/* CSS Document */
html {
	height:100%;
}

body {
	background:#1F1F1F;
	margin:0px;
	height:100%;
}

body, td, a {
	font: 11px Arial, Helvetica, sans-serif;
	color:#FFF;
}

img {
	display:block;
	border:none;
}

form {
	margin:0;
	width:100%;
}

input, select {
	background:#CDCDCD url(images/input_background.gif) repeat-x;
	border: 1px inset #DDD;
	margin:0px;
}

.stdInput {
	background:none;
	border:none;
}

pre, p {
	margin:0px;
	padding:10px 0;
}

.clearboth {
	clear:both;
}

#bottomBoxes{
	padding-top:5px;
}

.clickable {
	cursor:pointer;
}

.noborder {
	border:none;
}

.hidden {
	display:none;
}

#everything {
	position:relative;
	min-height:100%;
	min-width:800px;
	background:url(images/background.gif);
}

.preloadBackgrounds {
	width:1px;
	height:1px;
	overflow:hidden;
	position:absolute;
	left:-1000px;
}

#header {
	width:100%;
	background:#555 url(images/header_back.png);
	position:relative;
	z-index:100;

}

#headerimage {
	height:100px;
	width:800px;
	margin:0 auto 0 auto;
	height:91px;
	position:relative;
	z-index:4000;
}

#shipquotebar {
	position:absolute;
	left:380px;
	top:0;
	cursor:pointer;
}


#shipquoteinfo {
	position:absolute;
	left:210px;
	top:0;
	z-index:3500;
}

#outletbar {
	position:absolute;
	left:240px;
	top:0;
	cursor:pointer;
}

#outletinfo {
	position:absolute;
	left:85px;
	top:0;
	z-index:2;
}

#infobar {
	position:absolute;
	right:7px;
	top:0;
	width:274px;
	height:35px;
	background: url(images/header_infobar.png);
}

#infobarcontents {
	position:absolute;
	right:7px;
	top:0;
	width:244px;
	height:29px;
	padding:0px 15px 6px 15px;
}

#phonenumber {
	position:absolute;
	left:0px;
	vertical-align:middle;
	color:#000;
	font-weight:bold;
	line-height:29px;
	height:29px;
}

#viewCartButton {
	position:absolute;
	left:113px;
	width:33px;
}

#minicart {
	position:absolute;
	left:150px;
	color:#000;
	font-weight:bold;
	height:29px;
	padding-top:10px;
}

#infobarQty {
	position:absolute;
	left:5px;
}

#infobarTotal {
	position:absolute;
	left:45px;
}

#skateliteButton {
/*	position:absolute;
	right:15px;
	bottom:15px; */
    background: url("images/header_skatelitelogo.png") repeat scroll 0 0 transparent;
    float: right;
    height: 31px;
    width: 131px;
}

#skateliteButton:hover {
	background: url(images/header_skatelitelogo_over.png);
}

#menu {
	width:100%;
	background:#DDD url(images/menu_back.png);
}

#menubuttons {
	width:750px;
	margin:0 auto 0 auto;
}

#menubuttons img {
	float:left;
	cursor:pointer;
}

#body {
	width:792px;
	padding:0 0 10px 0;
	margin: 0 auto 0 auto;
}

#bodymiddle {
	background:url(images/body_middle.png);
	width:792px;
	padding-bottom:9px;
}

#bodybottom {
	clear:both;
	background:url(images/body_bottom_cart.png);
	width:792px;
	height:102px;
	position:relative;
}

#content {
	width:745px;
	margin:auto;
	background:#B6B6B6;
}

#errormsg {
	color:#F88;
	font-weight:bold;
	padding-bottom:5px;
}

#shippingmsg {	
        /*color:#F88; */
	font-weight:bold;
	padding-bottom:5px;
}

#city_suggestions {
	display:none;
	background:#777;
	padding:5px;
	height:200px;
	overflow-y:scroll;
}

.fullwidthTop{
	position:relative;
	width:745px;
	height:40px;
	background:url(images/fullwidth_top.png);
	margin-bottom:0px;
	padding-bottom:0px;
	z-index:0;
}

.fullwidthMiddle {
	width:715px;
	background:url(images/fullwidth_middle.png);
	padding:0px 15px;
	padding-top:0px;
	margin-top:0px;
}

.fullwidthMiddle h3 {
  margin:0px;
  padding:0px;
}
.fullwidthMiddle p {
  margin-top:0px;
  padding-top:0px;
}

.fullwidthBottom {
	width:745px;
	height:15px;
	background:url(images/fullwidth_bottom.png);
}

#mainimage {
	width:745px;
	height:252px;
}

#mainimagebackground {
	background: url(images/main_image.jpg);
	width:745px;
	height:252px;
}

