body {
background: transparent url(/images/gradient.jpg) repeat-x top left;
margin: 0 auto;
text-align: center;
font-family: 'Arial', sans-serif;
color: #333;
font-size: 13px;
}

.mceContentBody { background: #FFF none; text-align: left; margin: 0px padding: 0px;}

html { overflow-y: scroll}

#siteframe {
background: transparent url(/images/masthead.jpg) no-repeat top center;
width: 970px;
text-align: center;
margin: 0 auto;
padding: 0;
}

#header {
background: none;
height: 160px;
width: 970px;
text-align: left;
position: relative;
}

#our-guarantee { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/images/our-guarantee.png'); z-index: 1; width: 168px; height: 192px; position: absolute; top: 30px; right: 150px; display: none;}
html > body #our-guarantee { background: transparent url(/images/our-guarantee.png) no-repeat; } 
#search-box { position: absolute; top: 90px; right: 175px; width: 123px; height: 20px;}
#search-box input { width: 95px; color: #999; font-size: 11px; vertical-align: bottom; border: 1px solid #B5B5B5}
#search-box div#search-btn { width: 20px; height: 20px; float: right; margin-left: 4px; cursor: pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/images/search-magnify.png');}
html > body #search-box div#search-btn { background: transparent url(/images/search-magnify.png) no-repeat; }

#content {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/content_background.png');
margin: 0 auto;
padding: 7px 15px 0 15px;
width: 940px;
}
html > body #content { background: transparent url(/images/content_background.png) repeat-y top left; width: 940px; }

#main {
width: 640px;
margin: 0 10px 10px 0;
padding: 0;
text-align: left;
float: left;
}

#sidebar {
width: 290px;
margin: 0 auto;
padding: 0;
float: right;
text-align: left;
font-size: 12px;
}

#footer {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/images/footercap.png');
padding: 20px 0 20px 0;
text-align: center;
font-size: .8em;
color: #666;
line-height: 26px;
width: 970px;
}
html > body #footer { background: transparent url(/images/footercap.png) no-repeat top center; }
#footer a:link, #footer a:visited {color: #666; text-decoration: none; font-weight: bold;}
#footer a:hover {color: #333;}

div#footerlogos { margin: 0px auto; width: 622px; height: 84px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/images/footerlogos.png');  }
html > body div#footerlogos { background: transparent url(/images/footerlogos.png) no-repeat; } 

h1 {
font-size: 1.6em;
color: #000;
font-weight: normal;
margin: 0 0 8px 0;
}

h2 {
font-size: 1.2em;
color: #777;
font-weight: normal;
margin: 0 0 10px 0;
line-height: 20px;
}

h3 {
font-size: 1.2em;
color: #000;
font-weight: bold;
margin: 10px 0 2px 0;
line-height: 18px;
}

p {
line-height: 17px;
margin: 0 0 10px 0;
font-size: 1em;
}

.small {
font-size: .9em;
color: #999;
}

#main ul li {
padding: 0 0 6px 4px;
margin-left: -10px;
list-style-image: url(/images/bullet_arrow.png);
line-height: 20px;
}

