body {margin:0;padding:0;background:white;}

img {border:0;}

/* MOBILE CSS START*/

.imgleft{max-width: 100%; width:48%; height: auto;float:left;display:block;}
.imgright{max-width: 100%; width:48%; height: auto;float:left;display:block;}

iframe {
        aspect-ratio: 16 / 9;
        width: 90% !important;
    }

.youtube-container {
    display: flex;
    justify-content: center;
	padding-top: 0.1vw;
	padding-bottom: 0.1vw;
    }

#bannerpromo-new {
    float: right;
    margin-left: auto;
    margin-right: auto;
    border-radius: 1vw;
    background-size: 100%;
    width: 45vw;
	border: 0.2vw solid #3a6087;
}



#policy {color: #454545;border: solid 0.1vw #cfd2cf;border-radius: 2vw;padding: 1.4vw;margin-bottom: 1vw;margin-top: 6vw;margin-left: 2vw;margin-right: 2vw;clear: both;}
#policy p {font-family: Arial;font-size: 2.4vw;color: #504e4e;}
#policy h1 {font-family: Arial;font-size: 2.6vw;color: #504e4e;}
 
#guides{width:95%;padding-top:1vw;margin-left:auto;margin-right:auto;clear:both;font-family:Arial;}
#guides h1{font-size:3vw;color: #3A6087;}
#guides h2{font-size:1.2vw;color: #3A6087;margin-left:1vw}
#guides h3{font-size:2.2vw;color: #3A6087;margin-left:1vw;clear:both;}
#guides p{font-size:2.2vw;color:#828484;margin-left:3vw;}
#guides hr{height:1.2vw;border: 0; box-shadow: inset 0 1.2vw 1.2vw -1.2vw rgba(0,0,0,0.5);}
#guides img{float: left;max-width: 100%;width:44%;height: auto; margin-left: 1vw; }
#guides a {color:#3A6087;}
#guideintro{float: left; width: 54%; font-family:Arial;font-size:2.1vw;color: #828484;margin-left:0.1vw;} 
 
 #xmas p{font-family:Arial;font-size:1.4vw;color:#e21414;margin-left:0vw;}
 
 
#allresults {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: 34vw;
}

.control {
            font-family: arial;
            display: block;
            position: relative;
            padding-left: 3.5vw;
            margin-bottom: 3vw;
            cursor: pointer;
            font-size: 3vw;
        }

#filterme-container {
    float: left;
    width: 31vw;
    background-color: #F7F8FC;
    border: solid 1px #e5e5e5;
    border-radius: 1vw;
    clear: both;
    font-family: arial;
    font-size: 2vw;
    margin-bottom: 1vw;
	margin-left:0vw;
	padding-left:1vw;
}

#footer{background-color: #3A6087;clear:both;color:white;}
#footer p{font-family:Arial;font-size:1vw;color:#f3f3f3;margin-left:2%}
#footer h2{font-family:Arial;font-size:2.4vw;color:#ffff99;}
#footer a{text-decoration:none;color:#f7f7f7;}

.footercolumn{display:inline-block;vertical-align:top;width:24%;}
.footercolumn img{max-width: 33%;height: auto;width: 33%;}
.footercolumn a{text-decoration:none;font-size:2vw;color:#f7f7f7;padding-left: 0.5vw;}


#dealsdivcontainer img{
float:left;width:19vw;height:auto;}

#dealstextblock{
display:inline-block;margin-left:0.35vw;line-height:0.5;}

#dealsdivcontainer p.name{
font-family:arial;font-size:2vw;color:#3366b2;margin-left:0vw;}

#dealsdivcontainer p.price{
font-family:arial;font-size:1.6vw;color:#000000;font-weight:900}

#dealsdivcontainer p.nowonly{
font-family:arial;font-size:1.6vw;font-weight:bold;color:#000000;}

#dealsdivcontainer p.rrp{
font-family:arial;font-size:1.6vw;color:#98a7a7;}

#dealsdivcontainer p.view {font-family:arial;font-size:0.83vw;color:#98a7a7;}


#basket-container {display:inline-block;float:right;width:52vw;}
#basket-top {background-color:rgba(58, 96, 135, 1);font-family: Arial;padding: 1vw 0vw 1vw 0;border-top-left-radius: 1vw;border-top-right-radius: 1vw;text-align:center;}
#basket-top p{margin:0vw 0vw 0vw 1vw;}
#basket-bottom {width:100%;background-color: #ebecec;font-family: Arial;padding-bottom: 1vw;border-radius: 0vw 0vw 0.7vw 0.7vw;margin-bottom:1vw;}
#basket-bottom p{display:inline;font-size:2.8vw;color:#979297;padding:0vw;font-weight:600;margin-left:0.9vw;}
 .basketbutton {float: right;width:50%;height:7.4vw;color: #3A6087;margin-top: 0.4vw; font-size: 4vw;background: #fbf14e;
    border: 0.1vw solid #3A6087; border-radius: 0.69vw;}
  
#social-container{text-decoration:none;list-style:none;padding:0vw 0vw 0vw 0vw;} 

 #search-container {
	float: left;
    display: inline-block;
    width: 31vw;
    max-width: 100%;
    margin-left: 5vw;
    margin-right: 0vw;
    padding: 0vw 0vw 0vw 0vw;
    background-color: #aacedc; }
	
#budget-header h1{display:inline-block;text-align: justify;text-align-last: center;margin-left:0px;font-family:Arial;font-style:italic;font-size:2.2vw;color: #3A6087;margin-left: 1vw;margin-right: 1vw;}	
 
 #search input[type="text"] {
   border: none;
   font-size: 3vw;
   color:#bdbdb2;
   width:49%;}
	
#searchgo {
    float: right;
    font-family: Arial;
    font-size: 4vw;
    background-color: #3A6087;
    color: #ffffff;
    border: 0vw;
    padding: 0vw 0vw 0vw 0vw; 
    border-radius: .6vw .6vw .6vw .6vw;
    height: 5.9vw;
}	

	
 #main-menu li a {
 
    margin-left: 2vw;
    font-size: 3vw;
    text-decoration: none; 
    color: white;
} 
 
#basket-top a{padding:1vw;color:#ebecec;text-decoration:none;}



#aboutus{font-size:1.5vw;width:80%;padding-top:1vw;margin-left:auto;margin-right:auto;clear:both;}
#aboutus h1{display:inline;font-family:Arial;font-size:3.5vw;color: #3A6087;}
#aboutus h2{display:inline;font-family:Arial;font-size:3.5vw;color:#3a6087;}
#aboutus p{font-family:Arial;font-size:3.5vw;color:#828484;}

.picture-sections {
margin-left:auto;margin-right:auto;
text-align:center;
width:95%;
} 

.picture-sections img {
    max-width: 100%;
    margin: 0.5vw 0.5vw 0 0.5vw;
    width: 13%;
    height: auto;
    float: left;
    display: block;
    border-radius: 9%;
}

#dealsdivcontainer{
font-family:arial;
clear: left;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding:0vw;
	margin:0vw}

#dealstabscontainer{
clear: left;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
width: 95%;}

.dealsblock a{text-decoration:none;}
.dealsblock {display: inline-block;background-color: #ffffff; border: 0.3vw solid #3A6087;width: 21vw;}

#dealstabs li a {
    display: inline-block;
    width: 21.5vw;
    background-color: #dddddd;
    padding: 0vw 0vw 0vw 0vw;
    margin: 0.7vw 0vw 0vw 0vw;
    font-family: Arial;
    font-size: 2.6vw; 
    color: #4f4e4d;
    text-decoration: none;
    -webkit-border-radius: .69vw .69vw 0vw 0vw;   
}
	
/* MOBILE CSS END */


#page-holder{
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #aacedc;
}  
#page-holderTEST{
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #aacedc;
}   

