body {  padding:15px; font-size:85%; color:#000; font-family: arial, sans-serif; line-height:19px; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
a { color:#169bd6;  text-decoration:none; }
a img { border:0; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4 { margin:15px 0; padding:0; }
h1 { color:#169bd6; font-size:1.8em; }
h2 { color:#169bd6; font-size:1.6em; }
h3 {  color:#169bd6; font-size:1.4em; }
h4 {  font-size:1.0em; font-weight:normal; color:#169bd6; }
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { border:4px solid #EEEEEE; margin-right:10px; margin-bottom:10px; }
img.clsbordermiddle { border:4px solid #EEEEEE; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { border:4px solid #EEEEEE; margin-left:10px; margin-bottom:10px; }
.datatable th {  font-weight:bold;  border:1px solid white; padding:4px; }
.datatable td { border:1px solid white; padding:4px; }
.datatable p { padding:0; margin:0; }
.notes { font-size:0.8em; color:#888; }
.shout { font-size:1.2em; font-weight:bold; padding:4px; border:3px double #F5DEF9; color:#8E49A8; }
.shout2 { font-size:1.2em; color:#8E49A8; font-weight:bold; padding:5px; background:#F8EDFA; }
.submit { background:#ccc; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.quote { padding:4px;  background:#e5e9ea; border-bottom:2px solid #d7dadb; border-right:2px solid #d7dadb; border-top:2px solid #f0f4f5; border-left:2px solid #f0f4f5; color:#1497C9; display:block;}
.quote strong {color:#18AFDD}
.caption { font-weight:bold; background:#AF6AC9; float:right; width:160px; padding:10px 8px; margin:0 0 10px 10px; color:white; font-size:0.9em; border-right:3px solid #8E49A8; }
.custom1 {}
.custom2 {}
.border { border:4px solid #EEEEEE; }
.noborder { border:0; }
.clear { clear:both;  }

/*CONTENT*/

#container { margin:0 auto; width:960px; background:url(container_back.gif) top repeat-x; position:relative; }

#head { border-top: 4px solid #d7e0eb; height:140px; background:url(head_back.gif) left no-repeat; position:relative; }

#sitelogo { float:left; width:248px; position:absolute; top:5px; left:0;  }
#head_right { width:340px; float:right; position:absolute; top:20px; right:0; }
#head-top { margin: 10px 0 0 0; } 
#call {  float:right; position:relative; top:125px; right:0; }

#content { border-top: 4px solid #d7e0eb; background:url(content_back.gif) top left repeat-y; padding:0 10px 0 10px;  }

#pagebody { padding:0 10px; min-height: 490px; }

#left { width:276px; float:left;  min-height:431px; border-top: 10px solid #f3f4f4; }
#testimonials { margin:0 10px 30px 10px;  padding:10px 0 10px 0; height:123px; background:url(test_back.gif) left repeat-x; position:relative; z-index:500; }

.quotey {background:url(quote_top.gif) left top no-repeat; color:#fff; padding-bottom:10px}
.quotey p {display:block; clear:both; padding:0 0 5px 28px; font-weight:normal; font-size:15px; font-style:italic; margin:0 0 10px 0;}
.quotey p.author {padding:0 30px 2px 0; line-height:1; text-align:right; background:url(quote_bottom.gif) bottom right no-repeat; font-weight:bold; font-size:13px;}


#heading { background:url(heading.gif) no-repeat; height:20px; width:176px; margin:0 0 20px 0; }
#heading span { position:relative; left:-9999px; }

#right { float:right; width:661px;  border-top: 10px solid #f3f4f4; padding-bottom:10px; }
#top_pic { background:url(top_pic.gif) no-repeat; height:130px; margin:0 0 10px 0; }
#page2 #top_pic, #page8 #top_pic, #page14 #top_pic {background:url(banner2.jpg) no-repeat;}
#page3 #top_pic, #page9 #top_pic, #page15 #top_pic {background:url(banner3.jpg) no-repeat;}
#page4 #top_pic, #page10 #top_pic, #page16 #top_pic {background:url(banner4.jpg) no-repeat;}
#page5 #top_pic, #page11 #top_pic, #page17 #top_pic {background:url(banner5.jpg) no-repeat;}
#page6 #top_pic, #page12 #top_pic, #page18 #top_pic {background:url(banner6.jpg) no-repeat;}

#page1 #top_pic, #page12 #top_pic, #page2 #top_pic, #page13 #top_pic, #page6 #top_pic, #page10 #top_pic, #page16 #top_pic, #page11 #top_pic, #page15 #top_pic, #page3 #top_pic, #page9 #top_pic, #page21 #top_pic, #page22 #top_pic { display: none; }

#suppliers { height:66px; background:url(arrow.gif) right no-repeat #e4e6e7; width:940px; margin:0 auto;  }
#footer { height:56px; color:#6c6d6d; font-size:0.85em; padding:10px 10px 0 10px; line-height:25px; }
#footer a { color:#6c6d6d; }
.copyright { float:left; width:auto; }
.sitewizard { float:right; width:auto; text-align:right; }

/*NAVIGATION*/
#menu { margin: 0 0 10px 0;  position:relative; z-index:500; }
#nav, #nav ul { padding:0; margin:0; list-style:none; width:276px; text-align:left; }
#nav a { display:block; width:250px;  color:#FFF;  padding:4px 0 4px 26px; font-weight:normal; background:url(nav_arrow.gif) 10px 11px no-repeat; font-size: 12px; }
#nav a:hover { background:url(nav_active.gif) 10px 11px no-repeat #19b2d8;  color:#fff; text-decoration:none; }
#nav li { float:left; width:276px; }/*
#nav li ul { position:absolute; width:276px ; left:-999em; }
#nav li ul ul { margin:-37px 0 0 276px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left:auto; margin:-33px 0 0 276px; }
#nav li ul ul { margin:-1em 0 0 10em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; }*/
#nav .nav_child, #nav .nav_child2 {  border-bottom:0; }
#nav .nav_parent a {  }
#nav .nav_parent a:hover {  }
#nav .nav_child a { background:url(nav_arrow.gif) 10px 15px no-repeat #fff; color: #1ab0de }
#nav .nav_child a:hover  { /*background:url(nav_active.gif) 10px 11px no-repeat #19b2d8;*/ }
#nav .nav_parent2 a {  }
#nav .nav_parent2 a:hover {   }
#nav .nav_child2 a { background:url(nav_arrow.gif) 10px 15px no-repeat #1ebde4; }
#nav .nav_child2 a:hover  { background:url(nav_active.gif) 10px 15px no-repeat #19b2d8; }
#nav #active { /*background:url(nav_active.gif) 10px 15px no-repeat #19b2d8; color:#fff; cursor:default;*/ font-weight: bold; }

#bottom_left { width:276px; height:240px; background:url(left_bottom.gif) no-repeat; position:absolute; bottom:132px; margin-top:-240px; z-index:5; }

#calc { border:1px solid #ddd; padding:20px; width:490px;  }
#calc label { width: 130px; display: block; float: left; margin: 3px 0; font-weight: bold; }
#calc h2 { padding: 15px 0; }
#calc input { float: left; margin: 3px 0; border: 1px solid #888; padding: 2px; }
#calc img { cursor: pointer;  margin: 17px 0 0 148px; }
.clear { clear: both; height: 0; font-size: 0; }
#finalValue { margin:3px 0 3px 6px; float: left; }
#calc #result { background:#EEEEEE; margin:6px 0; padding:10px 5px; width:450px; }

#calcForm { border:1px solid #ddd; padding:20px; width:490px; display: none; }
#calcForm label { width: 130px; display: block; float: left; margin: 3px 0; font-weight: bold; }
#calcForm h2 { padding: 15px 0; }
#calcForm input { float: left; margin: 3px 0; border: 1px solid #888; padding: 2px; }
#calcForm img { cursor: pointer;  margin: 17px 0 0 148px; }
.clear { clear: both; height: 0; font-size: 0; }
#calcForm #result { background:#EEEEEE; margin:6px 0; padding:10px 5px; width:450px; height: 24px; }

.slideOut { display: none;  padding: 20px; background: #ddd; color: #222; }
.slideOut2 { display: none;  padding: 20px; background: #ddd; color: #222; }
.slideA, .slideB { cursor:pointer; display:block; padding:20px; font-weight:bold; }
.slideA:hover, .slideB:hover { background:#169bd6; color:#FFF; }
.slide, .slide2 { background:#ddd;  margin:0 7px 5px;
width:47%; float: left; }

#contactForm { border:1px solid #ddd; padding:20px; width:490px; }
#contactForm h2 { padding: 15px 0; }
#contactForm label { width: 160px; display: block; float: left; margin: 3px 0; font-weight: bold; }
#contactForm input { float: left; margin: 3px 0; border: 1px solid #888; padding: 2px; width: 315px; }
#contactForm img {   }
#contactForm #getMyQuote { margin: 17px 0 0 148px; border: 0; overflow: none; text-indent: -9999em; font-size: 0; line-height: 0; width: 156px; height: 54px; background: url(../images/getmyquote.jpg) no-repeat;  cursor: pointer;}

#contactForm label.error { color: red; border-bottom: 1px solid #ddd; padding: 0 0 10px; float: none; width: auto; clear: both; }
#contactForm input.error { border: 1px solid red; }

.uppercase { text-transform: uppercase; font-weight: bold;  }
#afterCalc { display: none; background: #1AB0DE; padding: 5px; color: #fff; margin: 10px 0; }
#afterCalc a { color: #fff; text-decoration: underline; }

#calcForm, #contactForm { background: #fff; }

#cycle img { display: none; }
#cycle, #no-cycle { margin: 0 -10px 10px -10px; }

.nav_child, .nav_child2 { overflow: hidden;  }

.footer-links a { text-decoration: underline;  }
.footer-links { padding: 0 0 0 10px; }

#header_left {width:280px; float:left; margin-top:10px;}
#header_right {width:680px; float:left; text-align:right; margin-top:10px;}

