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

@import url(superfish.css);
@import url(superfish-vertical.css);
@import url(typography.css);


@import url(features.css);

/* ------------------------------------------------------------------- */
/* 		SITE STRUCTURE INCLUDING BODY, WRAPPER, HEADER                    */
/* ------------------------------------------------------------------- */

html{
background:url('../img/site_background.jpg') repeat-x top left;
}

body{
margin:0;
padding:0;
background:url('../img/footer_background.jpg') repeat-x bottom left;
}

.clear{
margin:0;
padding:0;
clear:both;
}

.wrapper{
width:960px;
margin:0 auto;
background:url('../img/wrapper_background.jpg') repeat-x top center;
}

.header{
width:960px;
margin:0 auto 8px;
padding:9px 0 0 0;
}

.language{
position:absolute;
float:left;
z-index:999;
margin:0 0 0 580px;
top:0;
background:#F2F2F2;
border:1px solid #E2E2E2;
padding:4px 10px;
font-size:11px;
color:#333;
font-weight:300;
}

.language a{
padding:2px;
}

.language a:hover{
background:#004990;
color:#FFF;
}

.leftColumn{
width:220px;
float:left;
margin:0 15px 0 10px;
padding:0;
}

.contentWindow{
width:715px;
float:left;
margin-top:0;
background:#FFF;
}


img.right{
float:right;
padding:0 0 0 10px;
}

img.left{
float:left;
padding:0 10px 0 0;
}


/* ------------------------------------------------------------------- */
/* 		LOGIN BUTTON POSITIN AND SPAN HOVER                    */
/* ------------------------------------------------------------------- */

.loginPosition{
float:right;
position:absolute;
margin:10px 0 0 860px;
}

span.loginButtons {
  padding:0;
}
span.loginButtons li {
list-style:none;
display:inline;
float:left;
}

span.loginButtons li a{
 display:block; height:35px; width:95px; overflow:hidden;  
}

span.loginButtons li a:hover{
  text-indent:-97px; 
}

/* ------------------------------------------------------------------- */
/* 		HOME PAGE COLUMNS AND LAYOUT                                   */
/* ------------------------------------------------------------------- */

.homeMain{
width:460px;
float:left;
margin:0;
padding:0;
}

.homeSidebar{
width:220px;
float:left;
margin:0 0 0 15px;
padding:0;
}

.widgetHomeBox{
margin:6px 0;
width:460px;
border:1px solid #F2F2F2;
background:#ededed url('../img/contentHomeBox_background.jpg') repeat-x top left;
float:left; /*important*/
}

.secondaryFeature li{
list-style:none;
display:inline;
padding:2px 0 0 8px;
}

.communityHomeBox{
margin:6px 0;
width:460px;
min-height:240px;
border:1px solid #F2F2F2;
background:#ededed url('../img/communityBox_roofing_over_one_family.jpg') no-repeat bottom left;
float:left; /*important*/
}

.communityHomeBox p{
float:left;
width:200px;
color:#666;
padding:4px 0 0;
font-size:1.1em;
line-height:1.4em;
}

/* ------------------------------------------------------------------- */
/* 		HOME PAGE SLIDER - FADE EFFECT                              */
/* ------------------------------------------------------------------- */
.slider {  
	width:440px;
	height:250px; 
    padding: 0;  
    margin:  0;  
} 
 
.slider img {  
	width:440px;
	height:250px; 
    top:  0; 
    left: 0 ;
	position:relative;
	z-index:9;
} 

#nav_slider{
margin:-18px 0 0 0;
float:right;
}
#nav_slider a{
width:13px;
height:13px;
background:url('../img/nav_thumb_dot.png') no-repeat top left;
padding:10px 14px 0 0;
position:relative;
}

#nav_slider a.activeSlide{
background:url('../img/nav_thumb_dot_hover.png') no-repeat top left;
width:13px;
height:13px;
}

#nav_slider a:hover{
background:url('../img/nav_thumb_dot_hover.png') no-repeat top left;
width:13px;
height:13px;
padding:11px 14px 0 0;
}

/* ------------------------------------------------------------------- */
/* 		TESTIMONIALS - REVOLUTION PAGE					               */
/* ------------------------------------------------------------------- */


img.image_left{
	float:left;
	padding:3px;
	border:4px solid #ccc;
}

/*.quote {
    background: url('../img/open_quote.jpg') no-repeat scroll left top transparent;
    line-height: 20px;
    margin: 10px 10px 5px 0px;
    text-align: justify;
    text-indent: 10px;
	color:#666;
    }
    
.quote span {
    background: url('../img/end_quote.jpg') no-repeat scroll right bottom transparent;
    height: 30px;
    padding: 10px 30px;
}*/


