﻿@font-face {
    font-family: 'arialblack';
    src: url('/_sysFiles/css/v3/font/ariblk-webfont.eot');
    src: url('/_sysFiles/css/v3/font/ariblk-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_sysFiles/css/v3/font/ariblk-webfont.woff2') format('woff2'),
         url('/_sysFiles/css/v3/font/ariblk-webfont.woff') format('woff'),
         url('/_sysFiles/css/v3/font/ariblk-webfont.ttf') format('truetype'),
         url('/_sysFiles/css/v3/font/ariblk-webfont.svg#arialblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{height:100%;overflow-y: scroll; overflow: -moz-scrollbars-vertical;margin:0px;padding:0px;}
body {font-family:Arial;font-size:12px;line-height:140%;color:#041A33;}


#container{position:relative;}

/* layout */
.narrow {width:1000px;margin:0px auto;position:relative;}

/* colour layout */
.blue-bg {background-color:#13418B;color:#fff;}
.light-blue-bg {background-color:#28A8E0;color:#fff;}
.light-light-blue-bg {background-color:#62CBF4;color:#fff;}
.orange-bg {background-color:#F77C00;color:#fff;}
.mid-blue-bg {background-color:#28A8E0;}


/* header */
header {height:115px;position:relative;color:#0D4C93;}
header .grid-four{height:120px;}
header .site-logo{position:absolute;left:0px;top:30px;}
header .contact{position:absolute;right:170px;top:50px;height:40px;font-size:23px;padding-right:20px;border-right:1px solid #EAEAEA;}
header .contact span:nth-child(2){font-size:12px;display:block;margin-top:5px;}
header .basket{position:absolute;right:0px;top:50px;width:150px;}
header .basket img {position:absolute;left:0px;top:-5px;}
header .basket a {font-size:18px;}
header .basket a span {font-size:12px;display:block;margin-top:5px;color:#4CCAF5;}
header .basket a span span {font-size:10px;display:inline;}
header .basket a:hover,header .basket a:hover span{color:#F77C00;}

#basket-updated{display:none;position:fixed;padding:20px;background-color:#F77C00;color:#fff;top:-50px;left:0px;right:0px;z-index:1;text-align:center;opacity:0.0;}

/* navigation */
nav {height:66px;}
nav .grid-five{font-size:18px;padding-top:20px;height:46px;}
nav .grid-five a{border-right:1px solid #4675AD;padding:10px 20px;}
nav .grid-five a img{vertical-align:text-bottom}
nav .grid-five a:nth-child(2){padding-right:50px;background:url('/_sysFiles/img/skin/general/down-arrow.png') right no-repeat;background-position-x:90%;}
nav .grid-five a:last-child{border-right:none;}
nav .grid-five a.selected{background-color:#4CCAF5;padding:24px 20px 22px 20px;margin-left:-5px;}
nav .grid-five a:nth-child(2).selected{background-color:#4CCAF5;padding:24px 50px 22px 25px;}
nav .grid-three{height:66px;}

/* navigation menu */
#navigation-menus{display:none;}
#navigation-menu{z-index:10;position:absolute;top:0px;border-right:1px solid #4CCAF5;border-bottom:2px solid #4CCAF5;font-size:14px;background-color:#4CCAF5;}
#navigation-menu #categories{width:201px;display:inline-block;vertical-align:top;color:#fff;margin-right:-5px}
#navigation-menu #sub-categories{width:799px;display:inline-block;vertical-align:top;background-color:#fff; color:#0D4C93;font-size:12px;}
#navigation-menu #sub-categories {line-height:20px;}
#navigation-menu #sub-categories .submenu p{margin:0px;}
#navigation-menu #sub-categories table.WithLines td{padding:20px;}
#navigation-menu #sub-categories table.WithLines table td{padding:5px;}
#navigation-menu #sub-categories .submenu .WithLines td{border-right:1px solid #efefef;}
/*.subMenu ul{list-style-type:square !Important;padding:0px !Important;margin:0px !Important;margin-left:15px;}
.subMenu ul li{list-style-type:square !Important;text-indent:5px;float:none !Important;list-style-position:outside;text-align:left;}
.subMenu ul li a{float:none;}*/

#navigation-menu #categories ul,#navigation-menu #sub-categories ul{list-style-type:none;padding:0px;}
#navigation-menu #categories a{padding:10px 20px;display:block;font-weight:bold;}
#navigation-menu #categories a.selected{background-color:#fff;color:#4CCAF5;}
#navigation-menu #categories a:hover{color:#0E4C94}

#navigation-menu #sub-categories .group{width:220px;padding:20px;line-height:20px;display:inline-block;vertical-align:top;}
#navigation-menu #sub-categories .group strong {font-size:14px;line-height:18px;}

/* page footer */
.page-footer {border-top:1px solid #EBEBEB;margin-top:20px;padding:20px 0px 40px 0px;}

/* site footer */
footer {border-top:1px solid #EBEBEB;margin-top:20px;padding-top:20px;margin-bottom:40px;}

/* grid elements */
.grid{position:relative;}
.grid-one, .grid-two, .grid-three, .grid-four, .grid-five, .grid-six, .grid-seven, .grid-eight {height:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.grid-one, .grid-two, .grid-three, .grid-four, .grid-five, .grid-six, .grid-seven,.grid-half {margin-right:4.5px;display:inline-block;vertical-align: top;}
.grid-box .grid-half,.grid-box .grid-one,.grid-box .grid-two,.grid-box .grid-three,.grid-box .grid-four,.grid-box .grid-five,.grid-box .grid-six,.grid-box .grid-seven,.grid-box .grid-eight  {border:1px solid #EAEAEA;margin-right:1.5px;}
.grid-box .grid-one.last {width:124px;}
.grid-one.last, .grid-two.last, .grid-three.last, .grid-four.last, .grid-five.last, .grid-six.last, .grid-seven.last{margin-right:0px;}
.grid-one{width:118px;}
.grid-two {width:244px;}
.grid-three {width:370px;}
.grid-four {width:495px;}
.grid-five {width:622px;}
.grid-six {width:747px;}
.grid-seven {width:876px;}
.grid-eight {width:1000px;}

.grid-six .grid-two{width:243px}
.grid-six .grid-three {width:360px;}
.grid-six .grid-three.last{text-align:right;}
.grid-six .grid-six {width:745px;}

.grid-eight .grid-six {width:1000px;}

.span-2-height {height:185px;}
.span-3-height {height:277px;}
.span-4-height {height:370px;}

.grid-right{text-align:right;}

.grid-box .grid-half {width:93px;padding:5px;text-align:center;background-color:#efefef;margin-bottom:2.5px;margin-top:2.5px;}
.grid-box .grid-half em{font-size:90%;opacity:0.6}

.grid-padding{padding:20px;}
.grid-side-padding{padding:0px 20px}

/* border elements */
.border-right{border-right:1px solid #EAEAEA;}
.border-left{border-left:1px solid #EAEAEA;}

/* width elements*/
.width_half{width:50%;}
.width_quarter{width:25%;}
.width_three_quarters{width:75%;}

/* font elements */


/* generic */
a {color:inherit;text-decoration:none;}
.content a,.tabs_content a{text-decoration:none;color:#F77C00}
a:hover,ul.nested-list li a:hover,.sidebarLinks ul li a:hover,ul.cta-list li a:hover{color:#F77C00;text-decoration:none;cursor:pointer}
a:hover .category_title{background-color:#F77C00}
a:visited{}
.breadcrumb a{text-decoration:underline}

input[type=button]:disabled,input[type=submit]:disabled{background-color:#EAEAEA !Important;color:#666 !Important;}

/*.pagelinks a{display:inline-block;padding:10px;background-color:#4CCAF5;}
.pagelinks a:hover{background-color:#F77C00;color:#fff;}
.pagelinks a.SelectedPage{background-color:#0E4C94;color:#fff;}
.pagecommands{padding-top:10px;}
.pagecommands select {padding:5px 10px;margin-top:-10px;}*/
ul.nested-list{padding:0;margin:0;color:#F77C00;list-style-type:disc}
.sidebarLinks ul,ul.cta-list{padding:0;margin:20px;color:#F77C00;list-style-type:disc}
ul.cta-list{margin-top:0px;}
ul.nested-list ul li {margin-left:-15px;}
ul.nested-list li a,.sidebarLinks ul li a,ul.cta-list li a{color:black;}
ul.cta-list li a{text-decoration:none;}
ul.no-list {margin:0px;list-style-type:none;padding: 0;margin:0px;}
ul.no-list li{margin:0px;}

.inline {display:inline;}
h1 {line-height:110%;}

hr{border:0px;border-style:solid;background-color:#EAEAEA;height:1px;}


/* general content pages and forms */
.content label{line-height:22px;}
.content input[type=text],.content input[type=password],.content textarea {padding:10px;background-color:#EAEAEA;border:1px solid #ccc;}
.content select{padding:10px;border:1px solid #ccc;background-color:#EAEAEA !Important;text-shadow:none;}
.content select option{background-color:#EAEAEA;}
.content input[type=text]:focus,.content input[type=password]:focus,.content textarea:focus,.content select:focus option {background-color:#4CCAF5;color:#fff;}

input[type=checkbox]{width:2em;height:2em;border-color:red;background-color:#EAEAEA !Important;border:1px solid red !Important;text-align:center;}
.content .Grid input[type=checkbox] {width:100%;}
.content .fileShower{color:#900;}
.content input[type=button],.content input[type=submit]{border:0px;padding:10px 25px;font-weight:bold;background-color:#4CCAF5;color:#fff;}
.content input[type=button]:hover, .content input[type=submit]:hover {background-color:#F77C00;color:#fff;}

.Error_Message{border:2px solid #F77C00;padding:20px;margin-top:10px;color:#F77C00}
.Error_Message input[type=submit]{background-color:#F77C00;color:#fff;}
.Error_Message input[type=submit]:hover{background-color:#28A8E0;}
.Confirm_Message{border:2px solid #0E4C94;padding:20px;margin-top:10px;color:#fff;background-color:#4CCAF5;}

/* home page advertising */
#advertising-content {height:360px;}

.advertising-control {position:absolute;bottom:20px;right:20px;}
.advertising-control a{display:inline-block;height:15px;width:15px;background-color:#fff;margin-left:5px;}
.advertising-control a:hover{opacity:0.5}
.advertising-control a.selected{background-color:#F77C00;}

/* site live search */
#site-search-box {position:absolute;top:10px;height:45px;right:0px;width:320px;border:none;}
#site-search-box input[type=text]{height:45px;background-color:#fff;border:none;color:#0D4C93;font-size:18px;padding:0px 10px 0px 15px;width:230px;margin-right:-4px;}
#site-search-box input[type=button]{height:45px;background-color:#F77C00;border:none;color:#fff;font-size:18px;padding:0px 10px;width:50px;}
#site-search-box input[type=button]:hover{background:#4CCAF5;}

#siteSearchResults {background-color:#fff;position:absolute;top:55px;right:50px;width:253px;border:1px solid #F77C00;color:#333;z-index:10;display:none;}
#siteSearchResults a{padding:5px 15px;display:block;border-bottom:1px solid #efefef;}
#siteSearchResults a:hover{background-color:#F77C00;color:#fff;}

/* Modal Popup WIndow */
.ModalWindow {background-color:#fff;color:#333;border:1px solid #eaeaea;padding:10px;font-family:Arial;font-size:12px;}
.ModalWindow input {font-family:Arial;font-size:12px;}
.ModalWindowInput {margin-bottom:10px;}
.ModalPopUpBg {background:transparent url('/_sysFiles/img/loading_bg.png');}
.ModalWindowFilter {background-color:#FFFFCC;padding:5px;}


.grid-two #eKomiWidget_default {text-align:center}
/*.grid-two #eKomiWidget_default img{max-height:130px;}*/

/* product images - listings */
.grid-two-product {padding:20px 15px;position:absolute;height:145px;top:0px;right:0px;left:0px;bottom:10px;}
.grid-two-product a{position:absolute;top:20px;bottom:10px;left:10px;right:0px;}
.grid-two-product img{position:absolute;right:10px;top:30px;z-index:-1;width:120px;}
.grid-two-product h3{margin:0px;font-size:20px;}
.grid-two-product p{width:100px;}
.grid-two-product .link{position:absolute;bottom:10px;}
.grid-price-small{font-family:'arialblack';font-size:16px;vertical-align:middle;text-align:center;position:absolute;color:#fff;top:10px;right:10px;width:35px;height:33px;padding:10px;}
.grid-price-small span{font-size:12px;display:block;}
.grid-two-product:hover .grid-price-small{background-color:#F77C00;}

/* product listing filter */
.prod-listing-filter {background-color:#EAEAEA;}
.prod-listing-filter,.prod-listing-paging {padding:10px 10px 0px 10px;}
.prod-listing-filter .grid-three,.prod-listing-paging .grid-three {width:49%;line-height:30px;}
.prod-listing-filter select{padding:5px 10px;}

.prod-listing-filter .grid-three.last,.prod-listing-paging .grid-three.last{text-align:right;}


.prod-listing-paging a{display:inline-block;padding:0px 10px;background-color:#4CCAF5;margin:0px 0px 5px 0px;}
.prod-listing-paging  a:hover{background-color:#F77C00;color:#fff;text-decoration:none;}
.prod-listing-paging  a.SelectedPage{background-color:#0E4C94;color:#fff;}

.prod-listing-paging{padding:10px;border-bottom:1px solid #EAEAEA;}

/* table */
.Table-Grid{border-collapse:collapse;border-color:#EAEAEA;}
.Table-Grid tr:first-child td{font-weight:bold;padding:10px;}
.Table-Grid tr:not(:first-child) td{padding:10px 10px;}
.Table-Grid tr:not(:first-child) td a{}
.Table-Grid tr:not(:first-child) td img{float:left;max-width:80px;margin:0px 20px 0px 0px;}
.Table-Grid input[type=text]{padding:5px;text-align:center}
.Table-Grid input[type=text]:focus{background-color:#4CCAF5;color:#fff;}
.Table-Grid input[type=button],.Table-Grid tr:not(:first-child) td  input[type=submit]{border:0px;padding:10px 25px;font-weight:bold;background-color:#4CCAF5;color:#fff;}
.Table-Grid input[type=button]:hover,.Table-Grid tr:not(:first-child) td  input[type=submit]:hover {background-color:#F77C00;color:#fff;}
.Table-Grid tr:not(:first-child) td a{text-decoration:underline}
.Table-Grid tr:not(:first-child) td span{opacity:0.8}
.Table-Grid.Basket tr:first-child td { font-size:14px;}
.Table-Grid.Basket a {color:#333;}

.Table-Grid-Totals, .Table-Grid-Totals th,.Table-Grid-Totals td {border-collapse:collapse;border-width:0px;font-size:14px;}
.Table-Grid-Totals td{padding:10px 10px;font-weight:bold;text-align:center ;}
.Table-Grid-Totals tr:not(:first-child) td:nth-child(2n+2){text-align:left;}
.Table-Grid-Totals select{font-weight:normal;padding:10px;border:1px solid #ccc;background-color:#EAEAEA !Important;text-shadow:none;}
.Table-Grid-Totals select:focus option {background-color:#4CCAF5;color:#fff;}
.Table-Grid-Totals tr:nth-child(3),.Table-Grid-Totals tr:nth-child(5),.Table-Grid-Totals tr:nth-child(1){border-bottom:1px solid #EAEAEA;}
.Table-Grid-Totals tr:nth-child(6){background-color:#EAEAEA;font-size:18px;}
.Table-Grid-Totals tr:nth-child(3){border-bottom:1px solid #EAEAEA;}

.Lead-Pricing-Message {border:0px;padding:20px;margin-top:10px;color:#fff;background-color:#F77C00;text-align:center;}
.Lead-Pricing-Message:empty{display:none;}
.Basket-Delivery-Message,.Basket-Special-Message{font-weight:normal;margin:30px 10px 10px 10px;border:2px solid #4CCAF5;background-color:#0E4C94;padding:10px;font-size:12px;color:#fff;}

/* category images - listings */
.grid-six .grid-two-category {padding:20px 15px;position:relative;height:145px;text-align:center;}
.grid-six .grid-two-category img{margin:0px auto}
.grid-six .grid-two-category p{margin:0px;text-align:left;}
.grid-six .grid-two-category a{position:absolute;top:20px;left:20px;right:0px;bottom:0px;}
.grid-six .grid-two-category span.link{font-weight:bold;position:absolute;bottom:10px;left:0px;}

.grid-eight .grid-two-category {padding:20px 15px;position:relative;height:145px;}
.grid-eight .grid-two-category img{position:absolute;right:0px;top:10px;z-index:-1;}
.grid-eight .grid-two-category a{position:absolute;top:20px;left:20px;right:0px;bottom:0px;}
.grid-eight .grid-two-category p{width:120px;}
.grid-eight .grid-two-category span.link{font-weight:bold;position:absolute;bottom:10px;left:10px;}

/* product images - product page */
.grid-six-product{position:relative;height:60px;padding:20px 15px;line-height:160%;border-bottom:1px solid #EAEAEA;}
.grid-six-product img {position:absolute;left:-110px;top:-20px;height:80px;}
.grid-six-product .title{font-size:110%;position:absolute;left:130px;width:360px;top:30%;font-weight:bold;}
.grid-six-product .strapline{font-weight:normal;font-size:90%;}
.grid-six-product .price{position:absolute;right:140px;width:80px;text-align:center;top:30px;}
.grid-six-product .price strong{display:block;font-size:110%}
.grid-six-product .links{position:absolute;right:20px;top:30px;width:100px;bottom:0px;vertical-align:middle}
.grid-six-product .links .basket{background-color:#4CCAF5;}
.grid-six-product .links .info{background-color:#0E4C94;}
.grid-six-product .links input[type=button],.grid-six-product .links a{display:block;border-width:0px;color:#fff;padding:10px;width:100px;text-align:center;}
.grid-six-product .links input[type=button]:hover,.grid-six-product .links a:hover,.grid-six-product .links a.button:hover{background-color:#F77C00;text-decoration:none;}

.grid-eight .grid-six-product{position:relative;height:60px;padding:20px 15px;line-height:160%;border-bottom:1px solid #EAEAEA;}
.grid-eight .grid-six-product img {position:absolute;left:-110px;top:-20px;height:80px;}
.grid-eight .grid-six-product .title{font-size:110%;position:absolute;left:130px;width:560px;top:30%;font-weight:bold;}
.grid-eight .grid-six-product .strapline{font-weight:normal;font-size:90%;}
.grid-eight .grid-six-product .price{position:absolute;right:140px;width:80px;text-align:center;top:30px;}
.grid-eight .grid-six-product .price strong{display:block;font-size:110%}
.grid-eight .grid-six-product .links{position:absolute;right:20px;top:30px;width:100px;bottom:0px;vertical-align:middle}
.grid-eight .grid-six-product .links .basket{background-color:#4CCAF5;}
.grid-eight .grid-six-product .links .info{background-color:#0E4C94;}
.grid-eight .grid-six-product .links input[type=button],.grid-eight .grid-six-product .links a{display:block;border-width:0px;color:#fff;padding:10px;width:100px;text-align:center;}
.grid-eight .grid-six-product .links input[type=button]:hover,.grid-eight .grid-six-product .links a:hover,.grid-eight .grid-six-product .links a.button:hover{background-color:#F77C00;text-decoration:none;}

/* product details page */
.product-image-main {width:100%;height:300px;margin-bottom:10px;background-color:#eaeaea;position:relative;overflow:hidden;vertical-align:middle}
.product-image-main img.zoom{position:absolute;width:350px;max-height:280px;
    left:2.5%;top:10%;
   }

#product-image-zoom{position:absolute;border:2px solid #ccc;left:380px;top:0px;right:0px;height:400px;z-index:2;display:none;text-align:center;background-color:#fff;}
#product-image-zoom img{max-width:800px;}

.product-image-thumbnails{}
.product-image-thumbnails img{width:85px;border:1px solid #eaeaea;}
.product-image-thumbnails img:hover{cursor:pointer;}

.product-image-main div {position:absolute;top:0px;right:0px;}
.product-image-main div img{position:relative;}

.button-add-to-basket{border-width:0px;background-color:#F77C00;color:#fff;padding:15px 30px;width:240px;font-size:140%;}
.button-add-to-basket:hover {background-color:#4CCAF5;color:#fff;}

.product-options {}
.product-options label{display:block;font-weight:bold;line-height:26px;}
.product-options select {display:block;width:240px;padding:10px 10px;margin-bottom:10px;}
.product-options input[type=number],.product-options input[type=text] {display:block;width:220px;padding:10px 10px;margin-bottom:10px;}

.product-options .price{padding:20px;display:block;width:200px;margin:0px auto;font-size:90%;text-align:center;}
.product-options .price h3{margin:10px;font-size:300%;}
.product-options .price span{font-size:90%}
.product-options input[type=checkbox],.standard-checkbox{width:1em;height:1em;float:left;margin-right:10px;vertical-align:middle}
.product-options span.highlight{color:#F77C00;font-weight:bold;}
.product-description{}
.product-description a{text-decoration:none}

.product-options-list {max-height:150px;overflow:auto;}

/* product tabs */
.tabs {border-bottom:1px solid #EAEAEA;}
.tabs ul{list-style-type:none;padding:0px;margin:0px;}
.tabs ul li{display:inline-block;background-color:#EAEAEA;border-color:#EAEAEA;border-width:1px 1px 0px 1px;border-style:solid;padding:10px 15px;margin-bottom:-1px;}
.tabs_content {position:relative;}
.tab_content {position:relative;margin:0px;border-color:#EAEAEA;border-width:0px 1px 1px 1px;border-style:solid;padding:20px;}
.tabs .selected{background-color:#fff;border-bottom:1px solid #fff;}
.tabs ul li:hover:not(.selected) {background-color:#4CCAF5;color:#fff;cursor:pointer;border-color:#4CCAF5}

/* cross sell and upsell listing*/
#crossSellUpSell{background-color:#eaeaea;padding:10px 40px;height:160px;position:relative;overflow:hidden}
.crossSellUpSell-productcontainer{width:920px;overflow:hidden}
.crossSellUpSell-products{width:4000px;overflow:hidden;position:absolute;left:40px;}
.crossSellUpSell-left {position:absolute;left:0px;top:10px;bottom:10px;width:20px;padding-top:70px;color:#fff;vertical-align:middle;text-align:center;font-size:18px;border-right:10px solid #eaeaea;border-left:10px solid #eaeaea;z-index:10;}
.crossSellUpSell-right{position:absolute;right:0px;top:10px;bottom:10px;width:20px;padding-top:70px;color:#fff;vertical-align:middle;text-align:center;font-size:18px;border-right:10px solid #eaeaea;border-left:10px solid #eaeaea;z-index:10;}
.crossSellUpSell-left,.crossSellUpSell-right{background-color:#fff;color:#444;z-index:1;}
.crossSellUpSell-product{position:relative;margin-right:5px;display:inline-block;width:250px;height:120px;vertical-align:top;background-color:#fff;padding:20px;}
.crossSellUpSell-product img{position:absolute;top:10px;right:10px;z-index:0;max-width:150px;}
.crossSellUpSell-product h3{margin:0px;font-size:20px;z-index:2;}
.crossSellUpSell-product p{width:120px;z-index:1;}
.crossSellUpSell-product a.link{font-weight:bold;position:absolute;bottom:10px;}
.crossSellUpSell-left:hover,.crossSellUpSell-right:hover {background-color:#4CCAF5;cursor:pointer;color:#fff;}
.crossSellUpSell-product:hover .grid-price-small{background-color:#F77C00;}

/* fixes and hacks */
::selection {
  background: #F77C00;color:#fff; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #F77C00; /* Gecko Browsers */
}

/* firefox only */
@-moz-document url-prefix() {
    
    nav .grid-five a:nth-child(2) {background-position:90%;}
}

/* sfarai only*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    .product-image-main img.zoom { left: 2.5%; top: 10%; }
}*/
/* opera only*/


/* whoson */
#whoson_chat_link {
            Bottom: 0;
            Right: 10px;
            Position: fixed;
}