/*
 *	Zen Light Pro v2.0
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2005-2007 - Gregory Remington, www.mediatech.net
 * 	Some rights reserved, http://creativecommons.org/licenses/by-sa/3.0/
 */


/*******************/
/* Template Layout */
/*******************/

body {
margin:0;
padding:0;
font-family:Verdana, Verdana, Geneva, sans-serif;
font-size:12px;
background:#9AC280;
height:100%;
text-align:center;
}

/* commented hack for IE win  \*/
#body {
	max-height:100%;
}
/* end hack */

h1, h2, h3 {
	font-family:"Times New Roman", Times, serif;
}

.align-center {
text-align:center;
}

img {
border:0;
}

#container {
margin:0 auto;
padding:0;
width:950px;
background:#fff;
text-align:center;
vertical-align:top;
position:relative;
z-index:1;
}

*html #container {
background:transparent;
}

#corner_div_top {
position:absolute;
margin:-30px 0 0 -30px;
padding:0;
width:166px;
height:167px;
background-image:url(http://www.dailyablutions.com/fileadmin/templates/main/images/corner_rose_top2.gif);
background-repeat:no-repeat;
z-index:2;
}

#header {
clear:both;
position:relative;
margin:25px 0 0 0;
padding:0;
width:100%;
height:145px;
background-image:url(http://www.dailyablutions.com/fileadmin/templates/main/images/wide_bar_banner.png);
background-repeat:repeat-x;
position:relative;
text-align:left;
z-index:1;
}

#logo_top {
position:relative;
margin:20px 0 0 180px;
padding:0 0 6px 0;
}

#side_content {
float:right;
width:300px;
margin:-95px 10px 0 0;
padding:0;
}

#extra_content {
width:650px;
margin:22px 0 0 150px;
padding:2px 0 0 0;
text-align:center;
font-size:12px;
font-family:Arial, Arial, Helvetica, sans-serif;
}

*html #extra_content {
margin-top:8px;
}

#masthead{
position:relative;
z-index:100;
width:auto;
margin:-25px 0 0 0; /* adjust or remove for spacing interior content */
padding:0 0 0 75px;
height:25px;
background:transparent;
vertical-align:bottom;
z-index:100;
}

#main_wrapper {
position:relative;
width:950px;
min-height:447px;
overflow:visible;
margin:0 auto;
padding:0;
background:#fff;
text-align:left;
}

*html #main_wrapper {
height:447px;
}

#wrapper {
position:relative;
width:950px;
min-height:500px;
overflow:visible;
margin:0 auto;
padding:0;
background:#fff;
text-align:left;
}

*html #wrapper {
height:500px;
}



#left-content {
position:relative;
float:left;
width:175px;
margin:0;
padding:0;
text-align:center;
background:#fff;
display:inline;
}

#left-wrapper {
position:relative;
width:175px;
margin-top:22px;
text-align:left;
display:inline;
}

#left-wrapper H1,
#left-wrapper H2,
#left-wrapper H3,
#left-wrapper H4,
#left-wrapper H5,
#left-wrapper H6,
#left-wrapper p {
padding:2px 6px;
}

#main_pic {
position:relative;
width:500px;
height:400px;
margin:0 0 0 0;
padding:0;
text-align:left;
float:left;
display:inline;
background:transparent;
}

#main_pic img{
	border:0;
	vertical-align:bottom;
}

#main-content1col {
width:910px;
height:450px;
padding:30px 20px 0 20px;
background:#fff;
margin:0;
border:0px solid #ddd; /* turn on for visual spacing aid or style */
}

#main-content3col-home {
position:relative;
width:395px;
height:398px;
margin:0 0 0 15px;
padding:0 20px 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color:#000000;
	position:relative;
float:left;
display:inline;
z-index:99;
background:#D7E8C6;
overflow:auto;
}

*html #main-content3col-home {
margin-top:-5px;
float:right;
width:395px;
height:403px;
}

#soaplist ul {
float:left;
display:block;
list-style-type:none;
width:380px;
padding: 0;
margin:0;
text-align:left;
}

*html #soaplist ul {
width:375px;
}

#soaplist li {
list-style-type:none;
float:left;
padding-left:20px;
margin-left:15px;
width:145px;
background-image: url(http://www.dailyablutions.com/images/circle.gif);
background-repeat: no-repeat;
background-position: 0 3px;
}

#main-content2col {
position:relative;
float:right;
width:79%;
padding:0 0 0 0;
margin: 0 0 0 0;
background:transparent;
text-align:left;
overflow:auto;
}

#main-content3col {
position:relative;
width:450px;
height:auto;
margin:0 0 0 0;
padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align:left;
position:relative;
float:left;
display:inline;
overflow:auto;
z-index:100;
background:transparent;
background:#eee;
}

#middle_content-home {
	position:relative;
	clear:both;
	width:80%;
	margin:0;
	padding:0 10% 10px 10%;
	height:auto;
	text-align:center;
	background:transparent;
	}
	
/* commented hack for IE win  \*/
#middle_content-home {
	padding:0 10% 25px 10%;
}
/* end hack */

