@charset "utf-8";
* { margin: 0; padding: 0; }
img { border:0; }
p { display:block; padding:6px 0; }
body { background-color: #000; font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans; background: #05001C url(../images/innerpagebg.png) repeat-x; }
a:link {color: #fff}
a:visited {color:#F74D00;}
a:hover, a:active {color:#ff0000;}
#indexheader { margin: 0 auto; padding:10px 0 0 0; width: 1026px; height: 430px; background: url(../images/headbg.jpg) no-repeat; }
/*
#indexheader h1 { background-image: url(../images/logo.png); width: 261px; height: 63px; margin: 0 0 0 650px; text-indent: -4000px;  }
*/
#indexheader h1 { background-image: url(../images/main_logo.png); width: 456px; height: 138px; margin: 0 0 0 490px; text-indent: -4000px;  }
#indexnavigation { width: 750px; margin: 255px 0 0 178px; background-image: url(../images/menubg.png); height: 31px; }
#indexnavigation div { height: 31px; background: url(../images/menul.png) no-repeat; }
#indexnavigation div ul { height: 30px; background: url(../images/menur.png) top right no-repeat; text-align: center; padding:1px 0 0 0; font-size: 0px; }
#indexnavigation div ul li { list-style-type: none; display: inline; padding: 0 0 0 1px; height: 31px; background: url(../images/menusep.png) left 0 no-repeat; font-size: 13px; }
#indexnavigation div ul li {background: none;}
#indexnavigation div ul li:first-child { background-image:none; }

#indexnavigation a { display: -moz-inline-box;}
#indexnavigation a span { display: -moz-inline-box;}
#indexnavigation a { height: 29px; padding:0 0 0 5px; display: inline-block; color: #303030; text-decoration: none; }
#indexnavigation a span { height: 26px; line-height: 18px; display:inline-block; padding:4px 5px 0 0; }

#indexnavigation a.current, #indexnavigation a:hover { height: 29px; background:url(../images/hoverbgl.png) top left; color: #F0F0F0; }
#indexnavigation a.current span, #indexnavigation a:hover span { background:url(../images/hoverbgr.png) top right no-repeat; }
.bgw1 { background: #ff5500 url(../images/middlebg.png) center top repeat-y; width: 100%; min-width: 1026px; }
.bgw2 { background: url(../images/contenttopbgH.png) center top repeat-x; width: 100%; min-width: 1026px; }
.bgw3 { background: url(../images/contentbtmbgH.png) center bottom repeat-x; width: 100%; min-width: 1026px; }
.bgw4 { background: url(../images/contenttopbg.png) center top no-repeat; width: 100%; min-width: 1026px; }
.bgw5 { background:url(../images/contentbtmbg.png) center bottom no-repeat; width: 100%; min-width: 1026px; padding: 10px 0; }
#content { position: relative; width: 800px; padding: 0px 113px 0px 113px; margin: 0 auto; color:#6c6c6c; background:  url(../images/mainsep.png) center top repeat-y; min-height: 212px; height:auto !important; height: 212px; }
.title1 { font-size: 24px; }
#content p { font-size: 12px; }
#content .contentleft { width: 400px; float: left; }
.contentright { float: left; width: 390px; padding: 5px 0 20px 10px; text-align: center; }
.contentright a {margin: 2px 10px;}
.clear { font-size: 0px; line-height: 0px; height: 0px; width: 100%; clear: both; }
#footer { background-image: url(../images/indexftrbg.png); padding-top: 50px; width: 100%; color: #D07B00; text-align: center; height: 234px; }
#footer ul { display: block; text-align: center; }
#footer ul li { list-style-type: none; display: inline; }
#footer a { color: #D07B00; text-decoration: none; font-size: 15px; }
#footer a:hover { text-decoration: underline; }
#footer p { font-size: 12px; padding: 8px 0; height: 20px; }
#in_wrap { width: 960px; margin: 0 auto; }
/* #in_wrap h1 { display: block; height: 103px; background: url(../images/logo.png) 100px 25px no-repeat; } */
#in_wrap h1 a { display: block; width: 461px;height: 103px; background: url(../images/logo.png) 100px 25px no-repeat;}
#in_wrap h1 a span {visibility:hidden; display:none;}
#in_navigation { width: 940px; background-image: url(../images/menubg.png); height: 31px; margin: 0 auto 10px auto; }
#in_navigation div { height: 31px; background: url(../images/menul.png) no-repeat; }
#in_navigation div ul { height: 30px; background: url(../images/menur.png) top right no-repeat; text-align: center; padding:1px 0 0 0; font-size: 0px; }
#in_navigation div ul li { list-style-type: none; display: inline; padding: 0 0 0 1px; height: 31px; background: url(../images/menusep.png) left -1px no-repeat; font-size: 13px; }
#in_navigation div ul li {background: none;}
#in_navigation div ul li:first-child { background-image:none; }
#in_navigation a { display: -moz-inline-box;}
#in_navigation a span { display: -moz-inline-box;}
#in_navigation a { height: 29px; padding:0 0 0 5px; display: inline-block; color: #303030; text-decoration: none; }
#in_navigation a span { height: 26px; line-height: 18px; display:inline-block; padding:4px 5px 0 0; }
#in_navigation a.current, #in_navigation a:hover { height: 29px; background:url(../images/hoverbgl.png) top left; color: #F0F0F0; }
#in_navigation a.current span, #in_navigation a:hover span { background:url(../images/hoverbgr.png) top right no-repeat; }

/* Dropdown menu overwrite*/
#indexnavigation div ul li ul, #in_navigation div ul li ul {text-align: left; background: none;}
#indexnavigation div ul li ul li, #in_navigation div ul li ul li{ background: none;}

#indexnavigation div ul li ul a:hover ,#in_navigation div ul li ul a:hover { background-image: none; background-color: #575757; border-bottom: 1px solid #AFAFAF;}
#indexnavigation div ul li ul a:hover span, #in_navigation div ul li ul a:hover span { background-image: none;  background-color: none;}

#in_content {margin-bottom: 10px;}
#in_content .in_lefcol { float: left; width: 626px; padding: 0 0 15px 12px; }
#slogan { background-image: url(../images/innerscooter.jpg); height: 48px; padding: 220px 30px 0 0; font-size: 24px; color: #FFF; font-style: italic; text-align: right; }
.title2 { font-size: 24px; height: 30px; padding: 20px 0 0 0; display: block; border-bottom: solid #fff 1px; color: #FFF; }
#in_content { color: #FFF; font-size: 14px; }
#in_content .in_lefcontent { padding: 5px 60px; color: #EFEFEF; }
#in_content .in_righcol { float: left; width: 292px; padding: 0 0 0 20px; }
#slideshow { background: url(../images/slidebg.png) center top repeat-y; }
#slideshow .slidewrp1 { background: url(../images/slidebgtop.png) center top no-repeat; }
#slideshow .slidewrp1 .slidewrp2 { background: url(../images/slidebgbtm.png) center bottom no-repeat; padding: 10px 10px 20px 10px; text-align: center; position: relative; }
#slideshowpic {margin: 0 auto; text-align: center;}
#slideshowpic img {margin: 0 auto;}
.title3 { font-size: 14px; padding: 5px 0px 30px 20px; display: block; font-weight: bold; text-align: left; }
a.titleLink{color:#fff}
#logosbox { margin: 10px 0 0 0; background: url(../images/logosbg.png) center top repeat-y;  width: 292px; overflow: hidden; }
#logosbox .logoswrp1 { background: url(../images/logostopbg.png) center top no-repeat; width: 292px; overflow: hidden; }
#logosbox .logoswrp1 .logoswrp2 { background: url(../images/logobtmbg.png) center bottom no-repeat; padding: 10px 6px 25px 6px; overflow: hidden; width: 280px; text-align: center; }
#logosbox .logoswrp1 .logoswrp2 a {margin: 0 15px;}

#quotes { background: url(../images/testbg.png) center 0 repeat-y; margin: 10px 0 0 0; font-size: 12px; }
#quotes .quoteswrp1 { background: url(../images/testbgtop.png) center top no-repeat; }
#quotes .quoteswrp1 .quoteswrp2 { background: url(../images/testbgbtm.png)  center bottom no-repeat; padding: 10px; }
#in_footer { color:#FFF; text-align:center; background:url(../images/innerfooter.png); height: 65px; padding: 10px 0 0 0; }
#in_footer ul { display: block; text-align: center; }
#in_footer ul li { list-style-type: none; display: inline; }
#in_footer a { color: #fff; text-decoration: none; font-size: 15px; }
#in_footer a:hover { text-decoration: underline; }
#in_footer p { font-size: 12px; padding: 8px 0; height: 20px; }
#leftarrow { position: absolute; top: 110px; left: 10px; }
#rightarrow { position: absolute; top: 110px; right: 12px; }
.testiRight {margin-bottom: 15px;}
.form dl dd {margin-bottom:10px;}
#productList{position: relative; margin: 20px 0; text-align: center;}
#productList .item{ display: inline-block; width: 40%; margin: 15px 10px; padding: 5px; text-align: center;  border: 1px solid #FD5300;}
#productList .item .productMainImage{display: inline-block; margin: 3px 0; padding: 5px; background-color: #fff;}

#productDetail{}
#productDetail ul li {margin-left: 1em; padding-left: 1em;}
#productDetail #productInfo{margin: 10px;}
#productDetail #productInfo table{width: 50%;}
#productDetail #productMainImage {text-align:center;}
#productDetail #productMainImage img{}
#productDetail #productDesc{margin: 10px;}
#productDetail #productColor{margin: 20px 10px; padding: 10px; border: 2px solid #CAC5C5; background-color: #ffffff;}
#productDetail #productColor p{text-align:center;}
#productDetail #colorImageContainer{height:290px;text-align:center;}
#productDetail #colorImage{}    
#productDetail #colorOptions{text-align:center;}
#productDetail #colorOptions img{border: 1px solid #000000; cursor: pointer;}
#productDetail #specs{margin: 20px 10px;}
#productDetail #specs table{background-color:#1B0F55; width: 100%;}
#productDetail #specs table td {background-color:#05001C; padding: 3px;}
#productDetail #specs table caption{text-align:left;}

.label{color:#C61C00;}
.dataTitle{color:#FD5300; font-weight: bold; font-size: 14px;}

.pagination {position: relative; padding: 10px; font-size: 11px;}
.pagination .paginationInfo { isplay: inline-block; position: absolute; top: 10px; right: 0;}
.pagination .currentPageNumber, .pagination .pageNumber{ margin: 3px; }
.pagination .previous{margin-right: 10px; }
.pagination .next{ margin-left: 10px;}
.pagination a:link, .pagination a:visited {color: #F74D00}
.pagination .currentPageNumber {font-weight:bold; font-size:12px;}

.noRecord{background-color:#F84C00; color:#fff; padding: 5px; font-size: 12px;}
.backContainer {padding:3px; text-align: right;}
.backContainer a:link, .backContainer a:visited{text-decoration: none; color: #F74D00;} 
.backContainer a:hover{text-decoration: underline;}