/*------------------------------------------------------------------*/
/*----------------------------- HOME ------------------------------*/
/*-----------------------------------------------------------------*/
.home #CENTER{padding:0;width:990px}
.HLB{float:left;width:270px;height:160px;position:relative;display:block}
.WELLLIT{background:url('../../CMSV2/HOME/WellLit.jpg') no-repeat 0 0;}
.ONFOCUS{background:url('../../CMSV2/HOME/OnFocus.jpg') no-repeat 0 0}
.HLB ul{position:absolute;top:100px;left:66px}
.HLB li{background:#2585d8;color:#fff;padding:5px 10px 5px 5px;display:block;float:left;margin-right:10px;font-weight:bold;cursor:pointer}
.HLB a{text-decoration:none;color:#fff}

.Loading{height:320px;overflow:hidden;background:#555 url('assets/ajax-loader.gif') no-repeat center 45%}
.Loading img{display:none}
.Carousel{width:720px;float:right;}

#NEWSLETTER{background:#2585d8;border-top:1px solid #125d9f;border-bottom:1px solid #125d9f;width:250px;position:absolute;top:0;right:0}
#NEWSLETTER span{color:#fff;width:220px;display:block;text-transform:uppercase;float:left;padding:6px 0 5px 24px;line-height:31px;font-size:1.2em;font-weight:bold;}
.NEWS .relatedDataHeading{display:none}
.NEWS label{display:none}
.NEWS input{margin:7px 0;border:none;width:155px}
.NEWS .relatedDataElement{float:left;}
.NEWS .continueBTN{float:right;color:#fff;background:#125d9e;padding:5px 3px 6px;text-align:center;display:block;width:25%;text-transform:uppercase;font-weight:bold;text-decoration:none;margin:7px 18px 0 0;border-radius:0;font-size:1.1em}


.HomeTabs .TabNav{width:740px}
.HomeTabs .TabNav{background:#8ab2d3;color:#fff}
.HomeTabs .TabNav li{display:block;float:left;width:33%;}
.HomeTabs .ui-tabs-nav li:first-child{width:34%}
.HomeTabs .TabNav a{width:100%}
.HomeTabs .ui-state-active span{display:block;margin-left:35%;float:left;background:url('assets/tabarrow.jpg') no-repeat 0 0;width:44px;height:23px}
.HomeTabs .ui-state-active a{background:#ed7c00 url('assets/tabactive.jpg') repeat-x 0 100%;background-size:100% 100%}
.HomeTabs .REGIONS{height:340px;width:928px}
.HomeTabs #tabs-1{display:block}
.REGIONS{padding:30px 20px 30px 40px;position:relative}
.HomeTabs .LISTVIEW .OVERLAY{top:0;right:0}

.MidLeft{padding:0 10px 20px 30px;float:left}
.MidRight{padding:0 30px 20px 10px;float:right}

.HOME-BTM, .BRANDS{padding:0 30px 20px 30px;}
.BRANDS a{padding:0 0 0 10px}
.BRANDS a:first-child{padding:0}


/*------------------------------------------------------------------*/
/*--------------------------- HIERARCHY ----------------------------*/
/*------------------------------------------------------------------*/
.hlhead #MAIN, .hlhead #CENTER{padding:0;width:990px;}

#TOPHIER{background:#fff;}
#LOWERHIER{border-top:1px solid #ccc;background:#fff;}
.HLEFT{width:440px;float:left;padding:30px 0 30px 30px;}
.HRIGHT{width:440px;float:right;padding:30px 30px 30px 0}
.HLEFT h2, .HRIGHT h2{font-family:'Dosis',Arial,sans-serif;font-size:1.4em;color:#555;font-weight:600;margin:0 0 10px 0}
.HLEFT h3, .HRIGHT h3{font-family:'Dosis',Arial,sans-serif;font-size:1.25em;color:#555;font-weight:600;margin:0 0 10px 0}
.HLEFT h4, .HRIGHT h4{font-family:'Dosis',Arial,sans-serif;font-size:1.1em;color:#555;font-weight:600;margin:0 0 5px 0}
#LOWERHIER .regions{padding:30px}

.hlhead .Carousel{float:left;margin-bottom:1px;display:block;height:320px;width:720px;background:url('assets/H-NOBG.png') no-repeat 49% 46%} 
#HLIST{float:left;height:280px;width:269px;margin-bottom:1px;border-left:1px solid #fff;overflow:hidden;background:#39454a url('assets/OURSTORE.jpg') no-repeat 0 100%;}
#HLIST a{color:#f4f4f4;border-bottom:1px solid #4c565b;display:block;padding:8px 20px 8px;text-decoration:none;text-transform:uppercase;} 
#HLIST a{background-image: -webkit-linear-gradient(top, rgba(52, 63, 66, 0.3), #1f2a2f);background-image: -moz-linear-gradient(top, rgba(52, 63, 66, 0.3), #1f2a2f)}
#HLIST a:hover{background:#2585D8}
#STORETIME{position:absolute;right:0;top:268px;background:#2585d8;height:100px;width:269px}
#STORETIME .HHsmall{top:15px;color:#96c6f0}
#STORETIME .HHlarge{top:30px;font-size:1.9em;line-height:26px}

.hl1 #MAIN, .hl1 #CENTER{padding:0;width:990px;}
.hl1 h1{border-bottom:1px solid #8cbce5;padding:0}
.hl1 h1 span{display:block;border-bottom:1px solid #0d4b81;padding:15px 10px}
.hl1 .Carousel{float:left;margin-bottom:1px;display:block;height:320px;width:720px;background:url('assets/H-NOBG.png') no-repeat 49% 46%} 
#HIERARCHY{float:left;height:320px;width:269px;background:#39454a url('assets/HBG.jpg') no-repeat 0 100%;margin-bottom:1px;border-left:1px solid #fff;overflow:auto}
#HIERARCHY a{color:#f4f4f4;border-bottom:1px solid #4c565b;display:block;padding:6px 20px 5px;text-decoration:none;text-transform:uppercase;} 
#HIERARCHY a{background-image: -webkit-linear-gradient(top, rgba(52, 63, 66, 0.3), #1f2a2f);background-image: -moz-linear-gradient(top, rgba(52, 63, 66, 0.3), #1f2a2f)}
#HIERARCHY a:hover{background:#2585D8}

.hl2 #HIERARCHY{height:auto;width:100%;margin:0;border:none;overflow:auto;background:none}
.hl2 #HIERARCHY li{display:block;float:left;margin:7px 14px 7px 0}
.hl2 #HIERARCHY a{color:#555;border:1px solid #ddd;padding:15px;float:left;width:190px;text-align:center} 
.hl2 #HIERARCHY a{background-image: -webkit-linear-gradient(top, #fff, #fff);background-image: -moz-linear-gradient(top, #fff, #fff)}
.hl2 #HIERARCHY a:hover{background:#f1f1f1}
.hl2 #LOWERHIER{border:none}


#FacetLink{width:348px;height:179px;float:left;border-right:1px solid #fff;background:#1c2124;}
#FacetLink div{position:relative;opacity:0.5;filter:alpha(opacity=50);-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
#FacetLink div:hover{opacity:1;filter:alpha(opacity=100)}
#FacetLink a{cursor:pointer;display:block;height:89px;width:348px;position:absolute;top:0;left:0}

.HHsmall{position:absolute;top:25px;left:25px;text-transform:uppercase;color:#999}
.HHlarge{position:absolute;top:38px;left:25px;text-transform:uppercase;color:#eee;font-size:1.5em;font-weight:600}
#HHOBBY, #HHPROF{margin-bottom:1px;background:url('assets/HHBG.jpg') no-repeat 0 0;height:90px}
.SOTW{width:410px;height:179px;overflow:hidden;display:block;float:left;background:#1c2124}

#ctl00_cph1_hl_cmrTop1, #ctl00_cph1_hl_cmrTop2{float:left}
#ctl00_cph1_hl_cmrTop1{border-right:1px solid #fff}



/*------------------------------------------------------------------*/
/*------------------------ LOGIN / SIGNUP --------------------------*/
/*------------------------------------------------------------------*/
#SIGNINBOX{width:845px;margin:0 auto;padding:50px 0}
.SIGNLOGIN, .SIGNREGISTER{background:;width:361px;min-height:200px;float:left;}
.SIGNLOGIN{margin:0 60px 0 0;}
.SIGNREGISTER{border-left:1px solid #ccc;padding:0 0 0 60px}
.SIGNLOGIN .CMR, .SIGNREGISTER .CMR{display:block}
.ForgotPass{margin:0 0 0 75px;padding:0 0 0 50px;position:absolute;width:110px;display:block;bottom:0}
.ForgotPass:hover{text-decoration:none;background:url('assets/forgot.png') no-repeat 0 15px;color:#ed7c00}
.MobileTabs .TabNav{display:none}
.signin h2{font-size:1.4em}


/*------------------------------------------------------------------*/
/*--------------------------- CHECKOUT -----------------------------*/
/*------------------------------------------------------------------*/
.basket h2, .checkout h2{font-size:1.4em}
#CHECKOUT{position:relative;}
.Message{color:#999;border-bottom:1px solid #ccc;padding:0 0 15px 0}
.LOGIN, .REGISTER{width:315px;float:left;margin:20px 0 50px}
.LOGIN{border-right:1px solid #ccc;padding:0 35px 10px 0;margin-left:120px}
.LOGIN .continueBTN{padding:10px}
.REGISTER{padding:0 0 10px 35px;}
.LOGIN label, .REGISTER label{width:70px}
.checkout .ForgotPass{margin:0 0 0 44px}
.REGISTER .continueBTN{border:none;padding:0;height:43px}
.REGISTER select{width:100%}

.SideBasket{float:right;width:220px}
.BoxCont{position:relative;margin:0 0 30px 0}
#CHECKOUTBLOCK{width:650px;padding:0 30px 0 0;float:left}
#CHECKOUTBLOCK h2, .checkout .SideBasket h2, #ORDERLEFT h2, #ORDERRIGHT h2{background:#f2f2f2;border-bottom:1px solid #fff;color:#666;text-transform:uppercase;font-size:1.3em;padding:7px 10px;min-height:16px;font-family:'Dosis',Arial,sans-serif;margin:0}

.checkout .SideBasket{width:240px}
.checkout .BASKET{padding:0}
.checkout .amend{width:75px;float:right;margin:10px 0 0 0}
.checkout .BASKET .Desc{display:block;color:#2B5583;font-family:'Cabin', Arial, sans-serif;padding:0 0 5px 0;line-height:15px}
.checkout .BASKET .PRICE{padding:0 10px 0 0;border-right:1px solid #ccc;font-size:1em;}
.checkout .BASKET #QTY{padding:0 0 0 10px}

#BILLING{position:absolute;top:10px;right:65px}
#DELIVERY{position:absolute;top:10px;right:10px}
.registration h2, .delivery h2, .DispatchSelection h2{display:none}
#CHECKOUTBLOCK li{position:relative;border-top:1px solid #ccc;padding:5px 0;}
#CHECKOUTBLOCK .selected label{color:#2B5583}
#CHECKOUTBLOCK label{width:435px;text-align:left;padding-right:177px;float:none;padding-bottom:6px}
#CHECKOUTBLOCK input{position:absolute;top:13px;right:22px}
.Addresses .registration{background:url('assets/TICK.png') no-repeat 560px 8px;}
.Address .edit, .checkout .create, .checkout .delete{position:absolute;top:10px;left:460px}
#CHECKOUTBLOCK .new h2{background:none;border:none;padding:6px 0;text-transform:none;font-size:1em;width:185px;float:left}
#CHECKOUTBLOCK .new label{display:none}
#CHECKOUTBLOCK .new div{float:left}
#CHECKOUTBLOCK .Subtotal{background:#2B5583;height:20px}
#CHECKOUTBLOCK .Subtotal span{color:#fff;font-size:1.1em}
#CHECKOUTBLOCK .PayOptions{margin:10px 0 0 0}
#CHECKOUTBLOCK .PayOptions li{border: 1px solid #ccc;background: #f2f2f2;padding: 5px 35px 5px 5px;min-width: 31.3%;margin-top: 5px;float: left;max-width: 48%;margin: 5px 1%;box-sizing: border-box;}
/*#CHECKOUTBLOCK .PayOptions li:first-child{margin-left:0}*/
#CHECKOUTBLOCK .PayOptions label{width:100%;padding:0}
#CHECKOUTBLOCK .PayOptions input{top:7px;right:7px}
/*#ctl00_cph1_tc1_UPProceed{clear:both;padding:10px 0 0 0}*/
.checkout .CHECKOUTBTN{width:200px}
.checkout #TOTALSUMMARY{margin:40px 0 0 0}



/*------------------------------------------------------------------*/
/*---------------------- ORDER ACHNOWLEGE --------------------------*/
/*------------------------------------------------------------------*/
#ORDERLEFT{width:590px;float:left}
#ORDERRIGHT{width:305px;float:right}
#ORDERITEM .BoxCont, .FINISHTOP{margin:0 0 20px 0}
#ORDERITEM .property{width:50%;display:block;float:left;text-align:right;padding:0 10px 0 0}
#ORDERITEM .Transaction .property{width:130px}
#ORDERITEM ol{border-top:1px solid #ccc;padding:3px 0}
#ORDERITEM li{clear:both;border-top:1px solid #ccc;padding:3px 0}
#ORDERITEM li:first-child{border-top:none}
#ORDERITEM .BASKET li{border-bottom:none}
#ORDERITEM .TOTAL{background:#2B5583;min-height:20px;padding:5px 0}
#ORDERITEM .TOTAL span{color:#fff;font-size:1.2em}
#ORDERITEM .BASKET{padding:0;margin:0 0 20px 0;float:none;clear:both}
#ORDERITEM #BHEAD .BITEM{width:405px}
#ORDERITEM .BITEM{width:415px}
#ORDERITEM .BDETAIL{width:325px}
#ORDERITEM .BQTY{width:60px}
#ORDERITEM .BTOTAL{width:80px}
#ORDERITEM .CHECKOUTBTN{width:285px;border-radius:0 0 3px 3px}
#ORDERITEM .Address li, #ORDERITEM .Delivery li{border:none;padding:0}
#ORDERITEM .Total ol{padding:0}
#ORDERITEM .QTY{padding-top:15px;display:block;text-align:center}
#ORDERITEM .MOBILEQTY{display:none}

#DECLINED{background:#d74948;margin:0 0 10px 0}
.FINISHTOP strong{font-weight:bold}



/*------------------------------------------------------------------*/
/*------------------------ ACCOUNT PAGES ---------------------------*/
/*------------------------------------------------------------------*/
.account{margin:0 0 20px 0}
.AccountWelcome{padding:5px;font-size:1.3em;display:block;border-bottom:1px solid #d3d3d3;}
#AccountMain{width:16%;float:left;margin-right:20px;padding-right:20px;border-right:1px solid #d3d3d3;}
#AccountMain ul a{display:block;border-top:1px solid #e3e3e3;padding:5px;color:#666;text-decoration:none}
#AccountMain li:first-child a{border-top:none;}
#AccountMain .selected a{color:#2585d8;text-decoration:none}
#AccountMain a:hover{background:#f1f1f1;text-decoration:none;color:#2585d8}
#AccountMain .selected a:hover{color:#2585d8;}
#AccountCont{float:left;width:79%;}
.WelcomeMessage{width:400px;}

.addressmanagement .CMR{text-align:center;padding:10px;}.addressmanagement .CMR p{text-align:center}
.AddressBook{padding-top:20px}
.AddressBook h2, .AddressBook h2 span{font-size:1.1em;margin:0 0 5px 0;padding:0;display:block}
.AddressBook h2 label{float:none!important;padding:0;text-align:left}
.AddressBook input{width:16px!important;margin-right:5px;float:left;height:15px;background:none;border:none!important;display:none}
.AddressBook label{text-align:left;width:auto;padding:0;margin:5px 10px 5px 0;}
.AddressBook li{width:44%;height:95px;float:left;border:1px solid #DADAE8;margin-bottom:20px;background:#fff;padding:15px;position:relative;clear:none}
.AddressBook .registration{margin:0 3% 0 0}
.AddressBook #ctl00_cph1_aSel_accD1, .AddressBook #ctl00_cph1_aSel_accD3, .AddressBook #ctl00_cph1_aSel_accD5{margin:0 3% 0 0}
.AddressBook .edit, .AddressBook .delete, #ctl00_cph1_aSel_lbCreate{position:absolute;bottom:10px;right:13px;width:40px;text-align:center;background:orange;border-radius:3px;color:#fff;padding:5px 10px;text-decoration:none}
.AddressBook a:hover{text-decoration:underline}
.AddressBook .new{margin-right:0}
.AddressBook .continue{width:715px;clear:both;height:auto;border:none;padding:0;margin:0;display:none}
.AddressBook .continue a{position:inherit;top:0;right:7px;}
.AddressBook .continue a:hover{text-decoration:none;}

.changesignin .CMR{text-align:center;padding:10px;}.changesignin .CMR p{text-align:center}
.changesignin .ChangeSign{margin:0 auto;width:386px;}
.changesignin label{width:140px}
.changesignin .error{display:none!important}
.changesignin .submit{clear:both}


.orderenquiry .CMR{text-align:center;padding:10px;}.orderenquiry .CMR p{text-align:center}
.orderenquiry #Headings{display:block;clear:both;height:25px;margin:10px 0 5px;border-bottom:1px solid #d3d3d3;}
.orderenquiry #Headings span{font-weight:bold;font-size:1em;margin:5px 0;display:block;float:left;}
.orderenquiry .Enquiry li{clear:both;padding:10px 0;border-bottom:1px dashed #d3d3d3}
.orderenquiry .Enquiry div{float:left;}
.orderenquiry .clear{float:none!important}
.orderenquiry .Order{width:22%;}
.orderenquiry .Description{width:455px;padding-right:10px;}
.orderenquiry .View{width:14%;text-align:right;padding-right:5px;font-weight:bold;}
.orderenquiry .prop{display:block;margin:0 0 1px 0}
.orderenquiry .date{font-size:1.5em;display:block;margin:0 0 10px 0}
.orderenquiry .PRICE{display:inline;padding:0 0 0 5px;}
.orderenquiry .stage{display:block;color:#2585d8;font-size:1.5em}
.orderenquiry .Quantity{display:block;margin:5px 0 0 0;font-style:italic}
.orderenquiry .Quantity span{color:#2585d8;font-size:1.2em}
.orderenquiry .View a{background:#2585d8;padding:8px 0;margin:25px 0 0 0;border-radius:3px;cursor:pointer;color:#fff;display:block;text-align:center;text-decoration:none}
.orderenquiry .View a:hover{text-decoration:none}