body {
text-align: left; 
position:relative;  
font-size: 16px;
background-color:#fff; 
} 




#wrapper {
width:100%;
min-width:1024px; 
margin:0px auto;   
min-height:100%; 
padding-top:110px;/* header height    */
}

	

/*outer */
#header{
width:100%;
min-width:1024px;
z-index:5;
background-color:#3F4A55;
/*background-image: linear-gradient( to bottom , #444 , #444 ); */
position:fixed;
left:0;
right:0;
top:0px;
height:110px;
border-bottom:1px solid #333;
}

 
/*top inner */ 
#top{ 
width:1000px;  
height: 0px;
position: relative;
z-index:10;
margin:0 auto;
z-index:5;  
}



#logo{
text-align: left;
float: left;
position: absolute;
left: 0px;
top:22px;
width:200px; border:0px solid ;
background-image: url(../images/logo.png?2018);
height:60px;
background-repeat: no-repeat;
background-position:left 50%;   
background-size:contain;
display:block;
z-index: 2; 
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms; 
}

#strapLine{
display:none;
/*position: absolute;
font-size:0.76em;
color: #aaa;
font-style: normal;
font-weight: 400;
letter-spacing: 0px;
word-spacing: 0px;
text-transform: up;
font-style: normal;
width:340px;
overflow:hidden;
text-align:left;
left:0px;
top: 77px;
z-index:1; 
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
font-family: Arial, Helvetica, sans-serif*/
} 
 

#logo span{ display:none} 

#telephoneNumber{
position: absolute;
font-size:0.8em; letter-spacing: -0.01em;
font-family:  "Lato" , Helvetica, sans-serif;
color: #ccc;
font-weight: 200; 
/*text-shadow:1px 1px #222;*/
right:6px;
padding-left:20px;
top:20px;
height:22px;
line-height:20px;
/*background-image:url(../images/tel.png?2016);
background-position:left 50%;
background-repeat:no-repeat*/
} 


/* for fixed JS header  */
#header{
-webkit-transition: all 100ms;
-moz-transition: all 100ms;
-o-transition: all 100ms;
transition: all 100ms;
}

#header.headerFixed{ height:60px;  }
#header.headerFixed #navMain{ margin-top:14px }  
#header.headerFixed #strapLine, #header.headerFixed #telephoneNumber, #header.headerFixed #navTop , #header.headerFixed #socialTop { display:none}
#header.headerFixed #logo{ height:36px; top:10px;}




/* container when non mobile - hidden on screen and included in main nav under #subnavigation  */

/*#navTop{ position:absolute; left: 350px; top:24px; width:auto; text-align:right; }
#navTop ul{ width:auto; text-align:right;  }
#navTop ul li{
display:block;
float:left;
margin:0;
padding:0px;
position:relative;
white-space:nowrap;
border-right: 1px solid #f1f1f1;
}
#navTop ul li a{
border:0;
margin:0;
background:none;
margin:0;
padding:0px 10px;
color: #fff;
font-size:0.60em;
height:26px;
line-height:26px;
text-transform:uppercase;
display:block;
}

#navTop ul li a#panellistLink{
background-image:url(../images/nav/accountIconGray.png);
background-position:10px 50%;
background-repeat:no-repeat;
padding-left:34px;
}

#navTop ul li a:hover{ color:#000; text-decoration:none} 

#navTop ul  li a.mainCategory { }

#navTop ul  li a.mainCategoryOpen {
background-color:#f1f1f1;  
}

#navTop ul  li a.mainCategory span{
width:12px;
height:6px;
display:inline-block;
margin-left:4px;
background-image:url(../images/nav/arrowDownGray.png);
background-repeat:no-repeat;
background-position:  50%;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
} 

#navTop ul li a.mainCategoryOpen span{ 
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(-180deg);
}



#navTop  ul li  ul{
display:none;
position:absolute;
left:-1px;
top:22px;
height:auto;
max-width:220px;
min-width:180px;
width:auto;
background-color:#f1f1f1;  
border-top:0;
border-radius:0 2px 2px 2px;
padding:  10px 4px ;
z-index:1001
} 

#navTop  ul.subRight { 
left:auto; right:4px;  
}


#navTop  ul li ul li { display:block; float:none; text-align:left; clear:both; margin:1px auto;z-index:1000; border:0; padding:2px 0; border-bottom:0px dotted #555}
#navTop  ul li ul li a{
font-size:0.7em;
text-align:left;
display:block;
font-weight:normal;
border:0; 
color: #fff; 
z-index:1000; 
}
#navTop  ul li ul li a:hover{ text-decoration: underline;}

#navTop  ul li  ul.subRight li a{ text-align:right;padding-right: 10px; }

#navTop ul li:last-child  { border:0;  }
#navTop *{ }
 
#navTop #basketLink   {
border-right: none;
background-image:url(../images/nav/cartWhite.png);
background-repeat:no-repeat;
background-position:right top;
padding-right:24px;
	}*/
 

 	