a:link, a:visited {color: #1152B2; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}

.linebreak {border-bottom: 1px #CCC dashed; margin: 10px 0 10px 0;}


/** Button **/

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.button {
background: transparent url('/images/button-left.png') no-repeat top left;
display: block;
float: left;
font-size: .9em;
font-weight: normal;
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 26px; /* Height of button background height */
padding-left: 12px; /* Width of left menu image */
text-decoration: none;
margin: 8px 0 0 0;
}

a:link.button, a:visited.button, a:hover.button, a:active.button {
color: #FFF;
}

a.button span{
background: transparent url('/images/button-right.png') no-repeat top right;
display: block;
padding: 4px 14px 4px 2px; /*Set right padding to be equal or greater than'padding-left' value above*/
}

a:hover.button {
text-decoration: none;
color: #D8E5F3;
}

/** Images **/

.signature {
height: 80px;
width: 70px;
background: transparent url('/images/signature_jason.jpg') no-repeat top right;
}

img.right {
float: right;
padding: 0 0 5px 5px;
border: 0;
}

img.left {
float: left;
padding: 0 5px 5px 0;
border: 0;
}

img.logo {
padding: 0;
border: 0;
position: relative;
top: 10px;
left: -12px;
}

div#logo {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/images/1-800-GOT-MOLD.png');
	padding: 0;
	border: 0;
	position: relative;
	top: 10px;
	left: -12px;
	cursor: pointer;
	width: 260px;
	height: 130px;
}
html > body div#logo { background: transparent url(/images/1-800-GOT-MOLD.png) no-repeat; }

div#img-guarantee {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/images/guaranteed.png');
	float: right;
	padding: 0;
	border: 0;
	position: relative;
	top: 75px;
	right: 0px;
	cursor: pointer;
	width: 74px;
	height: 74px;
}
html > body div#img-guarantee { background: transparent url(/images/guaranteed.png) no-repeat; }
/***************** BOX STYLES ***********************/

.sidebarBox{
background: #FFF url(/images/question-bg-top.jpg) no-repeat top center; 
margin: 0 0 10px 0;
width: 290px;
}

.innerBox{
background: transparent url(/images/question-bg-btm.jpg) no-repeat bottom center;
position: relative;
left: 0px;
top: 0px;
padding: 10px;
}

.sidebarBox .innerBox p {
color: #999;
line-height: 16px;
margin: 5px 0 0 0;
font-size: 1em;
}

.sidebarBox .innerBox h3 {
font-size: 1.3em;
margin: 0;
}

/****************** MAIN NAVIGATION ******************/

#mainNav {
height: 32px;
margin: 0 10px 0 10px;
position: absolute;
top: 120px;
left: 0px;
}

ul#nav, ul#nav li {
float: left;
list-style: none;
margin: 0 auto;
padding: 0px;
height: 32px;
}

ul#nav {
font-size: 1em;
text-align: center;
font-weight: bold;
}

ul#nav a, ul#nav a:visited {
color: #C2D8BD;
text-decoration: none;
display: block;
margin: 0px 1px;
padding: 8px 10px 8px 10px;
font-weight: bold;
}
html > body ul#nav a, ul#nav a:visited { height: 16px; }

ul#nav a:hover {
color: #FFF;
text-decoration: none;
display: block;
padding: 8px 10px 8px 10px;
}
html > body ul#nav a:hover { height: 16px; }

#nav li.selected a, #nav li.active a {
color: #FFF;
text-decoration: none;
display: block;
padding: 8px 10px 8px 10px;
background: transparent url(/images/nav_arrow.png) no-repeat bottom center;
}

/******** Sub Navigation ********/


.subNav{
width: 290px; /*width of menu*/
margin: 0 0 10px 0;
}

.subNav ul{
list-style-type: none;
margin: 0 0 10px 0;
padding: 0;
}

.subNav ul li a{
background: white url(/images/subnav_arrow_inactive.png) no-repeat 2px center;
font: bold 1em;
color: #666;
display: block;
width: auto;
padding: 5px 0;
padding-left: 26px;
text-decoration: none;
}


* html .subNav ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 264px;
}

/* html .subNav ul li a:visited {
	color: #666;
}*/

.subNav ul li a:hover{
color: #1152B2;
background-image:url(/images/subnav_arrow_active.png); /*onMouseover image change. Remove if none*/
}

.subNav ul .subnav_active {
color: #1152B2;
background-image:url(/images/subnav_arrow_active.png);
}

/* Holly Hack for IE \*/
* html .subNav ul li { height: 1%; }
* html .subNav ul li a { height: 1%; }
/* End */