#header {
width: 95%;

margin-left: auto;
margin-right: auto;
background-color: #aacedc;
clear:both;
}  

#logo img{
    float: left;
	max-width: 100%; 
	width:36vw; 
	height: auto;
    }


#basket-containerTEST button {
    display: inline-block;
    float: right;
    max-width: 50%;
    font-size: 1vw;
    background: #fbf14e;
    padding: 2% 5% 2% 5%;
}


  
 #basket-container img{
    display:none;
	max-width: 100%;  
	width:15%;  
	height: auto;
    
}

#basket-topTEST {background-color:rgba(58, 96, 135, 1);font-family: Arial;} 
#basket-topTEST p{margin:0px 0px 0px 20px;}
#basket-topTEST a {
    padding: 0px 0px 0px 10px;
    font-size: 1.2vw; 
    color: #ebecec; 
    text-decoration: none;
}

#basket-bottomTEST {
    background-color: #ebecec;
    font-family: Arial;
    border-radius: 0% 0% 0 0%;
    padding: 4% 2% 0% 2%;
}

  
  
  #basketblockTEST {
    display: inline-block;
    padding-left: 7%;
    font-size: 1vw;
    color: grey;  
}



 

#search { 
font-family: Arial;
font-size: 1.5vw;
color:#bdbdb2;
background-color:white;
padding: 0vw 0vw 0vw 0vw;
border-radius: 0.48vw 0.48vw 0.48vw 0.48vw;
}


#clearflexi {clear:both;}

#info-menu {
clear:both;
width:64%;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
}


#menu-holderTEST {
    clear: both;
    background-color: #3a6087;
    border: 0px solid;
padding: 0.1% 0% 0.1% 0%;}


#main-menuTEST,
#main-menuTEST ul {
    list-style: none;
}
#main-menuTEST { 
    width:100%; 
	font-family: Arial; 
    /*font-size: 1.2vw;*/
	margin:0 Auto;
	padding:0;
    }
	 

#main-menuTEST > li {
    display: inline-block;
    } 


#main-menuTEST li a {   /*MAIN MENU TABS*/
	display: table-cell;
    vertical-align: middle;
    padding: 1vw;
    font-size: 1.2vw; 
    text-decoration: none; 
color: white;}

#main-menuTEST li a img {
    width: 300px;
}


#main-menuTEST ul {
    position: absolute;
	left:100px;
    z-index: 999;
    background: #ffffff; /* submenu outer color */
}


/* submenu colours */
#main-menuTEST ul li a {color: #999897;background-color:white;} 
#main-menuTEST ul li:hover a img{color: green;background-color:green;}
#main-menuTEST ul li:hover a {color: #3A6087; text-decoration: underline;}

#main-menuTEST li:hover ul {display: inline;float:left;} 

#main-menuTEST li:hover ul#submenuhTEST{display: inline;float:left;width: 1000px;padding:0px;margin:0px;list-style:none;height: 30px;border-top: 2px solid white;}
#main-menuTEST li:hover ul li#submenuhTEST{display: block;color:white;}

#main-menuTEST li:hover ul#submenuc1TEST{display: inline;float:left;width:230px;padding:0px;margin: 30px 0 0 0;min-height:300px;/* list-style:none; */}
#main-menuTEST li:hover ul li#submenuc1TEST{display: block;}

#main-menuTEST li:hover ul#submenuc2TEST{display: inline;float:left;width:230px;padding:0px;margin: 30px 0 0 230px;min-height:300px;list-style:none;}
#main-menuTEST li:hover ul li#submenuc2TEST{display: block;}
 
#main-menuTEST li:hover ul#submenuc3{display: inline;float:left;width:230px;padding:0px;margin: 30px 0 0 460px;min-height:300px;list-style:none;}
#main-menuTEST li:hover ul li#submenuc3{display: block;}

#main-menuTEST li:hover ul#submenuc4{display: inline;float:left;width:310px;padding:0px;margin: 30px 0 0 690px;min-height:300px;list-style:none;}


#main-menuTEST li:hover ul li#submenuc4{display: block;}
 
#main-menuTEST li:hover ul#submenuc34{display: inline;float:left;width:540px;padding:0px;margin: 30px 0 0 460px;min-height:300px;list-style:none;}
#main-menuTEST li:hover ul li#submenuc34{display: block;}

#main-menuTEST li:hover ul#submenuf{display: inline;float:left;width:100vw;padding:0px;margin:330px 0 0 0;list-style:none;height: 30px;background: linear-gradient(red, blue);}
#main-menuTEST li:hover ul li#submenuf{display: block;color:white;}
 

#subholderTEST {
text-align:left;}

#subholderTEST ul li#colheader{font-size: 14px;color: #3A6087;padding: 6px;font-weight: 600;}
#subholderTEST ul li#colheader a{font-size: 14px;color: #3A6087;padding: 0;font-weight: 600;} 
 
 
/*NEW SUBMENUS*/
ul#submenuhTEST {display:none;} 
ul#submenuc1TEST {display:none;}  
ul#submenuc2TEST {display:none;}
ul#submenuc3TEST {display:none;}
ul#submenuc4TEST {display:none;}
ul#submenuc34TEST {display:none;}
ul#submenufTEST {display:none} 
 
ul#submenuc1TEST li a, ul#submenuc2TEST li a, ul#submenuc3TEST li a, ul#submenuc4TEST li a, ul#submenuc34TEST li a{
font-size: 13px;
height:10px;
padding:6px;
margin:0px;
}

ul#submenuhTEST li a{width:1000px;font-size:14px;background-color:#3a6087;color:#ffffff;height: 30px;}
ul#submenuhTEST li:hover a{width:1000px;font-size:14px;background-color:#44709d;color:#ffffff;}

ul#submenufTEST li a{width:1000px;font-size:14px;background:linear-gradient(white, #3a6087);color:#ffffff;height: 40px;}
ul#submenufTEST li:hover a{width:1000px;}

#subholderTEST {
text-align:left;
/* width:1000px; */}

#subholderTEST ul li#colheader{font-size: 14px;color: #3A6087;padding: 6px;font-weight: 600;}
#subholderTEST ul li#colheader a{font-size: 14px;color: #3A6087;padding: 0;font-weight: 600;}

ul#submenuc1TEST{border-left: 2px solid #e2e1e1;border-bottom: 2px solid #e2e1e1;}
ul#submenuc2TEST{border-bottom: 2px solid #e2e1e1;}
ul#submenuc3TEST{border-bottom: 2px solid #e2e1e1;}
ul#submenuc4TEST{border-bottom: 2px solid #e2e1e1;border-right: 2px solid #e2e1e1;}
ul#submenuc34TEST{border-bottom: 2px solid #e2e1e1;border-right: 2px solid #e2e1e1;}
ul#submenufTEST{margin-top:330px;border-left: 2px solid #e2e1e1;border-right: 2px solid #e2e1e1;}

 











#navmenu{ display: block;
    font-family: Arial;
    color: #3A6087;
	margin-left: 15vw;
	margin-top: 8vw;
	margin-bottom: 2vw;
}

#navmenu a{ text-decoration:underline;color: #3A6087;font-weight: bold;font-size: 2.5vw;
}

#navmenu img{ width:2.8vw;height:auto;}
	
#row-container {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: 20px; */
    background-color: white;
    clear: both;
}

#page-holderOLD{
min-width: 1258px;

/* max-width: 1400px; */

background-color: #aacedc;} 

#headerOLD {
width: 77%;
height:100px;
margin-left: auto;
margin-right: auto;
background-color: #aacedc;
clear:both;
}  

#logoOLD {
width:230px;
background-color: #aacedc;
float:left;
padding-top:2px;
}



#searchOLD {
font-family: Arial;
    font-size: 12px;
background-color:white;
border-style:solid;