/* top section social networking*/
#socialTop{ position:absolute; right:170px; top:18px; width:auto; text-align:right; z-index:1;height:30px; }
#socialTop li{ display:block; float:left;   text-align:center; margin-right:8px; }
#socialTop li:last-child{ margin-right:0}

#socialTop li a span {
display:block;
width:26px;
height:26px;
line-height:26px;
margin:0 auto;
background-position:50% 50%;
background-repeat:no-repeat;
background-color: none;
background-size:20px;
border:0px solid #777;
}

#socialTop li a span{ 
/*-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius:  2px;*/ 
-webkit-transition: all 100ms ease-in-out 0s;
-moz-transition: all 100ms ease-in-out 0s;
-o-transition: all 100ms ease-in-out 0s;
transition: all 100ms ease-in-out 0s;
}
#socialTop li a:hover span {background-size:20px; }


#socialTop li a strong {
display:none;
width:100%;
overflow:hidden;
font-size:0.7em; padding:4px 0 0 0;
font-weight:normal;
text-align:center;  
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
-o-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s;
}
#socialTop li a:hover strong { display:none;color: #555;}
#socialTop li a span{ }

  

#contentWrapper{ padding: 0px 0 50px 0; width:1000px; margin:0px auto 0px auto; min-height:520px;}
.survey #contentWrapper{ padding-top:20px;}
 

.contentLeft  {width:240px; float:left;	 }
.contentRight {width:735px; float:right;  }
.contentFull {	background:#fff;	}
 

  
#mobileMenuOpener{ display:none}
#homeIconMobile{ display:none}
  
	

#navMain *{  z-index:5; font-family: "Montserrat", Arial, Helvetica, sans-serif}
#navMain { 
height:30px;line-height:30px;
z-index:5;
display:block;
margin:70px  auto 0 auto;
width:1010px;  
-webkit-transition: margin 200ms;
-moz-transition: margin 200ms;
-o-transition: margin 200ms;
transition: margin 200ms;
}

#navMain ul  {
padding:0px 0 0 0; 
width:auto; 
margin: 0px  auto 0 auto; float:right;
 z-index:1;    text-align:right;  
} 
#navMain li { display:block;position:relative; z-index:1; float:left} 


#navMain  li a,
#navMain ul ul a  { } 

#navMain ul  li a  {
text-align:center;
letter-spacing: 0.06em;
color: #8EA6BA; /*429B9C text-shadow:1px 1px 2px #333;*/
text-transform: uppercase;
display:block;
font-weight:400;
padding: 0px 14px;
text-decoration:none;
font-size:0.65em;
font-family:  Arial,Helvetica, sans-serif;
transition: all 100ms ease-in-out 0s;
}
 
#navMain ul  li a#panellistLink{
background-image:url(../images/nav/pannellistLogin.png);
background-position:calc(100% - 14px) 48%;background-size:12px auto;
padding-right:30px;
}

