/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES
----------------------------------------------------------------------------------*/

* {
	font: normal normal normal 12px Verdana, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}

html,
body,
div#outer {
    min-height: 100%;
    width: 100%;
    height: auto;
}

* html,
* html body,
* html div#outer {
    height: 100%;
}

body {
	background: #935226 url(../images/bg/bg.gif) repeat-x;
}

div#outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

div#inner {
	position: relative;
	width: 822px;
	height: auto;
	margin: 48px auto 0px auto;
	background: url(../images/bg/inner.gif) repeat-y;
}

#inner div#inner-2 {
	position: relative;
	width: 822px;
	background: url(../images/bg/inner2.jpg) no-repeat;
	/*height: 590px;*/
	height: auto;
}

#inner-2 div#inner-3 {
	position: relative;
	width: 822px;
	/*background: url(../images/bg/inner3.png) no-repeat;*/
	height: auto;
}

div.clr {
	clear: both;
}

#inner div#ribbon {
	position: absolute;
	top: 154px;
	left: 243px;
	width: 543px;
	height: 516px;
	background: transparent url(../images/bgd/ribbon.png) no-repeat;
}

#inner div#ribbon-down {
	position: absolute;
	top: 0;
	left: 213px;
	width: 43px;
	height: 609px;
	background: transparent url(../images/bg/ribbon-down.png) no-repeat;
	z-index: 50;
}

#inner div#ribbon-right {
	position: absolute;
	top: 127px;
	left: 0;
	width: 822px;
	height: 42px;
	background: transparent url(../images/bg/ribbon-right.png) no-repeat;
	z-index: 50;
}

#inner div#bow {
	position: absolute;
	top: 111px;
	left: 130px;
	width: 220px;
	height: 153px;
	background: transparent url(../images/bg/bow.png) no-repeat;
	z-index: 75;
}

/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: HEADER
----------------------------------------------------------------------------------*/

	#inner-3 div#header {
		position: relative;
		width: 822px;
		height: 128px;
	}

	#header a#logo {
		position: absolute;
		top: 52px;
		left: 59px;
		display: block;
		width: 137px;
		height: 73px;
		text-align: left;
		text-indent: -999em;
		text-decoration: none;
		outline: none;
		background: transparent url(../images/logo/estherprice.png) no-repeat; 
	}
	
	* html #header a#logo {
		background: url(../images/logo/estherprice.gif) no-repeat;
	}

	#header ul#header-links {
		position: absolute;
		top: 52px;
		right: 53px;
		width: 500px;
		height: 20px;
		text-align: right;
		/*background: transparent url(../images/bg/header-links.gif) no-repeat;*/
	}
	
	ul#header-links li.first-hl,
	ul#header-links li#home,
	ul#footer-links li#privacy {
		background: none;
	}

	ul#header-links li {
		display: inline;
		background: transparent url(../images/bg/header-links-sep.gif) left repeat-y;
	}
	
	ul#header-links li a {
		padding: 0 2px 0 7px;
		margin: 0;
		text-decoration: none;
		color: #2B150A;
	}

	ul#header-links li a:hover {
		text-decoration: underline;
	}

/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: HEADER :: SEARCH
----------------------------------------------------------------------------------*/

	#header div#search {
		position: absolute;
		width: 400px;
		height: 15px;
		top: 100px;
		right: 55px;
		margin: auto;
		text-align: right;
		color: #2B150A;
	}
	
	#header #searchbox,
	#header .inputbox {
		width: 113px;
		border: 1px solid #a2a2a2;
		padding: 2px 2px 3px 2px;
		margin: 0 4px 0 4px;
		color: #000;
		font: normal normal normal 11px Tahoma;
		font-size: 10px;
		background: #ECEDED url(../images/misc/input_grad.gif) repeat-x;
	}
	
	#header select {
		font: normal normal normal 11px Tahoma;
	}
	
	#header .button {
		font-size: 11px;
		font-weight: bold;
		color: #fff;
		width: 24px;
		height: 17px;
		border: 0;
		background: transparent url(../images/bg/button.gif) no-repeat;
	}
	
	#search span#product-search {
		text-decoration: none;
		margin: 0 4px 0 0;
		outline: none;
		font-weight: bold;
		/*background: transparent url(../images/bg/productsearch.gif) no-repeat;*/
	}

