/* generic */
*{ padding: 0 ; margin: 0 ; }
body{ background: #eceff3 url(../img/bg.bmp) repeat-x ; padding-top: 32px ; font-family: Arial, Helvetica, sans-serif ; }

/* layout */
.container{ width: 886px ; margin: 0 auto ; }
.header { height: 120px ; }
.carousel { height: 174px ; }
.content { }
.footer { }

/* header styles */
.header img { float: left ; }
.header #nav {float: left ; width: 527px ; margin-top: 20px ; color: #989DA7 ; padding-left: 80px ;}
.header #nav a{ padding: 0 5px ; text-decoration: none ; font-size: 80% ; color: #989DA7 ; }
.header #nav a.current{ color: #221D60 ; font-weight: 600 ; }
.header #nav a:hover{ text-decoration: underline ; }
.header form { float:left; background: transparent url(../img/searcbox.gif) no-repeat ; width: 162px ;padding: 0 0 0 10px ; height: 30px ; margin-top: 18px ;}
.header input{ border: none ; background-color: transparent ; font-size: 70% ; color: #989DA7 ;  }
.header .txt { width: 130px ; padding-right: 12px ;}
.header .submit { position: relative ; left: -13px ; top: 4px ; }

/* carousel styles */
.carousel{ list-style: none ; height: 174px ;}
*html .carousel { overflow: hidden ; }
.carousel li { float: left ;  width: 80px ; text-align: center ; }
.carousel li a{ color: #989DA7 ; font-size: 80% ; font-style: italic ; text-decoration: none ; line-height: 174px ;}
.carousel li a.prev { background: url(../img/left.gif) no-repeat left ; padding-left: 25px ;}
.carousel li a.next { background: url(../img/right.gif) no-repeat right ; padding-right: 25px ;}
#sections{overflow:hidden;width:726px;height:213px;float:left ; position: relative ; top: -25px ;}
#sections ul{width:4000px; list-style:none ;}
#sections li{float:left; width: 726px ;}
#sections li .product-info{ float: left ;  width: 226px ; margin: 80px 0 0 50px ; text-align: left ;}
#sections li .product-info h1 { font-size: 80% ; color: #fff ; font-weight: 600 ;  padding-bottom: 2px ;}
#sections li .product-info p { font-size: 80% ; color: #979CA6 ; }
#sections li img {z-index:99 ;}

/* content styles */
.content .spr-col { float: left ; width: 212px ; }
.content .info-col { float: left ; width: 328px ; }
.content h1 { font-size: 80% ; color: #221D60 ;  padding-bottom: 2px ;}
.content h2 {  padding-bottom: 2px ; font-size: 80% ;}
.content h2 a {  color: #221D60 ; text-decoration: none ; padding-right: 8px ; background: url(../img/link_bullit.gif) no-repeat right ;}
.content h2 a:hover{ text-decoration: underline ; }
.content p { font-size: 80% ; color: #979CA6 ; }
.content .img-col { float: left ; width: 346px ; margin-bottom: 30px ; margin-top: -40px ;}
#col-holder{ background: url(../img/hr.jpg) no-repeat top ; padding-top: 1px ; }
.content .col-33 { float: left ; width: 204px ; padding: 25px 10px 0 10px ; background: url(../img/col_bg.jpg) no-repeat ; }

/* footer styles */
.footer{ background: url(../img/hr.jpg) no-repeat top ; padding-top: 1px ; margin-top: 40px ;}
.footer #nav2 {float: left ; width: 500px ; color: #989DA7 ; margin-top: 10px ;}
.footer #nav2 a{ padding: 0 5px ; text-decoration: none ; font-size: 70% ; color: #989DA7 ; }
.footer #nav2 a:hover{ text-decoration: underline ; }
.footer #copy { float: left ; text-align: right ; width: 336px ; color: #989DA7 ; margin-top: 10px ; font-size: 70% ;}

/* misc styles */
.clearer { clear: both ; }
a{ color: #221d60 ; }