@charset "utf-8";

/* CSS document */

body{
	background-color: #fbf8eb;
	font-family: Arial, sans-serif;
}

.all{
	width: 955px;
	margin: 0 auto;
	min-height: 100%;	
	_height:100%;
	position: relative;
}
* html .all{
	height:100%;
}
.headerMenu{
	height: 62px;
	border-bottom: 1px solid #c2a072;
	background: url(/img/headerMenuFill.jpg);	
}
.headerMenu ul{	
	float: right;
	margin-top: 40px;
}
.headerMenu ul li,
.footer ul li{
	display: block;
	float: left;
	margin-right: 15px;	
}
.headerMenu ul li a,
.footer ul li a{
	color: #601000;
}

.headerImage{
	height: 138px;
}

/* header images */

.Main{
	background-image: url(/img/headerMain.jpg);
}
.bagel{
	background-image: url(/img/headerBagel.jpg);
}
.handbag{
	background-image: url(/img/headerhandBags.jpg);
}
.beer{
	background-image: url(/img/headerBeer.jpg);
}
.cigar{
	background-image: url(/img/headerCigars.jpg);
}
.movie{
	background-image: url(/img/headerMovies.jpg);
}
.wine{
	background-image: url(/img/headerWine.jpg);
}
.dog{
	background-image: url(/img/headerDog.jpg);
}
.flower{
	background-image: url(/img/headerFlowers.jpg);
}
.hotsauce{
	background-image: url(/img/headerHotSauce.jpg);
}
.popcorn{
	background-image: url(/img/headerPopcorn.jpg);
}
.tea{
	background-image: url(/img/headerTea.jpg);
}
.steak{
	background-image: url(/img/headerSteak.jpg);
}
.golf{
	background-image: url(/img/headerGolf.jpg);
}
.cookie{
	background-image: url(/img/headerCookie.jpg);
}
.barbecuesauce{
	background-image: url(/img/headerBarbecueSauce.jpg);
}
.sodapop{
	background-image: url(/img/headerSodaPop.jpg);
}
.kamasutra{
	background-image: url(/img/headerKamaSutra.jpg);
}
.computergeek{
	background-image: url(/img/headerComputerGeek.jpg);
}
.collegecare{
	background-image: url(/img/headerCollegeCare.jpg);
}
.militarycare{
	background-image: url(/img/headerMilitaryCare.jpg);
}
.footballfan{
	background-image: url(/img/headerFootballFan.jpg);
}
.jewelry{
	background-image: url(/img/headerJewelry.jpg);
}
.fdhot{
	background-image: url(/img/headerfdhot.jpg);
}
.fdcigar{
	background-image: url(/img/headerfdcigar.jpg);
}


/* header images end */

.topMenu{
	height: 44px;
	background: url(/img/topMenuFill.jpg) repeat-x;	
	border-bottom: 5px solid #b7cedb;
}
.topMenu ul{
	margin-left: 284px;
	padding-top: 16px;
}
.topMenu ul li{
	display: block;
	float: left;
	margin-right: 29px;
}

/* left avigation styles*/

.leftNav{
	width: 247px;
	margin: -222px 0 0 0;
	padding-left: 18px;
}
.leftNav h1{
	width: 247px;
	height: 182px;
}
.leftNav h1 span{
	visibility: hidden;	
	display: block;
	height: 0;
	font-size: 0;
	overflow: hidden;
}
.leftNav h1 img{
	display: block;
}
.leftNav .banner{
	display: block;
	margin: -23px 0 0 20px;	
	z-index: 2;
}
.leftNav .banner img{
	display: block;
}
.leftNav .leftMenu{
	top: -22px;	
}
.leftNav .leftMenu .top{
	height: 9px;
	background: url(/img/leftMenuTop.gif);
	font-size: 0;	
}
.leftNav .leftMenu .fill{
	background: url(/img/leftMenuFill.gif) repeat-y;
	padding-bottom: 27px;

}
.leftNav .leftMenu .call{
	height: 51px;
	background: url(/img/leftMenuCall.gif);	
	padding-right: 33px;
}
.leftNav .leftMenu .call p{
	color: #caf2fb;
}
.leftNav .leftMenu .bottom{
	height: 8px;
	background: url(/img/leftMenuBottom.gif);
	font-size: 0;	
}
.leftMenu ul{
	width: 167px;
	margin: 0 auto;
	padding:25px 0 38px 0;
}
.leftMenu ul li{
	display: block;
	border-bottom: 1px solid #a02b30;
}
.leftMenu ul li a{
	display: block;
	border-bottom: 1px solid #670a0a;
	text-align: center;
	height: 30px;
	line-height: 30px;
}
.leftMenu .fill img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.leftMenu .paypal{
	margin-bottom: 18px;
}
.leftMenu .call .font10{
	padding-top: 6px;
	margin-bottom: -6px;
}
.leftMenu .call .georgia{
	font-size:2.75em;	
	*font-size:27.5px !important;		
}