/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: LEFT-NAV
----------------------------------------------------------------------------------*/

	#inner-3 div#left-nav {
		position: relative;
		float: left;
		width: 200px;
		height: auto;
		margin: 61px 0 0 47px;
		display: inline;
	}
	
	#left-nav ul{
		margin: 0 0 0 25px;
		padding: 0 0 0 16px;
		list-style: none;
		z-index: 1000;
		width: 128px;
	}

	#inner-3 div#left-nav {
		margin: 61px 0 0 25px;
	}
	
	#left-nav ul li,
	#left-nav ul li a {
		font-size: 12px;
		color: #2B150A;
		text-decoration: none;
		font-weight: bold;
		margin: 8px 0 8px 0;
/*		line-height: 24px;	*/
	}
	
	#left-nav ul li:hover,
	#left-nav ul li a:hover {
		list-style-image: url(../images/bg/arrow2.gif); 
	}

	#left-nav ul li.left-nav-divider {
		width: 100%;
		display: block;
		text-align: left;
		text-indent: -999em;
		text-decoration: none;
		outline: none;
		background: transparent url(../images/bg/left-nav-divider.gif) repeat-x;
		margin: 12px 0 0 0;
		line-height: 8px;
	}
	
	#left-nav ul li.left-nav-divider:hover {
		list-style-image: none;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: MAIN
----------------------------------------------------------------------------------*/

	#inner-3 div#main {
		position: relative;
		float: right;
		width: 536px;
		height: 427px;
		margin: 35px 0 0 0;
		right: 36px;
		background: #fff;
		text-align: left !important;
	}
	
		body.internal #inner-3 div#main {
			width: 490px;
			margin: 100px 22px 15px 0;
			background: none;
			height: auto;
				min-height: 357px;
		}
		
		* html body.internal #inner-3 div#main {
			margin: 90px 11px 15px 0;
		}
		
		* html body.internal #inner-3 div#ie6 {
			width: 1px;
			height: 50px;
		}
	
		body.internal #inner-3 div#ie6 {
		}

	
/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: MAIN :: HOME PAGE SECTIONS
----------------------------------------------------------------------------------*/

	#main div#tl {
		position: relative;
		width: 359px;
		height: 247px;
		float: left;
		z-index: 25;
	}

	#main div#tr {
		position: relative;
		width: 176px;
		height: 247px;
		float: right;
		background: url("../images/bg/tr_new.jpg") no-repeat;
	}
	
	#tr span#tr-span {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 146px;
		width: 176px;
		text-align: left;
		text-indent: -999em;
		text-decoration: none;
		outline: none;
		background: none;
	}
	
	#tr a#tr-link {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		height: 101px;
		width: 176px;
		text-align: left;
		text-indent: -999em;
		text-decoration: none;
		outline: none;
		background: none;
	}

	#main div#ml {
		position: relative;
		width: 359px;
		height: 179px;
		float: left;
		margin: 1px 0 0 0;
		background: transparent url(../images/bg/ml.gif) no-repeat;
		padding: 0;
	}
	
	#ml ul#ml-list {
		position: relative;
		width: 340px;
		margin: 2px 0 0 8px;
	}
	
	#ml-list li {
		list-style: none;
		float: left;
		color: #F9E8C1;
		font: normal normal bold 11px Tahoma;
		line-height: 0px;
	}
	
	#ml-list li a {
		list-style: none;
		font: normal normal bold 11px Tahoma;
		color: #F9E8C1;
		text-decoration: none;
	}
	
	#ml-list a:hover {
		text-decoration: underline;
	}
	
	#ml-list span.before-bullet {
		font: normal normal normal 0px Tahoma;
		padding: 0;
		margin: 0;
		padding-left: 2px;
	}
	
	#ml-list span.after-bullet {
		padding-right: 2px;
		margin: 0;
	}
	
		
