/* *************** DEFAULT COMMON STYLES *************** */
#filter  {
	float:right;
	margin-right:20px; 
	font-size:11px;}
	
.brandfilter{
	float:left;
	margin-left:32px;
	color:#00467f;
	font-weight: bold;
	font-size:11px;
	}

#slideHTML {
	z-index:1201;
	margin-left:350px;
	width:215px;
	height:auto;
	position:relative;
	display:none;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	display:block;
	}



#slideHTML div {
	margin-right:30px;
	margin-top:10px;
	font-size:11px;
        z-index:1;
}
	
	
#slideshow{
	 z-index:0;
}
   
    
#slideshow img{
    margin-top:-36px;
}

#slideshow img {
    display:block;
}

.slide_content h2 {
    font-size:16px;
	color:#FFF;
	margin:0px;
	margin-bottom:5px
}

.slide_content h2.yellow {
    font-size:16px;
	color:#f6cb4c;
	margin:0px;
	margin-bottom:5px
}
.slide_content h2.blue {
    font-size:16px;
	color:#00467f;
	margin:0px;
	margin-bottom:5px
}

.pagination {
	margin-left: 50px;
	margin-top: 1px;
   }
   
   
  .pagination a {
    padding: 1px 5px 1px 5px;
    display: block;
    float: left;
    margin-right: 1px; 
    font-weight: bold;
    margin-right: 5px;
    position: relative;
    }
    

    
  .pagination .current {
    border: 1px solid white;
    color: white;
    border-top: none;
     }
    
  .pagination a {
    text-decoration: none;
    color: #666;
    border: 1px solid #666;
    border-top: none;
    
     }
     

    
    .pagination a:hover, .pagination a:focus {
      border: 1px solid white;
    color: white;
    border-top: none;
    }
    
    .pagination #playpause{
    	border:none;
    	margin-top:-1px;
    	padding:0px;
    	padding-right:20px;
    }
          
  * html .pagination {
    height: 1%; }
    
  *:first-child+html .pagination {
    overflow: hidden; }


#overlay{
	background:url(../images/photobar.png) repeat-x;
	position:absolute;
	top:162px;
	height:22px;	
	width:90%;
        z-index:3;
}







body {
	text-align: center;
	min-width: 840px;
	background:#005191 url(../images/bg.gif) repeat-x left top;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	line-height:15px; 
}

a {
	color:#0069d1;
}
	
strong { }
	

h1 { 
	font-size:18px;
	color:#004780;
	 }
	
	
h2 {
	font-size:15px;
	color:#00477f;
	}
	
h3 {
	color:#00477f;
	font-size:13px; 
	}
	
.grey {
	color:#797979;
	}	


.lines{
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}


/* *************** LAYOUT STYLES *************** */

#header {
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	margin-top: 0px;
	width:840px;
	height: 68px;
	text-align: left;
	color: #FFF;
	}
	
#logo {
	margin-top: 15px;
}	
#header #eyebrowsmall{
	background: url(../images/middle_eyebrow.gif) repeat-x;
	float:right;
	height: 33px;
	padding-top:5px;
	width:270px;
}

#toprightcontain{
    width:570px;
    height:75px;
    float:right;
    margin-left:auto;
    margin-right:auto;
}

#header #eyebrow{
	background: url(../images/middle_eyebrow.gif) repeat-x;
	float:left;
	height: 33px;
	padding-top:5px;
	width:430px;
}

#outsideeyebrow{
    float:left;
    height:33px;
    padding-left:20px;
    padding-top:10px;
    width:120px;
	
}

#forgot{
  height:30px;
  width:400px;
  text-align:right;
  margin-top:0px;
}



#c_forgot{
    width:180px;
	height:30px;
    float:right;
}

#c_left{
    float:left; 
    padding-top:3px;
}

#c_right{
    float:left; 
    padding-left:10px;
}    

.imagearea{
   height:184px;
   position:relative; 
   margin-top:15px;
   background:url(images/promo2.jpg);
}

.img{
	margin-top:-5px;
}

#header a{
	color:#FFF;
}

#wrapper {
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	width:840px;
	text-align: left;
	 }
	 

	
#nav {
	position: relative;
	top:-20px;
	width:840px;
	text-align:right;
	margin: 0px;
	height: 36px;
        z-index:2;
	}	
	
	
	
#formBottom {
	position: relative;
	margin:0;
	padding:0;
	}
	
	 
#left_col {
	position: relative;
	float:left;
	width:840px;
	 }
	 
	 