border-width:1px 0px 1px 1px;

border-color:#bfbfbf;
padding: 3px 4px 0px 0px;
     -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
}

form#search {
    margin-bottom: 0px;
}




#searchpic{background: transparent url(/images/sale-image.gif) no-repeat center top;
    background-size: 100%;
    height: vw;
width: 95%;}

.phoneus {
font-family: Arial;
    font-size: 14px; 
color:#645c6f;
background-color:white;
border: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}



#basket-bottom img{float:left;margin-top:1vw;margin-left:1vw;margin-right:0vw;}



.basketbutton hover{background-color:#015906;color:#fbf14e;}



#menu-holder {
clear:both;
background-color:#3a6087;
} 

#info-menu {

/*clear:left;*/
/*width:90%;margin-left:auto;margin-right:auto;*/
text-align:center;
}

#banner-rotate {
width:100%;
background-color:#bdb76b;
float:left;
}


#weekly-offers {
width:100%;
background-color:#c0407f;
float:left;
}


#product-menu li:hover ul {display: block;position: absolute;left: 100px;}

#product-menu,
#product-menu ul {
    list-style: none;
}
#product-menu { 
    /* margin-left:10%;margin-right:10%; */
    /* width:100%; */
	width:966px;
    font-family: Arial;
    font-size: 13px;
	margin:0 Auto;
	padding:0;
    }
	
#product-menu table td{
    float: left;
    font-family: Arial;
    font-size: 12px;
}
#product-menu > li {
    float: left;
}
#product-menu li a {   /*MAIN MENU TABS*/
/*display: block;
    height: 2em;
    padding: 0 1.5em;
    text-decoration: none;
    color: white;
    background-color:#3a6087; */
	
	display:table-cell;
	vertical-align:middle;
	padding:0 15px;
	font-size:13px;
	height:39px;
	text-decoration: none;
    color: white;
}

#product-menu ul {
    position: absolute;
    display: none;
    z-index: 999;
    background: #ffffff; /* submenu outer color */
    border-style: groove;border-width:3px; /* submenu border */ 
}

#product-menu li li{
display:block;
float:left;
margin:0px;
padding:0px;
width:100%;
}

/* submenu colours */
#product-menu ul li a {color: #999897;background-color:white;} 
#product-menu ul li:hover a img{color: green;background-color:green;}
#product-menu li:hover ul {display: block;}
#product-menu ul li:hover a {color: #000000; background: #ffc97c;}
/* submenu headings */
#product-menu ul li.subheading {height: 2em;line-height: 2em;padding: 15px 0 0 0;color:#484849;background-color:white;font-weight: bold;}
/* not working */
#product-menu ul li a.subheading {height: 2em;line-height: 2em;padding: 15px 0 0 0;color:#484849;background-color:white;font-weight: bold}

.menu-table {width:900px;height:250px;}
.menu-table th{
text-align:left;
height:6px;
width:900px;
}
.menu-table td{text-align:left;}



.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}




#offers-holder {
padding:0px;
margin:0px;
background-color:#a9a9a9;
clear:left;
width:960px;margin-left:auto;margin-right:auto;margin-bottom:100px;
}
#offers-holder li{float:left;list-style-type:none;}
#offers-holder ul{float:left;list-style-type:none;}

#offers-tab{margin:0px;padding:20px 0px 0px 0px;}

#offers-tab li{float:left;list-style-type:none;}

#offers-tab li a
{
display:block;
width:216px;
background-color:#dddddd;
padding:1px 10px 0px 10px;
margin:0px 2px 0px 2px;
font-family: Arial rounded mt bold;
font-size:18px;
color:#4f4e4d;
text-decoration: none;
-moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -khtml-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

#offers-tab li:hover a {background-color:#027575;color:#ffffff;}

#offers-pic{
margin:0px 2px 0px 2px;
padding:10px 10px 0px 10px;
background-color:#ffffff;
height:170px;
width:200px;
border:8px solid #027575;
list-style-type:none;
}


#offers-pic li {list-style-type:none;float:left;font-family: Arial;font-size:14px;color:#3366b2;}
#offers-pic li a {color:#336699;text-decoration:none;}
#offers-pic li.image {padding:10px 10px 10px 0px;float:left;}
#offers-pic li.rrp {font-size:11px;color:#98a7a7;margin-top:20px;}
#offers-pic li.only {font-size:12px;font-weight:bold;color:#000000;}
#offers-pic li.pound {font-weight:bold;font-size:18px;color:#000000;}
#offers-pic li.view {font-size:12px;color:#98a7a7;}

.offerprice {font-weight:bold;font-size:18px;color:#000000;} 
.thumb {
    position: relative;
    width: 10.69vw;
    height: 13.54vw;
    margin: 0vw 0.24vw 0vw 0vw;
    float: left;
}
.thumb img{
	max-width: 100%;
    width: 10.69vw;
    height: auto;
	border-radius:0.69vw;}
.text {
    display: none;
    position: absolute;
    left: 0; 
    bottom: 0;
    width: 100%;
    background: #999;
    background: rgba(0,0,0,0.6);
    text-align: center
}
.thumb:hover a .text {
    display: block;
    font-family: Arial;font-size:20px;
    color:#f3f2f2;
} 

#item-holder{width:95%;margin-top:6vw;margin-left:auto;margin-right:auto;clear:left;}
#item-thumbs{float:left;}
#item-thumbs li{list-style-type:none;}
#item-thumbs ul{margin:0px auto;padding:0;}
#item-thumbs img{border:0.4vw solid #bababa;margin:5.5vw 2vw 0vw 0vw;width:12vw;height:auto;}
#item-pic{display:inline;padding:0.3vw;margin-left:0.1vw;width:80%}
#item-pic img{width:90%; height:auto;border:0.1vw solid #bababa;vertical-align:text-top;}
#item-details{clear:both;}
#item-details h1{display:inline;font-family:Arial;font-style:italic;font-size:3vw;color: #3A6087;}
#item-details p.price{display:inline-block;margin-top:2vw;font-family:Arial;font-size:4vw;color:#000000;font-weight:600;}
#item-details p.rrp{padding-left:0.1vw;font-family:Arial;font-size:2.6vw;color:#747373;}
#item-details p.code{display:inline;font-family:Arial;font-size:2.6vw;color:#747373;margin-left:5vw;}
#item-details p.codemams{display:inline;font-family:Arial;font-size:2vw;color:#747373;margin-left:5vw;}
#item-details p.brand{display:inline;font-family:Arial;font-size:2.6vw;color:#747373;}
#item-details p.save{font-family:Arial;font-size:2.6vw;color:#e40606;}
#item-details hr{height:1.2vw;border: 0; box-shadow: inset 0 1vw 1vw -1vw rgba(58, 96, 135, 1);}

#tabscontainer{
clear:left;
width:95%;margin-left:auto;margin-right:auto;
padding-top:1vw;
}

#tabscontainer h2{font-family:arial;color: #3A6087;font-size:2.4vw;}

#tabscontainer ul{font-family:arial;font-size:2vw;margin:0vw 0vw 0vw 0.5vw;padding: 0 0 0 0;}

#itemdivcontainer{
width:100%; border: 0.1vw solid #bababa;}

#itemdivcontainer ul{padding-left:5vw;}
	
#itemdivcontainer li{
font-family:arial;font-size:2.6vw;color:#747373;list-style-type:none;}

#tabscontainer hr{height: 12px;
    border: 0;
    box-shadow: inset 0 10px 10px -12px rgba(58, 96, 135, 1);}

#banner{width:70%;clear:both;margin-left:auto;margin-right:auto;border-radius:10px;
background-image: url(/images/sale-banner.gif);height:283px;width:965px;}
 

