@charset "utf-8";
/* CSS Document */

body
{
background-image:url(../images/bg.gif);
margin:0;
}

.wholediv
{ width:1197px; height:1415px; border:0px solid #990000; margin:0 auto}

.whiteback
{margin-top:32px; background-color:#FFFFFF; border:0px solid #0000FF; width:96.5%; height:100%; padding:20px;}

#header
{ width:100%; height:221px;  border:0px solid #0000CC; }

#header .bg
{ width:100%; height:167px; border:0px solid #990000; background-color:#1625e8}

#header .logo
{ width:300px; height:165px; background-image:url(../images/logo.gif); background-repeat: no-repeat; background-position:bottom; margin-left:10px; float:left}

#header .call
{background-image:url(../images/callno.gif); width:567px; height:155px; background-repeat:no-repeat; margin-right:10px; background-position:bottom; float:right}
#header .menu

{ width:100%; height:31px; background-color:#1b48ae; margin-top:10px}

#header .menutextdiv
{ float:right;  padding-right:5px; margin-top:5px; font-family:georgia}


.wholecontent
{ width:100%;height:1180px; border:0px solid #0000CC; margin-top:10px }
#leftcontent
{float:left; width:20%; height:86%; border:0px solid #996600;}

#leftcontent .bg
{background-color:#4173e4; width:100%; height:100%; padding-top:6px;}

#leftcontent .headbg
{background-image:url(../images/leftcont_head.gif); height:27px; width:94%; margin:0 auto; padding:2px; text-align:center}
#leftcontent .content
{ width:100%; height:100%;}

#leftcontent .headingtextdiv
{margin-top:10px; margin-left:15px;}

#leftcontent .row2
{background-color:#4173e4; width:100%; height:12%; margin-top:10px}

#leftcontent .row2content
{ padding:10px}


#rightcontent
{float:right; width:78%; height:60%;border:0px solid #996600}
#rightcontent .row1
{ height:198px; width:100%; border:0px solid #990000}
#rightcontent .rows
{ height:180px; width:100%; border:0px solid #CC0000; line-height:1.8}
#rightcontent .button1
{background-image:url(../images/button1.gif); background-repeat:no-repeat; width:290px; height:174px; float:left; margin:5px}
#rightcontent .button2
{background-image:url(../images/button2.gif); background-repeat:no-repeat; width:290px; height:174px; float:left; margin:5px}
#rightcontent .button3
{background-image:url(../images/button3.gif);background-repeat:no-repeat;  width:290px; height:174px; float:left; margin:5px}
#rightcontent .row2
{ height:345px; width:100%;}
#rightcontent .floatright
{float:right}
#rightcontent .pic
{background-image:url(../images/pic.gif); background-repeat:no-repeat; width:99%; height:338px; margin:0 auto}
#rightcontent .row3
{ height:335px; width:100%; border:0px solid #990000; margin-top:10px}
#rightcontent .serrow1
{ height:310px; width:100%; border:0px solid #990000; margin-top:10px}
#rightcontent .coupons1
{ height:860px; width:100%; border:0px solid #990000; margin-top:10px}
#rightcontent .contactrow
{ height:860px; width:100%; border:0px solid #990000; margin-top:10px}
#rightcontent .contactcallimg
{background-image:url(../images/callnow.gif); width:252px; height:173px; background-repeat:no-repeat; float:right; margin-right:25px; margin-top:25px; margin-bottom:25px}
#rightcontent .productsrow
{ height:860px; width:100%; border:0px solid #990000; margin-top:10px}
#rightcontent .logos
{ height:198px; width:100%; border:0px solid #990000; margin-top:45px}
#rightcontent .contactrightdiv
{ width:63%; height:700px; border:0px solid #990000; float:right;line-height:1.5; border:0px solid #990000}
#rightcontent .twitterlogo
{background-image:url(../images/twitterlogo.gif); width:164px; height:48px; float:right;  margin-top:15px; margin-right:15px; background-repeat:no-repeat}
#rightcontent .facebooklogo
{background-image:url(../images/facebook.gif); width:164px; height:48px; float:right; margin-top:15px; }
#rightcontent .contactrow3leftdiv
{ width:35%; height:280px; border:0px solid #990000; float:left;line-height:1.5}
#rightcontent .row3contentleftdiv
{ width:65%; height:280px; border:0px solid #990000; float:left;line-height:1.5}
#rightcontent .row3contentrightdiv
{ width:30%; height:280px; border:0px solid #990000; float:right; }
#rightcontent .rightaligndiv
{float:right;}
#rightcontent .rightaligndivwidth
{float:left; width:350px; margin-left:35px}
#rightcontent .leftaligndiv
{float:left;}
#rightcontent .row3submitbutdiv
{float:right; margin-top:15px; margin-right:20px}
#rightcontent .row4
{ height:150px; width:100%; border:0px solid #990000; margin-top:0px;}
<!--------widthfile----------->

.w95per
{width:85%; border:1px solid #990000}
.w85per1
{width:85%; border:0px solid #990000}
.w95per
{width:95%; border:0px solid #990000}
.w65per
{width:65%; border:0px solid #990000}
.flol
{ float:left}
.marginl65
{ margin-left:65px;}
.marb15
{margin-bottom:15px;}
.mart15
{ margin-top:50px}
.marl10
{ margin-left:10px}

#box
{width:100%; height:208px; }
#box .bg
{width:100%; height:198px; background-color:#0e8efb; }
#box .tl
{background-image:url(../images/box/bluebox/tl.gif); width:7px; height:6px; float:left}
#box .tr
{background-image:url(../images/box/bluebox/tr.gif); width:7px; height:6px; float:right}
#box .bl
{background-image:url(../images/box/bluebox/bl.gif); width:7px; height:6px; float:left}
#box .bm
{width:100%; height:6px; background-color:#0e8efb; }
#box .br
{background-image:url(../images/box/bluebox/br.gif); width:7px; height:6px; float:right}
#box .content
{ height:100%; width:95%; margin:0 auto; padding:15px}
#logo_bbb
{ background-image:url(../images/logo_bbb.gif); background-repeat:no-repeat; width:73px; height:118px; margin-top:25px; float:left}
#a
{ background-image:url(../images/a.gif); background-repeat:no-repeat; width:200px; height:113px; margin-top:25px; float:left}
#box .textdiv
{float:left; width:60%; margin-left:25px}
#box .brtextdiv
{float:left; margin-left:85px}
.logodiv
{  width:520px;  margin:15px}
.logo1
{background-image:url(../images/certainteed.gif); width:125px; height:35px; float:left; margin:10px; margin-bottom:35px}

.logo2
{background-image:url(../images/abc.gif); width:85px; height:41px; float:left; margin:10px; margin-bottom:35px }

.logo3
{background-image:url(../images/gaf.gif); width:68px; height:42px; float:left; margin:10px; margin-bottom:35px }

.logo4
{background-image:url(../images/owens.gif); width:159px; height:40px;float:left; margin:10px}

.logo5
{background-image:url(../images/metacrylics.gif); width:176px; height:35px; float:left; margin:10px}

.logo6
{background-image:url(../images/mule.gif); width:60px; height:59px; margin:10px; float:left}

.logo7
{background-image:url(../images/eagle.gif); width:96px; height:49px; margin:10px; float:left}
#footer
{text-align:center}
<!----------------------------------------------------------(text content) ----------------------------------------------------------------->


.menutext
{font-family:Georgia; font-size:9px; font-style:italic}

.whitesmallfont li
{font-family:Georgia; font-size:15px; font-style:italic; color:#FFFFFF; text-decoration:none; list-style:none; margin-left:25px  }
.default li
{list-style:none; font-family:Georgia; font-size:12px; color:#260ad2}
.blue li
{font-family:Georgia; font-size:12; list-style-image:url(../images/ico.gif); font-style:italic; color:#1b48ae; text-decoration:none; margin-left:25px  }

.bullet li
{font-family:Georgia; font-size:12; list-style-image:url(../images/bullet.gif); font-style:italic; color:#260ad2; text-decoration:none; margin-left:25px; line-height:1.2 }

.whitenormaltext
{font-family:Georgia; font-size:14px;  color:#FFFFFF; text-decoration:none; list-style:none; }
a.menutext1
{ background: transparent url('../images/menu_bg.gif')  top left; font-family:Georgia; font-size:9; font-style:italic; color:#FFFFFF; text-decoration:none; font-weight:bold; border:0px solid #000000; height:31px  }
a.menutext1:hover
{  font-family:Georgia;  height:31px; font-size:9; font-style:italic; color:#2bfe01; text-decoration:underline; font-weight:bold }


.darkbluetext
{font-family:Georgia; font-size:17px; color:#060b5b; font-style:italic; text-align:justify}
.redtext
{font-family:Georgia; font-size:17px; color:#fa0107; font-style:italic; list-style:none}
.headingtextsmall
{font-family:Georgia; font-size:17px; font-style:italic; color:#FFFFFF; font-weight:bold; text-decoration:underline}

.greenfont
{font-family:georgia; font-size:20px; font-style:italic; color:#5bf35f}

.bluefont
{font-family:georgia; font-size:20px; font-style:italic; color:#054276}

.normalheading
{font-family:georgia; font-size:20px;color:#1b48ae}

.defblue
{color:#1b48ae; font-family:georgia; font-size:17px; font-style:italic}

.coupons
{ width:465px; height:199px; background-repeat:no-repeat; margin:55px}

.greenboldtext
{color:#15800a; font-family:georgia; font-size:18px; font-weight:bold;}

.largefont
{font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:28.37pt; color:#FFFFFF}
.headingtext
{font-family:Georgia; font-size:20px; font-style:italic; color:#FFFFFF; font-weight:bold;}

.footertext
{font-family:Georgia; font-size:14px; font-style:italic; color:#0e8efb; font-weight:bold; text-decoration:none}
.browncolor
{ font-family:georgia; font-size:18pt; color:#a40725; font-style:italic}

.brownfo14pt
{ font-family:georgia; font-size:14pt; color:#a40725; font-style:italic; line-height:2.5; list-style:none; }
.brownfo12pt
{ font-family:georgia; font-size:12pt; color:#a40725; font-style:italic; line-height:0.5; list-style:none;}


.form
{font-family:Arial, Helvetica, sans-serif; font-size:12px;  }



.smallfonts
{font-family:Georgia; font-size:11px;}


.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.mar_top45
{
margin-top:45px
}