.subcontent, .subcontentNoPromo{
	position: relative;
	width:350px;
	clear:both;
	padding-left:240px;
	top:-60px;
	
}

.subcontentNoPromo{
	width:500px;
}

.subcontent h2, .subcontentNoPromo h2{
	color: #00477f;
	font-size:14px;
	font-weight: normal;
}

.subcontent h2.lines, .subcontentNoPromo h2.lines{
	font-weight: bold;
}

.subcontent h3, .subcontentNoPromo h3{
	color: #00477f;
	font-size:12px;
	font-weight: bold;
}

	 
#content {
	position: relative;
	float:left;
	background: #fff;
	width:760px;
	margin:0;
	margin-top: 3px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#666;
	line-height:18px; 
}	 	

#content #subphoto{
	margin-left:-40px;
	margin-top:-10px;
	height:100px;
}

#content h1{
	color: #d7b143;
	font-size:24px;

}


	 
#bottom{
	position: relative;
	background: url(../images/bottom_inner.gif) no-repeat 0 bottom;
	height:9px;
	margin:0px;
}	 
	
#right_col_bottom	{
	background:url(../images/right_box_bottom.gif) no-repeat bottom;
	margin-top:-10px;
	
}

#right_col_top	{
	background:url(../images/right_box_top.gif) no-repeat bottom;
	
}
	 

#right_col {
	position: absolute;
	width: 225px;
	color: #FFF;
	margin-left: 600px;
	margin-top: 30px;
	z-index: 99;

	 }

#right_col #inner{
	display: block;
	background: #005aa2;

	}

.yellowPromo {
	position: relative;
	width:160px;
	float:right;
	background:url(../images/yellowPromo.gif) no-repeat top;
	border-left : 1px solid #e3e3e3;
	border-right : 1px solid #e3e3e3;
	color:#666;
	clear:both;

}


.yellowPromo p{
	margin:0;
	padding: 5px;
	padding-top:10px;	
	padding-left: 8px;
	padding-right: 8px;
	font-size:11px;
	overflow: hidden;
	}	

.yellowPromo .promoBox{
	padding:0px;
	width:151px;
	margin-left:3px;
	margin-top: -8px;
	border-left : 1px solid #e3e3e3;
	border-right : 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;	
}


.yellowPromo h3 {
	color:#FFF;
	font-weight: bold;
	font-size: 12px;
	margin-top:-5px;
	margin-left:10px;
}


.yellowPromoLarge {
	position: relative;
	width:203px;
	float:right;
	background:url(../images/yellowPromoLarge.gif) no-repeat top;
	border-left : 1px solid #e3e3e3;
	border-right : 1px solid #e3e3e3;
	color:#666;
	clear:both;

}


.yellowPromoLarge p{
	margin:0;
	padding-top:10px;
	padding-left:10px;
	white-space: nowrap;
	padding-left: 8px;
	padding-right: 8px;
	font-size:11px	
	}	

.yellowPromoLarge .promoBox{
	padding:0px;
	width:203px;
	margin-left:3px;
	margin-top: -8px;
	border-left : 1px solid #e3e3e3;
	border-right : 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	overflow: hidden;
}

.yellowPromoLarge h3 {
	color:#FFF;
	font-weight: bold;
	font-size: 12px;
	margin-top:-5px;
	margin-left:15px;

}




.b2bPromo {
	position: relative;
	width:160px;
	float:right;
	background:url(../images/b2b.gif) no-repeat top;
	border-left : 1px solid #e3e3e3;
	border-right : 1px solid #e3e3e3;
	color:#666;
	clear:both;

}


.b2bPromo p{
	margin:0;
	padding: 5px;
	padding-top:10px;
	padding-left: 8px;
	padding-right: 8px;
	font-size:11px;
	}	

.b2bPromo .promoBox{
	padding:0px;
	width:148px;
	margin-left:4px;
	margin-top: -5px;
	padding-bottom: 15px;
	border-left : 2px solid #e3e3e3;
	border-right : 2px solid #e3e3e3;
}

	


.b2bPromo h3 {
	color:#FFF;
	font-weight: bold;
	font-size: 12px;
	margin-top:0px;
	margin-left:15px;

}

.blue2Promo {
	position: relative;
	width:160px;
	float:right;
	background:url(../images/bluePromoBorder.gif) no-repeat top;
	border-left : 1px solid #e3e3e3;
	border-right : 1px solid #e3e3e3;
	color:#666;
	clear:both;

}


