/* @override 
	http://obdyke/css/visitor.css
	http://obdyke/css/visitor.css
*/

#main {
    position: relative;
    border-bottom: 20px solid #134282;
    margin-bottom: 10px;
    padding-bottom: 10px;
    background-repeat: repeat-x;
    height: 540px;
  }

  /* non-IE only */
  html>body #main {
    height: auto;
    min-height: 540px;
  }
  
  #roof_nav ul, #wall_nav ul { margin: 0px; padding: 0px; }
  #roof_nav li, #wall_nav li { 
    display: block; 
    width: 160px; 
    height: 24px;
    padding-top: 4px;
    padding-left: 4px;
    vertical-align: top;
  }
 
  #roof_main {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
  }
  
  
  #roof_nav, #wall_nav {
    position: absolute;
    top: 0px;
    left: 35px;
    width: 180px;
  }
  
  #roof_nav a:hover, #wall_nav a:hover { text-decoration: underline; }
  #roof_nav .category { 
    background-color: #162247;
    font-size: 8.5pt;
  }
  #roof_nav .category a { color: #d0d8d4; }


  #roof_nav .subcategory a, #wall_nav .subcategory a { 
    color: #162247;
    font-size: 8pt; 
  }
  
  .one, .one a { background-color: #e4e5d6; }
  .two, .two  a{ background-color: #b5b49f; }
  .three, .three  a { background-color: #a49e88; }


  #wall_main {
    position: absolute;
    top: 109px;
    left: 0px;
    width: 200px;
    border-bottom: 2px solid #000;
  }
    
  #wall_nav .category { 
    background-color: #620917;
    font-size: 8.5pt;
  }
  #wall_nav .category a { color: #d0d8d4; }
  
  #static_left {
    position: absolute;
    width: 190px;
    bottom: 10px;
    left: 0px;  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    vertical-align: bottom;
  }
  
  /**Roof products Styles**/ 
  
  #roof_category{
    position: relative;
    left: 215px;
    top: 20px;
    width: 705px;
    background-color: #e4e5d5;
  }

  #roof_category .intro {
    margin-left: 14px;
    line-height: 1.3em;
    width: 615px;
    font-size: 9.5pt;
    padding-top: 10px;
  }
  
  
  #roof_category table .subcategory_intro, #wall_category table .subcategory_intro {
    margin-left: 14px;
    font-size: 9.5pt;
  }

  #roof_category table .emphasize,  #wall_category table .emphasize {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    line-height: 1.3em;
    font-size: 9.5pt;
    font-weight:bold;
    width: 310px;
  }

  #roof_category table img, #wall_category table img  {
    padding: 0px 4px 4px 0px;
  }
  
  #roof_category table .product_link, #wall_category table .product_link {
    float: left;
    clear: left;
  }

  #roof_category h2 {
    font-size: 12pt;
    display: block;
    color: #11224a;
    margin: 5px 0px 5px 14px;
    padding: 10px 0px 5px 0px;
    border-bottom: 3px solid #11224a;
    width: 615px;
  }

  #roof_category h3 {
    margin: 5px 0px 10px 0px;
    padding: 10px 0px 5px 0px;
    width: 300px;
    clear: both;
    font-size: 10pt;
    display: block;
    color: #11224a;  
    border-bottom: 3px solid #11224a;
  } 
  
  #roof_category h3 a {
    font-size: 10pt;
    color: #11224a;
  }

  #roof_category h4 a { 
    margin: 0px;
    padding: 0px;
    color: #11224a;
  }
  
  
  /** Wall Products Styles **/
  #wall_category {
    position: relative;
    left: 215px;
    top: 20px;
    width: 705px;
    background-color: #e4e5d5;
  }    
  


  #wall_category .intro, #roof_category .intro {
    margin-left: 14px;
    line-height: 1.3em;
    width: 615px;
    font-size: 9.5pt;
    padding-top: 10px;
  }

  #wall_category table p, #roof_category table p {
    /* margin: 0px 12px 20px 14px; */
    padding: 0px;
    line-height: 1.3em;
    font-size: 8.5pt;
  }

  #wall_category table, #roof_category table {
    margin-left: 20px;
    margin-right: 20px;
  }

  #wall_category td, #roof_category td { 
    width: 400px;
    font-size: 9pt;
    vertical-align: top;
  }

  #wall_category h2 {
    font-size: 12pt;
    display: block;
    color: #621217;
    margin: 5px 0px 5px 14px;
    padding: 10px 0px 5px 0px;
    border-bottom: 3px solid #621217;
    width: 615px;
  }

  #wall_category h3 {
    font-size: 10pt;
    display: block;
    color: #621217;
    margin: 5px 0px 10px 0px;
    padding: 10px 0px 5px 0px;
    border-bottom: 2px solid #621217;
    width: 300px;
    clear: both;
  }
  
  #wall_category h3 a {
    color: #621217;
  }

  #wall_category h4 a { 
    margin: 0px;
    padding: 0px;
    color: #621217;
  }

  .product_list_content p { margin-left: 16px; margin-right: 20px }
  .product_list_content ul { margin-left: 46px }

  /** Override for right-column display */
  
  #all_products #wall_category h3 .subcat, 
  #all_products #roof_category h3 .subcat {
    font-size: 10pt;
  }

  #all_products #wall_category, 
  #all_products #roof_category {
    position: relative;
    left: 0px;
    top: 0px;
    width: 290px;
  }

  #all_products #wall_category table,
  #all_products #roof_category table {
    margin-left: 0px;
    margin-right: 0px;
  }

  #all_products h3, #all_products h3 a { display: block; width: 290px; }

  #all_products .product_resource {
      }
  
  .product_list_offset {
    margin: 10px 4px 10px 14px;
  }
  
  .product_list_offset p {
    margin-left: 118px;
    margin-bottom: 10px;
  }

  .product_list_offset h4 {
    margin-left: 118px;
    margin-bottom: 3px;
  }

  
  /** Style for product pages **/
  #product_display {
    position: relative;
    left: 235px;
    top: 0px;
    width: 705px;
    height: 200px;
  }
 
  
  #product_title_block {
    position: absolute;
    top: 20px;
    width: 515px;
    height: 180px;
    border: 2px solid #db002e;
    background-color: #e4e5d5;
    float: right;
  } 
  
 #product_family_title_block {
    position: absolute;
    top: 20px;
    width: 680px;
    height: 180px;
    background-color: #e4e5d5;
    float: right;
  }
  
  #product_title_block img, #product_family_title_block img {
    float: left;
    padding-top: 10px;
  }
  
  #product_title_block h2 , #product_family_title_block h2{
    display: block;
    width: 290px;
    font-size: 12pt;
    color: #db002e;
    border-bottom: 2px solid #db002e;
    margin: 10px 10px 10px 210px;
    padding-bottom: 5px;
  }  
  
  #product_family_title_block h2{
    color: #11224A;
    border-bottom: 2px solid #11224A;
  }
  
  #product_title_block p, #product_family_title_block p, #product_content p {
    font-size: 9pt;
    color: #000;
    line-height: 1.2em;
    margin: 10px 10px 10px 210px;
  }  
  
 #product_content p {
    font-size: 9pt;
    color: #000;
    line-height: 1.2em;
    margin: 5px 5px 5px 0px;
  }
  
  #product_content {
    position: relative;
    top: 40px;
  }
  
  #product_content h3 {
    display: block;
    width: 170px;
    font-size: 12pt;
    color: #db002e;  
    margin: 0px;
    padding: 0px;
  }
  
  #product_content h5 {
    margin-top:5px;
  }
  
  #product_content a {
    display: block;
    font-size: 8.5pt;
    padding: 0px 4px 4px 0px;
  }
  #product_content table { padding-bottom: 20px; width: 100%;}
  #product_content td { vertical-align: top; }
  .benefits li, .features li, .specs li { 
    vertical-align: top;
    font-size: 8.5pt; 
    width: 140px; 
    margin: 0px 0px 3px 6px; }
  #product_content .spec, #product_content .benefits, #product_content .features {  }
  
  #product_content ul { margin: 0px 0px 20px 10px; padding: 0px; font-size: 9pt; }
  
  #product_resource_block {
    position: absolute;
    right: 18px;
    top: 20px;
    width: 157px;
    height: 180px;
    border: 2px solid #db002e;
    background-color: #e4e5d5;
    overflow: hidden;
  }
  
  #product_resource_block div {
    padding: 8px 3px;
  }
  
  #product_resource_block .thumb img { padding: 5px 0px 0px 0px; }
  
  #product_resource_block a.resource {
    display: block;
    color: #db002e;
    font-size: 7pt;
    font-weight: bold;
    text-transform: uppercase;
  }

  #product_resource_block a.resource:hover {
    color: #000;
    text-decoration: underline;
  }
  
  .right_side_form {
    font-size: 9pt;
  }

  .right_side_form .formInput, .right_side_form .formField {
    padding-top: 10px;
  }  

  .right_side_form .formField { clear: both; }

  #distributor_form .formInput { float: left; width: 140px; margin-right: 10px; }
  #distributor_form .formInput input { width: 130px; }

  .right_side_form input[type=submit] {
    margin: 8px 0px;
  }

  .right_side_form input[type=text], 
  .right_side_form select, 
  .right_side_form textarea {
    width: 280px;
  }
  
  .right_side_form table { width: 280px !important; }
  .right_side_form table input[type="text"] { margin-left: 5px; width: 115px !important; }

  .right_side_form th { 
    font-weight: normal; 
    font-style: italic; 
    text-align: right;
    padding: 3px;
  }
  
  .right_side_form label span {
    font-size: smaller;
    color: #300;
  }

