/* Global content style*/
body {
	color: #333;
	background: #291f73 url(../img/background.gif) repeat-x 0 0;
	font: normal 12px/1.2em Arial, Helvetica, sans-serif;
}
p, td {
	color: #333;
	font: normal 12px/1.5em Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
}
h3 {
	font: bold 14px/1.5em Arial, Helvetica, sans-serif;
	margin: 0 0 .5em 0;
}
a, a:link, a:visited {
	color: #291f73;
/*	text-decoration: none;*/
}
a:hover, a:active {
	color: #000;
	text-decoration: underline;
}
strong, th { font-weight: bold; }
.clear { clear: both; }
.large { font-size: 22px; margin-right: 3px; }
p.more-info { text-align: right; /*width: 250px;*/ }

/* Layout Styles */
#container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	border-top: none;
}
#header {
	height: 56px;
	background: #2d3695;
}
#logo {
	width: 220px;
	float: left;
}
#logo img {
	display: block;
	margin: 1px 0 0 15px;
}
#header-right {
	width: 740px;
	float: right;
}
#header-right-top {
	position: relative;
	background: #7891c4; /* url(../img/we-know-mold.gif) no-repeat 100% 100%;*/
	height: 28px;
}
p.tagline {
	float: right;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	margin: 8px 10px 0 0;
	line-height: 15px;
}
#header-right-bottom {
	height: 28px;
	position: relative;
}
ul#global-nav, ul#main-nav {
	list-style: none;
}
ul#global-nav {
	position: absolute;
	bottom: 0;
}
ul#global-nav li {
	float: left;
	border-right: 1px solid #666;
	background: #000;
}
ul#global-nav li a, ul#main-nav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 1em;
	padding: 5px 12px;
}
ul#global-nav li a:hover {
	background: #333;
}

ul#main-nav li {
	float: left;
	background: #666;
	border-right: 1px solid #333;
}
ul#main-nav li a {
	background: #666 url(../img/main-nav-back.gif) repeat-x 0 0;
	line-height: 28px;
	font-weight: bold;
	padding: 0 9px;
}
ul#main-nav li a:hover {
	background: #333;
/*	background-image: url(../img/main-nav-back.gif);*/
}
ul#main-nav li.active a, ul#main-nav li.active a:hover {
	background-image: url(../img/main-nav-back-active.gif);
}

#retail-locator {
	float: right;
	text-align: right;
}
#retail-locator fieldset {
	line-height: 28px;
	padding-right: 5px;
}
#retail-locator label {
	font-size: 11px;
	margin-right: 2px;
	font-weight: bold;
	color: #fff;
}
#retail-locator input.txt {
	border: 1px solid #4159af;
	padding: 1px 3px;
	font-size: 11px;
	width: 40px;
}
#retail-locator input.btn {
	background: #1f1a17;
	color:#ccc;
	border: none;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
	padding: 1px;
}

#contentcontainer {
	background: url(../img/envirocare-content-back.gif) repeat-y 0 0;
	border: 2px solid #00afef;
	width: 956px;
}


#splash-panel {
	background: #291f73;
	width: 956px;
	height: 270px;
	text-align: right;
	position: relative;
	border-bottom: 2px solid #00afef;
}



#splash-panel2 {
	background: #291f73;
	width: 956px;

	text-align: right;
	position: relative;
	border-bottom: 2px solid #00afef;
}
#splash-panel2 h1 {
	font: normal 28px/1.3em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	width: 945px;
	position: absolute;
	right: 15px;
	bottom: 10px;
}
#splash-panel2 p {
	font: normal 13px/1.3em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	position: absolute;
	bottom: -8px;
	right: 15px;
}
#splash-panel2 img {
	display: block;
}


#splash-panel3 {
	background: #291f73;
	width: 956px;

	text-align: right;
	position: relative;
	border-bottom: 2px solid #00afef;
}
#splash-panel3 h1 {
	font: normal 28px/1.3em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	width: 945px;
	position: absolute;
	right: 15px;
	bottom: 10px;
}
#splash-panel3 p {
	font: normal 13px/1.3em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	position: absolute;
	bottom: -8px;
	right: 15px;
}
#splash-panel3 img {
	display: block;
}