/* Slideshow - Ticker - Revolution ****/

.revolution_slideshow_box{
border:2px solid #004990;
width:715px !important;
/*height:85px !important;*/
padding:10px !important;
}


.revolution_slideshow_box #revolution_slideshow .pics{
height:80px !important;
}


.revolution_slideshow_box #revolution_slideshow .revolution_slideshow_entry {
font-size:17px !important;
color:#111111 !important;
text-align:left !important;
margin:0 !important;
width:500px !important;
font-weight:bold !important;
padding:0 !important;
line-height:17px !important;
}

.revolution_slideshow_box .revolution_slideshow_entry span{
font-style:italic;
}

.revolution_cta_btn{
text-align:left;
margin:0;
padding:0;}

/*.revolution_cta_btn a:hover{
background:url('../img/revolution_calltoaction_btn_hover.jpg');
text-align:right;
margin:0;
padding:0;}*/





.revolution_cta_btn img{
border:none !important;}

/*
.revolution_cta{
padding:10px 0 0 0;
text-align:right;}

.revolution_cta a{
font-size:20px;
text-align:right;
font-weight:bold;
color:#BE2F37;
text-decoration:underline;
}*/


/* ------------------------------------------------------------------- */
/* 		SIDEBAR WIDGET STYLES                  */
/* ------------------------------------------------------------------- */
.widgetBox{
margin:6px 0;
width:100%;
border:1px solid #F2F2F2;
background:#ededed url('../img/contentBox_background.jpg') repeat-x top left;
}

.widgetContent{
padding:5px 10px;
}

.widgetContent li{
list-style:none;
}

.newsEntry{
clear:both;
}

.newsEntry li{
display:block;
list-style:none;
}

.newsEntry li img{
vertical-align: middle;
margin: 0 10px 0 0;
float:left;
border:0;
}

.newsEntry li a{
list-style:none;
display:block;
text-decoration:none;
border-bottom:1px solid #CCC;
padding:5px 0;
color:#111;
min-height:60px;
}

.newsEntry li a:hover{
background:#FFF;
border-bottom:1px solid #004990;
}

.careerEntry li a{
list-style:none;
display:block;
text-decoration:none;
border-bottom:1px solid #CCC;
padding:5px 0;
color:#111;
}

.careerEntry li a:hover{
background:#FFF;
border-bottom:1px solid #004990;
}

.storeWidget li, .storeLink li{
list-style:none;
}

.storeWidget li img, .storeLink li img{
vertical-align: middle;
padding: 0 10px 0 0 ;
border:0;
}

.storeWidget li a{
list-style:none;
display:block;
text-decoration:none;
color:#111;
font-size:0.85em;
margin: 2px 0;
padding:2px 5px;
}

.storeWidget li a:hover{
background:#FFF;
padding:2px 5px;
}

.storeLink li a{
list-style:none;
display:block;
text-decoration:none;
color:#004990;
font-size:1.1em;
margin: 2px 0;
padding:2px 5px;
}

.storeLink li a:hover{
color:#222;
padding:2px 5px;
}

/* ------------------------------------------------------------------- */
/* 		FOOTER STYLES INCLUDING MENU AND COPYRIGHT                 */
/* ------------------------------------------------------------------- */

.footerPromotion{
width:715px;
margin:10px 0 0 230px;
border:1px solid #F2F2F2;
background:#ededed url('../img/contentHomeBox_background.jpg') repeat-x top left;
padding:10px 5px;
}

.footerLeftText{
float:left;
width:270px;
padding:0;
}

.footerLeftText h3{
margin:0;
color: #004990;
font-size: 1.2em;
line-height:1.2em;
font-weight: 300;
text-decoration: none;
}

.footerLeftText p{
font-size:0.9em;
margin:0;
padding:0;
}

.bottomFeature{
padding:0;
margin-top:50px;
}

.bottomFeature li{
list-style:none;
display:inline;
padding:2px 0 0 8px;
}


.footer{
padding:10px 0 0;
}

.footerAd{
padding:10px 0;
}

.footerMenu{
height:10px;
padding-top:17px;
background:url('../img/footer_background.jpg') repeat-x bottom left;
}

.footerMenu li{
list-style: none;
display: inline;
font-size: 0.80em;
}

.footerMenu li a{
color: #999;
padding:0.43em;
margin:0 0.2em 0 0;
}

.footerMenu li a:hover{
color: #333;
background:#E2E2E2;
}

