@import url("common.css");
@import url("nav.css");
@import url("thickbox.css");
@import url("clearfix.css");

/*--------------------------------
	Content
----------------------------------*/

#content {
	background: url(../images/bg_content.gif) repeat-y;
	padding: 43px 155px 40px 227px;
	min-height: 370px;
	color: #817272;
	position: relative;
}

* html #content { height: 370px;}

body.section #content {
	padding: 43px 135px 40px 340px;
}

body.section #content p {
	padding-right: 20px;
}

#quote { display: none; }

form td {
	padding-bottom: 10px;
	vertical-align: middle;
}

form td label { padding-right: 10px; }

form input, form textarea {
	color: #412923;
	padding: 5px 5px 4px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	border: 1px solid #CCC;
}

ul.bullet-list {
	padding: 0 0 0 1em;
}

ul.bullet-list li {
	list-style-type: disc;
	margin-bottom: 0.3em;	
}


/*--------------------------------
	Submenu
----------------------------------*/

#submenu {
	width:120px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 47px;
	left: 212px;
	z-index: 5;
	font-size: 11px
}

#submenu ul {
	list-style:none;
	/*padding-top: 0.5em;*/
	padding-right: 10px;
}

#submenu ul li {
	margin: 0 0 0.25em 0;
}

#submenu ul li a {
	color:#bf3126;
	display: block;
	background: url(../images/bullet_red.gif) no-repeat 0 4px;
	padding-left: 16px;
}

#submenu a:hover { color:#ea3729; }

#submenu ul li ul {
	padding-top: 0 !important;
}

#submenu ul li ul li {
	padding-left: 10px;
	margin: 0;
}

#submenu ul li ul li a {
	background: url(../images/bullet_small_red.gif) no-repeat 0 7px;
	color: #834346;
	padding-left: 10px;
}

body.ultra li.ultra a,
body.luna li.luna a,
body.bomba li.bomba a,
body.crema li.crema a,
body.dyna li.dyna a { color: #bf3126 !important; }

body.landing #submenu ul.canisters,
body.refills #submenu ul.canisters { display: none; }

body.landing #submenu ul.refills,
body.canisters #submenu ul.refills { display: none; }
 

/*--------------------------------
	Copy
----------------------------------*/

body.dynamic #content ul {
	padding: 0 0 0 1em;
}

body.dynamic #content ul li {
	list-style-type: disc;
	margin-bottom: 0.3em;	
}

body.dynamic #content ul li ul li {
	margin: 0 0 0 15px;
	list-style-type: circle;
}

/*--------------------------------
	Copy headings
----------------------------------*/

