@charset "utf-8";
/* CSS Document */
/*RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
:hover, :active, input, a, form, select{outline:none;}
/*END RESET*/

html{width:100%;height:100%;}
body{width:100%;height:height:100%;border:none;background:#000000;color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:12px;overflow:auto;#overflow:hidden;}

a{color:#FFEA00;text-decoration:none;}
a:hover{text-decoration:underline;}

a.btn:hover{background-position:bottom;}


#page{width:950px;margin:0 auto;}
#wrapper{width:873px;margin:auto;margin-top:-27px;position:relative;z-index:1;}
#page_wrapper{width:950px;margin:auto;margin-top:-27px;position:relative;z-index:1;}
#header{width:920px;height:148px;margin:auto;background:url(../images/header_bg.gif) no-repeat top center; position:relative;z-index:2;}
#footer{width:857px;position:relative;height:129px;margin:auto;background:url(../images/footer_bg.jpg) no-repeat;}


#footer_text{text-align:center;color:#666666;font-size:10px;}
#footer_text a{color:#666666;text-decoration:none;}
#footer_text a:hover{color:#ffffff;}

#search{float:left;padding:32px 0 0 40px;}
#search_txt{width:64px;padding:3px 0px 2px 6px;color:#ffffff;border:1px solid #666666;font-size:10px;background:#000000;float:left;#height:15px;#padding:4px 0 1px 6px;}
#search_btn{display:block;width:23px;height:18px;#height:20px;background:url(../images/search_btn.gif) no-repeat top left;border:1px solid #666666; border-left:none;cursor:pointer;float:left;}
#search_btn:hover{background-position:0 -20px;}
#header_number{float:right;text-align:right;padding:20px 38px 0 0;} 

.yellow{color:#ffea00;}
.grey{color:#666666;}
.light_grey{color:#bababa;}
.bold{font-weight:bold;}
h2{font-size:20px;font-weight:bold;}
.left{float:left;}
.clear{clear:both;}
.right{float:right;}

div#top_nav{float:right;padding:3px 31px 0 0;letter-spacing:.06em;}
#top_nav li{display:inline;}
#top_nav li a{display:inline-block;padding:0 8px;border-right:solid 1px #565656;font-family:"Times New Roman", Times, serif;font-size:10px;color:#cccccc;text-decoration:none;text-transform:uppercase;}

ul.nav_left{float:left;padding:0px 0 0 40px;letter-spacing:.06em;}
ul.nav_right{float:right;padding:0px 25px 0 0;letter-spacing:.03em;}
#nav li{display:inline;height:16px;}
#nav li a{display:inline-block;padding:0 12px;height:16px;border-right:double 4px #565656;font-family:"Times New Roman", Times, serif;color:#cccccc;text-decoration:none;text-transform:uppercase;}
#nav li a:hover, #top_nav li a:hover{color:#ffffff;}
#nav li a.current_page, #top_nav li a.current_page{color:#ffff00;}
#nav li a.first{padding-left:0;}
#nav li a.last, #top_nav li a.last{border:none;}


.logo_link{display:inline-block;cursor:pointer;vertical-align:middle;}
.logo_link:hover{background-position:bottom;}
a.tommy{margin-top:10px;width:81px;height:37px;background:url(../images/logos/tommy_gate.gif) no-repeat top;}
.weather{margin-top:-10px;width:106px;height:22px;background:url(../images/logos/weather_gaurd.gif) no-repeat top;}
.auto_crane{width:85px;height:30px;background:url(../images/logos/auto_crane.gif) no-repeat top;}
.vmac{width:73px;height:22px;background:url(../images/logos/vmac.gif) no-repeat top;}
.venturo{width:87px;height:19px;background:url(../images/logos/venturo.gif) no-repeat top;}

#footer_logos{padding:20px 0 0 110px;}
#footer_logos a{margin:20px;}


#index_slideshow{width:847px;height:289px;background:url(../images/index/home_imgBg.jpg) no-repeat;padding:0px 13px 32px 13px;}
.dot{background:url(../images/img_dot.gif) no-repeat top left;height:15px;width:14px;display:inline-block;margin:0 6px;}
a.active_dot{background-position:bottom;}
div#img_dots a.dot{margin:7px 0px;}

.box{background:url(../images/img_box.gif) no-repeat top left;height:14px;width:15px;padding:1px 0 0 8px;font-size:10px;color:#666666;font-weight:bold;display:inline-block;margin:0 4px;cursor:pointer;text-decoration:none;}
.box{#float:left;}
.box:hover{color:#ffffff;text-decoration:none;}
a.active_box{background-position:bottom;color:#ffffff;}

span.checkbox {width: 25px;height: 25px;padding: 0 5px 0 0;background: url(../images/form/checkbox2.gif) no-repeat;display: block;float: right; cursor:pointer;margin:-7px 0 0 0px;position:relative;}
span.radio {width: 19px;height: 25px;padding: 0 5px 0 0;background: url(../images/form/radio.gif) no-repeat;display: block;clear: left;float: left;}
span.select {position: absolute;width: 77px; /* With the padding included, the width is 190 pixels: the actual width of the image. */height: 21px;padding: 0 20px 0 6px;margin:5px 2px 0 2px;color: #000000;font: 12px/21px arial,sans-serif;background: url(../images/form/select.gif) no-repeat;overflow: hidden;}

h2.page_header{font-size:20px;color:#ffea00;font-weight:600;letter-spacing:.06em;}
#top_text_block{float:left;background:url(../images/main_text_bg.jpg) no-repeat top left;width:310px;height:258px;padding:37px 58px 0 13px;}
#main_slider{float:left;background:url(../images/main_img_right_bg.jpg) no-repeat top left;width:562px;height:295px;}
#img_dots{float:left;padding:0 8px 0 54px;width:10px;height:298px;}
#page_slider{float:left;position:relative;width:490px;height:295px;}

#bottomContent{width:950px;clear:both;}
.gallery-menu{background:url(../images/page_content_sep.jpg) no-repeat top center;width:950px;height:58px;}


ul.gallery-nav{vertical-align:bottom;padding:29px 0 0 46px;#padding-top:28px;}
.gallery-nav li{display:inline;height:27px;vertical-align:bottom;}
.gallery-nav li a{float:left;color:#666666;text-transform:uppercase;text-decoration:none;background:url(../images/gallery_btn_bg.gif) bottom left;padding:3px 15px 2px 30px;font-weight:bold;font-size:12px;border:1px solid #666666;border-left:none;margin-top:6px;#margin-top:7px;}
ul.gallery-nav li a.first{border-left:1px solid #666666;margin-left:0px;}
.gallery-nav li a.active{color:#ffffff;padding:5px 15px 5px 30px;background-position:top left;margin-top:0px;#margin-top:1px;border-left:1px solid #666666;margin-left:-1px;font-size:14px;}
.gallery-nav li a:hover{color:#ffffff;}

.gallery_btn{background:url(../images/gallery_btn.gif) top left;padding:6px 15px 6px 25px;color:#ffffff;text-decoration:none;border:1px solid #666666;font-weight:bold;display:inline-block;margin:25px 0;text-transform:uppercase;}
.gallery_btn:hover, a#gallery_submit:hover{background-position:0 -26px;text-decoration:none;}

form#gallery_form{margin:5px 0;}
form#gallery_form select{border:1px solid #666666;color:#ffffff;background:#000000;width:100px;}

a#gallery_submit{background:url(../images/gallery_btn.gif) no-repeat top left;display:inline-block;padding:6px 15px 5px 24px;color:#ffffff;text-decoration:none;font-size:14px;font-weight:bold;border:1px solid #666666;}

#category, #options{width:136px;float:left;border-right:1px solid #666666;padding:17px 20px;min-height:425px;}
#details{float:left;padding:17px 20px 17px 25px;width:450px;}
#category a, #options a{color:#666666;display:block;font-weight:bold;text-decoration:none;}
#category a:hover, #options a:hover{color:#ffffff;}
#category a.active, #options a.active{color:#ffffff;}
#category h3, #options h3, #details h3{font-weight:bold;margin:0 0 20px 0;text-transform:uppercase;}

#productImgMain img{border:1px solid #666666;float:left;}
#productSmallImgs{float:left;width:91px;background:#000000;border:1px solid #666666;margin-left:10px;margin-top:-8px;}
#productSmallImgs img{border:1px solid #666666;margin:12px 17px;}