/* Links */
a { color:#0071bc; }
a:hover { color:#f26521; }
a:active, 
a:focus{ outline:none; }
a.print  { padding-left: 24px; background: url(../img/ico/print.gif) no-repeat scroll 0 50% transparent; font-size: 8pt; }
/**/

h1 {
    font-size: 24px;
}

textarea.stretch { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Search */
div.search { position: relative; height: 35px; margin-bottom: 20px; }
div.search form.mega-search { left: 0; position: absolute; top: z-index: 1; }
div.search form.mega-search input[type="text"] { background: url(../img/icon/search.png) no-repeat scroll 100% 50% #FFFFFF; padding-right: 25px; width: 216px; }
div.search form.mega-search input[type="submit"] { font-size: 10px; height: 24px; opacity: 0; overflow: hidden; padding: 0; position: absolute; right: 0; top: 0; width: 25px; z-index: 1;}
/**/

/* tabs */
.tabs { border-bottom: 2px solid #60A952; clear: both; font-size: 9pt; margin: 0 0 20px; position: relative; }
.tabs li { color: #2A67B9; display: inline-block; margin: 0; overflow: visible; padding: 3px 10px; }
.tabs li.active {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #84CB74 15%, #60A952 100%) repeat scroll 0 0 transparent;
    border-color: #60A952 #60A952 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #FFFFFF;
    margin: -1px -3px 0 0;
}
.tabs li a { text-decoration: none; }
.tabs li.active a { color: #FFFFFF; }
/**/

/* Orders */
.order-status { 
    background: -moz-linear-gradient(center top , #3DB8FF, #0A8FDB) repeat scroll 0 0 transparent; 
    border-radius: 3px 3px 3px 3px; 
    color: #FFFFFF; 
    display: block; 
    font-weight: bold; 
    width: 130px; 
}
.order-1 { 
    background: -moz-linear-gradient(center top , #FF9E34, #D98426) repeat scroll 0 0 transparent; 
}
.order-2 { 
    background: -moz-linear-gradient(center top , #C9C9C9, #ABABAB) repeat scroll 0 0 transparent; 
}
.order-3 { 
    background: -moz-linear-gradient(center top , #A6E05A, #84B147) repeat scroll 0 0 transparent; 
}
.order-4 { 
    background: -moz-linear-gradient(center top , #FF5B21, #CB572E) repeat scroll 0 0 transparent; 
}
.order-status em { 
    display: block; 
    font-size: 11px; 
    font-style: normal; 
    font-weight: normal; 
    text-align: center; 
    text-transform: uppercase; 
    white-space: nowrap;
    line-height: 24px; 
}
/**/

/* remember to define focus styles! */
:focus { outline:0; }
.float-left { display:block; float:left; }
.float-right { display:block; float:right; }
.clear { clear:both; height:0; line-height:0; font-size:0; }
.clear-after { //height:1%; } /* ie fix */
.clear-after:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0; font-size:0; }
/**/

/* buttons */
.btn {
    text-decoration: none;
    font-size: 12px;
}
/* @end buttons */

/* Tables */
.table-items {
}
.table-items th {
    border-bottom: 1px solid #DADADA; 
    padding: 8px 10px; 
    vertical-align: middle!important; 
    color: #FFF;
    background-color: #076A34;
    *background-color: #076A34;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0A8140), to(#076A34));
    background-image: -webkit-linear-gradient(top, #0A8140, #076A34);
    background-image: -o-linear-gradient(top, #0A8140, #076A34);
    background-image: linear-gradient(to bottom, #0A8140, #076A34);
    background-image: -moz-linear-gradient(top, #0A8140, #076A34);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0A8140', endColorstr='#ff076A34', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.table-items td {
    vertical-align: middle!important; 
    padding: 5px 10px; 
}
.table-items td input.input-small {
    width: 40px;
    text-align: center;
    margin: 0;
}
.table-items td button {
    padding: 5px 10px 0;
    margin: 0;
    height: auto;
}
.left   { text-align: left!important; }
.center { text-align: center!important; }
.right  { text-align: right!important; }
.nowrap { white-space: nowrap!important; }
.bold   { font-weight: bold!important; }
.no-bg  { background: none repeat scroll 0 0 #FFF; }
/* @end tables */



/*  */
div.action { margin-bottom: 20px; }
div.field { clear: both; padding-bottom: 10px; }
div.field div.label { margin-bottom: 0;  background-color: #FFF;}
div.field div.label label { margin: 0 0 5px; text-shadow: 0 1px 0 #FFFFFF!important; background-color: #FFF; color: #5F6C74!important; line-height: normal; font-size: 8pt; } 
div.field div.label label.required { font-weight: bold; }
div.field div.hint { font-size: 8pt; line-height: normal; margin-top: 5px; color: #666666; }
div.field div.error { text-shadow: 0 1px 0 #FFFFFF; color: #CC3300; font-size: 8pt; }
div.field input {
    margin-bottom: 0;
}
input.error_highlight,
textarea.error_highlight,
select.error_highlight { background-color: #FFE7E7; border-color: #FF5858; }
div.logged-in { }
div.logged-in div.field { padding-bottom: 2px; }
div.logged-in div.field div.label { margin-bottom: 1px; }
div.logged-in div.field div.label label { margin-bottom: 1px; padding: 0;}
div.logged-in div.field div.hint { margin-top: 0; }
div.logged-in input.medium { 
    width: 178px; 
    height: 16px;
} 

div.logged-in .btn {
    text-decoration: none;
    font-size: 12px;
    line-height: 0;
    height: 20px;
    width: 100%;
}

/**/

/* messages */
div.error { color: #FC6667; font-size: 8pt; margin: 0; padding: 0; } 
div.msg-error, 
div.msg-success, 
div.msg-info { font-size: 11px; line-height: normal; margin: 0 0 10px; padding: 8px 4px 8px 30px; }
div.msg-error { background: url("../img/alert/alert_warning.gif") no-repeat scroll 6px 6px #FFEADD; color: #CD071E; }
div.msg-success { background: url("../img/alert/alert_done.gif") no-repeat scroll 6px 6px #DBF1E0; color: #257B0F; }
div.msg-info { background: url("../img/alert/alert_info.gif") no-repeat scroll 6px 6px #DFE5E8; color: #4A869E; }
.no-items { background-color: #F1F4F6; }
.no-items { font-weight: bold; margin: 6px 3px; padding: 15px 0; text-align: center; }
/**/

/**/
div.user-wellcome h3 { font-size: 12pt; margin-bottom: 2px; font-weight: normal; }
div.user-wellcome div.tools { font-size: 11px; font-weight: normal; }
/**/

/* cart */
div.cart-in table { width: 100%; font-size: 12px; margin: 10px 0 10px 10px; }
div.cart-in table td { vertical-align: middle; }
div.cart-in table td > div { margin-bottom: 2px; }
div.cart-in div.total { font-weight: bold; font-size: 13px; }
div.cart-in table td.info { border-left: 1px solid #097C3D; padding-left: 14px; }
/**/

/* Pagination */
div.pagination {
    float: right;
    font-size: 8pt;
    margin-top: 10px;
    text-align: right;
}
div.pagination a {
    border-bottom: 2px solid #076A34;
    color: #323A45;
    display: block;
    float: left;
    padding: 4px 10px;
    text-decoration: none;
}
div.pagination span {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 2px solid #076A34;
    color: #323A45;
    display: block;
    float: left;
    padding: 4px 10px;
    text-decoration: none;
}
div.pagination span.disabled {
    color: #CCCCCC;
}
div.pagination span.current {
    background: none repeat scroll 0 0 #0A8140;
    border-bottom: 2px solid #076A34;
    color: #FFFFFF;
    display: block;
    float: left;
    padding: 4px 10px;
}
/* @end pagination */

/**/
.breadcrumb { font-size: 22px; color: #0A8140; }
#content-m p { margin: 7px 0; }
h3 { color: #F89752; font-size: 15px; margin-bottom: 10px; }
/**/

/* Product details */
.product-details {
    width: 100%;
}

.product-details > .detail {

}

.product-details .image {
    float: left;
    width: 202px;
    margin-bottom: 20px;
    padding-right: 20px;
}

.product-details .image img {
    width: 200px;
    margin: 0;
}

.product-details .image .holder {
    /*border: 2px dashed #CCCCCC;*/
    min-height: 100px;
    width: 100%;
    margin-bottom: 4px;
}

.product-details .info {
    margin-left: 222px;
}

.product-details > .info div {
    margin-bottom: 20px;
}

.product-details > .info > .price {
    font-size: 16px;
}    
/* @end product details */

/**/
.product-image-upload {
    
}

.product-image-upload .image {
    width: 96%;
    margin-bottom: 20px;
}
.product-image-upload .image img {
    width: 400px;
    margin: 0;
}

.product-image-upload .image .holder {
    min-height: 100px;
    width: 100%;
    margin-bottom: 4px;
}

/**/

/* List */
ul.list {
    list-style: none;
}
ul.list li {
    margin: 1px 0 0;
    padding: 12px 10px;
    border-bottom: 1px solid #DFE6ED;
}
ul.list li:last-child {
    background: none repeat scroll 0 0 transparent;
}
ul.list li div.img {
    float: left;
    margin: 0 15px 10px 0;
    width: 120px;
}
ul.list li .datetime {
    color: #343434;
    font-size: 11px;
    margin-bottom: 4px;
}
ul.list li h2 {
    margin-bottom: 10px;
}
/* @end list */

/* Img */
img {
    border: medium none;
}
img.img {
    /*
    background: none repeat scroll 0 0 white;
    border: 1px solid #CCCCCC;
    */
}

.thumbnail > img {
    max-width: none;
}
.img-hide{
    background: #fff;
    position: fixed;
    top:170px;
    left: 50%;
    
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
      border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
      transition: none;    
}
.img-hide img{max-width: 450px;}
/* @end img */

/* Buttons */
.btn-file {
    position: relative;
    overflow: hidden;
    margin-right: 4px;
}
.btn-file input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

* + html .btn-file { padding: 2px 15px; margin: 1px 0 0 0; }

.btn.loading {
    overflow: visible;
    position: relative;
}

.btn.loading:before {
    background: url('../img/loading.gif') no-repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 16px;
    left: -25px;
    position: absolute;
    top: 7px;
    width: 16px;
}
/* @end */

/* Helpers */
.input-stretch { width: 98%; }

.size12 { font-size: 12px!important; }
.size14 { font-size: 14px!important; }
.size16 { font-size: 16px!important; }
.size18 { font-size: 18px!important; }
.size20 { font-size: 20px!important; }

.green { color: #5BB75B!important; }
.red { color: #C83025!important; }
/* @end */