#navMain ul  li a.mainCategory{ }/* hide border on previous 	*/
#navMain ul  li a.mainCategory span{
width:12px;
height:8px;
display:inline-block;
margin-left:2px;
background-image:url(../images/nav/arrowDownWhite.png);
background-repeat:no-repeat;
background-position:  50%;
background-size:8px auto;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}



#navMain ul li a.mainCategory:hover  span {background-image:url(../images/nav/arrowDownWhite.png);}
#navMain ul li a.mainCategoryOpen span{ 
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(-180deg);
background-image:url(../images/nav/arrowDownWhite.png);
}


#navMain ul  li:first-child a   { border-left:none;  }
#navMain  ul li:last-child  a { border-right:none; background:none;  margin-right:0;  }

/*#navMain ul li a.navMainSelected,*/
 

#navMain ul li a:hover,
#navMain ul li a.mainCategory:hover,
#navMain ul li a.mainCategoryOpen,
#navMain ul li a.mainCategoryOpen:hover{
background-color:#222;
background-image:none;
color:#FFFFFF
} /* only with subs	*/


#navMain ul li ul{ /*  all sub ul */
width:320px;
 z-index:1;  
position:absolute; 
height: auto;
top:30px;
background-color:#222;
left: 0px;
padding: 12px 15px 10px 10px ;
display:none	}

/* default show subs */
#navMain ul li:hover ul,
#navMain ul a:hover ul{  } 	

#navMain ul  li .subCatRight{ 
right:0px; 
left:auto
}


#navMain ul li  ul li , 
#navMain ul li  ul li:hover   { display:block; clear:both; width:100%; margin:0  auto; 
background:none; background-image:url(../images/semiTransLine.png); 
background-repeat:repeat-x; background-position: left bottom }

#navMain ul li  ul li:last-child{ background-image:none; border-bottom: none} 


#navMain ul li  ul li a:link,
#navMain ul li  ul li a:visited  {
background:none;
text-align:left;
font-weight: normal;
display:block;
line-height: normal;
height:auto;
padding: 5px 0px 5px 14px; 
text-transform: none;
text-decoration:none;
border:0;
font-size:0.76em; 
color: #fff;
margin:3px auto; 
-webkit-transition: none;
-moz-transition:none;
-o-transition: none  ;
transition:   none; text-shadow: none;
} 

#navMain ul li  ul li:last-child a { border-bottom:0}


#navMain ul li ul li a:hover {
color:#fff; 
text-decoration: underline; 
background-position: 10px -18px; 	
}

/* main menu view full link for mobile*/
#navMainViewFull, p#navMainViewFull{ display:none}

#navMain ul li a#basketLink{ 
}
#navMain ul li a#basketLink span{ 
	background-image:url(../images/shop/cartGray.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;background-size: auto 14px;
	padding-right:16px; font-size:0px; text-indent:-2000px; width:14px; height:22px; display: inline-block
	}
#navMain ul li a#basketLink:hover span{
	background-image:url(../images/shop/cartWhite.png);}



 
  
 
/* collapsible for side bar form on screen, no + sign padding to create inner illusion  */
#formOpener{ margin:0;height:40px; line-height:40px;}
#formOpener span{ background-image:none;  padding-top:6px;  }

 


.buttons25{ 	width:25px; 	font-size:0.8em;  } 
.buttons50{ 	width:50px; 	font-size:0.8em;  } 
.buttons75{ 	width: 75px; font-size:0.8em; } 
.buttons100{ 	width: 100px;  font-size: 0.8em;} 
.buttons125{ width: 125px; font-size: 0.8em;} 
.buttons150{ width: 150px; font-size: 0.8em;} 
.buttons175{ width: 175px; font-size: 0.8em; } 
.buttons200{ width: 200px; font-size: 0.8em;  } 
.buttons250{ width: 250px; font-size: 0.8em;} 
.buttonsFULL{ width: 100%; font-size: 0.8em;} 

 
	
	

