/* CSS Document */

/* generic styles */

*{margin:0; padding:0;}
body{background-color:#616b7a; background-position:top; margin:0 auto 8em auto; 
	font-size:12px; font-family:Arial, sans-serif; width:100%; text-align:center;}
p{margin:0 0 1em;}
a{text-decoration:none;}
a img{border:none;}
#container{background:#FFFFFF; background-position: top; height:auto; width:760px; margin:0 auto 0 auto; overflow::auto; text-align:left;}
/* end generic styles */

/* masthead styles */
#masthead{background-image: url(../../images/header.jpg); background-repeat: no-repeat; background-position: right 26px; color:#FFFFFF; height: 117px}

#logo {
	padding-top: 15px;
	height: 102px;
	width: 176px;
	text-align: center;
	background-color:#333333; 
	float: left;
}

#headerNavlinks{float:right; width: 576px; background-color: #333333; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; font-size:11px; text-align: right;}
#headerNavlinks li{list-style-type:none; display: inline; margin-right: 2px; padding-right: 2px;}
#headerNavlinks li a{color:#FFFFFF;}
#headerNavlinks li a:hover{color:#FFFFFF; text-decoration: underline;}

/* end masthead styles */

/* ------------------------   MAINNAVLINKS STYLES -----------------------------------   */

#cssdropdown {clear:both; float:left; background-color:#5987c6; width:752px; height:3em; 
	border-top:4px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-right:4px solid #FFFFFF; 
	border-left:4px solid #FFFFFF; font-family: Gill Sans, arial, sans-serif; font-weight:bold;}
	
#cssdropdown ul{list-style:none;}

#cssdropdown li{float:left; position:relative; list-style:none;}

#cssdropdown li a:hover{color:#000099; background:#c2d0e2;}

.mainitems{border:none; background-color:5987c6;}