#splash-panel h1 {
	font: normal 28px/1.3em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	width: 945px;
	position: absolute;
	right: 15px;
	bottom: 10px;
}
#splash-panel h1.welcome {
	bottom: 17px;
}
#splash-panel p {
	font: normal 13px/1.3em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	position: absolute;
	bottom: -8px;
	right: 15px;
}
#splash-panel img {
	display: block;
}
/*div.home { background: #291f73; }*/ 
div.full {
	background: #fff;
	padding: 15px 20px;
}

#quick-links {
	margin-bottom: 1em;
}
div.home #quick-links label {
	color: #fff;
}
div.full #quick-links {
	width: 200px;
	float: right;
}
#quick-links label { 
	display: block;
	font-weight: bold;
	margin-bottom: 2px;
}
#quick-links select {
	width: 200px;
}

#col-left {
	width: 556px;
	float: left;
	border-right: 2px solid #00afef;
}
#col-right {
	width: 398px;
	float: right;
}

#col-left a, #col-right a {
	color: #00afef;
}

div.featured,
div.home #quick-links {
	padding: 15px 20px;
}
div.featured h2 {
	font: bold 22px Arial, Helvetica, sans-serif;
	margin-bottom: 0.3em;
	color: #fff;
}
div.featured img { margin-bottom: 1em; }
div.featured p {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}

p.feedback {
	float: right;
	text-align: center;
}
p.feedback a {
	background: #00afef url(../img/send-feedback.gif) repeat-x 0 0;
	text-decoration: none;
	display: block;
	height: 33px;
	width: 180px;
	text-align: center;
	color: #fff !important;
	font: bold 18px/33px Arial, Helvetica, sans-serif;
	padding: 0 10px;
}
p.feedback a:hover { 
	text-decoration: none;
}

#banner {
	border: 2px solid #00afef;
	border-top: none;
	background: #fff;
}
#choosing {
	padding-left: 10px;
	width: 143px; /* 173 */
	height: 108px;
	margin-right: 10px;
	float: left;
	background: #fff url(../img/banner-left.jpg) no-repeat -20px 0;
}
#choosing h3 { margin-top: 15px; font-style: italic; }
#choosing h3, #choosing p, #expert p, #expert a { color: #fff; font-weight: bold; line-height: 1.2em;}


#products {
	width: 770px;
	height: 108px;
	float: left;
	overflow: hidden;
}
#productscroller {
	width: 2260px;
}
div.product {
	width: 130px;
	padding: 13px 10px 0 0;
	margin-right: 10px;
	float: left;
	height: 95px;
	border-right: 1px solid #ddd;
}
div.product img {
	float: right;
}
div.product h4 {
	font: bold 11px Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
}
div.product p.more-info,
div.product p.more-info a {
	color: #333;
	width: 60px;
	text-align: left;
}
#expert {
	background: #4159af;
	float: right;
	width: 230px;
	height: 108px;
	background: #fff url(../img/dr-mold-back.jpg) no-repeat 100% 0;
	position: relative;
}
#expert img { position: absolute; bottom: 0; right: 10px;}
#expert p { margin: 32px 0 0 20px; }

#footer {
	background: #666 url(../img/footer-back.gif) repeat-x 0 0;
	border: 2px solid #00afef;
	border-top: none;
	text-align: center;
	padding: 6px 0 4px 0;
}
#footer img {
	float: right;
	margin: 5px 10px;
}
#footer p, #footer a {
	color: #ccc;
	margin: 0 0 2px 0;
	font-size: 11px;
	line-height: 1.3em;
}
#footer p {
	background: transparent url(../img/envirocare-foot-logo.gif) no-repeat 99% 4px;
}
#footer a {
	text-decoration: none;
	color: #fff;
}
#footer a:hover {
	text-decoration: underline;
}