/* widget styles */
/* got mold question */
label.question-title { display: block; color: #000; font-size: 14.5px; font-weight: bold; height: 28px; line-height: 28px;}
dl.question-form { font-size: 1em; margin: 10px 0px 0px 0px; color: #666; }
dl.question-form dt { float: left; width: 85px; text-align: right; padding-right: 10px;}
dl.question-form dd { margin-left: 95px; padding-bottom: 5px;}
dl.question-form dd input, dl.form dd select {width: 90%; padding: 2px; border: 1px solid #CCC; font-size: 1em; font-family: Arial, sans-serif;}
dl.question-form dd textarea {width: 90%; padding: 2px; border: 1px solid #CCC; height: 70px; font-size: 1em; font-family: Arial, sans-serif;}
dl.question-form dd.radio input{ width: auto; border: 0px; }
div.btn-ask { width: 74px; height: 28px; background: transparent url(/images/btn-ask.png) no-repeat; float: right; cursor: pointer; }
div.btn-ask-here { width: 74px; height: 28px; background: transparent url(/images/ask_here.png) no-repeat; cursor: pointer; position: absolute; top: 10px; right: 10px;}
div.btn-cancel { width: 74px; height: 28px; background: transparent url(/images/btn-cancel.png) no-repeat; float: right; cursor: pointer; margin-right: 5px; }

div.mold-facts ol li { margin-bottom: 10px; }
div.mold-facts ol li h1 { font-size: 1.1em; color: #1152B2; margin: 0px; cursor: pointer; font-weight: bold;}
div.mold-facts ol li h1:hover {text-decoration: none; color: #000;}
div.mold-facts ol li p { margin: 5px 0px 0px 5px; }

/* media widget */
div.gm-media { background: transparent url(/images/media-bg-top.jpg) no-repeat top center; width: 290px; height: 270px; margin-bottom: 10px;}
.gm-media-inner { background: transparent url(/images/question-bg-btm.jpg) no-repeat bottom center; width: 290px; height: 270px; }
.gm-media-content { display: none; height: 209px; overflow: auto; padding: 10px 10px 5px 10px; }
* html .gm-media-content { height: 224px; }
.gm-media-content-gradient { background: transparent url(/images/article_topcap.jpg) repeat-x 0 0; }
.gm-media-content label { display: block; font-size: 13px; color: #444; margin: 0 0 2px 0; font-weight: normal; }
.gm-media-content label a:link, .gm-media-content label a:visited { color: #444; text-decoration: none; font-size: 13px; font-weight: normal; }
.gm-media-content label a:hover { color: #000; }

.gm-media-content p { margin: 0px 0px 5px 0px; color: #999; font-size: 11px; line-height: 12px;}
.gm-media-content span { color: #999; font-size: 12px; margin: 0 0 5px 0; }
.gm-media-content a:link, .gm-media-content a:visited { color: #1152B2; font-size: 12px; font-weight: bold; text-decoration: none; }
.gm-media-content a:hover { color: #000; }

.gm-media-tabs { height: 34px; padding-top: 8px; }
html > body .gm-media-tabs { height: 26px; }
.gm-media-tabs ul { list-style: none; margin: 0px 0px 0px 8px; padding: 0px; height: 26px; }
.gm-media-tabs ul li { cursor: pointer; float: left; width: 90px; height: 26px; line-height: 26px; margin-right: 2px; background: transparent url(/images/media-tab-inactive.jpg) no-repeat; font-size:12px; font-weight: bold; color: #999; text-align: center; }
.gm-media-tabs ul li.active { background-image: url(/images/media-tab-active.jpg); color: #000; }
.gm-media-divider { border-bottom: dashed #CCC 1px; margin: 10px 0 10px 0; }

#brochure-mask {position:absolute; top:0; left:0; height:100%; width:100%; background:#000; opacity:.75; filter:alpha(opacity=75); z-index:100;}
#brochure { z-index: 101; width: 800px; height: 600px; background-color: #FFFFFF; position: absolute; text-align: left;}