/********************  GLOBALS  ********************/
a {
	text-decoration:underline;
	color:#472788;
}
a:hover {
	text-decoration:none;
	color:#1e1e1e;
}
body { 
	background-color:#ede9e1;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div.boxContent {
	background:#efefef;
	border:1px solid #cccccc;
}
h1 {
	margin:0px;
	padding:10px 0px 10px 0px;
	font-size:18px;
}
h2 {
	font-weight:bold;
	margin:0px;
	padding:10px 0px 0px 0px;
	font-size:12px;
	font-style:italic;
}
img {
	border:none;
	margin: 0px;
	padding:0px;
}
p {
	padding:0px 6px 0px 6px;
}

.trustedQuality {
font-size: 28px;
font-weight: bold;
color: #442791;
}
.greenHighlight {
color: #669900;
}
.greenTable {
border: solid thin #669900;
}
/********************  HEADER  ********************/
#wrapper {
	min-width:1000px;
}
#header {
	height:59px;
	margin:0px;
	padding:0px 10px 0px 0px;
	background:url(../images/header-bg.gif) left;
	text-align:right;
}
#header #logo {
	float:left;
}
#navlist {
	height:35px;
	background:url(../images/nav_bg.jpg);
	text-align:center;
	padding:10px 0px 0px 0px;
	margin:0px 0px 3px 0px;
}

/********************  FOOTER  ********************/
#footer {
	clear:both;
	background:url(../images/footer_bg.jpg) bottom repeat-x;
	width:100%;
	height:35px;
	margin:0px;
	padding:5px 0px 0px 0px;
	text-align:center;
}

#footer p {
	font-size:10px;
	color:#cccccc;
	margin:0px;
	padding:15px 0px 0px 0px;
}

/********************  HOME PAGE  ********************/
#news {
	position:absolute;
	right:0px;
	width:280px;
	margin:0px;
	padding:0px 10px 0px 0px;
}
#news div.boxContent {
	height:280px;
}
#news div.boxContent ul {
	list-style-image:url(../images/orange_bullet.gif);
	padding:0px 5px 0px 35px;
	margin: 0px;
}
#news div.boxContent li {
	padding:0px 0px 0px 0px;
	margin: 0px;
}

#topAd {
	width:100%;
}

#topAd #rainBuster {
	padding:0px 302px 0px 10px;
}
#rainBusterIntro {
	float:left;
	width: 184px;
	height: 284px;
	background:url(../images/rain_buster_intro_bg.jpg) no-repeat left;
}
#rainBusterIntro p{
	padding: 0px;
	margin: 0px 4px 4px 4px;
}
#rainBuster #rainBuster-img {
	float:left;
}
#rainBuster #rainBuster-news {
	padding:10px;
	height:236px;
	background:url(../images/rain_buster-bg.gif) no-repeat right;
	overflow:hidden;
}
#rainBuster #rainBuster-text {
	height:226px;
	overflow:hidden;
	width:100%;
	z-index:1;
}
#rainBuster #rainBuster-controls {
	padding:0px 10px 0px 0px;
	height:28px;
	background:url(../images/rain_buster-controls.gif) no-repeat right;
}
#rainBuster #rainBuster-controls img {
	float:right;
}
#buy {
	float:left;
	width:30%;
	padding:0px;
	margin:0px;
}
#sealant {
	float:left;
	width:30%;
	padding:0px;
	margin:0px;
}
#difference {
	float:right;
	width:39%;
	padding:0px;
	margin:0px;
}
#buy div.boxContent,
#sealant div.boxContent,
#difference div.boxContent {
	margin:10px 0px 0px 10px;
	height:240px;
}
#difference div.boxContent {
	margin:10px 10px 0px 10px;
}
div div.boxContent div.title {
	height:18px;
	background:url(../images/titles/bg.gif);
}

