/* CSS Document */

body{background-color: #0033ff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image: url(images/bkgd.jpg); background-repeat: repeat-x;}
#wrapper{width: 770px; margin-left: auto; margin-right: auto; background-color: #FFF;}

#header{float: left; width: 770px;}
#head_left{float: left; width: 257px;}
#left_top{float: left; width: 257px; height: 108px; background-image: url(images/left_top2.jpg); background-repeat: no-repeat; text-align: center; padding-top: 5px;}
#left_bottom{float: left; width: 257px; height: 117px; background-image: url(images/left_bottom.jpg); background-repeat: no-repeat;}
#specials{float: left; width: 257px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #666; padding-top: 6px;}
#specials a{text-decoration: none; color: #666;}
#specials a:hover{color: #3366ff;}
#specials .blue{font-size: 13px; font-weight: bold; color: #3366ff;}

#head_right{float: left; width: 513px;}
#right_top{float: left; width: 513px; height: 69px; background-image: url(images/right_top.jpg); background-repeat: repeat-x;}
#top_links{float: left; width: 513px; text-align: center; padding-top: 25px;}
#top_links a{font-weight: bold; text-decoration: none; color: #666; padding-left: 3px; padding-right: 3px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#top_links a:hover{color: #333333;}
#right_bottom{float: left; width: 513px; height: 149px; background-image: url(images/head_canopy.jpg); background-repeat: no-repeat;}

#mainnav{float: left; width: 770px; margin-top: 0px; text-align: center;}
#tabs {
      float:left;
      width:100%;
      background:#FFF;
      font-size:10px;
      line-height:10px;
	  border-bottom:1px solid #24618E;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
      }
    #tabs ul {
	  margin:0;
	  padding:10px 10px 0 15px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 3px;
      text-decoration:none;
	  font-weight: bold;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("images/tabrightJ.gif") no-repeat right top;
      padding:5px 8px 4px 5px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-image: url(images/tableft_hover.gif); background-repeat: no-repeat;
	  
      }
    #tabs a:hover span {
      background-image: url(images/tabright_hover.gif); background-repeat: no-repeat;color: #FFFF00;
      }
	  #tabs a.active {
      background-image: url(images/tableft_hover.gif); background-repeat: no-repeat;
	  
      }
    #tabs a.active span {
      background-image: url(images/tabright_hover.gif); background-repeat: no-repeat;color: #FFFF00;
      }


#main{float: left; width: 770px;}
#left{float: left; width: 237px; _width: 220px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 50px;}
#subnav{float: left; width: 237px;margin-top: 10px;}
#title{float: left; width: 227px;  color: #3366ff; border-bottom: 1px #333 solid; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; padding-left: 10px;}
#links{float: left; width: 227px; margin-left: 10px; margin-top: 7px;}
#links a{text-decoration: none; font-size: 12px; color: #000; font-weight: bold; display: block; line-height: 15px;}
#links a:hover{color: #3366ff;}
#box{float: left; width: 237px; margin-bottom: 0px; margin-right: 10px; margin-top: 5px;padding-top: 10px; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #333333; text-align: center;}
#box a{font-size: 14px; color: #3366ff; text-decoration: none;}
#box a:hover{color: #333333;}
#box hr {color: #666; background-color: #666; margin-bottom: 20px;}

#right{float: left; _clear: right; width: 503px; _width: 450px; margin-top: 10px; padding-bottom: 20px; padding-right: 10px;}
#right h1{font-size: 16px; color: #3366ff; font-weight: bold; width: 100%; border-bottom: 1px solid #000;}
#right h2{font-size: 14px; color: #3366ff; border-bottom: 1px solid #000; padding-right: 30px;}
#right a{color: #3366ff; font-weight: bold; text-decoration: none;}
#right a:hover{color: #333333;}
#right p{text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#right #float_left{float: left; padding: 10px;}
#right #float_right{float: right; padding: 10px;}
#right .product_title{font-weight: bold; font-size: 13px; padding-bottom: 10px;}
.price{color: #3366ff; font-weight: bold; font-size: 13px;}

#footer{float: left; width: 770px; background-color: #0033ff; color:#FFF; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 10px;}
#phone{float: left; width: 257px; border-right: 1px #FFF solid; margin-top: 20px;}
#copyright{float: left; width: 380px; padding-left: 10px; color: #FFF; font-size: 9px; line-height: 11px; padding-top: 20px;}
#copyright a{text-decoration: underline; color: #FFF;}
#copyright a:hover{color: #CCFF00;}
#image{float: left; width: 110px; padding-right: 10px;}
#spacer {clear: both; line-height: 0px;}

.style1 {
	font-size: 24px;
	font-weight: bold;
}
.style2 {
	font-size: 10px;
	font-weight: bold;
}
.style3 {font-weight: bold}
.style4 {
	color: #3366ff;
	font-weight: bold;
}
.style5 {font-size: 14px;
		 font-weight: bold;
		 color:#990000;
}
img {border:0px;}

#preload{visibility: hidden; float: left; height: 0px;}