/* main content styles */

.mainContent{
	margin-left: 18px;
	padding: 15px 0 15px 0;
}
/* if there is right navigation, add this class to .maincontent div */
.rightNavTrue{
	width: 398px;
}
/* if there is NO right navigation, add this class to .maincontent div */
.rightNavFalse{
	width: 575px;
}
.mainContent h2{
	padding-bottom: 5px;
}
.mainContent .font12{
	line-height: 18px;
	padding-top: 11px;
}
.mainContent .font12 .sep{
	margin: 8px 0;
}
.mainContent h3{
	padding-bottom:8px;	
	padding-top: 6px;
}
.information{
	padding-bottom: 9px;
}
.important{
	padding-top: 15px;
	padding-bottom: 17px;
}
.billingInfo{
	padding-bottom: 10px;
	padding-top: 8px;
}
.membershipPayment{
	left: 385px;
	top:32px;
}
.orderMenu{
	display: block;
	width: 569px;
	height: 63px;
	background: url(/img/orderMenuFill.jpg);
	padding: 13px 0 0 11px;
	margin: -3px 0 25px 0;
}
.orderMenu li{
	display: block;
	float: left;
	height: 43px;
	background: url(/img/orderMenuItem.jpg);
	margin-right: 2px;
	padding: 7px 0 0 11px;
}
.orderMenu .first{
	width: 122px;
}
.orderMenu .second{
	width: 135px;
}
.orderMenu .third{
	width: 130px;
}
.orderMenu .fourth{
	width: 121px;
}
.orderMenu p{
	font-weight: bold;
	color: #522d13;
	margin-bottom: -1px;
}
.orderMenu .font12{
	padding: 0;
}
.orderMenu h3{
	padding: 0;
	color: #866c51;
	font-size:1.55em;	
	*font-size:15.5px !important;			
}
.orderMenu .current{
	background: #f8f5ee;
}
.orderMenu .current p{
	color: #1088cd;
}
.orderMenu .current h3{
	color: #cc0000;
}

/* form1 styles */

.form1{
	padding: 16px 0 0 0;	
}
.form1 p{
	height: 19px;
	padding-bottom: 8px;
}
.form1 span{
	display: block;
	float: left;
	width: 92px;
	line-height: 19px;
}
.iAgreeUnchecked{
	cursor: pointer;
	display: block;
	float: left;	
	width: 13px;
	height: 14px;
	background: url(/img/iAgreeCheckbox.gif);
	margin-left: 12px;	
}
.iAgreeChecked{
	cursor: pointer;
	display: block;
	float: left;	
	width: 13px;
	height: 14px;
	background:url(/img/iAgreeCheckbox_checked.gif);
	margin-left: 12px;
}
.enterAge{
	height: 19px;
}
.enterAge span{
	display: block;
	float: left;
	width: 119px;
	line-height: 19px;
}

/* form2 styles */

.form2{
	padding: 11px 0 0 0;	
}
.form2 p{
	height: 19px;
	padding-bottom: 8px;
}
.form2 span{
	display: block;
	float: left;
	width: 106px;
	line-height: 19px;
}
.form2 .btn{
	margin-top: 11px;
}

/* order summary page styles */

.orderSummary .orderMenu{
	margin-top: 0;
}
.orderSumTable .head{
	width: 582px;
	height: 24px;
	background: url(/img/orderSummaryTH.jpg);
	line-height: 25px;
	padding: 0;
}
.orderSumTable .head span{
	display: block;
	float: left;
}
.orderSumTable .head .first{
	padding-left: 21px
}
.orderSumTable .head .second{
	padding-left: 66px	
}
.orderSumTable .head .third{
	padding-left: 303px	
}
.orderSumTable .firstRow{
	padding: 10px 0 0 0;
}
.orderSumTable .firstRow .first{
	padding-top: 4px
}
.orderSumTable .secondRow{
	padding: 5px 0 3px 0;			
}
.orderSumTable .secondRow .second,
.orderSumTable .secondRow .third{
	line-height: 34px;
}
.orderSumTable .thirdRow{
	padding: 9px 0 21px 0;
}
.orderSumTable .row .first,
.orderSumTable .row .second,
.orderSumTable .row .third{
	float: left;
}
.orderSumTable .row .first{
	width: 135px;
}
.orderSumTable .row .second{
	width: 377px;
}
.orderSumTable .row .third{
	width: 60px;
}
.orderSumTable .row .font12{
	padding: 0;
}
.orderSumTable .row .second .underline{
	position: relative;
	margin-left: 7px;
	top:-2px;
}
.orderSumTable .billingInfo{
	padding-bottom: 3px;
}

