*{font-size:100.01%}
html {font-size:64%;}
body {
	font:1.0em Arial, Helvetica, sans-serif;
	margin:0;
	color:#000;
	background:#fff;
}
img{border-style:none;}
a{
	text-decoration:underline;
	color:#03499a;
}
a:hover{
	color: #000;
}
input,
textarea,
select{
	font:1.1em Arial, Helvetica, sans-serif;
	vertical-align:middle;
	margin:0;
	color:#000;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#container {
	margin:0 auto;
	width:760px;
	padding:383px 0 10px;
	position:relative;
}
#container-no-banner {
	margin:0 auto;
	width:760px;
	padding:142px 0 10px;
	position:relative;
}
#header {
	width:760px;
	height:383px;
	position:absolute;
	left:0;
	top:0;
	background:url(../../../templates/cloroxcommercial/images/page-bg.gif) repeat-y;
	padding:0 6px;
}
#header-no-banner {
	width:760px;
	height:142px;
	position:absolute;
	left:0;
	top:0;
	background:url(../../../templates/cloroxcommercial/images/page-bg.gif) repeat-y;
	padding:0 6px;
}
.header-holder {
	background:url(../../../templates/cloroxcommercial/images/header-bg.jpg) no-repeat;
	overflow:hidden;
	width:100%;
	padding:12px 0 43px 0;
}
strong.logo {
	background:url(../../../templates/cloroxcommercial/images/logo.gif) no-repeat;
	width:271px;
	height:79px;
	text-indent:-9999px;
	margin:8px 0 0 18px;
	display:inline;
	overflow:hidden;
	float:left;
}
strong.logo a {
	height:100%;
	display:block;
}
.form {
	float:right;
	width:390px;
}
.form input.text {
	width:229px;
	padding:1px;
}
.form select {width:82px;}
.form .button {
	width:54px;
	height:20px;
}
.menu {
	position:absolute;
	left:6px;
	top:103px;
}
.menu ul {
	list-style:none;
	padding:0 0 0 2px;
	overflow:hidden;
	margin:0;
	float:left;
}
.menu span {
	background:url(../../../templates/cloroxcommercial/images/nav-shadow.png) no-repeat;
	width:14px;
	float:left;
	height:38px;
	overflow:hidden;
}
.menu ul li {
	float:left;
	font-size:1.2em;
	line-height:12px;
	font-weight:bold;
}
.menu ul li a {
	float:left;
	height:39px;
	overflow:hidden;
	cursor:pointer;
	text-decoration:none;
}
.menu ul li a:hover {border:0;}
.menu ul li a em {
	float:left;
	color:#fff;
	font-style:normal;
	background:url(../../../templates/cloroxcommercial/images/nav-bg.png) no-repeat;
	height:51px;
	padding:22px 3px 5px 10px;
}
.menu ul li a span {
	display:block;
	background:url(../../../templates/cloroxcommercial/images/nav-cornner.png) no-repeat;
	height:78px;
	width:7px;
}
.menu ul li a:hover em {
	margin-top:-39px;
	padding-top:61px;
	height:22px;
}
.menu ul li a:hover span {margin-top:-39px;}
#header img {
	display:block;
	padding-top:3px;
}
#main {
	width:733px;
	padding:8px 20px 9px 19px;
	overflow:hidden;
	background:url(../../../templates/cloroxcommercial/images/page-bg.gif) repeat-y;
}
#main p {
	/* margin:0;
	padding:0 0 5px;*/
	font-size:1.2em;
	line-height:1.3em;
}
.feature-products {
	background:url(../../../templates/cloroxcommercial/images/box-center.gif) repeat-y;
}
.feature-products .inner {
	background:url(../../../templates/cloroxcommercial/images/box-bottom.gif) no-repeat 0 100%;
	width:746px;
	overflow:hidden;
	padding:0 0 5px 1px;
	margin-right:-15px;
}
.box {
	background:url(../../../templates/cloroxcommercial/images/box-top.gif) no-repeat;
	width:233px;
	float:left;
	min-height:165px;
	border-top:1px solid #c2c2c1;
	margin-right:15px;
	position:relative;
}
.box img {
	margin:0px 0px 10px 0px;
	padding: 0;
}
* html .box {height:165px;}
.next {margin-right:16px;}
.box .mask {
	background:url(../../../templates/cloroxcommercial/images/box-corner.gif) no-repeat;
	width:235px;
	height:4px;
	position:absolute;
	left:-1px;
	top:-1px;
}
#main .moduletable h3, #main .moduletable_green h3, #main .moduletable_yellow h3, #main .moduletable_orange h3{
	font-size:1.8em;
	line-height:1.222em;
	margin:0;
	font-weight:normal;
	color:#03499a;
	padding:6px 10px 7px 13px;
}
#main .moduletable_green h3, #main h2.green {
	background:#78ba4f url(../../../templates/cloroxcommercial/images/heading-green.gif) repeat-x;
	color:#fff;
}
#main .moduletable_yellow h3, #main h2.yellow {
	background:url(../../../templates/cloroxcommercial/images/heading-yellow.gif) repeat-x;
	color:#fff;
}
#main .moduletable_orange h3, #main h2.orange {
	background:url(../../../templates/cloroxcommercial/images/heading-orange.gif) repeat-x;
	color:#fff;
}
.info {
	width:211px;
	padding:6px 10px 11px 12px;
	color:#231f20;
}
#main .box p {
	margin:0 0 8px 0;
	padding:0;
	line-height:1.833em;
}
#main .box strong {
	font-size:1.2em;
	/*line-height:1.833em;*/
}
#main .box a {
	font-size:1.1em;
	line-height:1.833em;
}
.products {
	border:solid #c2c2c1;
	border-width:1px 0;
	width:728px;
	margin:14px -14px 0 -14px;
	overflow:hidden;
	padding:16px 18px 8px 16px;
}
.products .title {
	float:left;
	font-size:1.6em;
	line-height:1.375em;
	color:#03499a;
	margin-top:12px;
}
.products ul {
	list-style:none;
	margin:0 0 5px 0!important;
	/*float:right;*/
	display:table;
	padding:0!important;
}
.products ul li {
	display:table-cell;
	vertical-align:middle;
	margin:0!important;
	padding:0 11px!important;
}
* html .products ul li {padding:0 9px;}
* +html .products ul li {padding:0 9px;}
* html .products ul li {
	display:inline;
}
* +html .products ul li {
	display:inline;
}
.products ul li a {display:block;}
* html .products ul li a{
	display:inline;
}
* +html .products ul li a{
	display:inline;
}
ul.breadcrumbs {
	list-style:none;
	padding:0;
	width:100%;
	overflow:hidden;
	margin:10px 0 7px;
}
#main ul.breadcrumbs li {
	display:inline;
	font-size:1.1em;
	color:#999;
	background:url(../../../templates/cloroxcommercial/images/breadcrumb-sep.gif) no-repeat 0 3px;
	padding:0 4px 0 11px;
	margin:0 7px 0 -7px;
}
#main ul.breadcrumbs li a {
	color:#999;
	font-size:1em;
	line-height:1.181em;
	text-decoration:none;
}
ul.breadcrumbs li a:hover {text-decoration:underline;}
.main-content {
	width:100%;
	overflow:hidden;
	padding:8px 0 0 0!important;
}
.main-content p, .main-content p a {
	/* TEMPORARY FIX FOR JOOMLA 1.0.X */
	font-size:12px!important;
}
.main-content p a {
	/* TEMPORARY FIX FOR JOOMLA 1.0.X */
	line-height:0px!important;
}