.footerMenu p.copyright{
float:right;
font-size: 0.75em;
color:#999;
}

/* ------------------------------------------------------------------- */
/* 		CONTACT US TABLE                                        */
/* ------------------------------------------------------------------- */
table.contacts{
width:95%;
background: #FFF;
border: 1px #E2E2E2 solid;
border-collapse: collapse;
border-spacing: 0px;
}

table.contacts img{
border:1px solid #E2E2E2;
}

td.contactDept{
background-color: #FFF;
border: 1px #E2E2E2 solid;
font-weight: bold;
font-size: 16px;
color: #004990;
padding:10px;
}

td.contactDept:hover{
background:#004990;
color:#FFF;
}

td.contact{
border-bottom: 1px #E2E2E2 dotted;
text-align: left;
font-size: .8em;
color: #004990;
padding:4px 0px 4px 8px;
min-width:80px;

}


tr.contactRow:hover{
background:#F2F2F2;
}

/* ------------------------------------------------------------------- */
/* 		CASTLE BRANDS TOGGLE                                 */
/* ------------------------------------------------------------------- */

h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	line-height: 38px;
	font-size: 1.2em;
	font-weight: normal;
	background: url(../img/h2_trigger_a.jpg) no-repeat;
	height: 38px;
	width: 630px;
	float: left;
}
h2.trigger a {
	color: #004990;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #999; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	font-size: 1.2em;
	background: #f0f0f0 url(../img/toggle_block_stretch.gif) repeat-y left top;
	width: 670px;
	clear: both;
	overflow: hidden;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(../img/toggle_block_btm.jpg) no-repeat left bottom; /*--Bottom rounded corners--*/
}


/* ------------------------------------------------------------------- */
/* 		CASTLE SEARCH BY PROVINCE                                */
/* ------------------------------------------------------------------- */

.province{
float:left;
margin:5px 0;
text-align:center;
}

.province li{
  float: left;
  list-style:none;
}

.province li a{
list-style:none;
display:block;
font-size:0.8em;
font-weight:bold;
  padding: 5px;
}

.city{
float:left;

}

.city ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.city li {
  float: left;
  width: 9.8em;
  list-style:none;
} 

.city li a{
list-style:none;
display:block;
font-size:0.8em;
padding:2px 5px;
}

.city li a:hover, .province li a:hover{
background:#004990;
color:#FFF;
position:relative;
top:0;
}

.dealer{
margin:5px 0;
}

.current_category a,.current_class a, .current_product a{
      background:#004990;
	  color:#FFF;
}


.current_city a, .current_province a{
      background:#004990;
	  color:#FFF;
}


/* ----------------------------------------------------------------------------------------------------------- */
/* 		CASTLE SEARCH - STORE LOCATOR PAGE /  BY PROVINCE / BY KEYWORD / POSTAL CODE / DROPDOWN STYLES         */
/* ----------------------------------------------------------------------------------------------------------- */
#store_search_questions{
width:720px;
margin:0;
padding:10px;
background:#fff url(../img/locator_bg_div_store_search_questions.png);
height:85px;

}

#store_search_questions h2{
color:#004990;
font-size:12px;
font-weight:bold;
margin:0;
padding:0 0 8px 0;
text-transform:uppercase;
}

#store_search_questions #store_search_province_city_question{
border-right:1px #CCCCCC solid;
width:200px;
float:left;
height:70px;
padding:5px 10px;}

#store_search_questions #store_search_general_question{
border-right:1px #CCCCCC solid;
border-left:1px #fff solid;
width:285px;
float:left;
height:70px;
padding:5px 10px;}


#store_search_questions #store_search_province_city_question select{
color:#333;
background:#fff;
border: 1px solid #ccc;
height:20px;
width:200px;
position:relative;
clear:both;
margin:0 0 3px 0;
}

#store_search_questions #store_search_general_question input{
color:#333;
background:#fff;
padding:0; 
font: 84% 'trebuchet ms',helvetica,sans-serif; 
border: 1px solid #ccc;
height:25px;
width:215px;
}

#store_search_questions #store_search_general_question .submit_button, #store_search_questions #store_search_postal_code_question .submit_button{
color:#333;
height:27px;
background:#fff;
padding:0 0 0 2px; 
font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
border: 1px solid #ccc;
text-transform:uppercase;
margin:0;
width:60px;
vertical-align:bottom;
}
#store_search_questions #store_search_general_question .submit_button:hover, #store_search_questions #store_search_postal_code_question .submit_button:hover{
color:#fff;
margin:0;
background:#004990;
padding:0 5px; 
font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
border: 1px solid #ccc;
text-transform:uppercase;
vertical-align:bottom;
}