.mainitems a{display:block; padding-left:9px; padding-right:9px; text-decoration:none; color:#FFFFFF; font-size:13px; line-height:2.5;}

.subuls{display:none; width:8em; position:absolute; top:3em; left:0; background-color:#FFFFFF; border-top:1px solid #5987c6;}

.subuls li{width:100%;}

.subuls li a{ line-height:1.5; text-decoration:none; color:#000066; font-size:12px; border-bottom:1px solid #5987c6; border-left:1px solid #5987c6; border-right:1px solid #5987c6;}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto; left: auto;}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;}

/* mainNavLinks styles */
#mainNavLinks {clear:both; float:left; background-color:#5987c6; width:752px; height:3em; 
	border-top:4px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-right:4px solid #FFFFFF; 
	border-left:4px solid #FFFFFF; z-index:100; font-family: Gill Sans, arial, sans-serif;}
#mainNavLinks li{float:left; list-style-type:none; border:none;}
#mainNavLinks h2 a{display:block; width:8em; color:#FFFFFF; border:none; line-height:2.5;
	font-size:14px; text-align:center; text-transform:uppercase; text-decoration:none;}
#mainNavLinks li.products a{width:8.7em;}
#mainNavLinks li.tips a{width:8.8em;}
#mainNavLinks li.press a{width:5.4em;}
#mainNavLinks li.whatsnew a{width:7.3em;}
#mainNavLinks li.contact a{width:7.5em;}
#mainNavLinks a:hover{color:#000099; background:#c2d0e2; border:none;}
#mainNavLinks a:active{color:#83a4d1; background:#c2d0e2; border:none;}

/* drop-down nav styles */
#mainNavLinks ul ul{position:absolute; z-index:500; display:none; width:175px; background-color:#FFFFFF; border:none;}
#mainNavLinks ul ul li{border:none;}
#mainNavLinks ul ul li a{display:list-item; width:162px; color:#000099; border-top:none; border-bottom:1px solid #c2d0e2; padding-left:.9em; font-size:12px; font-weight:bold; line-height:1.5em;}
#mainNavLinks ul li:hover ul{display:block; position:absolute; border:5px solid #FFF;}

/* clear main nav hover widths */
#mainNavLinks li.about li a{width:164px;}
#mainNavLinks li.products li a{width:164px;}
#mainNavLinks li.scents li a{width:164px;}
#mainNavLinks li.tips li a{width:164px;}
#mainNavLinks li.press li a{width:164px;}
#mainNavLinks li.whatsnew li a{width:164px;}
#mainNavLinks li.contact li a{width:164px;}
/* end mainNavLinks styles */

/* pageHeader styles */
#pageHeader{position:relative; clear:both; float:left; background-color:#a8bbd6; width:752px; height:4em; 
	border-color:#FFFFFF; border-top:1px solid #FFFFFF; border-right:4px solid #FFFFFF; border-left:4px solid #FFFFFF;}
#pageHeader p{position:absolute; bottom:-15px; color:#FFFFFF; font-size:16px; font-weight:bold; padding:0 0 0 1em; width:150px;}
/* end pageHeader styles */

/* footer styles */
#footer {background:#dfe1e4; clear:both; height:4em; margin:30px 4px 0 4px; border-top:1px solid #999999;}
#footerNavlinks li{float:left; list-style-type:none; border:none; padding-top:1.3em;}
#footerNavlinks li a{color:#999999; width:7.2em; text-align:center; display:block;  
	font-size:11px; line-height:1.2em; text-decoration:none; border-right:1px solid #9A9AAF;}
#footerNavlinks li.last a{border-right:none;}
#footerNavlinks li a:hover{color:#999999; background-color:#FFFFFF; border:none;}

#footerNavlinks li.first a, #footerNavlinks li.press a{width:5em;}
#footerNavlinks li.tips a{width:7.8em;}
#footerNavlinks li.careers a{width:6em;}
#footerNavlinks li.first{padding-left:3em;}
#footerNavlinks li a{}


/* end footer styles */

/* disclaimer styles */
#disclaimer {clear:both; float:left; background-color:#616b7a; width:760px;}
#disclaimer li{float:left; list-style-type:none; color:#CCCCCC;
		border-right:1px solid #CCCCCC; padding:0 .5em 0 .5em; font-size:9px; font-weight:bolder;}
#disclaimer li.last, #disclaimer li.first{border-right:0;}
#disclaimer li a{text-decoration:underline; color:#CCCCCC;}
/* end disclaimer styles */

/* ---------------------------- SHOPPING CART STYLES ----------------------------------*/

/* cartHeader styles */
#cartHeader{clear:both; float:left; width:700px; height:120px;}
#cartHeader h2{color:#c2d0e2; font-size:16px; padding:1.5em 0 1em 1.1em; line-height:1.5;}
#cartHeader p{padding:.5em 0 2em 1.5em; line-height:1.5;}
#cartHeader p.saveBtn{padding:0 0 0 500px; line-height:1.5;}
/* end cartHeader styles */

/* cartFooter styles */
#cartFooter p.saveBtn{padding:0 0 30px 350px; line-height:1.5;}
/* end cartFooter styles */

/* placeOrder styles */
#placeOrder{clear:both; float:left; margin:0 0 3em 0; padding:0 0 3em 0; width:700px;}
#placeOrder table{font-size:11px; color:#333333; margin:0 0 0 2.5em; border:.25em solid #666666; width:650px;}
#placeOrder h4{margin:0 0 0 2.3em; text-align:left; display:block; background-color:#666666; 
	color:#FFFFFF; width:180px; padding:.25em; font-size:12px;}
#placeOrder thead{text-align:center; border-bottom:1px solid #999999;}
#placeOrder tbody{text-align:center;}
#placeOrder th{border-bottom:1px solid #999999; padding:2px 4px;}
#placeOrder td{padding:2px 4px;}
#placeOrder td a.add2cart{padding-top:10px; margin-top:5px;}
/* end placeOrder styles */

/* reviewOrder styles */
#reviewOrder{clear:both; margin:0 0 3em 0; padding:0 0 3em 0; width:700px;}
#reviewOrder table{font-size:11px; color:#333333; margin:0 0 0 2.5em; border-collapse:collapse; border:.25em solid #666666; width:650px;}
#reviewOrder h4{margin:.5em 0 -2.5em 2.3em; text-align:left; display:block; background-color:#666666; 
	border:1px solid #666666; color:#FFFFFF; width:180px; height:18px; line-height:1.2; 
	padding:.5em 0 .25em .5em; font-size:12px;}
#reviewOrder thead{text-align:center;}
#reviewOrder tbody{text-align:center;}
#reviewOrder th{border-bottom:1px solid #999999; padding:2px 4px;}
#reviewOrder td{padding:2px 4px;}
#reviewOrder .subtotal_text{font-weight:bold;}
/* end reviewOrder styles */

/* orderBtns styles */
#orderBtns {clear:both;}
#orderBtns ul{float:left; padding-left:350px;}
#orderBtns li{float:left; list-style-type:none;}
#orderBtns li.checkout{padding-right:20px;}
#orderBtns li a{float:left; text-decoration:none; margin-bottom:15px; padding-top:15px;}
#orderBtns a.add2cart{text-decoration:none; padding-top:15px;}
/* end orderBtns styles */

/* signInContent styles */
#signInContent{clear:both; float:left; margin:0 0 1em 0; padding:0 0 1em 0; width:700px;}
#signInContent table.wrapper{font-size:12px; color:#333333; margin:0 0 0 20px; border-collapse:collapse; border:.25em solid #666666; width:690px;}
#signInContent thead{text-align:left; font-size:14px; font-weight:bold;}
#signInContent tbody{text-align:left;}
#signInContent th{padding:4px 4px;}
#signInContent td.textLabel{width:170px; padding:4px 8px;}
#signInContent input{width:170px;}
/* end signInContent styles */

/* newUser styles */
#newUser{float:right; width:400px; height:350px;}
#newUser p.forgot{padding:.5em 2em 0 0 0; font-weight:bold; line-height:1.2;}
#newUser p.EMAIL3{padding:0 1.5em 0 0; line-height:1;}
#newUser p.skip{text-align:right; padding:4em 2.5em 0 0; line-height:2; color:#507ab3; font-weight:bold; font-size:14px;}
#newUser img{padding:.25em 0 0 0; margin:1em 0 0 .25em;}
#newUser input.EMAIL3{width:160px;}
/* end newUser styles */

/* NewUserContent styles */
#NewUserContent{clear:both; float:left; margin:5em 0 3em 0; padding:0 0 3em 0; width:700px;}
#NewUserContent table{font-size:12px; color:#333333; margin:30px 0 0 20px; border-collapse:collapse; border:.25em solid #666666; width:670px;}
#NewUserContent thead{text-align:left; font-size:14px; font-weight:bold;}
#NewUserContent tbody{text-align:left;}
#NewUserContent th{padding:4px 4px;}
#NewUserContent td.textLabel{width:170px; padding:4px 8px;}
#NewUserContent td.radioLabel{width:250px; padding:8px 8px;}
#NewUserContent td.textField{width:400px; padding:4px 4px;}
#NewUserContent td.textNote{width:400px; font-size:11px; padding:5px 60px 5px 40px;}
#NewUserContent input{width:410px;}
/* end NewUserContent styles */

/* billingContent styles */
#billingContent{clear:both; float:left; margin:5em 0 3em 0; padding:0 0 3em 0; width:700px;}
#billingContent table{font-size:12px; color:#333333; margin:30px 0 0 20px; border-collapse:collapse; border:.25em solid #666666; width:670px;}
#billingContent thead{text-align:left; font-size:14px; font-weight:bold;}
#billingContent tbody{text-align:left;}
#billingContent th{padding:4px 4px;}
#billingContent td.subTableHeader{padding:10px 10px; font-weight:normal}
#billingContent td.textLabel{width:170px; padding:4px 8px;}
#billingContent td.radioLabel{width:250px; padding:8px 8px;}
#billingContent td.textField{width:400px; padding:4px 4px;}
#billingContent td.textNote{width:400px; font-size:11px; padding:5px 60px 5px 40px;}
#billingContent input{width:410px;}
#billingContent input.cardDropDown, #billingContent input.cardNumber, #billingContent input.expMonth, #billingContent input.expYear{width:110px;}
/* end billingContent styles */


/* OrderSummaryContent styles */
#OrderSummaryContent{clear:both; float:left; margin:5em 0 3em 0; padding:0 0 3em 0; width:700px;}
#OrderSummaryContent table{font-size:12px; color:#333333; margin:30px 0 0 20px; border-collapse:collapse; border:.25em solid #666666; width:670px;}
#OrderSummaryContent thead{text-align:left; font-size:14px; font-weight:bold;}
#OrderSummaryContent tbody{text-align:left;}
#OrderSummaryContent th{padding:4px 4px;}
#OrderSummaryContent th.change{padding:4px 4px; text-align:right;}
#OrderSummaryContent td.subTableHeader{padding:10px 10px; font-weight:normal}
#OrderSummaryContent td.textLabel{width:170px; padding:4px 8px;}
#OrderSummaryContent td.radioLabel{width:250px; padding:8px 8px;}
#OrderSummaryContent td.textField{width:400px; padding:4px 4px;}
#OrderSummaryContent td.textNote{width:400px; font-size:11px; padding:5px 60px 5px 40px;}
#OrderSummaryContent input{width:410px;}
#OrderSummaryContent input.cardDropDown, #OrderSummaryContent input.cardNumber, #OrderSummaryContent input.expMonth, #OrderSummaryContent input.expYear{width:110px;}
/* end OrderSummaryContent styles */

/* placeOrderSummary styles */
#placeOrderSummary{clear:both; float:left; margin:0 0 3em 0; padding:0 0 3em 0; width:700px;}
#placeOrderSummary table{font-size:12px; color:#333333; margin:0 0 0 2.5em; border:.25em solid #666666; width:650px;}
#placeOrderSummary h4{margin:0 0 0 2.3em; text-align:left; display:block; background-color:#666666; 
	color:#FFFFFF; width:180px; padding:.25em; font-size:12px;}
#placeOrderSummary thead{text-align:center; border-bottom:1px solid #999999;}
#placeOrderSummary tbody{text-align:center;}
#placeOrderSummary th{border-bottom:1px solid #999999; padding:2px 4px;}
#placeOrderSummary td{padding:2px 4px;}
#placeOrderSummary td.product, #placeOrderSummary td.productItemNumber, #placeOrderSummary td.productSize{padding:2px 4px; text-align:left}
#placeOrderSummary td.price{font-weight:bold;}
#placeOrderSummary tr.subTotal{font-weight:bold;}
#placeOrderSummary tr.orderTotal td{font-weight:bold; font-size:14px;}
#placeOrderSummary tr.promotion td.scent, #placeOrderSummary tr.salesTax td.scent, #placeOrderSummary tr.shipCharge td.scent{color:#339900; text-decoration:underline;}
#placeOrderSummary tr.productBottom td, #placeOrderSummary tr.shipCharge td{border-bottom:1px solid #999999; padding:2px 4px 5px 4px;}
/* end placeOrderSummary styles */

/* returnSignIn styles */
#returnSignIn{clear:both; float:left; width:320px; height:350px;}
#returnSignIn h2{color:#507ab3; font-size:18px; padding:1.5em 0 1em 1em; line-height:1.5;}
#returnSignIn p{padding:.5em 0 1em 1.5em; line-height:1.2;}
#returnSignIn img{padding:0 0 0.25em 8em; margin:.25em;}
#returnSignIn label{padding:0 .25em 0 2.5em; font-weight:bold;}
#returnSignIn input.EMAIL2{width:160px;}
#returnSignIn input.PASSWORD2{width:100px;}
/* end returnSignIn styles */

/* registerTemp styles */
#registerTemp{clear:both; float:left;}
#registerTemp table{font-size:11px; color:#333333; margin:250px 0 0 2.5em; border-collapse:collapse; border:.25em solid #666666; width:650px;}
/* end registerTemp styles */




/* ---------------------------- END SHOPPING CART STYLES ----------------------------------*/