h1 { font-size: 14px; color: #341d1e; font-weight: normal; margin: 0 0 1.5em 0; text-transform: uppercase; }
h2 { font-size: 1em; color: #bf3126; font-weight: bold; text-transform: uppercase; letter-spacing: 0.15em; margin: 0 0 0.5em; }
h3 { font-size: 1em; color: #bf3126; font-weight: bold; margin: 0 0 1em 0; }
h4 { font-size: 1em; font-weight:normal; font-style:italic; margin: 0 0 1em 0; }
h5, #copy h6 { font-size: 1em; font-weight:normal; font-style:italic; margin: 0; }

h2.brown { color: #331d1f; }

/*--------------------------------
	Thumbnails
----------------------------------*/

#copy .thumbnails { background: url(../images/dotted_line.gif) repeat-x 0 10px; padding: 13px 0 0 0; }
#copy .thumbnails ul { background: url(../images/dotted_line.gif) repeat-y 0 0; margin: 0; padding: 0 0 0 3px; list-style: none; }
#copy .thumbnails ul li { display: block; float: left; padding: 0; margin: 0; list-style: none; width: 174px; height: 219px; position: relative; }
#copy .thumbnails ul li a { display: block; text-indent: -999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; width: 174px; height: 219px; }

#copy .thumbnails ul li.ultra a  { background-image: url(../images/thumb_ultra.gif); }
#copy .thumbnails ul li.luna a { background-image: url(../images/thumb_luna.gif); }
#copy .thumbnails ul li.bomba a { background-image: url(../images/thumb_bomba.gif); }
#copy .thumbnails ul li.dyna a { background-image: url(../images/thumb_dyna.gif); }
#copy .thumbnails ul li.crema a { background-image: url(../images/thumb_crema.gif); }

#copy .thumbnails ul li.ultra-refill a  { background-image: url(../images/thumb_ultra_refill.gif); }
#copy .thumbnails ul li.luna-refill a { background-image: url(../images/thumb_luna_refill.gif); }
#copy .thumbnails ul li.bomba-refill a { background-image: url(../images/thumb_bomba_refill.gif); }
#copy .thumbnails ul li.dyna-refill a { background-image: url(../images/thumb_dyna_refill.gif); }
#copy .thumbnails ul li.crema-refill a { background-image: url(../images/thumb_crema_refill.gif); }

#copy .thumbnails ul li.cocoa a { background-image: url(../images/thumb_cocoa.gif); }

#copy .thumbnails ul li span.ground { text-indent: -9999px; overflow: hidden; display: block; width: 62px; height: 62px; background: url(../images/starburst_ground_ultra.gif) no-repeat; position: absolute; top: 6px; right: 0; }
#copy .thumbnails ul li.luna span.ground { background: url(../images/starburst_ground_luna.gif) no-repeat; }
#copy .thumbnails ul li.bomba span.ground { background: url(../images/starburst_ground_bomba.gif) no-repeat; }
#copy .thumbnails ul li.dyna span.ground { background: url(../images/starburst_ground_dyna.gif) no-repeat; }
#copy .thumbnails ul li.crema span.ground { background: url(../images/starburst_ground_crema.gif) no-repeat; }

/*--------------------------------
	Detail Pages
----------------------------------*/

.description { width: 338px; padding-right: 20px; float: left; }
.product { width: 167px; float: left; }

h2.detail { margin:20px 0 56px 0; }

body.ultra #copy { background: url(../images/bg_pattern_ultra.gif) repeat-x 0 70px; }
body.ultra a.back { clear: both; }
body.ultra a.find-stockist { background-image: url(../images/buttons/find_stockist.gif); width: 99px; margin-top: 20px; }

body.luna #copy { background: url(../images/bg_pattern_luna.gif) repeat-x 0 70px; }
body.luna .description h2 { color: #5d91a4; }
body.luna .description a { color: #5d91a4 !important; }
body.luna .description a:hover { color: #76aabe !important; }
body.luna a.back { background: url(../images/bullet_back_luna.gif) no-repeat 0 4px; color: #5d91a4 !important; clear: both; }
body.luna a.find-stockist { background-image: url(../images/buttons/find_stockist_luna.gif); width: 99px; margin-top: 20px; }

body.bomba #copy { background: url(../images/bg_pattern_bomba.gif) repeat-x 0 70px; }
body.bomba .description h2 { color: #91aec4; }
body.bomba .description a { color: #91aec4 !important; }
body.bomba .description a:hover { color: #a9cae1 !important; }
body.bomba a.back { background: url(../images/bullet_back_bomba.gif) no-repeat 0 4px; color: #91aec4 !important; }
body.bomba a.find-stockist { background-image: url(../images/buttons/find_stockist_bomba.gif); width: 99px; margin-top: 20px; }

body.dyna #copy { background: url(../images/bg_pattern_dyna.gif) repeat-x 0 70px; }
body.dyna .description h2 { color: #887d49; }
body.dyna .description a { color: #887d49 !important; }
body.dyna .description a:hover { color: #a4975f !important; }
body.dyna a.back { background: url(../images/bullet_back_dyna.gif) no-repeat 0 4px; color: #887d49 !important; }
body.dyna a.find-stockist { background-image: url(../images/buttons/find_stockist_dyna.gif); width: 99px; margin-top: 20px; }

body.crema #copy { background: url(../images/bg_pattern_crema.gif) repeat-x 0 70px; }
body.crema .description h2 { color: #bda576; }
body.crema .description a { color: #bda576 !important; }
body.crema .description a:hover { color: #a88f62 !important; }
body.crema a.back { background: url(../images/bullet_back_crema.gif) no-repeat 0 4px; color: #bda576 !important; }
body.crema a.find-stockist { background-image: url(../images/buttons/find_stockist_crema.gif); width: 99px; margin-top: 20px; }

body.cocoa #copy { background: url(../images/bg_pattern_cocoa.gif) repeat-x 0 70px; }
body.cocoa .description { width: 278px; }
body.cocoa .description h2 { color: #e9be4d; }
body.cocoa .description a { color: #e9be4d !important; }
body.cocoa .description a:hover { color: #fed66c !important; }
body.cocoa a.back { background: url(../images/bullet_back_cocoa.gif) no-repeat 0 4px; color: #e9be4d !important; }
body.cocoa a.find-stockist { background-image: url(../images/buttons/find_stockist_cocoa.gif); width: 99px; margin: 20px 0 0 0; }

.odometer { display: block; text-align: right; margin: 0; padding: 0; }


/*--------------------------------
	The Lounge Page
----------------------------------*/

body.lounge .article { padding: 20px 0; background: url(../images/dotted_line.gif) repeat-x bottom left; list-style: none; margin: 0; clear: left }
body.lounge .article a.photo { width: 120px; padding: 3px 15px 0 0 !important; float: left; display: block; }
body.lounge .article a.photo img { /*border: 2px solid #dcd796;*/ }
body.lounge .article div { float: left; margin: 0; padding: 0; width: 480px; display: block; }
body.lounge p.date { font-style: italic; color: #968a8a; }
body.lounge .article a.more { background: url(../images/bullet_small_red.gif) no-repeat 0 6px; padding: 0 0 0 10px; display: block; }

body.lounge #copy { width: 245px; float: left; padding-right: 34px; }
body.lounge #side-copy { width: 337px; float: left; text-align: right; }
body.lounge #side-copy img { width: 316px; margin: 0 0 10px 0; border: 2px solid #dcd796; }
body.lounge #side-copy object { margin: 0 0 10px 0; }

body.lounge a.back { clear: left; background: url(../images/bullet_back_red.gif) no-repeat 0 33px; padding: 30px 0 0 14px;  }

/*--------------------------------
	Friends Page
----------------------------------*/

body.friends .article { padding: 20px 0; background: url(../images/dotted_line.gif) repeat-x bottom left; list-style: none; margin: 0; clear: left }
body.friends .article a.photo { width: 120px; padding: 3px 15px 0 0 !important; float: left; display: block; }
body.friends .article div { float: left; margin: 0; padding: 0; width: 480px; display: block; }
body.friends .article a.more { background: url(../images/bullet_small_red.gif) no-repeat 0 6px; padding: 0 0 0 10px; display: block; }

/*--------------------------------
	Pagination Boxes
----------------------------------*/

.pagination {
	text-align: center;
	 clear: both;
	 margin-top: 15px;
}

.pagination a { background: #f0efef; padding:2px 6px 3px 6px; color: #817272 !important; margin-right: 2px; }
.pagination a:hover { background: #dcd7d9; color: #c94135; }
.pagination a.active { background: #c94135; color: #FFF !important; text-decoration: none; }


/*--------------------------------
	Stockists Page
----------------------------------*/

body.stockists #copy { width: 375px; float: left; padding-right: 25px;  }
body.stockists #side-copy { width: 185px; float: left; background: #598997; padding: 16px; color: #FFF; margin-top: 36px; }
body.stockists #side-copy .form { }

body.stockists h2 { margin-bottom: 2em; }

body.stockists #copy td { width: 172px; padding: 0 15px 25px 0; }
body.stockists #copy td h3 {  color:#341d1e !important; font-weight:bold; }

body.stockists #side-copy th { padding: 2px 0; font-weight: normal; text-align:left; }
body.stockists #side-copy input, body.stockists #side-copy textarea {
	background: url(../images/bg_input.gif) no-repeat top right;
	color: #412923;
	padding: 5px 5px 4px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	border: 0;
}
body.stockists #side-copy p.success, p.error { color: #ffd56f; font-weight: normal; }

body.stockists label { padding-right: 10px; }
body.stockists #category-select { width: 350px; position: absolute; top: 42px; right: 150px; text-align: right; }
body.stockists #category-select select { font-family: Georgia, "Times New Roman", Times, serif; }

a.map { background-image: url(../images/buttons/map.gif); width: 56px; margin-top: 6px; }

/*--------------------------------
	Contact Page
----------------------------------*/

body.contact #copy { width: 375px; float: left; padding-right: 34px; }
body.contact #side-copy { width: 207px; float: left; }

/*-------------------------------
	Footer
---------------------------------*/

#footer {
	background: url(../images/bg_footer.gif) no-repeat top left; 
	padding-top:82px !important;
}