@charset "utf-8";
/* CSS Document */

/* CSS Document */
@import "recommendProduct.css";
@import "checkoutProcess.css";
@import "all_Buttons.css";
@import "form.css";
/* @import "product_zoom.css"; */
/* Normalizes margin, padding */

	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, table, label

	{ margin : 0; padding : 0; 	font: normal 12px Arial, Helvetica, sans-serif; }

	/* Normalizes font-size for headers */

	h1,h2,h3,h4,h5,h6 { font-size : 100%; font: normal 11px Arial, Helvetica, sans-serif; }

	/* Removes list-style from lists */

	ol,ul { list-style : none; }


	/* Normalizes font-style and font-weight to normal */

	address, caption, cite, code, dfn, em, strong, th, var

	{ font-style : normal; font-weight : normal; }


	/* Removes borders and spacing from tables */

	table { border-collapse : collapse; border-spacing : 0px; }

	/* Removes border from fieldset and img */

	fieldset,img, img a { border : 0; }

	
	/* Left-aligns text in caption and th */

	caption,th { text-align : left; }


	/* Removes quotation marks from q */

	q:before, q:after { content :''; }

	/* Removes rid of Firefox's dotted borders */

	a { outline:none; }

	/* Removes rid of IE's blue borders */

	a img { border:none; }

	strong { font-weight: bold; }

	em { font-style: italic; }
input, textarea{background: transparent url(../images/inputBG.gif) repeat-x top left; border: 1px solid #c3c3c3;	}
input:focus, textarea:focus, input.sffocus { border-color: #939393; background-image:none; background-color:#FFF;}
	/* ------------------------- End Reset CSS ---------------------- */
	
* {
	margin: 0;
}
html, body {

	height: 100%;
	background: transparent url(../images/bodyBG.gif) repeat-y top center;	
}
h6{
	color:#6d6d6d;
	font: normal 18px Arial, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	margin-left: 15px;
	}
div#wrapper {
	margin: 5px auto 0px auto;
	width: 998px;
	padding-bottom: 10px;
	min-height: 100%;	
	height: auto !important;
	height: 100%;
	background: #FFFFFF url(../images/headerBG.jpg) no-repeat top center;	
	margin-bottom: -70px; /* the bottom margin is the negative value of the footer's height */

}
.push {
height: 70px; /* .push must be the same height as #footer ( #footer bottom of this document ) */ clear:both;
}

div#masthead{
	position: relative;
	margin:0px auto;
	
	height: 96px;
	width: 998px;
	}
div#masthead h1 a { 
	text-indent: -9999px;
	position: absolute;
	top: 9px;
	width:372px;
	height: 77px;
	background: transparent url(../images/logo.png) no-repeat 0px 0px;
	cursor:pointer;
	margin-left:25px;
}

div#masthead h1 a:hover { background: transparent url(../images/logo_hover.png) no-repeat 0px 0px; }
div#masthead .spanish{
	float:right;
	width:210px;
	height:15px;
	margin-top: 10px;
	margin-right: 15px;
	text-align:right;

}
div#masthead .spanish a{
	color:#FFFFFF;
	text-decoration:none;
}
div#masthead .spanish a:hover, div#masthead .shoppingBag a:hover{
	color:#f5ebeb;
	text-decoration:underline;
}

div#masthead .shoppingBag { 
	float:right;
	clear:right;
	height: 20px;
	width:auto;
	background: transparent url(../images/shoppingBag.png) no-repeat left top;
	color: #e1d6d6;
	margin-right: 15px;
	padding-top: 20px;
	padding-left: 40px;
	text-align:right;
}
div#masthead .shoppingBag a{
	color:#e1d6d6;
	text-decoration:none;
}
	
div#topNav{
	margin: 5px 0 0 0;
	clear:both;
	overflow:hidden;
	width: 550px;
	padding: 0px 5px 0px 10px;
	float:right;	
	text-align:right;
}
	
div#topNav .topNavLink{ 
	padding: 6px 0 0 0 ;
	font-weight:bold;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	text-transform: uppercase;

}
div#topNav .topNavLink span{margin: 0px 15px; }
div#topNav .topNavLink a{  color:#FFFFFF; text-decoration:none; }

div#topNav .topNavLink a:hover{ color:#f6a0a5;}
div#banner{	
	margin:0px;
	height:332px;
	overflow:hidden;
	background: #000 url(../images/banner_1.jpg) no-repeat left top;

	}
/*-------------- Index PAGE CSS--------------------*/

#homeLeftNavigation{
	float:left;
	width: 160px;
	margin: 20px 0px 0px 10px;

}
#homeLeftNavigation span{margin:0;padding:0}
#homeLeftNavigation ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;

}

