@charset "utf-8";
<!--
body {
margin:0;
background:#222 url(../images/bg-body.gif) repeat-y top center;
font:12px "arial", "tahoma", "verdana";
color:#fff;
}
a {
outline: none;
}
input,select,textarea {
font:12px "arial", "tahoma", "verdana";
vertical-align:middle;
}
h1{
overflow:hidden;
text-indent:-2000px;
margin:0;
height:44px;
}
.clear{
clear:both;
}
.left{
text-align:left;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
#container{
width:943px;
margin:auto;
}
#logo{
margin:15px 0 5px 0;
height:90px;
position:relative;
}
/* CUSTOM SEARCH */
#custom-search{
position:absolute;
bottom:0px;
width:925px;
text-align:right;
}
* html #custom-search{
width:629px;
}
*:first-child+html #custom-search{
width:629px;
}
#custom-search form{
margin:0;
}
#custom-search form img{
vertical-align:middle;
}
.shopping-cart a{
color:#fff;
font-size:11px;
text-decoration:none;
}
.shopping-cart a:hover{
color:#df0023;
text-decoration:underline;
}
.shopping-cart img{
vertical-align:middle;
margin-left:5px;
}
/* CUSTOM SEARCH */
#header{
height:247px;
margin:auto;
background:#000 url(../images/bg-header.jpg) no-repeat top center;
}
#warper{
width:908px;
margin:auto;
}
#warper-content{
float:right;
width:665px;
background:#ddd url(../images/bottom-warper-content.gif) no-repeat bottom center;
padding-bottom:24px;
}
html>/**/body #warper-content {
margin-right:1px;
}
#content{
margin:auto;
margin-top:10px;
width:631px;
min-height:450px;
background:#000 url(../images/top-content.gif) no-repeat top center;
padding:7px 5px;
}
* html #content{
height:450px;
}
/* SIDEBAR */
#sidebar{
float:left;
width:229px;
margin:20px 0 0 0;
}
#sidebar ul{
margin:0;
padding:0;
list-style:none;
}
#sidebar ul li:hover{
background:#000 url(../images/bg-category.gif) no-repeat center right;
height:34px;
clear:both;
}
#sidebar ul li a{
background:url(../images/bullet-yellow.gif) no-repeat 10px center;
float:left;
width:189px;
padding:10px 0 10px 40px;
border-bottom:1px dotted #333;
color:#fff;
font-weight:bold;
text-decoration:none;
}
#sidebar ul li a:hover{
background-image:url(../images/bullet-red.gif);
color:#df0023;
}
/* SIDEBAR */
/* FOOTER */
#footer{
width:908px;
height:93px;
margin:auto;
clear:both;
position:relative;
top:15px;
padding:20px 0 0px 0;
background:#000 url(../images/bg-footer.jpg) no-repeat top center;
text-align:center;
font-size:11px;
color:#fff;
}
html>/**/body #footer{
padding:10px 0 0px 0;
}
#footer ul{
margin:10px;
list-style:none;
}
#footer ul li{
display:inline;
margin:0 5px;
}
#footer a{
color:#fff;
text-decoration:none;
}
#footer a:hover{
color:#df0023;
text-decoration:underline;
}
/* FOOTER */
/* DISPLAY */
#found{
padding:10px 5px;
text-align:right;
color:#ccc;
font-size:10px;
}
#success,#failed,#notfound {
width:390px;
margin:auto;
margin-top:10px;
padding:40px 0;
text-align:center;
}
#success {
color:#ccc;
}
#failed {
color:#df0023;
}
#notfound {
color:#df0023;
}
#success h3,#failed h3,#notfound h3 {
font-size:14px;
}
#success a,#failed a,#notfound a {
font-size:12px;
color:#999;
}
#success a:hover,#failed a:hover,#notfound a:hover {
color:red;
}
/* DISPLAY */
/* WELCOME */
#welcome h1{
background:url(../images/headline-welcome.jpg) no-repeat top center;
}
#welcome p{
margin:5px;
padding:5px;
line-height:18px;
text-align:justify;
height:180px;
}
#welcome p img{
float:left;
margin-right:5px;
}
#welcome p strong{
color:#df0023;
}
#welcome p a{
color:#ffe600;
font-size:11px;
text-decoration:none;
}
#welcome p a:hover{
color:#fff;
text-decoration:underline;
}
/* WELCOME */
/* NEW PRODUCT */
#new-products h2{
background:url(../images/headline-new-products.jpg) no-repeat top center;
overflow:hidden;
text-indent:-2000px;
margin:0;
height:44px;
}
/* NEW PRODUCT */
/* ABOUT US */
#about h1{
background:url(../images/headline-about.jpg) no-repeat top center;
}
/* ABOUT US */
/* HOW TO BUY */
#buy h1{
background:url(../images/headline-buy.jpg) no-repeat top center;
}
#buy h5{
margin:20px 20px;
color:#df0023;
font-size:14px;
}
#buy ol{
margin:0 0 20px 60px;
}
#buy ol li{
margin-top:5px;
}
#buy ol li a{
color:#ffe600;
text-decoration:underline;
}
#buy ol li a:hover{
color:#fff;
}
/* HOW TO BUY */
/* HOW TO PAY */
#pay h1{
background:url(../images/headline-pay.jpg) no-repeat top center;
}
#pay table{
width:100%;
}
#pay table td{
text-align:center;
padding:20px;
}
#pay strong{
color:#df0023;
font-size:14px;
display:block;
}
/* HOW TO PAY */
/* CONTACT US */
#contact h1{
background:url(../images/headline-contact.jpg) no-repeat top center;
}
.address{
line-height:18px;
text-align:center;
}
.address img{
float:left;
border:3px double #222;
margin:0 20px 0 5px;
}
.address strong{
font-size:13px;
color:#df0023;
}
/* CONTACT US */
/* PRODUCT */
.aeropart h1{
background:url(../images/headline-aeropart.jpg) no-repeat top center;
}
.ksr h1{
background:url(../images/headline-ksr.jpg) no-repeat top center;
}
.exhaust-pipe h1{
background:url(../images/headline-exhaust-pipe.jpg) no-repeat top center;
}
.hand-bar h1{
background:url(../images/headline-hand-bar.jpg) no-repeat top center;
}
.import h1{
background:url(../images/headline-import.jpg) no-repeat top center;
}
.fiber-sport h1{
background:url(../images/headline-fiber-sport.jpg) no-repeat top center;
}
.shock-absorber h1{
background:url(../images/headline-shock-absorber.jpg) no-repeat top center;
}
table.product{
width:98%;
margin:auto;
margin-bottom:10px;
border-collapse:collapse;
}
table.product td{
text-align:center;
width:30%;
height:140px;
border-right:1px dotted #222;
border-bottom:1px dotted #222;
}
table.product td:hover{
background-color:#111;
}
table.product td a img{
border:2px solid #666;
margin:10px 0;
}
table.product td a:hover img{
border:2px solid #df0023;
}
table.product td strong{
display:block;
}
table.product td a{
color:#fff;
text-decoration:none;
}
table.product td a:hover{
color:#df0023;
text-decoration:none;
}
#product-detail{
text-align:center;
margin-top:20px;
}
#product-detail h2{
margin:0;
font-size:13px;
color:#df0023;
}
#product-detail img{
border:2px solid #666;
margin-bottom:5px;
}
#product-detail strong,#order-detail strong{
color:#36c;
}
#product-detail dl,#order-detail dl{
border-bottom:1px dotted #222;
text-align:left;
padding:5px 10px;
margin:10px 0;
line-height:18px;
}
#product-detail dt,#order-detail dt{
font-weight:bold;
float:left;
width:90px;
}
#product-detail dd,#order-detail dd{
padding-left:60px;
}
.btn-cart{
background:#000 url(../images/btn-cart.gif) no-repeat top left;
float:right;
width:103px;
height:18px;
text-align:right;
padding:15px;
}
.btn-cart a{
color:#333;
text-decoration:none;
font-weight:bold;
}
.btn-cart a:hover{
color:#df0023;
}
/* PRODUCT */
/* CART */
#cart h1{
background:url(../images/headline-cart.jpg) no-repeat top center;
}
#cart table{
width:99%;
border-collapse:collapse;
border-bottom:2px solid #222;
margin:auto;
margin-top:20px;
font-size:11px;
}
#cart table th{
border-right:1px dotted #222;
border-bottom:1px dotted #222;
background-color:#222;
padding:5px;
}
#cart table td{
border-right:1px dotted #222;
border-bottom:1px dotted #222;
background-color:#444;
padding:5px;
}
#cart table td.quantity{
text-align:center;
}
#cart table td.quantity input{
width:50px;
text-align:right;
}
#cart #net{
text-align:right;
font-weight:bold;
border-bottom:4px double #222;
padding:5px;
margin:10px 3px;
font-size:11px;
}
#cart #net span{
color:#df0023;
}
/* CART */
/* FORM */
.frm{
clear:both;
}
.frm fieldset{
border:1px solid #222;
margin:10px 5px;
padding-bottom:15px;
}
.frm legend{
color:#df0023;
}
.frm p label{
float:left;
width:120px;
text-align:right;
padding-right:10px;
}
.frm p img{
vertical-align:middle
}
.frm p em{
color:#df0023;
font-size:10px;
}
.frm p.submit{
text-align:center;
}
.frm p.submit input{
background:#000 url(../images/btn-submit.gif) no-repeat top center;
width:100px;
height:25px;
border:none;
font-weight:bold;
font-size:11px;
cursor:pointer;
}
.frm p.submit input:hover{
color:#df0023;
}
.w400 {
width:400px;
}
.w300 {
width:300px;
}
.w200 {
width:200px;
}
.w150 {
width:150px;
}
.h150 {
height:150px;
}
.h100 {
height:100px;
}
input.file {
border:1px solid #7f9db9; padding:2px;
}
input.price{
text-align:right;
width:100px;
}
/* FORM */
/* PAGE */
#page {
font-size:11px;
font-weight:bold;
border-top:1px solid #ccc;
margin-top:10px;
padding:10px 5px;
}
#page strong {
border:1px solid #df0023;
background-color:#ffd3da;
color:#df0023;
margin:0 2px;
padding:2px 5px;
}
#page a {
border:1px solid #666;
background-color:#000;
color:#666;
text-decoration:none;
margin:0 2px;
padding:2px 5px;
}
#page a:hover {
border:1px solid #fff;
background-color:#000;
color:#fff;
text-decoration:underline;
}
/* PAGE */

-->