@charset "utf-8";
/* CSS Document */

/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */

/* ***Main Layout Styles*** */

html { background:url(../images/build/background-tile.jpg) top left repeat-x; background-color: #30374a; font-family: Arial, Helvetica, sans-serif; }

body { margin: 0; padding: 0; }

.pagingLinks {text-align:center; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif;}

.tabularData {font-size: 0.8em; font-family: Arial, Helvetica, sans-serif;}
.tabularData td {padding: 5px;}

.cart-button {border: 1px solid #983655; margin-bottom: 2px; background-color: #CCAA3E;}

.altRowOdd {background-color: #FBEDC0;}
altRowEven {background-color: #FFFFFF;}

#wrapper { margin-left: auto; margin-right: auto; width: 870px; }

#header { margin: 0; padding: 0; height: 120px; }

#logo { float: left; }

#fumoto { float: right; }

#cart-links {font-size: 0.8em; font-family: Arial, Helvetica, sans-serif;}

.engine-makes {list-style:none; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif;}

#navigation { background: url(../images/build/nav-placeholder.jpg) bottom center no-repeat; height: 43px; width: 870px; float: left; } 

#content-tile { float: left; background: url(../images/build/content-tile.jpg) top left repeat-y; width: 870px; }

#content-wrapper { float: left; background: url(../images/build/content_background.jpg) top left no-repeat; width: 870px; }

#footer { float: left; background: url(../images/build/content-footer.jpg) top left no-repeat; height: 37px; width: 870px; }

#sub-footer { float: left; background: url(../images/build/icons_foot.jpg) top left no-repeat; height: 60px; width: 870px; }

#me-brand { text-align: right; }

#banner { padding: 10px 20px 10px 20px; }

#banner-left { background: url(../images/build/bannerleft.jpg) top left no-repeat; height: 155px; width: 515px; float: left; }

#banner-right { background: url(../images/build/bannerright.jpg) top left no-repeat; height: 155px; width: 315px; float: right; }

#banner-right .banner-content { width: 242px; float: right; height: 135px; margin: 10px 10px 0 0; overflow: hidden; }

#banner-right .banner-writeup { width: 242px; height: 83px; overflow: hidden; padding: 5px 5px 5px 5px; }

#banner-right .getmoreinfo { height: 34px; width: 242px; margin: 7px 0 0 0; float: right; }

#content { clear: both; padding: 10px 20px 10px 20px; }

#right { float: right; background: url(../images/build/right_tile.jpg) top left repeat-y; }

#right-ecomm { float: right; background: url(../images/build/right_tile_ecomm.jpg) top left repeat-y; width: 215px; }
#right-wrap-ecomm{ background: url(../images/build/right_background_ecomm.jpg) top left no-repeat; width: 205px; padding: 10px; }

#right-wrap { background: url(../images/build/right_background.jpg) top left no-repeat; width: 295px; padding: 10px; }
#right-foot { background: url(../images/build/right_footer.jpg) top left no-repeat; height: 12px; width: 315px; clear: both; }

#right-foot-ecomm { background: url(../images/build/right_footer_ecomm.jpg) top left no-repeat; height: 12px; width: 215px; clear: both; }

#left { float: left; width: 505px; }
#left-ecomm{ float: left; width: 605px; }
#page-writeup-ecomm p {font-family:Arial, Helvetica, sans-serif; font-size:10pt}

#heading { padding: 10px 0 10px 0; }

#page-writeup { background: url(../images/build/content-shade.jpg) top left no-repeat; width: 485px; padding:10px; }
#page-writeup-ecomm { width: 585px; padding:10px; }


div.featurebox { background: url(../images/build/block-background.jpg) top left no-repeat; padding: 10px; width: 463px; color: #FFFFFF; background-color: #30374b; margin: 10px 0 10px 0; border: 1px solid #181c25; }

/* ***Navigation Styles*** */ 

ul#nav-list { list-style-type: none; margin: 8px 0 0 10px; }

ul#nav-list li { float: left; margin: 0; padding: 0; display: inline; }

ul#nav-list li a { display: block; }

ul#nav-list li a.home { background: url(../images/nav/home_btn.jpg) top left no-repeat; width: 105px; height: 35px; }

ul#nav-list li a.home:hover { background-position: 0 -35px; }

ul#nav-list li a.dealertools { background: url(../images/nav/buynow_btn.jpg) top left no-repeat; width: 135px; height: 35px; }

ul#nav-list li a.dealertools:hover { background-position: 0 -35px; }

ul#nav-list li a.findadealer { background: url(../images/nav/dealers_btn.jpg) top left no-repeat; width: 139px; height: 35px; }

ul#nav-list li a.findadealer:hover { background-position: 0 -35px; }

ul#nav-list li a.infoforfleets { background: url(../images/nav/product_btn.jpg) top left no-repeat; width: 194px; height: 35px; }

ul#nav-list li a.infoforfleets:hover { background-position: 0 -35px; }

ul#nav-list li a.faq { background: url(../images/nav/faq_btn.jpg) top left no-repeat; width: 100px; height: 35px; }

ul#nav-list li a.faq:hover { background-position: 0 -35px; }

ul#nav-list li a.contact { background: url(../images/nav/contact_btn.jpg) top left no-repeat; width: 177px; height: 35px; }

ul#nav-list li a.contact:hover { background-position: 0 -35px; }

/* ***Text Styles*** */

#me-brand a.branding-me { float: right; clear: both; }

#me-brand a.branding-binary { float: right; clear: both; color: #7f838f; font-size: 10px; text-decoration: underline; margin: 0 23px 0 0; }

#me-brand a.branding-binary:hover { color: #FFFFFF; }

.banner-writeup p { color: #FFFFFF; font-size: 15px; }

table.specsheet td { padding: 5px; }

/* ***Additional Styles*** */

table.contact-form { font-family: Arial, Helvetica, sans-serif; color: #333333; }

table.contact-form td { padding: 5px; }

table.contact-form td input, table.contact-form td textarea { background: #FFFFFF; border: 1px solid #181c25; }

table.contact-form td input.submit { background: #181c25; color: #FFFFFF; border: 2px ridge #7f838f; }

a.buynow { display: block; margin: 10px 0 10px 0; background: url(../images/icons/buynow_btn.png) top left no-repeat; width: 295px; height: 40px; }

a.buynow:hover { background-position: 0 -40px; }

input#signup_dealer { display: block; margin: 10px 0 10px 0; background: url(../images/icons/signup_btn.png) top left no-repeat; width: 295px; height: 40px; border: none; cursor: pointer; }

input#signup_dealer:hover { background-position: 0 -40px; }


a#passenger_toggle { display: block; background: url(../images/icons/passenger_btn.jpg) top left no-repeat; width: 60px; height: 21px; float: left; margin-right: 5px; }

a#passenger_toggle:hover { background-position: 0 -21px; }

a#heavy_toggle { display: block; background: url(../images/icons/heavyduty_btn.jpg) top left no-repeat; width: 66px; height: 21px; float: left; margin-right: 5px; }

a#heavy_toggle:hover { background-position: 0 -21px; }

a#industrial_toggle { display: block; background: url(../images/icons/industrial_btn.jpg) top left no-repeat; width: 58px; height: 21px; float: left; }

a#industrial_toggle:hover { background-position: 0 -21px; }

.clear {clear:both;}
.free-shipping {padding:20px 125px 0 0; height:106px; background:url(../images/icons/free_shipping.png) top right no-repeat;}

/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
* html .error { margin: 10px 25px 10px 25px; }