.blue2Promo p{
	margin:0;
	padding: 5px;
	padding-top:10px;
	padding-left: 8px;
	padding-right: 8px;
	font-size:11px	
	}	

.blue2Promo .promoBox{
	padding:0px;
	width:148px;
	margin-left:4px;
	margin-top: -5px;
	padding-bottom: 15px;

	border-left : 2px solid #e3e3e3;
	border-right : 2px solid #e3e3e3;
}




.blue2Promo h3 {
	color:#FFF;
	font-weight: bold;
	font-size: 12px;
	margin-top:0px;
	margin-left:15px;

}





.bluePromo {
	position: relative;
	width:160px;
	float:right;
	background:url(../images/bluePromo.gif) no-repeat top;
	border-left : 1px solid #e3e3e3;
	border-right : 1px solid #e3e3e3;
	color:#666;

}


.bluePromo p{
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	font-size:11px	
	}	


.bluePromo h3 {
	color:#FFF;
	font-weight: bold;
	font-size: 12px;
	margin-top:-5px;
	margin-left:10px;

}



.bottominner{
	margin-left:4px;
	margin-top: -3px;
}


.doubleline{
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	height:1px;
	margin-top:-1px;
	overflow: hidden;
}
.singleline{
	border-bottom: 1px solid #e3e3e3;
	margin-top:-1px;
	overflow: hidden;
}

.promo_top{
	position: relative;
	background:url(../images/promo_top.gif) no-repeat top;
	margin-right: 0px;
	margin-top:-6px;
}
.promo_bottom {
	position: relative;
	background:url(../images/promo_bottom.gif) no-repeat bottom;
	margin-bottom:-6px;
	margin-right: 0px;
}

.promo_top_large{
	position: relative;
	background:url(../images/promo_top_large.gif) no-repeat top;
	margin-right: 0px;
	margin-top:-6px;
}
.promo_bottom_large {
	position: relative;
	background:url(../images/promo_bottom_large.gif) no-repeat bottom;
	margin-bottom:-6px;
	margin-right: 0px;
}


.bios {
	border:1px solid #004c87;
	margin-right:10px;
	margin-bottom:5px;
}


.arrowlist {
		margin:0;
		padding:0;
	    list-style-image: url(../images/listarrow.gif);
	    padding-left:20px;
}
.arrowlist a {
    color: #0069d1;
    display: block;
    font-weight: normal;
     }
     
     
.circlelist{
	margin:0;
	padding:0;
	padding-left:13px;
	list-style: url(../images/white_bullet.gif);
}	

/*  form  */

/* General labeling type text to be used on forms */
/* Currently used in b2bservices vendinvitation page */
.formlabel {
   width: auto;
   text-align: left;
   color: #004c87;
}

label
{
	width: 100px;
	float: left;
	text-align: left;
	display: block;
	color: #004c87;
}


input
{
	border: 1px solid #d7d7d7;
}

textarea
{
	border: 1px solid #d7d7d7;
}

fieldset
{
	border: 1px solid #781351;
	width: 50px;
}
 
     

/*
	Left Navigation
*/


#navcontainer{
	position:absolute;
	left:50px;
	top:85px;
	width:142px;
	z-index:99;
	overflow:visible;
	text-align: left;
	clear:both;
	
}
	


.navlist a {
    color: #00477f;
    padding: 4px 0 3px 25px;
    border: 1px solid #d7d7d7;
    border-top: none;
    display: block;
    font-weight: normal;
    text-decoration: none;
    background: #FFF url(../images/nav/nav_off.gif) no-repeat;
     }
.navlist a.blank {
    background: #FFF;
}
.navlist .first a {
       border-top: 1px solid #d7d7d7;
     }     
    
.navlist a.here {
    color: #00477f;
    font-weight: bold;
    background:#f6cb4c url(../images/nav/nav_on.gif) no-repeat;
     }
    
.navlist a:hover {
    font-weight: bold;
    color: #00477f;
    background:#f6cb4c url(../images/nav/nav_on.gif) no-repeat;
     }
.navlist a.blank:hover {
    background: #FFF;
    font-weight: normal;
    
}
    
.navlist li {
    margin-left: 0px;
    padding-left: 0;
     }
    
.navlist {
    font: 12px Arial, Helvetica, sans-serif; 
    margin-left: 0px;
    padding-left: 0; 
    list-style: none; 
    width: 140px; 
    }
    
.navlist a.stack {
    float:left;
    border-right: none;
    width:230px;
     }   
.navlist a.stacklast {
    float:left;
    width:231px;
     }       
    
