/* -----GENERAL----- */
*{margin:0; padding:0;}
html, body{ color:#534741; margin:0; text-align:center; background-color:#d1dbbd; font-size:80%; font-family:Verdana, Arial, Helvetica, sans-serif; }  
#pagewidth{width:769px; text-align:left; margin-left:auto; margin-right:auto; background:url(images/main_bg_img.gif) repeat-y;} 
#wrapper{height:auto !important; height:600px; min-height:600px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 
.clr{clear:left}
a:link {color:#336699}
a:active {color:#336699}
a:visited {color:#336699}
a:hover {color:#ff9933}

h1{font-size:2.1em; color:#000; margin:20px 0 20px 15px;}
h2{font-size:1.6em; color:#000; margin:5px 0 10px 15px}
h3{font-size:1.4em; color:#000; margin:20px 0 10px 0px} 
h1.page_title{margin:10px 0 10px 0; display:inline}
h2.main_title{background-color:#cccccc; width:712px; padding:4px; margin:0 0 5px 15px; float:left; display:inline}

h2.large{font-size:2.1em; color:#000;}

ul.sub_nav{list-style:none; margin:10px 0 15px 15px; font-size:1.1em; width:708px; float:left;}
ul.sub_nav li{float:left; margin:0 5px 0 0; line-height:1.4em}

p{font-size:1.2em;  margin:5px 20px 12px 15px; line-height:1.5em}
.title_intro{float:left; width:720px;}

div.dotted_line{width:720px; height:2px; background-image:url(images/dot.gif); font-size:0; margin:0 0 1px 15px; float:left; display:inline}

strong{color:#000000}


/* ------------------HEADER-----------------------*/
#header{position:relative; width:100%;height:78px; background:url(images/header_img.gif) no-repeat;} 

ul#contact{list-style:none; float:right; text-align:right; margin:15px 20px 0 0; line-height:30px; color:#FFF; }
ul#contact li#phone{font-size:2.7em}
ul#contact li#email{font-size:1.2em}
ul#contact li#email a:link {color:#FFFFFF; text-decoration:none}
ul#contact li#email a:visited {color:#FFFFFF; text-decoration:none}
ul#contact li#email a:hover {color:#FFFFFF; text-decoration:underline}
ul#contact li#email a:active {color:#FFFFFF; text-decoration:none}

#logo{width:157px; height:55px; margin:10px 0 0 20px; float:left;}
#logo a{width:100%; height:55px; display:block; text-indent:-5000px;}

/* ------------------NAV-----------------------*/
#nav{width:760px; height:30px; margin-left:5px; list-style:none; float:left; background-image:url(images/nav_bg_img.gif); border-bottom:12px solid #181f25; display:inline}
#nav li{float:right; font-size:1.2em; margin-right:17px; line-height:30px}
#nav li a{color:#fff; text-decoration:none;}
#nav li a:hover {color:#FFFFFF; text-decoration:underline}



/* ------------------LEFT COLS-----------------------*/
#leftcol{background-color: #FFFFFF; float:left; display:inline; position: relative; width:759px; margin-left:5px}

/* ------------------TWO COLS-----------------------*/
#twocols{width:740px; float:right; position:relative; }


/* ------------------RIGHT COLS-----------------------*/

body#contact #rightcol{margin:60px 40px 0 0; width:380px; float:right; position:relative; }

 
/* ------------------MAIN COLS-----------------------*/
#maincol{ float: left; display:inline; position: relative; width:250px; }
body#contact #maincol{float:left; display:inline; position: relative; width:300px;}
body#contact #maincol h1{margin-left:0}

/* -----INDEX----- */
#index_banner{ background:url(images/index_banner_img.gif) no-repeat; height:123px; width:759px; float:left; margin-left:5px; display:inline}
ul.index_mod{float:left; width:200px; margin:20px 0 0 25px;  background-color:#f7f7f7; border:1px solid #c8c8c8; padding:0; font-size:1.2em; list-style-type:square;}
html>body ul.index_mod{margin-left:38px}
ul.index_mod li{margin-left:20px; line-height:1.5em;}
ul.index_mod li img{margin:0 0 10px 0}
ul.index_mod li.link{text-align:right; margin:10px 5px 5px 0;}
ul.index_mod li.no_bullet{list-style:none; margin-left:0px}

/* -----STORE----- */
body#store #wrapper #leftcol img{float:right; clear:right; border:1px solid #666; margin:0 0px 10px 0}
body#store #wrapper #leftcol .contact_holder{margin-left:15px}
#map{margin-left:15px}

 /* -----CONTACT----- */
form.mailing {width:500px;}
form.mailing p{ width:100%; padding:2px 0 2px 1px; margin:0;}
form.mailing p label{width:80px; float:left; display:inline; text-align:right; margin:0 5px 0 0;}
form.mailing input, form.mailing select, form.mailing textarea{font-family:'Verdana', Arial, Helvetica, sans-serif;}
form.mailing fieldset{ width:100%; border:none; margin:0; padding:0;}
form.mailing legend{display:none}
.button_submit{margin-left:85px; margin-top:5px; font-size:1.2em }
textarea{font-size:1.2em;}
ul#contact_details{font-size:1.2em; list-style:none; line-height:2em; padding:5px}
ul#address{font-size:1.2em; list-style:none; line-height:1.5em; padding:5px }

.contact_holder{background-color:#f7f7f7; border:1px solid #c8c8c8; width:270px; padding:5px; margin:5px 0 10px 0}

 /* -----INSTALLATION----- */
.install_img{border:2px solid #a7c520; margin:10px 10px 10px 15px}
.noindent{margin:0}
ul#fig li{float:left; margin:0; margin:10px 0 10px 15px; list-style:none;}

ul.install{ list-style:none; font-size:1.2em; width:720px; margin:10px auto}
ul.install li{margin-bottom:6px; padding-left:15px; background:url(images/bullet_black.gif) no-repeat left center}
ul.install li.top{background:url(images/bullet_black.gif) no-repeat left top}
ul.install-tick li{background:url(images/accept.gif) no-repeat left center; padding-left:20px;}
ul.install-tick li.top{background:url(images/accept.gif) no-repeat left top;}
img.install{margin-left:15px}

/* ------------------PDF-----------------------*/
ul.pdf_download{float:right;  border:1px solid #DBDBDB; padding:5px; list-style:none; margin:20px 25px 10px 10px}
ul.pdf_download li { margin:0 3px 0 0}
ul.pdf_download li img {margin:5px 0 0 0}

 /* -----PANEL DESIGNS----- */
ul.panel{ float:left; list-style:none; width:80px; text-align:center;}
ul.panel li.panel_des{text-align:center;}
ul.panel li img{border:1px solid #666666}
.panel_cont{float:left; width:708px; background-color:#f7f7f7; margin:0 0 25px 15px; border:1px solid #c8c8c8; padding:5px; display:inline }


/*------------FAQS-------------*/
ul#faq_q{margin:20px 0 30px 15px; list-style:none; font-size:1.2em; background-color:#f7f7f7; border:1px solid #c8c8c8; padding:5px; width:708px; float:left; display:inline}
ul#faq_q li{line-height:2em}
ul#faq_q li a{line-height:2em}

ul.faq_a li{margin-bottom:12px; list-style:none}
ul.faq_a li.q{font-weight:bold}
ul.faq_a{margin:10px 0 20px 15px; font-size:1.2em; width:708px;}

ul#faq_list{margin:10px 0 10px 15px; line-height:0.5em}

/* ------SITE MAP--------------*/
ul#sitemap{list-style:none; font-size:1.4em; line-height:1.5em; margin:20px 0 0 15px;}

/* ------------------FOOTER-----------------------*/
#footer{background-image:url(images/footer_bg_img.gif); background-repeat:no-repeat; height:41px; line-height:46px; color:#FFFFFF; text-align:center; clear:both; margin:20px 0 0 0;} 
#footer a{color:#fff; text-decoration:none;} 

/*------ERROR-----------------------------------*/
p.error{color:#FF0000}