@charset "utf-8";
/* CSS Document */
/* Normalizes margin, padding */
img.logoPrintImage{display:none;}


/*----- Middle Container Starts ----- */
#middleContainer{ padding: 10px 10px 30px 10px; position:relative; overflow:hidden;}
#middleContainer h1, .popupContainer h1{
color:#733f2d;
font:normal 20px  Arial, Helvetica, sans-serif;
margin:0px 0 0;
padding:0 0 3px 5px;}
#middleContainer h1 span{
	font-size:12px;
	font-weight:bold;
	}
#middleContainer h2, .popupContainer h2{
border-top:1px solid #FFFFFF;
color:#69321f;
font:12px/17px Verdana,Geneva,sans-serif;
padding: 0 7px 5px 6px;}
#middleContainer h2 span.emailChange{
	font:bold 12px/17px verdana;
padding:0 5px;
/*width: 300px;*/
display:block; position:absolute; top:55px; left:345px;
	}
#emailText{float:left; margin:0px; line-height: 16px;}
.emailChangeBtnWrapper{float:left; padding-left:5px; }
#middleContainer h2 a.h2Link{ color:#69331f; text-decoration:underline;}
#middleContainer h2 a:hover{text-decoration:none;}
a.globalLink{ color:#69331f; text-decoration:underline; font-size: 11px; font-weight:normal;}
a:hover.globalLink{text-decoration:none;}

/*-----*/
.loaderText{ 	color:#69321f; font: bold 14px Verdana, Geneva, sans-serif;}

/*-----large Btn Starts-----*/
a.largeBtn
{
	display: inline-block;
	font: normal 18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #69321f;
	outline: none;
	background: url(../images/largeBtn.png) no-repeat left top;
	line-height: 30px;
	padding-left: 10px;
	cursor: pointer;
}

a.largeBtn span
{
	line-height: 30px;
	display: block;
	padding-right: 10px;
	float:left; 
	background: url(../images/largeBtn.png) no-repeat right bottom;
}
a.largeBtn span strong{font: bold 15px Verdana, Geneva, sans-serif;}
.largeBtn span
{

}
/*---Adjustable Color Classes--*/

a.brown{ background-color: #a0e2e4; }
a:hover.brown{ background-color: #c3eced;}
a.gray{ background-color: #e3e3e3; color:#888888; }
a:hover.gray{ background-color: #ececec;}

/*-----larger Btn Ends-----*/

/*-----Small Btn Starts-----*/
a.smallBtn
{
	display: inline-block;
	font: bold 14px "Trebuchet MS", Verdana, Arial, Serif;
	text-decoration: none;
	color: #888888;
	outline: none;
	background: url(../images/smallBtn.png) no-repeat left top;
	line-height: 25px;
	padding-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

a.smallBtn span
{
	line-height: 25px;
	display: block;
	padding:0px;
	padding-right: 10px;
	float:left;
	background: url(../images/smallBtn.png) no-repeat right bottom;
}
.smallBtn span
{

}

/*---Adjustable Color Classes--*/

a.gray{ background-color: #e2e3e2; }
a:hover.gray{ background-color: #eeefee;}
a.lightBlue { background-color: #def1f3; }
a:hover.lightBlue {background-color: #def8f9;}
a.teal { background-color: #a0e2e4; color:#69321f;}
a:hover.teal { background-color: #c3eced;}

/*-----Small Btn Ends-----*/

/* ---- Button Wrapper--- */
.continueTopBtnWrapper{position:absolute; top: 20px; right: 25px; }
.questionNote{float:left;
margin-top:-5px;
overflow:hidden;}
.multipleTopBtnWrapper{position:absolute; right:10px; top:30px;}
.multipleAddBtnWrapper{float:left;}
.continueBottomBtnWrapper{ text-align:right; padding: 20px 15px 0 0; overflow:hidden; clear:both;}
.continueBottomBtnWrapper p{ color:#875a49; font: normal 11px Arial, Helvetica, sans-serif; padding-top: 5px;}
.continueBottomBtnWrapper p.orderAprroval{ float:left; line-height: 20px;}
.continueBottomBtnWrapper p.orderAprroval a{color:#6a3320;}
.continueBottomBtnWrapper p.orderAprroval a:hover{ text-decoration:none;}
a.printPage  {padding-left:25px; background: transparent url(../images/printer.gif) no-repeat top left; height:25px; display:inline-block;   margin-top:5px; padding-left:20px; font-weight: bold; text-decoration:underline; color:#69331f;
}

.continueBottomBtnWrapper .questionNote p{float:left; font: normal 12px Arial, Helvetica, sans-serif; text-align:left; clear:both; margin:0px; padding: 0px;}
.continueBottomBtnWrapper .questionNote p strong{font-size:18px;  font-weight:normal; padding-top: 5px; display:block;}
/*------ Shipping Detail Starts ----*/
.shippingDetailContainer{ margin-top: 10px; overflow:hidden; position:relative;}
.shippingItem{border: 2px solid #ccdddf; height:30px; background-color:#def1f3; color:#596061; font: normal 18px/30px Arial, Helvetica, sans-serif;  padding: 0px 5px;}
.shippingItem span{ color:#747d7e; font: normal 11px Verdana, Geneva, sans-serif; }
.shippingItem span.multipleShippingTitle{float:right; font:18px/30px Arial,Helvetica,sans-serif; margin-right:310px;}
.shippingAddress{ position: relative; height:29px; background-color:#f9f2e4; padding: 3px 0 0 6px; border:#f2e6d2 solid 2px; border-top:none; border-bottom:none; color:#000000;}
.shippingAddress p {  float:left; padding-right:20px; font: normal 13px/25px Arial, Helvetica, sans-serif; }
.shippingAddress strong{color:#69321f;  font-weight:bold; }
.shippingAddress span{ padding-left: 5px; }
.payementRow{padding:5px;}
.payementRow p{ line-height: 30px;}
.shippingAddress span.creditCardImg {	background: url(../images/creditCards.gif) no-repeat left top; width: 200px; height: 30px; display:block;float:left;  }
.productListContainer{border:#f2e6d2 solid 2px; border-top:none; overflow: hidden;  background: #fffcf2 url(../images/itemBg.gif) repeat-y right top;}
.productListItems{ float:left; overflow: hidden;   clear:both; overflow: hidden; margin:0px 5px; width: 435px;}
.giftItem{ width: 900px; padding: 10px; border-bottom: 1px #f7f0e5 solid;}
.productItem{ width: 435px; overflow: hidden; float:left; padding: 10px; border-bottom: 2px #f7f0e5 dotted;	}
.giftItem .productItem{padding: 0px; border: none; }
.multipleAddrees{width: 920px; border-bottom: 1px #f7f0e5 solid;}
.multipleAddrees .productItem{ border:none; width: 450px;}
.productItem img{float:left; padding-right: 20px;width:120px;}
.productItem dl dt, .productItem dl dd{ font: normal 12px Verdana, Geneva, sans-serif; padding-bottom: 5px; color:#333230;}
.productItem dl dt span, .productItem dl dd span { font-weight:bold;}
.productItem dl dd.giftOption{ margin-top: 8px;}
.productItem dl dd.giftNote{ font-size:11px;}
.productItem dl dd span.giftEnclosureNone{font-weight: normal;}
.optionsContainer{ float:left; overflow:hidden; padding:10px;}

.optionsContainer span{padding: 10px 5px 0px 10px;display:block; overflow:hidden;}
.optionsContainer span br{clear:both; }
.optionsContainer span input{ display:block; float:left; margin-bottom:0px; padding-right:5px; border: 0; background-color:#eef3f3; padding:2px; }
.optionsContainer span label{clear:right; display:block; float:left; font-size:12px; margin:0 0 8px 0; padding:0 5px;}
.optionsContainer span label span{ padding:0px; margin:0px; font-weight:bold; color:#009900; display:inline;}
.optionsContainer p.enterGiftNote{ margin-left:26px; margin-top:8px; clear:both;}
.optionsContainer p span.maxCharNote{color:#696867; font-size: 10px; font-style:italic; font-weight: normal; padding:0px;}
.optionsContainer span label span.giftEnclosureIcon{ padding: 1px 35px 2px 0px; background: url(../images/giftEnclosureIcon.gif) no-repeat right top;}
.optionsContainer textarea{ border: 1px #865a4a solid; clear:both; width: 240px; margin-left: 25px; padding: 2px; font:normal 11px Verdana, Geneva, sans-serif; min-height: 75px;}

.giftItem .optionsContainer{ padding:0px 10px;}
.optionsContainer p{ font: bold 12px/13px Verdana, Geneva, sans-serif; color:#69321f;}
.optionsContainer ul{ padding: 10px 5px 0px 10px;}
.optionsContainer ul li{ padding: 0 0 6px 0px; font-size: 12px; }
.optionsContainer ul li p{ padding: 8px 0 3px 0; line-height:12px; padding-left: 18px; font-weight:normal; }
.optionsContainer ul li span{ font-weight:bold; color:#009900; }
.optionsContainer ul li span.giftEnclosureIcon, span.giftEnclosureIcon{ padding: 1px 35px 2px 0px; background: url(../images/giftEnclosureIcon.gif) no-repeat right top; }

.optionsContainer ul li span.maxCharNote{color:#696867; font-size: 10px; font-style:italic; font-weight: normal;}
.optionsContainer ul input{ display: block; float: left; margin:0px; padding: 0px; margin-right: 5px; }
.estimatedDate{ color: #e36c43; font: bold 12px Verdana, Geneva, sans-serif; padding: 5px 5px 5px 6px ;}

p.shippingMethodValue {  padding:0px 0 0 5px; font: normal 13px/25px Arial, Helvetica, sans-serif; }
p.shippingMethodValue strong{color:#69321f;  font-weight:bold; }
/*--- Payment Page Form Starts--- */

div.paymentForm {
	float:left;
  font-size: 100%;
  padding: 10px;
  margin: 0;
  border:none; 
  background-color:#FFFCF2;
    width: 70%;
}


div.paymentForm div label {
  display: block;
  float: left;
  width: 150px;
  padding: 3px 10px;
  margin: 0 0 5px 0;
  text-align: right;
  font: 12px Verdana, Geneva, sans-serif;
}

div.paymentForm div.optional label, label.optional {
  font-weight: normal;
}
div.paymentForm div.required {
	margin: 10px 0 ; 
	}
div.paymentForm div.required label, label.required {
  font-weight: bold;
  
}

div.paymentForm div.required a{
	font: normal 9px Verdana, Geneva, sans-serif;
	color:#69321f;
	}
div.paymentForm div small {
  display: block;
  margin: 0 0 0px 150px;
  padding: 0px 3px;
  width:350px;
  zoom: 1;
  line-height: 100%;
  font: normal 10px Verdana, Geneva, sans-serif;
  color:#666666;
}
div.paymentForm div.wide input.inputText, div.paymentForm div.wide input.inputPassword, div.paymentForm div.wide input.inputFile, div.paymentForm div.wide select, div.paymentForm div.wide textarea {
  width: 141px;
  margin: 0;
}

div.paymentForm div select{font: normal 12px Verdana, Geneva, sans-serif; padding:2px; margin-right: 10px;}

div.paymentForm div input.inputText, div.paymentForm div input.inputPassword{
  width: 180px;
  padding: 2px;
  margin: 0 0 0 0;
  font: normal 12px Verdana, Geneva, sans-serif;
}
div.paymentForm div input.cidInput{
	  width: 65px;
	  margin-right: 5px;
  padding: 2px;
	   font: normal 12px Verdana, Geneva, sans-serif;
	}
/*--- Payment Page Form Ends--- */

/*--- Billing Address Starts ---*/
.billingAddress{ padding: 10px; float: left;}
.billingAddress  dl{ font: normal 12px Verdana, Geneva, sans-serif;}
.billingAddress  dt{ font: bold 14px Verdana, Geneva, sans-serif; color:#69321f;}
.billingAddress  dd{ font: normal 12px Verdana, Geneva, sans-serif; padding-top: 5px; width: 220px; display:block; clear:both;}
.billingAddress  dd.nameBold{ font-weight: bold;}
.billingAddress a{margin-top: 10px; clear:both; }
/*--- Billing Address Ends ---*/

/*---- Order Review Container ----*/
.orderReviewContainer{ width: 620px; clear:none; float:left; }
.orderReviewContainer .productListContainer{ background-position: 130px top;}
.revieweachitem{ margin-bottom:20px;}
.rightContainer{float:right; width: 300px; }
.rightInnerBox{ border: 2px solid #f2e6d2; background-color:#FFFFFF; padding:1px; margin-top: 10px; overflow:hidden; position:relative;}
.rightInnerBox dl dt{ background-color:#f9f2e4; font: normal 18px/27px Arial, Helvetica, sans-serif;  padding: 0px 5px; color:#596061;}
.rightInnerBox dl dd{ width:270px; padding:5px 10px; font-size:12px; }
.rightInnerBox dl dd span{ position:absolute; right: 10px; }
.rightInnerBox dl dd span span { right: 0px; color:#009900; }
.rightInnerBox dl dd.orderTotal{padding:10px; font-weight:bold; border-top:1px #f2e6d2 solid; margin:0px 2px;}
.rightInnerBox dl dd.promoCode{background-color:#eef6f3; padding: 10px 14px 10px 10px; font-size:12px;  color:#5f6261;}
.rightInnerBox dl dd.promoCode span{color:#2d9e27; font-weight:bold;}
.orderReviewAddress, .paymentReview{ padding:5px 10px 10px 10px; position:relative; width: 280px;}
.orderReviewAddress dl dt, .paymentReview dl dt{ background:none; border-top:1px #f2e6d2 dotted; padding-top: 3px; padding-left:0px;}
.orderReviewAddress dl dd{padding: 1px 10px;}
.orderReviewAddress a, .paymentReview a{position:absolute; top: 15px; right: 5px;}
.orderReviewBg .productListItems, .orderReviewBg .productListItems .productItem{ width: 600px;}
.orderReviewAddress a, .paymentReview a { top:0px;}

.paymentReview dl dt{background:none; border:none; line-height:20px;}
.paymentReview dl dd{ padding: 0 5px; padding-top:10px; overflow:hidden;}
.paymentReview dl dd span{line-height: 30px; padding-right: 5px; position:absolute; right: 10px;}
.paymentReview dl dd span.creditCard{background:url(../images/creditCards.gif) no-repeat left top; display:block; float:left; text-indent:-9999px; height: 30px; width:45px; position:relative; margin-left: 10px; padding:0px;}
.paymentReview dl dd strong{font-weight: bold; margin-left: 0px; display:block; float:left; line-height: 30px; font-weight: normal;}
.paymentReview dl dd span.masterCard{background-position: -51px top;}
.paymentReview dl dd span.discoverCard{background-position: -102px top;}
.paymentReview dl dd span.americanCard{background-position: -153px top;}

/*----- Shipping and Billing Address Form ---*/
.shippingAddressForm, .billingAddressForm, .accountInfo{
	float:left;
	margin: 0px 15px 0px 0px;
	width:455px;
	}
.accountInfo{	
	margin-top: 10px;
	}
div.shippingForm, div.addressForm {	
	padding-bottom: 20px;

	}
div.addAddressForm{padding-bottom:20px; margin:10px;}
div.shippingForm, div.addAddressForm{
	background-color: #f7fbf6;
	border: 2px solid #d7eeeb;

	}
div.billingForm{
	background-color: #fcf9f5;
	border: 2px solid #f2e6d2;	min-height: 573px;
	}

	
	/* --- Form ---*/
	



div.addressForm div {
  clear: left;
  display: block;
  zoom: 1;
  margin: 6px 1px;
  padding:3px 0;
}

div.addressForm div label {
  display: block;
  float: left;
  padding: 3px 10px;
  margin: 0 0 5px 0;
  text-align: right;
  width: 120px;  color: #69321f;
  font: 11px Verdana, Geneva, sans-serif;
}

div.addressForm div.optional label, label.optional {
  font-weight: normal;
}

div.addressForm div.required label, label.required {
  font-weight: bold;
}


div.addressForm div small {
  display: block;
  margin: 0 0 0px 120px;
  padding: 0px 3px;
  zoom: 1;
  line-height: 100%;
  font: normal 10px Verdana, Geneva, sans-serif;
  color:#666666;
}
div.addressForm div.wide input.inputText, div.addressForm div.wide input.inputPassword, div.addressForm div.wide input.inputFile, div.addressForm div.wide select, div.addressForm div textarea {
  width:255px;
  margin: 0;
}
div.addressForm div input.inputZipCode {width: 50px;}
div.addressForm div select.inputState{ width: 150px;}
div.addressForm div select.selectOne, div.addressForm div select.selectMultiple {
  width:255px;
  padding: 1px 3px;
 font: normal 11px Verdana, Geneva, sans-serif;
}


div.addressForm div input.inputText:hover, div.addressForm div input.inputPassword:hover, div.addressForm div input.inputZipCode:hover, div.addressForm div.phoneNumber input:hover, div.addressForm div select.inputState:hover, div.paymentForm div input.inputText:hover, div.paymentForm div input.inputPassword:hover, div.paymentForm div input.inputTextCID:hover, div.paymentForm div select:hover, div.loginContainer div.required input:hover {
border-color: #BBBBBB;
}
div.addressForm div input.inputText:focus, div.addressForm div input.inputPassword:focus, div.addressForm div input.inputZipCode:focus, div.addressForm div.phoneNumber input:focus, div.addressForm div select.inputState:focus, div.paymentForm div input.inputText:focus, div.paymentForm div input.inputPassword:focus, div.paymentForm div input.inputTextCID:focus, div.paymentForm div select:focus, div.loginContainer div.required input:focus{border-color:#BEEEE9; -moz-box-shadow:0 0 3px 2.3px #6FA1D9;} 
div.addressForm div input.inputText, div.addressForm div input.inputPassword { 
font:11px Verdana,Geneva,sans-serif;
margin:0;
width:255px;
}
div.addressForm div.phoneNumber input{width: 20px;}
div.addressForm div.phoneNumber input.phoneInputLast{ width: 30px;}

div.addressForm div.myAccountEmail{border-top: 2px dotted #d7eeeb;  padding-top: 10px;}
div.addressForm div.passwordContainer{ border: 1px solid #d7eeeb; background-color:#FFFFFF; margin: 10px 20px 0 20px; padding: 5px 10px ;}
div.addressForm div.passwordContainer p{ font: normal 11px Arial, Helvetica, sans-serif; color:#69321f;}
div.addressForm div.passwordContainer div input.inputPassword { width: 150px;}
div.addressForm div.passwordContainer label{ width: 110px;}
div.addressForm div.passwordContainer small{ margin-left: 110px;}

div.addressForm div.checkboxNews{
background: #ecf4fc url(../images/blue_bg_tile.gif) repeat-x top left;
padding: 10px 0px;
overflow:hidden;
	}
	
	
div.addressForm div.checkboxNews input.checkBox{
	margin-left: 220px;
	clear:left;
	  float:left;
	}

div.addressForm div.checkboxNews label{
	width: 280px;
	text-align: left;
	}



div.addressForm div.billingOptions {margin-left:10px; margin-bottom: 5px; overflow:hidden;}
div.addressForm div.billingOptions input.checkBox {
 border: none;
float:left;
}
div.addressForm div.billingOptions label{
	font-weight:bold; margin:0; padding:0; padding-left: 10px;text-align:left;width:auto;}
div.addressForm div.howDidYou{margin:0px; padding:0px; margin-bottom: 5px;}
div.addressForm div.howDidYou label{clear:both; display:block; float:none; text-align:left; width:180px; margin-bottom:0px; padding-top:0px;}
div.addressForm div.howDidYou select.inputState{margin-left:10px; width:280px;}
/*---- Error ----*/
div.addressForm div.errorMsg {background: #ffefef url(../images/form-ajax.gif) no-repeat right top;}
div.addressForm div.errorMsg label{background-color:#ffefef; color:#bd1a00; }
/*div.addressForm div.errorMsg input{border: 1px #c07c7c solid;}*/
div.errorMsg label:before {
  content: '*';
}
div.paymentForm div small.validationError { color: red; margin-left:165px;}
div.addressForm div small.validationError{ color: red; margin-left: 130px;}
.pageMsg{background: #e9ffef url(../images/infoErrorIcon.gif) no-repeat left 10px; padding: 10px; padding-left: 40px; margin: 5px 0 0 0 ; font-size: 12px; color:#265a3e; min-height: 23px;}
.errorInfoMsg{ background-position:left bottom;color:#bd1a00;background-color: #ffefef; }
.giftAlertMsg{background-position: left center; margin: 0px 0 0 0 ; padding-left: 35px; }

/*---- Popup ---*/
.closePopup { margin:0px; position:absolute; top:15px; right: 15px; }
a.popupCross{ width: 17px; height:17px;  background: url(../images/popupClose.gif) no-repeat left bottom;display:block; }
.popupContainer{ width: 500px; margin:auto; position:relative; /*background: transparent url(../images/bigshadow.gif) no-repeat bottom right;*/}
.popupValidation{width:555px;}
.multipleShipping{ width: 800px;}
.popupContainer .innerdiv{
/* Add container height here if desired */
background-color:#fffcf3; 
padding: 10px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}
.popupSubmitPopup{ clear:both; margin-top: 10px; overflow:hidden;  text-align:center;}
.selectAddress{ float:left; padding: 10px;}
.selectAddress label{clear:both; color:#69321F; display:block; font-size:12px; font-weight:bold; padding-bottom: 3px;}
.selectAddress select{ width: 350px;}
.addAddressBtnWrapper{position:absolute; right:0px; top:5px;}

/*------------Address Validation -*/
.inToTemplate{ margin:40px 0px;}
#addressValidationContainers{
	margin:0px auto;
	padding:0px;
	background:transparent url(../images/container_tile.gif) repeat-y top left;

	width: 537px;
	overflow:hidden;



}
#addressValidationContainers h1{
	margin: 0px 8px;
	border:none;	
	padding: 2px 12px;
	background-color: #e3f3ef;
	color:#69321f; 	
	font: bold 14px Verdana, Geneva, sans-serif;

}
#addressValidationContainers h1.hint{
	font: normal 11px Verdana, Geneva, sans-serif;
	color:#035fa8;
}
.addressBoxtop{
	background:transparent url(../images/container_top.gif) no-repeat top left;
	font-size:12px;
	line-height:14px;
	padding: 20px 20px 10px 20px; color:#4e5453;
	}
.addressBoxtop p{ padding: 10px; font-weight:bold; font-size:12px;  color:#69321f;}
.addressBoxmiddle{
	padding: 20px;	
}

.addressBoxBottom{
	margin: 10px 0 0 0px;
	background:transparent url(../images/container_bottom.gif) no-repeat left bottom;
	padding: 5px 0 10px 0;
	text-align:center

}
.addressBoxBottom p{
	background-color: #E1ECF4;
	padding: 3px 0;
	margin:0px 5px;
	}
#addressContinue{
	border-top:2px #e3f3ef dotted;
	padding: 15px 0px 15px 0px;

	text-align: center;

}
.addressAddressSelection{
	margin: 10px 10px 0 30px;
	}
.addressAddressSelection div{ padding: 10px 0;}
.addressAddressSelection div input{ border:none; background-color:#E3F3EF;}
.addressAddressSelection p {
	text-transform: uppercase;
		margin-left: 20px;
		margin-bottom: 3px;
		line-height:1.2;
		font-weight:bold; font-size:12px; color:#69321f;
	}
.addressAddressSelection p.contentText {
	text-transform: none;
	font: normal 11px Verdana, Geneva, sans-serif;

	}
.addressAddressSelection p.contentText a{
	color:#035fa8;
	}
.addressAddressSelection p span{
	color:#16a337;
	font-weight:bold;
	text-transform: none;
	}
.addressAddressSelection p span.graytext{
	color:#666666;
	font-weight:normal; font-size: 9px; padding: 0 0 5px 0; display:block;

	}

.addressAddressSelection label{
	line-height: 15px;
	display:inline-block;
	margin:0px;
	color:#4e5453;font-size: 14px;  font-weight:bold;
	}
.addressAddressSelection input{
	margin-right: 3px;
	margin-top:0px;
}

.optionsContainer span label span.strike_price_free_shipping {text-decoration: line-through; color:#666;}
.strike_price_free_shipping{text-decoration: line-through;}
p.shippingMethodValue span.freetext{color:#009900;}