/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #1D417C;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #1D417C;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation {
  /*color: #FFFFFF; цвет ссылок в шапке*/
  color: #334C6A;
}

A.headerNavigation:hover {
  color: #DE4E15;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #1D417C;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #1D417C;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  /*background: #1D417C;*/
  color: #385373;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.upcomingProducts-odd {
 background: #f8f8f9;
}


TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  /*border-color: #b6b7cb; обводка списка продуктов*/
  border-color: #C7C3BC;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  /*background: #b6b7cb; загаловок списка продуктов*/
  background: #C7C3BC;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


.Auswahl
   { width:550px; border:3px solid #DDDDDD; }
Bereich, .Feld
   { background-color:#f5f5f5; width:300px; border:1px solid #bbc3d3; }

/* New Products Scroller */

#pscroller_np {
height: 50px;
border: 0px;
padding: 5px;
}

.pscroller_c_np {
  font-family: sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

.list-view-icons{	display:inline-table;
	margin:1px;
	text-align:center;
	/*margin:4px;*/

	cursor:pointer;
	border-style: solid;
	border-width: 1px;
	border-color: #9EB0C0;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background:white;
	width:60px;
	height:60px;

   /*noselect*/
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;

}

.list-view-icons:hover{  color:#480c8c;
}

.icons-img{
   display:inline-block;
   margin-top:4px;
   width:50px;
   height:30px;
   text-align:center;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.icons-text{
   display:inline-block;

   width:50px;
   height:20px;
   text-align:center;
   font-family: Verdana;
   font-size: 6pt;

}
.white-btn{
   padding:10px;
   border-style:solid;
   margin:8px;
   border-width:2px;
   border-color:#bfbfbf;
   color:#bfbfbf;
   background-color:white;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   font-family:Century Gothic,arial,sans-serif; font-weight:bold;
   font-size:12px;
   text-align:center;
   cursor:pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.white-btn:hover {
   border-color:#000000;
   color:#000000;
}

.white-btn-disabled{   padding:10px;
   border-style:solid;
   margin:8px;
   border-width:2px;
   border-color:#bfbfbf;
   color:#bfbfbf;
   background-color:white;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   font-family:Century Gothic,arial,sans-serif; font-weight:bold;
   font-size:12px;
   text-align:center;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.white-btn-active{
   padding:10px;
   border-style:solid;
   margin:8px;
   border-width:2px;
   border-color:#bfbfbf;
   color:#bfbfbf;
   background-color:white;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   font-family:Century Gothic,arial,sans-serif; font-weight:bold;
   font-size:12px;
   text-align:center;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4c188+0,ed9f7d+100 */
background: rgb(244,193,136); /* Old browsers */
background: -moz-linear-gradient(top, rgba(244,193,136,1) 0%, rgba(237,159,125,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(244,193,136,1) 0%,rgba(237,159,125,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(244,193,136,1) 0%,rgba(237,159,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4c188', endColorstr='#ed9f7d',GradientType=0 ); /* IE6-9 */



    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.ass-btn{
  padding:2px;
  padding-left:8px;
  padding-right:8px;
  margin:2px;
}


.buy-btn-blue{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 19px;
  padding: 10px;
  margin:12px;
  cursor:pointer;
  text-decoration: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buy-btn-blue:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.buy-btn-orange-fav{
  background: #fe7f16;
  background-image: -webkit-linear-gradient(top, #fe7f16, #fb954a);
  background-image: -moz-linear-gradient(top, #fe7f16, #fb954a);
  background-image: -ms-linear-gradient(top, #fe7f16, #fb954a);
  background-image: -o-linear-gradient(top, #fe7f16, #fb954a);
  background-image: linear-gradient(to bottom, #fe7f16, #fb954a);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 19px;
  padding: 10px;
  margin:12px;
  cursor:pointer;
  text-decoration: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-fav-table{
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 14px;
}

.buy-btn-orange-fav:hover {
  background: #fc9d56;
  background-image: -webkit-linear-gradient(top, #fc9d56, #fc913f);
  background-image: -moz-linear-gradient(top, #fc9d56, #fc913f);
  background-image: -ms-linear-gradient(top, #fc9d56, #fc913f);
  background-image: -o-linear-gradient(top, #fc9d56, #fc913f);
  background-image: linear-gradient(to bottom, #fc9d56, #fc913f);
  text-decoration: none;
}

.buy-btn-green-fav{
  background: #7fd43f;
  background-image: -webkit-linear-gradient(top, #7fd43f, #5cbb15);
  background-image: -moz-linear-gradient(top, #7fd43f, #5cbb15);
  background-image: -ms-linear-gradient(top, #7fd43f, #5cbb15);
  background-image: -o-linear-gradient(top, #7fd43f, #5cbb15);
  background-image: linear-gradient(to bottom, #7fd43f, #5cbb15);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 19px;
  padding: 10px;
  margin:12px;
  cursor:pointer;
  text-decoration: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buy-btn-green-fav:hover {
  background: #76d42f;
  background-image: -webkit-linear-gradient(top, #76d42f, #7cd43b);
  background-image: -moz-linear-gradient(top, #76d42f, #7cd43b);
  background-image: -ms-linear-gradient(top, #76d42f, #7cd43b);
  background-image: -o-linear-gradient(top, #76d42f, #7cd43b);
  background-image: linear-gradient(to bottom, #76d42f, #7cd43b);
  text-decoration: none;
}

.buy-btn-red-fav{
  background: #f8391f;
  background-image: -webkit-linear-gradient(top, #f8391f, #fe472e);
  background-image: -moz-linear-gradient(top, #f8391f, #fe472e);
  background-image: -ms-linear-gradient(top, #f8391f, #fe472e);
  background-image: -o-linear-gradient(top, #f8391f, #fe472e);
  background-image: linear-gradient(to bottom, #f8391f, #fe472e);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 19px;
  padding: 10px;
  margin:12px;
  cursor:pointer;
  text-decoration: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buy-btn-red-fav:hover {
  background: #ff553e;
  background-image: -webkit-linear-gradient(top, #ff553e, #fd624d);
  background-image: -moz-linear-gradient(top, #ff553e, #fd624d);
  background-image: -ms-linear-gradient(top, #ff553e, #fd624d);
  background-image: -o-linear-gradient(top, #ff553e, #fd624d);
  background-image: linear-gradient(to bottom, #ff553e, #fd624d);
  text-decoration: none;
}

.buy-btn-yellow{
  background: #f7d62e;
  background-image: -webkit-linear-gradient(top, #f7d62e, #cfae08);
  background-image: -moz-linear-gradient(top, #f7d62e, #cfae08);
  background-image: -ms-linear-gradient(top, #f7d62e, #cfae08);
  background-image: -o-linear-gradient(top, #f7d62e, #cfae08);
  background-image: linear-gradient(to bottom, #f7d62e, #cfae08);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow: 1px 1px 1px #adaaad;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 16px;
  padding: 10px;
  margin:12px;
  cursor:pointer;
  text-decoration: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buy-btn-yellow:hover {
  background: #fada3c;
  background-image: -webkit-linear-gradient(top, #fada3c, #d6c108);
  background-image: -moz-linear-gradient(top, #fada3c, #d6c108);
  background-image: -ms-linear-gradient(top, #fada3c, #d6c108);
  background-image: -o-linear-gradient(top, #fada3c, #d6c108);
  background-image: linear-gradient(to bottom, #fada3c, #d6c108);
  text-decoration: none;
}

.buy-btn-orange{
  background: #f2854b;
  background-image: -webkit-linear-gradient(top, #f2854b, #c25004);
  background-image: -moz-linear-gradient(top, #f2854b, #c25004);
  background-image: -ms-linear-gradient(top, #f2854b, #c25004);
  background-image: -o-linear-gradient(top, #f2854b, #c25004);
  background-image: linear-gradient(to bottom, #f2854b, #c25004);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 12px;
  padding: 10px;
  margin:12px;;
  cursor:pointer;
  text-decoration: none;
}

.buy-btn-orange:hover {
  background: #f58962;
  background-image: -webkit-linear-gradient(top, #f58962, #db7215);
  background-image: -moz-linear-gradient(top, #f58962, #db7215);
  background-image: -ms-linear-gradient(top, #f58962, #db7215);
  background-image: -o-linear-gradient(top, #f58962, #db7215);
  background-image: linear-gradient(to bottom, #f58962, #db7215);
  text-decoration: none;
}

/*listing button start*/

.buy-btn-blue-sm{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 14px;
  padding: 10px;
  margin:8px;
  cursor:pointer;
  text-decoration: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buy-btn-blue-sm:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.buy-btn-yellow-sm{
  background: #f7d62e;
  background-image: -webkit-linear-gradient(top, #f7d62e, #cfae08);
  background-image: -moz-linear-gradient(top, #f7d62e, #cfae08);
  background-image: -ms-linear-gradient(top, #f7d62e, #cfae08);
  background-image: -o-linear-gradient(top, #f7d62e, #cfae08);
  background-image: linear-gradient(to bottom, #f7d62e, #cfae08);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow: 1px 1px 1px #adaaad;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 14px;
  padding: 10px;
  margin:8px;
  cursor:pointer;
  text-decoration: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buy-btn-yellow-sm:hover {
  background: #fada3c;
  background-image: -webkit-linear-gradient(top, #fada3c, #d6c108);
  background-image: -moz-linear-gradient(top, #fada3c, #d6c108);
  background-image: -ms-linear-gradient(top, #fada3c, #d6c108);
  background-image: -o-linear-gradient(top, #fada3c, #d6c108);
  background-image: linear-gradient(to bottom, #fada3c, #d6c108);
  text-decoration: none;
}

.buy-btn-orange-sm{
  background: #f2854b;
  background-image: -webkit-linear-gradient(top, #f2854b, #c25004);
  background-image: -moz-linear-gradient(top, #f2854b, #c25004);
  background-image: -ms-linear-gradient(top, #f2854b, #c25004);
  background-image: -o-linear-gradient(top, #f2854b, #c25004);
  background-image: linear-gradient(to bottom, #f2854b, #c25004);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 12px;
  padding: 10px;
  margin:12px;;
  cursor:pointer;
  text-decoration: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buy-btn-orange-sm:hover {
  background: #db7215;
  background-image: -webkit-linear-gradient(top, #f58962, #db7215);
  background-image: -moz-linear-gradient(top, #f58962, #db7215);
  background-image: -ms-linear-gradient(top, #f58962, #db7215);
  background-image: -o-linear-gradient(top, #f58962, #db7215);
  background-image: linear-gradient(to bottom, #f58962, #db7215);
  text-decoration: none;
}

.buy-btn-red-sm{
  background: #ba292c;
  background-image: -webkit-linear-gradient(top, #da3436, #ba292c);
  background-image: -moz-linear-gradient(top, #da3436, #ba292c);
  background-image: -ms-linear-gradient(top, #da3436, #ba292c);
  background-image: -o-linear-gradient(top, #da3436, #ba292c);
  background-image: linear-gradient(to bottom, #da3436, #ba292c);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 14px;
  padding: 8px;
  margin:8px;;
  cursor:pointer;
  text-decoration: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buy-btn-red-sm:hover {
  background: #d02a2d;
  background-image: -webkit-linear-gradient(top, #ee3436, #d02a2d);
  background-image: -moz-linear-gradient(top, #ee3436, #d02a2d);
  background-image: -ms-linear-gradient(top, #ee3436, #d02a2d);
  background-image: -o-linear-gradient(top, #ee3436, #d02a2d);
  background-image: linear-gradient(to bottom, #ee3436, #d02a2d);
  text-decoration: none;
}

.buy-btn-green-sm{
  background: #35bc2a;
  background-image: -webkit-linear-gradient(top, #41d833, #35bc2a);
  background-image: -moz-linear-gradient(top, #41d833, #35bc2a);
  background-image: -ms-linear-gradient(top, #41d833, #35bc2a);
  background-image: -o-linear-gradient(top, #41d833, #35bc2a);
  background-image: linear-gradient(to bottom, #41d833, #35bc2a);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #ffffff;
  font-size: 14px;
  padding: 8px;
  margin:8px;;
  cursor:pointer;
  text-decoration: none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.buy-btn-green-sm:hover {
  background: #49d02a;
  background-image: -webkit-linear-gradient(top, #55ed33, #49d02a);
  background-image: -moz-linear-gradient(top, #55ed33, #49d02a);
  background-image: -ms-linear-gradient(top, #55ed33, #49d02a);
  background-image: -o-linear-gradient(top, #55ed33, #49d02a);
  background-image: linear-gradient(to bottom, #55ed33, #49d02a);
  text-decoration: none;
}

.buy-btn-gay-sm{

  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  border-style:solid;
  border-width:2px;
  border-color:#bfbfbf;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #bfbfbf;
  font-size: 14px;
  padding: 8px;
  margin:8px;
  cursor:pointer;
  text-decoration: none;

  cursor:default;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*listing button end*/


.white-btn-no-hover:hover {
   border-color:#bfbfbf;
   color:#bfbfbf;
   cursor:default;
}

.white-btn-small{
	display:inline-block;
	height:14px;
	width:14px;
	padding:0px;
	margin:1px;
    font-size:10px;

}
.white-btn-small-red{
   cursor:default;
   border-color:#000000;
   color:#000000;
}

.white-btn-medium{
	display:inline-block;
	height:20px;
	line-height:20px;
	width:20px;
	padding:2px;
	margin:1px;
    font-size:14px;

}
.white-btn-medium-red{
   cursor:default;
   border-color:#000000;
   color:#000000;
}

.blue-button-medium{
   border-style:solid;
   border-width:2px;
   border-color:#bfbfbf;
   color:#bfbfbf;
   background-color:white;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   font-family:Century Gothic,arial,sans-serif; font-weight:bold;
   font-size:14px;
   text-align:center;
   cursor:pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


	display:inline-block;
	height:20px;
	line-height:20px;
	width:20px;
	padding:2px;
	margin:1px;


    background: #5983ad;
    background: -moz-linear-gradient(top, #5983ad 0%, #273a55 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #5983ad), color-stop(100%, #273a55));
    background: -webkit-linear-gradient(top, #5983ad 0%, #273a55 100%);
    background: -o-linear-gradient(top, #5983ad 0%, #273a55 100%);
    background: -ms-linear-gradient(top, #5983ad 0%, #273a55 100%);
    background: linear-gradient(to bottom, #5983ad 0%, #273a55 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5983ad', endColorstr='#273a55', GradientType=0 );

}
.blue-button-medium:hover {
   border-color:#bbbbbb;
   color:#ffffff;
}

.blue-button-medium-active{
  background: #ee9a2d;
  background: -moz-linear-gradient(top, #ee9a2d 0%, #de4e16 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ee9a2d), color-stop(100%, #de4e16));
  background: -webkit-linear-gradient(top, #ee9a2d 0%, #de4e16 100%);
  background: -o-linear-gradient(top, #ee9a2d 0%, #de4e16 100%);
  background: -ms-linear-gradient(top, #ee9a2d 0%, #de4e16 100%);
  background: linear-gradient(to bottom, #ee9a2d 0%, #de4e16 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9a2d', endColorstr='#de4e16', GradientType=0 );

  color:#ffffff;
}
.styled-select{
   overflow: hidden;
   background: url(images/dd_bg.png) no-repeat;
   background-color: white;
   background-position: right 5px center;
   border: 2px solid #ccc;

   font-family:Century Gothic,arial,sans-serif; font-weight:bold;
   font-size:12px;
   color:#bfbfbf;

   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;


   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:  none;
}
.styled-select:hover {
   border-color:#000000;
   color:#000000;
   background: url(images/dd_bg_or.png) no-repeat;
   background-position: right 5px center;
}
/*
.styled-select option[selected]{
    background: #bfbfbf;
}
*/
.styled-select option:hover, .styled-select option:checked{
    box-shadow: 0 0 10px 100px #de4e16 inset;
}
/*http://csscheckbox.com/*/
input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}
input[type=checkbox].css-checkbox + label.css-label {
   padding-left:24px;
   height:20px;
   display:inline-block;
   line-height:20px;
   background-repeat:no-repeat;
   background-position: 0 0;
   vertical-align:middle;
   cursor:pointer;

   font-family:Century Gothic,arial,sans-serif; font-weight:bold;
   font-size:12px;


}

input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -20px;
}
label.css-label {
 background-image:url(images/cb_gr.png);
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
  user-select: none;

  color:#bfbfbf;
}

label.css-label:hover {
   border-color:#000000;
   color:#000000;
   background-image:url(images/cb_or.png);
}
.white-label-gr{
   color:#bfbfbf;
   font-family:Century Gothic,arial,sans-serif; font-weight:bold;
   font-size:12px;
}
.white-label{
   color:#000000;
   font-family:Century Gothic,arial,sans-serif; font-weight:bold;
   font-size:12px;
}
.hr-css{
 border: 0;height: 1px;background: #9EB0C0;background-image: -webkit-linear-gradient(left, #F8F8F9, #9EB0C0, #F8F8F9);background-image:    -moz-linear-gradient(left, #F8F8F9, #9EB0C0, #F8F8F9);background-image:     -ms-linear-gradient(left, #F8F8F9, #9EB0C0, #F8F8F9);background-image:      -o-linear-gradient(left, #F8F8F9, #9EB0C0, #F8F8F9);
}

.hr-v-css{
 display:inline-block; height:100px; width:1px; background: #f8f8f9;background: -moz-linear-gradient(top, #f8f8f9 0%, #9eb0c0 47%, #ededed 100%);  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f8f8f9), color-stop(47%, #9eb0c0), color-stop(100%, #ededed));background: -webkit-linear-gradient(top, #f8f8f9 0%, #9eb0c0 47%, #ededed 100%);background: -o-linear-gradient(top, #f8f8f9 0%, #9eb0c0 47%, #ededed 100%);background: -ms-linear-gradient(top, #f8f8f9 0%, #9eb0c0 47%, #ededed 100%);background: linear-gradient(to bottom, #f8f8f9 0%, #9eb0c0 47%, #ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f9', endColorstr='#ededed', GradientType=0 );
}

.img-gradient{
   background: #ffffff;
   background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
   background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
   background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
   background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
   background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );

   display:inline-block;
   padding:7px;
   border-style:solid;
   margin:10px;
   border-width:2px;
   border-color:#bfbfbf;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
.content-box{
   padding:5px;
   border-style:solid;
   margin-top:2px;
   border-width:1px;
   border-color:#9EB0C0;
   background-color:white;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.new-font{
   font-family:Century Gothic,arial,sans-serif; font-weight:bold;
   font-size:12px;

}

.gr{
	color:#bfbfbf;
}

.font-midle{
	font-size:17px;
}
.bg-lines-45-gr{
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQAI/fvz8TyqHgYEBABN2D6G/IWDZAAAAAElFTkSuQmCC) repeat;
   border-style:solid;
   border-width:1px;
   border-color:#bfbfbf;
   margin-bottom:2px;
}

.bg-lines-45-gr-gr{
   background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAI0lEQVQImTXGIQEAMAwDsPo3dDp2IRHSoQUlKPrmNxc0F3QBZzMfqCtXuN4AAAAASUVORK5CYII=) repeat;
   border-style:solid;
   border-width:1px;
   border-color:#b7c0c7;
   margin-bottom:2px;
}

.radius-10{
   padding:5px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px
}

.radius-4{
   padding:2px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px
}

.cls-for-edit-div{
	padding:5px;
	border-style:solid;
	margin:0px;
	border-width:1px;
	border-color:#bfbfbf;
	background-color:#ffffff;
	 -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	 border-radius: 4px;
}

.cls-for-edit{
     border-style:none;
     width:100%;
     font-family:Century Gothic,arial,sans-serif;
     font-weight:bold;
     font-size:12px;
}

.new-categories-labels{
	display:inline-block;
	padding:5px;
	margin:10px;
	height:160px;
	width:160px;

   cursor:pointer;

   border-style:solid;
   border-width:0px;
   border-color: #bfbfbf;
   color:#bfbfbf;
   background-color:white;

   background-image:none;

   -webkit-border-radius: 4px;
   -moz-border-radius:4px;
   border-radius: 4px;

   font-family:Century Gothic,arial,sans-serif; font-weight:bold;
   font-size:14px;
   text-align:center;
   cursor:pointer;
   /*
   -webkit-box-shadow: 0px 2px 0px 0px #b7b7b7;
   -moz-box-shadow: 0px 2px 0px 0px #b7b7b7;
   box-shadow: 0px 2px 0px 0px #b7b7b7;
  */
  -webkit-filter: opacity(.8);
  -moz-filter: opacity(.8);
  -o-filter: opacity(.8);
  -ms-filter: opacity(.8);
  filter: opacity(.8);

}

.new-categories-labels:hover{

  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
  -o-filter: opacity(1);
  -ms-filter: opacity(1);
  filter: opacity(1);

  /*
   -webkit-box-shadow: 0px 2px 0px 0px #de4f16;
   -moz-box-shadow: 0px 2px 0px 0px #de4f16;
   box-shadow: 0px 2px 0px 0px #de4f16;
  */
   background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQAI/fvz8TyqHgYEBABN2D6G/IWDZAAAAAElFTkSuQmCC);


}

.del-button-for-cart{
   display:inline-block;
   border-style:solid;
   border-width:4px;
   border-color:#bfbfbf;
   width:20px;
   height:20px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;

   background: url(../../../images/closeg.png) no-repeat center center;
   background-color:#ffffff;

   cursor:pointer;

  -webkit-box-shadow: 0px 0px 5px 5px #ffffff;
  -moz-box-shadow: 0px 0px 5px 5px #ffffff;
  box-shadow: 0px 0px 5px 5px #ffffff;

}

.del-button-for-cart:hover{
	border-color:#f00b0b;
	background: url(../../../images/closer.png) no-repeat center center;
	background-color:#ffffff;
}

.dlc-card{
  background: url(../../../images/logo_10.png) no-repeat 10px 5px;
  background-color:#ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-style:solid;
  border-width:2px;
  border-color:#bfbfbf;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #000000;
  font-size: 14px;
  padding: 8px;
  margin:8px;
  margin-top:2px;

  display:inline-block;
}
.dlc-card-title{
  padding-left:170px;
  height:35px;
  line-height:35px;

  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  font-style: italic;
  color: #000000;
  font-size: 19px;
}
.dlc-card-info{
  background-color:#ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-style:solid;
  border-width:2px;
  border-color:#bfbfbf;
  font-family:Century Gothic,arial,sans-serif;
  font-weight:bold;
  color: #000000;
  font-size: 14px;
  padding: 8px;
  margin:8px;
  margin-top:2px;

  display:inline-block;
}
.rew-orange-box{
	padding:10px;
	border-style:solid;
	margin:0px;
	border-width:1px;
	border-color:#de4e16;
	/*background-color:#ffffff;*/
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 border-radius: 10px;

     font-family:Century Gothic,arial,sans-serif;
     font-weight:bold;
     font-size:12px;

     background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAJUlEQVQImWP48+7J/z/vnvz/fmHLfwYY48+7J/8ZYIw/7578BwCIYCE969mf/gAAAABJRU5ErkJggg==);
}
.rew-orange-title{
	 display:inline-block;
	 padding:6px;
	 padding-left:10px;
	 padding-right:10px;
	 position:absolute;
	 margin-left:12px;
	 /*margin-top:-14px;*/
	 font-weight:bold;
}
.rew-date{
     text-align:right;
     font-weight:normal;
     font-size:10px;
     margin-top:-10px;
}
.rew-table{
     font-family:Century Gothic,arial,sans-serif;
     font-size:12px;
}
.rew-purple-box{
	padding:10px;
	border-style:solid;
	margin:0px;
	border-width:1px;
	border-color:#54079b;
	/*background-color:#ffffff;*/
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 border-radius: 10px;

     font-family:Century Gothic,arial,sans-serif;
     font-weight:bold;
     font-size:12px;

     margin-left:20px;

     background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAJUlEQVQImWP49uHP/28f/vx/cPndfwYY49uHP/8ZYIxvH/78BwCZASInIF/wwQAAAABJRU5ErkJggg==);
}
.rew-gray-box{
	padding:10px;
	border-style:solid;
	margin:0px;
	border-width:1px;
	border-color:#9EB0C0;
	/*background-color:#ffffff;*/
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	 border-radius: 10px;

     font-family:Century Gothic,arial,sans-serif;
     font-weight:normal;
     font-size:12px;

     margin-left:20px;

     background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAI0lEQVQImTXGIQEAMAwDsPo3dDp2IRHSoQUlKPrmNxc0F3QBZzMfqCtXuN4AAAAASUVORK5CYII=);
}
.apple-red-info-block{
	  display:inline-block;
	  border-style:solid;
	  border-width:2px;
	  border-color:#ffffff;
	  -webkit-border-radius: 12px;
	  -moz-border-radius: 12px;
	  border-radius: 12px;

	  padding-left:6px;
	  padding-right:6px;


      font-family:Century Gothic,arial,sans-serif;
      font-weight:bold;
      font-size:12px;
      color:#ffffff;

      height:20px;
      min-width:12px;
      text-align:center;
      line-height:20px;


      background: #f8b4b8;
      background: -moz-linear-gradient(top, #f8b4b8 0%, #c80404 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #f8b4b8), color-stop(100%, #c80404));
      background: -webkit-linear-gradient(top, #f8b4b8 0%, #c80404 100%);
      background: -o-linear-gradient(top, #f8b4b8 0%, #c80404 100%);
      background: -ms-linear-gradient(top, #f8b4b8 0%, #c80404 100%);
      background: linear-gradient(to bottom, #f8b4b8 0%, #c80404 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b4b8', endColorstr='#c80404', GradientType=0 );






      -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
      box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);

}

.article-gradient-hidden-text {
  position: relative;
  cursor:pointer;
}
.article-gradient-hidden-text:after {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(to top, rgba(255,255,255, 1) 20%, rgba(255,255,255, 0) 80% );

  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0, rgba(255,255,255, 0)),
  color-stop(1, rgba(255,255,255, 100)));


  /* pointer-events: none; */ /* so the text is still selectable */
}
.article-gradient-hidden-block{
  cursor:pointer;
}
.article-gradient-hidden-text-show {
  cursor:pointer;
}