/************************************************************************

	Site:		shop.cleanwelltoday.com

	Author:		eROI  

	Notes:		
				
				
	Listing Order:
	==============

	1 - Global
	2 - MAIN CONTENT STYLES - Blog, Flickr, Contact Information
	3 - Menu
	4 - LANDING PAGE STYLES
	5 - Individual
	6 - Cart Page Styles
	7 - Coupon Campaign
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background: #6eb43f url(images/bg_background.gif) repeat-x;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #666;
	margin: 0;
	padding: 38px 0 0 0;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin: 0; 
	padding: 0; 
}

a {
	text-decoration:none;
	color: #6db43f;
}

a:hover {
	text-decoration:underline;
	
}


div.left {
float: left;
}

div.clear {
clear:both;
}

div#leftSprout {
	background: url(/images/sprouts_left.png) top left no-repeat;
	position: absolute;
	bottom: 0px;
	left: 33px;
	width: 174px;
	height: 362px;
	z-index: 0;
}

/* FOR IE 5.5+ ALPHA TRANSPARENCY */
* html div#leftSprout {  
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/sprouts_left.png", sizingMethod="crop"); 
}


div#rightSprout {
position: absolute;
bottom: 0px;
right: 20px;
background: url(/images/sprouts_right.png) top left no-repeat;
width: 154px;
height: 362px;

}

/* FOR IE 5.5+ ALPHA TRANSPARENCY */
* html div#rightSprout {  
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/sprouts_left.png", sizingMethod="crop"); 
}

/***********************************************************************
	2 - MAIN CONTENT STYLES - Blog, Flickr, Contact Information
************************************************************************/

div#container {
width: 780px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 5;
overflow: hidden;
}

div#logolink {
position: absolute;
top: 0;
left: 0;
height: 100px;
width: 100px;
}

div#logolink a {
display: block;
width: 100px;
height: 100px;
}

div#header {
background: url(/images/header.png) top left no-repeat;
height: 130px;


}

/* FOR IE 5.5+ ALPHA TRANSPARENCY */
* html div#header {  
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://shop.cleanwelltoday.com/images/header.png", sizingMethod="crop"); 
}


div#content {
background: #f9fceb;
padding: 20px;
overflow: hidden;
}

/****************************************
BUTTONS
******************************************/

div.checkoutSteps {
margin-bottom: 15px;
}

div.logIn {
padding-top: 15px;
}

a.setup_account_link {
background: url(/images/button_setup_account.gif) top left no-repeat;
height: 13px;
width: 125px;
display:block;
}

a.no_login_link {
background: url(/images/button_dont_register.gif) top left no-repeat;
height: 28px;

display:block;
margin-bottom: 15px;
border-bottom: 1px dashed #bbb;
}

a.setup_account_link span, a.no_login_link span {
display: none;
}


a.login_link {
display: block;
margin-top: 10px;
padding: 3px 3px 3px 10px;
color: #fff;
border: 1px solid green;
width: 280px;
background: #62b454;
font-weight: bold;
display: none;
}

a.login_link:hover {
color: #fff;
text-decoration: none;
}



div#myCart {
position: relative;
float: right;
width: 60px;
height: 13px;
background: url(/images/button_mycart.gif) top left no-repeat;
}

div#myCart a {
display: block;
width: 100%;
height: 100%;
}
/*

div#login {
position: relative;
float: right;
width: 60px;
height: 13px;
background: url(/images/button_login.gif) top left no-repeat;
}

div#login a {
display: block;
width: 100%;
height: 100%;
}

div#logout {
position: relative;
float: right;
width: 60px;
height: 13px;
background: url(/images/button_logout.gif) top left no-repeat;
}

div#logout a {
display: block;
width: 100%;
height: 100%;
}


/****
FORM
****/

div#rightBox {
width: 220px;
float: left;
padding: 10px;
background: #fff;
border: 1px dashed #bbb;
margin-bottom: 20px;

}

div#rightBox p {
line-height: 140%;
}

div#leftBox {
float: left;
padding-right: 134px;
}

.rightB{
	margin-left:160px;
}


div.row {
margin-bottom: 3px;

}

div.row input  {
font-size: 11px;
color: #666;
padding: 2px 3px;
border: 1px solid #bbb;
background: #fff;
}

