/********************************************************************* GLOBAL */
* {
    padding: 0px;
    margin: 0px;
    outline: 0px none;
}
html, body {
    height: 100%;
    width: 100%;
}
img {
    border: 0px none;
}
a {
    color: #002BB8;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.clear  {
    clear: both;
    font-size: 0px;
    height: 0px;
    overflow: hidden;
}


/********************************************************************* GLOBAL */
body {
    background: #ebedf0 url(../images/body_bg.png) 0px 0px repeat-x;
}
#main {
    width: 100%;
}
#site {
    width: 980px;
    margin: 0px auto;
}
#site-head {
    height: 130px;
    border-bottom: 1px solid #4d4d4d;
}
#site-head .logo {
    display: block;
    float: left;
    width: 182px;
    height: 100px;
    margin: 0px 0px 0px 40px;
    background: url(../images/head_logo.png) 0px 0px no-repeat;
}
#site-head .menu {
    display: block;
    float: right;
    height: 36px;
    margin: 62px 0px 0px 0px;
}
#site-head .menu .item {
    float: left;
    height: 36px;
    width: 120px;
    margin: 0px 0px 0px 15px;
}
#site-head .menu a {
    display: block;
    float: left;
    width: 104px;
    height: 36px;
    font: bold 12px/36px Arial;
    text-align: center;
    color: #000000;
}
#site-head .menu .lt {
    display: block;
    float: left;
    width: 8px;
    height: 36px;
}
#site-head .menu .rt {
    display: block;
    float: left;
    width: 8px;
    height: 36px;
}
#site-head .selected a {
    background: url(../images/hmenu_bg.png) 0px 0px repeat-x;
}
#site-head .selected .lt {
    background: url(../images/hmenu_lt.png) 0px 0px no-repeat;
}
#site-head .selected .rt {
    background: url(../images/hmenu_rt.png) 0px 0px no-repeat;
}


/********************************************************************** Pages */
.pages {
    height: 25px;
    clear: both;
    text-align: center;
    font-size: 12px;
}
.pages table {
    margin: 0px auto;
}
.pages a {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 0px 2px 0px 2px;
    line-height: 18px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #e0e0e0;
    color: #7A7A7A;
    background: #F5F5F5;
}
.pages a.selected {
    background: #589ebb;
    border: 1px solid #589ebb;
    color: #FFFFFF;
}
.pages a.larr {
    background: #FFFFFF url(../images/page_larr.gif) 50% 50% no-repeat;
}
.pages a.rarr {
    background: #FFFFFF url(../images/page_rarr.gif) 50% 50% no-repeat;
}



/**************************************************************** SITE-SEARCH */
#site-search {
    height: 165px;
}
#site-search .phone {
    float: left;
    width: 230px;
    height: 165px;
    background: url(../images/phone.png) 50% 50% no-repeat;
}
#site-search .search {
    float: left;
    padding: 35px 0px 0px 35px;
}
#site-search .search .title {
    font: bold 12px Arial;
    color: #000000;
    padding: 0px 0px 0px 0px;
}
#site-search .search .content {
    width: 680px;
    height: 85px;
    background: #d6dfe8;
    border-top: 1px solid #286fbc;
    border-bottom: 1px solid #acb2b9;
}
#site-search .search .content .wrap {
    float: left;
    width: 480px;
    padding: 10px 0px 0px 40px;
}
#site-search .search .content .control {
    float: left;
    margin: 10px 65px 0px 0px;
}
#site-search .search .content .control label {
    display: blocl;
    width: 70px;
    float: left;
    color: #000000;
    font: 12px Arial;
}
#site-search .search .submit {
    float: left;
    margin: 30px 0px 0px 0px;
}



/****************************************************************** SITE-BODY */
#site-body .lcol {
    width: 260px;
    vertical-align: top;
}
#site-body .lcol .box {
    margin: 0px 30px 20px 0px;
}
#site-body .lcol .box .title {
    font: 12px Arial;
    text-align: center;
    padding: 3px;
    color: #FFFFFF;
    background: #88898b;
    border-bottom: 1px solid #286fbc;
}
#site-body .lcol .box .body {
    padding: 3px;
    background: #f7f8f9;
    border-bottom: 1px solid #4d4d4d;
}
#site-body .lcol .box .body a {
    display: block;
    font: 12px Arial;
    padding: 0px 0px 0px 12px;
    margin: 12px 0px 12px 20px;
    color: #000000;
    background: url(../images/box_arrow.png) 0px 50% no-repeat;
}


#site-body .mcol {
    vertical-align: top;
}
#site-body .mcol .description {
    font: 12px Arial;
    text-align: justify;
}
#site-body .mcol .description .title {
    border-bottom: 1px solid #14569d;
    padding: 10px 40px 5px 40px;
}
#site-body .mcol .description .content {
    padding: 20px 40px 0px 40px;
}


