@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;
margin-bottom:7px;
padding:9px 0 0 0;
}

.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.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;
} 

/* ------------------------------------------------------------------- */
/* 		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 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;
}


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 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;}