.faq {

}

.faq .question {
  color: #444;
  font-style: italic;
  border-bottom: 1px solid #888;
  font-size: 10pt;
}

.faq .answer {
  padding: 5px 0px 10px 0px;
  font-size: 10pt;
}

.story {

}

.story_title {
  padding-bottom: 5px;
  margin-right: 8px;
}

.story .date {  
  font-size: 8pt;
  font-style: italic;
  color: #444;
}

.story .text {
  font-size: 9pt;
  line-height: 1.3em;
  margin-right: 10px;
}
  
.video_link {
  text-align: right;
  font-size: 9pt;
}
.video_link a { text-decoration: underline; }
.video_link .cb a { color: #cc9900; }
.video_link .hs a { color: #808080; }


#vent_calc_link {
  position: absolute;
  bottom: 40px;
  width: 160px;
  left: 30px;
}

#product_content table td.first { width: 250px; }

#product_content table td img { margin-bottom: 50px; }

#vent_calc_frame { width: 175px; margin: 0px auto 0;}

#vent_calc_frame .content {
 border: 5px solid #162247; 
}

#vent_calc_frame h2 { margin: 0; text-transform: uppercase; color: #edece2; text-indent: -9999px; background: #162247 url(../images/ventcalc.png) no-repeat; height: 33px; }
#vent_calc_frame h2 span { background: #fff; color: #162247; padding: 0 5px; }