#rightbox{border: 0.2vw solid #3A6087;background: #DBEBFC;margin-top:1vw;margin-bottom:1vw;padding:0 0 0 0;border-radius: 0.8vw 0.8vw 0.8vw 0.8vw;width:100%;}

#rightbox p.stock{font-family:arial;font-size:14px;font-weight:900;color:#5e5d5d;margin:20px 0 0 15px;}

#rightbox p.quantity{font-family:arial;font-size:3.4vw;font-weight:600;color:#5e5d5d;padding-left:1vw;padding-right: 0vw;}

#rightbox input[type="text"] {
    line-height: 8vw;
    text-indent: 2vw;
    font-size: 3.2vw;
	width:16vw;
}
.addbutton {
	border-radius:0.8vw;
	border: 0.2vw solid #44688D;
	display:inline-block;
	font-family:arial;
	font-size:4vw;
	font-weight:bold;
	padding:2vw 1vw 2vw;
	text-decoration:none;
	background-color:#68d207;
	margin-left:4vw;
}

#social{display:inline;width:100%;}
#social hr{ border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


#speccontainer{
display:block;
width:100%;margin-left:auto;margin-right:auto;
padding-top:1vw;
font-family:arial;
}

#speccontainer h2{color: #3A6087;font-size:2.8vw;margin-left:2vw;}



#matchingtabscontainer hr{height: 6px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(58, 96, 135, 1);}
    
    
#matchingtabscontainer {display: block;margin-top: 4vw;width: 100%;border: 0.1vw solid #bababa;}

#matchingdivcontainer{
font-family:arial;}

#matchingdivcontainer img{
float:left;
margin-right:0.625vw;
margin-left:0.2vw;
width:18vw;
height:auto;}

#matchingdivcontainer a{text-decoration: none;}

#textblock {
    margin-left: 7.8vw;
padding: 1vw 0vw 0vw 0vw;}

#basketblock{
display:inline-block;width:40%;}

#matchingdivcontainer p.name{
font-family:arial;font-size:2.8vw;color:#000000;font-weight:600;text-decoration: none;}

#matchingdivcontainer p.price{
display:inline-block;font-family:arial;font-size:3.4vw;color:green;font-weight:600}

#matchingdivcontainer p.code{
font-family:arial;font-size:2.6vw;color:#6f6f6f;}

#matchingdivcontainer p.save{
display:inline;font-family:arial;font-size:2.8vw;color:#e40606;}
 







ul#dealstabs {padding:0vw;margin:0vw;}

#dealstabs li {display:inline;margin: 0;}


#dealstabs li a.selected{color:white;background-color: #3A6087;}






#fullbasket {width: 80%;
margin-left: auto;
margin-right: auto;
background-color:white;
clear:left;
}

	
.baskettable {
  clear:both;
  width:100%;
	margin:1.4vw 0 0 0;padding:0;
  margin-left: auto;
  margin-right: auto;
	box-shadow: 0.7vw 0.7vw 1.6vw #888888;
	border:0.07vw solid #7a7979;
	border-bottom-left-radius:0.7vw;
	border-bottom-right-radius:0.7vw;
	border-top-right-radius:0.7vw;
	border-top-left-radius:0.7vw;}
	
.baskettable table{width:100%;margin:0vw;padding:0vw;background-color: white;}
	
.baskettable tr:last-child td:last-child {border-bottom-right-radius:0.7vw;}
	
.baskettable table tr:first-child td:first-child {border-top-left-radius:0.7vw;}
	
.baskettable table tr:first-child td:last-child {border-top-right-radius:0.7vw;}
	
.baskettable tr:last-child td:first-child{border-bottom-left-radius:0.7vw;}

.baskettable tr:hover td{background-color:#ffffff;}
	
.baskettable td {
    vertical-align: middle;
    background-color: #ffffff;
    border: 0.1vw solid #cdcdcb;
    border-width: 0 0 0.1vw 0;
    text-align: left;
    padding: 0.6vw;
    font-size: 2.5vw;
    font-family: Arial;
    font-weight: normal;
    color: #000000;}

.baskettable tr:last-child td{
	border-width:0px 0.07vw 0px 0px;}
	
.baskettable tr td:last-child{
	border-width:0 0 0.1vw 0;font-size:2.5vw;}

	.baskettable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.baskettable tr:first-child td{
		background:-o-linear-gradient(bottom, #999999 5%, #7a7977 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #7a7977) );
	background:-moz-linear-gradient( center top, #999999 5%, #7a7977 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#7a7977");	background: -o-linear-gradient(top,#999999,7a7977);
	background-color:#999999;
	border:0px solid #7a7979;
	text-align:center;
	border-width:0px 0px 0.07vw 0.07vw;
	font-size:2.6vw;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.baskettable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #999999 5%, #7a7977 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #7a7977) );
	background:-moz-linear-gradient( center top, #999999 5%, #7a7977 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#7a7977");	background: -o-linear-gradient(top,#999999,7a7977);
	background-color:#999999;
}  

.baskettable tr:first-child td:first-child{border-width:0px 0px 0.07vw 0px;}
.baskettable tr:first-child td:last-child{border-width:0px 0px 0.07vw 0.07vw;}
.baskettable tr td.visa {padding:1vw;}
.baskettable tr td.rowtotal{text-align:right;}

.baskettable tr td.subtotaltext,td.deliverytext,td.totaltext{font-weight:600;}
.baskettable tr td.totaltext,td.total{font-size:2.6vw;}
.baskettable tr td.subtotal,td.delivery,td.total{text-align:right;font-size:2.6vw;font-weight:600;}
.baskettable tr td.total{font-weight:600;font-size:2.6vw;}
.baskettable tr td.savedtext{font-weight:600;font-size:2.4vw;color:#ff0000;text-align:left;}
.baskettable tr td button{font-size:2vw;}
.baskettable tr td img{width:10vw;height:auto;}

.boxmenu {
background-color:white;width:32%;display:inline-block;margin-left:0.6vw;margin-top: 0.4vw;
}

.boxmenu img{max-width:100%;height:auto;width:100%;border-radius: 0vw 0vw 0.69vw 0.69px;}

.boxmenu a{display:block;text-align: center;background-color:rgba(58, 96, 135, 1);color:rgba(255, 255, 255, 1);font-family: Arial;
    font-size: 3.25vw;border-radius: 0.69vw 0.69vw 0.69vw 0.69vw;text-decoration:none;padding:0.35vw 0.35vw 0.35vw 0.35vw;
}
.boxmenu a:hover{background-color:rgba(229, 229, 229, 1);color:rgba(58, 96, 135, 1);}



#groupmenu-containerTEST {
clear:left; 
margin-left:auto;margin-right:auto;
text-align:center;
width:80%;
}



#groupmenu-container {
    width: 100%;
    margin-top: 1.39vw;
    margin-bottom: 2.78vw; 
    margin-left: auto;
    margin-right: auto;
    background-color: white;
clear: both;}


#groupmenu {
background-color:white;width:32%;display:inline-block;margin-left:0.6vw;margin-top: 0.4vw;
}

#groupmenu img{max-width:100%;height:auto;width:100%;border-radius: 0vw 0vw 0.69vw 0.69px;}

#groupmenu a{display:block;text-align: center;background-color:rgba(58, 96, 135, 1);color:rgba(255, 255, 255, 1);font-family: Arial;
    font-size: 3.25vw;border-radius: 0.69vw 0.69vw 0.69vw 0.69vw;text-decoration:none;padding:0.35vw 0.35vw 0.35vw 0.35vw;
}
#groupmenu a:hover{background-color:rgba(229, 229, 229, 1);color:rgba(58, 96, 135, 1);}



#rangemenu {
background-color:white;width:40vw;display:inline-block;margin-left:1.2vw;padding-left:0vw;padding-right:0px;vertical-align:top;
}

#rangemenu img{width:100%;border-radius: 0vw 0vw 1vw 1vw;}

#rangemenu a{display:block;text-align: center;background-color:#dddddd;color:#4f4e4d;font-family: Arial;
    font-size: 3vw;font-weight:600;border-radius: 1vw 1vw 1vw 1vw;text-decoration:none;padding:0.5vw 0vw 0vw 0vw;
}
#rangemenu p{display:block;text-align: left;background-color:#dddddd;color:#4f4e4d;font-family: Arial;
    font-size: 2.4vw;font-weight:600;border-radius: 1vw 1vw 1vw 1vw;text-decoration:none;padding:0.5vw 0.5vw 0.5vw 0.5vw;
}
#rangemenu a:hover{background-color:#4f4e4d;color:#dddddd;}