#left-content-home {
position:relative;
float:left;
width:225px;
margin:0 300px 4px 0;
padding:0;
text-align:center;
background:transparent;
display:inline;
}

#right-content-home {
position:relative;
float:left;
width:175px;
margin:0 0 0 0;
padding:0;
text-align:center;
background:transparent;
display:inline;
}

#right-content-home H1,
#right-content-home H2,
#right-content-home H3,
#right-content-home H4,
#right-content-home H5,
#right-content-home H6,
#right-content-home p {
padding:2px 6px;
}

#right-content {
float:right;
width:175px;
border:0px solid #ccc; /* turn on for visual spacing aid or style */
}

#right-content H1,
#right-content H2,
#right-content H3,
#right-content H4,
#right-content H5,
#right-content H6,
#right-content p {
padding:2px 6px;
}

#footer{
clear:both;
position:relative;
width:950px; 
height:25px;
margin:0;
padding:0;
background:transparent;
z-index:10;
text-align:center;
}

  
#corner_div_bottom {
position:relative;
margin:0 0 -155px 0;
padding:0 0 0 0;
width:950px;
height:140px;
z-index:99;
background:transparent;
text-align:center;
}

#corner_div_bottom img{
	border:0;
	vertical-align:bottom;
}

#corner_bottom_rose {
	position:relative;
	width:140px;
	height:140px;
	margin:-124px 0 0 845px;
	background-image:url(http://www.dailyablutions.com/fileadmin/templates/main/images/corner_rose_bottom2.gif);
	background-repeat:no-repeat;
	background-position:right;
	z-index:100;
}


* html #corner_div_bottom {
	height:150px;
}

#footertext {
position:relative;
text-align:center;
margin:-28px 0 0 0;
padding:5px 0 0 0;
height:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight: bold;
color: #fff;
background:#8BAD74;
z-index:100;
}

*html #footertext {
margin-top:-15px;
}

#footertext a {
position:relative;
z-index:100;
color:#fff;
}

#footertext a:hover {
color:#304D26;
}

.footerlink a, .footerlink {
font-size:10px;
font-weight: bold;
color: #333;
}

.footerlink a:hover {
color: #000;
}

#footer2 {
clear:both;
position:relative;
padding:0 105px 0 0;
height:15px;
text-align:right;
background:#9AC280;
}
/********************************/
/* Shop Category Previews */
/*******************************/

#cart_content {
position:relative;
margin:-30px 0 0 0;
width:750px;
min-height:400px;
text-align:left;
background:transparent;
padding:30px 25px 0px 25px;
clear:both;
}

* html #cart_content {
height:426px;
}

#product_list {
position:relative;
width:500px;
text-align:center;
margin:-20px 0 0 -35px;
padding:0;
background:transparent;
z-index:1;
}

#product_list img {border:none; background:transparent;}

#product_list li
{
	
	display:inline;
	text-decoration:none;
	list-style:none;
	padding:0 10px 10px 0;
	margin:0 0 0 0;
	width:170px;
	height:73px;
    background:transparent;
}

#product_list a.list:hover
{
	background:transparent;
	overflow:visible;
	color:#900;
	font-weight:700;
	z-index:100;
	text-decoration:none;
	width:500px;
}

#product_list a.list span
{
	display:block;
	position:absolute;
	width:1px;
	height:1px;
	top:0;
	left:0;
	overflow:hidden;
	z-index:100;
    }

#product_list a.list:hover span, #product_list a.list:active span
{
	display:block;
	position:absolute;
	width:438px;
	height:400px;
	text-align:center;
	height:400px;
	top:35px;
	left:460px;
	font-style:italic;
	background:transparent;
	overflow:hidden;
	z-index:100;
	margin:0;
	padding:0;    
}

#product_list a.list img, a.list:focus img, a.list:hover img
{
	position:relative;
	z-index:50;
	border:0;
    }

#shop_background
{
	display:block;
	position:absolute;
	width:438px;
	text-align:center;
	height:400px;
	top:45px;
	left:450px;
  	z-index:0;
	margin:0;
	padding:0;    
}


/********************************/
/* Form elements */
/*******************************/

#login {
padding:0;
z-index:100;
position:relative;
float:right;
text-align:right;
width:210px;
margin:0 0 -100px -210px;
}

#login input {
vertical-align: middle;
}

#login input.username,
#login input.password {
width:64px;
color:#000;
font-size:11px;
padding:2px;
margin-left:2px;
background: #fff;
border:1px solid #777;
}

.loginbutton,
.logoutbutton {
padding-right:6px;
border:0;
}

.logoutbutton {
margin:2px 0px 2px 0px;
}

.logoutuser {
padding:0;
margin:0;
color:#fff;
}

#breadcrumb {
margin-bottom:10px;
}

.clear {clear:both;}

/********************************/
/* Vertical navigation menu */
/*******************************/

.vertnav-header,
.vertnav-header a {
padding:2px;
padding:2px 3px;
font-size:16px;
font-weight: bold;
color:#000; /*white*/
background:transparent; /*black*/
}