/* payment Info page styles */

.cards{
	position:relative;
	top:-6px;
	margin-bottom: 3px;
}
.cards img{
	margin: 0 0 0 2px;
	display: block;
	float: left;
}
.form3{
	padding: 11px 0 0 0;	
}
.form3 p{
	height: 19px;
	padding-bottom: 8px;
}
.form3 span{
	display: block;
	float: left;
	width: 122px;
	line-height: 19px;
}
.form3 .w69px{
	margin-right: 9px;
}
.form3 .btn{
	margin-top: 11px;
}
/* right navigation styles */

.rightNav{
	width: 250px;
	margin: -35px 0 0 0;	
	padding-right: 7px;
}
.rightNav .quickOrder{
	margin-bottom: 10px;
}
.rightNav .testimonial{
	margin-bottom: 11px;
}
.rightNav .quickOrder h2{
	font-size:2.75em;	
	*font-size:27.5px !important;				
	margin-bottom: -5px
}
.rightNav .quickOrder .line{
	height: 1px;
	font-size: 0;
	background: #eae1bd;
	border-bottom: 1px solid #f8f6ed;
	margin: 7px 3px 4px -9px;
	overflow: hidden;
}
.rightNav .quickOrder .top{
	height: 8px;
	background: url(/img/rightNavTop.gif);
	font-size: 0;		
}
.rightNav .testimonial .top{
	height: 8px;
	background: url(/img/rightNavTopLight.gif);
	font-size: 0;	
}	
.rightNav .testimonial .top2{
	height: 8px;
	background: url(/img/rightNavTop.gif);
	font-size: 0;		
}
.rightNav .quickOrder .fill{
	background: url(/img/rightNavFill.gif) repeat-y;
	padding: 5px 5px 13px 17px;
}
.rightNav .testimonial .fill{
	background: url(/img/rightNavFill.gif) repeat-y;
	padding: 9px 21px 7px 16px;
}
.rightNav .quickOrder .bottom,
.rightNav .testimonial .bottom{
	height: 8px;
	background: url(/img/rightNavBottom.gif);
	font-size: 0;		
}
.quickOrder p.georgia{
	color: #503015;
	padding-bottom: 5px;
}
.quickOrder input.radioBox{
	margin-right: 5px;
	float: left;
}
.quickOrder label span{
	display: block;
}
.quickOrder .pushSibling{
	margin-right: 27px;
}
.quickOrder ul{
	padding: 3px 0 0 0;
	margin-bottom: -14px;
}
.quickOrder ul li{
	padding-bottom: 19px;
}
.quickOrder ul label{
	width: 195px;
}
.quickOrder .font12{
	line-height: 17px;
}
.quickOrder .font14{
	line-height: 19px;
}
.quickOrder .font11{
	line-height: 15px;
}
.quickOrder select{
	width: 105px;
	padding: 2px 0;
	margin: 5px 0 2px 0;
}
.sumitQuickOrder{
	padding-top: 5px;
	height: 37px;
	overflow: hidden;
}
.sumitQuickOrder img{
	margin-top: 3px;
}
.testimonial q{
	line-height: 17px;
}
/* footer styles */

.footer{
	width: 955px;
	margin: 0 auto;
	height: 61px;
	background: url(/img/footerFill.jpg);
	border-top: 1px solid #c2a072;
}
.footer ul{	
	float: right;
	margin-top: 14px;
}

/* icon styles */

.iconCart{
	margin: 0 14px 0 8px;
}

/* button styles */

.btn{
	display: block;	
	border: none;
	cursor: pointer;
	overflow: hidden;
}

.AddToCart{	
	width: 104px;
	height: 37px;
	background: url(/img/btn_red.gif);	
	padding: 0 0 2px 0;
}
.continueFirstStep{	
	width: 104px;
	height: 37px;
	background: url(/img/btn_red.gif);	
	padding: 0 0 2px 0;
}
.checkout{
	width: 104px;
	height: 37px;
	background: url(/img/btn_red.gif);	
	margin: 0 14px 0 0;
}
.placeOrder{
	width: 104px;
	height: 37px;
	background: url(/img/btn_red.gif);	
	margin: 2px 0 9px 0;
}
.brownButton{
	width: 104px;
	height: 37px;
	background: url(/img/btn_brown.jpg);		
}
@media screen and (min-width: 0px) { button.brownButton{
	padding-top: 4px;
}
}