.product {
    float: left;
    width: 210px;
    height: 273px;
    margin: 0px 30px 30px 0px;
    background: url(../images/product_bg.png) 0px 0px no-repeat;
}
.product .image {
    height: 205px;
}
.product .image .mask {
    float: left;
    margin: 10px;
    width: 190px;
    height: 185px;
    overflow: hidden;
    text-align: center;
}
.product .title {
    display: block;
    padding: 8px 14px 0px 14px;
    font: 12px Arial;
    color: #ffd209;
}
.product .title b {
    display: block;
    padding: 5px 0px 0px 0px;
    font: 18px Arial;
    color: #FFFFFF;
}
.product .title:hover {
    text-decoration: none;
}
.product .status {
    position: absolute;
    display: block;
    width: 72px;
    height: 72px;
    margin: -45px 0px 0px 145px;
}
.product .status1 {
    background: url(../images/tire_status_1.png) 0px 0px no-repeat;
}



/*************************************************************** PAGE-PRODUCT */
#page-product .product-full {
    width: 413px;
    height: 510px;
    text-align: center;
    margin: 0px auto;
    padding: 15px 0px 0px 0px;
    background: url(../images/product_lg_bg.png) 0px 0px no-repeat;
}
#page-product .product-full .image .mask {
    float: left;
    width: 350px;
    height: 500px;
    overflow: hidden;
    text-align: center;
}



#page-product {
    float: left;
    width: 685px;
    font: 12px Arial;
    text-align: justify;
}
#page-product .maintitle {
    font: bold 12px Arial;
    border-bottom: 1px solid #14569d;
    padding: 15px 0px 5px 0px;
    margin: 0px 0px 5px 0px;
}
#page-product .toptitle {
    font: bold 12px Arial;
    border-bottom: 1px solid #14569d;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 15px 0px;
}
#page-product .image {
    height: 432px;
}
#page-product .content {
    padding: 20px 0px 0px 0px;
}
#page-product .product-full .title {
    display: block;
    text-align: left;
    padding: 8px 14px 0px 14px;
    font: 12px Arial;
    color: #ffd209;
}
#page-product .product-full .title b {
    display: block;
    padding: 5px 0px 0px 0px;
    font: 18px Arial;
    color: #FFFFFF;
}





#page-product .sizes-head {
    font: bold 12px Arial;
    padding: 20px 0px 2px 0px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #14569d;
}
#page-product .sizes th {
    font: bold 12px Arial;
    color: #FFFFFF;
    background: url(../images/size_tr_bg.png) 0px 0px repeat-x;
    padding: 8px 0px 8px 0px;
    text-align: center;
}
#page-product .sizes td {
    font: 12px Arial;
    text-align: center;
    padding: 2px 5px 2px 5px;
}
#page-product .sizes .ln1 {
    background: #ebedf0;
}
#page-product .sizes .ln2 {
    background: #F5F5F5;
}
#page-product .sizes tr:hover {
    background: #FFFFFF;
}
#page-product .sizes .buy {
    display: block;
    width: 58px;
    height: 26px;
    margin: 0px auto;
    background: url(../images/buy_button.png) 0px 0px no-repeat;
}



/****************************************************************** SITE-FOOT */
#site-foot {
    margin: 30px 0px 30px 0px;
    height: 75px;
    background: #b3bec7 url(../images/foot_bg.png) 20px 50% no-repeat;
}
#site-foot .menu {
    float: right;
    margin: 30px 30px 0px 0px;
    font: 12px Arial;
    color: #286fbc;
}
#site-foot .menu a {
    color: #FFFFFF;
    padding: 0px 5px 0px 5px;
}



/****************************************************************** POPUP-BOX */
#popup-box {
    font: 12px/16px Verdana;
    color: #444444;
}
#popup-box .cart-window {
    height: 340px;
    margin: 15px 0px 0px 0px;
    overflow: auto;
}
#popup-box h1 {
    font: 18px/15px Verdana;
    color: #444444;
}
#popup-box .cart th {
    height: 27px;
    color: #FFFFFF;
    background: url(../images/cart_th_bg.png) 0px 0px repeat-x;
}
#popup-box .cart td {
    background: #E6EBF1;
    padding: 4px;
}
#popup-box .order-form {
    margin-top: 15px;
}
#popup-box .order-form .control {
    padding: 3px 0px 3px 0px;
}
#popup-box .order-form .control label {
    display: block;
    padding: 0px 0px 2px 0px;
}
#popup-box .order-form .control input.text {
    width: 490px;
    padding: 3px;
    border: 1px solid #CCCCCC;
}
#popup-box .order-form .control textarea {
    width: 490px;
    padding: 3px;
    border: 1px solid #CCCCCC;
}