html *{
    margin:0;
    padding:0;}
body{
    background:#E9E9E9;
    font-size:14px; 
    font-family:arial, sans-serif;}
a{
    color:#000;
    text-decoration:none;}
a:hover{
    text-decoration:underline;}
/* clear float */
.clear-block:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear-block{display:inline-block;}/*_\*/
* html .clear-block{height:1%;}.clear-block{display:block;}/* End hide from IE-mac */

a.btn{
    border-radius: 3px;
    text-decoration:none;
    padding: 5px 10px;
    background:#999;
    color:#FFF;}
a.btn:hover{
    background:#666;}
a.btn-mini{
    font-size: 0.8em;}

.head-title{
    color: #993A3A;
    font-variant: small-caps;
    font-size: 2em;}
.head-title span{
    font-weight: normal;
    font-size: 0.8em;
    color: #999; }

img.no-image{
    background:#FAFAFA;}
img.no-image-m{
    padding: 25px;}
img.no-image-b{
    padding: 100px;}

.box{
    background:#FFF;}
.box .title{
    padding: 15px;
    font-size: 1em;}
.box .content{
    line-height: 150%;
    padding: 0 15px 15px 15px;}
.box span.edit{
    float: right;}
.box span.edit a{
    position: absolute;}
.box span.edit a:hover{}

.product{
    text-align:center;}
.product p.image{
    padding: 5px;}

.path-nav {
    font-size: 0.9em;
    padding: 17px 0 10px 0;
    color:#CCC;
    border-bottom: 1px solid #DDD;}
.path-nav a{
    color:#999;}

/* form */
input.input, textarea.input{
    border: 1px solid #CCC;
    padding: 5px 10px;}

.container{
    width: 960px;
    margin: 0 auto;
    background:#FFF;}
.wrapper{
    width: 960px;
    margin: 0 auto;
    clear:both;}

#header{
    width: 960px;
    height: 50px;
    margin: 20px auto 0 auto;
    background: #993A3A;
    border-top: 5px solid #262626;}

#logo{
    width: 230px;
    height: 65px;
    margin-left: 20px;
    padding-top: 5px;
    text-align: center;
    background:#262626;
    position: absolute;
    border-bottom: 2px solid #000;
    z-index: 1000;}

#menu{
    float:right;}
#menu ul{
    list-style:none;}
#menu ul li{
    line-height: 50px;
    margin-right: 20px;
    display: inline;}
#menu ul li a{
    color:#FFF;
    padding: 5px 10px;}
#menu ul li a:hover{
    text-decoration:none;
    background:#852e2e;}

#header_search{
    margin-top: 10px;
    border: 1px solid #DDD;
    background: #FFF;
    float: right;}
#header_search input{
    padding: 5px 10px;
    width: 200px;
    border: 0;}
#header_search button{
    border:0;
    width: 20px;
    height: 20px;
    background:url('images/bg_icon_search.gif') no-repeat;}

#footer{
    clear:both;
    font-size: 0.9em;
    height: 20px;}
#footer .wrapper{
    border-top: 3px solid #000;
    padding: 10px 0 20px 0;}

#footer, #footer a{
    color:#999;}

#copyright{
    float: right;}

#footer_nav{
    float: left;
    list-style: none;}
#footer_nav li{
    display: inline;
    margin-right: 20px;}


/* tow column layout */
#mainbox{
    float: right;
    width: 670px;
    margin-right: 20px;}
#sidebox{
    float: left;
    padding-top: 42px;
    width: 250px;}
.sidebox{
    background:#FAFAFA;
    border: 1px solid #DDD;
    margin: 0 0 20px 20px;}
.sidebox h3.title{
    padding: 15px;
    border-bottom: 1px solid #EFEFEF;}
.sidebox div.content{
    padding: 15px;}

.spotlight div.banner{}
.spotlight span.edit{
    padding: 5px 10px;
    position: absolute;
    margin-top: -40px;}
.spotlight .spotlight_item{
    position: absolute;}
#spotlight_background{
    position: absolute;}

/* home */ 
#spotlight_home div.banner {
    height: 400px;
    overflow: hidden;}
#home_show p{
    position: absolute;}

#home_box_items {
    padding: 0 0 0 20px;}
#home_box_items .box{
    float: left;
    width: 215px;
    margin: 0 20px 20px 0;}
#home_box_items .box .title{
    font-size: 2em;
    padding: 20px 0 10px 0;}
#home_box_items .box .title span{
    display: block;}
#home_box_items .box .content{
    padding: 0;
    font-size: 0.9em;}
#home_box_four{
    margin-right: 0;}
#home_box_items .box span.edit a{
    margin: 23px 0 0 -38px;}

#home_featured_products_box{
    clear: both;
    padding: 15px 0;}
#home_featured_products{
    background: none;}
#home_featured_products .title{
    padding: 5px 20px 0 20px;
    font-size: 2em;}
#home_featured_products .content{
    clear:both;
    padding: 15px 0;}
#home_featured_products span.edit{
    padding: 10px 58px 0 0;}
#home_featured_products .items-list{ 
    list-style: none;}
#home_featured_products .items-list li{ 
    float: left;
    width: 25%;
    padding-bottom: 20px;}
#home_featured_products div.product {
    margin: 10px;}