/* side contact form   */ 
 #contactFormWrapper{ display:block; margin:20px auto; background-image:url(../images/semiOverlay.png); background-repeat:repeat;  }
	
#contactFormWrapper h3{ 
display:block;
text-decoration:none;
clear:both; 
width:100%;
padding:12px 0px 12px 0;
margin: 0px auto 0px auto;
border-radius:  0px 0px;
font-size:0.97em;
font-weight: bold;
text-align:left;
background-color: #3F4A55;
text-indent:16px;
border-radius:2px 2px 0 0 ;
color: #fff; text-shadow:1px 1px #000;
border:0px solid #ccc; text-transform:uppercase;
}

#contactForm   {
display:block;
border:2px solid #bbb;
border-top:none;
padding:14px 26px;
border-radius: 0 0 2px 2px;
background-image:url(../images/contactFormBg.png); min-height:200px;
background-repeat:no-repeat; background-position:right  0px;
}  
#contactForm *{ font-family:Arial, Helvetica, sans-serif}

#contactForm  p{
color:#332;
display:block;
padding:6px 0 4px 0px;
margin:0;
font-weight:bold;
clear:both;
font-size: 0.85em;
}

#contactForm  br { clear:both; display:block}



#contactForm input, 
#contactForm textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius: 0;

}

#contactForm .inputs{
width:500px;
border:2px solid #aaa;border-radius:3px;
height:36px;
color:#333333;
padding:0px 0px 0px 6px;
outline:none;
display: block; background:#fff;
clear: both;
 	font-size:14px;
margin: 2px 0 0 0;

}
#contactForm .inputsDD{ width:208px; padding:3px 3px; border:2px solid #e1e1e1;  	font-size:11px;
color:#333333; }

#contactForm .inputsDD option{ padding:1px 5px 1px 3px} 

#contactForm .inputBox{
height:80px;
padding:4px;
width:100%;  	font-size:14px;
border:2px solid #aaa;
color:#333333;
padding:5px 6px 2px 6px;
background:#fff;
}

#contactForm #additionalInfo  p{
color: #FF6600
}

#contactForm .inputsErr{ border-color:#ff0000}
#contactForm  .inputsOver { border-color:#999; background:#fff} 

#contactForm  .inputsDDErr  {
border: 2px solid #ff0000;
background-color: #FF0000;
color: #F0F0F0;
} 
#contactForm .inputsDDOver {
border: 2px solid #e3e3e3; 
background-color: #fff;
color: #333;
} 


#contactForm .verificationCode{  
width:22px; background-image:url(../images/verificationCode.png); display:block; float:left; height:24px;margin:0px 2px 0px 0px; background-color: #d1d1d1; }
#contactForm .inputsVerify {
width: 90px; 
float:left; margin-left:10px;
background:#fff; 
background-color: #FFFFFF;
color:#000;
font-size:1.2em; 
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
text-align:center;
border:2px solid #ccc;
height:26px; 
}

#contactForm .inputsVerifyErr { border-color:red}
 
#contactForm hr{ background: none; border:none; height:0px; margin:0;}

#contactForm input#sendEnquiry,
#sendEnquiry{
height:42px;
line-height:42px;
width:500px;
background-color:#709400;
border: none;
color:#fff;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
border-radius:3px;
}
#contactForm input#sendEnquiry:hover{ background-color:#111}

#contactForm .checkboxRadioList li{margin:0; padding:0;  }
#contactForm .checkboxRadioList label strong { font-size:0.8em;  margin:0; padding:0 0 0 12px;   }  
 
/*eo form  stuff */


 






/* page styles*/ 
  
 
#listingOptions{
padding-top:5px;
background-color:#fff;  
}

#listingOptions #listingTitle,
#listingOptions li#listingTitle {  } 
#listingOptions #listingTitle h3 { font-size:0.8em; padding:0px 5px 0 0; }