@charset "iso-8859-1";
/* CSS Document */


/*----------------------------------------------------------------------------   
    cart panel on the left and other buttons throughout site
-----------------------------------------------------------------------------*/
.left .cart {
	margin: 80px 0 20px 0;
	color:#9e9999;
}

.cart ul {
	width: 140px;
}

.cart ul li {
	display: inline;
}

.cart ul li a {
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	width: 140px;
	text-indent: 10px;
	color: #9e9999;
	font-size: 9px;
	text-transform: uppercase;
	display: block;
	margin: 0 0 5px 0;
	cursor: pointer;
}

input.submitbutton {
	height: 20px;
	text-decoration: none;
	width: 140px;
	color: #9e9999;
	font-size: 9px;
	padding: 5px 0 6px 10px;
	text-transform: uppercase;
	border: 0;
	text-align: left;
	cursor: pointer;
}

.left .cart input.submitbutton { margin-bottom: 5px; }

.cart ul li a:hover {
	color: #fff;
	background-position: -140px 0;
}

input.hover {
	color: #fff;
	background-position: -140px 0;
}

.cart .inputfield {
	background: #046DA0;
	text-indent: 10px;
	color: #FFF;
	font-size: 9px;
	text-transform: uppercase;
	line-height: 20px;
	height: 20px;
	margin-bottom: 5px;
	position: relative;
	width: 140px;
}

.cart .inputfield input.qty {
	position: absolute;
	right: 3px;
	top: 3px;
	width: 25px;
	border: 0;
	text-align: right;
	padding: 2px 8px 1px 0;
	font-size: 9px;
	line-height: 9px;
}