#home_featured_products li.col-0 div.product {
    margin-left: 20px;}
#home_featured_products li.col-3 div.product {
    margin-right: 20px;}
#home_featured_products div.product p.image{ 
    border: 1px solid #DDD;
    background: #FFF;}
#home_featured_products div.product p.name{ 
    padding-top: 10px;}
#home_featured_products p.more{
    clear:both;
    padding-top: 20px;
    text-align: center;}
#home_featured_products p.more a{
    font-size: 1.2em;
    font-weight: bold;}

/* form */
table.form th, table.form th {
    padding: 5px;}

table.form th{
    line-height: 30px;
    width:100px;
    text-align:right;}
table.form .input{
    border:1px solid #999;
    padding: 5px 10px;}
table.form td.buttom{
    border-top: 1px solid #DDD;
    padding-left: 110px;
    background:#FAFAFA;}

/* box edit */
#box_edit_form table.form td.buttom{
    padding-top: 10px;
    padding-bottom: 10px;} 
#box_edit_form table.form td.field{
    padding-right: 20px;}
#box_edit_form table.form input.input{
    width: 500px;}
#box_edit_form table.form textarea{
    width: 500px;
    height: 300px;}

/* pager */
.pager{
    text-align: center;
    border-top: 1px solid #EFEFEF;
    padding-top: 15px;}
.pager a{
    font-size:1.2em;
    margin: 0 5px;
    color:#999;}
.pager a:hover{
    color:#000;}
.pager a.current{
    color:#C00;}

/* product list */
#products_box{
    background:#FFF;
    padding: 15px;}
#products_box h2{
    font-size:1.4em;}
#products_items .product{ 
    float:left;
    width: 33%;
    padding: 15px 0;}
#products_pager{
    clear:both;}

/* search result */
#search_box{
    background:#FFF;
    padding: 15px;}
#search_box h2{
    font-size:1em;}
#search_message{
    padding: 5px 0;
    color:#999;}
#search_message span.keyword{
    font-weight:bold;
    color:#000;}
#search_items .product{ 
    float:left;
    width: 25%;
    padding: 15px 0;}
#search_pager{
    clear:both;}

/* sidebox objects */
#sidebox_categories ul{
    list-style:none;}
#sidebox_categories ul li{
    line-height: 150%;}
#sidebox_categories ul li.end{}

#sidebox_by_vehicle ul{
    list-style:none;}
#sidebox_by_vehicle ul li{
    line-height: 150%;}

#sidebox_contact_us table{
    font-size: 0.9em;}
#sidebox_contact_us table th{
    font-size: 0.9em;
    text-align: left;
    padding-right: 5px;}

/* product detail */
#product{
    background:#FFF;
    padding: 0 0 15px 0;}
#product_title{
    padding-top: 15px;
    font-size: 1.4em;}
#product_image{
    float:right;
    background:#FFF;
    margin-left: 10px;
    padding: 5px 0 5px 5px;
    border-left: 1px solid #DDD;}
#product_buttons {
    padding: 15px 0 5px 0;}
#product_buttons a{
    margin-right:5px;}

#product_box{
    background:#FFF;}
#product_box .box{
    border-top: 1px solid #DDD;}
#product_box .box h3.title{
    padding-left: 0;}


#product_models{}
#product_models span{
    display: block;}

#product_vehicles {
    clear:both;}
#product_vehicles ul {
    list-style:none;}
#product_vehicles ul li {
    line-height: 150%;}
#product_vehicles ul li p{
    display: inline-block;
    margin-right: 10px;}
#product_vehicles ul li p.brand{
    width: 100px;}
#product_vehicles ul li p.model{
    width: 300px;}
#product_vehicles ul li p.year{
    color:#999;}

#product_description {}

/* page */
.page{
    background:#FFF;
    padding: 15px 0 0 0;}
.page h1.title{
    font-size: 1.2em;}
.page .content{
    margin-top: 15px;
    line-height: 150%;}
.page .content p{
    margin: 10px 0;}
.page .content ol, .page .content ul{
    margin-left: 20px;}
.page .edit{
    float: right;}
.page .bottom{
    clear:both;}

.page .pictures{
    list-style: none;}
 
.page .list .pictures{
    font-size:0;}
.page .list .pictures li{
    font-size:12px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0;
    width: 25%;}
.page .list .pictures li img{
    border: 1px solid #DDD;}
.page .list .pictures li .text{
    margin-top: 5px;
    line-height:1.5;
    color:#333;
    padding-right: 10px;}

/* inquiry*/
#inquiry_box{
    background:#FFF;
    padding: 15px;}
#inquiry_box h2.title{
    font-size: 1.2em;}
#inquiry_box div.content p{
    margin: 10px 0;}
#inquiry_box div.content p label{
    float: left;
    width: 100px;
    text-align: right;
    line-height: 150%;
    padding-right: 10px;}
#inquiry_box div.content p label span.require{
    color:#C00;
    margin-right: 5px;}
#inquiry_box div.content p.button{
    padding-left: 110px;} 

/* Admin Nav */
#admin_nav{
    font-size: 0.8em;
    background:#000;
    padding: 5px 0;
    text-align: center;}
#admin_nav a{
    color:#CCC;
    margin: 0 10px;}
#admin_nav a:hover{
    color:#FFF;}