BODY{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom:5px;
padding: 0px;
}
a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color: #1c6e42;
text-decoration: underline;
}
a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color: #1c6e42;
text-decoration: underline;
}
a:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color: #1c6e42;
text-decoration: underline;
}
a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color: #333333;
text-decoration: none;
}
.top-bg-repeat{
background-image:url(http://www.roofing-products.com/images/top-bg-repeat.gif);
background-repeat:repeat-x;
background-position:top left;
}
.nav-top{
background-image:url(http://www.roofing-products.com/images/nav-top.gif);
background-repeat: repeat-x;
background-position:top;
}
.footer-bg{
background-repeat:repeat-x;
background-image:url(http://www.roofing-products.com/images/fotter-bg.gif);
background-position: top;
}
.right-menu-ol{
background-image:url(http://www.roofing-products.com/images/right-menu-ol.gif);
background-repeat: repeat-x;
padding-top:10px;
padding-left:18px;
}
.bod-pad{
padding:5px;
color:#333333;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.txt1{
font-family: Tahoma;
font-size: 11px;
color: #4E8BC1;
}
.category{
background-image:url(http://www.roofing-products.com/images/cat-ol.png);
background-repeat:repeat-x;
background-position:left;
padding-top:6px;
padding-bottom:9px;
padding-left: 9px;
padding-right: 9px;
color: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
hr{
height:0px;
border-bottom: 1px dashed #7fbf9d;
border-top: 0px;
border-left: 0px;
border-right: 0px;
background-color:#FFFFFF;
padding:0px;
margin-top:5px;
margin-bottom:5px;
}
.text-field{
border: 1px dashed #528ec2;
padding:2px;
margin:0px;
vertical-align:middle;
text-align: left;
}
.green-top-navigation{
height: 29px;
width:232px;
font-weight: bold;
text-decoration: none;
border: 0px;
background-image:url(http://www.roofing-products.com/images/cat-ol.png);
background-repeat: repeat-x;
margin: 0px;
padding-left:5px;
border-top: 1px solid #FFFFFF;
}
.green-top-navigation ul{
list-style: none;
margin: 0px;
font-weight: bold;
text-decoration: none;
border: 0px;
padding: 0;
background-image:url(http://www.roofing-products.com/images/cat-ol.png);
background-repeat: repeat-x;
height: 28px;
}
.green-top-navigation ul li{
display: block;
float: left;
padding: 0px;
font-weight: bold;
text-decoration: none;
border: 0px;
font-weight: bold;
}
.green-top-navigation ul li a{
display: block;
float: left;
background-image:url(http://www.roofing-products.com/images/green-top-li.png);
background-repeat: repeat-x;
height: 21px;
font-weight: bold;
text-decoration: none;
border: 0px;
vertical-align:middle;
color: #ffffff;
text-decoration: none;
padding-top: 6px;
padding-right: 13px;
padding-bottom: 2px;
padding-left: 16px;
}
.green-top-navigation ul li a:visited{
display: block;
float: left;
font-weight: bold;
text-decoration: none;
border: 0px;
background-image:url(http://www.roofing-products.com/images/green-top-li.png);
background-repeat: repeat-x;
height: 20px;
vertical-align:middle;
color: #ffffff;
text-decoration: none;
padding-top: 6px;
padding-right: 13px;
padding-bottom: 2px;
padding-left: 16px;
}
.green-top-navigation ul li a:hover{
background-image:url(http://www.roofing-products.com/images/green-top-li-hover.png);
background-repeat: no-repeat;
color:#FFFFFF;
text-decoration: none;
font-weight: bold;
padding-top: 6px;
padding-right: 13px;
padding-bottom: 2px;
padding-left: 16px;
border: 0px;
}
#left-navigation{
width: 220px;
margin: 0px;
padding: 0px;
display: block;
overflow:hidden;
visibility: visible;
height: auto;
}
#left-navigation OL{
display: block;
width: 220px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
overflow:hidden;
text-align: left;
color: #FFFFFF;
background-image:url(http://www.roofing-products.com/images/cat-ol.png);
background-repeat:repeat-x;
background-position:left;
padding-top:6px;
padding-bottom:9px;
padding-left: 9px;
padding-right: 9px;
border-top:1px solid #fff;
}
#left-navigation OL A{
width: 220px;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
overflow:hidden;
font-weight:bold;
text-align: left;
background-color:#f2f6fa;
}
#left-navigation OL A:hover{
width: 220px;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #1c6e42;
padding-right: 0px;
padding-left: 20px;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
overflow:hidden;
font-weight:bold;
border-bottom: 1px dashed #7fbf9d;
text-align: left;
}
#left-navigation UL{
width: 220px;
margin: 0px;
padding: 0px;
display: block;
overflow:hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #1c6e42;
}	
#left-navigation LI{
width: 220px;
margin: 0px;
padding-left: 0em;
list-style-type: none;
overflow:hidden;
text-align: left;
border-bottom: 1px dashed #7fbf9d;
}	
#left-navigation LI A{
width: 220px;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #1c6e42;
padding-right: 0px;
padding-left: 25px;
padding-bottom: 5px;
padding-top: 5px;
background-image:url(http://www.roofing-products.com/images/nav-bullet.gif);
background-position:left center;
background-repeat:no-repeat;
text-decoration: underline;
overflow:hidden;
font-weight:normal;
text-align: left;
background-color:#ffffff;
}
#left-navigation LI A:hover{
width: 220px;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
background-image:url(http://www.roofing-products.com/images/nav-bullet-hover.gif);
background-position:left center;
background-repeat:no-repeat;
background-color:#efefef;
text-decoration: none;
padding-left: 25px;
display: block;
overflow:hidden;
text-align: left;
}
#helpful-links{
width:190px;
margin: 0px;
padding: 0px;
display: block;
overflow:hidden;
visibility: visible;
height: auto;
}
#helpful-links OL{
display: block;
width:190px;
margin: 0px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
overflow:hidden;
text-align: left;
color: #FFFFFF;
background-color:#5e8a1d;
border-bottom: 1px solid #FFFFFF;
}
#helpful-links OL A{
width:190px;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
overflow:hidden;
font-weight:bold;
text-align: left;
background-color:#f2f6fa;
}
#helpful-links OL A:hover{
width:190px;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
padding-right: 0px;
padding-left: 20px;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
overflow:hidden;
font-weight:bold;
border-bottom: 1px dashed #7fbf9d;
text-align: left;
}
#helpful-links UL{
width:190px;
margin: 0px;
padding: 0px;
display: block;
overflow:hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}	
#helpful-links LI{
width:190px;
margin: 0px;
padding-left: 0em;
list-style-type: none;
overflow:hidden;
text-align: left;
border-bottom: 1px dashed #7fbf9d;
}	
#helpful-links LI A{
width:190px;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
padding-right: 0px;
padding-left: 25px;
padding-bottom: 5px;
padding-top: 5px;
background-image:url(http://www.roofing-products.com/images/nav-bullet.gif);
background-position:left center;
background-repeat:no-repeat;
text-decoration: underline;
overflow:hidden;
font-weight:normal;
text-align: left;
background-color:#ffffff;
}
#helpful-links LI A:hover{
width:190px;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
background-image:url(http://www.roofing-products.com/images/nav-bullet-hover.gif);
background-position:left center;
background-repeat:no-repeat;
background-color:#e3ecf4;
text-decoration: none;
padding-left: 25px;
display: block;
overflow:hidden;
text-align: left;
}
.home-pics{
padding: 5px;
background-color:#ffffff;
border: 1px solid #7fbf9d;
}
.home-pics:hover{
padding: 5px;
background-color:#ffffff;
border: 1px solid #1c6e42;
}
.ad-border{
padding: 5px;
background-color:#ffffff;
border: 1px solid #7fbf9d;
}
.cats{
padding: 5px;
background-color:#ffffff;
border: 1px solid #7fbf9d;
}
.cats:hover{
padding: 5px;
background-color:#ffffff;
border: 1px solid #333333;
}
.forms{
padding:3px;
border: 1px solid #7fbf9d;
}
.forms:hover{
padding:3px;
border: 1px solid #333333;
}
fieldset{
border: 1px solid #7fbf9d;
padding:8px;
margin-bottom:0px;
}
legend{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #333333;
margin:0px;
}
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #ffffff;
margin:0px;
}
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #ffffff;
margin:0px;
}
.error{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color: #CC0000;
}
#sitemap{
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
padding: 0px;
display: block;
overflow:hidden;
visibility: visible;
}
#sitemap OL{
display: block;
width: 100%;
margin: 0px;
padding-left: 0em;
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 4px;
padding-top: 5px;
overflow:hidden;
text-align: left;
color: #333333;
background-color:#f6f6f6;
}
#sitemap UL{
width: 100%;
margin: 0px;
padding: 0px;
display: block;
overflow:hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #1c6e42;
}	
#sitemap LI{
width: 100%;
margin: 0px;
padding-left: 0em;
list-style-type: none;
overflow:hidden;
text-align: left;
font-weight: normal;
}	
#sitemap LI A{
width: 100%;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #1c6e42;
padding-right: 0px;
padding-left: 5px;
padding-bottom: 4px;
padding-top: 4px;
text-decoration: none;
overflow:hidden;
text-align: left;
background-color:#f6f6f6;
font-weight: normal;
}
#sitemap LI A:hover{
width: 100%;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
padding-right: 0px;
padding-left: 5px;
padding-bottom: 4px;
padding-top: 4px;
text-decoration: none;
overflow:hidden;
text-align: left;
background-color:#fff;
font-weight: normal;
}
.green-top-repeat{
background-image:url(http://www.roofing-products.com/images/cat-ol.png);
background-repeat: repeat-x;
border-top: 1px solid #FFFFFF;
padding-top: 6px;
padding-right: 13px;
padding-bottom: 2px;
padding-left: 16px;
}