.site { width: 100%; min-height: 100%; position: relative; background: #ffffff; }


/** Header */
.header { width: 100%; height: 126px; position: relative; z-index: 10002; background: #ffffff; }
.device-xs .header, .device-sm .header { height: 50px; position: fixed; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); }

/** Header - Global */
.header-info { width: 100%; min-height: 26px; position: relative; background: #ffffff; text-align: right; display: inline-block; }
.device-xs .header-info, .device-sm .header-info { display: none; }

.header-info li>a { color: #2c2c2c; }
.header-info li>a:hover { text-decoration: underline; }

.header-info .help { position: relative; top: 4px !important; display: inline-block; }
.header-info .help .links { display: inline; }
.header-info .help .links>li { font-weight: 600; color: #2c2c2c; display: block; float: left; margin-right: 20px; }
.header-info .help .links li.message { text-transform: uppercase; }
.header-info .help .links li.message .va-span { padding-left: 0; }

.header-info .services { position: relative; top: 3px !important; float: right; }
.header-info .services .links { display: inline; }
.device-xs .header-info .services .links, .device-sm .header-info .services .links { top: 12px; }
.device-md .header-info .services .links { top: 49px; }
.header-info .services .links>li { display: block; display: inline-block; margin-left: 20px; }
.device-xs .header-info .services .links li, .device-sm .header-info .services .links li { margin-left: 10px; }
.device-md .header-info .services .links li.currency, .device-lg .header-info .services .links li.currency { padding-left: 22px; }
.device-xs .header-info .services .links li.currency, .device-sm .header-info .services .links li.currency { top: 5px; padding-left: 0px; }
.resp-nav.mobile a.mobile-link-currency { padding-left: 30px; }
.device-xs .header-info .services .links li.stores,
.device-sm .header-info .services .links li.stores span,
.device-xs .header-info .services .links li.account,
.device-sm .header-info .services .links li.account span {
	display: none !important; }
	
.header-info .services .links .info-links { margin-right: 10px; }
.header-info .services .links .info-links li a { padding-left: 0; }
.device-xs .header-info .services .links .info-links, .device-sm .header-info .services .links .info-links { display: none; }
.header-info .services .links .info-links li { display: inline-block; padding: 0px; margin-left: 6px; }

/** Header - Main */
.header-main { width: 100%; position: relative; background: #ffffff; }

.header-main .logo { position: absolute; left: 15px; top: -15px; }
.device-xs .header-main .logo, .device-sm .header-main .logo { top: 8px; left: 50px; }
.device-md .header-main .logo { top: 6px; }
.header-main .logo img { max-width: 290px; }
.device-xs .header-main .logo img, .device-sm .header-main .logo img { max-width: 168px; }
.device-md .header-main .logo img { max-width: 250px; }

.header-main .strapline { position: absolute; left: 132px; top: 60px; }
.device-xs .header-main .strapline, .device-sm .header-main .strapline { display: none; }
.device-md .header-main .strapline { left: 116px; top: 50px; }
.header-main .strapline img { max-width: 182px; }
.device-md .header-main .strapline img { max-width: 158px; }

.header-main .header-usp { position: absolute; left: 50%; top: 10px; margin-left: -230px; }
.device-md .header-main .header-usp { margin-left: -176px; }
.device-xs .header-main .header-usp, .device-sm .header-main .header-usp { display: none; }
.header-main .header-usp li { margin-right: 25px; float: left; }
.device-md .header-main .header-usp li { margin-right: 15px; }
.header-main .header-usp li a { font-size: 12px; line-height: 15px; color: #8c8990; display: inline-block; }
.header-main .header-usp li a:hover { color: #ffffff; }
.header-main .header-usp i { height: 26px; position: relative; display: block; float: left; top: 2px; }
.header-main .header-usp i.usp-1 { width: 28px; background-position: -218px -356px; }
.header-main .header-usp i.usp-2 { width: 32px; background-position: -258px -356px; }
.header-main .header-usp i.usp-3 { width: 21px; background-position: -306px -356px; }
.header-main .header-usp i.usp-4 { width: 32px; background-position: -342px -356px; }
.header-main .header-usp span { position: relative; margin-left: 8px; display: block; float: left; }

.header-main .search { position: absolute; left: 50%; top: 25px; margin-left: -260px; }
.device-md .header-main .search { top: 22px; margin-left: -210px; }
.device-xs .header-main .search, .device-sm .header-main .search { display: none; }
.header-main .search .predictive { position: absolute; top: 100%; margin-top: 3px; left: 0; width: 100%; height: 300px; background: #ff0000; z-index: 1000; display: none; }
.header-main .search fieldset { position: relative; display: inline-block; }
.header-main .search .search-box { width: 400px; position: relative; display: inline-block; }
.device-md .header-main .search .search-box { width: 270px; }
.header-main .search fieldset { position: relative; display: inline-block; }
.header-main .search .search-box .input-style { width: 100%; height: 46px; padding-left: 15px; background: #fffff; border: 1px solid #e5e5e5; border-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.header-main .search .search-box .input-style:focus { outline-color: transparent; outline-style: none; }
.header-main .search .search-box .clear { position: absolute; display: block; top: 4px; right: 4px; display: none; cursor: pointer; }
.header-main .search button { height: 46px; position: relative; padding: 0 10px 0 15px; margin-left: -5px; border-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.header-main .nav { position: absolute; right: 15px; bottom: -97px; border: 1px solid #e5e5e5; border-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none; }
.device-xs .header-main .nav, .device-sm .header-main .nav { display: none; }
.header-main .nav li { float: left; }
.header-main .nav li a { font-size: 15px; font-weight: 500; color: #2a2a2a; line-height: 30px; display: block; margin: 0 5px; padding: 5px; }
.header-main .nav li a:hover, .header-main .nav li a.active { color: #880034; transition: color 0.25s ease; text-decoration: none; }
.header-main .nav li i { position: relative; top: 2px; }
.header-main .nav li i.va-stores { background-position: -292px -248px; }
.header-main .nav li i.va-info { background-position: -4px -248px; }
.header-main .nav li i.va-play { background-position: -316px -230px; }

.header-nav-drop { width: 100%; position: absolute; left: 0; background: #f2f2f2; z-index: 10001; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); }
.device-xs .header-nav-drop, .device-sm .header-nav-drop { position: fixed; top: 50px; }
.device-xs .header-nav-drop { display: none; }

.header-main .services { position: absolute; top: 10px; right: 15px; }
.device-md .header-main .services { top: 10px; }
.device-xs .header-main .services, .device-sm .header-main .services { top: 12px; }
.header-main .services .links { display: inline; }
.header-main .services .links>li { display: block; float: left; margin-left: 20px; }
.device-xs .header-main .services .links li, .device-sm .header-main .services .links li { margin-left: 10px; }
.device-md .header-main .services .links li.mini-basket, .device-lg .header-main .services .links li.mini-basket { padding: 10px 10px 5px 10px; background: #f2f2f2; border-radius: 3px; }
.header-main .services .links li.load-mobile-search span,
.device-xs .header-main .services .links li.mini-basket span.items,
.device-xs .header-main .services .links li.mini-basket span.total,
.device-sm .header-main .services .links li.mini-basket span.total {
	display: none !important; }
.header-main .services .links li.mini-basket span.highlight { font-weight: bold; }
.device-xs .header-main .services .links li>a, .device-sm .header-main .services .links li>a { min-height: 26px; line-height: 20px; padding: 4px 0 0 36px; }
.device-xs .header-main .services .links i.va-search, .device-sm .header-main .services .links i.va-search { width: 30px; height: 26px; background-position: -228px -220px; }
.device-xs .header-main .services .links i.va-basket, .device-sm .header-main .services .links i.va-basket { width: 30px; height: 26px; background-position: -68px -220px; }

.header-drop-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: none; z-index: 50; display: none; }


/** Opening Times */
.opening-times:hover .opening-times-drop { display: block; }
.opening-times-drop { display: none; position: absolute; top: 100%; left: 50%; margin-top: 10px; margin-left: -130px; width: 260px; background: #ffffff; z-index: 1000; text-align: left; }
.opening-times-drop:after, .opening-times-drop:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.opening-times-drop:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; }
.opening-times-drop:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ffffff; border-width: 11px; margin-left: -11px; }

.opening-times-drop-item { width: 100%; font-weight: normal; color: #2c2c2c; position: relative; padding: 15px; float: left; }
.opening-times-drop-item h3 { padding: 0; }
.opening-times-drop-item ul { margin-bottom: 15px; }


/** Mobile Search */
.mobile-search { background: #414043; }
.mobile-search .search-box { padding: 10px; }
.mobile-search .search-box .input-style { width: 100%; border: none; }


/** Currency */
.currency-drop { display: none; position: absolute; top: 100%; right: 50%; margin-right: -50px; margin-top: 8px; width: 110px; background: #ffffff; z-index: 1000; text-align: left; }
.device-xs .currency-drop, .device-sm .currency-drop { margin-top: 6px; }
.currency-drop:after { bottom: 100%; right: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 13px; margin-right: -13px; }
.device-xs .currency-drop:after { border-width: 9px; margin-right: -9px; }

.currency-drop-item { width: 100%; position: relative; padding: 15px; float: left; }


/** Account */
.account-drop { display: none; position: absolute; top: 100%; right: 50%; margin-right: -110px; margin-top: 8px; width: 220px; background: #ffffff; z-index: 1000; text-align: left; }
.device-xs .account-drop, .device-sm .account-drop { margin-top: 3px; }
.account-drop:after { bottom: 100%; right: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 13px; margin-right: -13px; }
.device-xs .account-drop:after { border-width: 9px; margin-right: -9px; }

.account-drop-item { width: 100%; position: relative; padding: 15px; float: left; }
.account-drop-form { width: 100%; border-bottom: 1px solid #cccccc; float: left; }
.account-drop-form input { width: 100%; margin-bottom: 10px; }


/** Mini Cart */
.mini-cart { display: none; position: absolute; top: 100%; right: 0; margin-top: 8px; width: 280px; background: #ffffff; z-index: 1000; text-align: left; }
.device-xs .mini-cart, .device-sm .mini-cart { margin-top: 7px; }
.mini-cart:after { bottom: 100%; right: 20px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 13px; margin-right: -13px; }
.device-xs .mini-cart:after { border-width: 9px; margin-right: -9px; }

.mini-cart-item { width: 100%; position: relative; padding: 15px; border-bottom: 1px solid #cccccc; float: left; }
.mini-cart-item .product-image { max-width: 50px; margin-bottom: 0px; padding-right: 10px; float: left; }
.mini-cart-item .product-content { width: auto !important; padding-left: 0px !important; padding-right: 30px !important; float: none !important; overflow: auto; height: auto; }
.mini-cart-item .va-remove { position: absolute; top: 0px; right: 0px; }
.mini-cart-item .va-remove span { display: none; }

.mini-cart-total { width: 100%; padding: 15px; padding-bottom: 0px; text-align: right; float: left; }
.mini-cart-total li { display: block !important; }

.mini-cart-action { width: 100%; padding: 15px; text-align: center; float: left; }
.mini-cart-action button { width: 100%; }
.mini-cart .scroll { max-height: 300px; }

.mini-cart .addedtocart { padding: 20px; display: none; }
.mini-cart .addedtocart div { border: 1px solid #cccccc; text-align: center; padding: 5px; }
.show-added .mini-cart .addedtocart { display: block; }


/** Fixed Head */
.fixed-head { display: none; }
.device-xs .fixed-head, .device-sm .fixed-head { height: 50px; display: block; }


/** Header Site Message */
.header-site-message-group { width: 100%; background: #000000; position: relative; }
.header-site-message { text-align: center; padding: 5px 0; color: #ffffff; }
.header-site-message a { color: #ffffff; text-decoration: underline; }


/** Nav Feature Group */
.nav-feature-group .container { margin-bottom: 30px; }
.nav-feature-group .container>div { padding-top: 45px; }

.nav-feature-group .nav-feature img { opacity: 1; margin-bottom: 15px; }
.nav-feature-group .nav-feature:hover img { opacity: 0.9; transition: opacity 0.25s ease; transform: translate3d(0px,0px,0px); }
.nav-feature-group .nav-feature h3 {  }
.nav-feature-group .nav-feature a { color: #000066; }
.nav-feature-group .nav-feature:hover a { color: #880034; transition: color 0.25s ease; }


/** USP */
.usp-group { width: 100%; background: #ffffff; border-bottom: 1px solid #e5e5e5; position: relative; z-index: 20; }
.device-xs .usp-group, .device-sm .usp-group { background: #ffffff; border-top: 1px solid #e5e5e5; }
.device-xs .usp-group .container, .device-sm .usp-group .container { width: 100%; padding-top: 30px; }
.device-md .usp-group .container, .device-lg .usp-group .container { margin: 0 auto; }
.device-md .usp-group .container>h3, .device-lg .usp-group .container>h3 { display: none; }
.usp-group .usp-item { width: 100%; position: relative; color: #8a8a8a; margin: 5px 0; display: block; cursor: pointer; }
.device-xs .usp-group .usp-item, .device-sm .usp-group .usp-item { height: auto; padding: 10px 0; text-align: center; }
.usp-group .usp-item:hover { }
.usp-group .usp-item a { color: #000066; }
.usp-group .usp-item a:hover { color: #880034; text-decoration: none; }
.usp-group .usp-item i { width: 50px; height: 30px; position: absolute; top: 2px; }
.device-xs .usp-group .usp-item i, .device-sm .usp-group .usp-item i { position: relative; display: inline-block; }
.usp-group .usp-item i.usp-1 { background-position: -4px -406px; }
.usp-group .usp-item i.usp-2 { background-position: -56px -406px; }
.usp-group .usp-item i.usp-3 { background-position: -108px -406px; }
.usp-group .usp-item i.usp-4 { background-position: -160px -406px; }
.usp-group .usp-item i.usp-5 { background-position: -212px -406px; }
.usp-group .usp-item i.usp-6 { background-position: -264px -406px; }
.usp-group .usp-item-content { padding: 0 5px 0 60px; }
.device-xs .usp-group .usp-item-content, .device-sm .usp-group .usp-item-content { padding-left: 10px; }

.device-md .usp-group .row, .device-lg .usp-group .row { margin-left: -1px; margin-right: -1px; }
.device-md .usp-group .row > div[class*="col-"], .device-lg .usp-group .row > div[class*="col-"] { padding: 0 1px; }


/** Content */
.content-container { width: 100%; position: relative; background: #ffffff; }
.content { width: 1200px; background: #ffffff; position: relative; margin: 0 auto; padding-top: 30px; }
.device-md .content { width: 992px; }
.device-xs .content, .device-sm .content { width: 100%; margin: 0; padding-top: 15px; }


/** Breadcrumbs */
.breadcrumbs { width: 100%; background: #ffffff; position: relative; margin-top: 10px; }
.breadcrumbs span { padding: 0 2px; }


/** Page Title */
.page-title { margin-bottom: 0px; }


/** Section Title */
.section-title { width: 100%; height: 70px; background: #ffffff; border-bottom: 1px solid #e5e5e5; position: relative; padding: 20px 0; }
.section-title p { padding: 0; padding-right: 60px; }
.section-title i { width: 50px; height: 40px; position: absolute; top: -5px; right: 15px;  }
.section-title i.va-topic { background-position: -176px -266px; }


/** Hero Group */
.device-md .hero-group, .device-lg .hero-group { position: relative; margin-top: 15px; margin-bottom: -45px; z-index: 1; }
.device-xs .hero-group .row > div[class*="col-md-9"], .device-sm .hero-group .row > div[class*="col-md-9"] { padding: 0px !important; }


/** Hero 1 */
.hero-1 { width: 100%; position: relative; }
.device-xs .hero-1, .device-sm .hero-1 { width: 100%; padding-bottom: 32px; padding-top: 0px; }
.hero-1 .container { z-index: 20; }
.device-xs .hero-1 .container, .device-sm .hero-1 .container { padding: 0px !important; }
.hero-1 .radio { bottom: -40px; }
.device-xs .hero-1 .radio, .device-sm .hero-1 .radio { bottom: -48px; }

.hero-1 .row { height: 100%; }
.hero-1 .bg-colors { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:10; }
.device-xs .hero-1 .bg-colors, .device-sm .hero-1 .bg-colors { display: none; }
.hero-1 .bg-colors div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.hero-1 .navigation { width: 100%; height: 100%; background: #ffffff; position: relative; z-index: 20; }
.hero-1 .navigation .container { width: 100%; padding: 3px 15px 15px 15px; background: #f2f2f2; }
.hero-1 .navigation ul { padding-top: 10px; }
.hero-1 .navigation li { position: relative; display: block; }
.hero-1 .navigation li.first { }
.hero-1 .navigation li:hover { }
.hero-1 .navigation li a { position: relative; display: block; background: #ffffff; border-radius: 3px; border: 2px solid #cccccc; padding: 2px; }
.hero-1 .navigation li a:hover { border-color: #000066; text-decoration: none; }
.hero-1 .navigation li.active a { border-color: #880034; background: #ffffff; }
.hero-1 .navigation li a:after, .hero-1 .navigation li a:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.hero-1 .navigation li a:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 6px; margin-left: -6px; }
.hero-1 .navigation li a:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #cccccc; border-width: 9px; margin-left: -9px; }
.hero-1 .navigation li.active a:before, .hero-1 .navigation li.active a:hover:before { border-color: rgba(136, 0, 52, 0); border-bottom-color: #880034;}
.hero-1 .navigation li a:hover:before { border-color: rgba(0, 0, 102, 0); border-bottom-color: #000066;}


/** Hero 2 */
.hero-2 { width: 100%; position: relative; margin-bottom: 50px; }
.device-xs .hero-2, .device-sm .hero-2 { margin-bottom: 10px; }
.hero-2 .container { width: 100%; z-index: 20; padding: 0px !important; }
.hero-2 .container .row { margin: 0px !important; }
.hero-2 .container .row > div { padding: 0px !important; }
.hero-2 .layer0 { width: 100%; }

.hero-2 .row { height: 100%; }
.hero-2 .bg-colors { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:10; }
.hero-2 .bg-colors div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/** Hero 3 */
.hero-3 { width: 100%; margin: 0 auto; position: relative; margin-bottom: 30px; }
.device-xs .hero-3, .device-sm .hero-3 { width: 100%; background: none; margin-bottom: 10px; }
.hero-3 .container { z-index: 20; }
.device-xs .hero-3 .container, .device-sm .hero-3 .container { padding: 0px !important; }
.hero-3 .container .row { margin: 0px !important; }
.hero-3 .container .row > div { padding: 0px !important; }
.hero-3 .radio { bottom: -40px; }
.device-xs .hero-3 .radio, .device-sm .hero-3 .radio { bottom: -48px; }
.hero-3 .layer0 { width: 100%; }

.hero-3 .row { height: 100%; }
.hero-3 .bg-colors { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:10; }
.hero-3 .bg-colors div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/** Promo Group */
#promogroup-desktop > .container { width: 100%; padding: 0 !important; margin: 0 !important; }
.promo-group { width: 100%; }
.promo-group.container { padding: 0 !important; margin: 0 !important; }


/** USP Feature Group */
.customer-feature-group { width: 100%; background: #7dbc39; border-radius: 3px; padding: 30px; }
.device-xs .customer-feature-group, .device-sm .customer-feature-group { padding: 15px; }

.customer-feature-group .customer-testimonial { min-height: 300px; background: #ffffff; padding: 15px 55px; text-align: center; margin-bottom: 30px; }
.device-xs .customer-feature-group .customer-testimonial, .device-sm .customer-feature-group .customer-testimonial { margin-bottom: 15px; }
.device-md .customer-feature-group .customer-testimonial { margin-bottom: 20px; }
.customer-feature-group .customer-testimonial h3 { width: 184px; height: 84px; background-position: -316px -375px; margin: 0 auto; margin-bottom: 15px; }
.customer-feature-group .customer-testimonial h3 span { display: none; }
.customer-feature-group .customer-testimonial .testimonial { position: relative; font-size: 15px; padding: 0; margin: 0 0 5px 0; }
.customer-feature-group .customer-testimonial .testimonial i { position: absolute; width: 32px; height: 32px; }
.customer-feature-group .customer-testimonial .testimonial i.open-quote { top: -12px; left: -40px; background-position: -324px -266px; }
.customer-feature-group .customer-testimonial .testimonial i.close-quote { bottom: -6px; right: -40px; background-position: -358px -266px; }
.customer-feature-group .customer-testimonial .author { font-size: 12px; text-size: bold; color: #8a8a8a; }

.customer-feature-group .customer-reviews { min-height: 270px; position: relative; overflow: hidden; z-index: 1; width: 100%; background: #558316; padding: 15px; text-align: center; color: #ffffff; }
.customer-feature-group .customer-reviews h3 { font-weight: normal; font-size: 22px; color: #ffffff; }

.customer-feature-group .customer-reviews .stars { width: 146px; height: 24px; position: relative; top: 2px; background: none; margin-right: 4px; }
.customer-feature-group .customer-reviews .stars i { height: 24px; background-color: transparent; background-position: -350px -340px; position: absolute; top: 0px; left: 0; z-index: 2; }

.customer-feature-group .customer-reviews .ekomi-logo { display: block; margin-bottom: 25px; }
.customer-feature-group .customer-reviews .ekomi-logo img { max-width: 110px; }
.customer-feature-group .customer-reviews a { color: #e9ae38; }
.customer-feature-group .customer-reviews a:hover { color: #ffffff; }
.customer-feature-group .customer-reviews .ekomi-badge { max-width: 120px; position: absolute; right: -10px; bottom: -35px; z-index: -1; }
.customer-feature-group .customer-reviews .ekomi-logo img { max-width: 120px; }

.customer-feature-group .customer-services { min-height: 360px; background-color: #000; margin-bottom: 30px; }
.customer-feature-group .customer-services h3 { min-height: 30px; display: block; background-color: #c42027; color: #ffffff; padding: 10px; text-align: center; }

.customer-feature-group .customer-security { min-height: 210px; position: relative; background: #ffffff; padding: 15px; text-align: center; }
.customer-feature-group .customer-security p { margin: 0; padding: 0; }
.customer-feature-group .customer-security .pci-logo { min-height: 80px; position: relative; margin-bottom: 10px; }
.customer-feature-group .customer-security .pci-logo img { width: 70px; position: absolute; bottom: 0; left: 50%; margin-left: -35px; }
.customer-feature-group .customer-security .security-metrics-logo { min-height: 22px; position: relative; }
.customer-feature-group .customer-security .security-metrics-logo img { width: 120px; position: absolute; bottom: 0; left: 50%; margin-left: -60px; }
.customer-feature-group .customer-security .norton-logo { min-height: 80px; position: relative; margin-bottom: 10px; }
.customer-feature-group .customer-security .norton-logo img { width: 120px; position: absolute; bottom: 0; left: 50%; margin-left: -60px; }






.product-detail-group .product-detail-reviews .stars { width: 146px; height: 24px; position: relative; top: 2px; background-position: -350px -314px; margin-right: 4px; }
.product-detail-group .product-detail-reviews .stars i { height: 24px; background-color: transparent; background-position: -350px -340px; position: absolute; top: 0px; left: 0; z-index: 2; }

.product-detail-group .delivery { background: #558316; padding: 10px 15px; position: relative; }
.product-detail-group .delivery i.va-delivery { width: 30px; height: 26px; background-position: -340px -220px; }
.product-detail-group .delivery span { font-size: 18px; color: #ffffff; text-transform: uppercase; display: inline-block; padding-left: 5px; position: relative; top: -4px; }
.device-md .product-detail-group .delivery span { font-size: 16px; top: -5px; }


/** Room Calculator */
.room-calculator { position: relative; background: #f2f2f2; padding: 15px; margin-bottom: 30px; }
.room-calculator h3 { color: #880034; }
.device-sm .room-calculator { padding: 30px; }
.room-calculator .form-group { margin: 0 -2px; }
.room-calculator .form-group > [class*="col-"] { padding: 0 2px; }
.room-calculator .form-group .control-label { display: block; margin: 3px 0; text-align: left; }
.room-calculator .form-group .control-label, .room-calculator .form-group span { font-size: 10px; line-height: 11px; text-transform: uppercase; }
.room-calculator .form-group .control-label.result { color: #880034; }
.room-calculator .form-group .form-control { display: inline-block; width: 50%; text-align: center; }
.room-calculator .form-group .form-control.input-result { width: 85%; font-size: 18px; font-weight: bold; background: none; box-shadow: none; border: none; border-bottom: 2px solid #e5e5e5; cursor: default; }


/** Featured News Group */
.featured-news-group { width: 100%; background: #ffffff; position: relative; padding-top: 15px; border-top: 1px solid #e5e5e5; }
.device-lg .featured-news-group>div>div:nth-child(4n+1),
.device-md .featured-news-group>div>div:nth-child(4n+1),
.device-sm .featured-news-group>div>div:nth-child(4n+1),
.device-xs .featured-news-group>div>div:nth-child(2n+1) {
	clear: left; }
	
.featured-news-group .featured-news-article { width: 100%; margin-bottom: 0 !important; }
.featured-news-group .featured-news-article img { opacity: 1; }
.featured-news-group .featured-news-article:hover img { opacity: 0.9; transition: opacity 0.25s ease; transform: translate3d(0px,0px,0px); }
.featured-news-group .featured-news-article h3 { color: #880034; font-weight: 700; }
.featured-news-group .featured-news-article:hover h3, .featured-news-group .featured-news-article:hover a { color: #2c2c2c; transition: color 0.25s ease; text-decoration: none; }

.featured-news-group .featured-news-container { width: 100%; background: #ffffff; padding: 25px 0 0 0; }
.device-sm .featured-news-group .featured-news-container { padding: 15px 0; }

	
/** Article */
.article { position: relative; }
.article .sticker-promo { width: 72px; height: 72px; position: absolute; top: 0; left: 0; }
.article img { opacity: 1; }
.article:hover img { opacity: 0.9; transition: opacity 0.25s ease; transform: translate3d(0px,0px,0px); }
.article h3 { color: #880034; font-weight: 700; margin-top: 10px; }
.article:hover h3, .article:hover a { color: #2c2c2c; transition: color 0.25s ease; text-decoration: none; }

.article-featured { position: relative; padding: 30px; color: #8a8a8a; background: #2c2c2c; }
.article-featured .sticker-promo { width: 72px; height: 72px; position: absolute; top: 0; left: 0; }
.article-featured h2 { color: #ffffff; }
.article-featured a { color: #880034; }
.article-featured:hover h2, .article-featured:hover a { color: #ffffff; transition: color 0.25s ease; text-decoration: none; }
.device-xs .article-featured, .device-sm .article-featured { padding: 15px; }
.device-xs .article-featured-container, .device-sm .article-featured-container { margin-bottom: 15px; }


/** Article Group */
.article-group { width: 100%; position: relative; }
.device-lg .article-group>div>div:nth-child(3n+1),
.device-md .article-group>div>div:nth-child(3n+1),
.device-sm .article-group>div>div:nth-child(2n+1) {
	clear: left; }
	
	
/** Buying Guides Group */
.buying-guides-group { width: 100%; position: relative; }
.device-lg .buying-guides-group>div>div:nth-child(3n+1),
.device-md .buying-guides-group>div>div:nth-child(3n+1),
.device-sm .buying-guides-group>div>div:nth-child(2n+1),
.device-xs .buying-guides-group>div>div:nth-child(2n+1) {
	clear: left; }
	
	
/** Topic Group */
.topic-group { width: 100%; position: relative; }
.device-lg .topic-group>div>div:nth-child(3n+1),
.device-md .topic-group>div>div:nth-child(3n+1),
.device-sm .topic-group>div>div:nth-child(2n+1) {
	clear: left; }
	
.topic-list { border-top: 1px solid #f2f2f2; }
	
	
/** Video Group */
.video-group { width: 100%; position: relative; }

.device-lg .video-group-list>div>div:nth-child(3n+1),
.device-md .video-group-list>div>div:nth-child(3n+1),
.device-sm .video-group-list>div>div:nth-child(2n+1) {
	clear: left; }
.device-lg .video-group-intro>div>div:nth-child(4n+1),
.device-md .video-group-intro>div>div:nth-child(4n+1),
.device-sm .video-group-intro>div>div:nth-child(2n+1) {
	clear: left; }
.device-lg .video-group-detail>div>div:nth-child(4n+1),
.device-md .video-group-detail>div>div:nth-child(4n+1),
.device-sm .video-group-detail>div>div:nth-child(2n+1) {
	clear: left; }

.video-detail { padding: 30px; color: #8a8a8a; background: #2c2c2c; }
.video-detail h2 { color: #ffffff; }
.device-xs .video-detail, .device-sm .video-detail { padding: 15px; }
.device-xs .video-container, .device-sm .video-container { margin-bottom: 15px; }


/** Featured Promo Group */
.featured-promo-group { width: 100%; background: #ffffff; position: relative; }
.device-xs .featured-promo-group { margin-bottom: 15px !important; }
.featured-promo-group .featured-promo img { opacity: 1; }
.device-xs .featured-promo-group .featured-promo img { margin-bottom: 15px; }
.featured-promo-group .featured-promo:hover img { opacity: 0.9; transition: opacity 0.25s ease; transform: translate3d(0px,0px,0px); }


/** News Article Special */
.news-article-special { width: 100%; background: #ffffff; position: relative; }
.device-xs .news-article-special, .device-sm .news-article-special { }
.news-article-special .container { width: 100%; }
.news-article-special .news-article p { padding-bottom: 0px; }


.device-md .news-article-special > .row { overflow-y: scroll; height: 316px; }
.device-lg .news-article-special > .row { overflow-y: scroll; height: 382px; }
.news-article-special .news-article { width: 100%; position: relative; margin-bottom: 10px; }
.device-xs .news-article-special .news-article .news-img { margin-bottom: 5px; }
.news-article-special .news-article .marker { width: 26px; height: 26px; position: absolute; background-color: #5b5b5b; top: 0; left: 5px; z-index: 10; }
.news-article-special .news-article .marker span { display: none; }
.news-article-special .news-article .blog { background-position: -260px -220px; }
.news-article-special .news-article:hover .blog { background-color: #ef872b; }
.news-article-special .news-article h3 { font-weight: normal; }


/** News Article Group */
.news-article-group { width: 100%; background: #ffffff; position: relative; }
.news-article-group .container { width: 100%; }
.news-article-group .colousel-prev, .news-article-group .colousel-next { width: 26px; height: 46px; margin-top: -23px; }
.news-article-group .colousel-prev i, .news-article-group .colousel-next i { top: 0px; left: 3px; }
.news-article-group .colousel-inner { margin-left: -5px; margin-right: -5px; }
.news-article-group .news-article { width: 100%; position: relative; }
.device-xs .news-article-group .news-article .news-img { margin-bottom: 5px; }
.news-article-group .news-article .marker { width: 26px; height: 26px; position: absolute; background-color: #5b5b5b; top: 0; left: 5px; z-index: 10; }
.news-article-group .news-article .marker span { display: none; }
.news-article-group .news-article .blog { background-position: -260px -220px; }
.news-article-group .news-article:hover .blog { background-color: #ef872b; }


/** Featured Article Group */
.featured-article-group { width: 100%; background: #ffffff; position: relative; border-bottom: 1px solid #e5e5e5; padding-top: 15px; }
.device-sm .featured-article-group>div>div:nth-child(2n+1) { clear: left; }
.featured-article-group .news-article { width: 100%; clear: both; }
.featured-article-group .news-article .news-img { width: 90px; margin: 0 15px 10px 0; float: left; }
.device-md .featured-article-group .news-article .news-img { width: 60px; }
.featured-article-group .news-article h3 { font-weight: normal !important; line-height: 18px; }


/** Selected Review */
.selected-review { width: 100%; position: relative; background: #f2f2f2; padding: 15px; }
.selected-review-info { position: relative; }
.selected-review-info img { max-width: 50px !important; margin: 0 10px 10px 0; float: left; }
.selected-review-info .author span { display: block; }
.selected-review-desc { clear: both; }
.selected-review-desc ul.reviews { list-style-type: none; margin-left: 0px; padding: 0px; }
.selected-review-desc .stars i { background-color: #f2f2f2; }


/** Email Newsletter */
.email-newsletter { width: 100%; position: relative; background: #f2f2f2; padding: 10px; }
.email-newsletter-content .va-email { width: 30px; height: 21px; background-position: -139px -272px; margin: 0 0 15px 15px; position: relative; display: inline-block; float: right; }

.email-newsletter form { clear: both; }
.email-newsletter fieldset { margin-bottom: 15px; }
.email-newsletter label { padding-right: 15px; }
.email-newsletter .input-style { border: none; }
.email-newsletter .input-style:focus { outline-color: transparent; outline-style: none; }
.email-newsletter .message { color: #880034; }


/** Category Group */
.category-group { width: 100%; background: #ffffff; }
.category { width: 100%; }
.category-image { position: relative; }

.device-lg .category-group>div>div:nth-child(6n+1),
.device-md .category-group>div>div:nth-child(6n+1),
.device-sm .category-group>div>div:nth-child(4n+1),
.device-xs .category-group>div>div:nth-child(3n+1) {
	clear: left; }
	

/** Brand Group */
.brand-group { width: 100%; background: #ffffff; padding: 30px; }
.device-xs .brand-group { padding: 0px; }
.brand-item { width: 100%; }
.brand-item { padding: 15px; }
.device-lg .brand-item, .device-md .brand-item { padding: 5px; }
.brand-item a img { border: solid 5px transparent; }
.brand-item a:hover>img { border: solid 5px #f2f2f2; }
.brand-item span { display: block; text-align: center; }

.device-lg .brand-group>div>div:nth-child(6n+1),
.device-md .brand-group>div>div:nth-child(6n+1),
.device-sm .brand-group>div>div:nth-child(3n+1),
.device-xs .brand-group>div>div:nth-child(2n+1) {
	clear: left; }


/** Featured Category Group */
.featured-categories-group { width: 100%; position: relative; background: #ffffff; padding: 15px 0 30px 0; }
.featured-categories-group .container { width: 100%; }
.device-xs .featured-categories-group .container, 
.device-xs .featured-categories-group .container .row > div {
	margin: 0px !important; padding: 0px !important; }

.device-sm .featured-categories-group>div>div:nth-child(2n+1) {
	clear: left; }


.featured-category { width: 100%; }
.featured-category:hover a { color: #880034; transition: color 0.25s ease; text-decoration: none; }
.featured-category-image { position: relative; }
.device-xs .featured-category .category-image { display: none; }
.device-xs .featured-category .category-content header { position: relative; margin-bottom: -1px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: left !important; }
.device-xs .featured-category .category-content header a { color: #2c2c2c; display: block; background: #f9f9f9; padding: 15px; position: relative; }
.device-xs .featured-category .category-content header a:hover { background: #f2f2f2; text-decoration: none; }


/** Featured Categories - Mobile */
.featured-categories-mobile { width: 100%; position: relative; }
.device-md .featured-categories-mobile, .device-lg .featured-categories-mobile { display: none; }
.featured-categories-mobile .container {  }
.featured-categories-mobile ul { text-align: center; }
.featured-categories-mobile li { position: relative; display: inline-block; text-align: left !important; margin: 4px 2px; }
.featured-categories-mobile li a { color: #2c2c2c; display: block; background: #f9f9f9; padding: 15px; position: relative; border: 1px solid #e5e5e5; border-radius: 3px; }
.featured-categories-mobile li a:hover { background: #f2f2f2; text-decoration: none; }


/** Brand Logo Group */
.brand-logo-group { width: 100%; background: #ffffff; }


/** Product Video Group */
.product-video-group { width: 100%; background: #ffffff; }

.device-lg .product-video-group>div>div:nth-child(3n+1),
.device-md .product-video-group>div>div:nth-child(3n+1),
.device-sm .product-video-group>div>div:nth-child(2n+1){
	clear: left; }


/** Product Groups */
.product-group { background: #ffffff; }

.similar-product-group { width: 100%; background: #ffffff; }

.device-lg .similar-product-group>div>div:nth-child(4n+1),
.device-md .similar-product-group>div>div:nth-child(4n+1),
.device-sm .similar-product-group>div>div:nth-child(2n+1){
	clear: left; }

.cross-product-group { width: 100%; }
.device-xs .cross-product-group, .device-sm .cross-product-group { background: #ffffff; }
.cross-product { background: #ffffff; border-top: 10px solid #f2f2f2; padding-top: 30px; }
.device-md .cross-product .sticker-attribute, .device-lg .cross-product .sticker-attribute { width: 54px; height: 54px; }

.recent-product-group { width: 100%; background: #ffffff; }
.recent-product { background: #ffffff; border-top: 10px solid #f2f2f2; padding-top: 30px; }

.similar-product .product-content header h3,
.recent-product .product-content header h3 { 
	font-size: 13px; line-height: 17px;
}
.similar-product .product-content .current-price,
.recent-product .product-content .current-price { 
	font-size: 15px; line-height: 19px;
}


/** Product Item */
.product { width: 100%; padding: 15px 0 10px 0; margin-bottom: 30px; float: left; background:#ffffff; }
.similar-product .product,
.device-xs .prod-grid-lg .product,
.device-sm .prod-grid-lg .product,
.device-md .prod-grid-lg .product,
.device-lg .prod-grid-lg .product {
	margin-bottom: 5px; }
.product-image, .device-xs .prod-grid-md .product-image { position: relative; margin-bottom: 15px; float: left; }

.product-image-container-s, .product-image-container-m, .product-image-container-l, .product-image-container-xl { overflow: hidden; position: relative; }
.product-image-container-s { width: 74px; height: 111px; }
.product-image-container-m { width: 165px; height: 248px; }
.product-image-container-l { width: 380px; height: 570px; }
.product-image-container-xl { width: 1600px; height: 2400px; }
.product-image-container-s > img, .product-image-container-m > img, .product-image-container-l > img, .product-image-container-xl > img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.bulk-product .product-image,
.device-xs .product-image,
.device-sm .product-image,
.device-xs .prod-grid-sm .product-image,
.device-sm .prod-grid-sm .product-image {
	width: 34%; }
.device-xs .product-image,
.device-sm .product-image,
.device-xs .prod-grid-sm .product-image,
.device-xs .prod-grid-lg .product-image,
.device-sm .prod-grid-sm .product-image,
.device-sm .prod-grid-lg .product-image,
.device-md .prod-grid-lg .product-image,
.device-lg .prod-grid-lg .product-image {
	margin-bottom: 0; }
.similar-product .product-image,
.device-sm .prod-grid-md .product-image,
.device-md .prod-grid-md .product-image,
.device-lg .prod-grid-md .product-image {
	width: 20%; }
.cross-product .product-image,
.recent-product .product-image,
.device-xs .prod-grid-md .product-image,
.device-xs .prod-grid-lg .product-image,
.device-sm .prod-grid-lg .product-image {
	width: auto;
	float: none; }
.product-image .product-img { border: none; }
.product-content { position: relative; float: left; }

.bulk-product .product-content,
.device-xs .product-content,
.device-sm .product-content,
.device-xs .prod-grid-sm .product-content,
.device-sm .prod-grid-sm .product-content {
	width: 64%;
	padding-left: 10px;
	float: right; }
.similar-product .product-content,
.device-sm .prod-grid-md .product-content,
.device-md .prod-grid-md .product-content,
.device-lg .prod-grid-md .product-content {
	width: 78%;
	padding-left: 10px;
	float: right; }
.cross-product .product-content,
.recent-product .product-content,
.device-xs .prod-grid-md .product-content,
.device-xs .prod-grid-lg .product-content,
.device-sm .prod-grid-lg .product-content {
	width: auto;
	padding-left: 0px;
	float: none; }
.device-xs .prod-grid-lg .product-content,
.device-sm .prod-grid-lg .product-content,
.device-md .prod-grid-lg .product-content,
.device-lg .prod-grid-lg .product-content {
	display: none; }
.product-desc { margin-bottom: 15px; }
.device-xs .product-desc { min-height: inherit; }

.device-sm .prod-grid-md .product-desc,
.device-md .prod-grid-md .product-desc,
.device-lg .prod-grid-md .product-desc {
	width: 68%;
	float: left; }
.product-desc ul { margin-left: 10px; }
.product-desc-short { display: none; }
.device-sm .prod-grid-md .product-desc-short,
.device-md .prod-grid-md .product-desc-short,
.device-lg .prod-grid-md .product-desc-short {
	display: block !important; }
.device-sm .prod-grid-md .product-list,
.device-md .prod-grid-md .product-list,
.device-lg .prod-grid-md .product-list {
	width: 30%;
	text-align: right;
	float: right; }
.product .availability i { top: 0px; }

.device-sm .prod-grid-md .availability i.fa-li,
.device-md .prod-grid-md .availability i.fa-li,
.device-lg .prod-grid-md .availability i.fa-li {
	position: static; }
.device-sm .prod-grid-md .compare.va-ul li,
.device-md .prod-grid-md .compare.va-ul li,
.device-lg .prod-grid-md .compare.va-ul li {
	/*display: inline-block !important;*/
	float: right; }
	
.device-xs .bulk-product .product { margin-bottom: 5px; }
.device-md .bulk-product .sticker-attribute, .device-lg .bulk-product .sticker-attribute { width: 54px; height: 54px; }
.bulk-product table { width: 100%; margin-top: 15px; }
.device-xs .bulk-product table { margin-top: 0px; margin-bottom: 30px; }
.bulk-product table tr { background: #f2f2f2; border-bottom: 1px solid #ffffff; }
.bulk-product table tr:nth-child(even) { background-color: #f9f9f9; }
.bulk-product table td { padding: 10px; }
.bulk-product table td:last-child { width: 1%; padding-left: 30px; text-align: left; }


/** SwitchIt Grid Clear Fixes */
.device-lg .prod-grid-sm:nth-child(4n+1),
.device-lg .prod-grid-lg:nth-child(3n+1),
.device-md .prod-grid-sm:nth-child(4n+1),
.device-md .prod-grid-lg:nth-child(3n+1),
.device-sm .prod-grid-sm:nth-child(2n+1),
.device-sm .prod-grid-lg:nth-child(4n+1),
.device-xs .prod-grid-md:nth-child(2n+1),
.device-xs .prod-grid-lg:nth-child(3n+1) {
	clear: left; }
	
	
/** Special Message */
.special-message { font-size: 12px; font-weight: 600; text-transform: uppercase; color: #2c2c2c; padding: 10px 8px 5px 8px; margin-top: 10px; background: #f9f9f9; display: inline-block; border-radius: 3px; border: 1px solid #f2f2f2; }
.special-message ul { padding-bottom: 0; }
.special-message i { top: 1px; }


.special-message-link { position: relative; display: block; margin-bottom: 5px; }
.special-message-link a { font-size: 13px; font-weight: 600; min-height: 16px; color: #880034; padding: 10px 15px 6px 40px; margin-top: 10px; background: #f9f9f9; display: inline-block; border-radius: 3px; border: 1px solid #f2f2f2; }
.special-message-link a:hover { color: #000066; }
.special-message-link i { position: absolute; display: block; }
.special-message-link i.va-workshop { width: 30px; height: 30px; background-position: -124px -406px; top: 14px; left: 5px; }


/** Stock Level */
.stock-level li { position: relative; padding: 3px 8px 2px; display: inline-block; }
.stock-level li.stock-notice { margin-left: 5px; padding-left: 28px; }
.stock-level li.stock-notice i { top: 3px; }


/** Colour Swatch */
.colour-swatch { font-size: 0; position: relative; min-height: 20px; }
.colour-swatch li { width: 20px; height: 20px; border: 1px solid #cccccc; padding: 1px; margin: 0 4px 4px 0; float: left; cursor: pointer; }
.colour-swatch li img, .colour-swatch li .colour-swatch-bg { width: 16px; height: 16px; display: block; }
.colour-swatch li.selected, .colour-swatch li:hover.selected { border: 1px solid #2c2c2c; }
.colour-swatch li:hover { border: 1px solid #2c2c2c; }
.colour-swatch li span.title { display: none; }


/** Sorting */
.sorting { background: #ffffff; padding-bottom: 15px; }
.sorting .displaying { padding: 6px 0; display: inline-block; float: left; }
.device-xs .sorting .displaying, .device-sm .sorting .displaying { margin-bottom: 5px; }
.sort-options { position: relative; float: right; }
.device-xs .sort-options, .device-sm .sort-options { margin-right: 0; float: left; clear: both; }
.sort-options li { position: relative; display: block; margin-left: 4px; float: left; }
.device-xs .sort-options li, .device-sm .sort-options li { margin-left: 0px; margin-right: 4px; }
.sort-options label { vertical-align: top; padding: 5px 5px 0 0; }
.device-xs .sort-options label { display: none; }
.switch-view { font-size: 0; position: relative; margin-left: 10px; float: right; }
.switch-view li { width: 27px; height: 26px; border: 1px solid #cccccc; position: relative; margin-left: 4px; float: left; cursor: pointer; opacity: 0.5; }
.switch-view .active-view { border: 1px solid #2c2c2c; opacity: 1; }
.switch-view .active { border: 1px solid #2c2c2c; opacity: 1; }
.switch-view li span { display: none; }
.switch-grid-sm { background-position: -5px -175px; }
.device-xs .switch-grid-sm { background-position: -34px -175px; }
.device-sm .switch-grid-sm { background-position: -92px -175px; }
.switch-grid-md { background-position: -34px -175px; }
.device-xs .switch-grid-md { background-position: -92px -175px; }
.switch-grid-lg { background-position: -63px -175px; }
.device-sm .switch-grid-lg { background-position: -5px -175px; }


/** Paging */
.paging { background: #ffffff; padding: 15px 0; }
.paging ul { display: inline-block; }
.paging li { white-space: nowrap; display: inline; float: left; }
.paging li a { height: 32px; line-height: 32px; border: 1px solid #e5e5e5; display: block; padding: 0 10px; min-width: 2.4em; text-decoration: none; text-align: center; background: #ffffff; margin: 0 1px; }
.paging li a:hover { background: #f9f9f9; }
.paging li.more { display: block; padding: 6px 4px 4px; }
.paging li.previous a, .paging li.next a { background: #f2f2f2; border: 1px solid #f2f2f2; }
.paging li.previous a { padding-left: 2px; }
.paging li.next a { padding-right: 2px; }
.paging li.previous a:hover, .paging li.next a:hover { background: #e5e5e5; border-color: #e5e5e5 }
.paging li.active a, .paging li.disabled a { pointer-events: none; cursor: default; }
.paging li.active a { color: #ffffff; background: #2c2c2c; border: 1px solid #2c2c2c; }
.paging li.disabled a { color: #cccccc; background: #f2f2f2; border: 1px solid #f2f2f2; }
.paging li.disabled a i { opacity: 0.2; }
.paging li i { top: 3px; }


/** Paging - Articles  */
.paging-articles { background: #ffffff; }
.device-xs .paging-articles, .device-sm .paging-articles { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.paging-articles .previous { padding-left: 35px; }
.paging-articles .next { text-align: right; padding-right: 35px; }
.device-xs .paging-articles .next { border-top: 1px solid #cccccc; text-align: left; padding: 15px 0 0 35px; }
.paging-articles .previous:hover .title, .paging-articles .next:hover .title { opacity: 0.5; }
.paging-articles .previous:hover a, .paging-articles .next:hover a { color: #2a2a2a; }
.paging-articles .previous:hover i, .paging-articles .next:hover i { opacity: 0.5; }
.paging-articles i { position: absolute; top: -2px; opacity: 0.2; }
.paging-articles .previous i { left: 15px; background-position: -276px -266px; }
.paging-articles .next i { right: 15px; background-position: -300px -266px; }
.device-xs .paging-articles .next i { right: auto; left: 15px; top: 13px; }
.paging-articles .title { text-transform: uppercase; }


/** Intro */
.intro { width: 100%; background: #ffffff; }


/** Secondary Nav */
.secondary-nav { width: 100%; background: #ffffff; position: relative; margin-bottom: 30px; }
.secondary-nav h3 { width: 100%; color: #880034; background: #f2f2f2; display: block; padding: 10px; position: relative; margin-bottom: -1px; border: 1px solid #e5e5e5; }
.secondary-nav li { position: relative; margin-bottom: -1px; border: 1px solid #e5e5e5; }
.secondary-nav li a { color: #2c2c2c; display: block; background: #f9f9f9; padding: 5px 10px; position: relative; }
.secondary-nav li li { position: relative; margin-bottom: 0px; border: none; }
.secondary-nav li li a { background: #ffffff; padding: 5px 20px; }
.secondary-nav li a:hover { background: #f2f2f2; text-decoration: none; }


/** Multi-Tier Nav */
.multi-tier-nav { width: 100%; background: #ffffff; position: relative; margin-bottom: 30px; border: 1px solid #e5e5e5; }
.multi-tier-nav h3 { width: 100%; color: #880034; background: #f2f2f2; display: block; padding: 10px; position: relative; }
.multi-tier-nav > ul { padding-right: 30px; }
.multi-tier-nav li::selection { background:transparent; }
.multi-tier-nav li { font-weight: bold; position: relative; padding: 5px 10px; padding-right: 0; z-index: 1; }
.multi-tier-nav li a { color: #2c2c2c; display: block; position: relative; }
.multi-tier-nav li a:hover { color: #880034; }
.multi-tier-nav li li { font-weight: normal; }
.multi-tier-nav li ul { padding-top: 10px; }
.multi-tier-nav li li a { font-weight: normal; color: #666666; }
.multi-tier-nav li i { position: absolute; top: 6px; right: -25px; z-index: 10; cursor: pointer }
.multi-tier-nav li a.active { font-weight: bold; color: #880034; }


/** Filters */
.filters { width: 100%; background: #ffffff; float: left; }
.filters .fb { width: 100%; float: left; }
.filters .fb header { width: 100%; position: relative; display: block; margin-top: 10px; padding-top: 15px; border-top: 1px solid #cccccc; float: left; }
.filters .fb header.title { border-top: none; padding-bottom: 15px; }
.filters .expand-link{ position: relative; cursor: pointer; }
.filters .expand-link i{ position: absolute; left: auto; right: 0; top: 0; }
.filters .expand-link i.fopen, .filters .expand-link.filter-collapse i.fclose { display:none; }
.filters .expand-link.filter-collapse i.fopen { display: block; }
.filters .expand-box { width: 100%; height: auto; padding-top: 10px; position: relative; display: block; overflow: hidden; }

.filters div.filter-content { width: 100%; display: block; height: auto; overflow: auto; }
.filters ul.filter-content { width: 100%; padding-right: 20px; }
.filters .filter-content h3 { height: 0; margin: 0; text-indent: -9999px; line-height: 0; }
.filters .filter-content li { padding: 3px 0; }
.filters .filter-content.span2 li { width: 50%; display: block; float: left; }

.filters .filter-content li { position: relative; padding-left: 24px; }
.filters .filter-content li input[type=checkbox] { display: none; }
.filters .filter-content i { position: absolute; top: 2px; left: 0; }

.filters .filter-content i.fchecked, .filters .filter-content li.checked i.funchecked { display: none; }
.filters .filter-content li.checked i.fchecked { display: block; }

.filters .filter-content .css-label:hover { text-decoration: underline; cursor: pointer; }
.filters .filter-content .disabled { pointer-events: none; cursor: default; opacity: 0.5; }

.filters .colour-box { margin-left: -2px; }
.filters .colour-box li { width: 18px; height: 21px; float: left; margin: 3px 5px; padding-left: 0px; }
.filters .colour-box .css-label { width: 18px; height: 18px; display: block; text-indent: -1999px; background: none; padding: 0 !important; box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #e5e5e5; cursor: pointer; }
.filters .colour-box .css-label:hover { box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #880034; }
.filters .colour-box input[type=checkbox].css-checkbox:checked ~ .css-label { box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #880034; }


/** Brand Filter */
.brand-filter { background: #ffffff; position: relative; padding-bottom: 15px; }
.device-xs .brand-filter, .device-sm .brand-filter { display: none; }
.brand-filter ul { text-align: center; }
.brand-filter li { display: inline-block; margin: 1px; border: 2px solid transparent; }
.brand-filter li.disabled { pointer-events: none; cursor: default; opacity: 0.2; -webkit-filter: grayscale(100%); }
.brand-filter li img { min-width: 88px; cursor: pointer; }
.brand-filter li:hover { border: 2px solid #e5e5e5; }
.brand-filter li.selected { border: 2px solid #880034; }
.brand-filter li a img { width: 78px; height: auto; }


/** Product Detail */
.product-detail-group { background: #ffffff; }

.product-detail-images { width: 100%; position: relative; border: none; text-align: center; }
.device-xs .product-detail-images { padding-top: 20px; }
.product-detail-images .sticker-promo { width: 96px; height: 96px; left: -15px; top: 5px; }
.device-xs .product-detail-images .sticker-promo { width: 54px; height: 54px; left: 5px; top: 5px; }
.device-sm .product-detail-images .sticker-promo { width: 72px; height: 72px; left: 5px; top: 5px; }
.product-detail-images .sticker-attribute { width: 72px; height: 72px; right: 10px; bottom: 15px; }
.device-xs .product-detail-images .sticker-attribute { width: 54px; height: 54px; }

.primary-image { width: 100%; position: relative; margin-bottom: 15px; }
.device-xs .primary-image img { max-width: 320px; }

.secondary-images ul { font-size: 0; text-align: center; padding: 0 10px; }
.secondary-images li { width: 58px; display: inline-block; vertical-align: middle; border: 1px solid #cccccc; margin: 4px; position: relative; }
.secondary-images li.video i { width: 32px; height: 32px; position: absolute; background-position: -100px -266px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; z-index: 2; opacity: 0.7; }
.secondary-images li.video:hover i { opacity: 1; }

.attribute-images ul { font-size: 0; text-align: center; padding: 0 10px; }
.attribute-images li { width: 72px; display: inline-block; vertical-align: middle; margin: 4px; position: relative; }

.product-detail-video { color: #8a8a8a; background: #2c2c2c; padding: 15px; margin-bottom: 45px; }
.product-detail-video h3 { color: #ffffff; }

.brand-logo { max-width: 140px; margin-left: 30px; margin-bottom: 30px; float: right; }
.device-xs .brand-logo { max-width: 120px; }
.product-detail .product-desc { min-height: inherit; }

.product-detail .special-message { font-size: 13px; line-height: 17px; margin-bottom: 8px; }
.product-detail .special-message ul { margin-bottom: 0 !important; }

.product-select li { margin-bottom: 10px; }
.device-xs .product-select .select-style { width: 100%; }
.device-sm .product-select .select-style, .device-md .product-select .select-style, .device-lg .product-select .select-style { min-width: 300px; }

.product-qty { white-space: nowrap; }
.product-qty label { padding-right: 5px; }
.product-qty .input-style { width: 50px; text-align: center; }

.product-multi-select { position: relative; margin-top: 30px; }
.product-multi-select-header { position: relative; margin-bottom: 15px; padding: 0; }
.product-multi-select-item { position: relative; padding: 15px 0; border-top: 1px solid #cccccc; }
.device-xs .product-multi-select-item { margin-top: 0px; }
.product-multi-select-item .product-option { width: auto; padding-left: 0px; float: none; overflow: auto; height: auto; }
.device-xs .product-multi-select-item .product-option { margin-bottom: 10px; }
.product-multi-select-item .product-option .oj-checkbox-group { margin: 0; margin-top: 5px; padding: 0; display: inline-block; }
.product-multi-select-item .product-option span { font-weight: 700; }
.product-multi-select-item .product-qty { text-align: center; }
.device-xs .product-multi-select-item .product-qty { text-align: left; }
.device-sm .product-multi-select-item .product-qty label, .device-md .product-multi-select-item .product-qty label, .device-lg .product-multi-select-item .product-qty label { display: none; }
.device-sm .product-multi-select-item .product-qty .qty, .device-md .product-multi-select-item .product-qty .qty, .device-lg .product-multi-select-item .product-qty .qty { display: none; }
.device-xs .product-multi-select-item .product-qty .input-style { margin-right: 5px; }
.device-xs .product-multi-select-item .product-qty > div { display: inline; }
.product-multi-select-item .product-prices { text-align: right; }
.product-multi-select-item .product-prices .current-price  { padding-top: 0 !important; }

.product-extras { position: relative; margin-top: 30px; }
.product-extras-header { position: relative; margin-bottom: 15px; padding: 0; }
.product-extras-header h3 { padding: 0; }
.product-extras-item { position: relative; padding: 10px 0; border-top: 1px solid #cccccc; }
.device-xs .product-extras-item { margin-top: 0px; }
.product-extras-item .product-option { width: auto; padding-left: 0px; float: none; overflow: auto; height: auto; }
.device-xs .product-extras-item .product-option { margin-bottom: 10px; }
.product-extras-item .product-option .oj-checkbox-group { margin: 0; margin-top: 5px; padding: 0; display: inline-block; }
.product-extras-item .product-option span { }
.product-extras-item .product-prices { text-align: right; }
.product-extras-item .product-prices .current-price  { font-size: 15px; padding-top: 0 !important; }

.product-addon { position: relative; margin-top: 30px; }
.product-addon-header { position: relative; margin-bottom: 15px; padding: 0; }
.product-addon-header h3 { padding: 0; }
.product-addon-item { position: relative; padding: 15px 0; border-top: 1px solid #cccccc; }
.product-addon-item .product { margin: 0; padding: 0; }
.product-addon-item .product-image { width: 20%; }
.product-addon-item .product-content { width: 78%; padding-left: 10px; float: right; }
.product-addon-item .product-content h3 { font-size: 13px; line-height: 17px; }
.product-addon-item .product-select { margin-top: 10px; }
.product-addon-item .product-select li { margin-bottom: 5px; }
.product-addon-item .product-select .select-style { width: 100%; min-width: inherit; }
.product-addon-item .current-price { font-size: 14px; line-height: 20px; }
.product-addon-item .product-qty { margin-top: 5px; text-align: center; }
.product-addon-item .product-option { text-align: right; }
.product-addon-item .product-option .oj-checkbox-group { margin: 0; padding: 0; display: inline-block; }
.product-addon-item .product-option label { margin: 0; }
.product-addon-item .product-option .checkbox-style { height: 36px; padding: 10px; cursor: pointer; }
.product-addon-item .product-option .checkbox-style i { left: 10px; }
.product-addon-item .product-option .va-tick { width: 16px; height: 16px; display: inline-block; top: 9px; position: relative; right: 10px; }

.product-addon-item .product-show-option i { margin: 0; }



.product-addon-item-select-inner { max-height: 300px; overflow-y: auto; padding-top: 15px; position: relative; padding-right: 5px; }
.product-addon-item-select-inner .product { margin-bottom: 15px; }


.product-addon-item-select:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1) 90%);
  width: 100%;
  height: 4em;
}
.product-addon-item-select .product-content h3 { font-weight: normal; }



.product-links { background: #f2f2f2; padding: 15px; margin-bottom: 15px; }
.product-links h4 { padding-top: 0; }

.product-buy { background: #ffffff; }
.product-buy .product-qty  { height: 44px; padding: 5px; background: #f2f2f2; }
.device-xs .product-buy .product-qty, .device-sm .product-buy .product-qty  { background: #f2f2f2; }
.product-buy .product-qty label  { width: 30px; font-size: 12px; font-weight: bold; }
.product-buy .product-qty .input-style { width: 40px; background: #ffffff; border: none; }

.product-buy-full-width { position: fixed; width: 100%; height: 65px; top: -140px; left: 0; padding-top: 10px; background: #ffffff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); z-index: 9001; transition: top 0.6s ease; }
.desktop .product-buy-full-width.active { top: 40px; }
.product-buy-full-width span { line-height: 40px; }
.product-buy-full-width button span { line-height: normal; }

.product-services  { position: relative; }
.product-services .container  { width: 100%; padding: 0; margin: 0; }
.product-services .service-item  { width: 100%; }
.product-services .service-item a  { width: 100%; background: #f9f9f9; color: #880034; padding: 15px 4px; text-align: center; display: block; }
.product-services .service-item a:hover { background: #f2f2f2; color: #2c2c2c; text-decoration: none; }

.product-services .service-item i { width: 50px; height: 30px; position: relative; left: 50%; margin-left: -25px; display: block; }
.product-services .service-item i.ask-a-question { background-position: -196px -138px; }
.product-services .service-item a:hover i.ask-a-question { background-position: -196px -170px; }
.product-services .service-item i.price-match { background-position: -248px -138px; }
.product-services .service-item a:hover i.price-match { background-position: -248px -170px; }
.product-services .service-item span { padding-top: 10px; display: block; }


/* Share Buttons */
.share-buttons { font-size: 1px; margin-bottom: 30px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 15px 0; }
.share-buttons iframe, .share-buttons>span { vertical-align: middle; }
.share-buttons>span { display: inline-block; position: relative; margin: 0 10px 5px 0; }
.device-md .share-buttons>span { margin-right: 5px; }
.share-buttons span.facebook { top: -1px; }


/** Action */
.action { text-align: center; }
.device-sm .action .availability li { display: inline-block; }


/** Product Bundle Group */
.product-bundle-group { width: 100%; background: #ffffff; }
.product-bundle { padding: 15px; margin-bottom: -1px; border: 1px solid #cccccc; }
.device-xs .product-bundle .products { margin-bottom: 10px; }
.product-bundle .products li { width: 96px; display: inline-block; vertical-align: middle; border: none; margin: 0 26px 10px 0; position: relative; }
.device-xs .product-bundle .products li { width: 48px; }
.product-bundle .products li .va-plus { position: absolute; display: block; top: 50%; right: -24px; margin-top: -8px; }
.product-bundle .product-prices { text-align: right; }
.device-xs .product-bundle .product-prices, .device-sm .product-bundle .product-prices { text-align: left; }


/** Tab Content */
.tab-content .tab-pane { position: relative; display: none; }
.tab-content .tab-pane.active { display: block; }
.oj-collapse-tabs .desktop-only, .oj-collapse-tabs .mobile-only { display:none; }
.oj-collapse-tabs.desktop .desktop-only, .oj-collapse-tabs.mobile .mobile-only { display:block; }
.oj-collapse-tabs.mobile .tab-pane { display: block; }
.oj-collapse-tabs.desktop .oj-click { cursor:auto; }
.oj-collapse-tabs.desktop .oj-content { height: auto !important; display: block !important; }
.oj-collapse-tabs .oj-content { padding-top: 15px; }

.tab-nav { padding-bottom: 0; margin: 0; border-bottom: 2px solid #edf1f2; }
.tab-nav li { line-height: 32px; font-size: 13px; font-weight: 700; position: relative; top: 12px; margin-right: 4px; list-style: none; padding: 10px 12px; color: #ffffff; background: #880034; float: left; cursor: pointer; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.device-md .tab-nav li { margin-right: 2px; }
.tab-nav li.active, .tab-nav li:hover { opacity: 0.85; }
.tab-nav li.active { top: 2px; padding: 15px 12px; border-bottom-color: #ffffff; !important; }
.tab-nav li.twolines { line-height: 16px; }
.tab-nav li.twolines .br { display: block; }

.tab-nav li.va-tab-md { padding-left: 54px; }
.tab-nav li.va-tab-md i { width: 30px; height: 30px; top: 50%; left: 15px; margin-top: -16px; }
.tab-nav li.va-tab-md i.va-products { background-position: -300px -170px; }
.tab-nav li.va-tab-md i.va-banjos { background-position: -332px -170px; }
.tab-nav li.va-tab-md i.va-accessories { background-position: -364px -170px; }
.tab-nav li.va-tab-md i.va-reviews { background-position: -396px -170px; }
.tab-nav li.va-tab-md i.va-description { background-position: -428px -170px; }
.tab-nav li.va-tab-md i.va-delivery { background-position: -460px -170px; }
.tab-nav li.va-tab-md i.va-videos { background-position: -360px -244px; margin-top: -8px !important; }

.tab-content .tab-pane .collapse-title { font-size: 13px; font-weight: 700; padding: 15px; color: #ffffff; background: #a4b82d; margin-bottom: 2px; cursor: pointer; }
.tab-content .tab-pane.active .collapse-title { color: #e20a16 !important; background: #ecf0f2 !important; border: none; position: relative; }
.tab-content .tab-pane .collapse-title i { position: absolute; top: 15px; right: 5px; }
.tab-content .tab-pane .collapse-open, .tab-content .tab-pane.active .collapse-closed { display: none; }
.tab-content .tab-pane .collapse-closed, .tab-content .tab-pane.active .collapse-open { display: block; }
.tab-content .tab-pane .va-arrow-up { width: 22px; height: 16px; }
.tab-content .tab-pane .va-arrow-down { width: 22px; height: 16px; }


/** Accordion Content */
.accordion-content { border-bottom: 1px solid #c7ccce; }
.accordion-content .accordion-pane { position: relative; border-top: 1px solid #c7ccce; }
.accordion-content .accordion-pane .accordion-title { padding: 15px 0; display: block;}
.accordion-content .accordion-pane .accordion-title p { margin: 0; padding: 0;  }

.accordion-content .accordion-pane>i { position: absolute; display: block; top: 15px; right: 5px; cursor: pointer; }
.accordion-content .accordion-pane .collapse-open { visibility: hidden; }
.accordion-content .accordion-pane .collapse-closed { visibility: visible; }
.accordion-content .accordion-pane.active .collapse-open { visibility: visible; }
.accordion-content .accordion-pane.active .collapse-closed { visibility: hidden; }


/** Collapse */
.oj-collapse .oj-content:after { content: " "; display: block; height: 20px; }
.oj-collapse .oj-click { cursor: pointer; position: relative; }
.oj-collapse.inactive > .oj-click { cursor: auto; }
.oj-collapse .oj-on, .oj-collapse .oj-off { position: absolute; cursor: pointer; }
.oj-collapse .oj-on, .oj-collapse.active .oj-off { display: none; }
.oj-collapse.active .oj-on { display: block; }
.oj-collapse.inactive > .oj-click .oj-on, .oj-collapse.inactive > .oj-click .oj-off { display: none; }


/** Product Specification */
.product-specification { width: 100%; position: relative; }
.product-specification table { width: 100%; }
.product-specification th, .product-specification td { padding: 5px 10px; border-top: 1px solid #cccccc; }
.product-specification tbody { border-bottom: 1px solid #cccccc; }
.product-specification th { padding-top: 20px; }
.product-specification th.first { padding-top: 0px; border-top: none; }
.product-specification td:first-child { background: #f2f2f2; }
.product-specification tr:nth-child(2n+1) { background: #ffffff; }


/** Product Size Chart */
.product-size-chart { width: 100%; position: relative; }
.product-size-chart table { width: auto; }
.product-size-chart th, .product-size-chart td { padding: 5px 10px; border: 1px solid #cccccc; }
.product-size-chart th, .product-size-chart th:last-child { background: #f2f2f2; }
.product-size-chart th { padding-top: 10px; padding-bottom: 10px; }
.product-size-chart th:first-child { background: #ffffff; border-top: none; border-left: none; }
.product-size-chart td:first-child { border-top: none; border-left: none; }
.product-size-chart th:last-child, .product-size-chart td:last-child { border: 1px solid #cccccc; }
.product-size-chart tr:nth-child(2n+1) { background: #ffffff; }


/** Downloads */
.downloads ul { border-top: 1px solid #e5e5e5; }
.downloads li a { min-height: 37px; padding: 10px 0 0 46px; border-bottom: 1px solid #e5e5e5; display: block; }
.downloads li a i { top: 5px; }


/** Dealers */
.dealer-detail ul, .dealer-detail li { list-style: none; padding: 0px; margin: 0px; }

.dealer-form { padding: 50px 60px; background: #f9f9f9; }
.device-xs .dealer-form { padding: 25px 30px; }

.device-lg .dealer-list>div>div:nth-child(2n+1),
.device-md .dealer-list>div>div:nth-child(2n+1),
.device-sm .dealer-list>div>div:nth-child(2n+1),
.device-xs .dealer-list>div>div:nth-child(1n+1) {
	clear: left; }
	
.dealer-item { margin-bottom: 60px; }
.dealer-item h3, .dealer-item h4 { padding: 0; }
.dealer-item ul { margin-bottom: 15px; }

.dealer-item .va-location { width: 16px; height: 16px; background-position: -295px -248px; }


/** Reviews */
.reviews-group { width: 100%; position: relative; }
.review-box { width: 100%; position: relative; padding: 15px; border: 1px solid #cccccc; float: left; }
.review-info { width: 200px; position: relative; float: left; margin-right: 15px; }
.device-xs .review-info { display: none; }
.device-sm .review-info { width: 60px; }
.review-info img { max-width: 50px !important; margin-bottom: 10px; }
.review-desc { width: auto; min-height: 120px; overflow: auto; height: auto; }
.review-desc ul.reviews { list-style-type: none; margin-left: 0px; padding: 0px; }
.device-md .review-desc, .device-lg .review-desc { padding: 15px; padding-left: 0; }
.device-md .review-desc .author, .device-lg .review-desc .author { max-width: 200px; position: absolute; top: 75px; left: 15px; display: block; }
.review-desc .author .date { display: block; }
.device-md .product-reviews .ratings, .device-lg .product-reviews .ratings { text-align: right; }


/** Testimonials */
.testimonials-group { width: 100%; position: relative; }
.testimonial-box { width: 100%; position: relative; padding: 15px; border: 1px solid #cccccc; float: left; }
.testimonial-info { width: 200px; position: relative; float: left; margin-right: 15px; }
.device-xs .testimonial-info { display: none; }
.device-sm .testimonial-info { width: 60px; }
.testimonial-info img { max-width: 50px !important; margin-bottom: 10px; }
.testimonial-desc { width: auto; min-height: 120px; overflow: auto; height: auto; }
.device-md .testimonial-desc, .device-lg .testimonial-desc { padding: 15px; padding-left: 0; }
.testimonial-desc ul.testimonials { list-style-type: none; margin-left: 0px; padding: 0px; }
.device-md .testimonial-desc .author, .device-lg .testimonial-desc .author { max-width: 200px; position: absolute; top: 75px; left: 15px; display: block; }
.testimonial-desc .author .date { display: block; }


/** Product Comparison */
.product-comparison-group { width: 100%; background: #ffffff; position: relative; }
.product-comparison { background: #ffffff; }
.product-comparison.hide-key .key { display: none; }
.product-comparison.hide-key .scroll { padding-left: 0; }
.product-comparison .scroll { overflow: auto; padding-left: 130px; }
.product-comparison table td {  }
.product-comparison table th, .product-comparison table td { padding: 15px; vertical-align: top; background: #ffffff; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; background-clip: padding-box; }
.product-comparison .key { position: absolute; top: 0; left: 0; width: 130px; z-index: 20; }
.product-comparison .key td, .product-comparison .key th { background: rgba(255,255,255,0.9); border-left: none; background-clip: padding-box; }
.product-comparison .data { width: 100%; position: relative; z-index: 10; }
.device-xs .product-comparison table .first { min-width: auto; }
.product-comparison .product-image { width: auto; max-width: 180px; margin-left: auto; margin-right: auto; float: none; }
.device-xs .product-comparison .product-image { max-width: 120px; }
.product-comparison .resp-img { min-width: 180px; max-width: 180px; }
.device-xs .product-comparison .resp-img { min-width: 120px; max-width: 120px; }
.product-comparison .product-select li { margin-bottom: 10px; }
.device-xs .product-comparison .product-select .select-style { width: 100%; }
.device-sm .product-comparison .product-select .select-style, 
.device-md .product-comparison .product-select .select-style, 
.device-lg .product-comparison .product-select .select-style { 
	width: auto; min-width: 180px; }

.product-comparison .key-control { position: absolute; top: 10px; left: 0; z-index: 30; }
.product-comparison .key-control li { cursor: pointer; }
.product-comparison .key-control .off { display: none; }

.product-comparison .remove-btn { height: 24px; line-height: 24px; position: absolute; bottom: -15px; right: -15px; display: block; font-size: 11px; background: #f2f2f2; color: #666666; padding-right: 6px; padding-left: 2px; text-decoration: none; }
.product-comparison .remove-btn:hover { background: #880034; color: #ffffff; }
.product-comparison .remove-btn .va-remove { top: 4px; left: 0; }
.product-comparison .remove-btn span { padding-left: 3px; }


/** Basket Table */
.basket-table-group { width: 100%; background: #ffffff; position: relative; }
.basket-table { position: relative; }

.basket-header { position: relative; margin-bottom: 15px; padding: 0 15px; }
.basket-item { position: relative; padding: 15px; border-top: 1px solid #cccccc; }
.device-xs .basket-item { margin-top: 0px; }
.basket-item .product-image { max-width: 60px; margin-bottom: 0px; padding-right: 10px; float: left; }
.device-xs .basket-item .product-image { margin-bottom: 10px; }
.basket-item .product-content { width: auto; padding-left: 0px; float: none; overflow: auto; height: auto; }
.device-xs .basket-item .product-content { margin-bottom: 10px; }
.basket-item .product-qty { text-align: center; }
.device-xs .basket-item .product-qty { text-align: left; }
.device-sm .basket-item .product-qty label, .device-md .basket-item .product-qty label, .device-lg .basket-item .product-qty label { display: none; }
.device-sm .basket-item .product-qty .qty, .device-md .basket-item .product-qty .qty, .device-lg .basket-item .product-qty .qty { display: none; }
.device-xs .basket-item .product-qty .input-style { margin-right: 5px; }
.device-xs .basket-item .product-qty > div { display: inline; }
.basket-item .product-prices { text-align: right; }

.promo-code { margin-bottom: 15px; }
.loyalty-points { position: relative; border-top: 1px solid #e5e5e5; padding-top: 15px; margin-bottom: 15px; }
.loyalty-points i { float: right; margin-left: 10px !important; margin-bottom: 10px !important; }
.delivery-cost { margin-bottom: 15px; }
.device-xs .delivery-cost { border-top: 1px solid #e5e5e5; padding-top: 15px; }
.delivery-cost ul li { display: block; margin-bottom: 10px; }


/** Orders Table */
.orders-table-group { width: 100%; background: #ffffff; position: relative; border-bottom: 1px solid #cccccc; }
.orders-table-group h4, .orders-table-group p { padding: 0 !important; }
.order-item-group { background: #ffffff; }
.order-item { background: #ffffff; padding: 15px; border-top: 1px solid #cccccc; }
.order-item:hover { background: #f8f8f8; }
.order-item.va-hide { background: #f2f2f2; }
.order-item-table { position: relative; background: #f8f8f8; padding: 30px 15px; }
.order-item-header { color: #666666; padding: 5px 0; }
.order-item-detail, .order-item-totals, .order-item-dispatch-item { position: relative; padding: 10px 0; border-top: 1px solid #cccccc; }
.order-item-totals { margin-bottom: 15px; }
.order-item-info { margin-bottom: 45px; }
.order-item-dispatch { background: #ffffff; padding: 15px; margin-bottom: 15px; }
.order-item-dispatch-header { color: #666666; padding: 5px 0; }
.order-item-dispatch-header h3 { color: #880034; }

.order-item .status { color: #666666; top: 2px; margin-left: 5px; }
.order-item .status i, .order-item-header i { width: 14px; height: 14px; border-radius: 50%; display: inline-block; position: relative; margin-left: 0px; padding-left: 0; }
.order-item .status i { top: 2px; margin-left: 5px; }

.order-complete { background-color: #339900; }
.order-cancelled { background-color: #ff0000; }
.order-refunded { background-color: #660099; }
.order-processing { background-color: #ff9900; }


/** Footer */
.footer { width: 100%; position: relative; }
.device-xs .footer, .device-sm .footer { height: auto; }

.footer-usp-group { width: 100%; background: #ffffff; border-top: 1px solid #e5e5e5; position: relative; margin-bottom: 30px; }
.footer-usp-group .container { padding-top: 30px; }
.footer-usp-group .usp-item { width: 100%; height: auto;  position: relative; padding: 10px 0; display: block; cursor: pointer; text-align: center; }
.footer-usp-group .usp-item:hover { opacity: 0.9; }
.footer-usp-group .usp-item a { color: #2c2c2c; }
.footer-usp-group .usp-item a:hover { text-decoration: none; }
.footer-usp-group .usp-item i { width: 100px; height: 60px; position: relative; display: inline-block; margin-bottom: 15px; }
.footer-usp-group .usp-item i.usp-1 { background-position: -4px -440px; }
.footer-usp-group .usp-item i.usp-2 { background-position: -106px -440px; }
.footer-usp-group .usp-item i.usp-3 { background-position: -208px -440px; }
.footer-usp-group .usp-item i.usp-4 { background-position: -310px -440px; }
.footer-usp-group .usp-item-content { padding: 0 10px; clear: both; }
.footer-usp-group .usp-item-content h3 { border: none; }
.device-md .footer-usp-group .usp-item-content h3, .device-lg .footer-usp-group .usp-item-content h3 { font-size: 15px !important; padding-bottom: 5px !important; }
.device-md .footer-usp-group .usp-item-content p, .device-lg .footer-usp-group .usp-item-content p { font-size: 13px !important; }

.device-xs .footer-usp-group .row>div:nth-child(2n+1) {
	clear: left; }

.footer-help { width: 100%; background: #f9f9f9; position: relative; }
.footer-help .title { display: block; padding-bottom: 5px; margin-bottom: 20px; }
.footer-help .highlight { color: #880034; }
.footer-help p { position: relative; top: -10px; padding-bottom: 15px; }

.device-xs .customer-help span, .device-sm .customer-help span { display: block; }

.footer-newsletter { width: 100%; background: #f2f2f2; position: relative; }
.footer-newsletter h3 { width: 310px; height: 66px; display: block; background-position: -4px -438px; margin: 0 auto; margin-bottom: 15px; }
.footer-newsletter h3 span { display: none; }

.footer-newsletter .email-newsletter label { padding-right: 15px; }
.device-xs .footer-newsletter .email-newsletter input { width: 100%; }
.device-sm .footer-newsletter .email-newsletter input { width: 300px; }
.device-md .footer-newsletter .email-newsletter input { width: 360px; }
.device-lg .footer-newsletter .email-newsletter input { width: 400px; }

.footer-features { width: 100%; background: #f2f2f2; position: relative; margin-top: 30px; }
.footer-features .container { padding: 0; }
.footer-features .row { margin: 0; }
.footer-features .row>div { padding: 0; }

.footer-features-content { width: 100%; height: auto; position: relative; padding: 30px 15px; padding-right: 45px; }
.device-xs .footer-features-content, .device-sm .footer-features-content { border-top: 1px solid #ffffff; padding-right: 0; }
.footer-features-content .title { color: #2c2c2c; display: block; }
.footer-features-content i.feature-1, .footer-features-content i.feature-2, .footer-features-content i.feature-3 { width: 100px; height: 60px; position: relative; display: inline-block; margin: 0 0 30px 15px; float: right; }
.footer-features-content i.feature-1 { background-position: -4px -408px; }
.footer-features-content i.feature-2 { background-position: -106px -408px; }
.footer-features-content i.feature-3 { background-position: -208px -408px; }

.footer-links-group { width: 100%; background: #2c2c2c; position: relative; }
.device-xs .footer-links-group .container, .device-sm .footer-links-group .container { padding: 0; }
.device-md .footer-links-group .row, .device-lg .footer-links-group .row { margin-top: 30px; }
.device-xs .footer-links-group .row, .device-sm .footer-links-group .row { margin: 0; }
.device-xs .footer-links-group .row>[class*="col-"], .device-sm .footer-links-group .row>[class*="col-"] { padding: 0; }

.device-xs .footer-links, .device-sm .footer-links { border-bottom: 1px solid #5b5b5b; text-align: center; }
.device-xs .footer-links .oj-click, .device-sm .footer-links .oj-click { padding: 0 45px; }
.footer-links .oj-click i { position: absolute; left: auto; right: 15px; top: 15px; }
.footer-links .title { color: #ffffff; display: block; padding: 10px 0; }
.footer-links a { color: #8a8a8a; }
.footer-links a:hover { text-decoration: none; color: #ffffff; }

.device-xs .footer .social-container, .device-sm .footer .social-container { margin-top: 20px; padding-top: 20px; }
.footer .social { display: table; margin: 0 auto; }
.footer .social ul { font-size: 0; position: relative; display: inline-block; }
.footer .social li { position: relative; display: inline-block; margin: 0 1px; }
.footer .social li a { width: 40px; height: 40px; display: block; }
.footer .social li a:hover { background-color: #5a5a5a; transition: background-color 0.25s ease; }
.footer .social li span { display: none; }

.footer .social li .facebook { background-color: #3c5b9b; background-position: -4px -314px; }
.footer .social li .twitter { background-color: #00acee; background-position: -46px -314px; }
.footer .social li .google { background-color: #dd4b38; background-position: -88px -314px; }
.footer .social li .youtube { background-color: #cc181e; background-position: -172px -314px; }
.footer .social li .blog { background-color: #ef872b; background-position: -214px -314px; }
.footer .social li .pinterest { background-color: #ca232e; background-position: -256px -314px; }

.footer-trust { width: 100%; background: #2c2c2c; position: relative; }

.trust { display: table; margin: 0 auto; }
.trust > div { display: inline; }
.device-xs .trust > div, .device-sm .trust > div { display: table; margin: 0 auto; }
.trust ul { font-size: 0; position: relative; display: inline-block; }
.trust li { position: relative; display: inline-block; }
.trust li span { display: none; }

.footer-info { width: 100%; color: #8a8a8a; background: #2c2c2c; position: relative; padding-bottom: 25px; }
.device-md .footer-info, .device-lg .footer-info { font-size: 13px; }
.footer-info .title, .footer-info a { color: #8a8a8a; }
.footer-info a:hover { color: #ffffff; transition: color 0.25s ease; text-decoration: none; }
.device-xs .footer-info span { display: block; padding-top: 10px; }

.footer-info .copyright a { padding: 0 5px; }
.footer-info .credits { text-align: right; }
.device-xs .footer-info .copyright,
.device-sm .footer-info .copyright,
.device-xs .footer-info .credits,
.device-sm .footer-info .credits {
	text-align: center; }
	
.footer-info .credits i { position: relative; bottom: -1px; display: inline-block; }
.footer-info .credits span { display: none; }

.norton { display: block; margin-bottom: 20px; }


/** Collapse Filter Nav */
.collapse-menu { height: 34px; padding: 0 10px; line-height: 36px; background: #f2f2f2; font-size: 16px; cursor: pointer; display: none; margin-bottom: 30px; }
.device-xs .collapse-menu, .device-sm .collapse-menu { display: block; }


/** Cookie Policy */
.cookie-policy { width: 100%; color: #cccccc; background: rgba(0, 0, 0, 0.8); position: fixed; z-index: 100000000; }
.device-xs .cookie-policy, .device-sm .cookie-policy { background: rgba(0, 0, 0, 1); position: relative; padding-bottom: 40px; }
.cookie-policy .container { padding-top: 20px; }
.cookie-policy h3 { color: #ffffff; text-align: right; padding-bottom: 0; }
.device-xs .cookie-policy h3 { text-align: left; }
.cookie-policy a { color: #880034; }
.cookie-policy .fa-check { color: #ffffff; }
.device-xs .cookie-policy .btn { float: right !important; }


/** Product Compare */
.compare .remove, .compare.active .add { display: none; }
.compare.active .remove { display: block; }
.compare.active .remove-link  { padding-left: 0; }
.prod-compare { position: fixed; bottom: 0; left: 0; width: 100%; height: auto; padding-top: 20px; background: #ffffff; border-top: 1px solid #cccccc; display: none; z-index: 1000; }
.prod-compare .product-image { max-width: 60px; margin: 0px 20px 20px 0; position: relative; float: left; }
.prod-compare .va-remove { position: absolute; top: -5px; left: -5px; }
.prod-compare .va-close { position: absolute; top: 5px; right: 5px; }
.prod-compare .va-remove span, .prod-compare .va-close span { display: none; }


/** Back To Top */
.backtotop { display: none; position: fixed; bottom: 160px; right: 15px; background: rgba(0, 0, 0, 0.75); width: 36px; height: 36px; cursor: pointer; z-index: 10000; opacity: 0; transition: opacity 0.25s ease; }
.device-sm .backtotop, .device-xs .backtotop { display: block; }
.isScroll.device-sm .backtotop, .isScroll.device-xs .backtotop { opacity: 1; }
.backtotop .va-top { position: absolute; top: 50%; left: 50%; margin-top: -13px !important; margin-left: -15px !important; }


/** VA Hides */
.va-show-hide .va-content, .va-show-hide .va-hide, .va-show-hide.active .va-show { display: none; }
.va-show-hide.active .va-content, .va-show-hide.active .va-hide, .va-show-hide .va-show { display: block; }


/** Checkout Pages */
.device-md .checkout-content-container,
.device-lg .checkout-content-container,
.device-md .checkout-content,
.device-lg .checkout-content { 
	background: #f9f9f9;
}

.header-checkout, .device-xs .header-checkout, .device-sm .header-checkout { position: relative; height: auto; padding: 16px 0; }
.header-checkout .logo { position: static; }

.steps-group { width: 100%; background: #f9f9f9; position: relative; }
.device-md .steps-group, .device-lg .steps-group { padding-top: 30px; }
.device-xs .steps-group .container, .device-sm .steps-group .container { padding: 0px; }
.steps-group .row { margin: 0; }
.steps-group .row > div[class*="col-"] { padding: 0; }

.step-item { width: 100%; height: 42px; position: relative; display: block; text-align: center; background: #f2f2f2; color: #cccccc; border: 1px solid #e5e5e5; }
.step-item p { line-height: 42px; }
.device-xs .step-item p { padding: 0 0 0 15px; }

.step-arrow { background: #f2f2f2; color: #cccccc; border: 1px solid #e5e5e5; }
.step-arrow:after, .step-arrow:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.step-arrow:after { border-color: rgba(242, 242, 242, 0); border-left-color: #f2f2f2; border-width: 20px; margin-top: -20px; }
.step-arrow:before { border-color: rgba(229, 229, 229, 0); border-left-color: #e5e5e5; border-width: 21px; margin-top: -21px; }

.step-arrow.selected { background: #ffffff; color: #2c2c2c; border: 1px solid #e5e5e5; }
.step-arrow.selected:after, .step-arrow.selected:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.step-arrow.selected:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 20px; margin-top: -20px; }
.step-arrow.selected:before { border-color: rgba(229, 229, 229, 0); border-left-color: #e5e5e5; border-width: 21px; margin-top: -21px; }

.step-arrow.complete { background: #ffffff; color: #880034; border: 1px solid #e5e5e5; }
.step-arrow.complete:after, .step-arrow.complete:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.step-arrow.complete:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 20px; margin-top: -20px; }
.step-arrow.complete:before { border-color: rgba(229, 229, 229, 0); border-left-color: #e5e5e5; border-width: 21px; margin-top: -21px; }

.step-1 { z-index: 14; }
.step-2 { z-index: 13; }
.step-3 { z-index: 12; }
.step-4 { z-index: 11; }

.device-xs .step-1, .device-sm .step-1 { border-left: none; }
.device-xs .step-4, .device-sm .step-4 { border-right: none; }

.checkout-group { background: #ffffff; padding: 50px; }
.device-xs .checkout-group { border: none; padding: 0px; }
.device-sm .checkout-group, .device-md .checkout-group { padding: 35px; }
.device-sm .checkout-group .wide, .device-md .checkout-group .wide, .device-lg .checkout-group .wide { width: auto; }
.checkout-group .checkout-register .wide { width: 100%; }
.checkout-group .action, .checkout-main, .checkout-alt { background: #f9f9f9; border: 1px solid #f2f2f2; border-radius: 10px; padding: 15px; }
.checkout-group .action { text-align: center; }
.device-md .checkout-group .action, .device-lg .checkout-group .action { padding: 30px; }
.device-xs .checkout-main, .device-sm .checkout-main { margin-bottom: 30px; }
.checkout-main > p, .checkout-alt > p { padding: 0; }

.device-sm .checkout-group fieldset, .device-md .checkout-group fieldset, .device-lg .checkout-group fieldset {  }
.checkout-group .control-label { padding-top: 13px; }
.checkout-group legend { color: #880034; border: none; }

.checkout-group .loyalty { background: #f9f9f9; padding: 15px 30px; border-radius: 5px; }
.checkout-group .loyalty i { width: 50px; height: 50px; position: relative; display: block; background-position: -212px -356px; margin: 15px 30px; margin-right: 0; float: right; }
.checkout-group .loyalty .rangeslider__fill { background: #880034 !important; }
.checkout-group .loyalty output { display: block; text-align: center; }

.footer-checkout .footer-trust .row { margin-top: 30px; }


/** Order Summary */
.order-summary-group { border: 1px solid #e5e5e5; }
.order-summary-group .security { border: none; }

.order-summary { background: #e5e5e5; padding: 15px; }
.order-summary table { width: 100%; }
.order-summary table td { padding: 5px 0; text-align: right; }
.order-summary table td:first-child { padding-right: 30px; text-align: left; }
.order-summary .action { border: 0; padding: 0; background: none; }


/** Security */
.security { background: #ffffff; padding: 15px; text-align: center; }
.security .seal, .security .trust { padding: 0 15px; }


/** Your Details */
.your-details { background: #ffffff; padding: 15px; padding-bottom: 25px; word-wrap: break-word; }
.your-details h3, .your-details h4, .your-details p { padding: 0; }
.your-details h4 { padding-top: 15px; }


/** Create Account */
.create-account { background: #f2f2f2; padding: 60px 100px; }
.device-xs .create-account { padding: 30px; }
.device-sm .create-account { padding: 60px 80px; }


/** Account Pages */
.account-login { background: #ffffff; padding: 60px 100px; }
.device-xs .account-login { padding: 30px; }
.device-sm .account-login { padding: 60px 80px; }

.account-menu-group>div>div:nth-child(2n+1) { clear: left; }
	
.account-menu { margin-bottom: 30px; padding: 30px 0; border-top: 1px solid #e5e5e5; }
.account-menu h3 { color: #2c2c2c; }

.account-icon { width: 80px; height: 80px; position: relative; background-color: #f2f2f2; border-radius: 40px; padding: 15px; margin: 30px; margin-top: 0; display: block; float: right; }
.device-xs .account-icon { margin-right: 0; }
.account-icon i { width: 50px; height: 50px; position: relative; display: block; }
.account-icon .va-account-orders { background-position: -4px -356px; left: -2px; }
.account-icon .va-account-address { background-position: -56px -356px; }
.account-icon .va-account-email { background-position: -108px -356px; }
.account-icon .va-account-password { background-position: -160px -356px; }
.account-icon .va-account-loyalty { background-position: -212px -356px; }
.account-icon .va-account-details { background-position: -264px -356px; }


/** WordPress */
.voracio-wp .wp-header { width: 100%; background: #f9f9f9; position: relative; }
.voracio-wp .wp-header-content .title, .voracio-wp .wp-header-content .title a { color: #880034;  }
.voracio-wp .wp-header-content a:hover { text-decoration: none; }
.voracio-wp .wp-header-content p { padding: 0; }

.voracio-wp .page-title { font-size: 18px; font-weight: normal; font-weight: 700; }

.voracio-wp .post { padding-bottom: 15px; }
.voracio-wp .post .alignleft { margin-right: 30px; float: left; }
.voracio-wp .post .alignright { margin-left: 30px; float: right; }
.voracio-wp .post .alignleft, .voracio-wp .post .alignright { margin-bottom: 30px; }

.voracio-wp .post .post-meta { font-size: 13px; margin-bottom: 15px; }
.voracio-wp .post .post-meta p { padding-bottom: 0; }
.voracio-wp .post .post-meta img { -webkit-border-radius: 16px; border-radius: 16px; display: inline-block; float: left; margin-right: 20px; }

.voracio-wp .post-index .post-title h2 { font-size: 36px; font-weight: normal; font-weight: 600; }

.voracio-wp .post .post-navigation { margin-bottom: 30px; }
.voracio-wp .post .post-navigation a { font-size: 13px; display: inline-block; border: 1px solid #e5e5e5; padding: 6px 10px 4px; min-width: 2.4em; text-decoration: none; text-align: center; background: #ffffff; margin: 0 -1px; }
.voracio-wp .post .post-navigation .previous { float: left; }
.voracio-wp .post .post-navigation .next { float: right; }

.voracio-wp .pagination { width: 100%; text-align: center; }
.voracio-wp .pagination .page-numbers { font-size: 13px; display: inline-block; border: 1px solid #e5e5e5; padding: 6px 10px 4px; min-width: 2.4em; text-decoration: none; text-align: center; background: #ffffff; margin: 0 -1px; }
.voracio-wp .pagination .previous a, .voracio-wp .pagination.next a { color: #ffffff; background: #2c2c2c; border: 1px solid #2c2c2c; }
.voracio-wp .pagination .current { color: #ffffff; background: #2c2c2c; border: 1px solid #2c2c2c; }

.voracio-wp .sidebar ul { margin-bottom: 30px; }
.voracio-wp .sidebar h2 { font-size: 18px; color: #2c2c2c; padding-bottom: 0; margin-bottom: 10px; }


/** IAN TESTING */
.va-table { display: table; } /** Add class to container */
.va-table .row { display: table-row; border-top: 1px solid red; }
.va-table .row>div[class*="col-"]:first-child { border-left: 1px solid red; }
.va-table .row>div[class*="col-"] { width: 25%; float: none; padding: 0 !important; display: table-cell; border-bottom: 1px solid red; border-right: 1px solid red; vertical-align: top; }

/** Form consent block */
.form-consent-block { padding: 24px; padding-bottom: 20px; margin-bottom: 16px; border: 1px solid #d3d3d3; background: #f9f9f9; border-radius: 3px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08); -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08); -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08); }
.form-consent-block .form-group { margin-bottom: 0px; }