div.row option {
font-size: 11px;
color: #666;
padding: 2px 3px;

background: #fff;
}

div.row select {
font-size: 11px;
color: #666;
border: 1px solid #bbb;
background: #fff;
width: 126px;
}

div.row p {
margin-bottom: 10px;
}

div.row div.left {
width: 80px;
}

div.checks div.left {
width: 260px;
}

div.checks {
line-height: 150%;
margin-bottom: 10px;
position: relative;
clear: both;
}

div.checks input {
margin-right: 3px;
border: none;
background: none;
}

div.checks input.textbox {
border: 1px solid #bbb;
background: #fff;
}

ul.listlinks {
list-style: none;
}

ul.listlinks li {
margin-bottom: 5px;
}

ul.listlinks a {
background: url(/images/icon_arrow.gif) right 3px no-repeat;
padding-right: 20px;
padding-bottom: 3px;
padding: 3px 20px 3px 0px;
}

/***********************************************************************
	3 - MENU
************************************************************************/


ul#menu {
float: left;
width: 600px;
height: 130px;
list-style: none;
}

#submenu1, #submenu2, #submenu3 {
background: #fff;	
z-index: 50;
}

#submenu1 {
position: absolute;
top: 76px;
left: 140px;
width: 157px;

}

ul#submenu1 {
*position: absolute;
*top: 18px;
*left:-9px;
}

#submenu2 {
position: absolute;
top: 76px;
left: 296px;
width: 151px;
}

ul#submenu2 {
*position: absolute;
*top: 18px;
*left:-9px;
}

#submenu3 {
position: absolute;
top: 76px;
left: 446px;
width: 167px;
}

ul#submenu3 {
*position: absolute;
*top: 18px;
*left:-9px;
}

#menu ul {
margin: 10px;
list-style: none;
}

ul#menu ul li {
border-left: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
padding-right: 7px;
font-size: 10px;
}

ul#menu ul li a {
color: #79697a;
display: block;
padding: 4px 10px 4px 10px;
}

ul#menu ul li a:hover {
color: #259554;
text-decoration: none;
background: url(/images/rollover_leaf.gif) right 4px no-repeat;
}

li.menubutton {
height: 25px;
z-index: 5;
}

li#meetfam {
position: absolute;
top: 58px;
left: 149px;
width: 156px;
}

li#meetfam a.mainlink {
display: block;
width: 156px;
height: 25px;
}

li#introducing {
position: absolute;
top: 58px;
left: 305px;
width: 150px;
}

li#introducing a.mainlink {
display: block;
width: 150px;
height: 25px;
}

li#meet {
position: absolute;
top: 58px;
left: 455px;
width: 165px;
}

li#meet a.mainlink {
display: block;
width: 165px;
height: 25px;
}


img#honest {
	margin: 30px 0 0 37px;
}


/***********************************************************************
	4 - LANDING PAGE STYLES
************************************************************************/


div.results_col3 {
float: left;
width: 220px;
padding-bottom: 25px;
height: 60px;
padding-right: 20px;
font-size: 12px;
}

div.results_col3 img {
width: 50px;
float: left;
margin-right: 8px;
margin-bottom: 15px;
border: 0;
}

span.results_prod_name_span_col3 {
display: block;
}

div#results_category_title {
font-size: 17px;
margin-bottom: 15px;
padding-bottom: 15px;
width: 741px;
border-bottom: 1px dashed #999;
}


div#results_foot {
clear: both;
}

div.results_prod_callout_col1 {
color: #999;
}

div#results_subcategory_desc {
position: relative;
bottom: 31px;
}

/***********************************************************************
	5 - INDIVIDUAL
************************************************************************/


div#detail_breadcrumbs {
padding-left: 5px;
}

div#detail_img_wrap {
float: left;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
}

div#detail_img_wrap img {
padding: 5px 5px 20px 5px;

}

span.detail_price {
font-size: 13px;
font-weight: bold;
}

div#detail_desc_wrap {
float: left;
width: 463px;
padding-top: 20px;

}

div#detail_desc_wrap li {
margin-left: 16px;
}

h1.detail_desc_title {
font-size: 16px;
margin-bottom: 6px; 
}

h1.detail_desc_article {
font-size: 12px;
font-weight: normal;
}