/*	
	ul#ml-list li,
	ul#ml-list li a {
		position: relative;
		float: left;
		color: #F9E8C1;
		text-decoration: none;
		font-size: 11px;
		line-height: 16px;
		list-style-position: inside;
		font-weight: normal;
	}
	
	ul#ml-list li a {
		padding-left: 2px;
	}
	
	#ml ul#ml-list li a:hover {
		text-decoration: underline;
	}
*/
	#main div#mr {
		position: relative;
		width: 176px;
		height: 179px;
		float: right;
		margin-top: 1px;
		background: url("../images/bg/white_chocolates.jpg") no-repeat;
		text-align: center;
	}
	
		#main div#bl {
			position: relative;
			width: 359px;
			height: 58px;
			float: left;
			margin-top: 1px;
			background: url(../images/bg/bl.gif) no-repeat;
		}

	#mr div#br {
		position: absolute;
		width: 174px;
		height: 48px;
		bottom: 0;
		left: 0;
		padding: 10px 0 0 2px;
		color: #5B2900;
	}
	
	#br a {
		font-weight: bold;
		text-decoration: none;
		color: #C82327;
	}
	
	#br a:hover {
		text-decoration: underline;
	}
	
	#mr a#winter_warmer_basket {
		position: absolute;
		display: block;
		width: 176px;
		height: 179px;
		top: 0;
		left: 0;
		text-align: left;
		text-indent: -999em;
		text-decoration: none;
		outline: none;
	}

/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: MAIN :: STYLINGS
----------------------------------------------------------------------------------*/
	
	#main h1 {
		line-height: 24px;
		color: #2B150A;
		font: normal normal bold 24px "Monotype Corsiva", "Times New Roman", serif;
	}
	
	#main h2 {
		line-height: 20px;
		font: normal normal bold 20px "Monotype Corsiva", "Times New Roman", serif;
		color: #2B150A;
	}
	
	#main h3 {
		font-size: 14px;
		font-weight: bold;
		color: #2B150A;
	}

	#br h3 {
		font: normal normal bold 11px Arial;
		margin: 0 0 5px 0;
		color: #2B150A;
	}
	
	#main h4 {
		font-size: 12px;
		font-weight: bold;
		color: #000;
	}

	#main p {
		line-height: 16px;
		margin: 20px 0;
	}
	
	#main ul,
	#main ol {
		margin: 5px 0 5px 30px;
	}
	
	#main ul li,
	#main ol li {
		margin: 3px 0 3px 0;
	}
	
	b,
	strong {
		font-weight: bold;
	}
	
	i,
	em {
		font-style: italic;
	}
	
	u {
		text-decoration: underline;
	}
	
	a {
		font-weight: bold;
		color: #2B150A;
		text-decoration: none;
	}
	
	#main a:hover {
		text-decoration: none;
	}
	
	#main a {
		text-decoration: underline;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: MAIN :: STYLINGS :: FAQ
----------------------------------------------------------------------------------*/

	dl#faq {
		
	}

	dl#faq dt {
		margin: 10px 0 0 0;
		padding: 5px;
		font-weight: bold;
	}
	
	dl#faq dd {
		margin: 0;
		padding: 10px 10px 30px 70px;
		line-height: 16px;
		background: url(../images/bg/answer.gif) no-repeat;
		border-top:1px solid #2B150A;
	}

/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: MAIN :: STYLINGS :: CANDY KEY
----------------------------------------------------------------------------------*/
	
	div.ckey {
		width: 135px;
		height: auto;
		float: left;
		text-align: center;
		margin: 10px;
	}
	
	div.ckey img {
		margin: 0 auto 3px auto;
	}

