/* GLOBAL TAGS & CLASSES */

/* RESET */
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, a, img {margin: 0; padding: 0; border: 0;} /* RESET */
input, textarea {outline:none;}
P {margin: 0 0 1em 0;}
FORM {display: inline;}
b {font-weight: bold;}
UL, OL {margin: 0 0 1em 2em}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style]  {width: 100% !important;} /* For Facebook comments */

/* ERROR MESSAGES */
.messageBox {}
.messageStackError, .messageStackWarning {background-color: #ffb3b5; }
.messageStackSuccess {background-color: #99ff00; }
#noteEmailExist {padding-top: 3px; color:red;}

/* USER ACCOUNT */

.accountTbl {border-spacing: 10px; margin-bottom: 10px;}
.accountTbl TR TD:first-child {font-size:2em; width: 40px; height: 40px; text-align: center; border: 1px solid #7D7D7D;}
.accountTbl TR TD A:hover {color:#C06}
.accountTbl A {text-decoration:none}

/* Login */
.mainTable {width:100%;}
.mainTable TD {vertical-align: top;}
#regLeftPanel {margin-right: 5px}
#regLeftPanel, #regRightPanel {padding: .8em; width: 47%; display: inline-block; vertical-align: top;} @media (max-width: 480px) {#regLeftPanel, #regRightPanel {width: 90%; margin:0}}
.animateDown {opacity: 0;}
#loginBox {display:none; text-align: center;}
#loginBox INPUT {padding: 16px; font-size: 20px; border-radius:4px;/*box-shadow: inset 0px 0px 7px 2px rgba(50, 50, 50, 0.22);*/} @media (max-width: 480px) {#loginBox INPUT {width: 80%; padding: 10px;}}
#loginBox H2 {margin-bottom: 2em; font-size: 1.6em} @media (max-width: 480px) {#loginBox H2 {margin-bottom: 1em; font-size: 1em}}
.accLnk {}
.accLnk:hover {cursor:pointer;text-decoration:underline;}
#loginMsg {color: red; margin-top:1em}
#pswTab {margin-top: 5px;}

/* BASKET */
.toolboxArrowRight {position: relative; border: 1px solid #992661; padding: 4px; border-radius: 4px; text-align: center; background: #E667A7; color: white;}
.toolboxArrowRight:after, .toolboxArrowRight:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.toolboxArrowRight:after {border-color: rgba(255, 255, 255, 0); border-left-color: #E667A7; border-width: 6px; margin-top: -6px;}
.toolboxArrowRight:before { border-color: rgba(0, 0, 0, 0); border-left-color: #992661; border-width: 7px; margin-top: -7px;}
SPAN.markProductOutOfStock {color: #c76170; font-weight: bold;}
.stockWarning {color: #cc0033; }
@media (max-width: 480px) {.cartProdName{display:none} #cartAmount{display:none}}

/* account.php */
.accountLinkList {list-style-type: none; margin: 2px 2px 2px 10px; padding: 5px; line-height: 1.6em;}
.accountLinkListEntry {float: left; margin-right: 5px;}
.selectBox select {width: 224px; height: 34px;}
.primaryAddr {margin-left: 1em; padding: 2px 10px; background-color: #939393; color: white; text-transform: uppercase; font-size: 10px; font-weight: bold;}

/* Checkout pages */
.checkoutTableRow { }
.checkoutTableRow:hover {background-color: rgba(101, 48, 62, 0.12); cursor: pointer;}
.checkoutTableRow.checked { background-color: #65303E; color: white;}
.checkoutBarFrom, .checkoutBarTo {color: #8c8c8c; }
.checkoutBarCurrent {color: #000000; }
.checkoutBarCurrent, .checkoutBarTo, .checkoutBarFrom {vertical-align: middle; width: 33%;}
.errorBox {background: #ffb3b5; font-weight: bold; }
.coupon {padding: 3px 20px; background-color: #87505E; color: white; font-weight: bold;}
#progressBar {margin-bottom: 5px; height: 5px; border: 1px solid #939393;}
.progressBar {height: 100%; background-color: #87505E;}
.checkoutBox {display:inline-block; vertical-align: top; width: 30%} @media (max-width: 480px) {.checkoutBox {width: 100%; margin-bottom:5px}}
.checkoutBlock {width:33.33%; float: left;} @media (max-width: 620px) {.checkoutBlock {width: 100%; margin: 0 0 .5em 0;}}
.checkoutBlockMiddle {padding: 0 .8em} @media (max-width: 620px) {.checkoutBlockMiddle {padding:0}}

/* Categories pages */

.pagesResults {margin: 0 0 4px 0; height: 1.8em; line-height: 1.8em;}
.pagesResults DIV:first-child {float:left;} @media (max-width: 480px) {.pagesResults DIV:first-child {display:none}}
.pagesResults DIV:first-child SELECT {padding:1px; margin-left: .5em;}
.pagesResults DIV:nth-child(2) {float:right;}
@media (max-width: 480px) {.pagesResults DIV:nth-child(2) > SPAN:first-child {display:none}} 

.splitPages {margin-left: .5em;}
.splitPages A, .splitPages .selected {text-decoration: none; width: 1.5em; height: 1.5em; line-height: 1.5em; display: inline-block; margin-left: 3px; text-align: center;}
.splitPages .selected {width: 1.8em; height: 1.8em; font-weight: bold; line-height: 1.8em;}
.splitPages A:hover {cursor: pointer; text-decoration: none;}

.product_listing {clear:both}

/* Product Page */

SPAN.in_stock {color: green; margin-left: .5em}
SPAN.no_stock {color: red; margin-left: .5em}




/* CSS3 EFFECTS */
.transition {transition:  background 0.3s ease-in-out; -webkit-transition:  background 0.3s ease-in-out; -moz-transition:  background 0.3s ease-in-out; -ms-transition:  background 0.3s ease-in-out; -o-transition:  background 0.3s ease-in-out;}


.center {text-align: center;}
.right {text-align: right;}
.lighter {color:  rgba(0, 0, 0, 0.7);}
.spacer {clear: both; height: 1em;}
.sizeS {font-weight: 200; font-size: 11px; line-height: 13px;}
.sizeM {font-weight: 300; font-size: 15px; line-height: 17px;}
.sizeL {font-weight: 500; font-size: 15px; line-height: 17px;}
.sizeXl, .sizeXL {font-weight: 600; font-size: 17px; line-height: 19px;}
.sizeXXl, .sizeXXL {font-weight: 700; font-size: 19px; line-height: 21px;}

.spTitle {text-decoration: underline; cursor: pointer;}

.sp2 {cursor: pointer; line-height: 1.5em;}
.sp2 DIV {padding: 10px; background-color: rgba(255, 244, 250, 1); border: 1px solid rgba(255, 188, 222, 1);}

.block3 {text-align: left; background-color: rgba(255, 244, 250, 0.1); padding: 1em; height: 8em; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4) inset;}
.block1 {clear: both; background-color: rgba(255, 244, 250, 0.1); padding: 1em; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 1em rgba(0, 0, 0, 0.4) inset}
.addressBlock {float: left; width: 200px; font-weight: 400; background-color: #FFF4FA; padding: 10px; border-radius: 5px; border: 1px solid #FFBCDE; box-shadow: 5px 5px 5px #D8C0C0; }
.contentImage {}
.requireText {margin: 2em 0 1em 0;}
.pageInfo {clear: both; text-align: center;}
.contentText {padding: .5em; margin: 0 0px 10px 0; border: 1px solid #C06; clear: both;}
.contentTextNoBorders {padding: 10px; margin: 0; text-align: justify;}

.contentContainer {clear: both; /* border: 1px solid rgb(230, 230, 230); */}
#articleText {font-size: 1.2em; line-height: 1.4; width: 79%; float: left; text-align: justify;} @media (max-width: 480px) {#articleText {width:100%; float:none;}}
#articleXsell {width: 20%; float:right} @media (max-width: 480px) {#articleXsell {width:100%; float:none;}}
.article_img {float: left; margin: 0 10px 10px 0;}
.article_img_r {float: right; margin: 10px 0px 10px 10px;}
A.boldLink {font-size: 17px; line-height: 19px;}
.alert, .inputRequirement, .errorText {color: red;}
.discount-old-price {font-size: .87em !important; margin-right: 3px; text-decoration: line-through;}


/* Sliders and Galleries */


/* TABS */

/*.myTab > div, .myTab > input { display: none; } */
DIV.myTab > label { padding: 5px; border: 1px solid #aaa; line-height: 24px; cursor: pointer; position: relative; bottom: 1px; background: #fff; }
/*.myTab input[type="radio"]:checked + label { border-bottom: 2px solid #fff; }*/
/* .myTab > input:nth-of-type(1):checked ~ div:nth-of-type(1), .myTab > input:nth-of-type(2):checked ~ div:nth-of-type(2), .myTab > input:nth-of-type(3):checked ~ div:nth-of-type(3), .myTab > input:nth-of-type(4):checked ~ div:nth-of-type(4) { display: block; padding: 5px; border: 1px solid #aaa; } */
.myTab > ul {list-style-type: none; height: 26px; margin: 0;}
.myTab > ul > li {float: left; padding: 5px; border: 1px solid #aaa; cursor: pointer; margin: 0 5px -1px 0;}
.myTab > ul > li.current {border-bottom: 1px solid #fff;}
.myTab > div {clear:both; display: none; padding: 5px; border: 1px solid #aaa;}
.myTab .visible {display: block;}
.myTab H2 {margin-bottom: 0; font-size: 1em; line-height: 1.2em; font-weight: normal;}
#vkWrapper {width:50%} @media (max-width: 767px) {#vkWrapper {width: 100%}}

/* TEXTS */

UL.largeList LI, OL.largeList LI {margin: 0 0 1em;}