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

body{
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    min-height: 100%;
    font-family: Geneva, Arial, Helvetica, sans-serif;	
    font-size:12px;
}

#wrapper {
    min-height:100%;
    position:relative;
}
#content {
    padding:5px;
    padding-bottom:40px;   /* Height of the footer element */
}
#footer {
    width:100%;
    height:80px;
    position:absolute;
    bottom:-10px;
    left:0;
    background:#FFFFFF;
}

img {
    border-style: none;
}

.returnA{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    cursor: hand;
}

.orange{
    color: #F36F28;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.white{
    color: white;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.red{
    color: #e04b3f;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.black{
    color: black;
    text-decoration: none;
    cursor: pointer; 
    cursor: hand;
}

table.accountHeader{
    color:#FFFFFF;
    font-size: 12px;
    border-width:0px;
    border-color: #F36F28;
}

table.mainTable{
    padding-top:0px;
    padding-bottom:15px;
    width:100%;
}

td.leftMenu{
    vertical-align:top;
    max-width:220px;
    min-width:220px;	
    width:220px;
}

td.rightMenu{
    vertical-align:top;
    max-width:200px;
    min-width:200px;	
    width:200px;
}

td.centerPanel{
    min-width:520px;
    vertical-align:top;
    padding-left:10px;
    padding-right:10px;	
    padding-top:0px;
    border-top: 0px;
}

#bottom {
    width: 300px;
    height: 90px;
    background: url('image/panelFoot.png') transparent no-repeat 0 0;
}
.text_black{
    font-size:11px;
    color:#000000;
    background:none;
    text-align: center;
}

.text_white{
    font-size:11px;
    color:#777;
    background:none;
    text-align: center;
}

.social_icon{
    margin-top:-61px;
    opacity:0;
    max-width:50px;
    position:absolute;
    float:inherit;
    z-index:10;
}

.productSmall:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.productSmall:hover a {
    color: #F36F28;
    cursor: pointer;
    cursor: hand;
}

.productSmall a {
    color: #444;
    text-decoration: none;
    cursor: default; cursor: default;
}

.productSmall p {
    padding-top: 10px;
    margin: 5px 0;
}

.productSmall img {
    float: left;
    margin: 5px 15px 5px 5px;
    border: 1px solid #ccc;
    max-height:50px;
    max-width:50px;
}

.smallIcon:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.smallIcon:hover a {
    color: #F36F28;
    cursor: pointer;
    cursor: hand;
}

.smallIcon a {
    color: #444;
    text-decoration: none;
    cursor: default; cursor: default;
}

.smallIcon p {
    padding-top: 15px;
    margin: 5px 0;
}

.smallIcon:hover img {
    border-color: #F36F28;
} 

.smallIcon img {
    float: left;
    margin: 5px 5px 5px 5px;
    border: 1px solid #ccc;
    max-height:30px;
    max-width:30px;
}

a.linkHead{
    text-decoration:none;
    color:#FFFFFF;
}

a.linkHeadColor{
    text-decoration:underline;
    color:#FFFFFF;
}

.divHead{
    height:23px;
    padding-left:10px;
    padding-top:10px;
}

.sameCategory{
    font-size:16px;
    font-weight:bold;	
}

span.new {
    display: block;
    position: absolute;
    top: 8px;
    right:-18px;
    padding: 1px 4px;
    width: 65px;
    font-size:9px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #F36F28
}

span.notNew {
    visibility:hidden;
    position:absolute;
}

span.newBig {
    display: block;
    position: absolute;
    top: 21px;
    right:-30px;
    padding: 1px 4px;
    width: 120px;
    font-size:16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #F36F28
}


span.liquidation {
    display: block;
    position: absolute;
    top: 5px;
    right:-24px;
    padding: 1px 4px;
    width: 65px;
    font-size:10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #cc0000
}

span.notLiquidation {
    visibility:hidden;
    position:absolute;
}