/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: STORE LOCATIONS
----------------------------------------------------------------------------------*/
	
	div.store {
		float: left;
		margin: 0px 15px 0px 0px;
		padding: 8px;
		border: 1px solid #4E4D4B;
		background-color: #CAC4B6;
	}
	
	address em {
		font: normal normal bold 10px Tahoma;
		color: #4E4D4B;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: STORESTYLE
----------------------------------------------------------------------------------*/

	#breadcrumb {
		position: absolute;
		top: -30px;
		right: 0;
		height: auto;
		width: 415px;
		text-align: right;
	}
	
	#breadcrumb .TopNavRow2Text {
		background: none;
		font-size: 10px;
		color: #1E0E07;
	}


	.TopNavRow2Text{
		color :#000000;
	}

	.THHeader{
		height: 25px;
		color :#fff;
		background-color :#BB1A1F;
	}
	
	.tdRow1Color {
		background-color: transparent;
	}
	
	td.tdRow1Color {
		background: #ECEDED;
		padding: 5px;
		margin: 3px 0 3px 0;
		border: 1px solid #a2a2a2;
	}
	
	.tdRow2Color {
		padding: 5px;
		background: transparent;
	}
	
	.tdRow1Color span.plaintext,
	.tdRow2Color span.plaintext {
		font-weight: bold;
	}
	
	.plaintext{
	
	}
	
	.plaintext .plaintext {
		height: 12px;
		padding: 1px 0 1px 2px;
		color: #000;
		font-family: Verdana, Arial, Helvetica, sans-serif;		
		font-size: 10px;
	}
	
	.plaintextbold{
	
	}

	.ProductTitle{
	
		 color :#666666;
		 FONT-SIZE  :12px;
		 FONT-FAMILY : Tahoma,Verdana,Arial ;
		 FONT-WEIGHT  : bold ;
		 TEXT-DECORATION  : none ;
	}
	
	.ProductPrice{
	
		 color :#000000;
		 FONT-SIZE  :11px;
		 FONT-FAMILY : Tahoma,Verdana,Arial ;
		 FONT-WEIGHT  : bold ;
		 TEXT-DECORATION  : none ;
	}
	
	.CompPrice{
	
		 color :#FF0000;
		 FONT-SIZE  :11px;
		 FONT-FAMILY : Tahoma,Verdana,Arial ;
		 FONT-WEIGHT  : bold ;
		 TEXT-DECORATION  : none ;
	}
	
/*************
	.smalltextblk{
		width: 113px;
		padding: 1px 0;
		margin: 1px 0 0 0;
	}
**************/	

	input[type=text],
	.InputTextSmall,
	[type=password] { 
		margin: 3px 0 3px 3px;
	}

