@charset "utf-8";
*{margin:0;padding:0;}
html,body { font-family: Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,table,address{margin-bottom:14px;} 
img{border:0;}
ul,ol{padding-left:15px;}
dt{font-weight:bold;}
a{text-decoration:underline;outline:none;color: #2f3132;}
a:hover{text-decoration:none;}
label{cursor:pointer;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
.imgheader,.imgbutton{text-indent:-9999px;overflow:hidden; background-repeat:no-repeat;}
.imgbutton{display:block;}
.button {background: url(../img/btn_right.gif) no-repeat scroll top right;display: block; float: left; height: 26px;padding-right: 13px;text-decoration: none;margin-right: 4px; }
.button span, .button button {background: url(../img/btn_left.gif) no-repeat;display: block;line-height: 17px; padding: 4px 0 5px 13px;color: #fff;font-size: 15px;text-transform: lowercase;}
.button button { padding-top: 2px; line-height:19px; cursor:pointer;border: 0 none;}

body {
	background: #a0aeaf url(../img/bg.jpg) repeat-x;
	padding: 20px 0 60px 0;
}

#container {
    width: 960px;
    margin: 0 auto;
}

#header {width: 960px;border-bottom: solid 1px #a2a9ae;position:relative;}
	#header h2 {width: 190px;height: 40px;margin-bottom: 0;}
	#header h2 a {width: 190px;	height: 40px;background-image: url(../img/logo.gif);}
	#header p {	margin: 0;float: left;background:url(../img/hr-blue_line.gif) left bottom no-repeat;}
	#header p span { visibility: hidden;}
	#header p,	#header li a {color: #a2a9ae;font-size: 13px;padding-bottom: 10px;}
	#header li a {/*font-size: 15px;*/}
	#header ul {margin: 0;padding: 0;float: right;}
	#header ul li {list-style: none;float: left;padding: 0 15px;color: #303030;}
	#header ul li a {display:block;	text-decoration: none;}
	#header ul li a:hover, #header ul li a.active {	color: #303030;	background:url(../img/hr-blue_line.gif) left bottom no-repeat;}
	#header .subnav {float: none;position:absolute;	top: 0;	right: 7px;}
	#header .subnav li {padding:0 7px;font-size: 11px;border-right: solid 1px #ccc;}
	#header .subnav li.welcome {color:#A2A9AE;text-align:right;}
	#header .subnav li.last_item {border: 0 none;}
	#header .subnav a {	display:inline;	font-size: 11px;padding: 0;}
	#header .subnav a:hover,#header .subnav a.active {background: none;}

#myCart {padding: 5px;}
	#myCart p {float: right;margin:0;}
	#myCart p a {font-size: 12px;text-decoration: none;color:#A2A9AE;}
	#myCart p a:hover {color:#303030;}

.content {
	padding: 20px 0 40px 0;
}
.content .contentWrapper {
	padding: 20px;
	background:#eee;
	border: solid 1px #ccc;
}
.content h1 {
	height: 60px;
	margin-bottom: 45px;
}	
.content h2,
.content h3 {
	color: #666;
	font-weight: normal;
}
.content p, .content table, .content li, .content dl, 
.content label, .content legend, .content address {
	color: #2f3132;
	font-size: 12px;
}
.content dd {
	margin-bottom: 5px;
}
.content table {
	width: 100%;
	border: solid 1px #999;
	border-right: none;
	background: #eee;
}
.content th {
	text-align: left;
	background: #a2a9ae;
	color: #fff;
}
.content td {
	border-right: solid 1px #999;
}
.content td, .content th {
	padding: 5px;
	vertical-align: top;
	text-align: center;
}
.content #basket td {
	border-bottom: solid 1px #999;
	vertical-align:middle;
} 

/* Layout */
.content .leftCol {
	width: 655px;
	background: #f7f5f0;
	border: solid 1px #ccc;
	margin-right: 20px;
	padding: 15px 20px;		
	float: left;
}
.content .rightCol {
	width: 200px;
	float: left;
}
.content .rightCol ul {
	padding:0;
	margin-bottom: 20px;
}
.content .rightCol li {
	list-style: none;
}
/* Forms */
.content legend {
	font-weight: bold;
	padding: 0 0 15px 0;
	font-size: 16px;
	color: #666;
}
.content fieldset {
	margin: 0 0 15px 0;
	padding: 0;
	border: none;
}

.content fieldset div.inputWrap {
	clear: both;
	padding: 2px 0;
	font-size:12px;
}

.content fieldset div.inputWrap label {
	float: left;
	display: block;
	width: 160px;
}
.content fieldset div.inputWrap input[type=text],
.content fieldset div.inputWrap input[type=password] {
	width: 200px;
}
	/*.content legend {
		font-weight: bold;
		padding: 0 0 15px 0;
		font-size: 16px;
		color: #666;
	}
	.content fieldset {
		margin: 0 0 15px 0;
		padding: 0;
		border: none;
	}

	.content fieldset div.inputWrap {
		clear: both;
		padding: 2px 0;
		font-size:12px;
	}

	.content fieldset div.inputWrap label {
		float: left;
		display: block;
		width: 160px;
	}
	.content fieldset div.inputWrap input[type=text] {
		width: 200px;
	}*/

.content .productsList {
	padding: 15px 0;
}
.content .productsList li {
	padding:0 15px 25px 0;
	list-style: none;
	float: left;
	width: 177px;
}
.content .productsList li img {
	padding: 4px;
	width:75px;
	height:75px;
}	

.content .alert {
	color:#FF0000;
}
.content .moduleBox {
	border-bottom: solid 1px #999999;
	padding-bottom:15px;
	margin-bottom: 15px;
}

/* Messaging Styles */
.content .message {font-size: 14px;padding: 10px 10px 11px 35px !important;margin: 0 0 15px 0;background-repeat: no-repeat;background-position: 8px 50%;border-style: dotted;border-width: 1px;min-height: 16px;line-height: 1.1em;} 
	.content .message.info {background-color: #feefb3;background-image: url(../img/icons/msg_info.png);	color: #9f6000; }
	.content .message.success {background-color: #dff2bf;background-image: url(../img/icons/msg_success.png);	color: #4f8a10;}	
	.content .message.warning {background-color: #ffbaba;background-image: url(../img/icons/msg_warning.png);color: #d8000c;}

#index {width: 450px;padding: 10px 510px 0 0;background: url(../img/bg_home.jpg) top right no-repeat;height: 373px;}
	#index h1 {background-image: url(../img/hdr_breath_mats.gif);width: 442px;margin-bottom:55px;}
	#index #matInfo {width: 450px;}
	#index #newsletter { width: 140px; height:133px; padding: 10px; margin-right: 40px;float: left; background:url(../img/bg_newsletter.png) no-repeat; position:relative;}
		#index #newsletter h2 { margin-bottom: /*25px*/0; }
		#index #newsletter p { color:#666666;}
		#index #newsletter label { color: #eee; }
		#index #newsletter input { margin-bottom: 55px;}
		#index #newsletter .button { position: absolute; bottom: 20px; left: 38px;}
	#index #matInfo #matDesc {width: 160px;	padding-right: 40px;float: left;}
		#index #matInfo #matDesc p {font-size: 11px;line-height: 15px;}
	#matColor {width: 320px;/*float: left;*/position: relative;}
	#index #matColor { margin-left: 75px;}
		#matColor ul {margin-left: 5px;}
		#catalog #matColor ul {margin-left: 20px;}
		#matColor li {list-style: none;float: left;margin-right: 9px;cursor: pointer;}
		#matColor .buy_now { position: absolute;bottom:-35px;left:115px;margin:0; }
		#index #btnNew {height: 67px;width: 67px;position: absolute;top: 25px;left: -16px;}
		#index #btnNew span {height: 67px;width: 67px;background-image: url(../img/btn_new.png);}
		#breathMatInfoBlurb {
			border-top:1px solid #717375;
			padding: 14px 0;
		}
		#breathMatInfoBlurb p {
			margin: 0;
			font-size: 11px;
		}


#catalog {
	background: url(../img/bg_catalog.jpg) top right no-repeat;
}
#catalog .leftCol {
	width: 285px;
	background:none;
	padding:0 5px 0 0;
	margin:0;
	border:0 none;
}
#catalog .rightCol {
	width: 410px;
	padding-top: 30px;
}
#catalog .inputWrap {
	margin-bottom: 6px;
}
#catalog #quantity {
	margin-bottom: 15px;
}
#catalog #quantity label,
#catalog #quantity input {
	float: left;
	margin-right: 8px;
}
#catalog #quantity label {
	padding-top: 6px;
}
#catalog #quantity input {
	height: 20px;
	padding-top:3px;
}