#homeLeftNavigation li
{
	text-transform: uppercase;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align: left;
	line-height:11px;
	border: none;

}

#homeLeftNavigation a {
	display: inline-block; 		/* fixes whitespace bug for IE */
}

#homeLeftNavigation li a{
	padding:3px 5px 4px 10px;
	display: block;				/* resets for above IE fix */
	color: #FFFFFF;
	text-decoration: none;
	font: normal 11px Arial Narrow, Arial, Helvetica, sans-serif;

}


#homeLeftNavigation li a:hover {
	font-weight:bold;
}
	
h4{
	color:#e75e5e;
	font: normal 21px Arial Narrow, Arial, Helvetica, sans-serif;
	margin: 9px 0 4px 12px;
	padding-bottom: 0px;

	}
.bucket_A {
	float:left;
	width: 323px;
	margin-left: 12px;
	background: url(../images/bucket_BG1.gif) no-repeat left center;
	height:179px;
	}
.bucket_B {
	float:left;
	width: 323px;
	margin-left: 6px; 
	background: url(../images/bucket_BG2.gif) no-repeat left center;
	height:179px;
	}
.bucket_C {
	float:left;
	width: 323px;
	margin-left: 6px;
	background: url(../images/bucket_BG3.gif) no-repeat left center;
	height:179px;
	
	}
.bucketcontent {
	float:left;
	width: 190px;
	margin: 30px 0  0 15px;
	}	
.bucketcontent h1{
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	margin-bottom: 10px;
	}
.bucketcontent h1 span{
	color:#e75e5e;
	}
.bucketcontent p{
		font: normal 12px Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	}
.clickable a{
	text-indent: -9999px;
	width: 110px;
	margin-right: 5px;
	float:right;
		height:179px;
	}
.viewAllButton{
	float:left;
	position: inherit;
	width: 73px;
	margin: 40px 0px 0 119px;
	
	}
.centerBtn{
	margin: 40px 0px 0 95px;
	padding-right:35px;
	}
.rightBtn{margin-top: 26px;}
/*-------------- Index PAGE CSS Ends --------------------*/

/*-------------- Error Handling CSS--------------------*/
.error {color:#d42130}
.errorlarge {color:#d42130; font-weight:bold;}


/*-------------- Left Nav CSS--------------------*/

#LeftNavigation{
	float:left;
	width: 160px;
	margin: 35px 0px 0px 10px;
}

#LeftNavigation ul
{
	list-style-type: none;
	margin: 0;
	padding: 0px;
	margin-bottom:30px;
	border-bottom: 1px solid #D9D9D9;
}

#LeftNavigation li
{
	text-transform: uppercase;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	border-top: 1px solid #D9D9D9;
	color:#FF0000;
	text-align: right;
	line-height:11px;
	background: url(../images/leftNav_bullet_off.gif) no-repeat left center;

}

#LeftNavigation a {
	display: inline-block; 		/* fixes whitespace bug for IE */
}

#LeftNavigation li a{
	padding:4px 5px 5px 10px;
	display: block;				/* resets for above IE fix */
	color: #685356;
	text-decoration: none;
	font: normal 11px Arial Narrow, Arial, Helvetica, sans-serif;
	background: url(../images/leftNav_bullet_off.gif) no-repeat left center;
}


#LeftNavigation li a:hover {
	background: url(../images/leftNav_bullet_on.gif) no-repeat left center;
}

/*--------------------- categoryContainer ------------------*/

.categoryContainer{
	float:left;
	width: 790px;
	margin-top: 21px;
	padding: 38px 5px 0px 8px; 
	background: url(../images/categoryTitle_bg.gif) no-repeat left top;

	}
.categoryContainer h1{
	color:#e75e5e;
	font: normal 21px Arial Narrow, Arial, Helvetica, sans-serif;
	margin-left: 60px;
	padding-bottom: 0px;
	border-bottom: 1px solid #ececec;
}

.categoryContainer h1.pageHeaderMessage{
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	padding-top: 3px;
	padding-left: 25px;
	border:none;
}
.categoryProductContainer{
	margin: 30px 0;
	padding-left: 45px; 
	padding-bottom:10px;
	overflow:hidden;
}
.productThumb{
	width: 177px;
	height:220px;
	float:left;
	margin:0;
	margin: 0px 30px 30px 39px ;
	text-align:center; 
}
.productThumb a{
color:#3a3a3a;
	text-decoration:none;
	}
.productThumb a:hover{
color:#e75e5e;

	}
.productThumb img{
	padding: 1px; border:1px solid #e3e3e3;
	}