span.liquidationBig {
    display: block;
    position: absolute;
    top: 31px;
    right:-35px;
    padding: 1px 4px;
    height: 20px;
    width: 140px;
    font-size:14px;
    color: #fff;
    text-align: center;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #cc0000
}

span.notInactive {
    visibility:hidden;
    position:absolute;
}

span.inactiveBig {
    display: block;
    position: absolute;
    top: 31px;
    right:-35px;
    padding: 1px 4px;
    height: 20px;
    width: 140px;
    font-size:14px;
    color: #fff;
    text-align: center;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #cc0000
}

.tags li, .tags a{
    float:left;
    height:24px;
    line-height:24px;
    position:relative;
    font-size:11px;
}    
.tags a{
    margin-left:0px;
    padding:0 5px 0 12px;
    background:#F36F28;
    color:#fff;
    text-decoration:none;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;	
    border-bottom-right-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;	
    border-top-right-radius:4px;	
}

.tags a:before{
    content:"";
    float:left;
    position:absolute;
    top:0;
    left:-12px;
    width:0;
    height:0;
    border-color:transparent #F36F28 transparent transparent;
    border-style:solid;
    border-width:12px 12px 12px 0;		
}

.tags a:after{
    content:"";
    position:absolute;
    top:10px;
    left:0;
    float:left;
    width:4px;
    height:4px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background:#fff;
    -moz-box-shadow:-1px -1px 2px #004977;
    -webkit-box-shadow:-1px -1px 2px #004977;
    box-shadow:-1px -1px 2px #004977;
}

.product_img_link {
    background:#FFF;
    overflow:hidden;
    position:relative;
    display:block;
    border: 1px solid #ccc;
    text-align:center;
}

.smallRectangle{
    width:80px;
    height:80px;
    vertical-align:middle;
    text-align: center;
    display: table-cell;
}

.mini_img_link {
    background:#FFF;
    overflow:hidden;
    position:relative;
    display:block;
    border: 1px solid #ccc;
    text-align:center;
    min-width:50px;
    min-height:50px;
    max-width:50px;
    max-height:50px;
    vertical-align: middle;
}

.miniRectangle{
    vertical-align:middle;
    text-align: center;
    display: table-cell;
}

.miniRectangle img{
    max-width:45px;
    max-height:45px;
}

.tumbRectangle{
    width:110px;
    height:110px;
    vertical-align:middle;
    text-align: center;
    display: table-cell;
}

.mediumRectangle{
    width:275px;
    height:275px;
    vertical-align:middle;
    text-align: center;
    display: table-cell;
}

.specRectangle{
    width:285px;
    height:145px;
    border: 1px solid #ccc;
    vertical-align:middle;
    text-align: center;
    display: table-cell;
}

.imageDetail{
    max-height:275px;
    max-width:275px;
}

.specDetail{
    max-height:155px;
    max-width:155px;
}

.smallImage{
    max-height:110px;
    max-width:110px;
}

p.detailDescription{
    color:#666;
}

#productPrice{
    font-weight:bold;
    font-size:22px;
    font-family:Arial, Helvetica, sans-serif
}

#promoPrice{
    color: #F36F28;
    font-weight:bold;
    font-size:22px;
    font-family:Arial, Helvetica, sans-serif
}

.miniProductPrice{
    font-size:12px;
}

.miniPromoPrice{
    color: #F36F28;
    font-weight:bold;
    font-size:13px;
}

.category {
    float: left;
    position: relative;
    width: 100px;
    height: 120px;
    margin: 10px;
    padding: 7px 7px 0 7px;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    background-color: rgba(255,255,255,1);
}

.category img {
    max-width: 80px;
    max-height: 80px;
}

.category h3 {
    margin: 0;
    padding: 0;
    line-height: 1.1em;
    font-size: .9em;
    font-weight: normal;
    text-transform: uppercase;
    color: #777;
    text-decoration: none;
}


