@charset "UTF-8";
/* CSS Document */
body{ background-image:url(/images/backgrounds/background_1px.jpg); background-repeat:repeat-x; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; background-color:#86BD5F}
#mainbodyContainer{background-color:#FFF; float:left; width:100%; background-image:url(/images/underline.gif); background-repeat:repeat-x; background-position:0px 0px}
html {overflow-y: scroll;}/*Fix for firefox scrolbar jump issue - permanently display scrollbar*/
#index_div{margin:0px; background-image:url(/images/backgrounds/background_1px.jpg); background-repeat:repeat-x;}
.smallText{font-size:75%}

.container{width:1004px; text-align:center; margin-top:0px; margin-left:auto; margin-right:auto; position:relative  }
p{font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#666666}
#header{height:126px; width:1004px; }
#header_fill{float:left; width:155px; height:126px}
#header_contact{float:left; height:69px; width:488px}
#header_base{float:left}
#chamberlain_logo{width:360px; height:123px;  display:block; float:left }

/*BREADCRUMBS*/
.parent{ font-family:Verdana; font-size:11px; color:#666666}
.child, .childPointer{font-family:Verdana; font-size:11px; color:#666666; color:#0C5918; text-decoration:none}

.child:hover{text-decoration:underline}
.g_child{font-family:Verdana; font-size:11px; color:#666666; color:#999999}

/*NAVIGAGTION*/
#parent_ul{list-style:none; padding:0px; margin-top:0px; margin-bottom:0px; white-space:nowrap; text-align:center; margin-left:auto; margin-right:auto; height:47px; }
#parent_ul li{display:inline; }

.child_ul{display:none; margin-left:auto; margin-right:auto; background-image:url(/images/empty_hover.gif); background-repeat:repeat-x; height:30px; width:100%; list-style:none;  position:absolute; left:-40px; top:173px; z-index:200;}
#nav ul li:hover ul{display:block; z-index:500}
/*NEEDED FOR WHEN TOO FEW ITEMS ARE IN THE SUB NAVIGATION MENU*/
.anchor_spacer{height:30px; display:inline-block;}


.hide_me{display:none}

#home{ background-image:url(/images/buttons/home_button.gif); width:74px; height:47px; display:inline-block; }
#index_body #home{background-image:url(/images/buttons/home_hover.gif)}

#about{ background-image:url(/images/buttons/about_button.gif); width:104px; height:47px; display:inline-block}
#about_body #about{background-image:url(/images/buttons/about_hover.gif)}

#buyers{ background-image:url(/images/buttons/buyers_button.gif); width:154px; height:47px; display:inline-block}
#guide_body #buyers{background-image:url(/images/buttons/buyers_hover.gif)}

#range{ background-image:url(/images/buttons/range_button.gif); width:192px; height:47px; display:inline-block}
#range_body #range{background-image:url(/images/buttons/range_hover.gif)}

#security{ background-image:url(/images/buttons/security_button.gif); width:186px; height:47px; display:inline-block}
#security_body #security{background-image:url(/images/buttons/security_hover.gif)}

#gates{ background-image:url(/images/buttons/gates_button.gif); width:75px; height:47px; display:inline-block}
#gates_body #gates{background-image:url(/images/buttons/gates_hover.gif)}


#gallery{ background-image:url(/images/buttons/gallery_button.gif); width:84px; height:47px; display:inline-block}
#gallery_body #gallery{background-image:url(/images/buttons/gallery_hover.gif)}

#contact{ background-image:url(/images/buttons/contact_button.gif); width:126px; height:47px; display:inline-block}
#contact_body #contact{background-image:url(/images/buttons/contact_hover.gif)}
/*MAIN NAVIGAGTION HOVER STATES*/



/*MAIN NAVIGAGTION SPECIFICS HOVER STATES*/
#home:hover{background-image:url(/images/buttons/home_hover.gif)}
#about:hover{background-image:url(/images/buttons/about_hover.gif)}
#buyers:hover{background-image:url(/images/buttons/buyers_hover.gif)}
#range:hover{background-image:url(/images/buttons/range_hover.gif)}
#security:hover{background-image:url(/images/buttons/security_hover.gif)}
#gates:hover{background-image:url(/images/buttons/gates_hover.gif)}
#gallery:hover{background-image:url(/images/buttons/gallery_hover.gif)}
#contact:hover{background-image:url(/images/buttons/contact_hover.gif)}

/*MAIN NAVIGAGTION SPECIFICS HOVER STATES*/
#nav  li:hover #home{background-image:url(/images/buttons/home_hover.gif)}
#nav  li:hover #range{background-image:url(/images/buttons/range_hover.gif)}
#nav  li:hover #security{background-image:url(/images/buttons/security_hover.gif)}
#nav  li:hover #about{background-image:url(/images/buttons/about_hover.gif)}
#nav  li:hover #buyers{background-image:url(/images/buttons/buyers_hover.gif)}
#nav  li:hover #gallery{background-image:url(/images/buttons/gallery_hover.gif)}
#nav  li:hover #contact{background-image:url(/images/buttons/contact_hover.gif)}


/*SUB NAVIGAGTION*/

.child_ul li a{height:30px;  display:inline-block}



/*SUB NAVIGAGTION HOVER SPECIFICS*/
.overview{background-image:url(/images/buttons/overview_button.gif); width:83px}
.overview:hover{ background-image:url(/images/buttons/overview_hover.gif)}

#up_over{background-image:url(/images/buttons/up_over_button.gif); width:182px}
#up_over:hover{ background-image:url(/images/buttons/up_over_hover.gif)}

#side_hinged{background-image:url(/images/buttons/side_hinged_button.gif); width:195px}
#side_hinged:hover{ background-image:url(/images/buttons/side_hinged_hover.gif)}

#roller_garage{background-image:url(/images/buttons/roller_garage_button.gif); width:170px}
#roller_garage:hover{ background-image:url(/images/buttons/roller_garage_hover.gif)}

#sectional_garage{background-image:url(/images/buttons/sectional_garage_button.gif); width:189px}
#sectional_garage:hover{ background-image:url(/images/buttons/sectional_garage_hover.gif)}

#feedback{ background-image:url(/images/buttons/feedback_button.gif); width:149px}
#feedback:hover{ background-image:url(/images/buttons/feedback_hover.gif); width:149px}


#browseStyles{ background-image:url(/images/buttons/browseStyleButton.gif); width:130px}
#browseStyles:hover{ background-image:url(/images/buttons/browseStyleHover.gif); width:130px}


#browseMaterials{ background-image:url(/images/buttons/browseMaterialButton.gif); width:156px}
#browseMaterials:hover{ background-image:url(/images/buttons/browseMaterialHover.gif); width:156px}

#browseGeartypes{ background-image:url(/images/buttons/browseGeartypeButton.gif); width:165px}
#browseGeartypes:hover{ background-image:url(/images/buttons/browseGeartypeHover.gif); width:165px}

#browseBespoke{ background-image:url(/images/buttons/browseBespokeButton.gif); width:185px}
#browseBespoke:hover{ background-image:url(/images/buttons/browseBespokeHover.gif); width:185px}

#browseAutomation{ background-image:url(/images/buttons/automationOptionsButton.gif); width:165px}
#browseAutomation:hover{ background-image:url(/images/buttons/automationOptionsHover.gif); width:165px}

#news{ background-image:url(/images/buttons/newsButton.gif); width:57px}
#news:hover{ background-image:url(/images/buttons/newsHover.gif); width:57px}

#newsletter{ background-image:url(/images/buttons/newsletterButton.gif); width:215px}
#newsletter:hover{ background-image:url(/images/buttons/newsletterHover.gif); width:215px}

#choose{ background-image:url(/images/buttons/chooseButton.gif); width:195px}
#choose:hover{ background-image:url(/images/buttons/chooseHover.gif); width:195px}

/*MAIN BODY*/
#main_body{width:1004px; margin-top:48px; margin-left:11px; text-align:left; float:left}
.hide_me{ display:none}
#no_text{ background-image:url(/images/welcome.gif); width:631px; height:24px; float:left; margin-top:0px; margin-bottom:0px; margin-left:9px; padding:0px}
.main_text{float:left; margin-top:12px;}

#brochure{ background-image:url(/images/ctas/cta1.jpg); width:336px ; height:157px; display:block; float:left}
#survey{ background-image:url(/images/ctas/cta2.jpg); width:306px ; height:164px; display:block; float:left}
.img_hover:hover{opacity:0.5; filter:alpha(opacity=50)}

.main_text img{float:left}
.main_text a img{margin-bottom:4px}
#img_spacer{width:29px; float:left; height:200px}

/*SUB BODY*/
#sub_body{ margin-left:0px; text-align:left; padding-left:18px; padding-bottom:0px; float:left}
#sub_left{width:367px; float:left; background-image:url(/images/sub_body_line.gif); background-repeat:no-repeat; background-position:right; padding-right:30px;}
#heading1{ background-image:url(/images/something_automated.gif); background-repeat:no-repeat; width:296px; height:21px}
#sub_left1{width:352px; height:131px; background-image:url(/images/ctas/automation_options.jpg); display:block}
#sub_left1:hover{opacity:0.5; filter:alpha(opacity=50)}

#sub_right{width:538px; padding-left:38px; float:left}
#sub_right ul{list-style:none; margin:0px; padding:0px}
#sub_right ul li{float:left; margin-right:19px; margin-left:0px}
#heading2{ background-image:url(/images/suitable_for_every.gif); background-repeat:no-repeat; width:341px; height:21px}
.sub_right_links{width:114px; height:100px; display:block; margin-bottom:20px}
.sub_right_links:hover{opacity:0.5; filter:alpha(opacity=50)}
#sub_right #viewRange{float:left; margin:0 15px 0 0; padding:0px; width:190px}
#sub_right .newsletter{float:left; margin-right:0px; padding:0px; width:312px}


#sub_right #viewRange:hover{opacity:0.5; filter:alpha(opacity=50)}
#sub_right .newsletter:hover{opacity:0.5; filter:alpha(opacity=50)}
#contact_details{margin-top:33px; float:left; padding-bottom:10px}
#contact_details img{float:left; padding-top:1px}

#index_body #contact_details a {background-image:url(/images/email_address.gif); width:322px; height:23px; display:block; float:left; margin-left:4px; margin-right:4px}
#index_body #contact_details a:hover {background-image:url(/images/email_address_hover.gif)}
#contact_details2{height;18px}


#contact_details2 .anchor {background-image:url(/images/email_address_small.gif); width:242px; height:18px; display:block; float:left; margin-left:4px; margin-right:4px; margin-top:10px}
#contact_details2 .anchor:hover {background-image:url(/images/email_address_small_hover.gif)}
#contact_details .anchor {background-image:url(/images/email_address_small.gif); width:278px; height:18px; display:block; float:left; margin-left:4px; margin-right:4px; margin-top:0px}
#contact_details .anchor:hover {background-image:url(/images/email_address_small_hover.gif)}

#right .anchor .hide_me{display:block; color:#900; text-decoration:none}
#right .anchor .hide_me:hover{text-decoration:underline}
/*FOOTER*/
#footer_menu p, #footer_menu2 p{ font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; margin-top:0px; margin-bottom:0px; width:100%; float:left; line-height:19px}
#footer{ height:123px; background-image:url(/images/footer_bg1.gif); background-repeat:repeat-x; width:100%; float:left; clear:both; }
#footer_menu{background-image:url(/images/footer_menu_bg.gif); background-repeat:x; height:123px; width:984px;padding-left:20px;  margin-left:auto; margin-right:auto;}
#footer_menu ul{list-style:none; margin:0px; padding:0px }
#footer_menu ul li{float:left; margin-right:9px; margin-top:14px; margin-left:0px; margin-bottom:3px}
#footer_menu ul li a{font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#FFFFCC; text-decoration:none; letter-spacing:0.5px}
#footer_menu ul li a:hover{text-decoration:underline}

#footer_conatiner{ width:1004px; margin-left:auto; margin-right:auto; }

#footer2{ height:171px; background-image:url(/images/footer_bg.gif); background-repeat:repeat-x; width:100%; margin-top:20px; float:left}
#footer2 img{margin-top:10px; float:left}
#footer2 #phone_number{padding-left:20px}
#footer_menu2{background-image:url(/images/footer_menu_bg.gif); background-repeat:x; height:123px; width:765px; padding-left:20px; float:left; margin-top:14px}
#footer_menu2 ul{list-style:none; margin:0px; padding:0px }
#footer_menu2 ul li{float:left; margin-right:9px; margin-top:14px; margin-left:0px; margin-bottom:3px}
#footer_menu2 ul li a{font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#FFFFCC; text-decoration:none; letter-spacing:0.5px}
#footer_menu2 ul li a:hover{text-decoration:underline}
#buyersguide{background-image:url(/images/brochure_bg.gif); background-repeat:repeat-x; width:213px ; height:150px; display:block; float:left; margin-top:-28px}
#buyersguide a{width:199px; height:150px; background-image:url(/images/ctas/buyers_guide.jpg); display:block; float:left;  }
#buyersguide a:hover{background-image:url(/images/buyers_guide_hover.jpg)}

/*ABOUT PAGE*/
#about_body #buyers_guide{position:relative; bottom:12px; width:198px; height:150px; margin-left:5px}
#about_body #main_body{ text-align:left}
#about_body #email_small{background-image:url(/images/email_address_small.gif); width:278px; height:18px; display:block; float:left; }
#about_body #main_body .main_text{ width:615px;float:left; margin-right:40px}
#about_body #need_help{ background-image:url(/images/ctas/need_help.jpg); width:306px; height:110px; display:block; float:left; margin-bottom:10px; margin-top:12px}

#about_body #contact_details{margin-top:33px; float:left; padding-bottom:0px; padding-left:15px; height:34px}
#about_body #main_body h3{background-image:url(/images/about_chamberlain.gif); width:189px; height:18px; margin-bottom:0px}
#about_body #main_body .no_text{background-image:url(/images/about_chamberlain_headline.gif); width:615px; height:35px; float:none; clear:both; margin-top:0px}

#about_body .about_ul, #feedback_body .about_ul, #newsletter_body .about_ul, #why_body .about_ul, #news_body .about_ul,{display:block; z-index:100;}
 
.grey_border{float:right; border:solid; border-width:6px; border-color:#CCC; margin-left:10px;}

#agds img{margin:3px 10px 0 0}

#agds p{margin:0; padding:0; font-size:11px}
#table-right img{ margin:0 0 10px 0}

/*CUSTOMER FEEDBACK PAGE*/

#feedback_body #main_body h3{background-image:url(/images/customer_feedback.gif); width:198px; height:18px; margin-bottom:0px}
#feedback_body #buyers_guide{position:relative; bottom:12px; width:198px; height:150px; margin-left:5px}
#feedback_body #main_body{ text-align:left}
#feedback_body #email_small{background-image:url(/images/email_address_small.gif); width:278px; height:18px; display:block; float:left; }
#feedback_body #main_body .main_text{ width:615px;float:left; margin-right:40px}
#feedback_body #need_help{ background-image:url(/images/ctas/need_help.jpg); width:306px; height:110px; display:block; float:left; margin-bottom:10px; margin-top:12px}

.comments{ border: 1px solid #6AB240; padding:5px 5px 5px 10px; margin-bottom:10px }
.comments p{padding:0px; margin:0 0 5px 0}
.comments strong{color:#6AB240}
#feedback_body #main_body .no_text{background-image:url(/images/security_headline.gif); width:615px; height:35px; float:none; clear:both; margin-top:0px}


/*NEWS PAGE*/
#news_body #main_body h3{background-image:url(/images/newsHeading.gif); width:74px; height:18px; margin-bottom:0px}
#news_body #buyers_guide{position:relative; bottom:12px; width:198px; height:150px; margin-left:5px}
#news_body #main_body{ text-align:left}
#news_body #email_small{background-image:url(/images/email_address_small.gif); width:278px; height:18px; display:block; float:left; }
#news_body #main_body .main_text{ width:615px;float:left; margin-right:40px}
#news_body #need_help{ background-image:url(/images/ctas/need_help.jpg); width:306px; height:110px; display:block; float:left; margin-bottom:10px; margin-top:12px}
.newsTable{margin-bottom:35px; font-family:Verdana, Geneva, sans-serif}
.newsImage img{border: solid 1px #666666; margin-left:auto; margin-right:auto; float:none}
.newsImage{border: solid 1px #666666;}
.newsText p{font-size:12px}
.newsBottom{ border-bottom: solid 1px #B0D19C}
.newsText a{ color:#0D5A18; font-size:12px; margin-right:15px}
.newsText a:hover{text-decoration:none}
h4{padding:0; margin:0; color:#0C5918; font-size:13px; }




/*WHY CHAMBERLAIN PAGE*/
#why_body #main_body .main_text{ width:615px;float:left; margin-right:40px}
#why_body #main_body h3{background-image:url(/images/headings/whyHead.gif); width:324px; height:23px; margin-bottom:0px}
#why_body #need_help{ background-image:url(/images/ctas/need_help.jpg); width:306px; height:110px; display:block; float:left; margin-bottom:10px; margin-top:12px}
#why_body #main_body .no_text{background-image:url(/images/why.gif); width:616px; height:53px; float:none; clear:both; margin-top:0px}
.why{color:#666666; font-family:Verdana,Geneva,sans-serif; font-size:13px; list-style:none; list-style-position: outside; padding:0px}
.why li{ padding-top:10px; background:url(/images/tick.gif) 12px 10px no-repeat; padding-left:40px; min-height:20px; margin:10px 0 0 0 }

/*NEWSLETTER PAGE*/
#newsletter_body #main_body h3{background-image:url(/images/headings/newsletterHeading.gif); width:289px; height:23px; margin-bottom:0px}
#newsletter_body #need_help{ background-image:url(/images/ctas/need_help.jpg); width:306px; height:110px; display:block; float:left; margin-bottom:10px; margin-top:12px}

/*BUYERS GUIDE PAGE*/
#guide_body #main_body h3{ background-image:url(/images/buying_a_garage_door.gif); width:417px; height:23px; margin-bottom:0px}
#guide_body #need_help {background-image:url(/images/ctas/need_help.jpg); display:block; float:left; height:110px; margin-bottom:10px; margin-top:12px; width:306px;}
#guide_body .main_text{float:left; margin-right:40px; width:615px}
.guide_table{border:solid; border-width:3px; border-color:#D5D5D5;}
.guide_table img{ padding-left:19px; padding-top:12px; padding-bottom:10px; float:left}
.guide_table p{float:left; padding-left:19px; width:100%; margin-top:0px; padding-bottom:0px}
#guide_body .buyers_ul{display:block; z-index:100;}
.steps{color:#62a53b;}
.guideThumbs .steps{font-size:11px; text-decoration:none}
.tableHead{color:#0d5a18; margin:0 0 2px 0}
.guideThumbs{width:145px; float:left; margin-right:5px}
#guide_body .main_text a{ color:#0d5a18}
#guide_body .main_text a:hover{text-decoration:none}
.guideThumbs a:hover p{text-decoration:underline}

/*RANGE PAGE*/
#range_body h4{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#866B58; font-weight:normal; padding-bottom:2px}
#range_body #main_body h3{ background-image:url(/images/garage_door_range.gif); width:192px; height:23px; margin-bottom:0px;}
#range_body #range_table a{background-image:url(/images/ctas/need_help.jpg); background-repeat:no-repeat; width:306px; height:110px; display:block}
#range_body .child_ul{z-index:200;}
#range_body .range_ul, #automation_body .range_ul{display:block; z-index:100;}
#range_body #sub_body{padding-left:4px}


#range_body #range_table{margin:10px}
.img_holder{ background-image:url(/images/backgrounds/grey_gradient.jpg); background-repeat:repeat-x; height:376px; width:228px; border:solid; border-width:3px; border-color:#D6D6D6; float:left; margin-bottom:0px}
.img_holder h4{font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#666666; margin-left:16px}
.img_holder ul{ list-style:square}
.img_holder li{font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#666666}
.img_holder a{ background-image:url(/images/buttons/view_range_button.gif); width:104px; height:23px; display:block; margin-left:14px}
.img_holder a:hover{background-image:url(/images/buttons/view_range_button_hover.gif)}
.margin_right{margin-right:16px}

/*SECURITY PRODUCTS PAGE*/
#security_body #main_body h3{ background-image:url(/images/security_products.gif); width:171px; height:23px; margin-bottom:0px;}
#security_body #email_small{background-image:url(/images/email_address_small.gif); width:278px; height:18px; display:block; float:left; }
#security_body #main_body .main_text{ width:615px;float:left; margin-right:40px}
#security_body #need_help{ background-image:url(/images/ctas/need_help.jpg); width:306px; height:110px; display:block; float:left; margin-bottom:10px; margin-top:12px}

#security_body #securityRange{  width:323px; height:494px; display:block; float:left; margin-bottom:10px; margin-top:12px}
#security_body #contact_details{margin-top:33px; float:left; padding-bottom:0px; padding-left:15px; height:34px}
#security_body #main_body .no_text{background-image:url(/images/security_headline.gif); width:615px; height:17px; float:none; clear:both; margin-top:0px}
#security_body .security_ul{display:block; z-index:100;}
/*CONTACT US PAGE*/

#contact_body h2{font-family:Verdana, Geneva, sans-serif; font-size:21px; color:#666666;}
#contact_body h4{font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#666666;}
#contact_body .contact_ul{display:block; z-index:100;}

h6{font-family:Verdana, Geneva, sans-serif; font-size:14px;color:#666666; margin-bottom:0px}
#contact_body #main_body{ float:left;}
#contact_body #main_body h3{ background-image:url(/images/contact_us.gif); width:111px; height:18px; margin-bottom:0px; margin-top:20px}
#contact_body label, #newsletter_body label{font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:13px; font-weight:bold}
#contact_body td, #newsletter_body td{padding-bottom:10px}
#contact_body th, #newsletter_body th {font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:12px; font-weight:normal}
form table td table th, form table td table td {padding:0 5px 0 0;}
#contact_body #left{ float:left;width:720px}
#contact_body #right{width:260px; height:406px;  float:left; padding-left:20px;  background-image:url(/images/contact_panel.jpg); background-repeat:no-repeat}
#email {color:#F00}

/*GALLERY PAGE*/
#gallery_body #sub_body{padding-left:4px}

#gallery_body #range_table a{background-image:url(/images/ctas/need_help.jpg); background-repeat:no-repeat; width:306px; height:110px; display:block; margin-right:10px; margin-top:10px}
#gallery_body #main_body h3{ background-image:url(/images/gallery.gif); width:69px; height:23px; margin-bottom:0px;}
#gallery_body .gallery_ul{display:block; z-index:100;}

.gallery_table{margin-top:20px}
.gallery_table ul{list-style:none; padding:0px; margin-bottom:20px; margin-left:0px}
.gallery_table li {margin-left:11px; margin-bottom:11px; float:left; }
.gallery_table li a{ padding:0px; float:left; width:175px; height:125px; display:block; border: 2px solid #51962D; }
.gallery_table li a:hover{border: 2px solid #FF0000; }
.gallery_table li img:hover{opacity:0.65; filter:alpha(opacity=65) }
.gallery_table{border:solid; border-width:3px; border-color:#D5D5D5;}
.gallery_table img{ padding-left:12px; padding-top:12px; padding-bottom:10px; float:left; border:none}
form table td, form table th {text-align:left;}
form table td table th {font-weight:normal; padding-right:20px;}

input.text, textarea.text, select.text{border:1px solid #D4D4D4; color:#333333; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; line-height:18px; padding:3px 5px;}



/*AUTOMATION PAGE*/
#automation_body #sub_body{padding-left:4px}
#automation_body #main_body h3{ background-image:url(/images/automation_option.gif); width:249px; height:23px; margin-bottom:0px;}
#automation_body #range_table a{background-image:url(/images/ctas/need_help.jpg); background-repeat:no-repeat; width:306px; height:110px; display:block; margin-right:10px; margin-top:10px}
#automation_body #main_body .no_text{background-image:url(/images/automation_headline.gif); width:632px; height:35px;  margin-top:10px; background-repeat:no-repeat}


/*RANGE PAGES */


#rangeChoices{list-style:none; margin:0px; padding:0px}
#rangeChoices li{float:left; margin:0px; padding:0px}

#rangeChoices li a:hover{background-position:0px -33px}
#rangeChoices li a:active{background-position:0px 33px}


#rangeStyle a{background-image:url(/images/buttons/browseStyle.gif); width:158px; height:33px; display:block; margin-right:10px}
#rangeOperator a{background-image:url(/images/buttons/browseOperator.gif); width:201px; height:33px; display:block; margin-right:10px}
#rangeMaterial a{background-image:url(/images/buttons/browseMaterial.gif); width:191px; height:33px; display:block; margin-right:10px}
#rangeBespoke a{background-image:url(/images/buttons/browseBespoke.gif); width:218px; height:33px; display:block}
#displayStyle, #displayOperator, #displayMaterial, #displayBespoke{display:block;}
#nodisplayStyle, #nodisplayOperator, #nodisplayMaterial, #noDisplayBespoke{display:none}


.styleHeadings{display:block; height:13px; width:400px; background-repeat:no-repeat}

#canopyHeading{ background-image:url(/images/headings/canopyDoorsHead.gif) }
#retractableHeading{ background-image:url(/images/headings/retractableDoorsHead.gif)}
#sectionalHeading{ background-image:url(/images/headings/sectionalDoorsHead.gif)}
#rollerHeading{ background-image:url(/images/headings/rollerDoorsHead.gif)}
#steelHeading{ background-image:url(/images/headings/steelDoorsHead.gif)}
#timberHeading{ background-image:url(/images/headings/timberDoorsHead.gif)}
#grpHeading{ background-image:url(/images/headings/grpDoorsHead.gif)}
#absHeading{ background-image:url(/images/headings/absDoorsHead.gif)}
#horizontalHeading{ background-image:url(/images/headings/horizontalHead.gif)}
#verticalHeading{ background-image:url(/images/headings/verticalHead.gif)}
#panelHeading{ background-image:url(/images/headings/panelDoorsHead.gif)}
#traditionalHeading{ background-image:url(/images/headings/tradDoorsHead.gif)}
#tudorHeading{ background-image:url(/images/headings/tudorDoorsHead.gif)}
#windowHeading{ background-image:url(/images/headings/windowHead.gif)}
#specialHeading{ background-image:url(/images/headings/specialHead.gif)}
#bespokeHeading{ background-image:url(/images/headings/bespokeHead.gif)}

.rangeBox .styleLHS2{ background-image:url(/images/headings/garageDoorHeading.gif); width:798px; background-repeat:no-repeat; height:50px; z-index:200; position:relative; left:0px; opacity:0.85; filter:alpha(opacity=85)}
.rangeBox .styleLHS3{ background-image:url(/images/headings/canopyGarageDoors.gif); width:798px}
.rangeBox .styleLHS4{ background-image:url(/images/headings/materialsHeading.gif); width:798px}
.rangeBox .styleLHS5{ background-image:url(/images/headings/automationHeading.gif); width:798px}
.rangeBox .styleCanopy{ background-image:url(/images/headings/canopyGarageDoors.gif); width:798px}
.rangeBox .styleRoller{ background-image:url(/images/headings/rollerHeading.gif); width:798px}
.rangeBox .styleRetractable{ background-image:url(/images/headings/retractableHeading.gif); width:798px}
.rangeBox .styleSectional{ background-image:url(/images/headings/sectionalHeading.gif); width:798px}
.rangeBox .styleSteel{ background-image:url(/images/headings/steelHeading.gif); width:798px}
.rangeBox .styleTimber{ background-image:url(/images/headings/timberHeading.gif); width:798px}
.rangeBox .styleGrp{ background-image:url(/images/headings/grpHeading.gif); width:798px}
.rangeBox .styleAbs{ background-image:url(/images/headings/absHeading.gif); width:798px}
.rangeBox .styleHorizontal{ background-image:url(/images/headings/horizontalHeading.gif)}
.rangeBox .styleCumberland{ background-image:url(/images/headings/cumberlandHeading.gif)}
.rangeBox .styleSherwood{ background-image:url(/images/headings/sherwoodHeading.gif)}
.rangeBox .styleVertical{ background-image:url(/images/headings/verticalHeading.gif)}
.rangeBox .stylePanel{ background-image:url(/images/headings/panelHeading.gif)}
.rangeBox .styleTraditional{ background-image:url(/images/headings/tradHeading.gif)}
.rangeBox .styleTudor{ background-image:url(/images/headings/tudorHeading.gif)}
.rangeBox .styleWindow{ background-image:url(/images/headings/windowHeading.gif)}
.rangeBox .styleSpecial{ background-image:url(/images/headings/specialHeading.gif)}
.rangeBox .styleBespoke{ background-image:url(/images/headings/bespokeHeading.gif)}


.items {; width:964px;  position:relative; top:-328px; float:left; z-index:400;margin: 0;padding: 0;}
.items li {position:relative;top:-30px;left:20px;list-style: none;float: left;margin:0 16px 16px 0 }
.items li a {width:169px; height:174px; display:block; padding:0; border:solid; border-width:2px; border-color:#A69A8E;background-color:#FFF; }
.items li a:hover{background-position:-169px 139px}
#displayStyle .items li a {width:169px; height:204px; display:block; padding:0; border:solid; border-width:2px; border-color:#A69A8E;background-color:#FFF; }




#steel{background-image:url(/images/buttons/steelButton.gif); background-position:0px 139px; background-repeat:no-repeat}
#timber{background-image:url(/images/buttons/timberButton.gif);background-position:0px 139px; background-repeat:no-repeat}
#grp{background-image:url(/images/buttons/grpButton.gif); background-position:0px 139px; background-repeat:no-repeat}
#abs{background-image:url(/images/buttons/absButton.gif); background-position:0px 139px; background-repeat:no-repeat}
#canopy{background-image:url(/images/buttons/canopyButton.gif); background-position:0px 139px; background-repeat:no-repeat}
#roller{background-image:url(/images/buttons/rollerButton.gif); background-position:0px 139px; background-repeat:no-repeat}
#sectional{background-image:url(/images/buttons/sectionalButton.gif);background-position:0px 139px; background-repeat:no-repeat}
#retractable{background-image:url(/images/buttons/retractableButton.gif);background-position:0px 139px; background-repeat:no-repeat}


#sherwood{background-image:url(/images/buttons/sherwood.gif); background-position:0px 139px; background-repeat:no-repeat}
#cumberland{background-image:url(/images/buttons/cumberlandButton.gif); background-position:0px 139px; background-repeat:no-repeat}
#horizontal{background-image:url(/images/buttons/horizontalButton.gif); background-position:0px 169px; background-repeat:no-repeat}
#vertical{background-image:url(/images/buttons/verticalButton.gif); background-position:0px 169px; background-repeat:no-repeat}
#panel{background-image:url(/images/buttons/panelButton.gif);background-position:0px 169px; background-repeat:no-repeat}
#traditional{background-image:url(/images/buttons/tradButton.gif); background-position:0px 169px; background-repeat:no-repeat}
#tudor{background-image:url(/images/buttons/tudor.gif); background-position:0px 169px; background-repeat:no-repeat}
#windows{background-image:url(/images/buttons/windowButton.gif); background-position:0px 169px; background-repeat:no-repeat}
#special{background-image:url(/images/buttons/specialButton.gif); background-position:0px 139px; background-repeat:no-repeat}
#bespoke{background-image:url(/images/buttons/bespokeButton.gif);background-position:0px 139px; background-repeat:no-repeat}




.rangeBox{ background-image:url(/images/backgrounds/browseUnderline.gif); background-repeat:no-repeat; background-position:top; float:left; width:964px; padding-top:3px; margin-bottom:-20%}
.rangeBox .styleLHS{ background-image:url(/images/styleHeading.gif); width:798px; background-repeat:no-repeat; height:50px; z-index:200; position:relative; left:0px; opacity:0.85; filter:alpha(opacity=85)}

.panoramas{background-image:url(/images/panoramas/default.jpg); width:964px; height:278px; position:relative; top:-50px; z-index:100}
/*PAGE SPECIFIC PANORAMA IMAGES*/
#canopySource{background-image:url(/images/panoramas/canopy.jpg)}
#absSource{background-image:url(/images/panoramas/abs.jpg)}
#timberSource{background-image:url(/images/panoramas/timber.jpg)}
#grpSource{background-image:url(/images/panoramas/grp.jpg)}
#steelSource{background-image:url(/images/panoramas/steel.jpg)}
#horizontalSource{background-image:url(/images/panoramas/horizontal.jpg)}
#panelSource{background-image:url(/images/panoramas/panel.jpg)}
#tudorSource{background-image:url(/images/panoramas/tudor.jpg)}
#sectionalSource{background-image:url(/images/panoramas/sectional.jpg)}
#retractableSource{background-image:url(/images/panoramas/retractable.jpg)}
#rollerSource{background-image:url(/images/panoramas/roller.jpg)}
#tradSource{background-image:url(/images/panoramas/traditional.jpg)}
#windowedSource{background-image:url(/images/panoramas/windowed.jpg)}
#verticalSource{background-image:url(/images/panoramas/vertical.jpg)}
#styleSource{background-image:url(/images/panoramas/style.jpg)}
#materialSource{background-image:url(/images/panoramas/material.jpg)}
#operatorSource{background-image:url(/images/panoramas/operator.jpg)}
#bespokeSource{background-image:url(/images/panoramas/bespoke.jpg)}
#automationSource{background-image:url(/images/panoramas/automation.jpg)}



.blackTrans{width:166px; height:278px; background-color:#000; float:right;  position:relative; top:-328px; right:0px; z-index:300; opacity:0.50; filter:alpha(opacity=50)}
.viewFull{background:url(/images/buttons/viewFull.gif); width:136px; height:28px; background-repeat:no-repeat; padding:0px; float:left; margin:8px 0 0 0}
.viewFull:hover{background-position:0 -28px}
.styleInfo{background-image:url(/images/itemsBground.gif); width:964px; margin:-127px 0 0 0px; float:left}
.styleDetails{width:718px; margin:0 0 0 20px; float:left; border-style:solid; border-width:1px; border-color:#866B58; background-color:#FFF; text-align:left; padding:0 10px 0 10px }


.timberHead{background:url(/images/headings/timberHead.gif) 0 1px; height:13px; display:block; background-repeat:no-repeat; padding-left:66px;}
.steelHead{background:url(/images/headings/steelHead.gif) 0 1px; height:13px; display:block; background-repeat:no-repeat; padding-left:54px}
.grpHead{background:url(/images/headings/grpHead.gif) 0 1px; height:13px; display:block; background-repeat:no-repeat; padding-left:35px}
.absHead{background:url(/images/headings/absHead.gif) 0 1px; height:13px; display:block; background-repeat:no-repeat; padding-left:35px}
.canopyHead{background:url(/images/headings/canopyTypeGarageDoors.gif) 0 1px; height:13px; display:block; background-repeat:no-repeat; padding-left:260px;}
#range_body .canopyHead{ font-size:10px; padding-top:3px}
.retractableHead{background:url(/images/headings/retractableHead.gif) 0 1px; height:13px; display:block; background-repeat:no-repeat; padding-left:35px}
.sectionalHead{background:url(/images/headings/sectionalHead.gif) 0 1px; height:13px; display:block; background-repeat:no-repeat; padding-left:35px}
.rollerHead{background:url(/images/headings/rollerHead.gif) 0 1px; height:13px; display:block; background-repeat:no-repeat; padding-left:35px}


.infoHolder h4, #info h4{margin:0px}

#fullItems{width:200px; height:200px; position:relative; top:-288px; z-index:400; left:720px; list-style:none}
#fullItems li{float:left; width:86px; height:88px; margin:0 8px 8px 0}
#fullItems li a {width:86px; height:88px; padding:0; border:solid; border-width:2px; border-color:#A69A8E;background-color:#FFF; float:left;  }
#fullItems li a:hover, #fullItemsSmall li a:hover {opacity:0.5; filter:alpha(opacity=50)}
.bgroundColour{background-color:#000; width:90px; height:92px; display:block}
.bgroundColourSmall{background-color:#000; width:62px; height:64px; display:block}



#fullItemsSmall{width:210px; height:200px; position:relative; top:-288px; z-index:400; left:720px; list-style:none}
#fullItemsSmall li{float:left; width:60px; height:62px; margin:0 8px 8px 0}
#fullItemsSmall li a {width:58px; height:60px; padding:0; border:solid; border-width:2px; border-color:#A69A8E;background-color:#FFF; float:left;  }


.smallBoxes{width:117px; height:103px; border:solid 1px #999; float:left; }
.smallBoxes:hover{width:115px; height:101px; border:solid 2px #999; float:left; }
.smallBoxes:hover img{width:115px; height:101px}
.infoHolder ul li{width:117px; height:129px; float:left; margin:0 9px 9px 0; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#856B58}
.infoHolder img{border:none}
.infoHolder{padding:8px; position:relative; float:left; width:964px; left:20px; top:-100px; text-align:left}
.infoHolder ul{list-style:none; padding:0px}
#doorRange{background-image:url(/images/headings/garageDoorStyles.gif); width:184px; height:13px}
.displayStyle a, .displayOperator a, .displayMaterial  a, .displayBespoke  a{background-position:0px 33px}


#brochureDownload{margin-top:60px; float:left; background:url(/images/buttons/brochureDownload.gif); width:161px; height:42px; display:block}
#brochureDownload:hover{background-position:0px 42px}


input.oops, textarea.oops, select.oops {background:#FFFFCC none repeat scroll 0 0; border-color:#817358; color:#817358;}
#email_msg{color:#900; font-family:Verdana,Geneva,sans-serif; font-size:13px;}

.list{font-family:Verdana; font-size:14px; color:#0C5918; list-style:none; padding:0 0 0 10px; margin:0px; width:100%;}

/*GATES*/
#gates_body .gates_ul{display:block; z-index:100;}

#gates_body .main_text{padding-left:20px}
#gates_body #need_help{ background-image:url(/images/ctas/need_help.jpg); width:306px; height:110px; display:block; float:left; margin-bottom:10px; margin-top:12px}
#gates_body #automate{background-image:url(/images/ctas/automation.jpg); width:306px; height:132px; display:block; float:left; margin-bottom:10px; margin-top:12px; }
#gates_body #gatesbrochure{background-image:url(/images/ctas/gates.jpg); width:335px; height:177px; display:block; float:left; margin-bottom:10px; margin-top:12px;}

#gates_body #right{width:260px; height:406px; float:left; padding-left:20px; margin-top:85px}
#featuresHeading {background-image:url(/images/headings/featuresHeading.gif);}
#gates_body #main_body h3{ background-image:url(/images/gates.gif); width:56px; height:23px; margin-bottom:0px;}
#benefitsHolder .bottom{height:270px}




div#feature {background:transparent url(/images/features/rsn_swing.jpg) no-repeat scroll left top;clear:both;float:left;height:310px;width:530px;}

div#feature div#detail {background:transparent url(/images/features/feature-left.png) no-repeat scroll left top;float:left;height:70px;margin-top:1px;padding-top:0px;width:947px;}
#thumbHolder{width:200px; margin-right:20px; margin-top:30px; float:right}

div#feature div.thumbs {float:right;height:185px;width:100px; padding:0; margin:0}
div#feature div.thumbs ul { list-style:none; float:left; padding:0; margin:0}
div#feature div.thumbs ul li a {width: 81px;height: 48px;margin-bottom:10px;background: url(/images/features/rsn_swing_thumb.gif) no-repeat left top;}
div#feature div.thumbs ul li a#fsn_swing {background-image: url(/images/features/fsn_swing_thumb.gif);	}
div#feature div.thumbs ul li a#cp_bi {background-image: url(/images/features/cp_bi_thumb.gif);}
div#feature div.thumbs ul li a#tp_sliding {background-image: url(/images/features/tp_sliding_thumb.gif);}
div#feature div.thumbs ul li a#l_sliding {background-image: url(/images/features/l_sliding_thumb.gif);}
div#feature div.thumbs ul li a#l_swing {background-image: url(/images/features/l_swing_thumb.gif);}
div#feature div.thumbs ul li a:hover, div#feature div.thumbs ul li a.active {background-position: left bottom;	}

.ir {display:block;font-size:9px;text-decoration:none;text-indent:-5000px;}

div#feature div#detail div.spec h4 {font-weight:normal;font-family:Tahoma,Geneva,sans-serif;color:#FFFFFF;font-size:20px;padding-bottom:0;}
.spec{margin-top:-10px; margin-left:20px; *margin-top:15px!important}
#benefitsHolder{width:600px; float:left; padding-bottom:20px}
.benefits{width:174px; float:left; margin-right:20px; height:220px}
ul#aboutList{list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:13px; }
ul#aboutList a{ color:#0C5918}
ul#aboutList a:hover{text-decoration:none}

/* SITEMAP */
#sitemap_body #main_body{ text-align:left}
#sitemap_body #main_body .main_text{ width:615px;float:left; margin-right:40px}
#sitemap_body #need_help{ background-image:url(/images/ctas/need_help.jpg); width:306px; height:110px; display:block; float:left; margin-bottom:10px; margin-top:12px}
#sitemap_body #main_body h3{background-image:url(/images/sitemap.gif); width:80px; height:31px; margin-bottom:0px}