.productThumb p{
	padding-top: 2px;	
	}

.productThumb p span{
	color: #FF0000;}


/*----------------Product Detail CSS--------*/

.productLeftContainer{
	width: 250px;
	float:left;
	text-align:center;
	margin-left: 39px;
	}
.productLeftContainer img{
	padding: 1px; border:1px solid #e3e3e3;
	}
.productLeftContainer p{
	display:block;
	width: 110px;
	padding-left: 10px;
	height: 23px;
	margin:0px auto;
	background: #FFFFFF url(../images/icon_enlarge.gif) no-repeat left top ;
	padding-top: 5px;
	color: #000000;
	
	text-decoration:underline;
	}
.productLeftContainer p:hover{
	color:#e75e5e;
	}
.productrightContainer{
	float:left;
	width: 400px;
	margin-left: 30px;

}
.productrightContainer p{
	font: normal 12px/17px Arial, Helvetica, sans-serif;
}

.productrightContainer a{
	color:#000;
}

.productrightContainer a:hover{
	color:#e75e5e;
}

.productrightContainer h1{
	margin:0px;
	padding:0px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom: 3px; 
	border:none
	}
.productrightContainer ul {
		margin-bottom: 10px;
}
.productrightContainer ul li{
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0 15px 5px 15px;
	list-style-type: disc;
	list-style-position: 10px;
	color: #4c4c4c;
	}
.emailToFriends a{
	float:left;
	color: #666666;
	width: 140px;
	text-decoration:underline;
	font: normal 11px Arial, Helvetica, sans-serif;
	}
.shareProduct{
		width:100%;
		float:left;
}

/*--------FAQs CSS-----------*/

.faqAnswer{
	padding: 0px 0 5px 5px;
	margin-bottom: 10px;
	
	}
.faqAnswer p{	margin-left: 20px;
	margin-bottom: 10px;
	
	}
.faqAnswer a{ color: #e75e5e;}
.faqAnswer ul {	margin-left: 20px;
		margin-bottom: 10px;
		}
.faqAnswer ul li{
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0 15px 5px 15px;
	list-style-type: disc;
	list-style-position: 10px;
	color: #4c4c4c;
	}
.faqAnswer table{
	margin-left: 25px;
	border: 1px solid #fcd3d3;
	overflow:hidden;
	font: normal 11px Arial, Helvetica, sans-serif;
	width: 400px;
	}
.faqAnswer tr.contentRow{
	text-align:center;
	margin:0px;
	padding: 0px;
	
	}

.faqAnswer td{	
	padding: 5px 0;
	border-top: 1px solid #fcd3d3;
	overflow:hidden;
	font: normal 11px Arial, Helvetica, sans-serif;

	}
.faqAnswer .titleName{
	width: 50%;
	background-color:#FCEAE7;
	}
.orderClass{
	margin: 30px 0;
	padding-left: 230px; 
	overflow:hidden;
	}
h6.sectionHead {	
	color:#6d6d6d;
	font: normal 18px Arial, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	margin-left: 15px;
	background-color: #fcf2f2;
	padding: 1px 3px ;
	border-top: 1px solid #ececec;}

/*-----------------Contact Us CSS-------------*/


.contact_button_wrapper{
	width:480px;
	margin-left:70px;
	margin-top:10px;
	float:left;}


/*-----------------Shopping Cart CSS-------------*/



#shoppingCart{
	overflow:hidden;	
	font: normal 11px Arial, Helvetica, sans-serif;
	background: #FFF url(../images/cart_topBG.gif) no-repeat top left;
	margin-left:15px;
	width:98%;
	}



th{
	padding: 6px 6px;
	font-weight:bold;
	font-size: 12px;
	color: #5a5e62;
	background:none;
	border-right: 2px solid #FFF;
	text-align: center;
	}
		
td{
	margin:0px;
	padding: 10px 6px 10px 6px;

/*	border-top: 1px #fceae7 dashed;*/
	vertical-align:top;
	color: #000;

		}
.tagLeftaline{
	text-align:left;
	}

.productRemoveCheckbox{
	padding-top:10px;
	text-align:center;
	}
#productRemoveCell{
	text-align:center;
	width: 10%;	background:none;
	}
.productImgThumb{
	text-align:center;	

}
.productImgThumb img{
	padding: 1px;
	width: 57px;
	height: 57px;
	border: 1px solid #cccccc;	
}
.productImgThumb p{
	color:#666666;
	text-decoration: underline;
	}
.productImgThumb a:hover{
	color:#e75e5e;
	text-decoration: underline;
}
#productImageCell{
	text-align:center;	background:none;

	}
#productNameCell{	background:none;

	}