#vent_calc_frame #vent_calc_logo {
	background: url(../images/roof_blue.png) no-repeat 6px top;
	height: 44px;
}

#vent_calc_frame form { padding: 10px 12px; border-top: 3px solid #162247; border-bottom: 3px solid #162247; font-size: 12px; font-weight: bold; color: #162247; background: #edece2; margin: 0; }
#vent_calc_frame .form-row { margin-bottom: 5px; clear: both; overflow: hidden;}
#vent_calc_frame label { float: left; width: 50px; line-height: 25px; }
#vent_calc_frame input[type="text"] { border: 1px solid; width: 70px; height: 20px; line-height: 20px; }
#vent_calc_frame .form-row span { font-size: 12px; font-weight: bold; }
#vent_calc_frame form input[type="submit"] { border: 0; color: #edece2; font-weight: bold; text-transform: uppercase; width: 139px; height: 27px; padding: 0; margin: 15px auto 0; font-size: 14px; cursor: pointer; text-indent: -999px; background: #162247 url(../images/calculate.png) no-repeat; }

#vent_calc_frame .amount { padding: 10px 12px; background: #0099cc; color: #fff; }
#vent_calc_frame .amount p { color: #fff; font-size: 11px; margin: 0 0 3px; }
#vent_calc_frame .amount .form-row { margin-bottom: 15px; }
#vent_calc_frame .amount small { font-size: 9px; }
#vent_calc_frame .amount input { width: 125px; margin: 0px;}
#vent_calc_frame .amount span { color: #edece2 !important; }

#vent_calc_frame.red #vent_calc_logo { background-image: url(../images/roof_red.png); }
#vent_calc_frame.red form, #vent_calc_frame.red .content {	border-color: #610917; }
#vent_calc_frame.red h2, #vent_calc_frame.red input[type="submit"] { background: #610917; }
#vent_calc_frame.red input[type="text"], #vent_calc_frame.red label, #vent_calc_frame.red span { color: #610917; border-color: #610917; }

#product_testimonial {
  width: 160px;
  margin: 0 auto;
}

#product_testimonial .test_text {
  font-size: 14pt;
  display: block;
}

#product_testimonial .test_who {
  font-size: 9pt;
  font-style: italic;
}

#faq_table a {
  display: inline;
  font-size: 10pt;
  color: #444;
}

#faq_table a:hover {
  text-decoration: underline;
}