#shopping_cart {width: 450px;padding: 20px 510px 40px 0;background: url(../img/bg_home2.jpg) top right no-repeat;min-height: 333px;}
	#shopping_cart h1 {	background-image: url(../img/hdr_your_cart.gif);width: 313px;}
	#shopping_cart .subtotal td {text-align: right;	font-weight: bold;border-top: double 3px #999;}
	#shopping_cart #orderInfo {padding-left: 20px;}
	#shopping_cart #btnContainer {}
	#shopping_cart #btnContainer p{float: right;}
	#shopping_cart #btnContainer input{float: left;	}		
	#shopping_cart .btncheckout { float:right; }
	#shopping_cart .actions { width: 100%; }
#breatheCheckout {}
#breatheCheckout .advisory {font-size: 11px;padding: 10px 0;}
	#breatheCheckout legend {font-weight: bold;	padding: 0 0 15px 0;font-size: 16px;color: #666;}
	#breatheCheckout fieldset {margin-bottom: 15px;border: none;}
	#breatheCheckout fieldset div {clear: both;	padding: 2px 0;}
	#breatheCheckout fieldset div label {float: left;display: block;width: 120px;}
	#breatheCheckout fieldset div input {width: 200px;}
	#breatheCheckout .loginBox {background:#eee;border: solid 1px #ccc;	padding: 20px;}
	#breatheCheckout #returnCustomer {width: 358px;float: left;margin: 0 30px 0 0;}
	#breatheCheckout #newCustomer {width: 488px;float: left;	}
	#breatheCheckout .buttonRow	{padding: 0 0 10px 0;}
	#breatheCheckout .alert {color: #FF0000;font-size: 12px;}