#bestsellers-container {width: 98%;text-align: center;margin-top: 2vw;margin-left: auto;margin-right: auto;background-color:white;clear:both;}
#bestsellers-container h2{font-family:arial;color:#7c7c7c;font-style:italic;font-size:3vw;font-weight:600;}
#bestsellers-container h3{font-family:arial;color:#7c7c7c;text-align: center;font-style:italic;font-size:2.4vw;font-weight:600;}
#bestsellers {display: inline-block;width:40vw;padding-top: 1vw;padding-left: 0.5vw;padding-right: 0.5vw;margin-left: 0.5vw;margin-right: 0.5vw;margin-bottom:3vw;border: solid;border-radius: 1vw;border-color: #eeeeee;}

#bestsellers img{display:block;width:22vw;height:auto;margin-left:auto;margin-right:auto;}

#bestsellers a{display:block;text-decoration:none;}

.bestsellers{display: inline-block;width:22vw;font-family:arial;clear: left;margin-left: auto;margin-right: auto;text-align: center;}
.bestsellers img{display: block;width: 13vw;height: auto;margin-left: auto;margin-right: auto; margin-top: 0.4vw;margin-bottom: 0.4vw;}
.bestsellers a{display:block;text-decoration:none;}
#bestsellers-container .name{display:block;width: 20vw;margin-top:0.2vw;font-size:2vw;font-weight: 600;color:#274c84;}
#bestsellers-container .price{display:block;margin-top:1vw;font-size:2vw;color:#000000;font-weight:600}
#bestsellers-container .nowonly{display:block;margin-top:0.8vw;font-size:0.83vw;font-weight:bold;color:#000000;}
#bestsellers-container .rrp{display:block;margin-top:1vw;font-size:1vw;color:#838e8e;}
#bestsellers-container .view{display:block;margin-top:1.5vw;font-size:1vw;color:#3a6087;}

#leftblock{display:inline-block;text-align:left;}
#rightblock{display:inline-block;float:right;text-align:right;}

#bestsellers img.stars{width:4vw;height:auto;}

.hrline{border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.55), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.55), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.55), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.55), rgba(0,0,0,0)); 
}


#saleresults {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: 93px;
margin-bottom:30px;
}


#content{text-align:justify;text-align-last: center;}
#content h1{display:block;font-family:Arial;font-size:2.8vw;color: #2e445a;}
#content p{display:block;font-family:Arial;font-size:2.6vw;color: #2e445a;margin-left: 35vw; margin-right: 0vw;} 

#contentfooter{text-align:justify;text-align-last: center;}
#contentfooter h1{display:block;font-family:Arial;font-size:2.8vw;color: #2e445a;}
#contentfooter p{display:block;font-family:Arial;font-size:2.6vw;color: #2e445a;margin-left: 1vw; margin-right: 0vw;} 


#results-row {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
margin-bottom:1vw;
}

#results-row a{text-decoration:underline;color:#3a6087;}
#results-row h1{display:block;font-family:Arial;font-size:2.8vw;color: #3A6087; padding-left:34vw;}
#results-row h2{display:block;font-family:Arial;font-style:italic;font-size:3vw;color: #3A6087;}

#results {display:inline-block;width: 55vw;}
#results img{display:block;width:30vw;height:30vw;margin-left:auto;margin-right:auto;}
#results img.stars{width:16vw;height:auto;}
#results a{display:block;text-decoration:none;width: 56vw;}
#results a:hover{border:1px solid #b8bbbb;}


#results p.title{text-align:center;color:#4f4e4d;font-size:3.5vw;}
#results p.stock{color:#000000;font-size:2.4vw;font-weight:600;}
#results p.delivery{color:#07af03;font-size:2.4vw;font-weight:600;}
#results p.price{color:#000000;font-size:4vw;font-weight:600;}
#results p.rrp{color:#4f4e4d;font-size:2.4vw;}
#results p.save{color:#e40606;font-size:2.4vw;}
#results p.exvat{color:#4f4e4d;font-size:2vw;}

#results p{font-family:arial;}
#results hr{border:0;height:0;border-top: 0.1vw solid rgba(0, 0, 0, 0.1); border-bottom: 1vw solid rgba(255, 255, 255, 0.3);}

