/* --- Typography ------------------------ */

body { font: 12px / 140% verdana, arial, clean, sans-serif; /* background: #FFF; */
	background: url(../bg/bg1.png) top center repeat-x; }
select, input, button, textarea, button { font: 99% verdana, arial, clean, sans-serif; }
table { font-size: inherit; font: 100%; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h2, h3, h4, h5 { margin-bottom: 10px; }
h1, h2, h3, h4, h5, h6, b, strong, dt { font-weight: bold; }
optgroup { font-weight: normal; }
i, em { font-style: italic; }
del { text-decoration: line-through; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { margin: 25px 30px; }
li { padding: 3px 0; list-style: square; }
ol li { list-style: decimal; }
p { margin-bottom: 15px; }
p.title { margin-bottom: 0px; }
ul, ol { margin: 20px 30px; }
ul ul, ol ul { margin: 10px 20px; }
ol li { list-style-type: decimal; list-style-position: inside; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul li { list-style: square; }
ul li li { list-style: square; }
form ul { margin: 0; padding: 0; }
form ol { margin: 0; padding: 0; }
form li { list-style: none; position:relative; }
/* --- layout --------------------------------------- */

#header, #sidebar, #content, #footer { margin: 10px; }
#header, #footer { clear: left; }
#page:after, #header:after, #footer:after, #footer #panel:after, #details #attributes table:after, #navigation:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
#page { width: 960px; margin: 0 auto; position:relative; }
#header { width: 940px; padding: 0 10px; height: 150px; margin: 0; position: relative;/* background: url(../bg/mainbckg.png) left center repeat-x;
	border-bottom: 1px solid #c80000;*/
}
.logo { width: 100%; text-align: center; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }
#sidebar { margin-top: 0; width: 172px; float: left; padding-top: 20px; }
#content { width: 940px; padding-bottom: 10px; float: left; margin-top: 20; margin-right: 10px; margin-bottom: 0; margin-left: 22px; }
div.sidebarLeft #content, div.sidebarRight #content { width: 718px; }
div.sidebarRight #sidebar { float: left; }
#footer { clear: both; width: 960px; padding-top: 10px; margin: 10px 0; }
/* === FX Styles ====================================== */

/*** SHADOWS -> ***/
.shadow, #currencies, #languages, .loginForm, .altLoginBox, .flyoutMenu { -moz-box-shadow: 2px 2px 5px #666; -webkit-box-shadow: 2px 2px 5px #666; box-shadow: 2px 2px 5px #666; }
/* bottom shadow */
.box h3, .box h2 { background-color: #f0f0f0; }
.sectionHead { }
.pageHead { /*-moz-box-shadow: 0px 3px 5px -1.3px #555;
    -webkit-box-shadow: 0px 3px 5px -1.3px #555;
    box-shadow: 0px 3px 5px -2px #555;*/
}
.basketFlyout { -moz-box-shadow: 0px 0px 3px 1px #555; -webkit-box-shadow: 0px 0px 3px 1px #555; box-shadow: 0px 0px 3px 1px #555; }
.scrollable ul { -moz-box-shadow: inset 0px 5px 5px -1.3px #555; -webkit-box-shadow: 0px 5px 5px -1.3px #555; box-shadow: 0px 5px 5px -1.3px #555; }
.basketItems { -moz-box-shadow: inset 0px -4px 2px -2px #555; -webkit-box-shadow: 0px -4px 3px -2px #555; box-shadow: 0px -4px 5px -2px #555; }
.glowShadow, div.anythingSlider .arrow, .promoBox { -moz-box-shadow: 1px 1px 9px 1px #000; -webkit-box-shadow: 1px 1px 9px 2px #000; box-shadow: 1px 1px 9px 2px #000; }
.promoBox { -moz-box-shadow: 1px 1px 6px 1px #222; -webkit-box-shadow: 1px 1px 6px 2px #222; box-shadow: 1px 1px 6px 2px #222; }
.rightShadow, .itemSlider .leftHolder { -webkit-box-shadow: 4px 0px 4px -1.5px #555555; -moz-box-shadow: 4px 0px 4px -1.5px #555555; box-shadow: 4px 0px 4px -1.5px #555555; }
.itemSlider .nextItem { -webkit-box-shadow: -4px 0px 4px -1.5px #555555; -moz-box-shadow: -4px 0px 4px -1.5px #555555; box-shadow: -4px 0px 4px -1.5px #555555; }
/******/
/*** ROUNDED CORNERS -> ***/
.corners, .button, .input, .textbox, .areabox, .checkbox, .submitButton, .widgetBox, .dropDown ul, div.anythingSlider .arrow, .promoBox { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.input, .textbox, .pager .active, .lineBox, .areabox, input[type="text"] { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
.box ul, .box ol, .box .content { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.tabs li, .thumbNav, #navigation ul li:first-child, #currencies li:first-child a, #languages li:first-child a, .flyoutMenu li:first-child a, .dropDown li:first-child a { -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; -khtml-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; }
#currencies li:last-child a, #languages li:last-child a, .dropDown li:last-child a, .flyoutMenu li:last-child a { -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; -khtml-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; }
.bottomRound, #navigation ul li:last-child, .widgetBoxBottomRound { -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; -khtml-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; }
.promoBox strong.promoPrice { -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -khtml-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; }
.promoBox strong.promoTitle { -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -khtml-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; }
.box h3, .box h2, .sectionHead, {
}
/******/
/*** GRADIENTS -> ***/
/* Blue */
.gridView .titleBox, .itemSlider .titleBlock, .itemSlider .titleBlock:hover, .gridView .priceBox,  .pageHead { }
#currencies a.selected, #languages a.selected, .flyoutMenu a.selected, .dropDown a.selected, .thumbNav a.cur, .thumbNav a.cur:hover, .promoBox strong.promoPrice, .itemSlider .prevItem span.slideBg, .itemSlider .nextItem span.slideBg, .specBox h3 { background: #389cb4 url(../bg/svg/grad_blue.svg); background: -moz-linear-gradient(#adefff, #389cb4, #18778e); background: -ms-linear-gradient(#adefff, #389cb4, #18778e); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #adefff), color-stop(50%, #389cb4), color-stop(100%, #18778e)); background: -webkit-linear-gradient(#adefff, #389cb4, #18778e); background: -o-linear-gradient(#adefff, #389cb4, #18778e); background: linear-gradient(#adefff, #389cb4, #18778e); }
.lightHead, h2.lightHead, h3.lightHead { background: #b8dde6 url(../bg/svg/grad_blue-light.svg); background: -moz-linear-gradient(#e0f1f5, #b8dde6); background: -ms-linear-gradient(#e0f1f5, #b8dde6); background: -webkit-gradient(linear, left top, left bottom, from(#e0f1f5), to(#b8dde6)); background: -webkit-linear-gradient(#e0f1f5, #b8dde6); background: -o-linear-gradient(#e0f1f5, #b8dde6); background: linear-gradient(#e0f1f5, #b8dde6); }
.submitButton { }
.FXgradBlueDark, {
 background: #5fb7cc url(../bg/svg/grad_blue-dark.svg);
 background: -moz-linear-gradient(#5fb7cc, #1a7990);
 background: -ms-linear-gradient(#5fb7cc, #1a7990);
 background: -webkit-gradient(linear, left top, left bottom, from(#5fb7cc), to(#1a7990));
 background: -webkit-linear-gradient(#5fb7cc, #1a7990);
 background: -o-linear-gradient(#5fb7cc, #1a7990);
 background: linear-gradient(#5fb7cc, #1a7990);
}
/* Grey */
.promoBox strong.promoTitle, .specBoxTitles a.title { background: #a9b1b4 url(../bg/svg/grad_grey.svg); background: -moz-linear-gradient(#f9fafa, #a9b1b4); background: -ms-linear-gradient(#f9fafa, #a9b1b4); background: -webkit-gradient(linear, left top, left bottom, from(#f9fafa), to(#a9b1b4)); background: -webkit-linear-gradient(#f9fafa, #a9b1b4); background: -o-linear-gradient(#f9fafa, #a9b1b4); background: linear-gradient(#f9fafa, #a9b1b4); }
#footer #panel { }
.box ul, .box ol, .box .content { }
.FXgradGreyLight, .sf-menu li ul,  .loginForm, #currencies, #languages, .flyoutMenu, .basketFlyout, div.anythingSlider .arrow, .thumbNav { background: #d1d8db url(../bg/svg/grad_grey-light.svg); background: -moz-linear-gradient(#fff, #d1d8db); background: -ms-linear-gradient(#fff, #d1d8db); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1d8db)); background: -webkit-linear-gradient(#fff, #d1d8db); background: -o-linear-gradient(#fff, #d1d8db); background: linear-gradient(#fff, #d1d8db); }
.sf-menu li.current,  .sf-menu a:active { color: #c80000; }
.sf-menu li:hover { color: #c80000; }
.sf-menu li.sfHover { color: #c80000; }
.submitButton:hover { }
a.viewAllHover { }
/* Orange */
.FXgradOrange, .removeButton,  .gridView div.priceBox:hover, .gridView div.titleBox:hover, .featuredList a:hover, .featuredList li.articleImage:hover + li.articleTitle > a, #footer .list a:hover, #currencies a:hover, #languages a:hover, .flyoutMenu a:hover, .basketFlyout li a:hover, .dropDown ul a:hover, div.anythingSlider span.arrow:hover, .thumbNav a:hover, .itemSlider .prevItem:hover span.slideBg, .itemSlider .nextItem:hover span.slideBg, .itemSlider li a.viewAllHover, .specBoxTitles a.title:hover, .actionLinks li:hover { background: #ec6105 url("../bg/svg/grad_orange.svg"); background: -moz-linear-gradient(#ff8604, #ec6105); background: -ms-linear-gradient(#ff8604, #ec6105); background: -webkit-gradient(linear, left top, left bottom, from(#ff8604), to(#ec6105)); background: -webkit-linear-gradient(#ff8604, #ec6105); background: -o-linear-gradient(#ff8604, #ec6105); background: linear-gradient(#ff8604, #ec6105); }
/* Light blue */
.FXgradBlueLight, .fbEnableButton { background: #ffffff url("../bg/svg/grad_light_blue.svg"); background: -moz-linear-gradient(#fff, #d7e3f1); background: -ms-linear-gradient(#fff, #d7e3f1); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d7e3f1)); background: -webkit-linear-gradient(#fff, #d7e3f1); background: -o-linear-gradient(#fff, #d7e3f1); background: linear-gradient(#fff, #d7e3f1); }
/******/


/* --- Checkout basket content ----------------------- */
.basketitems { width: 100%; font-size: 14px; }
.basketitems .editCol { width: 30px; }
.basketitems .thumbCol { width: 110px; }
.basketitems .wrappingCol { width: 120px; }
.basketitems .coutCol { width: 60px; }
.basketitems .priceCol { width: 90px; }
.basketitems .vatCol { width: 60px; }
.basketitems .totalCol { width: 90px; }
.basketitems td { vertical-align: top; border-top: 5px solid #ECEFF0; padding-top: 6px; }
.basketitems tr:last-child td { border-bottom: 5px solid #ECEFF0; }
.basketitems th { font-size: 12px; text-align: left; color: #515353; padding-bottom: 2px; font-weight: 400; vertical-align: top; border-bottom: 5px solid #ECEFF0; }
.basketitems tr td:last-child, .basketitems tr th:last-child, .basketitems .unitPrice, .basketitems .vatPercent { text-align: right; padding-right: 5px; }
.basketitems td.basketImage { text-align: center; vertical-align: middle; }
.basketitems tr.basketError td { padding-top: 0; padding-bottom: 10px; border: none; }
.basketitems .picture { width: 130px; height: 160px; overflow: hidden; border: 1px solid #555555; }
.basketitems .wrappingTrigger { color: #1D7E96; }
.wrappingTrigger span { display: block; color: #555; font-size: 11px; }
.wrappingTrigger:hover span { text-decoration: underline; }
.basketitems .checkbox { vertical-align: middle; }
.basketitems .textbox { width: 20px; text-align: right; }
.basketitems .persParam { width: 120px; text-align: left; }
.basketitems .persParamLabel { font-size: 12px; font-weight: bold; }
.quantity strong { display: block; font-size: 11px; margin-bottom: 3px; }
.quantity p { margin-bottom: 5px; }
.quantity { white-space: nowrap; padding-right: 10px; }
.summary { font-size: 14px; width: 350px; float: right; padding-top: 15px; }
.summary table { width: 100%; }
.summary table td { text-align: right; width: 90px; padding: 5px 5px 5px 2px; border-top: 2px solid #ECEFF0; }
.summary table td { text-align: right; width: 90px; padding: 5px 5px 5px 2px; border-bottom: 1px solid #ECEFF0; }
.summary table th { text-align: left; font-weight: 400; border-top: 2px solid #ECEFF0; }
.summary table tr:last-child td, .summary table tr:last-child th { border-top-color: #c9d3d7; border-bottom-width: 0px; }
.summary table tr:first-child td, .summary table tr:first-child th { border-top-width: 0; }
.backtoshop { float: left; padding-left: 10px; }
.nextStep { float: right; }
.prevStep { float: left; }
.basketFunctions { float: left; padding-top: 20px; }
.basketFunctions button { background: none; border: none; cursor: pointer; color: #1d7e96; padding: 0; height: 14px; line-height: 14px; }
.basketFunctions span { border-right: 1px solid #1d7e96; padding: 0 9px 0 0; float: left; line-height: 12px; height: 12px; }
.removeFn { padding-left: 17px; color: #e70404; background: url(../../img/x-icon.png) no-repeat 0 1px; }
.removeFn:hover { background-position: 0 -25px; }
/* --- checkout order ---------------------------- */
.orderBasketItems, .orderBasketItems a, .orderSummary, #orderAddress, #orderShipping, #orderPayment { color:#515353; }
#orderAddress, #orderShipping, #orderPayment, #orderEditCart, #orderAgbTop, #orderBasket { margin-bottom: 35px; }
#orderAddress h3, #orderShipping h3, #orderPayment h3 { color:#000; }
#orderAddress dl { float: left; }
#orderAddress dl.shippingAddress { padding-left: 20px; }
#orderAddress dl.orderRemarks { padding-left: 20px; width: 250px; }
/* --- CLEAR ------------------------ */

.clear:after, .basketFlyout li a:after, .basketFlyout .totals:after, .basketFlyout .title:after, .lineView li:after, .wrappingData li:after, .form li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear, .basketFlyout li a, .basketFlyout .totals, .basketFlyout .title, .lineView li, .wrappingData li, .form li { display: inline-block; }
/* start commented backslash hack \*/ * html .clear, * html .basketFlyout li a, * html .basketFlyout .totals, * html .basketFlyout .title, * html .lineView li, * html .wrappingData li, * html .form li { height: 1%; }
.clear, .basketFlyout li a, .basketFlyout .totals, .basketFlyout .title, .lineView li, .wrappingData li, .form li { display: block; }
/* close commented backslash hack */


/* --- Main page error or messages -----------*/

.status { padding: 8px 15px 8px 30px; margin-bottom: 15px; font-size: 14px; }
.error { color: #4b0b0b; border: 2px solid #fed8d2; background: #ffe7e3 url(../../img/error-inline.png) no-repeat 12px 11px; }
.success { border: 2px solid #edf8cb; color: #323b16; background: #f8ffe3 url(../../img/success-inline.png) no-repeat 12px 11px; }
.status p { margin: 0; }
.inlineError { color: #e70404; background: url(../../img/error-inline.png) no-repeat 0 3px; padding-left: 15px; }
/* --- box -------------------------------- */

.box { width: 172px; margin-bottom: 15px; }
.box ul, .box ol, .box .content { border-top: none; margin: 0; margin-top: -2px; }
.box li { list-style: none; padding: 0; }
.box .content { padding: 10px; }
/* --- News Box ----------------------- */
#newsBox.box li { padding-top: 7px; }
#newsBox.box li:first-child { padding-top: 0; }
/* --- Article  box & recommendation box --------------------- */
.featuredList a { padding: 7px 10px 5px 10px; display: block; }
.featuredList .desc { padding: 0 10px 3px; display: block; }
.featuredList ol a { padding-left: 0; }
.featuredList li:last-child a { padding-bottom:11px; }
.featuredList a:hover, .featuredList a:hover strong, .featuredList li.articleImage:hover + li.articleTitle > a { color: #fff; text-decoration: none; text-shadow: none; }
.box .featured { height: 100px; width: 168px; display: block; text-align: center; border-left: 2px solid #58b3ca; border-right: 2px solid #58b3ca; line-height: 100px; }
.box .featured.icon { border-bottom: 2px solid #58b3ca; overflow: hidden; height: auto; min-height: 100px; }
.box .featured img { vertical-align: middle; }
/* --- category list category boxes ---------------- */
.box .subcatPic { position: relative; height: 100px; left: -10px; top: -10px; }
.box .subcatPic a { background:#fff; display:block; height: 100px; line-height:98px; }
.box .catPicOnly { padding: 0; }
.box .catPicOnly .subcatPic { left: 0; top: 0; text-align: center; }
.box .catPicOnly .subcatPic img { vertical-align: middle; }
.subcatList .box li.subcatPic { padding: 0; }
/* --- promo boxes: bargain item -------------- */

.promoBoxes { margin-bottom: 20px; }
.promoBoxes .box { margin-bottom: 0; }
.specBox { width: 368px; float: left; }
.specBox h3 { width: 158px; height: 74px; padding: 10px; margin: 0; position: relative; color: #fff; text-shadow: 0 -1px 0 #000000; z-index: 2; text-transform: uppercase; }
.specBox h3 strong { font-size: 21px; padding-top: 3px; display: block; line-height: 21px; padding-right: 10px; }
.specBox .rss { position: absolute; right: 10px; top: 10px; text-decoration: none; }
.specBox .rss span { visibility: hidden; white-space: nowrap; right: -198px; color: #fff; padding: 5px 8px 0px 30px; height: 22px; }
.specBox .deliveryInfo { display: block; font-size: 11px; color: #fff; line-height: 12px; }
.specBox .deliveryInfo a { color: #fff; text-decoration: underline; }
.specBox .deliveryInfo a:hover { text-decoration: none; }
.specBox .toCart { color: #fff; font-weight: 700; text-decoration: none; font-size: 12px; text-transform: uppercase; text-shadow: 0 -1px 0 #000; }
.specBox .price, .specBox .price .button { visibility: hidden; }
.specBox:hover .price, .specBox:hover .price .button, .specBoxTitles a.title:hover .specBox .price { visibility: visible; }
.specCatBox { width: 370px; float: right; position: relative; z-index: 1; }
.specBoxTitles a.title { display: block; width: 158px; height: 44px; padding: 12px 10px 0 10px; font-size: 14px; text-decoration: none; font-weight: 700; text-shadow: 0px 1px 1px #fff; }
.specBoxTitles { float: left; width: 178px; }
.specBoxTitles a.title:hover { color: #fff; text-shadow: 0px -1px 1px #652b00; }
.specBoxInfo { float: left; width: 190px; height: 150px; position: relative; text-align: center; }
.specBoxInfo div { text-align: left; }
.specBoxInfo .price { position: absolute; bottom: 0; padding: 25px 10px 0 10px; height: 51px; width: 167px; background:transparent url(../bg/fx-grad-darkblue-spiked.png) top center no-repeat; }
.specBoxInfo .price.tight { padding-top: 20px; height: 56px; }
.specBoxInfo .priceValue, .specBoxInfo .priceValue a { color: #fff; text-shadow: 0px -1px 1px #000; text-decoration: none; font-size: 14px; font-weight: 700; }
.specBoxInfo .button { color:#fff; text-shadow:0 -1px 0px #8c4600; border:1px solid #fff; background:transparent; display: block; position: absolute; bottom: 8px; left: 8px; padding:1px 10px; visibility: hidden; text-decoration:none; font-size: 10px; font-weight: 100; }
.specBoxInfo .tight .button { bottom: 5px; }
.specBoxInfo .priceOld { font-size: 11px; color:#fff; text-shadow: 0px -1px 1px #000; }
.specBoxInfo .pricePerUnit { font-size: 8px; color:#fff; line-height: 9px; display:block; margin-top:-1px; text-shadow: 0px -1px 1px #000; }
.specBoxInfo .price:hover .button { background:#ec6105; }
.specCatBox .viewAllHover { position: absolute; left: 105px; top: 75px; display: none; }
.specCatBox:hover .specCatBox .viewAllHover { display: block; }
/* ??? */
.list { clear: left; }
/* --- form elements  -------------------- */
.checkbox { padding: 0; margin: 0; border: none; }
.textbox, input[type="text"] { border: 1px solid #8c8989; background: #fff; padding: 1px 5px; height: 15px; line-height: 14px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.textbox:focus, input[type ="text"]:focus { border-color: #666; }
.areabox { border: 1px solid #8c8989; padding: 7px; }
.radiobox, .checkbox { margin: 0; padding: 0; height: 13px; width: 13px; }
/* --- Page title --------------------- */
.pageHead { font-size: 24px; color: #c80000; padding: 0px; overflow: hidden; margin-bottom: 16px; position: relative; z-index: 2; font-weight:normal; display: block; line-height: 30px; font-family: Georgia,"Times New Roman",Times,serif;}
/* --- box -------------------------------- */
.box h2, .box h3 { color: #666666; padding: 5px 10px; font-size: 18px; position: relative; z-index: 2; margin: 0; line-height: 18px; font-weight:normal; margin-bottom:10px; }
.sectionHead { color: #c80000; /*text-transform: uppercase;*/
    padding: 5px 10px; font-size: 12px; position: relative; z-index: 2; margin: 0; /*text-shadow: 0px -1px 1px #397f90;*/
    line-height: 18px; }
.box h2 { font-size: 14px; }
.box h3 a { white-space: nowrap; }
h2.sectionHead { font-size: 30px; padding: 13px 10px; /* text-shadow: 0px -1px 0px #000; */ position: relative; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
h2.border { border-bottom: 1px solid #c80000; }
h3.blockHead { font-size: 14px; padding: 5px 0; margin-top: 20px; border-bottom: 5px solid #eceff0; color: #000; line-height:20px; }
.sectionHead + .gridView, .sectionHead + .infogridView { margin-top: -2px; }
div.lineBlock { padding: 5px 0; border-bottom: 5px solid #eceff0; }
.viewAllHover { padding: 1px 10px 3px 8px; position: relative; height: 23px; line-height: 25px; display: inline-block; margin: 0 auto; color: #fff; font-size: 11px; text-transform: uppercase; text-decoration: none; background-color: #CC0000; }
a.viewAllHover:hover { text-decoration: none; }
a.viewAllHover span {  }
/* --- underlined links in login page ---------------- */
a.textLink { text-decoration: underline; }
/* --- RSS link ----------------------------- */
a.rss { text-decoration:none; float: right; height:16px; margin:1px 0; position: relative; }
a.rss img { position: relative; z-index: 11; }
a.rss span { visibility: hidden; display: block; position: absolute; white-space: nowrap; right: -6px; font-size: 12px; top: -5px; color: #fff; padding: 5px 30px 0px 8px; height: 21px; z-index: 5; }
a.rss:hover span { visibility: visible; }
h3.lightHead { color: #1d7e96; text-shadow: 0px 1px 1px #fff; }
.widgetBox, .widgetBoxBottomRound { border: 1px solid #c9d3d7; padding: 10px; clear: both; }
.widgetBox, .widgetBoxBottomRound, .tabbedWidgetBox { margin-bottom: 20px; }
.tabbedWidgetBox { min-height:50px; }
.widgetBoxBottomRound { margin-top: -1px; }
.tabbedWidgetBox .widgetBoxBottomRound { top: -1px; position: relative; margin-top: 0; }
.widgetBox h4, .widgetBoxBottomRound h4 { color: #515353; text-transform: uppercase; margin-bottom: 11px; }
.pageHead + .widgetBoxBottomRound, .pageHead + css3-container + .widgetBoxBottomRound { border-top: 0; }
/* --- Reviews ------------------------------- */
div.reviews h4 { margin-bottom: 5px; }
div.reviews ul.rating { margin: 0 0 10px 0; }
div.reviews textarea.areabox { width: 95%; height: 120px; margin-bottom: 10px; }
div.reviews form { margin-bottom: 20px; }
div.reviews dt { display: block; border-top: 1px solid #b4b8b8; padding: 10px 0 5px; margin-top: 10px; }
div.reviews dt:first-child { margin-top: 5px; }
div.reviews dt span, div.reviews dt ul { float: left; margin-right: 10px; }
div.reviews dd { line-height: 18px; }
#writeReview { display: none; }
/* --- Article details tabs  ----------- */
ul.tabs { position: relative; z-index: 2; overflow: hidden; margin: 0; padding: 0; }
ul.tabs li { float: left; padding: 0; list-style: none; border: 1px solid #999; border-bottom: 1px solid #c9d3d7; background: #d9dfe1; padding: 7px 10px; margin-left: -1px; font-weight: 700; position: relative; color: #515353; height: 15px; text-transform: uppercase; text-shadow: 0px 1px 1px #fff; }
ul.tabs li.ui-state-active { background: #fff; border-bottom-color: #fff; border-top-color: #c9d3d7; border-right-color: #c9d3d7; z-index: 2; }
ul.tabs css3-container:first-child + li, .tabs li:first-child { margin-left: 0; }
ul.tabs li.ui-state-active:first-child, .tabs css3-container:first-child + li.ui-state-active { border-left-color: #c9d3d7; }
ul.tabs a { color: #515353; }
div.ui-tabs-hide { display: none; }
ul.tabs li.fbTab a { background: url(../../img/facebook_icon.png) no-repeat 0 1px; padding: 0px 0px 0px 18px; }
/* --- BUTTONS  ------------------- */
button { width: auto; overflow: visible; margin: 0; padding: 1px 20px; font-size: 11px; font-weight: bold; border: 0; color: #000; text-align: center; background-color:#fff; }
.submitButton { /* text-shadow: 0px -1px 0px #000; */
	padding: 0 10px 1px 10px; font-size: 11px; height: 19px; line-height: 18px; cursor: pointer; width: auto; overflow: visible; font-weight: normal; text-decoration:underline;/*text-transform: uppercase;*/
}
.largeButton { font-size: 14px;/*text-transform: uppercase;*/
}
div.lineBox .largeButton { font-size: 11px; text-transform: uppercase; height: 32px; }
div.lineBox a.largeButton { display:inline-block; font-size: 11px; font-weight: bold; text-transform: uppercase; height: 28px; line-height:28px; }
div.lineBox span.title { float: right; text-shadow: 0 -1px 0 #ffffff; font-size: 12px; font-weight: bold; color: #1A7990; text-transform: uppercase; }
.submitButton:hover { /*text-decoration: none;*/
    cursor:pointer; color:#c80000;/*text-shadow: 0px -1px 0px #aa6826;*/
}
button[disabled].submitButton, button[disabled].submitButton:hover { background: #cccccc; color:#fff; text-shadow:none; }
a.submitButton { color: #000; padding: 2px 17px; font-weight: normal; }
.textButton { background: none; border: none; color: #000; cursor: pointer; padding: 0; text-shadow: 0px 1px 1px #fff; }
.textButton:hover { text-decoration: none; }
.removeButton { padding-left: 2px; text-shadow: 0px -1px 0px #aa6826; }
.removeButton span { background: url(../../img/remove.png) no-repeat 0 1px; padding-left: 15px; }
/* --- HEADER ELEMENTS ---------------- */
#logo { margin: 19px 0 8px 0;/* --- float: left; --- */
}
#topMenu { float: right; margin: 8px 0 0 0; }
#topMenu li { float: left; text-transform: uppercase; font-size: 10px; font-weight: 700; line-height: 15px; padding: 0 11px 0 10px; list-style: none; background: url(../../img/menu-divider.png) no-repeat 100% 2px; }
#topMenu li:last-child { background: none; padding-right: 0; }
#topMenu a, .selectedValue a { color: #515353; }
#topMenu a:hover, .selectedValue a:hover { color: #18778e; text-decoration: none; }
#topMenu li p.errorMsg { text-transform: none; }
.flyout .textbox { color: #b4b8b8; }
.loginForm, .altLoginBox { border: 1px solid #c1c1c1; padding: 1px 11px 5px 11px; width: 140px; position: relative; z-index: 2; }
.loginForm p { margin-bottom: 5px; position: relative; }
.loginForm p.errorMsg { color: #ff0000; }
.loginForm p.checkFields { margin-bottom: 4px; }
.loginForm .submitButton { }
.loginForm .checkbox, .loginForm p.checkFields label { float: left; text-transform: none; line-height: 14px; }
.loginForm p.checkFields label { text-transform:none; color: #515353; display:block; line-height:11px; font-size:10px; }
.loginForm .checkbox { margin-right: 5px; }
.loginForm .textbox { width: 128px; }
.loginForm .textbox:focus { color: #333; }
.loginForm .passwordbox { width: 118px; margin-right: 3px; }
.loginForm label.innerLabel { margin-top: 2px; }
.altLoginBox { z-index: 1; top: -5px; padding-top: 10px; padding-bottom:6px; background: #d9dfe1; }
.altLoginBox span { font-size: 10px; color: #515353; display:block; margin-bottom:5px; text-shadow: 0px 1px 1px #fff; }
.altLoginBox .fb_button { float: left; margin-right:5px; }
.login { position: relative; }
.logged, #topMenu li.logged { text-transform: none; }
.loginBox { position: absolute; right: -1px; top: -2px; display: none; z-index:9; }
#topMenu .flyout strong a { color: #18778e; }
#step2PswdOpener { font-size: 10px; color: #18778e; }
#step2PswdOpener:hover { text-decoration: none; }
.stepsPasswordbox { width: 138px !important; }
.logoutLink { padding-left: 20px; text-transform: uppercase; background: url(../../img/logout.png) no-repeat 8px 3px; }
.flyout h4 { text-align: right; margin-bottom: 5px; color: #1d7e96; }
.topPopList { float: right; margin-left: 10px; position: relative; }
.flyoutBox { position:absolute; display:none; top: 3px; left: 0px; z-index: 15; }
.selectedValue {padding-left: 10px; margin-top: 7px; }
.selectedValue a { font-size:10px; font-weight: 700; text-transform: uppercase; line-height:14px; padding-right: 10px; background:url(../../img/arrow-down.png) no-repeat 100% 5px; }
.topPopList li.active span { padding-right:10px; background:url(../../img/arrow-down.png) no-repeat 100% 5px; }
/* --- currency and language flyouts ----- */
#currencies, #languages, .flyoutMenu { font-size: 10px; border: 1px solid #c2c2c2; padding: 1px; margin: 0; }
#currencies li, #languages li, .flyoutMenu li { border-top: 1px solid #b4b8b8; list-style: none; padding: 0; }
#currencies li:first-child, #languages li:first-child, .flyoutMenu li:first-child { border: none; }
#currencies a, #languages a, .flyoutMenu a { display: block; zoom: 1; min-width: 25px; box-shadow: none; text-decoration: none; padding: 2px 5px; line-height: 16px; font-weight:700; padding-left:8px; color:#29373C; }
#languages a { width: 25px; }
#currencies a:hover, #languages a:hover, #currencies a.selected, #languages a.selected, .flyoutMenu a:hover, .flyoutMenu a.selected { color: #fff; }
#languages a span, .selectedValue a.flag span { text-indent: -9999px; display: block; }
#languages a.flag span, .selectedValue a.flag span { background-image:url(../../img/lang/blank.png); background-position: 0 3px; background-repeat: no-repeat; }
.selectedValue a.flag span { background-position: 0 2px; }
.selectedValue a.flag { display: inline-block; width:15px; line-height:15px; }
#languages li.active a { background:#fff url(../../img/arrow-down.png) no-repeat 27px 8px; }
#currencies li:first-child a, #services li:first-child a { background: none; color: #515353; }
/* --- main navigation menu ------------------- */
#navigation { font-family: "Georgia"; clear:both; width:100%; padding-top: 8px; }
#navigation { float:left; }
#navigation a { text-decoration: none; }
#navigation > li > a { font-width:normal; font-size:20px; line-height:16px; text-transform:none; color:#666666; text-decoration:underline; }
#navigation > li > a.current, #navigation > li > a:hover { font-size:20px; line-height:16px; text-transform:none; color:#c80000; text-decoration:underline; }
#navigation > li > ul { margin-top:6px; }
#navigation > li > ul > li > a { font-size:14px; text-transform: none; font-weight: 700 }
.mainmenu { float:left; }
/* --- Search box ------------------------------- */
div.searchBox { position: absolute; right: 10px; top: 110px; border: 1px solid #cccccc; height: 28px; }
div.searchBox input.textbox { width: 122px; padding-left: 4px; color: #b4b8b8; float: left; margin: 2px 3px 0 0; height: 20px; border: none; }
div.searchBox input.searchSubmit { background: url(../../img/search-icon.png) no-repeat 3px; border: none; cursor: pointer; width: 27px; height: 27px; float: left; margin-right:2px; }
div.searchBox input.textbox:focus { color: #333; }
div.searchBox label.innerLabel { display:block; position:absolute; color:#B4B8B8; margin: 5px 0 0 5px; font-weight: normal; text-transform: none; }
/* --- basket box ------------------------------ */
.basketBox { position: absolute; right: 10px; top: 50px;  /* width: 200px; */ background-color: #ffffff; /* border: 1px solid #ddd; */ color: #666666; padding: 10px; font-size: 10px; height: 30px; min-width: 145px; border: 1px solid #CCCCCC; }
.counter { display: block; color: #fff; font-size:11px; padding:1px 5px 0px 5px; line-height: 15px; position: absolute; z-index: 13; right: 28px; top: -3px; border: 1px solid #cdcdcd; white-space: nowrap; text-align:center; -moz-border-radius: 25px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.basketBox img { position: absolute; right: 0; z-index: 12; }
.basketBox img:hover { cursor: pointer; }
.basketBox .totals { color:black; }
.basketBox .title a { text-decoration:underline; }
.basketBox .title a:hover { color:#c80000; }
/* --- Footer ----------------------------- */
#footer #panel { margin: 0 10px;/*border:1px solid #3799B1;*/
}
#footer .bar { color:#000; /* padding:10px 10px 10px 20px;*/ border-top:1px solid #c80000; height:20px; -webkit-box-shadow: 0px -2px 0px 0px rgba(204, 204, 204, 1); -moz-box-shadow:    0px -2px 0px 0px rgba(204, 204, 204, 1); box-shadow:         0px -2px 0px 0px rgba(204, 204, 204, 1); }
#footer .bar .facebook { float: left; margin-right:5px; }
#footer .bar .deliveryinfo { float: right; }
#footer .bar .deliveryinfo a { font-size:10px; color:#515353; }
#footer dl { float:left; width: 233px; margin:10px 0px; color:#465256; height: auto; border-right: 1px solid #3799b1; border-left: 1px solid #ffffff; }
#footer dl.services { border-left: none; }
#footer dl:last-child { border-right: none; }
#footer ul { margin: 0; }
#footer li { list-style: none; padding: 0; }
#footer dl dt { color:#29373C; padding:2px 20px; text-transform: uppercase; }
#footer .list a { line-height: 100%; display:block; padding:4px 20px; color: #29373c; text-shadow: 0px 1px 2px #fff; }
#footer .list a:hover { text-decoration: none; color: #FFF; text-shadow: none; }
#footer .tree ul { margin: 0; margin-left:10px; }
.newsletter { float: left; background: #E7EAEC; padding:0px 0px 0px 10px; font-size:10px; width: auto; }
.newsletter .textbox { margin: 0px 10px 0px 10px; width: 140px; }
.fbInfoPopup { width: 500px; }
.fbInfoPopup a { color: #1D7E96; }
.fbEnableButton { float: left; border: 1px solid #c8d5e6; text-align: left; margin-right: 10px; }
.fbEnableButton:hover { border-color: #9dacce; }
.fbEnableButton a { display: block; float: left; line-height: 18px; background: url(../../img/facebook_icon.png) no-repeat 3px 3px; padding: 0px 0px 0px 21px; font-size: 10px; text-transform: uppercase; color: #2c5e97; }
.fbEnableButton a:hover { text-decoration: none; }
.fbEnableButton a.helpText { float: left; background: none; border-left: 1px solid #c8d5e6; margin-left: 5px; padding: 0 4px; }
.fbEnableButton a.helpText:hover { background: #d7e3f1; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.copyright { /* margin: 0 10px; */
font-size: 10px; float: left; /* padding: 5px 0; */
color: #2F2F2F;/* font-weight: bold; */
}
.text { margin: 0 10px; text-align: center; padding: 5px 0; color:#29373C; clear: both; }
a.readMore { color: #1d7e96; }
.box li a.readMore:hover a.readMore:hover { color: #1d7e96; text-decoration: underline; }
/* --- Tags --------------------------------- */

p.tagCloud, div.tagCloud { line-height: 1.5em; }
a.tagitem_100 { font-size:12px; }
a.tagitem_200 { font-size:14px; }
a.tagitem_300 { font-size:16px; }
a.tagitem_400 { font-size:18px; }
a.tagitem_500 { font-size:20px; }
a.tagitem_600 { font-size:22px; }
a.tagitem_700 { font-size:24px; }
a.tagitem_800 { font-size:26px; }
a.tagitem_900 { font-size:28px }
span.taggedText { color: #a2a9ab; }
p.tagError { display: none; }
a.tagText { vertical-align:middle; display:inline-block; line-height:12px; }
a.tagText img { margin-right:3px; vertical-align:top; }
a.compare.remove { display:none }
/* --- Grid View ------------------------------------ */
.gridView, .infogridView { margin: 0; margin-bottom:20px; }
.gridView li { width: 185px; height: 230px; overflow: hidden; float:left; position: relative; list-style: none; padding: 0; list-style: none; margin:1px; }
.gridView li .titleBlock { height: 30px; padding:5px 10px; color:#29373c; line-height:15px; background:#eee; text-decoration:none; text-shadow: 0 1px 1px #fff; font-weight: 700; display:block; }
.gridView li .titleBlock .gridPicture { display:block; margin: 20px -10px 0; top:40px; width: 185px; height: 150px; text-align: center; }
.gridView li:hover .titleBlock { color:#fff; text-shadow: 0px -1px 0px #bf5001; background:transparent url(../bg/fx-grad-darkblue.png) bottom center no-repeat; }
.gridView li:hover .titleBlock:hover { background:transparent url(../bg/fx-grad-orange.png) top center no-repeat; }
.gridView li .priceBlock { height: 30px; width:165px; position:absolute; bottom:0; left:0; padding:5px 10px; background:#fff; font-size:14px; }
.gridView li .priceBlock .priceOld { font-size: 10px; }
.gridView li .priceBlock .pricePerUnit { font-size: 9px; line-height: 9px; display:block; }
.gridView li .priceBlock .button { display: block; position: absolute; bottom: 8px; left: 8px; padding:1px 10px; visibility: hidden; text-decoration:none; text-transform: uppercase; font-size: 10px; }
.gridView li:hover .priceBlock { height: 60px; padding-top:30px; color:#fff; text-shadow: 0px -1px 1px #000; background:transparent url(../bg/fx-grad-darkblue-spiked.png) top center no-repeat; }
.gridView li:hover .priceBlock .button { visibility: visible; color:#fff; text-shadow:0 -1px 0px #8c4600; border:1px solid #fff; background:transparent; }
.gridView li:hover .priceBlock:hover .button { background:#ec6105; }
.titleBox { width: 187px; }
.titleBox a { display: block; padding: 10px; font-size: 14px; font-weight: 700; }
.priceBox { padding: 10px; width: 167px; }
.priceBox .toCart { font-size: 12px; font-weight: 700; text-transform: uppercase; }
.priceBox strong { font-size: 14px; padding-right: 5px; }
/* --- InfoGrid -------------------------------- */
.infogridView { margin: 0; padding: 0; }
.infogridView li.productData { margin: 0; padding: 0; list-style: none; float: left; border-top: 5px solid #eceff0; }
.infogridView li.productData:nth-child(0n+1) { border: medium none; }
.infogridView li.productData:nth-child(0n+2) { border: medium none; }
.infogridView li.productData:nth-child(2n+1) { border-right: 5px solid #eceff0; width: 368px; }
.infogridView li.productData:nth-child(2n+2) { padding-left: 10px; width: 358px; }
.infogridView .listDetails { float: left; position: relative; height: 150px; width: 170px; padding-top:10px; }
.infogridView .titleBox, .infogridView .selectorsBox, .infogridView .buttonBox, .infogridView .priceBox { background: none; width: 170px; padding: 0; }
.infogridView .titleBox { height: 40px; }
.infogridView .selectorsBox { height: 35px; padding-left: 10px; }
.infogridView .priceBox { height: 50px; padding-left: 10px; }
.infogridView .buttonBox { height: 20px; padding-left: 10px; }
.infogridView .titleBox a { padding-top: 10px; }
.infogridView a.compare { font-size: 11px; color: #1d7e96; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; }
.infogridView .priceBox .oldPrice { font-size: 9px; }
.infogridView .priceBox .price { font-size: 14px; font-weight: bold; }
.infogridView .priceBox .pricePerUnit { font-size: 9px; white-space:nowrap; }
.infogridView .priceBox .content { position: absolute; bottom: 23px; line-height: 10px; }
.infogridView .gridPicture { width: 187px; padding:10px 0 10px 0px; }
.infogridView .gridPicture img { vertical-align: middle; }
.infogridView .deliveryInfo { font-size: 11px; }
.infogridView .title { font-size: 12px; }
.infogridView .title:hover { color: #eb6005; text-decoration: none; }
/* --- line view --------------------------- */
.lineView { margin: 0; }
.lineView li.productData { padding: 10px 0 10px 0; list-style: none; position: relative; border-top: 1px solid #666666; -webkit-box-shadow: 0px -1px 0px 0px rgba(184, 184, 184, 1); -moz-box-shadow:    0px -1px 0px 0px rgba(184, 184, 184, 1); box-shadow:         0px -1px 0px 0px rgba(184, 184, 184, 1); }
.lineView li:first-child { border: none; }
.lineView .title {
font-size: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.lineView .title:hover { color: #C80000; text-decoration: none; }
.lineView a.compare { font-size: 11px; color: #1d7e96; font-weight: bold; text-transform: uppercase; }
.lineView .pictureBox, .lineView .info, .lineView .description { float: left; }
.lineView .infoBox { float: right; padding-bottom: 5px; }
.lineView .functions .oldPrice { font-size: 10px; }
.lineView .functions .price { font-size: 18px; font-weight: bold; line-height: 23px; }
.lineView .functions .pricePerUnit { font-size: 9px; white-space:nowrap; }
.infoBox { width: 518px; position: relative; }
.lineView .info {
float: left;
width:100%;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0px;
}
.lineView .description { font-size: 16px; width:100%; padding-top: 10px; padding-right: 0; padding-bottom: 0; padding-left: 0px; font-family: Georgia, "Times New Roman", Times, serif; color: #666666; line-height: 26px; margin: 0px; }
.lineView .functions { padding: 0 0 0px 10px; position: absolute; bottom: 10px; clear: right; float:left; left: 190px; width:550px; }
.lineView .functions label.price { margin: 10px; }
.pictureBox { border: 1px solid #CCCCCC; height: 180px; width: 150px; }
.pictureBox img  {}
.pictureBox .viewAllHover { position: absolute; left: 23px; top: 22px; display: none; }
.pictureBox:hover .viewAllHover { display: block; }
.pictureBox .sliderHover { }
.pictureBox:hover .sliderHover { display: block; }
.pictureBox.gridPicture .sliderHover {  }
.pictureBox.gridPicture .viewAllHover { top: 68px; }
/* --- Modal Popup -------------------- */

.popupBox { position: absolute; border: 1px solid #c1c1c1; padding: 10px; display: none; }
.popupBox img.closePop { position: absolute; right: 7px; top: 7px; cursor: pointer; }
/* --- mini basket -------------------------- */
.basketFlyout { display: none; border: 1px solid #676767; width: 318px; position: absolute; z-index: 111; right: 5px; top: 10px; padding: 7px 0 10px 0; }
.basketFlyout img.basket { position: absolute; right: 4px; z-index: 12; top:26px; }
.basketFlyout .counter { right: 32px; z-index: 13; top:23px; }
.basketFlyout .title { padding-left: 10px; padding-bottom: 7px; display: block; margin: 0; }
.basketFlyout .title .note { color: #EC6105; }
.basketFlyout .functions { padding: 10px; padding-bottom: 0; margin: 0; }
.basketFlyout .functions a { margin-right: 10px; line-height: 18px; }
.basketFlyout button { margin-right: 5px; }
.basketFlyout ul { width: 250px; margin: 0; }
.basketFlyout li { list-style: none; padding: 0; }
.basketFlyout li a { border-bottom: 1px solid #a2a9ab; border-top: 1px solid #fff; padding: 5px 10px; display: block; }
.basketFlyout li:first-child a { border-top: none; }
.basketFlyout li a:hover { color: #fff; text-decoration: none; }
.basketFlyout button { text-transform: uppercase; font-size: 11px; font-weight: 700; }
.basketFlyout .totals { width: 230px; color: #000; border-bottom: 1px solid #a2a9ab; border-top: 1px solid #fff; padding: 5px 10px; margin: 0; }
.scrollable .totals { width: 230px; border-top: none; }
.basketFlyout .price { float: right; }
.basketFlyout .item { float: left; width:157px; overflow: hidden; white-space: nowrap; color: #29373c; }
.basketFlyout a:hover .item { color: #fff; }
.basketFlyout .textButton { text-transform: uppercase; font-size: 11px; }
.basketFlyout img.closePop { float:right; cursor:pointer; margin: 0 6px 0 0; }
.basketFlyout hr { margin: 0; border: 0; background: #fff; color: #fff; height: 1px; font-size: 1px; line-height: 1px; width: 250px; text-align: left; }
.scrollable hr { width: 250px; }
.scrollable .scrollbarBox { height: 200px; width:  265px; overflow: hidden; }
.scrollable .basketItems { width: 250px; min-height:230px; overflow:hidden; }
/* --- Side Bar category tree ------------------------------ */
#sidebar .tree { margin: 0 0 20px 0; }
#sidebar .tree ul { padding-left:0px; margin: 0; }
#sidebar .tree li { list-style: none; padding: 0; /* background: #ddd; */
	margin-top: 4px; margin-bottom: 4px; }
#sidebar .tree li.active li { list-style: none; padding: 0; background: #fff; }
#sidebar .tree ul li a { padding-left: 5px; color: #333; }
#sidebar .tree li.exp>a, #sidebar .tree li.active>a { position: relative; }
#sidebar .tree ul li.active li a { color: #000; }
#sidebar .tree ul li.active li a:hover { color: #fff; }
#sidebar .tree ul li ul li a { padding-left: 15px; }
#sidebar .tree ul li ul li ul li a { padding-left: 30px; }
#sidebar .tree a { display:block; font-size: 15px; }
#sidebar .tree a>i { /*width:14px;
    height: 14px;
    background: url('../bg/categorysprite.png') left top no-repeat;*/
    float:left; padding:0;/* margin:2px 5px 2px 0; */
}
#sidebar .tree li.exp>a>i span, #sidebar .tree li.active>a>i span { width:14px; height: 14px; position: absolute; bottom: -14px; z-index: 20; }
#sidebar .tree li.exp>a>i span { background: url('../bg/arrows-cat-exp-blue.png') no-repeat; }
#sidebar .tree li.active>a>i span { background: url('../bg/arrows-cat-exp-orange.png') no-repeat; }
#sidebar .tree li.end>a>i span { background: none; }
#sidebar .tree a:hover { /*background: #ec6105 url("../bg/svg/grad_orange.svg");
    background: -moz-linear-gradient(#ff8604, #ec6105);
    background: -ms-linear-gradient(#ff8604, #ec6105);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8604), to(#ec6105));
    background: -webkit-linear-gradient(#ff8604, #ec6105);
    background: -o-linear-gradient(#ff8604, #ec6105);
    background: linear-gradient(#ff8604, #ec6105);*/
    color:#cb0000; }
#sidebar .tree a:hover>i { background-position: left -45px; }
#sidebar .tree li.active>a { /*background: #ec6105 url("../bg/svg/grad_orange.svg");
    background: -moz-linear-gradient(#ff8604, #ec6105);
    background: -ms-linear-gradient(#ff8604, #ec6105);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8604), to(#ec6105));
    background: -webkit-linear-gradient(#ff8604, #ec6105);
    background: -o-linear-gradient(#ff8604, #ec6105);
    background: linear-gradient(#ff8604, #ec6105);*/
color:#cb0000;
font-weight: bold;
}
#sidebar .tree li.active>a>i { background-position: 1px -30px; }
#sidebar .tree li.exp>a {
color:#000;
background-color: #F0F0F0;
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
font-weight: bold;
}
#sidebar .tree li.active>a, #sidebar .tree li.exp>a { /*box-shadow: 0 3px 5px -2px #555555;*/
    border-bottom: none; }
#sidebar .tree li.exp>a>i { background-position: 1px -61px; }
#sidebar .tree li.end>a>i { background-position: left 15px; }
#sidebar .sidebarMenu { border: 1px solid #999; line-height: 18px; }
#sidebar .sidebarMenu a:hover { text-decoration: none; }
#sidebar .sidebarMenu .active { text-shadow: 0px -1px 0px #aa6826; }
/* --- Checkout - payment --------------------- */

.payment dl { margin-bottom: 10px; }
.payment dt { margin: 0; }
.payment dl dd { display: none; margin-left: 25px; }
.payment dl dd.activePayment { display: block; }
/* --- Trusted shops -------------------------------- */

.etrustlogocol { float: left; width: 100px; }
.etrustlogocol img { border: 0; }
.etrustTsRatingButton { margin: 7px 0; }
/* --- Checkout - than kyou page --------------------- */
#thankyouPage h3.blockHead:first-child { color: #ec6105; }
#thankyouPage .lightHead { margin-top: 80px; }
#thankyouPage .link { font-weight: bold; color: #3799B1; }
.pageHead + .listRefine, .pageHead + css3-container +.listRefine { margin-top: -16px; }
.listRefine { margin-bottom: 20px; /* border: 1px solid #999; */
    border-top: 0; /* background: #d9dfe1; */
    position: relative; z-index: 1; }
.refineParams { padding: 6px 10px 4px 10px; font-size: 11px; }
.bottomParams, .detailsParams { text-align: center; }
.bottomParams .pager, .detailsParams .pager { float: none; }
.detailsParams .pager { background-image: none; text-align: center; padding: 5px 10px; text-transform: uppercase; }
.bottomParams a.prev, .detailsParams a.prev { float: left; }
.bottomParams a.next, .detailsParams a.next { float: right; }
.bottomParams { padding: 0; }
.refineParams .dropDown { float: right; }
/* --- dropDown ------------- */
.drop li { list-style: none; padding: 0; }
.dropDown { position:relative; float:left; cursor:pointer; padding-right: 10px; min-width: 120px; cursor: pointer; }
.dropDown ul { position: absolute; top: -4px; display: none; left: -1px; margin: 0; z-index: 20; border: 1px solid #a4a9aa; }
.dropDown ul a { text-decoration:none; display:block; padding: 3px 5px; border-top: 1px solid #fff; border-bottom: 1px solid #b4b8b8; }
.dropDown li:first-child a { border-top: none; }
.dropDown li:last-child a { border-bottom: none; }
.dropDown ul a:hover, .dropDown ul a.selected { color:#fff; }
.dropDown p { color: #000000; margin: 0; background: url(../../img/dropdown.png) no-repeat 100% 2px; padding-right: 20px; }
.dropDown p label { text-transform: uppercase; }
.dropDown p span { font-weight: 700; }
.dropDown .value { padding: 3px 10px 3px 0; border-bottom: 1px solid #b4b8b8; }
.dropDown label { padding:0 3px 0 5px; }
.dropDown li.asc span, .dropDown li.desc span, .dropDown p span.asc, .dropDown p span.desc { padding-right: 15px; background: url(../../img/arrow-updown.png) no-repeat 100% -39px; }
.dropDown li.desc span, .dropDown p span.desc { background-position: 100% -39px; }
.dropDown li.asc span, .dropDown p span.asc { background-position: 100% 3px; }
/* --- Pager ------------------------- */
.pager { float: left; padding-top: 1px; line-height: 14px; padding-right: 6px; background: url(../../img/dots-v.png) no-repeat 100% 2px; }
.pager .page { padding: 0 4px; }
a.page:hover { text-decoration: none; }
.pager .active { background: #1d7e96; color: #fff; }
a.next, a.prev { background: url(../../img/arrows.png) no-repeat 0 -17px; text-transform: uppercase; }
a.prev { padding-left: 10px; padding-right: 7px; }
a.next { padding-right: 10px; padding-left: 7px; background-position: 100% 3px; }
/* --- Bread crumb ------------------ */
#breadCrumb { padding: 0 10px 10px 10px; font-size: 11px; font-weight: 700; text-transform: uppercase; clear:both; }
#breadCrumb span { color: #999; }
#overviewLink a { font-size: 11px; font-weight: 700; text-transform: uppercase; position:absolute; right:10px; top:115px; }
.listFilter { background: #f2f4f5; padding: 10px 10px 0px 10px; font-size: 11px; border-bottom: 1px solid #29373c; }
.listFilter .dropDown { margin-bottom: 10px; min-width:232px; }
/* --- Wrapping ----------------------------- */
.wrapping { border-color: #666; overflow: hidden; }
.wrappingIntro img, .wrappingIntro .introtext { float: left; }
.wrappingIntro .introtext { padding:15px 0 0 20px; width: 290px; }
.wrapping h3 { border-color: #a2a9ab; padding-left: 5px; text-transform: uppercase; }
.wrappingData .thumbCol { width: 150px; }
.wrappingData .articleCol { width: 170px; }
.wrappingData .priceCol { width: 640px; }
.wrappingData td { vertical-align: top; padding:10px 15px 10px 0; border-bottom: 5px solid #fff; }
.wrappingData tr:last-child td { border-bottom: none; }
.wrappingData span, .wrappingData strong, .wrappingData input, .wrappingData label { float:left; }
.wrappingData span { width: 95px; height: 55px; margin: 0 15px 0 0; overflow: hidden; }
.wrappingData label { font-size: 14px; width: 155px; }
.wrappingData strong { float: right; }
.wrappingData li { padding: 5px 0; }
.wrappingData li:first-child { padding-top: 0; }
.wrapping .radiobox { margin: 1px 5px 0 0; }
.wrappingCard li { float: left; min-height: 150px; padding-left: 20px; }
.wrappingCard label, .wrappingCard input { float: left; }
.wrappingCard li:first-child { padding-left: 0; }
.wrappingCard p { margin-bottom: 5px; }
.wrapping .areabox { width: 646px; margin-bottom: 10px; background:#fff; z-index: 99999; }
.wrappingComment label { display: block; text-transform: uppercase; padding: 3px 5px; }
.wrapping .submitForm { padding-bottom: 15px; }
.wrapping .submitForm button { float: right; margin-left: 10px; }
.wrapping .textButton { margin-top: 2px; }
/* --- checkout Steps ------------------ */

.checkoutSteps + .status, .checkoutSteps + css3-container + .status { margin-top: 20px; }
.checkoutCollumns .row { margin-bottom: 20px; }
.checkoutCollumns .collumn { width: 50%; float: left; }
.checkoutSteps { margin: 0; overflow: hidden; border-left: 1px solid #999; border-right: 1px solid #999; }
.checkoutSteps li { list-style: none; padding: 0; float: left; height: 29px; text-transform: uppercase; line-height: 29px; position: relative; left: 0; margin-left: -15px; padding-left: 15px; background: url(../../img/steps.png) no-repeat 100% 0; }
.checkoutSteps li.active { background-position: 100% -29px; color: #fff; }
.checkoutSteps li.activeLast { background-position: 0px -29px; color: #fff; }
.checkoutSteps li.defaultLast { background-position: 0px 0px; }
.checkoutSteps li.passed { background-position: 100% -58px; color: #fff; }
.checkoutSteps li.active a { color: #fff; }
.checkoutSteps li.passed a { color: #fff; }
.checkoutSteps li.active a:hover { text-decoration: none; }
.checkoutSteps span { padding-left: 10px; }
.checkoutSteps li.step1 { z-index: 5; width: 210px; margin-left: 0; padding-left: 0; }
.checkoutSteps li.step2 { z-index: 4; width: 210px; }
.checkoutSteps li.step3 { z-index: 3; width: 210px; }
.checkoutSteps li.step4 { z-index: 2; width: 210px; }
.checkoutSteps li.step5 { z-index: 1; width: 98px; }
.checkoutOptions .option { width:278px; float:left; margin-right:20px; background-color:#f2f4f5; }
.checkoutOptions .option:last-child { margin-right:0; }
.lineBox { border: 1px solid #999; padding: 9px 10px 10px 10px; margin: 20px 0; background:#d9dfe1 url(../../img/line-innershadow.png) no-repeat 0 0; }
.lineBox p.errorMsg { color: #ff0000; }
.couponBox { border-top: 5px solid #eceff0; padding: 15px 0; width: 545px; position: absolute; top: -70px; }
.couponBox p.oxValidateError { padding-left: 135px; }
.couponBox .inlineError { padding-bottom: 10px; line-height: 16px; }
.couponBox .textbox { margin: 0 5px; }
.couponData span { padding-right: 10px; }
h3.section { border-bottom: 5px solid #eceff0; padding-bottom: 7px; margin-top: 15px; text-transform: uppercase; }
h3.section button { margin-left: 10px; }
#productTitle { position: relative; z-index: 17; padding-right: 30px; text-shadow: 0px 1px 1px #fff; }
/* --- Amount price select ---------- */
.pricePopup li { padding: 0 10px; }
.pricePopup span { display: block; border-top: 1px solid #fff; border-bottom: 1px solid #b2b6b6; padding: 3px 0; }
.pricePopup label { width: 80px; float: left; padding: 3px 0; }
.pricePopup li:first-child span { border-top: 0; }
.pricePopup li:last-child span { border-bottom: 0; }
.pricePopup h4 { padding: 0 30px; }
.pricePopup { display: none; position: absolute; z-index: 12; background: #D8DEE0; text-transform: uppercase; font-size: 11px; border: 1px solid #979797; padding: 7px 0; }
/* --- Article action select ------ */
 .actionLinks { display: none; position: absolute; z-index: 16; background: #D8DEE0; text-transform: uppercase; font-size: 11px; border: 1px solid #979797; padding: 7px 0; margin: 0; }
.actionLinks li { padding: 0 10px; list-style: none outside none; position: relative; }
.actionLinks li:hover a { border-color: #fb8523; color: #fff; }
.actionLinks a { display: block; padding: 3px 0; border-top: 1px solid #fff; border-bottom: 1px solid #b2b6b6; }
.actionLinks a:hover { text-decoration: none; color: #fff; }
.actionLinks li:first-child span { border-top: 1px solid #b2b6b6; display: block; }
.actionLinks li:last-child a { border-bottom: 0; }
/* --- Social button like FB and etc. --- */
.social { padding-top:10px; margin-bottom:0; height:25px; }
.social div.socialButton { float: left; }
.social label { display: block; text-transform: none; padding: 3px 0 5px 0; font-weight: 700; text-shadow: 0px 1px 1px #fff; }
.social a { display: block; border: 0; padding: 0; }
.social .fbEnableButton a:first-child { padding: 0px 0px 0px 21px; }
.social span { float: left; z-index:3; }
.fb_share_count_hidden { margin: 3px 7px 0 0px; display:inline-block; }
a.fb_button_simple { width: 14px; height: 14px; overflow: hidden; display:inline-block; }
.social:hover { background: none; }
/* --- Article Details ----------- */

.detailsRelated { clear:both; padding-top:20px; }
.detailsInfo { position: relative; }
.detailsInfo .picture { width: 300px; float: left; text-align: center; line-height: 360px; height: 360px; border: 1px solid #CCCCCC; }
.detailsInfo .picture a { width: 300px; float: left; text-align: center; line-height: 360px; height: 360px; overflow: hidden; }
.detailsInfo .picture img { vertical-align: middle; }
.hasBrand { float:left; width:258px; }
.detailsInfo .information { float: right; width: 358px; min-height:340px; position: relative; padding: 0 0 0 10px; }
/* --- persistent params ---------------- */
.persparamBox { padding-bottom: 7px; }
.basketitems .persparamBox { padding-top:5px; font-size: 12px; }
.persparamBox label, .persparamBox input { float: left; }
.persparamBox input { width: 150px; }
.persparamBox label { margin: 2px 5px 0 0; }
/* --- articles details attributes ------------ */
.attributes { width: 100%; }
.attributes th, .attributes td { padding:4px 10px; border-top: 1px solid #ddd; }
.attributes th { text-align: left; width: 35%; background: #f5f5f5; }
.attributes tr:first-child th, .attributes tr:first-child td { border: none; }
.information h1 { font-weight: 400; line-height: 20px; margin-bottom: 5px; }
.itemCode { color: #515353; }
.shortDescription { clear:both; font-size: 14px; margin-bottom: 10px; }
.additionalInfo { padding-top: 7px; }
.additionalInfo span { padding: 0 7px; margin-bottom: 3px; font-size: 11px; line-height: 12px; border-left: 1px solid #999; }
.additionalInfo span:first-child { padding-left: 20px; border: none; }
.additionalInfo .stockFlag { padding-left: 20px; }
.tobasketFunction .selector { position: relative; z-index:14; }
.selector { padding: 2px 6px 3px 6px; line-height: 16px; position: absolute; z-index: 18; }
.selector img { vertical-align: middle; }
.otherPictures { position: relative; z-index: 4; }
.otherPictures ul { margin: 0 0 20px 0; padding: 0; overflow:hidden; }
.otherPictures li, .otherPictures a { list-style: none; padding: 0; float: left; }
.otherPictures a { display: block; width: 100px; height: 100px; float: left; text-align: center; line-height: 100px; position: relative; }
.artIcon { display: block; width: 98px; height: 98px; overflow: hidden; }
.otherPictures a:hover { cursor: pointer; }
.otherPictures a:hover .marker, #zoomModal a:hover .marker { display:block; }
.otherPictures img { vertical-align: middle; position: relative; z-index: 1; }
.marker { position: absolute; width: 96px; height: 96px; border: 2px solid #eb6005; top: 0; left: 0; display: none; z-index: 99; }
.marker img { position: absolute; top: -8px; left: 50%; z-index: 6; margin-left: -6px; }
.otherPictures .selected .marker, #zoomModal .selected .marker { display: block; }
.shadowLine { width: 100%; height: 8px; position: absolute; top: 0; z-index: 4; background: url(../../img/shadow-line.png) repeat-x 0 0; }
.relatedInfo { float: left; width: 561px; padding-right: 15px; }
.relatedProducts { float: right; width: 172px; }
.relatedInfoFull { float: none; width: auto; padding-right: 0; }
/* --- Stock flags ----------------- */
.stockFlag { background: url(../../img/stockstatus.png) no-repeat 7px -46px; }
.lowStock { background-position: 7px 2px; }
.notOnStock { background-position: 7px -22px; }
.oldPrice { font-size: 14px; margin-bottom: 3px; }
.information .oldPrice { font-size:11px; }
.tobasketFunction .price { font-size: 18px; }
.tobasketFunction .textbox { width: 20px; }
.tobasketFunction a, .tobasketFunction label, .tobasketFunction button, .tobasketFunction input { float: left; margin-right: 5px; }
.tobasketFunction label { margin: 1px 10px 0 0; }
.information .tobasket { bottom:5px; }
/* --- Ratings ---------------------------- */
div.rating { margin-bottom: 10px; }
ul.rating { width: 89px; height: 16px; margin: 5px 0; padding: 0; list-style: none; clear: both; float: left; position: relative; background: url(../../img/stars.jpg) no-repeat left top; }
a.rates { float: left; color: #515353; padding: 6px 0 0 7px; }
ul.rating li { cursor: pointer; float: left; padding: 0; list-style: none; }
ul.rating li a { position: absolute; left: 0; top: 0; width: 18px; height: 16px; text-decoration: none; z-index: 10; }
ul.rating li a b { display: none; }
ul.rating li.s1 a { left: 0; }
ul.rating li.s2 a { left: 17px; }
ul.rating li.s3 a { left: 34px; }
ul.rating li.s4 a { left: 51px; }
ul.rating li.s5 a { left: 68px; }
ul.rating li a:hover { z-index: 2; width: 89px; height: 16px; overflow: hidden; left: 0; background: url(../../img/stars.jpg) no-repeat 0 -18px; }
ul.rating li.s1 a:hover { background-position: -72px -18px; }
ul.rating li.s2 a:hover { background-position: -54px -18px; }
ul.rating li.s3 a:hover { background-position: -36px -18px; }
ul.rating li.s4 a:hover { background-position: -18px -18px; }
ul.rating li.s5 a:hover { background-position: 0 -18px; }
.rating li.currentRate { background: url(../../img/stars.jpg) left bottom; position: absolute; height: 16px; z-index: 1; }
.rating li.ratingValue a, .rating li.ratingValue a:hover { width: auto; height: auto; left: 90px; white-space: nowrap; padding-top: 3px; background: none; }
/* ---- Reviews ------------------------ */
dl.review { margin: 5px 0; padding-top: 5px; border-top: 1px solid #ccc; }
dl.review dt { margin-bottom: 7px; height: 1em; }
dl.review dd.item { display: none; }
dl.review dd { clear: both; margin: 0; }
dl.review .param { margin-left: 20px; color: #757C83; }
/* --- Account billing / shipping addresses ------ */
.addressCollumns { }
.addressCollumns .collumn { float: left; width: 50%; }
/* --- Account Downloads ------------------------ */
.downloadList { margin: 0; padding: 0; line-height: 18px; }
.downloadList li { padding: 15px 10px; list-style: none; border-top: 5px solid #eceff0; }
.downloadList li:first-child { border: 0; padding-top: 0; }
.downloadList dd { padding: 3px 0; }
.downloadList dt { border-bottom: 1px solid #ddd; padding-bottom: 3px; display: block; font-weight: 400; margin-bottom: 7px; }
.downloadList dt strong { font-size: 18px; display: block; }
/* --- Account Order List ----------------------- */
.orderList { margin: 0; padding: 0; line-height: 18px; }
.orderList li { padding: 15px 10px; list-style: none; border-top: 5px solid #eceff0; }
.orderList li:first-child { border: 0; padding-top: 0; }
.orderList dl { width: 300px; }
.orderList dd { padding: 3px 0; }
.orderList dt { border-bottom: 1px solid #ddd; padding-bottom: 3px; display: block; font-weight: 400; margin-bottom: 7px; }
.orderList dt strong { font-size: 18px; display: block; }
.orderList dt span { font-size: 10px; color: #999; }
.orderList dt label { color: #666; }
.orderList td { vertical-align: top; width: 50%; }
.orderList td table { text-align: left; }
.orderList td table th { font-size: 14px; padding-bottom: 14px; }
.orderList .orderitems, .orderList .orderhistory { width: 100%; }
.orderList .orderitems td { vertical-align: top; }
.orderhistory td { border-top: 1px dotted #bbb; padding: 2px 0; vertical-align: top; width:99%; }
.orderhistory td.small { width:1%; }
.orderhistory td .amount { display: block; font-size: 11px; color: #666; }
.orderList h3 { padding-top: 12px; font-size: 16px; }
/* --- Forms, Validation ---------------------------- */
.form { width: 354px; }
.form li { padding: 5px 0; width: 354px; }
.form li.formSubmit { padding-top: 10px; padding-left: 150px; }
.form li.formNote { padding-bottom: 0; font-size: 11px; color: #666; line-height: 14px; }
.form label, .form input { float: left; }
.form .oxDate select { float:left; width:100px; }
.form .oxDate .innerLabel { margin-top: 1px; text-transform: none; }
.form input[type="password"], .form input[type="text"] { width: 190px; }
.form select[data-fieldsize="normal"] { width: 202px; }
.form input[data-fieldsize="xsmall"] { width: 25px; }
.form input[data-fieldsize="small"] { width: 52px; }
.form input[data-fieldsize="small"] { width: 52px; }
.form input[data-fieldsize="medium"] { width: 86px; }
.form input[data-fieldsize="xsmall"] + input[data-fieldsize="pair-xsmall"], .form input[data-fieldsize="xsmall"] + css3-container + input[data-fieldsize="pair-xsmall"],  .form input[data-fieldsize="pair-xsmall"] + input[data-fieldsize="xsmall"], .form input[data-fieldsize="pair-xsmall"] + css3-container + input[data-fieldsize="xsmall"],  .form input[data-fieldsize="small"] + input[data-fieldsize="pair-small"], .form input[data-fieldsize="small"] + css3-container + input[data-fieldsize="pair-small"],  .form input[data-fieldsize="small"] + input[data-fieldsize="small"], .form input[data-fieldsize="small"] + css3-container + input[data-fieldsize="small"],  .form input[data-fieldsize="medium"] + input[data-fieldsize="medium"], .form input[data-fieldsize="medium"] + css3-container + input[data-fieldsize="medium"] { margin-left: 5px; }
.form input[data-fieldsize="xsmall"] + .form input, .form input[data-fieldsize="xsmall"] + css3-container + .form input { margin-left: 10px; margin-right: 0; }
.form input[data-fieldsize="pair-xsmall"] { width: 148px; }
.form input[data-fieldsize="pair-small"] { width: 121px; }
.form input[data-fieldsize="verify"] { width: 103px; }
.verificationCode { margin: 0 7px 0 0; float: left; }
span.verificationCode { margin-top: 2px; }
.form li.stateBox { padding-left: 150px; }
.form label { width: 140px; padding-right: 10px; line-height: 18px; }
.form label.req { font-weight:700; }
.form label.short { width: 90px; padding-right: 5px; line-height: 18px; }
.form .underInput { padding: 5px 0px; margin-left:140px; }
.form .underInput.short { margin-left:90px; }
.form label.tooltip { background:url(../../img/help-icon.png) 95% center no-repeat; }
.form li.checkFields { padding-left: 150px; }
.form li.checkFields label { width: auto; margin-right: 10px; }
.form li.checkFields input { margin: 2px 5px 0 0; }
.form textarea { float: left; width: 186px; }
.inputNote { display: block; clear: both; font-size: 11px; line-height: 14px; padding: 2px 0 0 0; color: #666; }
.form .note { padding-left: 150px; font-size: 11px; color: #666; line-height: 14px; font-style: italic; padding-top: 7px; }
.payment .form { margin: 15px 0 5px 0; }
.payment .desc { margin-bottom: 15px; }
#shipSetCost { padding-top: 5px; }
.inlineForm button { margin-left: 5px; }
.verify img { float: left; margin: 1px 5px 0 0; }
.notice { font-size: 11px; font-style: italic; border-top: 1px solid #eceff0; margin-top: 10px; padding: 5px 0; }
.inlineForm .notice { display: block; clear: both; }
label.innerLabel { display:block; position:absolute; color:#B4B8B8; margin: 3px 0 0 5px; font-weight: normal; text-transform: uppercase; }
label.innerLabel.textArea { text-transform: none; }
.oxValidateError { display: none; clear: both; font-size: 11px; line-height: 14px; color: #ff0000; margin: 0; padding: 5px 0 5px 150px; }
.oxValidateError span { display: none; }
.oxValidateError span.req { float: none; display: inline; }
.oxInValid label, .oxInValid p { color: #ff0000; }
.oxInValid input, .oxInValid select, .oxInValid input:focus { border-color: #e40000; background: #fff8f8; }
.oxInValid select { border-style: solid; border-width: 1px; }
.oxInValid .oxValidateError, .oxInValid .oxValidateError .js-oxError_postError { display:block; }
/* --- Promotions Slider ------------------------ */
.promoShadow { position: absolute; top: 0; z-index: 3; }
.shadowRight { right: 10px; }
.oxSlider { position: relative; margin-bottom: 20px; }
.oxSlider li { position: relative; }
.oxSlider a:hover { text-decoration: none; }
.oxSlider { padding: 0 10px; overflow: hidden; clear:both; }
.oxSlider ul, .oxSlider li { margin: 0; padding: 0; list-style: none; }
#promotionSlider { height: 220px; }
#promotionSlider img { width: 940px; height: 220px; }
/* --- Recommendations ---------------------------- */
.recommendations .title { font-size:12px; padding:2px 0px 6px; }
.recommendations .title a { float: left; font-weight: bold; }
.recommendations .title .editButtons { float: right; }
.recommendations .title .textButton { color: #1d7e96; padding: 0; height: 14px; line-height: 14px; }
.recommendations .description { font-size:11px; padding:0px 0px 8px; }
.recommendationsSearchForm { padding: 15px 10px; }
.recommendationsSearchForm label { font-size: 11px; }
.recommendationsSearchForm .searchInput { width: 85px; }
/* --- Manufacturer Item slider ------------------------- */
.itemSlider { width:744px; height: 148px; margin: 0 1px 20px 1px; border: 1px solid #76c9dd; position: relative; }
.itemSlider ul { height: 148px; }
.itemSlider li { width: 124px; height: 148px; line-height: 148px; padding: 0; text-align: center; list-style: none; }
.itemSlider li img { vertical-align: middle; }
.itemSlider .slideNav { font-size: 21px; font-weight: 700; line-height: 24px; color: #fff; text-decoration: none; position: absolute; z-index: 4; bottom: -1px; opacity: 0.9; filter: alpha(opacity =90); height: 150px; display: block; text-shadow: 0px -1px 0px #486066; }
.itemSlider .leftHolder { position:absolute; left:-1px; bottom:-1px; height:150px; z-index:3; width:179px; }
.itemSlider .slideNav:hover { text-shadow: 0px -1px 0px #ac8a6b; opacity: 1; filter: alpha(opacity =100); }
.itemSlider .titleBlock { left: -1px; bottom:0; width: 130px; padding-left: 10px; text-transform: uppercase; }
.itemSlider .titleBlock:hover { opacity: 0.9; filter: alpha(opacity=90); text-shadow: 0px -1px 0px #486066; }
.itemSlider .titleBlock strong { float: left; margin: 50px 0 0 0; width: 130px; }
.itemSlider span.slideBg { display: block; height:100%; width:100%; top: 0; position: absolute; }
.itemSlider .prevItem { left:139px; bottom:0; width:40px; }
.itemSlider .nextItem { right: -1px; width: 40px; }
.itemSlider .prevItem:hover span.slideBg, .itemSlider .nextItem:hover span.slideBg { filter: alpha(opacity =90); opacity:0.9; }
.itemSlider .prevItem span.slidePointer, .itemSlider .nextItem span.slidePointer { position:relative; z-index: 5; float: right; text-indent: -9999px; width: 30px; height: 32px; margin: 58px 5px 0 0; background:url(../../img/promo-arrows.png) no-repeat -98px -162px; }
.itemSlider .prevItem span.slidePointer { background-position: -26px -162px; }
.itemSlider .prevItem:hover span.slidePointer { background-position: -26px -86px; }
.itemSlider .nextItem:hover span.slidePointer { background-position: -98px -86px; }
.itemSlider li { position: relative; }
.itemSlider li a.viewAllHover { display: none; position: absolute; left: 0; bottom: 0; height: 35px; z-index: 5; opacity: 1; padding-right: 5px; padding-top:25px; filter: alpha(opacity =100); background:transparent url(../bg/fx-grad-orange-spiked.png) -30px 0px no-repeat; }
.itemSlider li a span { text-align: left; line-height: 12px; padding-top: 4px; background-position: 0 50%; font-size: 10px; }
.itemSlider a.sliderHover, a.sliderHover {  }
.itemSlider li:hover a.viewAllHover, .itemSlider li:hover a.sliderHover { display: block; }
/* ??? */
/*.gridView li:hover a.sliderHover {
    display: block;
    width: 187px;
    height: 150px;
    z-index: 1;
}*/

/* --- Category lists ----------------------- */
.subcatList, .subcatList ul { margin: 0; }
.subcatList li { padding: 0; list-style: none; }
.subcatList .box { float: left; margin-left: 20px; }
.subcatList li .box:first-child { margin-left: 0; }
.subcatList h3 a {
color: #000;
font-size: 14px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.subcatList .box li { text-transform: uppercase; padding: 3px 0; }
.categoryDescription { background: #f2f4f5; padding: 10px 10px 10px 10px; font-size: 11px; border-bottom: 1px solid #B4B8B8; }
.categoryTopDescription, .categoryTopLongDescription { font-size: 16px; line-height: 26px; margin-bottom: 20px; width: 700px; color: #999999; }
.categoryTopLongDescription p { margin-bottom: 10px; }
.categoryPicture { margin-bottom: 20px; }
/* --- Trusted shop logo --------------- */
.box #tsSeal { text-align: center; margin-bottom: 7px; }
/* --- Layout helpers ---------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* --- Interaction Cues ----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #000; opacity: .50; filter:Alpha(Opacity=50); }
.ui-dialog { position: absolute; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* --- ZOOM CLOUD ----------------------------- */
    /* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens { border: 2px solid #EB6005; margin:-2px;    /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; }
/* This is for the title text. */
.cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; 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:2px solid #51A8BC; overflow:hidden; background-repeat: no-repeat; background-color: #fff; }
/* This is the loading message. */
.cloud-zoom-loading { color: #000; background: #fff; padding: 0px; }
#zoomTrigger {
position: absolute;
width: 300px;
height: 360px;
display: block;
text-indent: -9999px;
position: absolute;
top: 0px;
left: 0px;
float: left;
z-index: 1000;
background-image: url(../../img/zoom.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.zoomed { width: 663px; height: 665px; overflow: hidden; text-align: center; position: relative; z-index: 2; }
.zoomPager { margin: 0; padding: 0; }
.zoomPager li { list-style: none; float: left; padding: 0; }
.zoomHead { font-weight: 700; text-transform: uppercase; }
#zoomModal .otherPictures { margin: 0; padding: 0; width: 663px; z-index: 9; }
#zoomModal .otherPictures a { width: 30px; height: 35px; line-height: 35px; font-weight: 700; font-size: 14px; text-decoration: none; text-shadow: 0px 1px 1px #fff; }
#zoomModal .shadowLine { width: 663px; clear: both; }
#zoomModal .otherPictures ul { margin: 0; }
#zoomModal .marker { border: 2px solid #EB6005; display: none; height: 31px; left: 0; position: absolute; top: 0px; width: 26px; z-index: 99; }
#zoomModal .marker img { left: 50%; margin-left: -6px; position: absolute; top: -6px; z-index: 6; }
/* --- Services ---------------------- */
#services { width: 175px; }
#services a { text-decoration: none; text-transform: uppercase; }
#services li { position: relative; }
#services .counter { right: 5px; top: 1px; }
#servicesTrigger { position: relative; }
#servicesTrigger .counter { right: 0; top: 0; z-index: 11; }
.hasNotifications { padding-right: 25px; }
#services a:hover .counter { border: 1px solid orange; background: #fff; color: orange; }
/* --- WishList ------------------------------ */
.wishlistPublish { float: right; width: 360px; }
.wishlistSearch { float:left; }
.wishlistSearch .form { width: 100%; }
.wishlistSearch .form li { width: 100%; }
.wishlistSearch .form label { width: auto; }
.wishlistPublish .form label { width: 280px; }
.wishlistView a { text-decoration: underline; }
.wishlistView, .listmaniaView { border-bottom: 5px solid #ECEFF0; margin-bottom: 30px; padding-bottom: 15px; }
.formTitle, .wishlistResults dt { font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #eceff0; margin-bottom: 10px; padding-bottom: 0; }
.wishlistSuggest { clear: both; padding: 20px 0 0 388px; }
.wishlistResults { padding-top: 20px; }
.wishlistResults dt { padding-bottom: 5px; background: url("../../img/search-icon.png") no-repeat 0 3px; padding-left: 20px; }
.wishlistUser { float: right; width: 360px; padding: 40px 0 0 0px; }
/* --- Account Dashboard ----------------- */

.accountDashboardView .col { float: left; width: 374px;/*  height: 250px;*/
 /* padding-right: 20px; */
}
.accountDashboardView dl { margin-bottom: 15px; }
.accountDashboardView dd { margin-top: 2px; }
/* --- Compare List ----------------------- */
#compareList { width: 100%; }
#compareList td { border-collapse: collapse; vertical-align:top; }
#compareList table { width:200px; border-collapse:collapse; }
#compareList table td { border-top: 5px solid #ECEFF0; padding: 5px; }
#compareList table #firstTr td, #compareList table #firstDataTr td { border: 0; }
#compareList table tr:last-child td { padding-bottom: 20px; }
#compareDataDiv { overflow:hidden; }
#compareFirstCol { overflow: hidden; }
.compareItem { width: 190px; height: 380px; position: relative; }
.compareNarrow { width:596px; position:relative; }
#compareFirstCol.compareNarrowFirstCol table { width: 152px; }
.compareWide { width:740px; position:relative; }
.compareWide .compareItem { width: 238px; }
.compareItem .tobasket { position: absolute; bottom: 10px; }
.compareItem .oldPrice { font-size: 11px; line-height: 14px; }
.compareItem .variants { padding-top:15px; }
.compareItem .variants select { margin:5px 0 10px 0; display: block; }
.compareItem .picture { text-align: center; display:block; width:190px; height:150px; overflow:hidden; margin-bottom:7px; }
.compareItem .title { display: block; font-size: 18px; line-height:18px; font-weight: 400; padding-bottom: 3px; }
.compareItem .identifier { color: #515353; display: block; }
.compareItem .fn { padding-top: 5px; margin: 0; clear: both; }
#compareList .lineBox { padding: 5px 10px; font-size: 11px; text-transform: uppercase; text-align: center; line-height: 16px; }
#compareList a.navigation { background: url(../../img/prevnext.png) no-repeat 0 0; height: 7px; width: 4px; text-indent: -9999px; margin-top: 4px; }
#compareList .lineBox a.movePrev { float: left; background-position: 0 -7px; }
#compareList .lineBox a.moveNext { float: right; }
td.centered { text-align:center; }
td.alignTop { vertical-align:top; }
/* --- Login form ------------------------ */
.accountLoginView .col { float: left; width: 50%; }
/* --- right corner message ---------------- */
#incVatMessage { position:fixed; bottom:-3px; right:-5px; font-size:11px; padding:4px 20px 6px 17px; background:url(../../img/vatmsg-bg.png) no-repeat 0 0; opacity:0.6; filter:alpha(opacity=60); z-index:9999; }
#incVatMessageTsBadge { position:fixed; bottom:-3px; right:100px; font-size:11px; padding:4px 20px 6px 17px; background:url(../../img/vatmsg-bg.png) no-repeat 0 0; opacity:0.6; filter:alpha(opacity=60); z-index:9999; }
/* --- Plain errors ------------------------ */
.errorBox { width: auto; font-size:12px; font-weight:bold; color:#D81F01; margin: 20px; padding: 0; border: none; width: 500px; }
.errorBox a { color:#D81F01; text-decoration: underline; }
.errorBox a:hover { color:#666; }
.errorBox .errHead { background: #D81F01; color: #fff; padding: 5px 15px; }
.errorBox .errBody { border: 1px solid #D81F01; padding: 15px; }
.errorBox .stackTrace { font-size: 11px; color: #000; font-weight: normal; margin: 10px 0; padding: 10px 0; border-top: 2px solid #EED8D2 }
/* --- article box ------------------------ */
li.articleImage { height: 110px; }
.featuredList a.articleBoxImage { height: 97px; line-height:97px; width:148px; background: #fff; text-align: center; display: block; }
.featuredList a.articleBoxImage img { vertical-align:middle; }
/* --- MD Variant Selects in details ----------- */
.selectorsBox { clear:both; background: none; padding: 10px 10px 0px 0px; font-size: 11px; }
div.information .selectorsBox { margin-bottom: 55px; }
.selectorsBox .dropDown { margin-bottom: 10px; min-width: 200px; }
.selectorsBox .dropDown li.disabled a { color: #b4b8b8; }
.selectorsBox p.underlined { border-bottom: 1px solid #29373c; }
.selectorLabel label { min-width: 60px; display: inline-block; }
.variantReset { padding-bottom: 10px; font-size: 11px; margin-top: -55px; }
.variantReset label { text-transform: uppercase; }
.variantReset a.reset { color: #1d7e96; font-weight: bold; display: block; padding-bottom: 10px; }
.variantReset a.reset:hover { text-decoration:none; color: #EB6005; }
/* --- MD Variant Selects in infoGrid ----------------- */
.listDetails .selectorsBox { background: none; padding: 10px 10px 0px 5px; font-size: 11px; }
.listDetails .selectorsBox .dropDown { margin-bottom: 10px; min-width: 150px; }
.listDetails .selectorsBox .dropDown li.disabled a { color: #b4b8b8; }
.listDetails .selectorsBox p.underlined { border-bottom: 1px solid #29373c; }
.listDetails .selectorLabel label { min-width: 45px; display: inline-block; }
/* --- MD Variant Selects for line -------------------- */
.infoBox .selectorsBox { background: none; padding: 10px 10px 0px 0px; font-size: 11px; }
.infoBox .selectorsBox .dropDown { margin-bottom: 10px; min-width: 200px; }
.infoBox .selectorsBox .dropDown li.disabled a { color: #b4b8b8; }
.infoBox .selectorsBox p.underlined { border-bottom: 1px solid #29373c; }
.infoBox .selectorLabel label { min-width: 50px; display: inline-block; }
/* ------- Checkout AGB conditions links --------------- */
div.agbInner { width:500px; float:left; }
div.agbButton { float:right; }
.agb a, .cmsContent p a { color: #1d7e96; }
.agb a:hover { color: #ec6105; text-decoration:none; }
.agb p.errorMsg, .agbInner p.errorMsg { color: #ff0000; display: none; margin: 0px; }
/* ---- ajax loading icon -----------------------------*/

.loadingfade { background: #fff; z-index : 5000; }
.loadingiconbg { background: url(../../img/loading_bg.png) no-repeat center center; z-index : 5001; }
.loadingicon { background: url(../../img/loading.gif) no-repeat center center; z-index : 5002; }
/* --- shop lupe ------------------------------ */
p.shoplupe { padding-top:15px; text-align: center; }
/* --- category tree ----------------------------- */
.categoryBox { border-color: #999999; border-style: solid; border-width: 1px; margin: 0 0 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.categoryTagsBox { border-top-color: #999999; border-top-style: solid; border-top-width: 1px; }
.categoryTagsBox h3 { text-transform: uppercase; padding: 5px 0 0 10px; font-size: 12px; }
.categoryTags { padding: 5px 5px 5px 5px; }
a.fbEnableLink { display: inline-block; text-transform: uppercase; padding: 30px 0 15px 0; font-size: 12px; font-weight: bold; color: #2c5e97; }
.fbEnableDesc { margin-bottom: 35px; font-size: 11px; color: #555; }
.fbEnableDesc a { line-height: 25px; color: #2c5e97; }
a.fbEnableLink, .fbEnableDesc { margin-left: 20px; }
a.downloadableFile { color: #1d7e96; text-decoration: underline; background: url(../bg/download.png) left center no-repeat; padding:5px 0 5px 25px; }
a.downloadableFile:hover { color: #ec6105; text-decoration: none; }
a.downloadableFile.pending { color: #909090; text-decoration: none; background: url(../bg/download-pending.png) left center no-repeat; padding:5px 0 5px 25px; }
.variantMessage { color: #e70404; display: block; padding-bottom: 5px; }
.selectMessage { color: #e70404; }
#cookieNote { position:fixed; top:0px; left:0px; width:100%; z-index:105; text-align:left; font-weight:normal; font-size:16px; color: #fff; background-color:#f77704; opacity: 0.9; filter: alpha(opacity = 90); padding:8px 0 8px 0; text-align: center; border-bottom: 1px solid #d36706; display: none; }
#cookieNote span.dismiss { cursor:pointer; position: absolute; right: 10px; top: 8px; width: 18px; height: 18px; display: block; text-indent: -9999px; background: url(../../img/close.png) no-repeat 0 0; }
#cookieNote a { color: #fff; text-decoration:underline; font-weight:bold }
#cookieNote+#page { padding-top: 35px; }
#cookieNote .notify { padding: 0px 35px; }
#basketVoucher { position: relative; padding-bottom: 30px; }
.smallFont { font-size: 12px; word-wrap: break-word; overflow: hidden; width: 350px; }
#betaNote { position:fixed; top:0px; left:0px; width:100%; z-index:105; text-align:left; font-weight:normal; font-size:16px; color: #fff; background-color:#f77704; opacity: 0.9; filter: alpha(opacity = 90); padding:8px 0 8px 0; text-align: center; border-bottom: 1px solid #d36706; display:none; }
#betaNote span.dismiss { cursor:pointer; position: absolute; right: 10px; top: 8px; width: 18px; height: 18px; display: block; text-indent: -9999px; background: url(../../img/close.png) no-repeat 0 0; }
#betaNote a { color: #fff; text-decoration:underline; font-weight:bold }
#betaNote+#page { padding-top: 35px; }
.hidden { display: none; }
.jcarousel-wrapper { margin: 20px; position: relative; /* border: 10px solid #fff; */
	/* -webkit-border-radius: 5px; */
	-moz-border-radius: 5px; /* border-radius: 5px; */
	/* -webkit-box-shadow: 0 0 2px #999; */
	-moz-box-shadow: 0 0 2px #999; /* box-shadow: 0 0 2px #999; */
	background: url(../../img/carousel_bckg.png) left center repeat-x;/* left: 15px; */
}
/** Carousel **/

.jcarousel { position: relative; overflow: hidden; /*
    (4 * width: 150px) + (3 * margin-right: 1px) = 603px
    */
    width: 100%; height: 160px; }
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.jcarousel li { /* float: left; */ /* width: 150px; */ height: 147px; margin-right: 1px; margin-left: 4px; list-style: none; display: inline-block; border: 1px solid #CCCCCC; }
.jcarousel img { max-height: 150px; max-width: 100%; }
.jcarousel .loading { text-align: center; line-height: 90px; /* Fake vertical aligning */ }
/** Carousel Controls **/

.jcarousel-control-prev { position: absolute; top: 41px; width: 24px; height: 77px; text-align: center; color: #fff; background-image: url(../../img/carousel_left_arrow.jpg); background-repeat: no-repeat; background-position: left center; }
.jcarousel-control-next { position: absolute; top: 41px; width: 24px; height: 77px; text-align: center; background: url(../../img/carousel_right_arrow.jpg) left center repeat-x; }
.jcarousel-control-prev { left: -25px; }
.jcarousel-control-next { right: -25px; }
.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; }
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { /*opacity: .5;
    cursor: default;*/
}


.welcomebox h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; color: #CB0000; font-weight: normal; padding-bottom: 20px; }
.welcomebox { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color:#666666  }

.box h3 { font-family: Verdana, Geneva, sans-serif; font-size: 26px; padding-top: 6px; padding-bottom: 8px; padding-left: 0px; }
.mehr { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #000000; }

#productPrice.price { font-family: "Times New Roman", Times, serif; font-size: 42px; line-height:70px; color: #CC0000; display: block; clear:both; height: 70px; width: 100%; }







.relatedInfo h2 { font-size: 24px; color: #c80000; padding: 0px; overflow: hidden; margin-bottom: 16px; position: relative; z-index: 2; font-weight:normal; display: block; line-height: 24px; border-bottom: 1px solid #c80000;  }