.productNameTitle{
	text-align:left;
	width: 70%;
	padding-left:20px;

}
.priceTitle{

	}
.productName{

	text-align:left;
	}
.productName a{
	color: #000;
}
#productQuantityCell{background:none;
	text-align:center;
width: 30%;
	}
.productQuantity{
	text-align:center;	
}

#productPriceCell {
	text-align:center;background:none;
	width: 10%;
	}
.productPrice{

	text-align:center;

	}
.checkoutErrorBox {margin: 0 80px;text-align:left;}


/*-----------Subtotal and TotalCSS --------------------*/

tfoot td{
	padding: 5px;
	text-align:right;


	}
.orderTotalText{
	padding: 5px 10px 0 0;
	font-weight:bold;
	font-size: 11px;
	color: #000000;
	background-color: #f1f1f1;
	text-align: right;
	}
	
.orderTotalPrice{
	margin: 5px auto;
	padding: 5px 20px;
	font-weight:bold;
	font-size: 11px;
	color: #000000;
	border: 1px solid #f1f1f1;
	text-align: right;

	}

.membSaving{ margin:0px; padding:0px;}
.promotion {
		background-color:#fff3f1;
		border:1px solid #F1F1F1; 
		float: right; 
		overflow:hidden;
		width:280px;
		height:52px; 

}
	.promotion p{ clear:both; padding:0px; margin:0px; text-align:right; padding: 2px 3px 2px 0; font: normal 11px  Arial, Helvetica, sans-serif; background-color: #FFF;}
		.promotion p strong{ color:#e75e5e; } 
.promotion input{
	float: left;
	margin: 8px 3px 8px 3px; padding:0px;

}
	 .promotion label{
		 	float: left;
	margin: 8px 0px 8px 56px;

	}
/*
	.promotion {
		background-color:#fff3f1;
		border:1px solid #F1F1F1; 
		float: right;
		overflow:hidden;
		width:235px;
		height:30px;

}
.promotion input{
	float: left;
	margin: 8px 0 8px 8px;

}
	 .promotion label{
		 	float: left;
	margin: 8px 0px 8px 8px;

	}*/
.discountText{
	color:#000000;
	text-align:center;
	}
.dividerLine{
	border-top: 1px solid #f1f1f1;
	line-height:0%;
	font-size:1px;

	padding:0px;
	margin:0px;
	}
.taxLine
{
	border-top: 1px solid #f1f1f1;
	padding: 10px;
	border-bottom: 1px solid #fcd3d3;


	}
	
/*--------------Order Status --------------------*/

.orderStatusListing{

	margin-left: 20px;
	width: 720px;
	}
.orderstatuserror{
	clear:both;
	}
.orderStatusListing h4{
	color:#e75e5e;
	font: normal 21px Arial Narrow, Arial, Helvetica, sans-serif;
	margin: 0px;
	width: 400px;
	float:left;

	padding-bottom: 0px;
}
.orderStatusListing h6{

	margin-left: 0;
	
}
.searchAgain {
	float: right;
	margin-top: 5px;
	margin-right: 30px;
	color:#e75e5e;
	}
.orderContent{

	float:left;

	padding: 10px;
	width: 350px;
}
.orderContent p{
	padding-bottom: 0px;
}
.orderStatuscontentNote{ width:300px; float:right; background-color:#fceae7; border:1px solid #F1F1F1; padding: 10px 5px 5px 5px; margin-right:10px;}

.orderStatuscontentNote ul li{
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0 15px 5px 15px;
	list-style-type: disc;
	list-style-position: 10px;
	color: #4c4c4c;
	}
.statusContent{
	margin-left: 10px;
	}
.statusContent p{ margin-bottom: 10px;}
.orderStatusListing a{ color:#e75e5e; }
/*-----------------Footer CSS------------------*/


#footer{
	margin:0px auto;
	height: 70px; /* .push must be the same height as .footer */
	clear:both;
	width: 998px;
	
	background: #efefef url(../images/footerBG.gif) top center no-repeat ;
/*		border: 1px #FF0000 solid;  testing*/
}
div#footer .footerlinks{ clear:both; margin: 0 auto; padding-top: 20px; color:#b0b0b4; text-align:center;}
div#footer .footerlinks a{  color:#5a5a5c; text-decoration:none; padding-right:5px; padding-left: 5px}
div#footer .footerlinks a:hover{ text-decoration:underline; }
div#footer .copyright{ clear:both; margin:0 auto; font-size:10px; color:#88888b; margin: 5px 0px; text-align:center;}
.copyright a { color:#5a5a5c; text-decoration:none;}
.copyright a:hover{ text-decoration:underline;}