/* -- button graphics -- */
.cart ul li.viewcart a, input.viewcart { color:#9e9999; background-image: url(../images/buttons/viewcart.gif); }
.cart ul li.checkout a, input.checkout { color:#9e9999; background-image: url(../images/buttons/checkout.gif); }
.cart ul li.checkout2 a, input.checkout2 { color:#9e9999; background-image: url(../images/buttons/checkout2.gif); }
.cart ul li.addtocart a, input.addtocart { color:#9e9999; background-image: url(../images/buttons/addtocart.gif); }
input.add { color:#9e9999; background-image: url(../images/buttons/addtocartsmaller.gif); width: 60px !important; padding-left:5px; }
.cart ul li.addtocart2 a, input.addtocart2 { color:#9e9999; background-image: url(../images/buttons/addtocart2.gif); }
.cart ul li.update a, input.update { color:#9e9999; background-image: url(../images/buttons/blank-small.gif); }
.cart ul li.blank a, input.blank { color:#9e9999; background-image: url(../images/buttons/blank-large.gif); }
.cart ul li.remove a, input.remove { color:#9e9999; background-image: url(../images/buttons/remove.gif); }
input.removesmall { color:#9e9999; background-image: url(../images/buttons/remove.gif); width: 110px; }


/* alternative sizing */
.small ul { width: 110px; }
.small ul li a, .small input.submitbutton { width: 110px; }
.small ul li a:hover, .small input.hover { background-position: -110px 0; }
.small .inputfield { width: 110px; }



/* when cart disappears and displays a link */
a.leftlink {
	display: block;
	border-top: 1px solid #e6e2e2;
	border-bottom: 1px solid #e6e2e2;
	height: 25px;
	line-height: 25px;
}




/*----------------------------------------------------------------------------   
    category thumbnails
-----------------------------------------------------------------------------*/
ul.cats li {
	float: left;
	width: 200px;
	margin: 0 20px 20px 0;
}

ul.cats li.third { margin-right: 0; }

ul.cats li a {
	background-color: #f0f0e9;
	padding: 100px 10px 0 10px;
	width: 180px;
	height: 25px;
	color: #1b3e6f;
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: -0.01em;
	font-weight: normal;
	line-height: 25px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	text-decoration: none;
}

ul.cats li a:hover, 
ul.cats li a.active { background-color: #e5e5de; }






/*----------------------------------------------------------------------------   
    product listing page (used for the cart page also)
-----------------------------------------------------------------------------*/

#listing {
	width:624px;
}



.listing td {
	padding: 10px 0;
	border-top: 1px dashed #e6e2e2;
	vertical-align: middle;
}

body.all .listing td {
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 14px;
}



/* column widths */
.imagecolumn { width: 75px; }
.pricecolumn { width: 180px; text-align: right; margin-right:15px; }
.quantitycolumn { width: 140px;}
.labelcolumn { width: 200px; }
.labelcolumn2 { width:550px; }
.addcolumn { width: 10px; }
.removecolumn { width: 110px; }
.emptycolumn { width: 20px; }
/*body.cartpage .quantitycolumn { width: 130px; }*/


/* info column */
.listing h3 a {
	color: #7b7e80;
	text-decoration: none;	
}

.listing h3 a:hover { color: #1b3e6f; }

.listing img.textlabel { margin: 5px 0 0 0; }


/* price column and text */
.price {
	color: #222;
	font-weight: normal;
	
}

.listing .price {
	padding-right: 10px;
	text-align: right;
	width: 170px;
}

/* unique styles for the cart page */
.listing th {
	text-transform: uppercase;
	font-size: 9px;
	color: #9fa1a3;
	font-weight: normal;
}

body.cartpage .listing .price { padding-right: 0; }

.label-total {
	text-transform: uppercase;
	font-size: 9px;
	color: #9fa1a3;
	text-align: right;
}

tr.noborder td { border: 0; }

.note {
	font-size: 9px;
	color: #9fa1a3;
	text-align: right;
}

.country { text-align: right; }

.country select { width: 110px; }


/* buttons down the bottom to submit a form */
.submitbuttons {
	padding: 10px 0;
	border-top: 1px solid #e6e2e2;
	border-bottom: 1px solid #e6e2e2;
	height: 20px;
	margin-top: 20px;
} 

.submitbuttons ul.float { width: auto; }

.submitbuttons ul.float li {
	float: right;
	margin-left: 20px;
}

.submitbuttons ul.float li a, .submitbuttons ul.standard li a, .submitbuttons input.submitbutton { width: 160px; }

.submitbuttons ul.float li a:hover, .submitbuttons ul.standard li a:hover,
.submitbuttons input.hover {
	background-position: -160px 0;
}




/*----------------------------------------------------------------------------   
    product detail
-----------------------------------------------------------------------------*/
/* main containers */

#product-detail {
	width: 880px;
	padding-top:20px;
}

.product-left {
	float: left;
	width: 400px;
	padding-left:10px;
	padding-top:15px;
	/*border: 1px solid #e6e2e2;*/
}


.product-right {
	float: right;
	width: 410px;
	padding-top:15px;
	/*border: 1px solid #e6e2e2;*/
	/*vertical-align: text-bottom;*/
}


/* left */
.product-left .mainimage {
	border: 1px solid #e6e2e2;
	margin-bottom: 15px;
}

.product-left .button { float: right; }

.product-left .cart { margin-bottom: 30px; }

.product-left .listing td { vertical-align: top; }

.product-left .listing td td {
	padding: 5px 20px 0 0;
	border: 0;
}

.product-left .listing .imagecolumn { width: 65px; }

.product-left .listing img.textlabel { margin: 5px 0 5px 0; }



/* right */
.product-right .item {
	padding: 10px 0;
	border-top: 1px solid #e6e2e2;
}

.product-right .size {
	font-size: 12px;
	color: #9fa1a3;
}

.product-right .price { float: right; }

.product-right a.textlink { padding-left: 40px; }

.product-right h3 { color: #1b3e6f; }

.product-right h2.producttitle {
	color: #1b3e6f;
	font-weight: bold;
	text-transform: none;
}	


.product-right .description p { margin-bottom: 15px; }

.product-right .description img {
	float: left;
	margin: 0 15px 15px 0;
}




/*----------------------------------------------------------------------------   
    forms
-----------------------------------------------------------------------------*/
table.form td.leftlabel { width: 150px; }
table.form td {
	vertical-align: top;
	padding: 4px 2px;
}

input.radiocheck {
	padding: 0;
	width: auto;
	border: 0;
	background: none;
}

body.checkout .submitbuttons ul.float li {
	float: left;
	margin-right: 20px;
	margin-left: 0;
}

textarea.address {
	height: 30px;
}






/*----------------------------------------------------------------------------   
    experience section standard page
-----------------------------------------------------------------------------*/
.headernote {
	font-size: 9px;
	color: #999999;
	position: absolute;
	right: 0;
	top: 20px;
}

.headernote a { text-decoration: underline; }

.static-left, .static-right {	float: left; }

.static-left { margin-right: 20px; }

.standard .static-left { width: 300px; }

.standard .static-right {
	width: 300px;
	margin-top: 27px;
}

.static-right p, .static-left p, .colx1 p { margin-bottom: 15px; }

.ingredients { background: url(../images/bg-content.gif) -20px 0 repeat-y; }

.ingredients .static-left {
	width: 150px;
	padding-bottom: 50px;
}

.ingredients .static-right { width: 320px; }

ul.ingredients-list li a {
	text-transform: uppercase;
	line-height: 20px;
	height: 20px;
	font-size: 9px;
	color: #9fa1a3;
	text-decoration: none;
	display: block;
}

ul.ingredients-list li a:hover, 
ul.ingredients-list li.active a { color: #1b3e6f !important; }



.colx1 { width: auto; }

.colx1 h3, .static-left h3, .static-right h3 { margin-bottom: 15px; }

.static-right img { margin-bottom: 20px; }


/* press releases */
ul.press li {
	padding-left: 40px;
	margin: 0 0 30px 0;
}	

ul.press li.pdf { background: url(../images/icon-pdf.jpg) no-repeat; }





/*----------------------------------------------------------------------------   
    range section (colors)
-----------------------------------------------------------------------------*/
ul.range { margin: 30px 0 0 0; }

ul.range li {
	float: left;
	width: 100px;
	margin: 0 30px 50px 0;
}

ul.range li.last { margin-right: 0; }

ul.range li a {
	background-color: #f0f0e9;
	padding: 10px 10px 0 10px;
	width: 80px;
	height: 105px;
	color: #1b3e6f;
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: -0.01em;
	font-weight: normal;
	line-height: 25px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

ul.range li a:hover { background-color: #e5e5de; }

ul.range li div { width: 80px; height: 80px; cursor: pointer; }

/* refer to 'screen-range-colors.css' for the hex color codes of each range item */











/*----------------------------------------------------------------------------   
    sitemap
-----------------------------------------------------------------------------*/
.sitemap .title {
	margin: 0 0 15px 0;
	height: 25px;
	text-indent: -9999px;
}

.sitemap div.experience { background: url(../images/experience.gif) -13px -25px; width: 110px; }
.sitemap div.purchase { background: url(../images/purchase.gif) -14px -25px; width: 99px; }

.sitemap table.experience { margin-bottom: 50px; }

.sitemap table.experience td { width: 25%; vertical-align: top; }
.sitemap table.purchase td { width: 25%; vertical-align: top; }

.sitemap td {
	border-right: 1px solid #e6e2e2;
	padding: 0 10px;
	width: 20%;
	vertical-align: top;
}

.sitemap td.first { padding-left: 0; }
.sitemap td.last { border: 0; }

.sitemap .nav { width: 110px; }

.sitemap .nav a {
	text-transform: none;
	border: 0;
	line-height: 12px;
	height: auto;
	padding-bottom: 0px;
}

.sitemap .nav li ul { margin: 0 0 5px 8px; }
.sitemap .nav li ul li ul { margin: 0 0 5px 12px; }
.sitemap .nav li ul li ul li ul { margin: 0 0 5px 16px; }


/*----------------------------------------------------------------------------   
    misc elements
-----------------------------------------------------------------------------*/
a.textlink {
	text-transform: uppercase;
	font-size: 9px;
	text-decoration: none;
}

h2.breadcrumb {
	color: #9fa1a3;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 16px;
}

h2.breadcrumb strong { 	
	/*color: #1b3e6f;*/
	font-weight: normal;
}

h2.title {
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e2e2;
}