div#detail_row2 {
padding-top: 20px;
float: left;
width: 200px;
padding-bottom: 20px;
}

div#detail_row3 {
clear: both;
border-top: 1px dashed #999;
padding-top: 10px;
}
div#detail_row3 div#detail_desc_wrap {
width: 741px;
}


div#detail_row3 h1.detail_desc_article {
margin-left: 274px;
}

span.detail_price_title {
font-weight: bold;
margin-right: 3px;
}

div.detail_option_name_text {
font-weight: bold;
}

div.detail_option_name_text input {
margin-left: 3px;
font-size: 11px;
padding-top: 1px;
color: #666;
padding-left: 5px;
width: 20px;
}

div.detail_options {
padding-bottom: 20px;
}

div#detail_foot {
clear:both;
}




/***********************************************************************
	6 - CART PAGE STYLES
************************************************************************/
 td,table  {
 border: none;
 font-size: 12px;
 padding-bottom: 5px;
 padding-right: 5px;
 }

div.shoppingcart {
font-size: 12px;
}

div.shoppingcart input {
margin-bottom: 3px;
}

span.orangetext {
font-size: 12px;
}

td.TitleBar {
padding-bottom: 10px;
font-size: 12px;
text-align: left;

}

td.littletabletext {
font-size: 12px;
}

div.shoppingcart h2 {
font-size: 16px;
}

div#footer {
/*background: #62b454 url(/images/footer.png) top left no-repeat;*/
height: 35px;
color: #bed62f;
margin-bottom: 30px;
}

div#footer a {
color: #bed62f;
}

div#footer a:hover {
color: #daf236;
}

div#rightfooter {
float: right;
padding-right: 20px;
width: 400px;
text-align: right;
padding-top: 3px;
font-weight: bold;
}

div#footer ul#leftNav {
padding-left: 20px;
list-style: none;
float: left;
width: 350px;
}

div#footer ul li {
float: left;
height: 15px;
margin-right: 10px;
}

div#footer ul li a {
display: block;

height: 100%;
}

li#shop { background: url(/images/footer_off_shop.gif) top left no-repeat; width: 43px; }
li#news { background: url(/images/footer_off_news.gif) top left no-repeat; width: 44px; }
li#contact { background: url(/images/footer_off_contact.gif) top left no-repeat; width: 59px; }
li#blog { background: url(/images/footer_off_blog.gif) top left no-repeat; width: 41px; }
li#shopfinder { background: url(/images/footer_off_shopfinder.gif) top left no-repeat; width: 91px; }

li#shop a { background: url(/images/footer_shop.gif) top left no-repeat; width: 43px; }
li#news a { background: url(/images/footer_news.gif) top left no-repeat; width: 44px; }
li#contact a { background: url(/images/footer_contact.gif) top left no-repeat; width: 59px; }
li#blog a { background: url(/images/footer_blog.gif) top left no-repeat; width: 41px; }
li#shopfinder a { background: url(/images/footer_shopfinder.gif) top left no-repeat; width: 91px; }

li#shop a:hover { background: none; width: 43px; }
li#news a:hover { background: none; width: 44px; }
li#contact a:hover { background: none; width: 59px; }
li#blog a:hover { background: none; width: 41px; }
li#shopfinder a:hover { background: none; width: 91px; }
.hidden { display:none; }


/***********************************************************************
	7 - Coupon Campaign
************************************************************************/

div#couponProduct {
width: 275px;
height: 265px;
background: url(coupon/images/coupon-product.jpg) no-repeat;
float: right;
}

div#couponForm {
width: 375px;
margin: 0;
padding: 0;
float: left;
}

div#couponForm h1 {
font-size: 17px;
color: #409538;
margin: 25px 0 10px 0;
}

div#couponForm p {
margin-bottom: 10px;
}

div#couponForm ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

div#couponForm ul label {
	display: block;
	width: 7em;
	float: left;
	text-align: left;
	padding: 0 4px 0 0;
	line-height: 18px;
}

div#couponForm ul label:after {
	content: ": ";
}

div#couponForm ul li {
	clear: both;
	padding: 0 0 9px 0;
}

div#couponForm ul input.textbox {

}

div#couponLine {
width: 730px;
border-bottom: 1px solid #cccccc;
}