/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
/* IE6 */
*:first-child + html .clearfix { zoom: 1; }
/* IE7 */

/* ---------------------------------------------------------
   General reset
   ---------------------------------------------------------*/
#print-advice { display: none; }
* { font-size: 100.01%; }
html { font-size: 62.3%; }

/*
 * Remove default margin.
 * Set default text color.
 * Set default font family, font size and line height.
 * Set default background.
 */
body { margin: 0; color: #5d5d5d; font: 1.2em/1.25 proxima-nova, sans-serif; background: #f5f5f5; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; }

em {font-style:italic; }

/* Remove border when inside "a" element in IE. */
img { border-style: none; }

/* Set default color and remove underline. */
a { text-decoration: none; color: #5d5d5d; }

/* Set underline when mouse hovered in all browsers. */
a:hover { text-decoration: underline; }

/* Remove background color on active state in IE. */
a:active { background-color: transparent; }

/*
 * Set default font family and font size not inherited in all browsers.
 * Improve vertical alignment in all browsers.
 * Set default text color.
 */
input, textarea, select { font: 100% proxima-nova, sans-serif; vertical-align: middle; color: #5d5d5d; }


/* Remove default styles in all browsers. */
form, fieldset { margin: 0; padding: 0; border-style: none; }
input[type="text"], input[type="password"], input[type="file"], input[type="submit"], input[type="email"], input[type="button"], textarea { -webkit-appearance: none; border-radius: 0 !important; -webkit-box-shadow: none !important; }
input[type="image"] { padding: 0; border: none; }

/* ---------------------------------------------------------
   Common site styles
   ---------------------------------------------------------*/
strong { font-weight: bolder; }
/* main container styles */
#wrapper { width: 100%; position: relative; overflow: hidden; background-image: url('/images/cream_dust.png'); /*Added by Firas*/ /*min-width:1001px;*/}
.w1 { padding: 0 ; width: 100%; position: relative; }
/* header styles */
#header { width: 100%; background-image: url('/images/symphony.png');}
#auth-mobile-user-dropdown-container{display:none;}
.panel { width: 100%; background: #ba5b71 url(/images/bg-panel.png) repeat-x; }
#header .holder { width: 986px; margin: 0 auto; padding: 33px 0 10px; position: relative; }
* + html #header .holder { padding: 33px 0 0 274px; width: 712px; z-index: 2; }
#header .holder:after { content: ""; display: block; clear: both; }
#header .panel .holder { height: 24px; padding: 4px 0; }
* + html #header .panel .holder { padding: 4px 0; width: 986px; }
.social-list { float: right; margin: 0; padding: 0 230px 0 0; list-style: none; }
.social-list li { float: left; padding: 0 4px 0 0; }
.social-list a { display: block; width: 22px; height: 21px; background: url(/images/social-sprite.png) no-repeat; overflow: hidden; text-indent: -9999px; }
.social-list .phone-number {background: none;width: 200px; text-indent: unset;font-size: 1.3rem; color: white;line-height: 21px; text-indent:unset;}
.social-list a.googleplus {background-position: -26px 0;}
.social-list a.twitter { background-position: -53px 0; }
.social-list a.pinterest { background-position: -79px 0; }
.panel .add-nav { /*float: left;*/ width:200px; display:inline-block; vertical-align:top; float:right; padding:400px; margin: 0; padding: 0; list-style: none; overflow: hidden; font-size: 14px; line-height: 21px; text-transform: uppercase; }
.panel .add-nav li { float: left; padding: 0 23px 0 0; }
.panel .add-nav li.last { float: right; padding: 0; }
/*Modified by Firas 29May18 | remove arrow image*/
.panel .add-nav a { /*background: url(/images/arrow.png) no-repeat 100% 50%;*/ padding: 0 8px 0 0; color: #fff; text-decoration: underline; }

/*Added by Firas 30May18 | Registration Page Styels | Last Edited 5Dec18*/

#login-reg-content.content{ width:100%; background:none;}
#authpage-master-container { width: 100%; background: none;}
#authpage-master-container .row .submit-container{ width:100%; padding-bottom: 20px;} 
#authpage-master-container .row .submit-container input{ width:100%; margin-top: 20px;}
#authpage-reg-container {width:60%; display:inline-block; background-color:white; min-width:500px}
#authpage-reg-container .error-block { margin: 15px 0;}
#authpage-reg-container form { margin-right:0; padding: 20px; width:100%; box-sizing:border-box; max-width:unset;}
#regitration-complete-container  {padding: 20px; background-color:#fff;}
#regitration-complete-container > a >div{ width:350px; height:35px; margin: 30px auto; background-color: #58b8a5; line-height:35px; text-align:center; text-transform:uppercase; color:white; font-size:16px; position:relative; right: 0;}
#authpage-master-container #regitration-complete-container p { font-size: 1.2em; color: #696969;  line-height: 1.5em; display:block;  }
#password-info-container{ display:inline-block; vertical-align: top; background-color: white; padding:10px 20px; margin-left: 15px; box-sizing:border-box;}
#password-info-container > .password-info {margin:0; padding:0; float:none; border:none;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

/* logo styles */
.logo { width: 237px; height: 71px; background: url(/images/logo.png) no-repeat; text-indent: -9999px; overflow: hidden; margin: 0; float: left; position: relative; z-index: 10; }
* + html #header .logo { position: absolute; left: 0; top: 33px; }
.logo a { display: block; height: 100%; }
/*
#m-nav .open-close { float: right; margin: -5px 0 0; }
* + html #m-nav .open-close { margin-bottom: 7px; }
*/
#m-nav .opener { display: none; background: url(/images/bg-opener.gif) no-repeat; width: 40px; height: 40px; margin-top: 13px; overflow: hidden; text-indent: -9999px; }
#m-nav .open-close .slide.js-slide-hidden { left: 0 !important; top: 0 !important; position: relative !important; }
.left-panel { width: 270px; background: #fff; text-align: center; display: none; }
.left-panel h2, .left-panel h1 { background: #f4e5e9 url(/images/bg-heading.gif) repeat-x 0 100%; color: #5d5d5d; font-size: 18px; font-weight: normal; line-height: 21px; margin: 0; padding: 12px 5px 11px; text-transform: uppercase; }
.left-panel .block ul { font-size: 16px; line-height: 19px; list-style: none outside none; margin: 0; padding: 0 0 20px; }
.left-panel .block li { background: url(/images/divider.png) repeat-x 0 100%; padding: 10px 0 11px; vertical-align: top; width: 100%; }
.left-panel .block ul a { background: url(/images/arrow1.png) no-repeat 100% 9px; color: #303030; padding: 0 15px 0 0; }
.left-panel .social { background: none repeat scroll 0 0 #F4E5E9; padding: 12px 0; }
.left-panel .social h2 { background: none; margin: 0 0 15px; padding: 0; }
.left-panel .social-list { display: inline-block; float: none; padding: 0 0 14px; vertical-align: top; }
.left-panel .social-list li { padding: 0 4px 0 5px; }
.left-panel .social-list a { background-position: 0 -38px; height: 42px; width: 42px; }
.left-panel .social-list a.googleplus { background-position: -51px -38px; }
.left-panel .social-list a.twitter { background-position: -103px -38px; }
.left-panel .social-list a.pinterest { background-position: -154px -38px; }

/*New Pagination Bar for search page added by Firas 14Aug18 */
#SearchPagePaginationBar {display:block;}
#MobileSearchPagePaginationBar{display:none;}
#SearchPaginationContainer { width:100%; background-color: #9c1c37 ; display: flex;	display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: -webkit-flex; flex-flow: row nowrap; justify-content: center; position:relative;}
#SearchPaginationInnerContainer {margin:0 auto;}
#PaginateFilterNavigation input,#PaginateFilterNavigation span { background : none; border:none; font-family:inherit; font-size:18px; color:white; cursor:pointer; vertical-align:top; }
#PagenateFilterNavigation input:hover, #PaginateFilterNavigation span:hover {color:#f4e5e9}
.PaginationBarArrows {background-size: contain;background-repeat: no-repeat;width: 16px;height: 16px;border-style: none; margin:4px; display:inline-block}
#SearchPaginationLoader {display: none;width: 100%;height: 100%;position: absolute; left:0; top:0; z-index: 1;opacity: 0.3;background-color: black;}
#SearchPaginationLoader > div {position: relative;top: 30px;}
#SearchPaginationLoader > div > img{ margin: 0 auto; display:block;}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Style the sidenav links and the dropdown button */
.dropdown-btn {padding: 6px 8px 6px 16px;text-decoration: none;font-size: 20px;color: #818181; display: block;border: none;background: none;width: 100%;text-align: left;cursor: pointer;outline: none;}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* main navigation styles */

* + html #nav a.home { display: block; }

#mobile-botnav li { float: left; list-style: none; text-align: center; font-size: 13px; background-color: #ffa4bc; width: 190px; line-height: 40px; margin: 4px; vertical-align: middle;}
#mobile-botnav h2 { font-size: 18px; margin: 10px;}
#mobile-botnav li a{ text-decoration: none; color: #000000; display: block;}
#mobile-botnav li a:hover{ text-decoration: none; color: #ffffff; background-color: #58b8a5;}

.cart { background: #5296A4 url(/images/ico-cart.png) no-repeat 14px 13px; position: absolute; top: -32px; right: 0; height: 45px; width: 174px; padding: 0 0 0 46px; color: #fff; font-size: 14px; line-height: 43px; 
-webkit-box-shadow: 0px 4px 5px -3px rgba(167,167,167,0.3);
-moz-box-shadow: 0px 4px 5px -3px rgba(167,167,167,0.3);
box-shadow: 0px 4px 5px -3px rgba(167,167,167,0.8);
}
.cart:active { background-color: #61aabc; }
.cart strong { font-weight: bold; }
#mobile-cart-container{display:none;}
.bar { background: #fff url(/images/divider.png) repeat-x 0 2px; width: 100%; padding: 3px 0 0; }
.page .bar { margin: 0 0 11px; }
.bar .holder { background: url(/images/divider.png) repeat-x 0 24px; padding: 0 0 3px; }
.bar ul { width: 986px; margin: 0 auto; padding: 0; list-style: none; overflow: hidden; background: url(/images/separator.gif) no-repeat 100% 0; font-size: 16px; line-height: 24px; text-transform: uppercase; }
.bar li { float: left; width: 33.3%; text-align: center; height: 24px; background: url(/images/separator.gif) no-repeat; }
.bar a { background: url(/images/arrow.png) no-repeat 100% 50%; padding: 0 8px 0 0; color: #303030; }
.button, .button:active { position: fixed; top: 50px; right: 0; z-index: 50; background: #5d5d5d; color: #fff; text-align: center; font-size: 14px; line-height: 17px; text-transform: uppercase; cursor: pointer; }
.button span { position: relative; width: 45px; padding: 4px 0 0 7px; height: 38px; display: block; }
.button span:after { left: 0; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(245, 245, 245, 0); border-left-color: #f5f5f5; border-width: 22px 7px; margin: 0; }
/* breadcrumbs styles */
.breadcrumbs { margin: 0 auto; padding: 12px 0 0; list-style: none; width: 986px; overflow: hidden; color: #b8586e; font-size: 13px; line-height: 16px; }
.breadcrumbs li { float: left; padding: 0 0 0 8px; }
.breadcrumbs li:first-child { padding: 0; }
.breadcrumbs a { color: #5d5d5d; background: url(/images/arrow.png) no-repeat 100% 7px; padding: 0 11px 0 0; }
.breadcrumbs a:hover { color: #b8586e; }
.promobox { width: 100%; position: relative; background: url(/images/bg-promobox.jpg) repeat-x; }
.promobox .holder { background: url(/images/img1.jpg) no-repeat 50% 0; min-height: 346px; padding: 21px 0 0; }
.promobox .box { background: #5da6b9 url(/images/bg-box.jpg); padding: 11px 10px 9px; width: 328px; margin: 0 auto; color: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Safari 5, iOS, Android, Blackberry */ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.promobox .box-holder { border: 1px solid #fff; padding: 15px 5px; text-align: center; }
.promobox .head { font-weight: 300; font-size: 35px; line-height: 38px; text-transform: uppercase; display: block; margin: 0 0 5px; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); }
.promobox .head strong { font-weight: bold; }
.promobox .head span { display: block; font-size: 30px; line-height: 33px; margin: -4px 0 0; }
.promobox .head1 { display: block; font: 36px/39px "Comic Sans MS" , cursive; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); margin: 0 0 10px; }
.promobox .price { font-size: 30px; line-height: 30px; /*font-weight: bold;*/ display: block; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); margin: 0 0 14px; }
.promobox .price sup { vertical-align: top; font-size: 14px; line-height: 20px; text-transform: uppercase; padding: 0 5px 0 0; }
.promobox .btn { display: inline-block; vertical-align: top; width: 215px; height: 40px; overflow: hidden; font-size: 18px; line-height: 40px; text-transform: uppercase; color: #fff; background: #303030; margin: 0 0 9px; }
/* content and sidebar wrapper styles */
#main { width: 986px; margin: 20px auto 0; position: relative; padding: 0 0 26px; background-color:#ffffff; }
#main:after { content: ""; display: block; clear: both; }
/* main content styles */
#content { float: right; width: 737px; /*margin: -20px 0 0;*/ }
.page #content { margin: 0; }
.content-holder { margin: 0 -10px 0 0; }
.content-holder3 { margin: 0 -10px 15px 0; }
.content-holder2 { padding: 22px 10px; background: #fff; margin: 0 0 10px; font-size: 14px; line-height: 16px; }
.content-holder2 h2 { font-size: 24px; line-height: 24px; font-weight: bold; margin: 0 0 15px; text-transform: uppercase; }
.content-holder2 p { margin: 0 0 15px; }
.linkholder { width: 100%; overflow: hidden; padding: 0; }
.linkholder .more { background: url(/images/arrow1.png) no-repeat 100% 6px; color: #b8586e; float: right; font-size: 14px; line-height: 17px; padding: 0 15px 0 5px; margin: 0 12px 0 0; }
#content .block, .content-holder1 .block { display: inline-block; vertical-align: top; width: 236px; background: #fff; margin: 0 7px 10px 0; position: relative; }
/*Added by Firas 24April18*/
#content .block-spotlight{overflow:hidden; margin:0; background-color:transparent; width:33%; filter: drop-shadow(0px 3px 3px gray); -webkit-filter: drop-shadow(0 3px 3px gray);  transition: all 0.5s ease-out;}
#content .block-spotlight > .holder {border:none !important;}
#content .block .holder >h2{ display:none;}
#content .block-spotlight:hover{filter: drop-shadow(0px 5px 10px gray); -webkit-filter: drop-shadow(0 5px 10px gray);}
#content .block-spotlight:hover .hover-div { bottom: 0 !important; transition: bottom 0.45s cubic-bezier(.25,.8,.25,1); -webkit-transition: bottom 0.45s cubic-bezier(.25,.8,.25,1); -moz-transition: bottom 0.45s cubic-bezier(.25,.8,.25,1); -o-transition: bottom 0.45s cubic-bezier(.25,.8,.25,1); -ms-transition: bottom 0.45s cubic-bezier(.25,.8,.25,1) }
.hover-div { width: 100%; height: 30%; position: absolute; bottom: -100%; left: 0; background-color: #ffa4bc; cursor: pointer;border-radius:5px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; transition: bottom 0.45s ease-out;  -webkit-transition: bottom 0.45s ease-out; -moz-transition: bottom 0.45s ease-out; -o-transition: bottom 0.45s ease-out; -ms-transition: bottom 0.45s ease-out; }
.hover-div {text-align:center;}
.hover-div span {font-size: 2rem; color: white; font-weight:bold;  }
#content .block-spotlight-mini{width:33.333%; margin-bottom:15px; text-align:center; filter: drop-shadow(0px 3px 3px gray); -webkit-filter: drop-shadow(0 3px 3px gray);  transition: all 0.3s ease-out;}
#content .block-spotlight-mini:hover{filter: drop-shadow(0px 5px 5px gray); -webkit-filter: drop-shadow(0 5px 5px gray); }
#content.homepage .content-holder {background-color:#ffffff;}

/*++++++++++++++++++++++++*/
* + html #content .block, * + html .content-holder1 .block {
    display: inline;
    margin-right: 10px;
}
#content .block3 { display: none; }
* + html #content .block3 { display: none; }
#content .block.bg1, .content-holder1 .block.bg1 { background: #c77d8e; }
#content .block.bg2 { background: #f4e5e9; }
#content .block.long { float: none; width: 737px; min-height: 10px; font-size: 1.2em; line-height: 1.2em; }
#content h1 { font-size: 1.7142857em; line-height: 1.125em; font-weight: bold; margin: 0 0 11px; text-transform: uppercase; }
#content h1 span { font-weight: normal; }
#content .block.long p { margin: 0; padding: 0 0 14px; }
#content .heading { width: 737px; float: left; background: url(/images/divider.png) repeat-x 0 50%; margin: 0 0 7px; }
#content .heading1 { background: none; }
#content .heading h2 { float: left; background: #f5f5f5; font-size: 18px; font-weight: bold; line-height: 21px; margin: 0; text-transform: uppercase; padding: 0 5px 0 0; }
#content .heading h2 span { font-weight: normal; }
#content .heading .view { float: right; background: #f5f5f5 url(/images/arrow1.png) no-repeat 100% 6px; color: #b8586e; font-size: 14px; line-height: 17px; padding: 0 15px 0 5px; }
#content .logos-list1 { float: left; width: 100%; margin: 0; padding: 1px 0 18px; list-style: none; text-align: left; }
#content .logos-list1 li { background: #fff; padding: 10px 10px 15px; display: inline-block; vertical-align: top; margin: 0 6px 10px 0; width: 219px; }
* + html #content .logos-list1 li { display: inline; margin-right: 10px; }
#content .logos-list1 h2 { font-size: 18px; font-weight: bold; line-height: 21px; margin: 0 5px 9px 0; text-transform: uppercase; }
#content .logos-list1 h2 span { font-weight: normal; }
#content .logos-list1 h2 a { display: block; color: #5d5d5d; background: url(/images/arrow1.png) no-repeat 100% 5px; padding: 0 10px 0 0; }
#content .logos-list1 img { vertical-align: top; }
#content .block .flag { background: #61aabc; color: #fff; width: 86px; height: 86px; border-radius: 43px; position: absolute; top: 12px; right: 7px; font-size: 14px; line-height: 17px; text-transform: uppercase; overflow: hidden; text-align: center; }
#content .block .flag1 { width: 70px; height: 70px; border-radius: 35px; top:6px; white-space: nowrap; }
#content .block .flag1.bg1 { background: #ac9cd5; }
#content .block .flag1.bg2 { background: #58b8a5; }
#content .block .flag1.bg3 { background: #cf78b8; }
#content .block .flag1.bg4 { background: #e58c69; }
#content .block .flag1.bg5 { background: #92bc61; }
#content .block .flag1:after { content: ''; display: inline-block; height: 100%; width: 1px; overflow: hidden; margin: 0 0 0 -3px; vertical-align: middle; }
#content .block .flag div { vertical-align: middle; display: inline-block; white-space: normal; text-align: left; }
#content .block .flag span { -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); display: block; padding: 25px 0 0; margin: 0 0 -2px; }
#content .block .flag .price { /*font-weight: bold;*/ font-size: 22px; line-height: 22px; padding: 0; }
#content .block .flag .price1 { font-size: 16px; line-height: 16px; display: block; text-align: center; padding: 0; }
#content .block .flag .price2 { font-size: 14px; line-height: 14px; display: block; text-align: center; padding: 0; }
#content .block .holder, .content-holder1 .block .holder { margin: 12px 10px; position: relative; height: 1%; border: 1px solid #fff; }
#content .block.long .holder { margin: 12px; }
#content .block.bg1 .frame, #content .block.bg2 .frame, .content-holder1 .block.bg1 .frame { margin: 12px; text-align: center; color: #fff; }
.content-holder1 .block.bg1 .frame { margin: 13px 10px; }
#content .block.bg1 .frame .info-block, .content-holder1 .block.bg1 .frame .info-block { background: url(/images/arrow3.png) no-repeat 100% 50%; text-transform: uppercase; padding: 0 10px 0 0; font-size: 24px; line-height: 24px; text-align: left; }
#content .block.bg1 .frame .info-block span, .content-holder1 .block.bg1 .frame .info-block span { display: block; }
#content .block.bg1 .frame .info-block span strong, .content-holder1 .block.bg1 .frame .info-block span strong { font-weight: bold; }

#content .block .textholder { padding: 5px 0 53px; font-size: 14px; line-height: 17px; }
#content .block .textholder span strong { font-weight: bold; }
#content .block .textholder .price { font-size: 18px; line-height: 30px; font-weight: bold; }
#content .block .textholder .level { font-size: 14px; line-height: 16px; padding: 5px 0; font-weight: bold; }
#content .block .textholder .mark { color: red; text-align: center;  }
#content .block .textholder .price span { display: inline; font-size: 14px; line-height: 15px; font-weight: normal; }
#content .block .textholder span.old { background: url(/images/divider5.png) no-repeat 50% 50%; color: #5d5d5d; margin-right: 10px; font-size: 20px; font-weight: bold; }
#content .block .textholder span.minimumQtySpan { display: block;  }

/* sort-form styles */
.sort-form { width: 737px; float: left; margin: -7px 0 0; padding: 0 0 11px; }
#sidebar .sort-form { width: 100%; border-top: 10px solid #f5f5f5; float: none; margin: 0; padding: 10px 0 0; }
.sort-form input[type="submit"] { display: none; }
.sort-form legend { display: none; }
.sort-form .section { float: left; font-size: 14px; line-height: 32px; margin: 3px 0 -3px; }
.sort-form .section.r { float: right; margin: 0; }
.sort-form .section.r label { float: left; }
* + html .sort-form .section.r .select-area { float: left; }
.sort-form .section.r select { width: 168px; }
.sort-form .section span strong { font-weight: bold; }
.sort-form .section .view { background: url(/images/arrow1.png) no-repeat 100% 50%; padding: 0 10px 0 0; margin: 0 0 0 10px; color: #b8586e; }
.sort-form .accordion { display: none; margin: 0; padding: 10px 0; list-style: none; font-size: 14px; line-height: 19px; }
#sidebar .sort-form .accordion { display: block; }
.sort-form .accordion li { width: 100%; vertical-align: top; overflow: hidden; }
.sort-form .accordion .open, .sort-form .accordion .opener { background: #f4e5e9 url(/images/bg-open-close.png) no-repeat 100% 12px; display: block; padding: 10px; font-size: 18px; line-height: 21px; text-transform: uppercase; text-align: center; color: #5d5d5d; }
.sort-form .accordion .open.hidden { display: none; }
.sort-form .accordion .active .open.hidden { display: block; }
.sort-form .accordion .open:hover { text-decoration: none; }
.sort-form .accordion .active .open { background-position: 100% -71px; }
.sort-form .accordion .open strong, .sort-form .accordion .opener strong { font-weight: bold; }
.sort-form .accordion .slide { background: #fff; }
.sort-form .accordion .check-area { float: left; padding: 0 0 0 10px; width: 160px; }
.sort-form .accordion .check-area label { color: #b8586e; font-size: 14px; line-height: 17px; float: left; max-width: 130px; text-align: left; }
.sort-form .accordion .check-area label:hover { cursor: pointer; }
.sort-form .accordion .num { float: right; margin: 0 10px 0 0; color: #fff; background: #ccc; height: 18px; width: 30px; text-align: center; overflow: hidden; border-radius: 9px; font-size: 12px; line-height: 17px; }
.sort-form .accordion .slide li { background: url(/images/divider.png) repeat-x; padding: 10px 0; }
.sort-form .accordion .slide li:first-child { background: none; }
.sort-form .accordion .slide .filter-list li { padding: 0; }
.sort-form .accordion .slide .filter-list li li { padding: 10px 0; }
.sort-form .accordion .active .open-close .opener { background: #fcf4f6 url(/images/bg-open-close.png) no-repeat 100% 12px; border: solid #f3e0e5; border-width: 1px 0; text-align: left; }
.sort-form .accordion .opener:hover { text-decoration: none; }
.sort-form .accordion .active .open-close.active .opener { background-position: 100% -71px; }

#content .more {width:737px; display:block; background: #9c1c37; color: #fff; text-align: center; text-transform: uppercase; font-size: 25px; font-weight: bold; line-height: 21px; padding: 15px 0;-webkit-text-shadow: -1px -1px 2px rgba(0,0,0,.3); text-shadow: -1px -1px 2px rgba(0,0,0,.3); transition: all 0.3s ease 0s;}
#content .more:hover { cursor: pointer;opacity: 0.75; }
#content .more-container { position: relative; opacity: 0.75; }
#content .more-container .loader { position: absolute; top: 10px; right:40px; display: none; }
#content .moreParts { width: 737px; display: block; background: #9c1c37;  color: #fff;text-align: center; text-transform: uppercase; font-size: 25px; font-weight: bold; line-height: 21px; padding: 15px 0; -webkit-text-shadow: -1px -1px 2px rgba(0,0,0,.3); text-shadow: -1px -1px 2px rgba(0,0,0,.3); transition: all 0.3s ease 0s;}
#content .moreParts:hover { cursor: pointer; }

.rating-block { width: 100%; overflow: hidden; padding-top: 10px;}
.aside .block .rating-block { padding: 0 0 2px; }
.rating-block a { float: right; color: #b8586e; font-size: 14px; line-height: 17px; }
.star-rating, .stars-fixed { float: left; list-style: none; margin: 0; padding: 2px 0 0; width: 80px; height: 13px; position: relative; background: url(/images/star.gif) repeat-x 0 2px; }
.star-rating li, .stars-fixed li { float: left; }
.star-rating li a, .stars-fixed li span { width: 13px; height: 13px; text-decoration: none; text-indent: -9000px; z-index: 2; position: absolute; padding: 0; }
.star-rating li a:hover, .star-rating li.active a, .stars-fixed li.active span { background: url(/images/star.gif) 0 100%; z-index: 1; left: 0; }
.star-rating a.one-star, .stars-fixed span.one-star { left: 0; }
.star-rating a.one-star:hover, .star-rating li.active a.one-star, .stars-fixed li.active span.one-star { width: 16px; }
.star-rating a.two-stars, .stars-fixed span.two-stars { left: 16px; }
.star-rating a.two-stars:hover, .star-rating li.active a.two-stars, .stars-fixed li.active span.two-stars { width: 32px; }
.star-rating a.three-stars, .stars-fixed span.three-stars { left: 32px; }
.star-rating a.three-stars:hover, .star-rating li.active a.three-stars, .stars-fixed li.active span.three-stars { width: 48px; }
.star-rating a.four-stars, .stars-fixed span.four-stars { left: 48px; }
.star-rating a.four-stars:hover, .star-rating li.active a.four-stars, .stars-fixed li.active span.four-stars { width: 64px; }
.star-rating a.five-stars, .stars-fixed span.five-stars { left: 64px; }
.star-rating a.five-stars:hover, .star-rating li.active a.five-stars, .stars-fixed li.active span.five-stars { width: 80px; }

#content .block h2 { color: #5d5d5d; font-size: 18px; line-height: 18px; text-transform: uppercase; font-weight: bold; margin: 0 0 12px; }
#content .block h2.small { font-size: 14px; line-height: 14px; padding: 0 70px 0 0; font-weight: normal; }
#content .block h2 span { font-weight: normal; }
#content .block.bg1 h2 { font-size: 122px; line-height: 122px; color: #fff; }
#content .block.bg2 h2 { font-size: 94px; line-height: 94px; color: #5d5d5d; }
#content .block.bg1 h2 span { display: block; font-size: 35px; line-height: 38px; margin: 0 0 -15px; padding: 10px 0 0; }
#content .block.bg2 h2 span { display: block; font-size: 37px; line-height: 40px; margin: 0 0 -15px; padding: 20px 0 0; }
#content .block.bg1 h2 strong { display: block; font-size: 44px; line-height: 47px; margin: -20px 0 0; }
#content .block.bg2 h2 strong { display: block; font-size: 36px; line-height: 39px; margin: -14px 0 0; }
#content .block img {width: 100%; height: auto; margin: 0; vertical-align: top; }
#content .block span img { width: auto; margin: 0 0 5px; }
/*Modified By Firas 27/3/18 ==========*/
#content .block .btn, #content .block .btn-holder .btn, #content #product-atc-container .btn  { background: #58b8a5; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff; font-size: 18px; line-height: 21px; text-transform: uppercase; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); padding: 10px 0; }
#content .block .btn{ display:block;}
#content .block .product-block-btns-wrapper{position:absolute; bottom:0; left:0; height:40px; width:100%;}

#content .block .product-block-btns-wrapper .btn { width:49%;}
#content .block .product-block-btns-wrapper.oneBtn .btn.vieProduct { width:100%;}
#content .block .product-block-btns-wrapper.numericBtn .btn.vieProduct { width:72%;}
#content .block .product-block-btns-wrapper.numericBtn .btn.addToCart { width:25%;}

#content .block .btn.addToCart,#content .block .btn.vieProduct { display:inline-block; position:unset; font-size:12px; font-weight:bold; }
#content .block .btn.vieProduct {  display:inline-block; position:unset; font-size:12px; font-weight:bold; }
#content .block .btn.addToCart{background-color: #5296A4; }
#content .block .btn.addToCart > img{width:15px; height:auto; margin-top:3px;}

/**/
#content .block .btn-spotlight { background: #58b8a5;  position: absolute; bottom: 29px; left: 0; width: 100%; text-align: center; color: #fff; font-size: 18px; line-height: 21px; text-transform: uppercase; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); padding: 7px 0;}
#content .block .holder:hover .btn-spotlight {background-color: #ffa4bc; transition: 0.2s background-color ease-in-out;}
#content .atc-container .submit-container { display: block; width: 100%; height: 41px;}

#content #product-atc-container{ width: 100%;height:100%; background-color:yellowgreen; position:absolute; top:0; left:0;}
#content #product-atc-container .btn { cursor:pointer; background-color:darksalmon;}

/*====================================*/

#content .block.bg1 .btn { background: #303030; bottom: 9px; left: 10px; width: 197px; padding: 9px 0; }
#content .block.bg2 .btn { background: #ae576b; bottom: 10px; left: 10px; width: 197px; padding: 8px 0; }

.promoblock { width: 100%; background: #a4abac url(/images/bg-banner.jpg) no-repeat 100% 0; -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; margin: 0 0 26px; padding: 5px 0; color: #fff; }
.promoblock4 { display: none; }
.promoblock2 { margin: 0 0 9px; }
.promoblock3 { background: #d6b29a url(/images/bg-banner1.jpg) no-repeat 100% 0; margin: 0 0 9px; }
.promoblock5 { margin: 0 auto 10px; width: 986px; -moz-background-size: auto auto; -o-background-size: auto auto; -webkit-background-size: auto auto; background-size: auto auto; background-position: 100% 40%; }
.promoblock6 { margin: 44px auto 10px; width: 986px; -moz-background-size: auto auto; -o-background-size: auto auto; -webkit-background-size: auto auto; background-size: auto auto; background: url(/images/bg-promobox6.jpg); padding: 10px 0; }
.promoblock6 .logo { position: absolute; top: 15px; left: 17px; width: 148px; height: 20px; background: url(/images/logo18.png) no-repeat; }
.promoblock .holder { margin: 0 5px; border: 1px solid #fff; min-height: 90px; overflow: hidden; height: 1%; padding: 28px 0 0; }
.promoblock5 .holder { padding: 5px 0; min-height: 1px; }
.promoblock6 .holder { overflow: visible; position: relative; padding: 65px 400px 41px 143px; color: #fff; min-height: 230px; background: url(/images/bg-promobox6.png) repeat-x 0 100%; margin: 0 10px; }
.promoblock h2 { float: left; width: 217px; padding: 0 12px 0 14px; font-size: 29px; line-height: 29px; font-weight: normal; text-transform: uppercase; margin: 0; }
.promoblock6 h2 { font-size: 50px; line-height: 50px; font-weight: bold; margin: 0 0 3px; float: none; padding: 0; width: auto; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); }
.promoblock6 h3 { font-size: 36px; line-height: 36px; font-weight: 300; margin: 0 0 3px; text-transform: uppercase; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); }
.promoblock6 .price { font-size: 80px; line-height: 80px; text-transform: uppercase; display: block; margin: 0 0 26px; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); font-weight: 300; }
.promoblock6 .price sup { font-size: 36px; line-height: 36px; vertical-align: top; padding: 0 5px 0 0; }
.promoblock5 h2 { font-size: 22px; line-height: 22px; padding: 0 10px 0 35px; width: 170px; }
.promoblock3 h2 { width: 390px; font-size: 24px; line-height: 24px; margin: -5px 0 7px; padding: 0 0 0 18px; font-weight: 300; }
.promoblock h2 span { display: block; font-size: 35px; line-height: 35px; margin: -2px 0 0; }
.promoblock6 h2 span { font-size: 50px; line-height: 50px; font-weight: normal; display: inline; }
.promoblock5 h2 span { font-size: 28px; line-height: 28px; }
.promoblock h2 strong { font-weight: bolder; }
.promoblock .price-block { float: left; width: 219px; padding: 3px 20px 0 0; }
.promoblock5 .price-block { width: 200px; padding: 0 10px 0 0; }
.promoblock3 .price-block { width: 390px; }
.promoblock .price-block span, .promoblock .price-block strong span { font-size: 12px; line-height: 12px; text-transform: uppercase; display: block; padding: 0 5px; }
.promoblock3 .price-block span, .promoblock3 .price-block strong span { display: inline; vertical-align: top; padding: 0 5px 0 20px; }
.promoblock .price-block strong span { display: inline; font-weight: normal; padding: 0; }
.promoblock5 .price-block strong span { padding: 0 2px; }
.promoblock3 .price-block strong span { vertical-align: bottom; padding: 0 5px; }
.promoblock .price-block strong { font-size: 48px; line-height: 48px; font-weight: bold; display: block; }
.promoblock5 .price-block strong { font-size: 39px; line-height: 39px; }
.promoblock3 .price-block strong { display: inline; line-height: 30px; }
.promoblock .btn { float: right; width: 218px; text-align: center; font-size: 18px; line-height: 21px; text-transform: uppercase; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); color: #fff; padding: 8px 0; background: #ae576b; margin: 20px 24px 0 0; }
.promoblock6 .btn { float: none; display: block; margin: 0; padding: 9px 0; width: 366px; background: #303030; }
.promoblock6 .alignleft { position: absolute; left: -11px; bottom: -12px; }
.promoblock6 .alignright { position: absolute; right: 3px; bottom: -28px; }
.promoblock5 .btn { float: left; margin: 8px 0 0; }
.promoblock3 .btn { background: #303030; margin: -10px 63px 0 0; }
.heading2 { background: url(/images/bg-heading2.jpg); width: 100%; margin: 0 0 6px; }
.heading2 .holder { background: url(/images/bg-heading2-b.jpg) repeat-x 0 100%; padding: 10px 12px 13px 8px; color: #fff; height: 1%; overflow: hidden; }
.heading2 h2 { float: left; font-size: 18px; font-weight: bold; line-height: 21px; margin: 0; padding: 0 5px 0 0; text-transform: uppercase; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); }
.heading2 h2 span { font-weight: normal; }
.heading2 h2 .info { font-size: 14px; text-transform: none; padding: 0 5px; }
.heading2 .view { float: right; font-size: 14px; line-height: 21px; color: #fff; background: url(/images/arrow2.png) no-repeat 100% 50%; padding: 0 10px 0 0; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); }
.view-holder { background: url(/images/divider.png) repeat-x 0 100%; padding: 10px 0; margin: 0 0 10px; width: 100%; overflow: hidden; }
.view-holder .view { background: #f5f5f5 url(/images/arrow1.png) no-repeat 100% 6px; color: #b8586e; float: right; font-size: 14px; line-height: 17px; padding: 0 15px 0 5px; margin: 0 10px 0 0; }
.btn-top { position: absolute; top: 1349px; left: 239px; margin: 0 0 0 -44px; background: url(/images/btn-top.png) no-repeat; width: 44px; height: 50px; overflow: hidden; text-indent: -9999px; }

#content .banner { margin: 0 0 12px; }
#content .banner img { vertical-align: top; }
/* additional content styles */
#sidebar { float: left; width: 239px; background: #fff; position: relative; margin: -226px 0 0; text-align: center; 
-webkit-box-shadow: 0px 0px 10px 0px rgba(184,184,184,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(184,184,184,0.2);
box-shadow: 0px 0px 10px 0px rgba(184,184,184,0.2);
}
.hide-promo #sidebar {margin-top:0;}
.page #sidebar { margin: 0; }
#sidebar .box { padding: 10px 10px 10px 13px; overflow: hidden; height: 1%; }
#sidebar .box span { float: left; color: #303030; font-size: 16px; line-height: 19px; max-width: 190px; text-align: left; }
#sidebar .box .close { background: url(/images/btn-close.gif) no-repeat; width: 17px; height: 17px; float: right; overflow: hidden; text-indent: -9999px; }
#sidebar h2 { font-size: 18px; line-height: 21px; font-weight: normal; color: #5d5d5d; margin: 0; background: #f4e5e9 url(/images/bg-heading.gif) repeat-x 0 100%; padding: 12px 5px 11px; text-transform: uppercase; }
#sidebar .block:first-child h2 { margin: 0 0 -4px; }
#sidebar h2.l { text-align: left; padding: 12px 15px 11px; }
#sidebar h2 strong { font-weight: bold; margin: -8px 0 0; }
#sidebar h2 a { display: block; }
#sidebar .block ul { font-size: 16px; line-height: 19px; margin: 0; padding: 2px 10px 10px!important; list-style: none; text-align: left; }
#sidebar .block .filter-list { padding: 0; }
#sidebar .block .accordion { padding: 0; margin: 0 0 10px; }
#sidebar .block .accordion ul { padding: 0; }
.page #sidebar .block:first-child ul { padding: 3px; border-bottom: 10px solid #f5f5f5; }
.page #sidebar .block:first-child ul.category-list { border: none; padding: 0 0 15px; }
#sidebar .block li { width: 100%; vertical-align: top; background: url(/images/divider.png) repeat-x 0 100%; padding: 10px 0 11px; }
#sidebar .block li.open-close { padding: 0; background: none; }
#sidebar .block:first-child li.open-close { padding: 0 0 41px; position: relative; }
#sidebar .block .slide li { background: url(/images/divider.png) repeat-x; }
#sidebar .block:first-child .slide li { background: url(/images/divider.png) repeat-x 0 100%; }
#sidebar .block .accordion li { background: none; padding: 0; }
#sidebar .block .accordion li li { background: url(/images/divider.png) repeat-x; padding: 11px 0; }
#sidebar .block .accordion li .filter-list li li, #sidebar .block .accordion li .filter-list li li:first-child { background: url(/images/divider.png) repeat-x 0 100%; padding: 11px 0; }
#sidebar .block .accordion li:first-child { background: none; }
#sidebar .block .accordion .open-close { padding: 0; margin: -1px 0 0; }
#sidebar .block .filter-list li { padding: 0; background: none; }
#sidebar .block .open-close ul { padding: 0; border: none !important; }
#sidebar .block ul a { color: #303030; background: url(/images/arrow1.png) no-repeat 100% 9px; padding: 3px 15px 0 0; }
#sidebar .block .accordion a { padding: 0 10px 0 15px; overflow: hidden; background: none; display: block; }
#sidebar .block ul a.opener { display: inline-block; vertical-align: top; background: url(/images/bg-open-close.png) no-repeat 100% 12px; padding: 10px 50px 10px 0; margin: 0 -28px 0 0; }
#sidebar .block:first-child ul a.opener { position: absolute; bottom: 5px; right: 22px; margin: 0; padding: 0; background: none; outline: none; }
#sidebar .block:first-child ul a.opener:hover { text-decoration: none; }
#sidebar .block:first-child ul a.opener span { display: inline-block; vertical-align: top; background: url(/images/bg-open-close.png) no-repeat 100% 7px; padding: 4px 50px 4px 10px; margin: 0 -10px 0 0; font-size: 16px; line-height: 19px; height: 19px; overflow: hidden; }
#sidebar .block:first-child ul a.opener em { display: none; background: url(/images/bg-open-close.png) no-repeat 100% -76px; padding: 4px 50px 4px 10px; margin: 0 -10px 0 0; vertical-align: top; font-size: 16px; line-height: 19px; height: 19px; overflow: hidden; }
#sidebar .block ul .active a.opener em { display: inline-block; }
#sidebar .block ul .active a.opener span { display: none; }
#sidebar .block ul .active a.opener { background-position: 100% -71px; }
#sidebar .block .active .filter-list a.opener, #sidebar .block .accordion a.open { display: block; padding: 8px 13px; text-align: left; background: #fcf4f6 url(/images/bg-open-close.png) no-repeat 100% 12px; border: solid #f3e0e5; border-width: 1px 0; font-size: 18px; font-weight: normal; line-height: 21px; text-transform: uppercase; margin: 0; color: #5d5d5d; }
#sidebar .block .accordion a.open { background: #fcf4f6; }
#sidebar .block .filter-list a.opener:hover, #sidebar .block .accordion a.open { text-decoration: none; }
#sidebar .block .filter-list a.opener strong, #sidebar .block .accordion a.open strong { font-weight: bold; }
#sidebar .block .filter-list .active a.opener { background-position: 100% -71px; }
#sidebar .block ul h3 { font-size: 16px; line-height: 19px; font-weight: normal; margin: 0; }
#sidebar .block ul h3 a { padding: 0; background: none; color: #ae576b; }
#sidebar .block ul span { display: block; color: #5d5d5d; font-size: 13px; line-height: 16px; }
#sidebar .block ul .by { padding: 0 0 5px; }
#sidebar .block .accordion .mark { float: left; color: #b8586e; font-size: 14px; line-height: 17px; }
#sidebar .block .accordion .num { float: right; color: #fff; background: #ccc; height: 18px; width: 30px; text-align: center; overflow: hidden; border-radius: 9px; font-size: 12px; line-height: 18px; }
#sidebar .social { background: #f4e5e9; padding: 12px 0; }
#sidebar .social h2 { background: none; padding: 0; margin: 0 0 15px; }
#sidebar .block1 { display: none; }

.promobox1 { background: #f4e5e9; width: 103.35%; margin: 0 0 20px -5%; min-height: 100px; position: relative; padding: 0; }
.promobox1 a {display:block;padding:25px 0; }
.promobox1:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 0; border-top: 6px solid #c8a9b1; border-left: 12px solid transparent; }
#sidebar .promobox1 h2 { font-size: 26px; line-height: 29px; text-transform: uppercase; font-weight: normal; margin: 0 5px 3px; color: #5d5d5d; padding: 0; background: none; }
.promobox1 h2 strong { font-weight: bold; font-size: 45px; line-height: 48px; display: block; }
.promobox1 a:hover {text-decoration:none; }
.promobox1 a:hover .btn { text-decoration:underline;}
.promobox1 img { vertical-align: top; margin: 0 0 11px 3px; }
.promobox1 .btn { display: inline-block; vertical-align: top; background: #ae576b; font-size: 18px; line-height: 21px; text-transform: uppercase; color: #fff; padding: 9px 11px 8px; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); margin: 0 0 0 4px; }

#sidebar .social-list, #footer .social-list { padding: 0; float: none; }
#footer .social-list { display: inline-block; vertical-align: top; padding: 0 0 28px; }
* + html #sidebar .social-list li, * + html #footer .social-list { display: inline; }
#sidebar .social-list li { padding: 0 3px 14px; display: inline-block; vertical-align: top; float: none; }
#footer .social-list li { padding: 0 9px 0 0; }
#sidebar .social-list a { background-position: 0 -38px; width: 42px; height: 42px; }
#footer .social-list a { background-position: 0 -88px; width: 42px; height: 42px; }
#sidebar .social-list a.googleplus { background-position: -51px -38px; }
#footer .social-list a.googleplus { background-position: -51px -88px; }
#sidebar .social-list a.twitter { background-position: -103px -38px; }
#footer .social-list a.twitter { background-position: -103px -88px; }
#sidebar .social-list a.pinterest { background-position: -154px -38px; }
#footer .social-list a.pinterest { background-position: -154px -88px; }
/* container styles */
.container { width: 100%; margin: 0 0 10px; background: url(/images/divider.png) repeat-x 0 11px; }
.container1 { display: none; }
.container .holder { background: url(/images/bg-container.png) no-repeat 50% 0; padding: 24px 0 10px; }
.container .heading { text-align: center; padding: 10px 0 14px; }
.container .heading h2 { display: inline; font-size: 24px; line-height: 27px; font-weight: bold; text-transform: uppercase; margin: 0 8px 0 65px; }
.container .heading h2 span { font-weight: normal; }
.container .heading a { color: #b8586e; font-size: 13px; line-height: 16px; background: url(/images/arrow1.png) no-repeat 100% 50%; padding: 0 10px 0 0; }
.container .items-list { margin: 0; padding: 0; list-style: none; width: 99999px; overflow: hidden; color: #5d5d5d; font-size: 18px; line-height: 21px; }
.container .items-list li { float: left; background: #fff; padding: 7px; width: 105px; margin: 0 6px 0 0; }
.container .items-list span { display: block; margin: 0 0 5px; }
.container .items-list img { vertical-align: top; width: 100%; height: auto; }
.aside { float: right; width: 322px; }
.aside .block { background: #fff; padding: 5px 0; margin: 0 0 10px; }
.aside .block3 { display: none; }
.aside .block h2 { font-size: 18px; line-height: 1.16667em; font-weight: bold; text-transform: uppercase; margin: 0; padding: 4px 0; }
.aside .block .details h2 { margin: 0 0 5px; }
.aside .block h2:first-child { margin: 0 0 5px; padding: 0; }
.aside .block:first-child h2:first-child { margin: -5px 0 5px; }
.aside .block h2 span { font-weight: normal; }
.aside .block .section { background: url(/images/divider.png) repeat-x; padding: 20px 15px 10px; font-size: 1.166667em; line-height: 1.2857em; }
.aside .block .section3 { display: none; }
.aside .block .section p { margin: 0 0 5px; }
.aside .block .section:first-child { background: none; padding: 10px 15px; }
.aside .block .topiclist2 { margin: -6px 0 -8px; padding: 0; list-style: none; font-size: 18px; line-height: 21px; text-transform: uppercase; }
.aside .block .topiclist2 li { padding: 2px 0 12px 40px; background: url(/images/ico-check1.gif) no-repeat; vertical-align: top; }
.aside .block .topiclist2 strong { font-weight: bold; }
.aside .block .section img { vertical-align: top; margin: 0 0 20px; }
.aside .block .section img:first-child { margin: -5px 0 20px; }
.aside .block .section address { background: url(/images/ico1.png) no-repeat; padding: 13px 0 0 25px; color: #727272; font-size: 14px; line-height: 16px; margin: 0 0 17px -3px; font-style: normal; }
.aside .block .section address span { display: block; }
.aside .block .section address .mark { color: #b8586e; }
.aside .block .section .phone { background: url(/images/ico2.png) no-repeat 1px 0; padding: 4px 0 2px 24px; display: block; margin: 0 0 20px; color: #727272; }
.aside .block .section .email { background: url(/images/ico3.png) no-repeat 0 1px; padding: 0 0 3px 24px; display: inline-block; vertical-align: top; margin: 0 0 10px; color: #727272; }
.aside .block .section ol { counter-reset: item; padding: 10px 0 5px 5px; }
.aside .block dl { margin: 0; padding: 2px 0 0; width: 100%; overflow: hidden; font-size: 14px; line-height: 20px; color: #727272; }
.aside .block dt { float: left; margin: 0 2px; }
.aside .block dd { margin: 0; overflow: hidden; text-align: right; height: 1%; padding: 0 7px 0 0; }
.aside .block .details { margin: 0; font-size: 1em; line-height: 1.14286em; padding: 2px 0 0; }
.aside .block .details legend { display: none; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; }
.aside .block .details p { margin: 0 0 17px; }
.aside .block .details .row { padding: 0 0 9px; position: relative; width: 100%; }
.aside .block .details .row.check-area { padding: 5px 0 19px; }
.aside .block .details .row:after { content: ""; display: block; clear: both; }
.aside .block .details .row label { left: 10px; position: absolute; top: 0; font-size: 14px; line-height: 34px; }
.aside .block .details .row label span { color: #dd4d4d; }
.aside .block .details .row .label-active { display: none; }
.aside .block .details .check-area label { float: left; line-height: 15px; position: relative; left: auto; top: auto; max-width: 250px; }
.aside .block .details .check-area .label-active { display: block; }
.aside .block .details .row input { float: left; width: 266px; font-size: 13px; line-height: 16px; padding: 7px 10px; margin: 0; background: #fff; border: 1px solid #cfcfcf; overflow: hidden; }
.aside .block .details .row textarea { float: left; width: 266px; min-width: 266px; max-width: 266px; height: 126px; min-height: 126px; max-height: 126px; font-size: 13px; line-height: 16px; padding: 8px 10px; margin: 0; background: #fff; border: 1px solid #cfcfcf; overflow: auto; }
.aside .block .details input[type="submit"], .add-a-voucher .block .details input[type="button"] { display: block; background: #61aabc; border: 0; font-size: 18px; line-height: 21px; text-transform: uppercase; color: #fff; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); width: 288px; height: 40px; cursor: pointer; padding: 0; margin: 0; }
.aside .block .details .row input[type="submit"]:hover, .add-a-voucher .block .details input[type="button"]:hover { cursor: pointer; }
.aside .block .section .btn-holder { width: 100%; overflow: hidden; }
.aside .block .section .btn-holder .check { float: right; color: #b8586e; background: url(/images/arrow1.png) no-repeat 100% 6px; padding: 0 10px 0 0; }
.aside .block .section ol li { padding: 0 0 15px 20px; height: 1%; vertical-align: top; overflow: hidden; font-size: 24px; line-height: 24px; }
.aside .block .section ol li em { font-size: 14px; line-height: 17px; font-style: normal; padding: 6px 0 0 10px; display: inline-block; vertical-align: top; }
.aside .social-network { width: 100%; overflow: hidden; padding: 0 0 5px; }
.aside .social-network ul { float: left; margin: 0; padding: 0; list-style: none; }
.aside .social-network ul li { float: left; padding: 0 9px 0 0; }
.aside .social-network ul a { display: block; width: 30px; height: 29px; background: url(/images/social-sprite.png) no-repeat 0 -140px; overflow: hidden; text-indent: -9999px; }
.aside .social-network ul a.googleplus { background-position: -39px -140px; }
.aside .social-network ul a.twitter { background-position: -78px -140px; }
.aside .social-network ul a.pinterest { background-position: -118px -140px; }
.aside .social-network .mail { width: 30px; height: 29px; background: url(/images/social-sprite.png) no-repeat -157px -141px; overflow: hidden; text-indent: -9999px; float: left; margin: 0 9px 0 0; }
.aside .social-network .print { width: 30px; height: 29px; background: url(/images/social-sprite.png) no-repeat -197px -141px; overflow: hidden; text-indent: -9999px; float: left; margin: 0 9px 0 0; }
.aside .poll1 { padding: 10px 0 0; background: url(/images/divider.png) repeat-x 0 100%; margin: 0 -15px; }
.aside .poll1 input[type="submit"] { display: none; }
.aside .poll1 legend { display: none; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; }
.aside .poll1 .row { width: 100%; overflow: hidden; background: url(/images/divider.png) repeat-x; padding: 17px 0; }
.aside .poll1 .row .area { float: left; padding: 0 0 0 7px; max-width: 200px; }
.aside .poll1 .row .area label { float: left; font-size: 14px; line-height: 15px; max-width: 150px; }
.aside .poll1 .row .area label strong { display: block; font-size: 18px; line-height: 27px; font-weight: bold; margin: 0 0 -6px; }
.aside .poll1 .row input[type="button"] { background: #58b8a5; border: 0; width: 107px; height: 30px; text-align: center; color: #fff; font-size: 14px; line-height: 17px; text-transform: uppercase; padding: 0; margin: 2px 10px 0 0; float: right; overflow: hidden; cursor: pointer; }
.aside .poll1 .row input[type="button"]:hover { cursor: pointer; }
/* carousel basic styles */
.carousel { position: relative; }
.carousel .mask { position: relative; overflow: hidden; width: 100%; margin: 0 0 -10px; }
.carousel .mask .slideset { width: 99999px; float: left; }
.carousel .mask .slide { width: 322px; float: left; }
.carousel h2 { padding: 5px 110px 10px 15px; }
.aside .carousel h2 { padding: 10px 110px 14px 15px !important; margin: 0 !important; }
.carousel .box { width: 134px; border: solid #f2f0f1; border-width: 1px 1px 0 1px; float: left; padding: 17px 12px 13px 15px; font-size: 14px; line-height: 17px; overflow: hidden; margin: 0 -1px 0 0; /*height: 201px;*/ }
.aside .carousel .box { height: 215px !important; }
.carousel .box:nth-child(2n-1) { border-left: 0; }
.carousel .box:nth-child(2n) { border-right: 0; }
.carousel .box span { display: block; }
.carousel .box img { margin: 0 0 5px; vertical-align: top; }
.carousel .box .price { color: #ec5c5c; font-size: 18px; line-height: 21px; font-weight: bold; padding: 8px 0 5px; display: block; }
.carousel .box .old,.pdp-block .old { display: inline-block; vertical-align: top; background: url(/images/divider2.png) no-repeat 50% 50%; font-size: 12px; line-height: 15px; }
.carousel .btn-prev, .carousel .btn-next { position: absolute; top: 3px; right: 57px; background: #f5f5f5 url(/images/arrow-l.png) no-repeat 50% 50%; border: 1px solid #ddd; width: 32px; height: 32px; overflow: hidden; text-indent: -9999px; }
.carousel .btn-next { right: 14px; background: #f5f5f5 url(/images/arrow-r.png) no-repeat 50% 50%; }
.aside .banners-list { width: 309px; overflow: hidden; margin: 0; padding: 10px 0 0; list-style: none; }
.aside .banners-list li { float: left; background: #f4e5e9; width: 124px; height: 173px; overflow: hidden; margin: 0 7px 8px 0; padding: 10px 10px 12px; text-align: center; text-transform: uppercase; font-size: 15px; line-height: 18px; }
.aside .banners-list .holder { border: 1px solid #fff; width: 108px; height: 143px; padding: 15px 8px; }
.aside .banners-list .head { font-size: 21px; line-height: 21px; display: block; }
.aside .banners-list .price { display: block; font-size: 44px; line-height: 64px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: -5px 0; }
.aside .banners-list .price.small { font-size: 47px; }
.aside .banners-list strong { display: block; font-weight: bolder; margin: 0 0 10px; }
.aside .banners-list .btn { color: #fff; display: block; background: #ae576b; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); font-size: 14px; line-height: 17px; padding: 10px 0; }
.content { float: left; width: 654px; background: #fff; }
.content.long { width: 100%; }
.content h1 { font-size: 24px; line-height: 1em; text-transform: uppercase; font-weight: bold; margin: 0 0 17px; }
.content .login-form h1 { font-size: 1.714286em; }
.content h1 span { font-weight: normal; }
.content .content-holder1 { padding: 10px; overflow: hidden; height: 1%; 
-webkit-box-shadow: 0px 0px 10px 0px rgba(184,184,184,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(184,184,184,0.2);
box-shadow: 0px 0px 10px 0px rgba(184,184,184,0.2);}
.content .content-holder1 .heading { padding: 5px 0 14px; }
.content .content-holder1 .heading1 { margin: 0 3px -2px; }
.content .content-holder1 .range-block .heading { padding: 0; }
.content .content-holder1 .heading h1 { margin: 0; }
.content .content-frame { font-size: 1.16667em; line-height: 1.14286em; padding: 0 5px; }
.content .content-frame p { margin: 10px 0 40px; }
.content .content-frame p:first-child { margin: 0; }
.content .content-frame .map-holder { width: 100%; text-align: center; padding: 13px 0 18px; }
.content .content-frame .flags-list { width: 100%; overflow: hidden; margin: 0; padding: 0; list-style: none; }
.content .content-frame .flags-list li { float: left; padding: 0 24px; width: 202px; }
.content .content-frame .flags-list ul { width: 100%; font-size: 14px; line-height: 17px; }
.content .content-frame .flags-list li li { float: none; width: 100%; padding: 10px 0 9px; }
.content .content-frame .flags-list .ico { color: #fff; display: inline-block; vertical-align: top; background: url(/images/ico4.png) no-repeat; width: 19px; text-align: center; margin: -10px 5px 0 0; padding: 1px 0 8px; font-size: 13px; line-height: 16px; }
.content .content-frame .flags-list a:hover .ico { cursor: pointer; }
.content .content-frame .flags-list li li a { color: #b8586e; }
.content .content-frame .flags-list a:hover { text-decoration: none; }
.content-frame .linkholder { width: 100%; overflow: hidden; padding: 19px 0; margin: 0; }
.content-frame .linkholder .view { float: right; background: url(/images/arrow1.png) no-repeat 100% 5px; color: #b8586e; padding: 0 10px 0 0; }
.content-frame .image-holder { width: 638px; overflow: hidden; padding: 0 0 15px; margin: 0 0 0 -5px; }
.content-frame h2 { font-size: 1.2857em; line-height: 1.16667em; font-weight: bold; margin: 0 0 17px; }
.content-frame .image-holder img { float: left; margin: 0 4px 10px; width: 308px; height: auto; }
.content-frame .topiclist { margin: 0; padding: 0 0 12px; list-style: none; }
.content-frame .topiclist li { vertical-align: top; padding: 2px 0 16px 38px; background: url(/images/bg-topiclist.gif) no-repeat; }
.content-frame .logos-list1 { margin: -6px 0 0 -6px; padding: 0 0 20px; list-style: none; width: 638px; overflow: hidden; }
.content-frame .logos-list1 li { float: left; padding: 0 4px 8px 3px; }
.content-frame .logos-list1 img { vertical-align: top; }
.content .content-holder1 .box { float: right; width: 327px; background: #f4e5e9; margin: -10px -10px -10px 0; }
.content .content-holder1 .box .holder { border: 1px solid #fff; margin: 10px; min-height: 233px; }
.content .content-holder1 .box1 .holder { min-height: 273px; }
.content .content-holder1 .box h2 { font-size: 41px; line-height: 41px; font-weight: bold; text-transform: uppercase; margin: 0 0 28px; padding: 54px 45px 0; }
.content .content-holder1 .box1 h2 { padding: 63px 45px 0; }
.content .content-holder1 .box h2 span { font-weight: normal; font-size: 34px; line-height: 34px; display: block; margin: 0 0 -4px; }
.content .content-holder1 .box .btn { display: block; background: #ae576b; font-size: 18px; line-height: 21px; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; color: #fff; text-align: center; padding: 9px 10px 10px; width: 187px; margin: 0 45px 40px; overflow: hidden; }

.survey .btn-holder { width: 100%; overflow: hidden; margin: 0 0 5px; }
.survey .btn-holder input[type="button"] { float: left; width: 152px; height: 40px; background: #58b8a5; border: 0; padding: 0; margin: 0; color: #fff; text-align: center; font-size: 18px; line-height: 21px; overflow: hidden; text-transform: uppercase; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); cursor: pointer; }
.survey .btn-holder input[type="button"]:hover { cursor: pointer; }
.survey .btn-holder input[type="submit"] { float: right; width: 152px; height: 40px; background: #61aabc; border: 0; padding: 0; margin: 0; color: #fff; text-align: center; font-size: 18px; line-height: 21px; overflow: hidden; text-transform: uppercase; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); cursor: pointer; }
.survey .btn-holder input[type="submit"]:hover { cursor: pointer; }
.survey a { color: #b8586e; font-size: 14px; line-height: 17px; }
.range-block .flag { position: absolute; top: -5px; right: 2px; width: 70px; height: 70px; border-radius: 35px; background: #61aabc; color: #fff; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; white-space: nowrap; }
.range-block .flag:after { content: ''; display: inline-block; height: 100%; width: 1px; overflow: hidden; margin: 0 0 0 -3px; vertical-align: middle; }
.range-block .flag div { vertical-align: middle; display: inline-block; white-space: normal; }
.range-block .flag .price1 { -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); display: block; margin: 0 0 -2px; }
#belowAddToCart{position:relative;width:100%; text-align:start;     margin-top: 10px;}
#btn-ask-a-question{line-height:25px;}
/* slideshow basic styles */
.content .slideshow { position: relative; width: 100%; margin: 0 0 16px; }
.content .slideshow .slideset { position: relative; width: 100%; margin: 0 0 4px; }
.content .slideshow .slide { position: absolute; z-index: 1; width: 100%; }
.content .slideshow .slide img { width: 100%; height: auto; vertical-align: top; }
.content .slideshow .slide.active { z-index: 2; }
.content .slideshow h2 { font-size: 24px; line-height: 27px; font-weight: normal; text-transform: uppercase; margin: 0 0 20px; }
.content .slideshow .flag { background: #ac9cd5; color: #fff; width: 70px; height: 70px; border-radius: 35px; position: absolute; top: 27px; right: -7px; font-size: 14px; line-height: 17px; text-transform: uppercase; overflow: hidden; text-align: center; z-index: 50; white-space: nowrap; }
.content .slideshow .flag:after { content: ''; display: inline-block; height: 100%; width: 1px; overflow: hidden; margin: 0 0 0 -3px; vertical-align: middle; }
.content .slideshow .flag div { display: inline-block; text-align: left; vertical-align: middle; white-space: normal; }
.content .slideshow .flag .price1 { display: block; font-size: 16px; line-height: 16px; padding: 0; text-align: center; }
.content .slideshow .btn-holder { width: 100%; overflow: hidden; margin: 0 0 6px; font-size: 14px; line-height: 17px; position: relative; z-index: 10; }
.content .slideshow .btn-holder .watch { float: left; color: #b8586e; background: url(/images/btn-watch.png) no-repeat 0 50%; padding: 0 0 0 20px; }
.content .slideshow .btn-holder .view { float: right; color: #b8586e; }
.content .slideshow .pagination { position: relative; z-index: 10; width: 100%; overflow: hidden; border: solid #e7e7e7; border-width: 1px 0; padding: 9px 0; }
.content .slideshow .btn-prev, .content .slideshow .btn-next { float: left; margin: 0 6px 0 0; background: #f5f5f5 url(/images/arrow-l.png) no-repeat 50% 50%; border: 1px solid #ddd; width: 23px; height: 75px; overflow: hidden; text-indent: -9999px; }
.content .slideshow .btn-next { float: right; background: #f5f5f5 url(/images/arrow-r.png) no-repeat 50% 50%; margin: 0 0 0 6px; }
.content .pagination .holder { overflow: hidden; height: 1%; }
.content .pagination .holder ul { width: 99999px; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.content .pagination .holder li { float: left; padding: 0 5px 0 0; }
.content .pagination .holder ul img { border: 1px solid #e7e7e7; vertical-align: top; }
.content .tabset { position: relative; z-index: 10; padding: 0; margin: 0 0 10px; background: url(/images/bg-tabset.gif) repeat-x 0 100%; width: 100%; overflow: hidden; font-size: 18px; line-height: 21px; }
.content .tabset li { float: left; margin: 0 0 0 -1px; }
.content .tabset li:first-child { margin: 0; }
.content .tabset a { display: block; border: 1px solid #ddd; background: #f5f5f5; padding: 5px 13px 8px; margin: 5px 0 0; color: #5d5d5d; }
.content .tabset a.active { background: #fff; margin: 0; padding: 10px 13px 8px; border-bottom-color: #fff; }
.content .tab-content { position: relative; z-index: 10; }
.content .tab-content .download { float: right; background: url(/images/ico-download.png) no-repeat; margin: 0 5px 0 0; padding: 0 0 0 22px; color: #b8586e; font-size: 14px; line-height: 17px; }
.content .tab-content .product-holder { height: 1%; overflow: hidden; padding: 14px 5px 0 15px; margin: 0 0 -6px; font-size: 1.16667em; line-height: 1.14286em; }
.content .tab-content .product-holder p { margin: 0 0 5px; line-height:1.8rem; }
.product-holder .section1 { float: left; width: 50%; }
.product-holder h2 { font-size: 1.2857em; line-height: 1.16667em; font-weight: bold; margin: 0 0 5px; }
.product-holder .more { width: 100%; overflow: hidden; padding: 17px 0 70px; }
.product-holder .more a { float: right; background: url(/images/arrow1.png) no-repeat 100% 6px; padding: 0 10px 0 0; color: #b8586e; }
.product-holder .section1 .topiclist3 { margin: 0; padding: 0 0 0 13px; list-style: none; font-size: 14px; line-height: 16px; color: #727272; }
.product-holder .section1 .topiclist3 li { width: 100%; vertical-align: top; position: relative; padding: 0 0 4px; }
.product-holder .section1 .topiclist3 li:after { content: ""; position: absolute; top: 5px; left: 2px; background: #b8586e; width: 5px; height: 5px; border-radius: 3px; }
.product-holder .section1 .topiclist3 span { display: block; padding: 0 0 0 19px; }
.product-holder .section1 dl { margin: 0; width: 100%; font-size: 14px; line-height: 16px; }
.product-holder .section1 dt { display: inline; padding: 0 2px 0 0; }
.product-holder .section1 dd { display: inline; margin: 0; }
.content .tab-content .opener { display: none; }
.content .tab-content .js-slide-hidden { left: 0 !important; position: relative !important; top: 0 !important; }
.content .steps-list { padding: 0 0 0 15px; counter-reset: item; }
.content .steps-list li { background: url(/images/divider.png) repeat-x 0 100%; padding: 18px 0 19px 20px; width: auto; vertical-align: top; overflow: hidden; font-size: 18px; line-height: 21px; }
.content .steps-list li:first-child { padding: 14px 0 19px 20px; }
.content .steps-list h2 { font-size: 1.2857em; line-height: 1.16667em; font-weight: bold; margin: 0 0 6px; }
.content .steps-list .textholder { overflow: hidden; height: 1%; font-size: 0.77778em; line-height: 1.14286em; }
.content .steps-list .textholder p { margin: 0; }
.content .steps-list .alignright { float: right; margin: 4px 5px 0 20px; }
.content .steps-list .alignleft { float: left; display: none; }

.order-form, .login-form { width: 100%; font-size: 1.16667em; line-height: 1.21429em; min-height: 492px; }
.order-form { padding: 5px 6px 0; }
.login-form { min-height: 1px; float: left; width: 649px; margin: 0 0 -13px; }
.login-form fieldset { padding: 16px 9px; }
.order-form legend, .login-form legend { display: none; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; }
.order-form p, .login-form p { margin: -4px 0 27px; }
.order-form .row, .login-form .row { width: 451px; padding: 0 0 9px; position: relative; }
.order-form .row:after, .login-form .row:after { content: ""; display: block; clear: both; }
.order-form .row label, .login-form .row label { float: left; font-size: 14px; line-height: 16px; max-width: 130px; padding: 9px 0; }
.login-form .row.error label { color: #bf5a5a; }
.order-form .row label span, .login-form .row label span, .content .password-info .account .row label span { color: #dd4d4d; }
.order-form .row input, .login-form .row input { width: 286px; height: 18px; font-size: 13px; line-height: 16px; padding: 7px 10px; margin: 0; background: #fff; border: 1px solid #cfcfcf; float: right; overflow: hidden; box-sizing:content-box; }
.login-form .row.error input { border: 1px solid #bf5a5a; }
.order-form .row input[type="submit"], .login-form .row input[type="submit"] { float: right; background: #61aabc; border: 0; font-size: 18px; line-height: 21px; text-transform: uppercase; color: #fff; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); width: 167px; height: 40px; cursor: pointer; padding: 0; margin: 11px 0 0; }
.order-form .row input[type="submit"]:hover, .login-form .row input[type="submit"]:hover { cursor: pointer; }
.login-form .mark { position: absolute; right: 184px; /*top: 23px;*/ font-size: 14px; line-height: 17px; color: #b8586e; right:0; bottom:0; }
.error-block { background: #f5dddd url(/images/ico-error.gif) no-repeat 10px 50%; width: 503px; min-height: 36px; padding: 7px 10px 7px 45px; margin: -2px 0 21px; font-size: 1em; line-height: 1.21429em; }
.error-block span { display: block; }
.reset-block { background: #e7f2db url(/images/ico-reset.gif) no-repeat 10px 50%; width: 503px; min-height: 36px; padding: 7px 10px 7px 45px; margin: -2px 0 21px; font-size: 1em; line-height: 1.21429em; display: none; }
.reset-block span { display: block; }
.content .password-info .account legend { display: none; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; }
.content .password-info { float: right; width: 297px; margin: -10px 0 -9989px -30px; border-left: 9px solid #f5f5f5; padding: 10px 0 9989px 16px; }
.content .password-info .account { font-size: 14px; line-height: 16px; padding: 9px 0 0; }
.content .password-info .account .row { position: relative; width: 100%; padding: 8px 0 14px; }
.content .password-info .account .row:after { content: ""; display: block; clear: both; }
.content .password-info .account input[type="submit"] { display: block; background: #61aabc; border: 0; font-size: 18px; line-height: 21px; text-transform: uppercase; color: #fff; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); width: 288px; height: 40px; cursor: pointer; padding: 0; margin: 0 0 10px; }
.content .password-info .account input[type="submit"]:hover { cursor: pointer; }
.content .password-info .account .row label { left: 10px; position: absolute; top: 8px; font-size: 14px; line-height: 34px; }
.content .password-info .account .row label.label-active { display: none; }
.content .password-info .account .row input { float: left; width: 266px; font-size: 13px; line-height: 16px; padding: 7px 10px; margin: 0; background: #fff; border: 1px solid #cfcfcf; overflow: hidden; }
.content .password-info .account p { margin: 0 0 17px; }
.content .password-info h2 { font-size: 1.5em; line-height: 1.33333em; text-transform: uppercase; font-weight: normal; margin: 0 0 4px; padding: 0; }
.content .password-info h2 strong { font-weight: bold; }
.content .password-info h2:first-child { padding: 18px 0 0; }
.content .password-info ul { margin: -2px 0 0; padding: 0 0 17px 4px; list-style: none; font-size: 14px; line-height: 1.14286em; color: #727272; }
.content .password-info1 ul { padding: 12px 0 0 2px; }
.content .password-info ul li { width: 100%; vertical-align: top; position: relative; padding: 0 0 16px; }
.content .password-info ul li:after { content: ""; position: absolute; top: 5px; left: 2px; background: #b8586e; width: 5px; height: 5px; border-radius: 3px; }
.content .password-info ul span { display: block; padding: 0 0 0 12px; }

/* lightbox styles */
.popup-holder { position: relative; overflow: hidden; height: 0; }
div.lightbox { padding: 10px 15px 10px 13px; width: 957px; background: #fff; }
div.lightbox h2 { font-size: 24px; line-height: 24px; font-weight: bold; text-transform: uppercase; margin: 0 0 -2px; padding: 3px 0 0; }
div.lightbox h2 span { font-weight: normal; }
div.lightbox .popup-frame { width: 100%; overflow: hidden; }
div.lightbox .section-l { float: left; width: 309px; }
div.lightbox .section-r { float: right; width: 637px; padding: 0 0 17px; }
div.lightbox .section-r legend { display: none; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; }

/* popup slideshow basic styles */
div.lightbox .visual { position: relative; width: 100%; padding: 10px 0 0; }
div.lightbox .visual img { vertical-align: top; margin: 0; width: 100%; height: auto; }
div.lightbox .visual .description { font-size: 14px; line-height: 17px; overflow: hidden; width: 100%; padding: 6px 0; margin: 0 0 19px; border-bottom: 1px solid #e7e7e7; }
div.lightbox .visual .description span { float: left; }
div.lightbox .visual .description a { color: #b8586e; float: right; }
div.lightbox .visual .flag { position: absolute; top: 0; right: 0; width: 70px; height: 70px; border-radius: 35px; background: #61aabc; color: #fff; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; white-space: nowrap; }
div.lightbox .visual .flag:after { content: ''; display: inline-block; height: 100%; width: 1px; overflow: hidden; margin: 0 0 0 -3px; vertical-align: middle; }
div.lightbox .visual .flag div { vertical-align: middle; display: inline-block; white-space: normal; }
div.lightbox .visual .flag .price1 { -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); display: block; margin: 0 0 -2px; }
/* carousel basic styles */
div.lightbox .section-l .carousel { position: relative; width: 100%; }
div.lightbox .section-l .carousel .mask { position: relative; overflow: hidden; width: 309px; margin: 0; border-bottom: 1px solid #f2f0f1; }
div.lightbox .section-l .carousel .mask .slideset { width: 99999px; float: left; }
div.lightbox .section-l .carousel .slide { width: 134px; float: left; border: solid #f2f0f1; border-width: 0 1px; margin: 0 0 0 -1px; font-size: 14px; line-height: 16px; padding: 0 10px; }
div.lightbox .section-l .carousel .slide span { display: block; }
div.lightbox .section-l .carousel .img-holder { text-align: center; padding: 20px 0 10px; height: 107px; }
div.lightbox .section-l .carousel .img-holder img { vertical-align: middle; }
div.lightbox .section-l .carousel .price { color: #ec5c5c; font-weight: bold; font-size: 18px; padding: 10px 0 ; display:block; }
div.lightbox .section-l .carousel .slide .old { background: url(/images/divider4.png) no-repeat 50% 50%; display: inline-block; vertical-align: top; font-size: 16px; line-height: 15px; margin: 0 0 15px; font-weight:bold; }
* + html div.lightbox .section-l .carousel .old { display: inline; }
div.lightbox .section-l .carousel .btn { background: #ae576b; padding: 11px 9px; display: inline-block; vertical-align: top; color: #fff; text-align: center; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; margin: 0 0 21px; }
* + html div.lightbox .section-l .carousel .btn { display: inline; }
div.lightbox .section-l .carousel .heading { background: #fcf4f6; border: solid #f3e0e5; border-width: 1px 0; padding: 7px 90px 7px 10px; } /*Updated By Firas 24Oct18 */
div.lightbox .section-l .carousel .heading h3 { text-transform: uppercase; font-size: 15px; line-height: 18px; font-weight: normal; margin: 0; } /*Updated By Firas 24Oct18 */
div.lightbox .section-l .carousel .heading h3 strong { font-weight: bold; }
/* Cart Page Mobile Clearance Carousel. Added By Firas 26July19*/

div.lightbox .section-l .carousel.clearanceCarousel .slide {position:relative;}
div.lightbox .section-l .carousel.clearanceCarousel .heading {background-color:#fdee26;}
div.lightbox .section-l .carousel.clearanceCarousel .heading h3 { color: #303030;}
div.lightbox .section-l .carousel.clearanceCarousel .img-holder { height: 123px; }
div.lightbox .section-l .carousel.clearanceCarousel .clearancePage-strip-container > img {width:100%; height:auto;}
div.lightbox .section-l .carousel.clearanceCarousel .btn {background-color:#fdee26 !important; color: #303030; text-shadow:none;}
div.lightbox .section-l .carousel.clearanceCarousel .btn-prev,
div.lightbox .section-l .carousel.clearanceCarousel .btn-next{ border-color: #303030;}
div.lightbox .section-l .carousel.clearanceCarousel .bubbleText {    position: absolute; top: 38px; background-color: #fdee26; width: 50px; height: 50px; border-radius: 35px; white-space: nowrap; font-size: 12px; line-height: 17px; text-transform: uppercase; overflow: hidden; text-align: center; right: 0;}
div.lightbox .section-l .carousel.clearanceCarousel .bubbleText > div {text-align: center;}
div.lightbox .section-l .carousel.clearanceCarousel .bubbleText > div span {padding: 0; margin: 0; color: black; font-weight: bold; text-shadow: none;}
div.lightbox .section-l .carousel.clearanceCarousel .bubbleText > div span:nth-of-type(2) { font-size: 14px; font-weight: bold;}

/* ################################# */
div.lightbox .section-l .carousel .btn-prev, div.lightbox .section-l .carousel .btn-next { top: 0px; right: 4px; } /* Updated by Firas 24Oct18 */
div.lightbox .section-l .carousel .btn-prev { right: 47px; }
.details-block { background: url(/images/divider.png) repeat-x 0 100%; width: 100%; overflow: hidden; margin: 0 0 10px; }
.survey .details-block .counter-holder { float: left; width: 240px; margin: 0 21px 0 0; padding: 18px 0 18px 3px; }
.details-block .separator { background: url(/images/separator.gif) repeat-y 50% 0; padding: 15px 0; float: left; }
.survey .details-block .section-buy { float: right; width: 304px; margin: 14px 5px 0 0; }
.details-block .separator span { background: #fcf4f6; border-radius: 20px; width: 40px; height: 40px; font-size: 14px; line-height: 40px; text-align: center; display: block; }
div.lightbox .section-r .cart-block { background: #bcdfc0 url(/images/ico-cart2.png) no-repeat 13px 12px; padding: 12px 9px 12px 41px; width: 254px; font-size: 14px; line-height: 16px; margin: 0 0 10px 3px; }
div.lightbox .section-r .cart-block span { background: url(/images/ico-check2.gif) no-repeat 0 50%; padding: 0 0 0 18px; color: #337f3c; }
div.lightbox .survey .btn-holder { width: 303px; margin: 0 0 8px 3px; }
div.lightbox .survey a { margin: 0 0 0 3px; }
div.lightbox .survey .btn-holder input[type="button"], div.lightbox .survey .btn-holder input[type="submit"] { width: 147px; }
div.lightbox .section-r dl { width: 305px; background: url(/images/divider.png) repeat-x 0 100%; padding: 0 0 13px; overflow: hidden; margin: 0 0 15px 3px; }
div.lightbox .section-r dt { float: left; font-size: 14px; line-height: 17px; padding: 13px 0 0; }
div.lightbox .section-r dd { float: right; font-size: 30px; line-height: 30px; font-weight: bold; }
div.lightbox .section-r .carousel { position: relative; padding: 0 0 6px; background: url(/images/divider.png) repeat-x 0 100%; }
div.lightbox .section-r .carousel .pagination { width: 100%; text-align: center; overflow: hidden; height: 8px; position: relative; padding: 10px 0; }
div.lightbox .section-r .carousel .pagination ul { display: inline-block; vertical-align: top; padding: 0 30px 0 0; }
* + html div.lightbox .section-r .carousel .pagination ul { display: inline; }
div.lightbox .section-r .carousel .pagination li { float: left; padding: 0 1px; }
div.lightbox .section-r .carousel .pagination a { display: block; width: 8px; height: 8px; border-radius: 4px; background: #a4abac; overflow: hidden; text-indent: -9999px; margin: 0; }
div.lightbox .section-r .carousel .pagination a:hover, div.lightbox .section-r .carousel .pagination .active a { background: #ae576b; }
div.lightbox .section-r .carousel h3 { font-size: 14px; line-height: 16px; font-weight: normal; margin: 0 0 3px; padding: 7px 0 0; }
div.lightbox .section-r .carousel h3 strong { font-weight: bold; }
div.lightbox .section-r .carousel .mask { position: relative; overflow: hidden; width: 531px; height: 352px; padding: 0 53px; margin: 0; }
div.lightbox .section-r .carousel .slideset { width: 99999px; float: left; /*margin-top:0px!important;*/ }
div.lightbox .section-r .carousel .slide { float: left; font-size: 14px; line-height: 16px; position: relative; width: 82px; }
div.lightbox .section-r .carousel .slide .area { height: 180px; overflow: hidden; padding: 0 2px; }
div.lightbox .section-r .carousel .items-block { width: 70px; height: 70px; }
div.lightbox .section-r .carousel .items-block .cart1 { width: 38px; bottom: 1px; left: 1px; }
div.lightbox .section-r .carousel .items-holder { padding: 3px; }
div.lightbox .section-r .carousel .slide .area img { position: absolute; top: 0; left: 0; width: 70px; height: 70px; }
div.lightbox .section-r .carousel .btn-prev, div.lightbox .section-r .carousel .btn-next { width: 42px; height: 350px; right: auto; left: 0; top: 30px; z-index: 100; margin: 0; }
div.lightbox .section-r .carousel .btn-next { left: auto; right: 0; overflow: visible; }
div.lightbox .section-r .carousel .btn-next:after { content: ""; position: absolute; right: 100%; top: 0; background: url(/images/shadow-l.png) no-repeat; width: 13px; height: 346px; }

.hidden { display: none; color: #ae576b; }
#skip-content a { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
#skip-content a:focus { position: static; width: auto; height: auto; }
#back a { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
#back a:focus { position: static; width: auto; height: auto; }
/* ---------------------------------------------------------
   fancybox styles
   ---------------------------------------------------------*/
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: 0px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(/images/fancybox/fancybox.png); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; /* should be 20px */ z-index: 1101; outline: none; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: transparent; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0 solid #fff; /* border-width should be zero */ }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: 25px; right: 15px; width: 26px; height: 26px; background: transparent url(/images/btn-close1.gif) no-repeat; cursor: pointer; z-index: 1103; display: none; } /* Updated By Firas 24Oct18 */
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(/images/fancybox/blank.gif); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url(/images/fancybox/fancybox.png); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url(/images/fancybox/fancybox.png); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 10px; }
#fancybox-right:hover span { left: auto; right: 10px; }
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url(/images/fancybox/fancy_title_over.png); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url(/images/fancybox/fancybox.png) -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(/images/fancybox/fancybox-x.png) 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url(/images/fancybox/fancybox.png) -55px -90px no-repeat; }
/* ---------------------------------------------------------
   Custom form styles
   ---------------------------------------------------------*/
/* hide original element */
.jcf-hidden { position: absolute !important; left: -9999px !important; /* change to right: -9999px on RTL sites */ }

/* custom checkbox styles */
.chk-area { border: 1px solid #ebc8d1; background: #fff;
            border-radius: 2px; margin: 0 10px 0 0; 
            float: left; width: 14px; height: 14px; }

.aside .details .chk-area { width: 13px; height: 13px; }
.aside .poll1 .chk-area { margin: 0 10px; }
.survey .chk-area { margin: 5px; position: relative; z-index: 10; }
.survey .section-buy .chk-area { margin: 0 10px 0 0; }
.chk-checked { background: #fff url(/images/ico-check.gif) no-repeat 50% 50%; }

.chk-area-fabric-range { border: 1px solid #ebc8d1; 
                         background: #fff url(/images/ico-plus.gif) no-repeat 50% 50%;
                         border-radius: 2px; margin: 0 10px 0 0; 
                         float: left; width: 18px; height: 18px;  }

.chk-checked-fabric-range-minus { background: #fff url(/images/ico-minus.gif) no-repeat 50% 50%; }

/* custom select styles */
.select-area { border: 1px solid #cfcfcf; background: #fff; position: relative; overflow: hidden; cursor: default; height: 30px; float: right; margin: 0 0 0 10px; line-height: 30px; }
.select-area .center { white-space: nowrap; padding: 3px 10px; }
.select-area .select-opener { background: url(/images/bg-select-opener.gif) no-repeat 0 50% transparent; position: absolute; height: 34px; width: 30px; right: 0; top: 0; }
.select-options { position: absolute; overflow: hidden; background: #fff; z-index: 2000; }
.select-options .drop-holder { border: 1px solid #cfcfcf; overflow: hidden; height: 1%; }
.select-options ul { list-style: none; padding: 0; margin: 0; }
.select-options ul li { width: 100%; float: left; }
.select-options ul a { text-decoration: none; padding: 5px 10px; display: block; cursor: default; color: #000; height: 1%; }
.select-options .item-selected a { text-decoration: none; background: #58b8a5; color: #fff; }
/* select options optgroup example styles */
.select-options .optgroup { clear: both; }
.select-options .optgroup strong { display: block; padding: 5px; }
.select-options .optgroup ul a { padding-left: 30px; }
.content .steps-list li:before, .content .steps-list .num, .aside .block .section ol li:before, .aside .block .section ol li .num, .confirmation-block ol li:before, .confirmation-block ol li .num { float: left; width: 20px; color: #ae576b; font-weight: bold; margin: 0 0 0 -20px; content: counters(item, ".") "."; counter-increment: item; }


.visual .thumbs-scroller { border-top: 1px solid #e7e7e7; padding: 6px 0; margin: 6px 0 0; }
.visual .thumbs-scroller .carousel { }
.visual .thumbs-scroller .carousel .mask { width: 261px; margin: 0 auto; padding: 0 24px; }
.visual .thumbs-scroller .carousel .slideset { }
.visual .thumbs-scroller .carousel .slide { padding: 0 5px; width: 77px; }
.visual .thumbs-scroller .carousel .slide a { border: 1px solid #e7e7e7; width: 75px; height: 100%; display: block; }
.visual .thumbs-scroller .carousel .slide img { display: block; margin: 0; }
.visual .thumbs-scroller .carousel .btn-prev { left: 0; top: 0; bottom: 0; right: auto; height: auto; width: 21px; }
.visual .thumbs-scroller .carousel .btn-next { right: 0; top: 0; bottom: 0; left: auto; height: auto; width: 21px; }
#fancybox-close { background-image: url("/images/btn-close1.png"); }
#fancybox-content { height: auto !important; max-width: 100%; }
#fancybox-wrap, #fancybox-title { max-width: 100%; }

.survey .qty-holder { margin-bottom: 7px; }
.range-block .survey .heading { min-height: 17px; }
.range-block .holder .visual .brand-logo { position: absolute; left: 0; top: 0; height: auto; width: auto; }

.opt-extras { margin: 10px 0 20px; }
.opt-extras:after { content: ""; display: block; clear: both; }
.opt-extras .ctrl { margin: 10px 0 20px; font-size: 14px; line-height: 17px; }
.opt-extras .ctrl .show, .opt-extras .ctrl .hide { padding: 0 25px 0 0; background: url("/images/show-hide-bg.png") no-repeat 100% 0 transparent; line-height: 19px; float: right; }
.opt-extras .ctrl .show { background-position: 100% 100%; }
.opt-extras .ctrl .hide { display: none; background-position: 100% 0; }
.opt-extras .active .ctrl .hide { display: block; }
.opt-extras .active .ctrl .show { display: none; }
.opt-extras .slide { margin: 20px 0; }
.opt-extras .item { border: 1px solid #f2f0f1; border-width: 1px 1px 0; float: left; margin: -1px 0 0 -1px; padding: 10px; width: 135px; }
.opt-extras .item:nth-child(2n+1) { border-left: 0; }
.opt-extras .item:nth-child(2n) { border-right: 0; }
.opt-extras img { display: block; height: 112px; margin: 0 auto 5px; }
.opt-extras .desc { font-family: proxima-nova, sans-serif; font-weight: normal; font-size: 14px; padding-left: 26px; }
.opt-extras .chk-area { margin: 2px 5px 5px -21px; }
.opt-extras .price { font-size: 18px; font-weight: bolder; margin-top: 10px; display: block; }
.survey .sub-tot { background: url("/images/divider.png") repeat-x 0 0 transparent; padding: 13px 0; }
.survey .sub-tot dt { font-size: 14px; line-height: 17px; padding: 13px 0 0; }
.survey .sub-tot dd { font-weight: bolder; font-size: 30px; line-height: 30px; }
.chk-area { cursor: pointer; }

.reviews-wrap { font-size: 14px; }
.reviews-wrap .reviews-summary { background: url("/images/divider.png") repeat-x 0 100% transparent; }
.reviews-wrap .reviews-summary:after { content: ""; display: block; clear: both; }
.reviews-wrap .reviews-sort-form { width: 100%; margin: 0; }
.reviews-wrap .reviews-sort-form h2 { font-size: 18px; font-weight: bolder; line-height: 1.16667em; margin: 0; padding: 4px 0; text-transform: none; float: left; }
.reviews-wrap .reviews-summary label { float: left; font-weight: bold; }
.reviews-wrap .reviews-summary .stars-fixed { margin: 0 10px; }
.reviews-wrap .reviews-list > li { background: url("/images/divider.png") repeat-x 0 100% transparent; padding: 12px 12px; }
.reviews-wrap .reviews-list li:nth-child(2n) { background-color: #f9f9f9; }
.reviews-wrap .reviews-list .stars-fixed { margin: 10px 0; float: none; }
.reviews-wrap a { color: #b8586e; }
.reviews-wrap a.rarr { background: url("/images/arrow1.png") no-repeat scroll 100% 6px rgba(0, 0, 0, 0); float: right; padding: 0 10px 0 0; }
.reviews-wrap .links { float: right; }
.reviews-wrap .links span { background: url("/images/bullet-1.png") no-repeat 50% 50% transparent; }
.reviews-wrap .section { }
.reviews-wrap .section:after { content: ""; display: block; clear: both; }
.reviews-wrap .user { float: left; }
.reviews-wrap .date { float: right; }
.reviews-wrap .location { color: #979797; font-size: 12px; }

/*ADD TO CART POP-UP*/
.lightbox#added-to-cart { padding: 0 0 29px; /*width: 957px;*/ width:100%; background: transparent; }
.lightbox#added-to-cart .popup-frame { padding: 10px; background: #61aabc; width: auto; }
.lightbox#added-to-cart .popup-inner-wrap { background: #fff; padding: 5px; width: auto; } /* Updated By Firas 24Oct18 */
.lightbox#added-to-cart .popup-frame .cart { bottom: 0; top: auto; left: auto; right: 0; background-position: 14px 50%; height: 39px; line-height: 38px; width: auto; padding: 0 15px 0 46px; }
.lightbox#added-to-cart .continue-wrap { font-size: 14px; line-height: 37px; padding: 10px 0 0; text-align: right; } /* Updated By Firas 24Oct18 */
.lightbox#added-to-cart .continue-wrap .btn { background: none repeat scroll 0 0 #AE576B; color: #FFFFFF; font-size: 18px; line-height: 21px; margin: 0 0 0 15px; padding: 8px 20px; text-align: center; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; }
.lightbox#added-to-cart .continue-wrap .btn-view-cart { background-color: #61aabc; }   /* Cart Popup Update */
.lightbox#added-to-cart .section-l { width: 542px; }
.lightbox#added-to-cart .section-l .item-added { font-size: 14px; padding: 17px 5px 10px 39px; background: url("/images/added-to-cart-msg-bg.png") no-repeat 10px 12px #e7f2db; min-height: 18px; margin: 0 30px 15px 0; } /* Updated By Firas 24Oct18 */
.lightbox#added-to-cart .section-l .carousel .mask { width: 100%; touch-action:auto !important;}  /* Updated By Firas 24Oct18 */
.lightbox#added-to-cart .section-l .carousel .slide { padding: 0 23px; }
.lightbox#added-to-cart .section-l .carousel .slide:nth-child(3n) { border-right: 0; }
.lightbox#added-to-cart .section-l .carousel .slide:nth-child(3n-2) { border-left: 0; }
.lightbox#added-to-cart .section-l .carousel .btn { background-color: #58b8a5; padding: 11px 15px; }
.lightbox#added-to-cart .section-r { width: 302px; background: #f1e8eb; padding: 10px; margin: 18px 0 0; }
.lightbox#added-to-cart .carousel .btn-prev, .lightbox#added-to-cart .carousel .btn-next { background-color: #fff; }
.lightbox#added-to-cart .section-r .cart-list { border: 1px solid #fff; padding: 10px; background: transparent; }
.lightbox#added-to-cart .section-r .cart-list .btn-prev, .lightbox#added-to-cart .section-r .cart-list .btn-next { height: 32px; left: 9px; margin: 0; right: 9px; top: 0px; bottom: auto; width: auto; z-index: 100; }
.lightbox#added-to-cart .section-r .cart-list .btn-prev { top: 44px; bottom: auto; background: url("/images/arrow-u.png") no-repeat 50% 50% #fff; }
.lightbox#added-to-cart .section-r .cart-list .btn-next { top: auto; bottom: 57px; background: url("/images/arrow-d.png") no-repeat 50% 50% #fff; }
.lightbox#added-to-cart .section-r .cart-list .mask { height: 306px; margin: 44px 0; padding: 0; width: 100%; }
.lightbox#added-to-cart .section-r .cart-list .btn-next:after { background: none; height: 0; }
.lightbox#added-to-cart .section-r .cart-list h2 { margin: 0; padding: 0; }
.lightbox#added-to-cart .section-r .cart-list .slideset { float: none; height: 99999px; width: auto; }
.lightbox#added-to-cart .section-r .cart-list .slide { float: none; font-size: 14px; line-height: 16px; position: relative; width: auto; }
.lightbox#added-to-cart .section-r .cart-list .box { border: 0; width: auto; float: none; padding: 7px 0; background: url("/images/divider.png") repeat-x scroll 0 100% transparent; min-height: 55px; padding-bottom: 28px; position: relative; }
.lightbox#added-to-cart .section-r .cart-list .slide:last-child .box { background: transparent; }
.lightbox#added-to-cart .section-r .cart-list .box img { margin: 0; width: 75px; position: absolute; left: 0; top: 7px; }
.lightbox#added-to-cart .section-r .cart-list .box .brand-logo img { width: auto; max-width: 198px; position: static; display: block; }
.lightbox#added-to-cart .section-r .cart-list .box > * { display: block; margin-left: 82px; max-width: 198px; }
.lightbox#added-to-cart .section-r .cart-list .box .price-wrap { position: absolute; left: 0; bottom: 7px; }
.lightbox#added-to-cart .section-r .cart-list .box .price { color: #5d5d5d; display: inline; line-height: 21px; padding: 0; }
.lightbox#added-to-cart .section-r .cart-list .box .old { display: inline; line-height: 21px; padding: 0; }
.lightbox#added-to-cart .section-r .btn { background: none repeat scroll 0 0 #58b8a5; color: #FFFFFF; font-size: 18px; line-height: 21px; margin: 0; padding: 8px 20px; text-align: center; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; display: inline-block; float: right; width: 96px; }
.lightbox#added-to-cart .section-r .btn-view-cart { background-color: #61aabc; float: left; }

.std-content { height: 1%; overflow: hidden; padding: 15px 20px; font-size: 1.16667em; line-height: 1.14286em;}
.std-content h1 { font-size: 24px; font-weight: bold; line-height: 1em; margin: 10px 0 15px; text-transform: uppercase; display: block !important; }
.std-content h2 { font-size: 18px; font-weight: bold; line-height: 1em; margin: 10px 0 10px; text-transform: uppercase; display: block; }
.std-content h2 span { font-weight: normal; }
.std-content h3 { font-size: 18px; font-weight: normal; line-height: 1em; margin: 10px 0 5px; text-transform: none; }
.std-content p { margin: 0 0 8px; }
.std-content a { color: #b8586e; text-decoration: none; }
.std-content a:visited { color: #8a2c41; }
.std-content a:hover, .std-content a:active { color: #b8586e; text-decoration: underline; }
.std-content ul, .std-content ol { list-style: none outside none; margin: 8px 0 8px 30px; }
.std-content ul { list-style-image: url("/images/std-bullet.png"); }
.std-content ol { list-style-type: decimal; }
.std-content li { margin: 2px 0; }

.std-content td { }
.std-content thead { }
.std-content thead th { }
.std-content thead td { }
.std-content tbody { }
.std-content tbody th { }
.std-content tbody td { }

.std-content table { width: 100%; border-top: 1px solid #f2f0f1; }
.std-content table tr > * { padding: 20px; }
.std-content table th { text-align: left; text-transform: uppercase; background: #fcf4f6; padding: 20px 10px; }
.std-content table tbody tr > * { border-bottom: 1px solid #f2f0f1; }
.std-content table tbody td { border-left: 1px solid #f2f0f1; }

.std-content table.std-top-head { border-top: 0; }
.std-content table.std-top-head td { text-align: center; }
.std-content table.std-top-head .alt > * { background: #f5f5f5; }
.std-content table.std-top-head thead tr > * { background: #fcf4f6; text-transform: uppercase; }
.std-content table.std-top-head tbody tr > * { background: transparent; text-transform: none; }
.std-content table.std-top-head tbody td { text-align: center; }

.std-content .accordion { list-style: none outside none; padding: 0; margin: 0; }
.std-content .accordion a.open { font-size: 18px; background: url("/images/bg-open-close.png") no-repeat 100% 12px transparent; display: block; padding: 11px 30px 11px 0; color: #5d5d5d; text-decoration: none; }
.std-content .accordion .active a.open { background-position: 100% -71px; font-weight: bolder; }
.std-content .accordion > li { background: url("/images/divider.png") repeat-x 0 0 transparent; }

.cart-content, .checkout-content { width: 664px; margin: 0 0 10px; overflow: hidden; }

.cart-page .btn-cont-shop { background: #61aabc !important; color: #FFFFFF; font-size: 18px; line-height: 21px; margin: 0; padding: 8px 20px; text-align: center; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; }

.aside .block-grp { font-weight: normal; background: #fcf4f6; border: 1px solid #f1e8eb; }

.aside .block-checkout h2 { font-size: 24px; font-weight: bold; line-height: 1.16667em; margin: 0; padding: 4px 0; text-transform: uppercase; }
.aside .block-checkout h3 { font-size: 18px; font-weight: bold; line-height: 1.16667em; margin: 0; padding: 0; text-transform: uppercase; }
.aside .block-checkout h2 span, .aside .block-checkout h3 span { font-weight: normal; }
.aside .block-checkout p { margin: 0 0 10px; }

.block-checkout a { color: #b8586e; }
.block-checkout a.right { float: right; line-height: 17px; }

.block-grp .block-checkout { background: url("/images/divider.png") repeat-x 0 0 transparent; padding: 15px; font-size: 14px; }
.block-grp .block-checkout:first-child, .block-grp .block-checkout.first { background-image: none; }

.block-promo-enter .inp-wrap .btn, .block-calc-shipping .inp-wrap .btn { background: #303030; color: #FFFFFF; font-size: 18px; line-height: 21px; margin: 0; padding: 8px 0; text-align: center; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; float: right; width: 37%; }

.block-promo-enter .inp-wrap, .block-calc-shipping .inp-wrap { background: #fff; margin: 5px 0 0; padding: 0; }

.block-promo-enter .inp-wrap input, .block-calc-shipping .inp-wrap input { background: none; border: 0; color: #5d5d5d; font-size: 14px; height: 25px; line-height: 25px; margin: 0; overflow: hidden; padding: 6px 15px; width: 41%; }

.block-calc-shipping .est { background: url("/images/ico-cart3.png") no-repeat 10px 50% #e6eed7; padding: 5px 10px 5px 45px; margin: 10px 0 0; font-size: 18px; }

.block-ordr-sum { background: #f1e8eb; padding: 10px; }
.block-ordr-sum .section { border: 1px solid #fff; padding: 10px; }
.block-ordr-sum h2 { font-size: 16px; }
.block-ordr-sum table { font-size: 14px; width: 100%; margin: 0; padding: 0; }
.block-ordr-sum th { text-align: left; }
.block-ordr-sum td { text-align: right; }
.block-ordr-sum th, .block-ordr-sum td { padding: 10px 0; background: url("/images/divider.png") repeat-x 0 100% transparent; }
.block-ordr-sum tbody :last-child th, .block-ordr-sum tbody :last-child td, .block-ordr-sum tbody .last th, .block-ordr-sum tbody .last td { background-image: none; }
.block-ordr-sum tfoot .sub-tot th, .block-ordr-sum tfoot .sub-tot td { border-top: 3px double #c0bbbd; }
.block-ordr-sum .was { background: url("/images/divider2.png") no-repeat 50% 50% rgba(0, 0, 0, 0); display: inline-block; font-size: 12px; line-height: 18px; }
.block-ordr-sum .total > * { background-image: none; font-weight: bolder; font-size: 18px; }
.block-ordr-sum .disc { color: #7aa954; font-weight: bolder; }
.block-ordr-sum .btn { background: #f00; color: #FFFFFF; font-size: 18px; line-height: 21px; margin: 0; padding: 8px 0; text-align: center; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; display: inline-block; width: 100%; }

.checkout #header .panel .holder > * { display: none; }
/*.checkout #header .panel .holder { height: 12px; padding: 0; }*/
.checkout #header .panel { background-position: 0 100%; }
.checkout #header .holder nav { display: none; }
.checkout #header .holder .cart { display: none; }
.checkout #header .search-form .row{ display: none; }
/*.checkout #header .logo { background-image: url("/images/logo-cart.png"); height: 46px; width: 154px; }*/
.checkout .bar { display: none; }
.checkout #footer .newsletter, .checkout #footer .section { display: none; }

.checkout-content .content-holder { padding: 10px 15px; margin: 0; }
.checkout-content h1 { margin: 0; }
.checkout-content .co-steps-wrap { background: url(/images/divider.png) repeat-x 0 0 transparent; padding: 0; margin: 5px 0; }
.checkout-content .co-steps-wrap > ul { background: url(/images/divider.png) repeat-x 0 100% transparent; display: block; padding: 0 15px; }
.checkout-content .co-steps-wrap > ul:after { content: ""; display: block; clear: both; }
.checkout-content .co-steps-wrap li { float: left; color: #bababa; font-size: 13px; background: url("/images/co-steps-rarr-sp.png") no-repeat 100% -3px transparent; padding: 0 25px 0 20px; line-height: 30px; }
.checkout-content .co-steps-wrap .first { padding-left: 0; }
.checkout-content .co-steps-wrap .last { background: none; padding-right: 0; }
.checkout-content .co-steps-wrap li span { font-size: 18px; font-weight: 700; }
.checkout-content .co-steps-wrap .active, .checkout-content .co-steps-wrap .complete { color: #5d5d5d; background-position: 100% -43px; }
.checkout-content .co-steps-wrap .active span, .checkout-content .co-steps-wrap .complete *, .checkout-content .co-steps-wrap .complete { color: #ae576b; }

.checkout .co-step-wrap .aside { position: relative; z-index: 11; min-height: 700px; background: #f5f5f5; }
.checkout #main { overflow: hidden; /*Edidted by Firas*/ min-height: 1000px; }
.co-step-wrap .checkout-content { position: absolute; transition: left 300ms ease-out 100ms; }
#co-step-0 .checkout-content { left: 0; }
#co-step-1 .checkout-content { left: 100%; }
#co-step-2 .checkout-content { left: 200%; }
#co-step-3 .checkout-content { display: none; }

#main.co-step-0-open #co-step-0 .checkout-content { left: 0; }
#main.co-step-0-open #co-step-1 .checkout-content { left: 664px; }
#main.co-step-0-open #co-step-2 .checkout-content { left: 1328px; }

#main.co-step-1-open #co-step-0 .checkout-content { left: -664px; }
#main.co-step-1-open #co-step-1 .checkout-content { left: 0; }
#main.co-step-1-open #co-step-2 .checkout-content { left: 664px; }

#main.co-step-2-open #co-step-0 .checkout-content { left: -1328px; }
#main.co-step-2-open #co-step-1 .checkout-content { left: -664px; }
#main.co-step-2-open #co-step-2 .checkout-content { left: 0; }

.checkout-form { font-size: 1.16667em; line-height: 1.21429em; padding: 0; max-width: 467px; }
.checkout-form h2 { font-size: 18px; font-weight: 700; margin: 0 0 10px; padding: 0; text-transform: uppercase; }
.checkout-form h2 span { font-weight: 400; }

.checkout-form p { margin: -4px 0 27px;}
.checkout-form p.additional-information { margin:0 0 10px; max-width:448px;}

.checkout-form .row, .checkout-form .exp-ship { width: 451px; position: relative; margin: 0 0 9px; }
.checkout-form .exp-ship th, .checkout-form .exp-ship td { vertical-align: middle; text-align: left; padding: 0; }
.checkout-form .exp-ship th { width: 90%; padding-right: 10px; }
.checkout-form .exp-ship .price { text-align: right; }
.checkout-form .row:after { content: ""; display: block; clear: both; }
.checkout-form .row label { float: left; font-size: 14px; line-height: 16px; max-width: 130px; padding: 9px 0; }
.checkout-form .row label span { color: #dd4d4d; }

.checkout-form .row input, .checkout-form .row select { width: 286px; height: 18px; font-size: 13px; line-height: 16px; padding: 7px 10px; margin: 0; background: #fff; border: 1px solid #cfcfcf; float: right; overflow: hidden; }
.checkout-form .row textarea { width: 428px; height: 50px; font-size: 13px; line-height: 16px; padding: 7px 10px; margin: 0; background: #fff; border: 1px solid #cfcfcf; overflow: hidden; }
.checkout-form .row select { width: 306px; }

.checkout-form .row input[type="submit"] { float: right; background: #61aabc; border: 0; font-size: 18px; line-height: 21px; text-transform: uppercase; color: #fff; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); width: 167px; height: 40px; cursor: pointer; padding: 0; margin: 11px 0 0; }
.checkout-form .row input[type="submit"]:hover { cursor: pointer; }
.checkout-form .row.check-area .chk-area { margin-left: 140px; }
.checkout-form .row.check-area label { max-width: 285px; padding: 0; position: static; }
.checkout-form .pcode-state > .left { float: left; width: 231px; }
.checkout-form .pcode-state > .right { float: right; max-width: 210px; width: auto; }
.checkout-form .pcode-state input { width: 66px !important; }
.checkout-form .pcode-state select { width: auto; }

.checkout-form .exp-ship .price { font-weight: 700; font-size: 18px; text-transform: uppercase; }

.checkout-form .btn-row { font-size: 14px; line-height: 37px; margin: 15px 0; text-align: right; }
.checkout-form .btn-row .btn { background: #61aabc; color: #FFFFFF; font-size: 18px; line-height: 21px; margin: 0 0 0 15px; padding: 8px 20px; text-align: center; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; }
.checkout-form .btn-row .mark { color: #B8586E; font-size: 14px; line-height: 40px; float: left; margin: 11px 0 0; }

.checkout-form .promo-enter .inp-wrap .btn { background: #303030; color: #FFFFFF; font-size: 18px; line-height: 21px; margin: 0; padding: 8px; text-align: center; -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; float: right; width: 80px; }
.checkout-form .promo-enter .inp-wrap { background: #e4e4e4; margin: 5px 0 0; padding: 0; }
.checkout-form .promo-enter .inp-wrap input { background: none; border: 0; color: #5d5d5d; font-size: 14px; height: 25px; line-height: 25px; margin: 0; overflow: hidden; padding: 6px 15px; width: 159px; }

.payment-form > .promo-enter, .payment-form > .order-tots { max-width: 307px; }

.checkout-form .tabset a { background: url("/images/tab-radio-bg.png") no-repeat 5px 12px #f5f5f5; padding: 5px 13px 1px 30px; height: 36px; }
.checkout-form .tabset a.active { background: url("/images/tab-radio-bg-on.png") no-repeat 5px 17px #fff; padding: 10px 13px 1px 30px; }
.payment-form .tabset img { float: left; margin-right: 10px; width: 51px; height: 32px; }
.checkout-form .tab-content { padding: 10px; }
.checkout-form .inp-sml input { width: 96px; }
.checkout-form .inp-sml select { width: 116px; }
.cc-form .select-area, .cc-form .row input { float: left; margin: 0; }
.cc-form .select-area { margin-right: 10px; }
.cc-form .row label { width: 140px; }

.checkout-form .row > .left { position: relative; float: left; }
.checkout-form .row > .right { position: relative; float: right; }
.checkout-form .row > .left .select-area.jcf-label-active, .checkout-form .row > .right .select-area.jcf-label-active { background: transparent; }

/*Added By Firas 23April18 +++++++*/
#paypal-warning-container { border: 0.5px solid #f00; border-radius: 2%; padding: 20px; font-family:  proxima-nova, sans-serif;}
#paypal-warning-innercontainer { width: 100%; height: auto;}
#paypal-warning-innercontainer > h2 { color: #f00;}
#paypal-warning-innercontainer > p {font-size: 14px;}
/*+++++++++++++++++++++++++++++++*/

.select-area .center.jcf-label { color: #bbb; }
.select-area .center.jcf-label .label { color: #bbb; }
.select-area .center.jcf-label span span { color: #dd4d4d; }
.select-options ul .label a { color: #bbb; }
.select-options ul .label.item-selected a { color: #fff; }

.search-form .row.parent-focus { border-color: #979797; }

/*review form*/
.reviews-summary .success-block { width: auto !important; }
#review-create { max-width: 445px; padding: 10px; display: none; }
#review-create:after { content: ""; clear: both; display: block; }
#review-create .form-container p { margin: 0 0 17px; }
#review-create legend { display: none; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; }
#review-create h2 { font-size: 18px; font-weight: bold; line-height: 1.16667em; margin: 0; padding: 4px 0; text-transform: uppercase; }
#review-create h2 span { font-weight: normal; }
#review-create .row { padding: 0 0 10px; position: relative; max-width: 445px; }
#review-create .row:after { clear: both; content: ""; display: block; }
#review-create .row.check-area { padding-left: 137px; padding-top: 10px; }
#review-create .row.check-area label { float: left; max-height: 15px; max-width: 250px; padding: 0 0 10px; }
#review-create .row.check-area .chk-area { float: left; }
#review-create label { float: left; font-size: 14px; line-height: 16px; max-width: 130px; padding: 9px 0; }
#review-create input { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CFCFCF; float: right; font-size: 13px; height: 18px; line-height: 16px; margin: 0; overflow: hidden; padding: 7px 10px; width: 286px; }
#review-create textarea { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CFCFCF; float: right; font-size: 13px; line-height: 16px; margin: 0; overflow: hidden; padding: 7px 10px; width: 286px; }
#review-create .star-container { padding: 7px 0; width: 306px; float: right; overflow: hidden; }
#review-create .star-container .star { width: 200px !important; }
#review-create .cancel-container { }
#review-create .cancel-container a { color: #B8586E; float: left; font-size: 14px; line-height: 40px; margin: 11px 0 0; }
#review-create .submit-container { float: right; }
#review-create input[type="submit"] { background: none repeat scroll 0 0 #61AABC; border: 0 none; color: #FFFFFF; cursor: pointer; display: block; font-size: 18px; height: 40px; line-height: 21px; margin: 0; padding: 0; text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; width: 150px; }

.store-public-holidays { margin: 20px 0 0 !important; }
.store-std-content { padding: 0 !important; margin: 10px 2px 0; font-size: 1em; }
#facebook-page-master-container{width:100%; text-align:center; }
#facebook-like-buttons-master-container{width:100%; text-align:center; }

/* Machine Parts Styles | Added by Firas 23Aug18*/

#parts-selection-block{display:block; padding:20px}
#parts-selection-innerblock{width:100%; font-size:0px;}
#parts-selection-innerblock > div{display:inline-block; width:50%; padding:0 5px; box-sizing:border-box; font-size:2rem;}
#parts-selection-button >input {color:white; background: #61aabc;border: 1px solid grey; width:85px; cursor:pointer}
#parts-selection-innerblock  label { line-height: 40px; font-weight:bolder; color: #ae576b;}
#parts-selection-innerblock  select {width:100%; height:50px;}
.lable-select-wrapper #searchtag {margin-left:0; width:165px;}

#MachinePartsLoader {display: none;width: 100%;height: 100%;position: absolute; left:0; top:469px; z-index: 1;opacity: 0.3;background-color: black;}
#MachinePartsLoader > div {position: absolute;top: 30px; right:30px; width:30px}
#MachinePartsLoader > div > img{ margin: 0 auto; display:block;}
.machine-parts-main #sidebar { margin:0; }

/* ******************************************** */

/* Discontinued Block Styles | Added by Firas 27Aug18 */

#discontinued-block{background: url("/images/divider.png") repeat-x 0 0 transparent;}
#discontinued-span span{color: red;font-size: 30px;line-height: 50px;}
#discontinued-span p{font-size: 18px;line-height: 30px;}
.discontinued-btn-holder .submit-container,.survey .discontinued-btn-holder {width:100%; margin-top:15px;}
#discontinued-block #discontinued-desc { color: #b8586e; font-size: 16px;line-height: 22px;}
.survey .discontinued-btn-holder a { width: 100%; height: 40px; background: #58b8a5; border: 0; padding: 0; margin: 0; color: #fff; text-align: center; font-size: 18px; line-height: 21px; overflow: hidden; text-transform: uppercase; -webkit-text-shadow: -1px -1px 2px rgba(0,0,0,.3);text-shadow: -1px -1px 2px rgba(0,0,0,.3); cursor: pointer; line-height: 40px;}
/* ************************************************** */

/* Fabric Ranges  | Added by Firas 31Aug18 */

.fabric-range-block { display: inline-block; vertical-align: top; width: 100%;background: #fff; margin: 0 7px 10px 0;  position: relative; margin-bottom:40px !important;}
.fabric-main-cart-container >div{ display : inline-block;}
.fabric-main-cart-container { position: relative; height: 40px;}
.fabric-main-cart-container .fabric-cart-remove-container { position: absolute; top:0; left: 7px;}
.fabric-main-cart-container .fabric-cart-add-container { position: absolute; top:0; right: 7px;}
.fabric-main-cart-container .fabric-cart-infor-container{height: 100%; width: 180px; line-height: 40px; margin: 0 auto; display: block; text-align: center; font-size: 16px;} 
.fabric-main-cart-container img {cursor: pointer;width:28px;height:28px;z-index:10;left:2px;top:2px;margin-left:5px;padding-top:7px;}
.fabtic-name-holder { height:40px;}

/* *************************************** */

/* New check boxes for master products */

.chk-container{width: 78px; height:95px;  position: relative; padding:5px; box-sizing:border-box; cursor:pointer; }
.chk-container.active{background: #f4e5e9;border: 1px solid #e1c2c9;}
.chk-tick-container{background:none; width:14px; height:14px; margin:5px; position:absolute; top:3px; left:3px; }
.chk-container.active .chk-tick-container{ background : #fff url(/images/ico-check.gif) no-repeat 50% 50%;}
.chk-img-container{background-size:cover; width:100%; height:65px; display:block;}
/* *********************************** */

/* Email confirmation page */

#email-confirmation-loader{display:none;}
#email-confirmation-loader > div{ display:inline-block; vertical-align: middle;}
#email-confirmation-text{display:none; padding:20px; text-align:center;}
#email-confirmation-error-text { padding:20px; position:relative; display:none;}
#email-confirmation-error-img{ width:35px; height:35px; display:inline-block; padding-right: 15px; vertical-align:middle; background-image: url('../images/error-flat.png'); background-repeat: no-repeat; background-size: contain;}
#email-confirmation-error-text > h1{ line-height: 50px; display: inline-block; vertical-align:middle; margin:0;}
#email-confirmation-error-text > a { text-decoration:none;}
#email-confirmation-error-text > a > div, #email-confirmation-text > a >div{ width:500px; height:40px; margin: 40px auto; background-color: #58b8a5; line-height:40px; text-align:center; text-transform:uppercase; color:white; font-size:18px; position:relative; right: 0;}
/* *************************/

/* Sliding Window Styles */
.my-gallery-wrapper{height:70px; width:100%; overflow:hidden; position:relative; display:block; }
.my-gallery{position:absolute; left:0; margin: 0 23px; font-size:0; -webkit-transition: left 0.5s ease-in-out; transition: left 0.5s ease-in-out;}
.ps-galary-item{display: inline-block;}
.n-btn-next, .n-btn-prev { top: 0; bottom: 0; left: auto; height: auto; width: 21px; position: absolute; border: 1px solid #ddd; overflow: hidden; text-indent: -9999px;}
.n-btn-next:active, .n-btn-prev:active{background-color:#ECDCDF;}
.n-btn-prev { left: 0; background: #f5f5f5 url(/images/arrow-l.png) no-repeat 50% 50%; }
.n-btn-next {  right: 0; background: #f5f5f5 url(/images/arrow-r.png) no-repeat 50% 50%; }

.range-block .holder .description {border-bottom: 1px solid #e6e6e6; margin-bottom: 4px;}
/* *************** */

.product-recommmended-bonus-text{font-size:12px; color: #ec5c5c;}
.productdetailpage .tab-content table {table-layout:fixed;}

#pdp-zip-container{display:none;}


.pdp-mobile .productBannerArea, .pdp-mobile #pdp-bottom-banners-container {display: none;}


/* ProductPage Lazyload */

.lazyLoad-temp-content1 {height:526.6px; background-color:#fff; padding: 5px 0; margin: 0 0 10px;}
.lazyLoad-temp-content1 > h2 {padding: 10px 110px 14px 15px;font-size: 18px; font-weight: bold; text-transform: uppercase;}
.lazyLoad-temp-content1 > h2 > span { font-weight:normal;}
.lazyLoad-temp-content1 .loader { width:33px; margin: 0 auto; padding-top: 50px;}

/* ******************************************************** */

/* Flex Browser Compatibility*/

.display-flex{display:flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }
.flex-flow-row-wrap {-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;}
.flex-flow-row-nowrap {-webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap;}
.flex-justifyContent-center {-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center;}
.flex-alignItems-center {-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;}
.flex-alignContent-center { -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center;}
/* ************************* */


input.counter-input::-webkit-outer-spin-button,
input.counter-input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input.counter-input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}