#categories{
	margin-left: -230px;
	width:100%;
}

#categories h3{
	background: #f6cb4c;
	padding:10px;
	font-size:18px;
	font-weight: bold;
	width:731px;
	margin:0px;
	margin-bottom:-12px;
	padding-left:27px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#categories .noBG {
	background: #fff;
}

.wideNav{
	width:770px;
}

.largeRule{
	width:770px;
	height:1px;
	color:#ccc;
	background-color: #ccc;
}

.crumb{
	padding-bottom:5px;
	padding-left:25px;
	font-size:11px;
	color:#0069d1;
	width:400px;
}

.crumb2{
	padding-bottom:5px;
	padding-left:25px;
	font-size:12px;
	color:#0069d1;
	width:400px;
	font-weight:bold;
}


.productpag{
	border:1px solid #cccccc;
	width:768px;
	margin-top:12px;
	text-align:right;
        background-color: #eaeaea;
}

.productpagbottom{
	border:1px solid #cccccc;
	border-top:none;
	width:768px;
	text-align:right;
        background-color: #eaeaea;
}

.products{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	width:768px;
}

.producttable{
	width:768px;
}
.producttable th, .producttable td{
	border-bottom:1px solid #cccccc;
}

.producttable tr.odd td{
	background-color: #eee;
}

.producttable td{
	color: #00477f;
}

.empty {
	padding:0;
	width:15px;
	border-right:1px solid #cccccc;
}




.productpaginate a, .productpaginate span {
    padding: 0px 5px 0px 5px;
    display: block;
    float: left;
    margin-right: 1px; 
    font-size: 11px;
    text-align:right;
    }

    
   .productpaginate .prev_page,.productpaginate .next_page{
    	padding-top:3px;
    } 
    
  .productpaginate span.current {
    font-weight: bold;
    color: #0069d1; }
    
  .productpaginate a {
    text-decoration: none;
    color: #787878; }
    
    .productpaginate a:hover, .productpaginate a:focus {
      color: #ccc;
      text-decoration: underline;
      }
         
  .productpag:after,.productpagbottom:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
    
  * html .productpag, * html .productpagbottom {
    height: 1%; }
    
  *:first-child+html .productpaginate {
    overflow: hidden; }






#footer {
	color:#666;
	font-size: 10px;
	margin-left:-20px;
	 }
	

 .form_content h1 {
	display: block;
	color:#FFF;
	padding: 0px;
	margin:0px;
	padding-top:5px;
	margin-left: 15px;
	margin-right: 15px;
	font: bold 14px Arial, Helvetica, sans-serif;
}

/* <HR> */

.lightBlue{
	width: 100%;
	height:1px;
	background: #85b0d3;
	color: #85b0d3;
	border:0px;
	text-align: center;
	}
	
.lightGrey{
	margin-left:-40px;
	width: 840px;
	height:1px;
	background: #666;
	color: #666;
	border:0px;
	text-align: center;
	
	}	
	

/*
Product catalog
Home page layout
*/

.prodcat{
	list-style:url(../images/bullet.gif);
	margin:0;
	padding:0;
	padding-left:25px;
	font: bold 10px/14px Arial, Helvetica, sans-serif;
	margin-top:0px;
}

.prodcat li {
	border-bottom: 1px solid #337bb5;
	margin-right:25px;
	line-height: 15px;
}


.prodcat li a{
	color: #FFF;
	text-decoration: none;
}

.prodcat li a:hover{
	color: #f6cb4c;
	text-decoration: none;
}




/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
    margin-left:-25px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height: 37px;
}



.jcarousel-skin-tango .jcarousel-container {
    background: #FFF;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 515px;
    padding-left: 25px;
    padding-right: 25px;
}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  515px;
    height: 37px;
    
    border: 1px solid #ccc;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 100px;
    height: 37px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    right: 5px;
    width: 15px;
    height: 37px;
    cursor: pointer;
    background: transparent url(../images/scroll_right.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    left: 5px;
    width: 15px;
    height: 37px;
    cursor: pointer;
    background: transparent url(../images/scroll_left.gif) no-repeat 0 0;
}

#error{
 font-size:11px;
 font-weight: bold;
 color:#b90011;
 }
 
 .error{
  border:thin solid #ff0000;
  background-color:#ffb2b6;
  }
  
  .error_label {
	color: #ff0000;
}

.form_error_alert {
	color:#ff0000;
	border:1px solid #ff0000;
	padding:10px;
	font-weight:bold;
	margin:20px;
}