#maintext {
	padding:110px 0 0 25px;
	width:415px;
}

#productboxOriginal,
#productboxPro,
#productboxOCC {
	width:243px;
	height:228px;
	text-align:left;
	padding-top:230px;
}

.invisibleLink {
	display:block;
	margin:0 5px;
	height:58px;
	width:233px;
}

.boxText {
	padding: 10px;
}

#productboxOriginal {
	background: url(images/main_bottom_1.jpg);
}

#productboxPro {
	background: url(images/main_bottom_2.jpg);
}

#productboxOCC {
	background: url(images/main_bottom_3.jpg);
}

.orderformBox, .cartBox {
	background: url(images/orderform_cart_back.png);
	width:223px;
	height:438px;
	position:relative;
	padding:10px;
	behavior: url(iepngfix.htc);
}

.sectionTitle {
	position:absolute;
	font-size:11px;
	top:24px;
	right:15px;
	height: 18px;
	text-align:right;
	width:150px;
	color:#333;
	font-weight:bold;
}

.sectionContent {
	text-align: left;
	width: 100%;
	height: 400px;
	position:relative;
	clear:both;
	padding-top:40px;
	margin:auto;
}

.productTitle {
	font-weight:bold;
	color:#000;
	padding:5px 0;
}

.availableproducts {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}

.availableproducts thead td,
.cartSection,
.productTitle {
	background: url(images/line.gif) no-repeat top center;
}

.availableproducts tbody td {
	font-weight:bold;
}

.availableproducts thead td {
	font-weight:bold;
	color:#000;
}

.availableproducts td {
	padding:3px;
	vertical-align:bottom;
}

.qtyinput {
	height:20px;
	width:25px;
	background: url(images/qty_back.png);
	padding:6px 2px 0 3px;
	border:none;
	text-align:center;
}

td.quantity {
	width:29px;
}

.zip_check label, .zip_check input {
  float:left;
  display:block;
}


.cartbutton {
	position:absolute;
	bottom:10px;
	right:10px;
	text-align:right;
}

.cartbutton img {
	float:right;
}

.cartbutton input, .button, .distributor_button, .distributor_button input {
	border:none;
	background:none;
}

.cartTitle {
	font-weight:bold;
	width:100%;
	padding-top:5px;
	color:#000;
	display:block;
	text-decoration:none;
}

.cartTitle:hover {
	background: #888;
}

.cartTotal {
	width:100%;
}

.cartTotal td {
	font-weight:bold;
	text-align:right;
}

td.totalTitle, td.shippingTitle, td.taxTitle {
	color:#000;
}

table.cart {
	width:100%;
	border-collapse:collapse;
	margin-bottom:5px;
}

.cartitem td {
	text-align:left;
	padding:2px;
	font-weight:bold;
}

td.cartCell_price {
	text-align: right;
	width:60px;
}

td.cartCell_quantity {
	width:14px;
}

td.cartCell_color {
}

#removeButton {
	display:none;
}

td.removeButton {
	font-size:10px;
	width:50px;
	text-align: right;
}

div.removeButton {
	cursor:pointer;
}

#confirmButton {
	display:none;
}

.checkoutShippingBox {
	position:relative;
	background: url(images/orderform_shipping_back.png);
	height:155px;
	width:475px;
	padding:10px 10px 10px 10px;
	margin-bottom:8px;
}

.checkoutBillingBox {
	position:relative;
	background: url(images/orderform_billing_back.png);
	height:255px;
	width:475px;
	padding:10px 10px 10px 10px;
	margin-bottom:8px;
}

.checkoutContents{
	padding:23px 0 0 50px;
}

.stepNumber {
	position:absolute;
	left:10px;
	top:25px;
}

#copyDataButton {
	border:none;
	position:absolute;
	top:30px;
	left:60px;
	cursor:pointer;
}

.mediuminput {
	width:140px;
}

.smallinput {
	width:60px;
}

.longinput {
	width:200px;
}

.checkoutContents td {
	padding:0 10px 0 0;
	margin:0px;
	height:20px;
}

.checkoutContents td.text {
	height:16px !important;
	vertical-align:bottom;
}

.disabledForm td {
	filter:alpha(opacity=50);
	opacity:.5;
}

#warrantybox, #securitybox {
	font-size: 10px;
}

#aboutbox, .fullwidthContainer {
	padding: 6px 0 0 0;
}

#alertMessage {
	font-size:12px;
	font-weight:bold;
	color:#F90;
	text-align:center;
	width:100%;
	display:none;
}

#alertMessage a {
	font-size:12px;
	font-weight:bold;
	color:#F90;
}

/* IE < 7 PNG fix */
* html .png {
	behavior: url(iepngfix.htc);
}

/* overlay styles */