.description {
	float:left;
	width:470px;
	font-size:1.2em;
	line-height:1.166em;
}
#main .description p {
	margin:0;
	font-size:1em;
	padding:0 0 10px;
}
#main h1, #main .contentheading, #main .componentheading, #main .componentheading_product_list {
	/*font-size:1.5em;*/
	font-size: 18px;
	line-height:1.222em;
	color:#03499a;
	/* margin:0 0 8px 0; */
	font-weight:normal;
}
#main h3 {
	/*font-size:1.5em;*/
	font-size: 14px;
	line-height:1.222em;
	color:#999;
	/* margin:0 0 8px 0; */
	font-weight:normal;
}
.blog .contentpaneopen .contentheading{
	padding: 10px 0;
	color: #666!important;
}
.description strong {
	display:block;
	margin-bottom:10px;
}
ul.list {
	list-style:none;
	padding:0;
	margin:0 0 0 -1px;
}
ul.list li {
	background:url(../../../templates/cloroxcommercial/images/list-bg.gif) no-repeat 0 4px;
	padding:0 0 6px 16px;
}
.moduletable ul {
	list-style:none;
	padding:0;
	margin:0 0 0 14px;
}
.moduletable ul li {
	background:url(../../../templates/cloroxcommercial/images/list-bg.gif) no-repeat 0 7px;
	padding:0 0 2px 10px;
}
.sidebar {
	float:right;
	width:235px;
	padding-top:3px;
}
.sidebar .box {
	float:none;
	min-height:0;
	background:url(../../../templates/cloroxcommercial/images/side-box-top.gif) no-repeat;
}
* html .sidebar .box {height:auto;}
#main .sidebar .box p {
	line-height:1.166em;
	padding-top:4px;
}
.side-box {
	background:url(../../../templates/cloroxcommercial/images/side-box-center.gif) repeat-y;
	margin-bottom:14px;
}
.box-holder {
	background:url(../../../templates/cloroxcommercial/images/side-box-bottom.gif) no-repeat 0 100%;
	padding:0 0 5px 1px;
	width:234px;
}
#main h2.blue {
	background:url(../../../templates/cloroxcommercial/images/heading-blue.gif) repeat-x;
	color:#fff;
}
.sidebar .box .info {padding-bottom:0;}
.box ul {
	list-style:none;
	padding:2px 0 0;
	margin:0;
	line-height:1.25em;
}
#main .box ul a {line-height:1.25em;}
/* #main h3,*/ #main h4 {
	font-size:1.8em;
	line-height:1.222em;
	font-weight:normal;
	margin:14px 0 9px;
	color:#999;
}
#main a {
	font-size:12px;
	line-height:1.833em;
}
#footer {
	width:766px;
	padding:20px 0 0 6px;
	font-size:1.1em;
	background:#fff url(../../../templates/cloroxcommercial/images/footer-bg.gif) no-repeat;
}
#footer p {
	margin:0;
	padding-bottom:7px;
	color: #666;
}
#footer p a {
	color:#666674;
	text-decoration:none;
}
#footer p a:hover {text-decoration:underline;}
#footer p span {margin-left:13px;}
#footer strong {
	font-weight:normal;
	color: #999;
}