/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: DEPARTMENT
----------------------------------------------------------------------------------*/
	
	div#dept {
		position: relative;
		width: 100%;
		text-align: left;
	}
	
	p#dept-desc {
		float: right;
		width: 150px;
	}
	
	table#catalog-img {
		width: 96%;
		border-collapse: collapse;
	}

	#catalog-img img,
	table#dept-listing img {
		border: 2px solid #C5B594;
	}
	
	#catalog-img p{
		margin-left: 20px;
		line-height: 20px;
		font-style: italic;
		font-weight: bold;
	}
	
	table#catalog-container {
		width: 100%;
	}
	
	#catalog-container img {
		border: 2px solid #C5B594;
	}
	
	table.catalog-listing {
		width: 100%;
		border: none;
		border-collapse: collapse;
		margin-bottom: 12px;
	}
	
	table.catalog-listing td.normal {
		background-color: #F8F3E7;
	}
	
	table.catalog-listing th {
		font: normal normal bold 13px Tahoma;
		border-bottom: 1px solid #000;
		padding: 4px;
	}
	
	table.catalog-listing td {
		padding: 5px;
	}

	table.catalog-listing td.quantity {
		padding: 0px 5px 5px 5px;
	}
	
	div.catalog-section {
		height: 2px;
		background-color: #C5B594;
		margin: 2px 0px;
	}
	
	table.catalog-listing a.prodtitle, span.prodtitle {
		font: normal normal bold 13px Arial;
		text-align: justify;
		text-justify: newspaper;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: CART
----------------------------------------------------------------------------------*/
	
	td.cart-total {
		text-align: right;
		background-color: #660000;
		color: #fff;
	}
	
	th.cart-remove, th.cart-item, th.cart-price, th.cart-qty, th.cart-sub {
		width: 10px;
	}
	
	table#cart-button {
		width: 100%;
	}
	
	#cart-button input {
		margin: 4px 0px 4px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#cart-button td p {
		margin: 4px 0px 0px 0px;
		font: normal normal normal 11px Tahoma;
		color: #6A5E44;
	}
	
	#cart-button td {
		vertical-align: top;
	}
	
	#cart-button td.right {
		text-align: right;
	}

	#cart-button td.centered {
		text-align: center;
	}
	
	div.multi-select strong,
	td.smallship strong {
		font-size: 10px;
	}
	
	div.multi-select {
		font-size: 10px;
	}
	
	td.smallship {
		font-size: 10px;
		border-top: 1px dotted #000;
		border-bottom: 2px solid #000;
	}
	
	td.smallship select,
	td.smallship input,
	div.multi-select select {
		font-size: 10px;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: FOOTER
----------------------------------------------------------------------------------*/

	#outer div#footer {
		position: relative;
		margin: -12px auto 50px auto;
		width: 822px;
		height: 97px;
		background: url("../images/bg/footer_extended.png") no-repeat;
		z-index: 150;
	}

	#footer div#footer2 {
		position: relative;
		width: 822px;
		height: 97px;
		background: url("../images/bg/footer_extended.gif") no-repeat;
	}
	
	#footer2 span#copyright {
		position: absolute;
		top: 34px;
		left: 46px;
		display: block;
		width: 150px;
		height: 10px;
		text-align: left;
		text-decoration: none;
		outline: none;
		color: #C08743;
		/*background: transparent url(../images/bg/copyright.gif) no-repeat;*/
	}
	
	#footer ul#footer-links {
		position: absolute;
		top: 50px;
		left: 36px;
		width: 235px;
		height: 17px;
		/*background: transparent url(../images/bg/footer-links.gif) no-repeat;*/
	}
	
	ul#footer-links li {
		display: inline;
		margin-left: 3px;
		background: transparent url(../images/bg/header-links-sep.gif) left repeat-y;
	}
	
	ul#footer-links li#privacy a,
	ul#footer-links li#sitemap a {
		padding: 0 2px 0 7px;
		margin: 0;
		height: 13px;
		text-align: left;
		text-decoration: none;
		outline: none;
		color: #C08743;
		font-weight: normal;
	}
	
	ul#footer-links li#privacy a:hover,
	ul#footer-links li#sitemap a:hover {
		text-decoration: underline;
	}

	a#rci, a#facebook {
		position: absolute;
		display: block;
		text-align: left;
		text-indent: -999em;
		text-decoration: none;
		outline: none;
	}
	
	a#rci {
		top: 23px;
		left: 450px;
		width: 187px;
		height: 42px;
		background: transparent url("../images/bg/rci.gif") no-repeat; 
	}
	
	a#facebook {
		top: 27px;
		left: 280px;
		width: 124px;
		height: 35px;
		background: transparent url("../images/bg/facebook.png") no-repeat; 
	}

	#footer2 span#eighthundred {
		position: absolute;
		top: 50px;
		right: 25px;
		display: block;
		width: 120px;
		height: 10px;
		text-align: left;
		text-decoration: none;
		outline: none;
		color: #C08743;
	}
	
/*----------------------------------------------------------------------------------
	CSS :: ESTHER PRICE CANDIES :: Peanut Butter
----------------------------------------------------------------------------------*/

	div#peanut_butter {
		position: relative;
		height: 41px;
		width: 150px;
		margin: 0 0 0 25px;
		text-align: center;
		background: url(../images/bg/peanut_butter.jpg) no-repeat;
		padding: 10px 0 0 0;
	}
	
	#peanut_butter a {
		color: #fff;
		text-decoration: none;
	}
	
	#peanut_butter a:hover {
		text-decoration: underline;
	}