/*.sale-alert {
  border:none;
  background:none;
  background-color:none;
  background-image:none;
}

.ui-widget-content {
  
}

.sale-alert .ui-dialog-titlebar {
  display:none;
  background-color:#000;
  background-image:none;
  border:none;
}
*/
.ui-widget-overlay {
/*  background-color:#000;
  opacity:0.5;
  filter:alpha(opacity=50)
  */
} 

 /* Z-index of #mask must lower than #boxes .window */  
 /*#mask {  
   position:absolute;  
   z-index:9000;  
   background-color:#000;  
   display:none;  
 }  
     
 .window {  
   position:absolute;  
   width:440px;  
   height:200px;  
   display:none;  
   z-index:9999;  
   padding:20px;  
 }  
   */
   
 /* Customize your modal window here, you can add background image too */  
 /* #boxes #dialog {  
   width:375px;   
   height:203px;  
 }  */
 
 #mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:654px;
  height:380px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #sale_notice {
  width:554px; 
  height:380px;
  background-image:url(images/home_overlay_notext.png);
  background-position:top left;
  background-repeat:no-repeat;
  padding:45px;
  background-color:transparent;
}
#sale_notice a {
  font-size:14px;
}
#sale_notice p {
  color:#949494;
  font-size:14px;
  padding:5px 0px;
}
#sale_notice h1 {
  margin:0;
  padding:0;
  font-size:32px;
}
#sale_notice .old-price {
  color:#fff;
  text-decoration:line-through;
}
#sale_notice .bold-white {
  color:#fff;
}
#sale_notice h1, #sale_notice strong {
  color:#DA3039
}
#sale_notice h1 .sub-header {
  color:#fff;
  font-size:16px;
}

/* outlet button in header */
#outlet-zone {
	position:absolute;
	left:242px;
	top:0;
	cursor:pointer;
}

#outlet-info {
    position:absolute;
	left:30px;
	top:0;
	z-index:2;
}
/* Order Confirmation */
.confirmatiton_form {
  width:700px;    
}

.confirmatiton_form label {
  font-size:14px;
  font-weight:bold;

}

.confirmatiton_form label.error {
  color:#CC0000;
  padding-left:10px;
  font-size:12px;
}

.pronumber-form-container {
  border-top:1px dashed #ffffff;
  border-bottom:1px dashed #ffffff;
  padding:10px;
}

.confirmed_order_check {
  margin-left:50px;
}

.ship_comment_even {
  background-color:#999999;
  background-image:url(images/line.gif);
  background-repeat:repeat-x;
  background-position:bottom left;
  padding:5px;
}

.ship_comment_odd {
 background-image:url(images/line.gif);
 background-repeat:repeat-x;
 background-position:bottom left;
 padding:5px; 
}

/* 
 * Nav styles header etc
 * */
ul.topnav {
	list-style: none;
	padding: 0px;
	margin: 0;
	float: left;
	width: 738px;
	background: #222;
	font-size: 1.2em;
/*	background: url(topnav_bg.gif) repeat-x; */

        background-position: top right;
	background-repeat: no-repeat;
        background: url("images/menu_back.png") repeat scroll 0 0 #DDDDDD
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	background-image: url(images/button_divider.gif);
        background-position: top left;
	background-repeat: no-repeat;
        z-index:3000;
}
ul.topnav li a{
	padding: 0px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
/*	background: url(topnav_hover.gif) no-repeat center top; */
}
/*ul.topnav li span { /*--Drop down trigger styles--*/
/*	width: 17px;
	height: 35px;
	float: left;
	background: url(images/subnav_btn.gif) no-repeat center top;
}*/
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 38px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
/*	float: left;  */
        z-index: 1500;
	width: 177px;
	border: 1px solid #111;
       
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 177px;
        background-image:none;
}
html ul.topnav li ul.subnav li, html ul.topnav li ul.subnav {
/*  width: 182px; */
}
html ul.topnav li ul.subnav li a {
	padding: 10px 5px;
	float: left;
	width: 152px;
/*	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center; */
	padding-left: 20px;

}

ul.subnav li a span.product_title {
  font-weight:bold;
  color:#ffffff;
  font-size:14px;
}
ul.subnav li a span.product_subtitle {
  font-weight:normal;
  font-size:12px;
  color:#757575;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222;
}

.ui-dialog-buttonpane .ui-button {
  float:right;
}


#zip-lookup {
    width:350px;
    padding:25px 0px 25px 0px;
  }
#zip-lookup #zip {  
  }
#zip-lookup #processButton {
  margin:-3px 20px 0px 20px;
}

fieldset.distributor {
  border:none;
}
fieldset.distributor #zip {
  color:#444444;
  font-size:10px;
  padding:5px;
}
.underline-text {
    text-decoration: underline;
}

#lift_gate_info {
  margin-left:20px;
}