.product-category h2 a{

text-transform:uppercase;

}

.product-other{

clear:both;

padding:20px 0;

margin-top:20px;

border-top:1px #ccc solid;

}

.product-list{

padding-bottom: 10px;

}

.product-list li{

list-style:none !important;

padding:10px 10px;

text-align:center;

margin-left:0px !important;

}

/*.product-list li img{

border: 1px solid #EAE5E5;

text-align:center;

padding:0;

}*/

.product-list li img{

border: 1px solid #EAE5E5;

padding:0 0;

margin: 0 auto;

display: block;

margin-left: auto !important;

margin-right: auto !important

}

.product-list li h3{

line-height:16px !important;

/*min-height:40px;*/

}

.product-list .price{

float:left;

}

.product-list .brief{

font-size:11px;

line-height:16px;

text-align:justify

}

.product-list .add-cart{

float:right;

}

.product-line{

clear:both;

background:#eee;

height:1px;

width:98%;

margin:20px;

}

.price-old{

text-decoration:line-through;

}

.percent{

color:#FF0000;

font-weight:bold

}

.content-tabs .nav li{

border-left:0 !important;

text-transform:uppercase

}

.content-tabs .nav li.active a{

font-weight:bold;

color: #0055A6;

}

.content-tabs .nav li:hover{

background: none;

}

.content-tabs .tab-pane{

padding:10px 0;

}



.section-container.auto > section > .title a, .section-container.auto > .section > .title a{

font-size: 1em;

padding: 0.8em;

}

.content-tabs table {

	border-collapse: collapse;

	width:100%;

}

.content-tabs table tr {

    padding: 5px;

}

.content-tabs table td {

    border: 1px solid #DBDFEB;

    padding: 5px;

}

#loading{

position: fixed;

top: 50%;

left: 50%;

margin-top: -50px;

margin-left: -100px;

}

.loading{

border: 1px solid #1067D1;

background: #2D7EC6;

color:#fff;

padding: 10px 20px;

z-index: 9999;

}

#confirm {display:none;}

#confirm-overlay {background-color:#eee; cursor:wait;}

#confirm-container {height:140px; width:420px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #336699;}

#confirm-container .header {height:30px; line-height:30px; width:100%; background:url(../images/header.gif) repeat-x; color:#fff; font-weight:bold; font-size:16px}

#confirm-container .header h2 {background:url(../images/cart.png) 5px 4px no-repeat; padding-left:40px; color:#fff}

#confirm-container .message {color:#4169E1; font-size:18px; margin:0; padding:12px 4px 12px 8px;}

#confirm-container .buttons {line-height:26px; width:300px; float:right; padding:10px 8px 0;} 

#confirm-container .buttons div {float:right; margin-left:4px; height:26px;} 

#confirm-container a.modal-close,

#confirm-container a.modal-close:link,

#confirm-container a.modal-close:active,

#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}

#confirm-container a.modal-close:hover {color:#ccc;}



.product-image{

float:left;

width:300px;

}

.product-image{

position:relative;

background: url("../images/bg.jpg") no-repeat scroll center top;

width:287px;

padding:15px 15px 15px 15px;

margin-right:20px;

}

.product-image .icon {

background: url("../images/icons.png") no-repeat scroll center top;

display: block;

height:58px;

text-indent: -9999em;

width:60px;

position: absolute;

top:0px;

left: -2px;	

}

.product-image img {

border:1px solid #CCCCCC;

padding:0;

}

.product-image .image-other{

padding-top:20px;

}

.product-image .image-other ul li{

float: left;

list-style: none outside none;

margin:0 10px 0 0;

}



/* This is the moving lens square underneath the mouse pointer. */

.cloud-zoom-lens {

    border: 4px solid #888;

    margin:-4px;    /* Set this to minus the border thickness. */

    background-color:#fff;

    cursor:move;

}



/* This is for the title text. */

.cloud-zoom-title {

    position:absolute !important;

    background-color:#000;

    color:#fff;

    padding:3px;

    width:100%;

    text-align:center;

    font-weight:bold;

    font-size:10px;

    top:0px;

}



/* This is the zoom window. */

.cloud-zoom-big {

    border:4px solid #ccc;

    overflow:hidden;

}



/* This is the loading message. */

.cloud-zoom-loading {

    color:white;

    background:#222;

    padding:3px;

    border:1px solid #000;

}



.product-image .mousetrap {

    z-index:100 !important;

}