.category span.new {
    display: block;
    position: absolute;
    top: 10px;
    right:-18px;
    padding: 1px 4px;
    width: 65px;
    font-size:9px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #F36F28
}

.viewMore {
    float: right;
    position: relative;
}


.category p {
    color: #000;
    visibility: hidden;
}

.category:hover p {
    visibility: visible;
    position: absolute;
    width: 90px;
    height: 22px;
    top: 64px;
    margin: 0;
    padding: 3px 5px;
    line-height: 23px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,0.65);
    transition: background .2s linear, color .2s linear;
    -moz-transition: background .2s linear, color .2s linear;
    -webkit-transition: background .2s linear, color .2s linear;
    -o-transition: background .2s linear, color .2s linear;
}       

/* Button Global Style*/
a.cartButton{
    color: #333;
    display: inline-block;
    background: rgba(0,0,0,0.07);
    padding: 5px;
    border-radius: 25px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    cursor: pointer;
    cursor: hand;
}
a.cartButton>span{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 20px;

    border: 1px solid #999;
    background-color: #ccc;
    background-image: -moz-linear-gradient(top, #ccc, #aaa);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#aaa));
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6);
    cursor: pointer;
    cursor: hand;
}
a.cartButton:hover>span{
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.6), 0 0 5px rgba(255,255,255,1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.6), 0 0 5px rgba(255,255,255,1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.6), 0 0 5px rgba(255,255,255,1);
}
a.cartButton:active>span{
    background-color: #aaa;
    background-image: -moz-linear-gradient(top, #aaa, #ccc);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#aaa), to(#ccc));
}

/* Yellow Button */
a.cartButton.yellow>span{
    border-color: #dda341;
    background-color: #ffc851;
    background-image: -moz-linear-gradient(top, #ffc851, #ff9000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffc851), to(#ff9000));
    cursor: pointer;
    cursor: hand;
}
a.cartButton.yellow:hover>span{
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.6), 0 0 5px rgba(218,159,60,0.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.6), 0 0 5px rgba(218,159,60,0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.6), 0 0 5px rgba(218,159,60,0.5);
}
a.cartButton.yellow:active>span{
    background-color: #ff9000;
    background-image: -moz-linear-gradient(top, #ffcb5f, #ffcd61);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffcb5f), to(#ffcd61));
}

#breadcrumb {
    padding-left: 0px;
    padding-top: 0px;
    border-top: 0px;
    font-family: Helvetica;
    font-size: 10px;
    list-style: none;
    display: inline-block;
}
#breadcrumb .icon {
    font-size: 14px;
}
#breadcrumb li {
    float: left;
}
#breadcrumb li a {
    color: #FFF;
    display: block;
    background: #4c4c4c;
    text-decoration: none;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 5px;
    text-align: center;
    margin-right: 23px;
}
#breadcrumb li:nth-child(even) a {
    background-color: #3b3b3b;
}
#breadcrumb li:nth-child(even) a:before {
    border-color: #3b3b3b;
    border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
    border-left-color: #3b3b3b;
}
#breadcrumb li:first-child a {
    padding-left: 15px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
    border: none;
}
#breadcrumb li:last-child a {
    padding-right: 15px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0;
    border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {
    border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #4c4c4c;
    border-width: 20px 10px;
    width: 0;
    height: 0;
}
#breadcrumb li a:before {
    left: -20px;
    border-left-color: transparent;
}
#breadcrumb li a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #4c4c4c;
}
#breadcrumb li a:hover {
    background-color: #ff7a22;
}
#breadcrumb li a:hover:before {
    border-color: #ff7a22;
    border-left-color: transparent;
}
#breadcrumb li a:hover:after {
    border-left-color: #ff7a22;
}
#breadcrumb li a:active {
    background-color: #ff6600;
}
#breadcrumb li a:active:before {
    border-color: #ff6600;
    border-left-color: transparent;
}
#breadcrumb li a:active:after {
    border-left-color: #ff6600;
}