#store_search_questions #store_search_general_question label, #store_search_questions #store_search_postal_code_question label{
font-size:12px;}


#store_search_questions #store_search_postal_code_question{
border-left:1px #fff solid;
width:160px;
height:70px;
float:left;
padding:5px 10px;;
}

#store_search_questions #store_search_postal_code_question input{
color:#333;
background:#fff;
padding:0; 
font: 84% 'trebuchet ms',helvetica,sans-serif; 
border: 1px solid #ccc;
height:25px;
width:90px;
}


/*** ERROR Message for the Search ***/

.dealer #store_search_empty_results p {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #E7E7E7;
border:1px solid #FF0000;
color:#FF0000;
padding:10px;
text-align:center;
width:100%;
font-weight:bold;
}



/* ------------------------------------------------------------------- */
/* 		         CASTLE PRODUCT PAGE STYLES                              */
/* ------------------------------------------------------------------- */

/* -------------------------- CASTLE PRODUCT CATEGORIES  ----------------------------------------- */

.productCategory{
float:left;
border-bottom:1px solid #E2E2E2;
padding:10px 0;
}


.productCategory ul {
    width: 50em;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.productCategory li{
  float: left;
  list-style:none;
    float: left;
    width: 10em;
}

.productCategory li a{
list-style:none;
display:block;
font-size:0.8em;
font-weight:bold;
padding: 5px;
overflow:auto;
}

.productCategory li a:hover, .productSubCategory li a:hover, .productType li a:hover, .productVendors li a:hover{
background:#004990;
color:#FFF;
position:relative;
top:0;
}

/* -------------------------- CASTLE PRODUCT SUB CATEGORIES  ----------------------------------------- */

.productSubCategory{
float:left;
padding:10px 0;
border-bottom:1px solid #E2E2E2;
width:100%;
}

.productSubCategory ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.productSubCategory li{
  float: left;
  width: 11.8em;
  list-style:none;
}

.productSubCategory li a{
list-style:none;
display:block;
font-size:0.8em;
padding: 5px;
}

/* -------------------------- CASTLE PRODUCT TYPE  ----------------------------------------- */

.productType{
float:left;
padding:10px 0;
}

.productType ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.productType li{
  float: left;
  width: 11.8em;
  list-style:none;
}

.productType li a{
list-style:none;
display:block;
font-size:0.8em;
padding: 5px;
}

/* -------------------------- CASTLE PRODUCT VENDORS  ----------------------------------------- */

.productVendors{
float:left;
background:#F2F2F2;
padding-top:10px;
margin-bottom:10px;
}

.productVendors ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.productVendors li{
  float: left;
  width: 20em;
  list-style:none;
  font-size:0.8em;
  color:#002a53;
}

.productVendors li a{
list-style:none;
display:block;
text-decoration:underline;
padding: 5px 5px 5px 0;
}


/* ------------------------------------------------------------------- */
/* 		         CASTLE SUPPLIERS                              */
/* ------------------------------------------------------------------- */

.alpha_links{
float:left;
margin:5px 0;
text-align:center;
}

.alpha_links li{
  float: left;
list-style:none;
display:block;
font-size:1.0em;
font-weight:bold;
  border-right:1px solid #E2E2E2;
  padding: 2px 4px;
}

.alpha_links li a{
list-style:none;
font-size:1.0em;
font-weight:bold;
  padding: 2px 4px;
}

.alpha_links li a:hover{
background:#004990;
color:#FFF;
}

.suppliers{
margin-top:12px;
}

.suppliers li{
  list-style:none;
  color:#002a53;
padding: 5px 5px 3px 10px;
display:block;
font-size:0.9em;
}

.suppliers li a{
list-style:none;
text-decoration:underline;
}

.suppliers li a:hover{
background:#004990;
color:#FFF;
padding: 5px 5px 3px 10px;
text-decoration:none;
}

/* ------------------------------------------------------------------- */
/* 		LIGHTBOX CSS                  */
/* ------------------------------------------------------------------- */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	z-index:999;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url("../img/overlay.png"); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url("../img/blank.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
}

.gallery li{
list-style:none;
display:block;
margin:0 4px;
float:left;
}

.gallery li a{
list-style:none;
float:left;
padding:5px 5px 2px 5px;
background:#E2E2E2;
}

.gallery li a:hover{background:#004990;}

.gallery li img a:hover, .gallery li img a, .gallery li img{border:none;}