.results p{font-family:arial;margin:0vw;padding:0vw;}
.results hr{border:0;height:0;border-top: 0.2vw solid rgba(0, 0, 0, 0.1); border-bottom: 0.2vw solid rgba(255, 255, 255, 0.3); margin: 4vw 0vw 4vw 0vw;}
.results {display:inline-block;width: 55vw;font-family: arial;}
.results img{display:block;width:30vw;height:30vw;margin-left:auto;margin-right:auto;}
.results img.stars{width:12vw;height:auto;}
.title{color:#4f4e4d;text-align:center;font-weight:600;padding: 0vw 0vw 0vw 0vw;margin: 0.8vw 0vw 0.8vw 0vw;}
.stock{font-family:arial;color:#000000;font-size:2.4vw;font-weight:600;padding: 0vw 0vw 0vw 0vw;margin: 0.4vw 0vw 0vw 0vw;}
.delivery{font-family:arial;font-size:2.4vw;color:#07af03;font-weight:400;padding: 0vw 0vw 0vw 0vw;margin: 0.3vw 0vw 0vw 0vw;}
.nostock{font-family:arial;color:#bb1d1d;font-size:2.4vw;font-weight:600;padding: 0vw 0vw 0vw 0vw;margin: 0.4vw 0vw 0vw 0vw;}
.nodelivery{font-family:arial;font-size:2.4vw;color:#ffffff;font-weight:400;padding: 0vw 0vw 0vw 0vw;margin: 0.3vw 0vw 0vw 0vw;}
.price{display:inline;font-size:3vw;color:#000000;font-weight:900;padding: 0vw 0vw 0vw 0vw;margin: 0vw 0vw 0.6vw 0vw;}
.rrp{color:#4f4e4d;font-size:2.4vw;padding: 0vw 0vw 0vw 0vw;margin: 0.5vw 0vw 0vw 0vw;}
.save{color:#e40606;font-size:2.4vw;padding: 0vw 0vw 0vw 0vw;margin: 1vw 0vw 0vw 0vw;}
.exvat{color:#4f4e4d;font-size:2.4vw;padding: 0vw 0vw 0vw 0vw;margin: 1vw 0vw 0vw 0vw;}
.incvat{display: inline-block;font-size:2vw;color:#000000;font-weight:600;padding: 0vw 0vw 0vw 0vw;margin: 0vw 0vw 0vw 1vw;}

#dealsdivcontainer .name{display:block;margin-top:0.2vw;font-size:2vw;color:#274c84;}
#dealsdivcontainer .price{display:block;margin-top:0vw;font-size:2.6vw;color:#000000;font-weight:600}
#dealsdivcontainer .nowonly{display:block;margin-top:0.4vw;font-size:2.2vw;font-weight:bold;color:#000000;}
#dealsdivcontainer .rrp{display:block;margin-top:2vw;font-size:2.4vw;color:#838e8e;}
#dealsdivcontainer .view{display:block;margin-bottom:1.5vw;font-size:2.4vw;color:#3a6087;}

	

#results-new {display:inline-block;width:259px;}
#results-new img{display:block;width:180px;height:180px;margin-left:auto;margin-right:auto;}
#results-new img.stars{width:61px;height:12px;}
#results-new a{display:block;text-decoration:none;border:1px solid #ffffff;}
#results-new a:hover{border:1px solid #b8bbbb;}

#results-new p{font-family:arial;line-height:50%;}
#results-new p.title{text-align:center;width:90%;color:#4f4e4d;font-size:12px;font-weight:900;line-height:100%;height:24px;}
#results-new p.stock{color:#000000;font-size:12px;font-weight:900;}
#results-new p.delivery{color:#07af03;font-size:12px;font-weight:900;}
#results-new p.price{color:#000000;font-size:15px;font-weight:900;}
#results-new p.rrp{color:#4f4e4d;font-size:10px;}
#results-new p.save{color:#e40606;font-size:10px;}

#results-new hr{border:0;height:0;border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	
#lefttextblock{display:inline-block;text-align:left;margin-left:1vw;}
#righttextblock{display:inline-block;float:right;text-align:right;margin-right:1vw;}

.lefttextblock{display:inline-block;text-align:left;margin-left:1vw;}
.righttextblock{display:inline-block;float:right;text-align:right;margin-right:1vw;}


#filters-container {
float:left;
width: 30vw;
height:100%;
background-color:#ffffff;
border:solid 1px #e5e5e5;
border-radius: 1vw;
clear:both;
}  
#filters-container p{font-family:arial;font-size:16px;color:#6f6f6f;margin-left:5px;}
#filters-container form{font-family:arial;font-size:12px;color:#8f8f8f;margin-left:10px;}

#groupheader{width: 90%;margin-left: auto;margin-right: auto;}
#groupheader h1{clear:both;font-family:Arial;font-size:3vw;color: #3A6087;}
#groupheader p{margin-left:1vw;font-family:Arial;font-size:1vw;color:#4f4e4d;}

#searchheader h1{font-family:Arial;font-style:italic;font-size:3vw;color: #3A6087;text-align:center;}
#searchheader h2{display:inline;margin-left:0px;font-family:Arial;font-style:italic;font-size:3vw;color: #3A6087;}
#searchheader {margin-bottom:2.5vw;}
#searchheader select{float:right;font-size:2vw;color: rgb(58, 96, 135);background-color: rgb(247, 248, 252);}
#searchheader hr{height: 8px;border:0;box-shadow: inset 0 12px 12px -12px rgba(58, 96, 135, 1);}

.viewallbutton {
    background-color: #3a6087;
    color: #FFFFFF;
    font-family: arial;
    font-size: 2vw;
	border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
    
}

.viewallbuttonOLD {float:right;
	-moz-box-shadow:inset 0px 1px 0px 0px #c4e2ff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c4e2ff;
	box-shadow:inset 0px 1px 0px 0px #c4e2ff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3A6087), color-stop(1, #50ABD6) );
	background:-moz-linear-gradient( center top, #00d1d1 5%, #027575 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d1d1', endColorstr='#027575');
	background-color:#00d1d1;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #027575;
	display:inline-block;
	color: #FFFFFF;
	font-family:arial;
	font-size:13px;
	font-weight:normal;
	padding:4px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #001529;
}.viewallbutton:hover {
	
	background-color:rgba(229, 229, 229, 1);
}.viewallbutton:active {
	position:relative;
	top:1px;
}
#register{font-family:arial;font-size:12px;color:#4f4e4d;}
#register td{font-size:1vw;}

#register-table{float:left;font-family:arial;width:100%;background-color: #aacedc;}
#register-table th{color:#5a5a5a;text-align:left;font-size:2vw;}
#register-table em{color:red;}
#register-table td{font-size:2.2vw;color:#5a5a5a;}
#register-table input{width:24vw;}

#register-logon{float:left;font-family:arial;color: #404040;width:100%;background-color: #aacedc;}
#register-logon input{width:50vw;}
#register-logon h1{font-size:6vw;}
#register-logon td{font-size:4vw;}

#forgot {padding:2vw;margin-left:5vw;}
#forgot a{font-size:3vw;color:#5a5a5a;}

#register-bottom{clear:both;background-color: #aacedc;}
#register-bottom p{display:inline;}
#register-bottom input[type="submit"] {
    height: auto;
    width: 51vw;
    border-radius: 1vw;
    display: inline;
    font-size: 3.6vw;
    padding: 1vw 2vw 1vw 2vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
	margin-left: 29vw;
    color: #3a6087;
    font-weight: 600;
}

#salesbutton {
    background-color: #02ef2a;
    color: #FFFFFF;
    font-family: arial;
    font-size: 3vw;
    border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
    text-decoration: none;
    padding: 0.5vw;
margin: 0 0 1vw 1vw;}

#salesbutton a{text-decoration:none;color: #383838;font-weight: 600;}

#success {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: arial;
    font-size: 4.1vw;
    color: #5a5a5a;
    clear: both;
background-color: #aacedc;}


#success {padding-top:2vw;}
#success a{color:#3a6087;font-size:3vw;font-weight:600}


#failure {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: arial;
        font-size: 4.1vw;
    color: #b90b0b;
    clear: both;
background-color: #aacedc;padding:2vw;}

#myaccount {color: #444444;margin: 1vw 0 0 1vw;font-weight: 600;}

#myaccount a{font-family:arial;font-size:16px;text-decoration:none;color:#058080}

#checkout {
width: 95%;
margin-left: auto;
margin-right: auto;

clear:both;
}

#checkout-logo img {
    float: left;
    max-width: 100%;
    width: 25vw;
    height: auto;
}

#checkout h1{display:inline;font-family:Arial;font-size:3.8vw;color:#716f6f;}
#checkout p{font-family:Arial;font-size:3.4vw;color:#716f6f;margin:1vw 0 0 0;}
#checkout hr{ border: 0; height: 0; border-top: 0.4vw solid rgba(0, 0, 0, 0.1); border-bottom: 0.1vw solid rgba(255, 255, 255, 0.3);}
#checkout p.stagename{display:inline;padding-left:20px;font-family:Arial;font-size:14px;color:#2b2b2b;}
#checkout p.stagenumber{font-family:Arial;font-size:20px;color:#2b2b2b;}
#checkout input[type="submit"]{color: rgb(249, 251, 253);background-color: #0764c3;height:auto;border-radius:1vw;width:34vw;margin-top:2vw;font-size:4vw;font-weight:600}
#checkout select {margin-bottom:15px;}
#checkout input {margin-bottom:2.6vw;}
#checkout-table{float:left;font-family:arial;padding:2vw;}
#checkout-table em{color:red;}

#contact-table{clear:both;float:left;font-family:arial;border:solid 0px #cfd2cf;border-radius:1.5vw;padding:0vw;margin-bottom:1.0vw;}
#contact-table em{color:red;} 

#ordersummary{float: right;font-family: arial;width: 100%;margin-left: 1vw;background-color: #aacedc;}
#ordersummary p.title{text-align:center;font-family:Arial;font-size:3.4vw;color:#2b2b2b;}
#ordersummary p{text-align:center;font-family:Arial;font-size:2.6vw;color:#2b2b2b;margin-bottom:1vw;}

#continue input[type="image"] {
    float: right;
    clear: both;
    height: auto;
    border-radius: 0.1vw;
    width: 45vw;
    margin-top: 3vw;
    margin-bottom: 2vw;
}

#continue {float:right;margin-top:4vw;font-family:arial;font-weight:bold;font-size:4vw;font-style:italic;color:#545454;}

#card-form label.error, .output {color:#d41515;font-weight:bold;font-size:2.6vw;display:block;}
#register-form label.error, .output {color:#d41515;font-weight:bold;font-size:2.6vw;display:block;}
.checkout-label {width:34.8vw;text-align:right;float:left;padding-right:0.5vw;font-size:3vw;color:#5a5a5a;}

#formlabel {font-family:arial;font-size:2.4vw;color:#5a5a5a;}

#billing-form label.error, .output {color:#d61414;font-weight:bold;font-size:3vw;display:block;}

#addressblock{float:left;font-family:arial; border:solid 1px #cfd2cf;border-radius:15px;padding:10px;margin-bottom:10px;}
#addressblock ul{float:left;list-style-type:none;font-weight:900;color:#808080;}
#addressblock ul li{list-style-type:none;font-size:12px;}
#addressblock h2{color:#058080;font-size:16px;}

#address{float:left;font-family:arial; font-size:1.4vw;color:#454545;} 
#address h2{color: #3A6087;font-size:18px;}
#address h3{color:#bd0c0c;font-size:18px;}
 

#contactus{float:left;font-family:arial; font-size:2.6vw;color:#454545;border:solid 0.2vw #cfd2cf;border-radius:1.5vw;padding:1vw;margin-right:2vw;margin-bottom:2vw;}
#contactus h2{color: #3A6087;font-size:3vw;}
#contactus h3{color:#bd0c0c;font-size:3vw;}
#hours{font-family:arial; font-size:2vw;font-weight:600;color:#087a0d;padding:0px;margin-right:2vw;margin-bottom:2vw;} 

#payreview {width:100%;background-color: #457f96;font-family:Arial;border-collapse:collapse;margin-bottom: 1vw;} 

#payreview td, #payreview th {color: #444444;}

#payreview thead {background-color: #457f96;} 
	

	#payreview th {	font-size: 3vw;	font-weight: 600;color: white;}

	#payreview td {font-size: 2.4vw;background-color: #ffffff;}

	#payreview td input {width: 20vw; font-size: 1.8vw;}
	#payreview td button {width: 20vw; font-size: 1.8vw;}
	
#payreview td.basket{
	font-size: 1vw;
}
#payreview td.totals{
	font-size: 2vw;
	font-weight: bold;
	text-align:right;
}
#payreview td.note{
	font-size: 1.2vw;
	font-weight: bold;
	text-align:right;
  color:red;
}
#payreview td.grandtotal{
	font-size: 2.2vw;
	font-weight: bold;
	text-align:right;
	border-top: 0.5vw double #505050;}
#payreview td.capitals{
	text-transform: capitalize;
}
.upper{text-transform: uppercase;}
#payreview td:hover {
	background-color: #fff;
}

#adminpage {
    background-color: white;
    width: 90%;
    display: inline-block;
    margin-left: 0.6vw;
}