.vertnav1 a {
margin:15px 0 0 20px;
width:125px;
display:block;
padding:0 0 0 20px;
font-size:12px;
text-decoration:none;
text-align:left;
background-image: url(http://www.dailyablutions.com/images/circle.gif);
background-repeat: no-repeat;
background-position:0;
color:#000; 
}
.vertnav1 a:hover {
background-image: url(http://www.dailyablutions.com/images/circle.gif);
background-repeat: no-repeat;
background-position:0;
color:#444; /*black*/
font-weight: bold;
text-decoration:none;
}

.vertnav1-act a,
.vertnav1-act a:hover  {
margin:15px 0 0 20px;
width:125px;
display:block;
padding:0 0 0 0;
font-size:16px;
font-weight: bold;
background-image: url(http://www.dailyablutions.com/images/circle.gif);
background-repeat: no-repeat;
background-position:0;
color:#000; /*black*/
}

.vertnav2 a {
margin: 0px;
width:152px;
display:block;
padding: 5px 5px 5px 18px;
font-size:12px;
text-decoration:none;
background: url(../images/nav-arrow.gif) 10px 8px no-repeat;
color:#777; /*grey*/
}
.vertnav2 a:hover {
background: url(../images/nav-arrow.gif) 10px 8px no-repeat;
color:#444; /*dark grey*/
text-decoration:none;
}

.vertnav2-act a,
.vertnav2-act a:hover  {
margin: 0px;
width:152px;
display:block;
padding: 5px 5px 5px 18px;
font-size:12px;
font-weight: bold;
text-decoration:none;
background: url(../images/nav-arrow-act.gif) 10px 8px no-repeat;
color:#444; /*dark grey*/
}

.vertnav3 a {
margin: 0px;
width:137px;
display:block;
padding: 5px 5px 5px 30px;
font-size:12px;
text-decoration:none;
background: url(../images/vbullet.gif) 20px 9px no-repeat;
color:#777; /*grey*/
}
.vertnav3 a:hover {
background: url(../images/vbullet-act.gif) 20px 9px no-repeat;
color:#333; /*dark grey*/
text-decoration:none;
}

.vertnav3-act a,
.vertnav3-act a:hover  {
margin: 0px;
width:137px;
display:block;
padding: 5px 5px 5px 30px;
font-size:12px;
font-weight: bold;
text-decoration:none;
background: url(../images/vbullet-act.gif) 20px 9px no-repeat;
color:#333; /*dark grey*/
}

.vertnav4 a {
margin: 0px;
display:block;
padding: 5px 5px 5px 45px;
font-size:12px;
text-decoration:none;
width:125px;
color:#777; /*grey*/
}
.vertnav4 a:hover {
background-color:#eee;  /*silver*/
color:#333; /*dark grey*/
text-decoration:none;
}

.vertnav4-act a,
.vertnav4-act a:hover {
margin: 0px;
display:block;
padding: 5px 5px 5px 45px;
font-size:12px;
text-decoration:none;
width:125px;
background-color:#eee;  /*silver*/
color:#333; /*dark grey*/
}

/* General element styles:*/  
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:arial, helvetica; color:#304D26; }
A { color:#304D26; text-decoration:none; }
A:hover { color:#304D26; text-decoration:underline; }
FORM { margin:0px; }
P, TD, UL, OL { font-size:12px; line-height:1.5em; color:#333; margin:10px 0px;}
INPUT, TEXTAREA, SELECT textarea { font-family:arial, helvetica, sans-serif; color:#333; border: #006AC2 1px solid; font-size:12px; }
ul { margin-left:8px;padding-left:0px;list-style-position: inside; }

/* Frames, spacing, link-to-top */

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 {
height: 1%;
background:#333;
/*background: url(../images/frame1.jpg) 0 0 no-repeat;*/   /* uncomment this if you want to use a background image*/
color:#fff;
padding:2px 6px;
border-bottom:2px solid #fff;}

DIV.csc-frame-frame1 {
background: #fff;
border: 0px solid #ccc;
border-bottom:12px solid #fff;
}

DIV.csc-frame-frame1 p {
color:#333;
}

DIV.csc-frame-frame2 { padding:0px 0px 4px 0px; background: url(../images/menu_dot.gif) repeat-x bottom; margin-bottom:14px; margin-top:3px; font-size:12px; }

/* Headers, plain */ 
H1 { font-size:22px; color:#000; font-weight:bold; font-family:Times New Roman, Times, serif;}
H2 { font-size:18px; color:#000; font-weight:bold; }
H3 { font-size:16px; color:#000; font-weight:bold;}
H4 { font-size:14px; color:#000; font-weight:bold;}
H5 { font-size:12px; color:#000; font-weight:bold;}
H1, H2, H3, H4, H5, H6 { margin:0; padding:0;}

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; }

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #555; text-decoration:none; }
H2 A { color:#555; }
H3 A { color:#555; }
H4 A { color:#555; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration:underline; }

/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:12px; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:12px; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:12px; }

/* Header date */ 
P.csc-header-date { font-size:10px; color:#555; }