/* CSS Document */
/*    */
/* --------------  CUSTOM FONTS --------------------*/

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.html') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont-2.html#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LucidaSansRegular';
    src: url('../fonts/lsans-webfont.eot');
    src: url('../fonts/lsans-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lsans-webfont.html') format('woff'),
         url('../fonts/lsans-webfont.ttf') format('truetype'),
         url('../fonts/lsans-webfont-2.html#LucidaSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{height:100%}
body {margin: 0px; padding:0px; font:16px "LucidaSansRegular", Arial, Helvetica, sans-serif; width:100%; height:100%; color:black;}
a{color:black; text-decoration:none; outline:none;}
a.selected, a:hover{color:grey;}

.clearB {clear:both}


/* --------------  FONT SIZE  --------------------*/
.font_10px{font-size:10px;}
.font11{ font-size:11px}
.font_11px{font-size:13px;}
.font_12px{font-size:13px;}
.font_13px{font-size:13px;}
.font_14px{font-size:14px;}
.font_16px{font-size:16px;}
.font_18px{font-size:21px;}
.font_20px{font-size:20px;}
.font_23px{font-size:23px;}
.font_24px{font-size:24px;}
.font_26px{font-size:26px;}
.font_40px{font-size:40px;}
.font_12px_cus{font-size:14px; color: white;}
.font_20px{font-size:20px; color: white;}

.custom_font{font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;}
.high_txt{color: white};
.highlight_txt{color:#3294b2;}
.black_txt{color:#000;}
.white_txt{color:#fff; line-height: 150%}
.blue_txt{color:black;}
.white_txt{color: white;}
.grey_txt{color:#777777;}
.green_txt{color:#99a03f;}

.all_caps{text-transform:uppercase;}

.subheader_title{color:#f0f0f0; font:50px 'BebasNeueRegular', Arial, Helvetica, sans-serif; text-transform:uppercase}
.subheader_title2{color:black; font-size:16px;}
.subheader_title3{color:#3294b2; font-size:19px; }

.blue_link{color:#0096ff; text-decoration:none;font:20px 'BebasNeueRegular', Arial, Helvetica, sans-serif; }
.blue_link:hover {color:#fff;}


/* -------------- BACKGROUND + CONTENT  --------------------*/
.main_bg{background:black url(../images/structures/main_bg.jpg) center top no-repeat;}
.main_bg_wa{background:#F6BB09 url(../images/structures/main_bg_wa.jpg) center top no-repeat;}
.content_area {margin:62px 0px 50px 10px;}
.highlight_text_area{background-color:#2c4a85; padding:20px; text-align:left;}
.highlight_text_area_wa{background-color:black; padding:20px; text-align:left;}


/* -------------- MAIN BANNER  --------------------*/
/* --------------  ROTATOR  --------------------*/

.highlight_main{position:relative; width:926px; height:530px; position:relative; margin-left:10px;}

.highlight_main .tireContainer{position:absolute; height:421px; width:400px; right:-291px; top:115px; z-index:1; overflow:hidden;}
.highlight_main .tire {display:block; }

.highlight_main .rotator {position:absolute; left:20px; top:340px; z-index:999;}
.highlight_main .rotator ul{padding:0px; margin:0px;}
.highlight_main .rotator li{ list-style-type:none; float:left;}
.highlight_main .rotator li a{display:block; padding:5px 10px; margin-right:3px; background-color:#000; color:#787878; font-size:12px;}
.highlight_main .rotator li a:hover {background-color:#1e1e1e; color:#fff;}
.highlight_main .rotator li .currentBanner {background-color:#0096ff; color:#fff; font-weight:bold;}


.highlight_banner { width:1200px; height:388px; overflow:hidden; border:none;}
.highlight_banner .banner { display:block; }

.preloader { height:100%; width:100%; background:url(../images/preloader.html) center 200px no-repeat #000;  }

.highlight_main .info{position:absolute; top:410px; z-index:999;}



/* -------------- PRODUCTS SCROLLER  --------------------*/
.product_scroller{border:1px solid white; padding:10px; width:100%; margin-bottom:10px; outline:none;}
.product_scroller .listing {width:1200px; height:145px; margin:10px 0px 0px 5px; overflow-x:auto; overflow-y:hidden; font-size:12px; outline:none; text-align: center;}
.item {margin-right:5px;}
.item .title {font:35px 'BebasNeueRegular', Arial, Helvetica, sans-serif; color:black; }
.item .hi_txt {font:35px 'BebasNeueRegular', Arial, Helvetica, sans-serif; color:white; }

/* -------------- MENU + TABS --------------------*/
.menu{ background:black url(../images/structures/menu_bg.png) no-repeat top center; width:100%; padding:10px 0px 10px 10px; margin-top:5px; float: left; color:#f7bf08;}
.menu a{color:#fff; text-decoration:none; }
.menu a:hover, .menu .selected{color:#F7C608;}

.tabs .square{background-color:#3e3e3e; width:7px; height:20px; float:left; margin:0px 10px 0px 3px; padding-top:11px;}
.tabs a{color:#3e3e3e; font:30px 'BebasNeueRegular', Arial, Helvetica, sans-serif; display:block; float:left; text-transform:uppercase; margin-right:20px;}
.tabs:hover .square, .currentTab .square{background-color:#fff;}
.tabs:hover a, .currentTab a{color:#fff;}

.btn_dot{background:url(../images/btn_icons/btn_dot.png) no-repeat; height:20px; width:20px; display:block;}
.btn_dot:hover{background-position:bottom;}


/* -------------- NEWS MAINPAGE --------------------*/
.news{border:1px solid white; padding:10px; width:180px; height:170px; margin-bottom:10px;}
.news_entry {font-size:11px; color: white;}
.news_entry a{text-decoration:none;}
.news_entry a:hover {text-decoration:none;}


/* --------------  NEWS SUB -------------------*/
.newsSub {font-size:15px;}
.newsSub .year{color:#5c5c5c; font-size:30px;  margin-top:20px;}
.newsSub ul{margin-top:0px; padding-top:0px; padding-left:10px;}
.newsSub li{list-style-image:url(../images/btn_icons/btn_arrow_white.gif); margin-left:10px; *margin-left:-30px; padding:3px 0px 0px 0px;}
.newsSub li span{font-weight:bold; margin-right:20px; display:inline-block; font-size:18px;}
.newsSub li a{display:block; font-size:12px;}
.newsSub .lastnode{border:none;}

.newsSub_header{font-size:30px; color:#777; display:block; margin-bottom:20px;}


/* --------------  FORMS  -----------------*/
.user-cannot-see {display:none}
.textbox {border:1px solid #bebebe; width:95%;}

/* --------------  DIVIDER & BORDER  -------------------*/
.divider_content{background:url(../images/btn_icons/divider.png) repeat-x; height:10px; margin-top:10px;}

/* --------------  trucks  -------------------*/
.trucks ul {width:600px;margin:0px; padding:0px;}
.trucks li {list-style-type:none; float:left;}
.btn_contact{display:block; clear:both;}

/* --------------  TABLE  -------------------*/
.table_style1 {color:black; border:1px solid #fff;}
.table_style1 td{padding:3px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.table_style1 .header1{background-color:#edb42b; color:#000; font-weight:bold;}
.table_style1 .header2{background-color:#1c1c1c; color:#fff; font-weight:bold; font-size:12px;}
.table_style1 .header3{background-color:#3d3d3d; color:#fff; font-weight:bold; font-size:11px;}
.table_style1 .header4{background-color:#2c2b2b; color:#fff; font-weight:bold;}
.table_style1 .header5{background-color:#6e6e6e; color:#fff; font-weight:bold;}


/* --------------  FOOTER  --------------------*/
.footer{font-size:10px; color:#fff; position:static; background:#080f1f url(../images/structures/footer_bg.jpg) repeat-x; height:80px;}
.footer a{color:#9a9a9a; text-decoration:none;}
.footer a:hover{color:#fff;}