/* @group Other Items */

table.product_table {
margin: 20px 0 10px 0;
color: #666666;
width:493px;
font-size:11px;
/* display:inline!important;
float:right!important;
position:relative!important;*/}

table.product_table td {
background-color: #e9e9e9;
border: 1px #fff solid;
padding: 4px;
text-align: left;
vertical-align: 0px; }

.tag_pages_item{
padding:10px 0 10px 15px;
float:left;
border-bottom: 1px #ccc solid;
width:745px!important;
font-size:14px;}

a.contentpagetitle, .contentpane_product_list a {
font-size: 14px!important;
margin: 0;
}

#page_nav{
margin:0;
padding:15px 0!important;
width:100%;
float:left;
text-align: left;
color: #ccc;}

span.pagenav_off {
	padding: 6px 8px;
	border: 1px solid #ccc;
	font-size: 12px;
	margin-right: 5px;
	color: #ccc;
}
span.pagenav {
	padding: 6px 8px;
	border: 1px solid #ccc;
	font-size: 12px;
	margin-right: 5px;
}
a.pagenav{
	padding: 6px 8px;
	border: 1px solid #999;
	font-size: 12px;
	margin-right: 5px;
	text-decoration: none;
}
a:hover.pagenav{
	padding: 6px 8px;
	border: 1px solid #999;
	font-size: 12px;
	margin-right: 5px;
	text-decoration: none;
	background-color: #999;
	color: #fff;
}

/* #page_nav{
margin:0;
padding:15px 0 10px 0!important;
width:700px;
float:left;}

* html #page_nav{
padding:5px 0 5px 15px!important;
margin:0!important;
width:700px;
height:30px;
float:left;
text-align:left;}

span.pagenav {border: 1px #cccccc solid;
padding:3px 7px!important;
color: #cc0000;
display:block;
float:left;
margin:0 4px 0 0; } 

p.pagenav_details{
padding:0;
margin:0!important;
width:700px; 
float:left;}

span.pagenav_off {border: 1px #ccc solid;
padding:3px 7px;
color: #ccc;
display:block;
float:left;
margin:0 4px 0 0; }

a.pagenav, a:visited.pagenav {color:  #006699;
margin:0 4px 0 0;
border: 1px #999 solid;
padding:3px 7px!important;
text-decoration: none;
display:block;
float:left; }

a:hover.pagenav {
text-decoration: none;
background-color:#999 ;
color: #fff; } */

table.contentpane_product_list table td{
padding:10px;
border-bottom: 1px #ccc solid; }

table.contentpane_product_list table{
width:100%;
border-top: 1px #ccc solid;
margin: 15px 0 0 0;}

table.contentpane_product_list table td a{
font-size: 14px;}

#main div.main-content table.blog tbody tr td table tbody tr td table.contentpaneopen tbody tr td.contentheading {
	border-bottom: 1px solid #ccc;
	padding-top: 0;
}

#flash-product-logos {
	padding: 10px 0;
	margin-left: -10px!important;
}

/* @end */



/* @group CMS Elements */

.pathway{
	font-size: 10px!important;
	color: #999;
}
table.contentpaneopen, table.blog {
width:100%!important; 
border: none;
margin: 0px;
padding: 4px 0px;
border-collapse: collapse;
 }


/* @end */

.video-controls {
width:478px;
height:23px;
background:url(../../../templates/cloroxcommercial/images/buttons-bg.gif) repeat-x;
border:1px solid #bfbfbf;}
.controls-left {
float:left;}
.controls-right {
float:right;}

.boxVisible {
	background-color: #ffffff;
	display: block;
	padding: 5px;
	float: left;
	border: solid 0px #000040
	}

.boxHidden {
	display: none;
}