#socialfooter{display:inline-block;float:right;text-align:right;}
#socialfooter p{display:inline-block;text-align:right;}
#socialfooter img{vertical-align:middle;}

.column{width:88vw;font-family:Arial;font-size:4vw;background-color:#ececec;border:solid 0.1vw #cfd2cf;border-radius:1vw;padding:1vw;list-style: none;}
.column li{margin:0vw 0vw 5vw 0vw;} 


#terms{width:95%;padding-top:0.1vw;margin-left:auto;margin-right:auto;clear:both;font-family:Arial;}
#terms h1{font-size:4vw;color: #3A6087;}
#terms h2{font-size:4vw;color: #3A6087;margin-left:1vw}
#terms h3{font-size:3vw;color: #3A6087;margin-left:2vw}
#terms p{font-size:3.4vw;color:#828484;margin-left:3vw}
#terms hr{height:1.2vw;border: 0; box-shadow: inset 0 1.2vw 1.2vw -1.2vw rgba(0,0,0,0.5);}

#social-container img {
    max-width: 100%;
    height: auto; 
    width: 3.8vw;
    padding: 0.8vw 0.8vw 0vw 0vw;}

#social-container ul {display:inline-block;padding:0vw;margin:0vw;}
#social-container li {display:inline-block;padding:0vw;margin:0vw;}
#social-container h3.social-media-title{font-family:Arial;font-size:16px;color:#979797;text-decoration:none;padding:4px 0 0 0;margin:0px;}



#main-menu,
#main-menu ul {
    list-style: none;
}
#main-menu {
    width: 100%;
    font-family: Arial;
    font-size: 1.1vw;
    padding: 0.6vw 0 0.6vw 0;
} 
	 

#main-menu > li {
    display: inline-block;
    width: 32vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
}




#main-menu ul {
    position: absolute;
	left:100px;
    z-index: 999;
    background: #ffffff; /* submenu outer color */
    /* border-style: groove;border-width:1px; /* submenu border */ 
}


/*  #main-menu li li{
display:block;
margin:0px;
padding:0px;
}   */

/* submenu colours */
#main-menu ul li a {color: #999897;background-color:white;} 
#main-menu ul li:hover a img{color: green;background-color:green;}
#main-menu ul li:hover a {color: #3A6087; /* background: #4878A9; */text-decoration: underline;}

#main-menu li:hover ul {display: inline;float:left;} 


/*NEW SUBMENUS*/
ul#submenuh {display:none;} 
ul#submenuc1 {display:none;}  
ul#submenuc2 {display:none;}
ul#submenuc3 {display:none;}
ul#submenuc4 {display:none;}
ul#submenuc34 {display:none;}
ul#submenuf {display:none}

#main-menu li:hover ul#submenuh{display: inline;float:left;width: 1000px;padding:0px;margin:0px;list-style:none;height: 30px;border-top: 2px solid white;}
#main-menu li:hover ul li#submenuh{display: block;color:white;}

#main-menu li:hover ul#submenuc1{display: inline;float:left;width:230px;padding:0px;margin: 30px 0 0 0;min-height:300px;/* list-style:none; */}
#main-menu li:hover ul li#submenuc1{display: block;}

#main-menu li:hover ul#submenuc2{display: inline;float:left;width:230px;padding:0px;margin: 30px 0 0 230px;min-height:300px;list-style:none;}
#main-menu li:hover ul li#submenuc2{display: block;}
 
#main-menu li:hover ul#submenuc3{display: inline;float:left;width:230px;padding:0px;margin: 30px 0 0 460px;min-height:300px;list-style:none;}
#main-menu li:hover ul li#submenuc3{display: block;}

#main-menu li:hover ul#submenuc4{display: inline;float:left;width:310px;padding:0px;margin: 30px 0 0 690px;min-height:300px;list-style:none;}


#main-menu li:hover ul li#submenuc4{display: block;}
 
#main-menu li:hover ul#submenuc34{display: inline;float:left;width:540px;padding:0px;margin: 30px 0 0 460px;min-height:300px;list-style:none;}
#main-menu li:hover ul li#submenuc34{display: block;}

#main-menu li:hover ul#submenuf{display: inline;float:left;width:1000px;padding:0px;margin:330px 0 0 0;list-style:none;height: 30px;background: linear-gradient(red, blue);}
#main-menu li:hover ul li#submenuf{display: block;color:white;}

ul#submenuc1 li a, ul#submenuc2 li a, ul#submenuc3 li a, ul#submenuc4 li a, ul#submenuc34 li a{
font-size: 13px;
height:10px;
padding:6px;
margin:0px;
}

ul#submenuh li a{width:1000px;font-size:14px;background-color:#3a6087;color:#ffffff;height: 30px;}
ul#submenuh li:hover a{width:1000px;font-size:14px;background-color:#44709d;color:#ffffff;}

ul#submenuf li a{width:1000px;font-size:14px;background:linear-gradient(white, #3a6087);color:#ffffff;height: 40px;}
ul#submenuf li:hover a{width:1000px;}

#subholder {
text-align:left;
/* width:1000px; */}

