﻿.discount-rate
{
    font-size: 13px;   
    font-weight: bold;
    color: #ffffff; 
    background-color: #333333;
    padding: 4px;
    border-radius: 4px;
}
.product-item-name {
	font-style: normal;
	line-height: normal;
	font-weight: bold;	
	color: #000000;
	text-decoration: none;
}

.product-selling-price
{
	font-style: normal;
	line-height: normal;
	color: #000000;
	text-decoration: none;    
}

.product-retail-price
{
	color: #FF0000;
	text-decoration: line-through;  
}

.product-promotion-text
{
   background-color: #65A545;
   color: #ffffff;
   margin-top: 5px; 
   padding: 5px 5px 5px 5px;   
   -moz-border-radius: 2px;
   border-radius: 2px;   
}

.product-detail-brand-name {
	font-size: 18px;
	font-style:normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.product-detail-item-name {
	font-size: 18px;
	font-style:normal;
	line-height: normal;
	font-weight: bold;	
	color: #000000;
	text-decoration: none;
}

.product-detail-selling-price
{
	font-size: 18px;
	font-style:normal;
	line-height: normal;
	font-weight: bold;	
	color: #000000;
	text-decoration: none;    
}

.product-detail-retail-price
{
	font-size: 16px;
	font-style:normal;
	line-height: normal;
	color: #FF0000;
	text-decoration: line-through;  
}

.product-detail-promotion-text
{
   background-color: #65A545;
   color: #ffffff;
   margin-top: 5px; 
   padding: 5px 5px 5px 5px;   
   -moz-border-radius: 2px;
   border-radius: 2px;   
}

.product_header1 {
	font-size: 28px;
	font-style:normal;
	line-height: normal;
	font-weight: bold;	
	color: #333333;
	text-decoration: none;
    border-bottom: 0px solid #dddddd;
}

.product_header2 {
	font-size: 14px;
	font-style:normal;
	line-height: normal;
	font-weight: bold;	
	color: #333333;
	text-decoration: none;
    border-bottom:0px solid #dddddd; 
}

.product_text1 {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.currency1 {
	text-decoration: none;
}

.currency2 {
	text-decoration: line-through;
}

.price1 {
	text-decoration: none;
}

.price1_detail {
	font-size: 28px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #E42217;
	text-decoration: none;
}

.price2 {
	text-decoration: line-through;
}

.product_link {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #65A545;
	text-decoration: none;
}

.product_link:hover {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

.gridview_link {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.gridview_link:hover {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

.gridview_pager{
  background-color:#fff;   
}

.gridview_pager a{
  position: relative;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;  
}

.gridview_pager a:hover{
  position: relative;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  border: 1px solid #ddd;
  color: #23527c;
  background-color: #eee;
}

.gridview_pager span{
  position: relative;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  border: 1px solid #337ab7;
  color: #fff;
  background-color: #337ab7;
}

/**************** start status Text Color ************/
.statusText_verifying
{
   background-color: #000;
   color: #ffffff;
   margin-top: 5px; 
   padding: 5px 10px 5px  10px;   
   -moz-border-radius: 2px;
   border-radius: 2px;  
   font-size: 12px;
}

.statusText_processing
{
   background-color: #4AA02C;
   color: #ffffff;
   margin-top: 5px; 
   padding: 5px 10px 5px  10px;   
   -moz-border-radius: 2px;
   border-radius: 2px;  
   font-size: 12px;
}

.statusText_shipped
{
   background-color: #FE2EF7;
   color: #ffffff;
   margin-top: 5px; 
   padding: 5px 10px 5px  10px;   
   -moz-border-radius: 2px;
   border-radius: 2px;  
   font-size: 12px;  
}

.statusText_completed
{
   background-color: #1589FF;
   color: #ffffff;
   margin-top: 5px; 
   padding: 5px 10px 5px  10px;   
   -moz-border-radius: 2px;
   border-radius: 2px;  
   font-size: 12px;
}

.statusText_rejected
{
   background-color: #800517;
   color: #ffffff;
   margin-top: 5px; 
   padding: 5px 10px 5px  10px;   
   -moz-border-radius: 2px;
   border-radius: 2px;  
   font-size: 12px;
}
/**************** end status Text Color ************/

/**************** start overlay image ****************/
.overlayimage {
    position: relative;
}

.overlayimage .base {
   position: absolute;
   top: 0;
   left: 0;
   z-index : 0;
}

.overlayimage .overlay1{
   position: absolute;
   top: 0;
   left: 0;
   z-index : 1;
}

.overlayimage .overlay2{
   position: absolute;
   top: 150px;
   left: 0px;
   z-index : 2;
   background-color: #800517;
   color: #ffffff;
   margin-top: 5px; 
   padding: 5px 5px 5px 5px;   
   -moz-border-radius: 2px;
   border-radius: 2px;   
}

.overlayimage .overlay3{
   position: absolute;
   top: 150px;
   left: 0;
   z-index : 1;
   background-color: #800517;
   color: #ffffff;
   margin-top: 5px; 
   padding: 5px 5px 5px 5px;   
   -moz-border-radius: 2px;
   border-radius: 2px;   
}

.grayscale 
{
    -webkit-filter: grayscale(100%);
}

.overlayText {
  position: absolute;
  top: 80px;
  left: 45px;
  vertical-align:middle; 
  width: 80px;
  height: 16px;
  font-size:12px;
  font-weight:bold;  
  font-family: 'Arial';
  background-color: #65A545;
  color: #ffffff;
  margin-top: 5px; 
  padding: 5px 5px 5px 5px;   
  -moz-border-radius: 2px;
  border-radius: 2px;    
}

/**************** end overlay image ****************/

.searchField 
{
    border:1px solid #dddddd; 
    background:#ffffff;
    color:#656565; 
    padding:6px 3px;
    /*
    padding-left:35px;
    background: url('/lib/system/icon-search.png') no-repeat 6px 3px;
    */
}

.btnProduct {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-size:12px;
	padding:5px 15px;
	text-decoration:none;
}
.btnProduct:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
	text-decoration:none;
}
.btnProduct:active {
	position:relative;
	top:1px;
}

.btnSubmit {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-size:12px;
	padding:5px 15px;
	text-decoration:none;
}
.btnSubmit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
	text-decoration:none;
}
.btnSubmit:active {
	position:relative;
	top:1px;
}

#likebox-wrapper * {
   width: 100% !important;
}