#catalogDetails{padding: 15px;background: #eee;border: solid 1px #ccc; margin-bottom: 30px;}
#catalogDetails p.thumb {
	width: 250px;
	float:left;
}
#catalogDetails div.itemDetails {
	width: 400px;
	float: left;
}
#catalogDetails div.itemDetails input {
	float: left;
	margin-right: 5px;
}

#my_account,#address_book,#order_history, #change_address {
	/*background: #eee;*/
	padding: 15px;
}
#checkout, #privacy, #wholesale, #customer_service, 
#forgotpass, #register, #thank_you, #contact,#faqs {
	background: #eee;
	padding: 15px;
	margin-bottom: 15px;
}
#wholesale label {
	width: 300px;
}
#address_book .address,
#change_address .address {
	border: solid 1px #ccc;
	background: #eee;
	padding: 5px;
	float: left;
	width: 170px;
	height: 175px;
	margin: 0 15px 15px 0;
	font-size: 12px;
}
#order_total {
	font-size: 12px;
}
#shopping_cart #order_total {
	margin-bottom: 20px;
}
#order_total p {
	float: left; 
	margin:0;
	width: 465px;
	font-weight: bold;
}
#shopping_cart p {
	width: 360px;
}
#checkout p {
	width: 790px;
}
#order_total div {
	overflow: hidden;
	margin-bottom: 3px;
	text-align: right;
}

#login #loginBox {
	width: 400px;
	background: #eee;
	margin: 0 auto 20px auto;
	padding: 15px;
	border: solid 1px #ccc;
}
#login .btncontainer {
	width: 430px;
	margin: 0 auto;
}
/* Quicklinks */		
#quickLinks {width: 960px;border-top: solid 6px #2f3132;background: url(../img/quicklinks_divider.jpg) no-repeat; margin-bottom: 14px;}
	#quickLinks .promo {width: 210px;float: left;padding: 20px 15px 0 15px;background: url(../img/quicklinks_divider.jpg) top right no-repeat;}	
		#quickLinks .last_item {background: none;}
		#quickLinks .promo h2 {color: #2f3132;font-size: 18px;font-weight: normal;}
		#quickLinks .promo p {font-size: 12px;color: #2f3132;}
		#quickLinks .promo a.reflection {margin: 0 auto;display:block;width: 109px;}
		#quickLinks .promo a {color: #2f3132;}
	
	
/* Footer */	
#footer {width: 940px;padding: 20px 0 0 20px;border-top: solid 1px #717375;}	
#footer ul {padding: 0;margin: 0;}
#footer ul li {display: inline;font-size: 10px;}
#footer ul li a {text-decoration: none;}
#footer ul li a:hover {text-decoration: underline;}
#footer p {color: #2f3132;float: right;font-size: 10px;text-align:right;}

/* Overlays */
#mdow {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#mdowClose {
	position: absolute;
	top: 8px;
	right: 10px;
	display:block;
	background:url(milkbox/close.gif);
	width:17px;
	height: 20px;
	text-indent:-9999px;
	overflow: hidden;
}
.overlay {
	padding: 10px;
}
.overlay h2 {
	color: #999999;
}
.overlay p,.overlay label,
.overlay ul {
	font-size: 12px;
}
.overlay .inputWrap {
	margin-bottom: 12px;
}