#subholder ul li#colheader{font-size: 14px;color: #3A6087;padding: 6px;font-weight: 600;}
#subholder ul li#colheader a{font-size: 14px;color: #3A6087;padding: 0;font-weight: 600;}

ul#submenuc1{border-left: 2px solid #e2e1e1;border-bottom: 2px solid #e2e1e1;}
ul#submenuc2{border-bottom: 2px solid #e2e1e1;}
ul#submenuc3{border-bottom: 2px solid #e2e1e1;}
ul#submenuc4{border-bottom: 2px solid #e2e1e1;border-right: 2px solid #e2e1e1;}
ul#submenuc34{border-bottom: 2px solid #e2e1e1;border-right: 2px solid #e2e1e1;}
ul#submenuf{margin-top:330px;border-left: 2px solid #e2e1e1;border-right: 2px solid #e2e1e1;}





#filterme-containerOLD { 
float:left;
width: 184px;
background-color: #F7F8FC;
border:solid 1px #e5e5e5;
border-radius: 15px;
clear:both;
font-family:arial;
font-size:12px;
margin-bottom: 10PX; 
} 


.filter-headings {
    font-size: 2.8vw;
    margin-left: 1vw;
    margin-bottom: 2.3vw;
    color: #175680;
font-weight: bold;}

.filter-labels {
   font-size:12px;
   margin-bottom:0px;
   color: #616161;
   text-shadow: #ffffff 0 1px 0;
   }
   
            .control input {
                position: absolute;
                z-index: -1;
                opacity: 0;
            }
        .control_indicator {
            position: absolute;
            top: 0vw;
            left: 0.2vw;
            height: 2.7vw;
            width: 2.5vw;
            background: #e6e6e6;
            border: 0.07vw solid #7e7e82;
        }
        .control-radio .control_indicator {
            border-radius: undefined%;
        }
        
        .control:hover input ~ .control_indicator,
        .control input:focus ~ .control_indicator {
            background: #cccccc;
        }
        
        .control input:checked ~ .control_indicator {
            background: #1d9c10;
        }
        .control:hover input:not([disabled]):checked ~ .control_indicator,
        .control input:checked:focus ~ .control_indicator {
            background: #0e6647d;
        }
        .control input:disabled ~ .control_indicator {
            background: #e6e6e6;
            opacity: 0.6;
            pointer-events: none;
        }
        .control_indicator:after {
            box-sizing: unset;
            content: '';
            position: absolute;
            display: none;
        }
        .control input:checked ~ .control_indicator:after {
            display: block;
        }
        .control-checkbox .control_indicator:after {
            left: 0.56vw;
            top: 0vw;
            width: 1.21vw;
            height: 1.96vw;
            border: solid #ffffff;
            border-width: 0 0.14vw 0.14vw 0;
            transform: rotate(45deg);
        }
        .control-checkbox input:disabled ~ .control_indicator:after {
            border-color: #7b7b7b;
        }

.filter-hr{height: 0.83vw;
    border: 0;
    box-shadow: inset 0 0.69vw 0.69vw -0.83vw rgba(58, 96, 135, 1);
	margin:1.39vw 0.69vw 0vw 0.69vw;} 
	
.filtertotals{font-size:2.2vw;color: #616161;padding-left: 0.35vw;}

.text-menu { 
a:link: color: blue;
a:visited: color: blue;
a:hover: color: white;

a:active: color: yellow;

text-decoration:none;
background-color: #F7F8FC;
border:solid 1px #e5e5e5;
border-radius: 15px;
clear:both;
font-family:arial;
font-size:14px;
margin-bottom: 10PX; 
} 

.form-control {
    font-family: Arial;
    font-size: 1vw;
    color: #bdbdb2;
    background-color: white;
    border-style: solid;
    border-width: 0.07vw 0vw 0.07vw 0.07vw;
    border-color: #bfbfbf;
    padding: 0.2vw 0.28vw 0vw 0vw;
    border-radius: 0.48vw 0.48vw 0.48vw 0.48vw;
	height: 5.8vw;
    width: 30vw;
}

p.headings {
	font-size: 1.8vw;
    color: #FFFFFF;
    font-weight: bold;
  }

.left {display: inline-block;text-align:left;}

.left ul {list-style-type: none;padding-left: 0vw;margin: 0vw;}


.left li a {
    font-size: 2vw;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0.5vw 0vw 0vw 0.3vw;}

.right {display: inline-block; vertical-align: top;}
.showall a { color: #FFFFFF; float: right;}

.livepics {display: inline-block;vertical-align:top;width:11vw;margin-bottom: 0.5vw;background-color:#ffffff;font-family:arial;clear: left;margin-left: auto;margin-right: 0.1vw;text-align: center;border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;}
.livepics img{display: block;width: 7vw;height: auto;margin-left: auto;margin-right: auto; margin-top: 0.4vw;margin-bottom: 0.4vw;border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;}
.livepics a{display:block;text-decoration:none;}

.name {font-size:1.8vw;color: #175680;}
.searchprice {display:block;font-weight:bold;font-size:2vw;color: #000000;}

#result {clear:both;width: 100%;margin-left: auto;margin-right: auto;margin-bottom: 0.6vw;font-family: arial;background-color: #3a6087;border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;}

#searchfor-container{display: inline-block;
    width: 52vw;
    float:right;
	margin: 1vw 0vw 1vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
    text-align: center;}
	
#social-container2 { display:none;padding: 0vw 0vw 0vw 0vw;margin: 0vw 0vw 0vw 0vw;}
	
#social-container2 li {display:inline-block;padding:0vw;margin:0vw;}
 
#social-container2 img {
    max-width: 100%;
    height: auto; 
    width: 5.8vw;
    padding: 0.8vw 0.8vw 0vw 0vw;}

.input-group{display:block;}	
	
#bannercontainer{width: 95%;margin-left: auto; margin-right: auto; clear: both;}
#gold {display: inline-block;}
#gold img{clear:both;height:auto;width:45.6vw;border-radius: 1vw;border: 0.2vw solid #3a6087;margin-bottom: 4vw;}
	
#bannerpromo {
    float: right;
    margin-left: auto;
    margin-right: auto;
    border-radius: 1vw;
    background: transparent url(https://www.allbits.co.uk/images/sale-image-right.png) no-repeat center top;
    background-size: 100%;
    height: 15.6vw;
    width: 44.8vw;
	border: 0.2vw solid #3a6087;
} 		


#defaultCountdown {
    width: 32.6vw;
    height: 12.1vw;
    margin-top: 0.49vw;
    margin-right: 0.59vw;
	border-radius: 1vw;
	border: 0.2vw solid #f9f171;
    background-color: #c10c12;
    font-family: arial;
    font-weight: 600;
    color: #fbf14e;
    float: right;
    font-size: 2.1vw;
}


/* jQuery Countdown styles 1.6.2. */
.hasCountdown {
	border: 0.2vw solid #f9f171;
	background-color: #c10c12;
  font-family:arial;font-weight:600;
  color: #fbf14e; 
  float:right;
  font-size:2vw;
} 
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	color: #000000;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0vw 0.139vw;
	text-align: center;
	font-size:2vw;	
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}

.countdown_amount {
	font-size: 150%;
}
.countdown_descr {
	display: block;
	width: 100%;	
}

.countdown_section {
    display: block;
    float: left;
    font-size: 2vw;
    text-align: center;
    padding: 0vw 0vw 1vw 0vw;
}

#qchange input[type="number"] {
  width: 100%;
  font-size:3vw;
  padding: 5px 5px;
  margin: 0px 0;
  box-sizing: border-box;
  border: 1px solid #555;
  outline: none;
}

#qchange input[type="number"]:focus {
  background-color: lightblue;
}

#qchange input[type="submit"]{
  background-color: #fbf14e;
  font-size:3vw;
}