div div.boxContent div.title2 {
	height:24px;
	background:url(../images/titles/bg.gif);
}
/********************  OTHER PAGES  ********************/
#right {
	width: 300px;
	padding:0px 5px 0px 5px;
	margin: 0px;
	float:right;
}
#rightContact {
	padding:0px 10px 0px 10px;
	float: left;
}
#right div.boxContent div.content {
	padding:10px 10px 20px 10px;
	font-size:10px;
}
#right div.boxContent div.content img {
	padding:0px 0px 5px 0px;
}
#rightRainbusterAd {
	width:200px;
	padding: 40px 10px 0px 0px;
	float:right;
}
#rightRainbusterAd div.boxContent div.content {
	padding:10px 10px 20px 10px;
	font-size:10px;
}
#rightRainbusterAd div.boxContent {
	background-color: #fbd103;
}
#rightRainbusterAd div.boxContent div.content img {
	padding:0px 0px 5px 0px;
}

#leftProductLayout {
	padding:0px 220px 0px 10px;
}
#left {
	padding:0px 20px 0px 10px;
}
#leftContact {
	float:left;
	padding:0px 20px 0px 10px;
}
/******************** NAV *******************************/

#homeButton { 
float: left;
padding: 0px 0px 0px 10px;
margin:0px;
}

/********************  PRODUCTS PAGE  ********************/
#products div.product {
	width:49%;
	background:#efefef;
	border:1px solid #cccccc;
	margin:0px 0px 10px 0px;
}
#products div.left {
	float:left;
}
#products div.right {
	float:right;
}
#products div.product div.container {
	padding:10px;
	height:320px;
	overflow:hidden;
}

/*#products div.product p {
padding: 6px 0px 0px 0px;
margin: 0px;
}*/
/*#products div.product div.container img {
	float:left;
	padding:0px 10px 0px 0px;
}*/

#products div.product div.container div.title {
	font-size:14px;
	font-weight:bold;
	padding:0px 0px 10px 0px;
}
#products div.product div.container div.link {
	padding:0px 0px 0px 0px;
}
/*CONTRACTOR LINKS */
.contractorsLink a {
	text-decoration:underline;
	color:#000000;
	font-size: 18px;
}
.contractorsLink a:hover {
	text-decoration:none;
	color:#000000;
	font-size: 18px;

}
/*FORM */
label
{
width: 200px;
float: left;
text-align: left;
margin-right: 10px;
display: block
}

#submit
{
margin-left: 215px;
}
/*DROP DOWN NAV*/

#ul_nav { 
margin: 0px;
padding: 0px 0px 0px 0px;
z-index: 3;
}

#ul_nav li {
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 8px;
	/*float:left;*/
	position:relative;
	z-index: 3;

}
#ul_nav img {
	background:#3e3e3e;
	h:expression(onmouseover=new Function("this.style.background='#4a4a4a';"),
						onmouseout=new Function("this.style.background='#3e3e3e';"));
}
#ul_nav img:hover {
	background:#4a4a4a;
}

/* if it's IE as identified by browserSelect.js then set the classes as follows */

.ie7 #ul_nav li ul {
	text-align: left;
	display:none;
	position:absolute; 
	top: 28px;
	left:18px;
	margin:0px;
	padding:0px;
	background:#4f4f4f;
	z-index: 9;
} 


/* otherwise, everyone else is happy */
#ul_nav li ul {
	text-align: left;
	display:none;
	position:absolute; 
	top: 12px;
	left:18px;
	margin:0px;
	padding:0px;
	background:#4f4f4f;
	z-index: 9;
}

#ul_nav li:hover ul,
#ul_nav li.over ul { 
	display:block;
}
#ul_nav li ul {
	width:150px;
	background:#4f4f4f;
	border:#333 solid 2px;
}
#ul_nav li ul li {
	color:#ffffff;
	width: 150px;
	padding:0px;
	margin:0px;
}
#ul_nav li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:6px 6px 6px 6px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	
}
#ul_nav li ul li a:hover {
	color:#ffffff;
	background-color:#4a4a4a;
	text-decoration:none;
}