body {
text-align: left;
background-color: #fff;
position:relative; 
}

#wrapper { 
width:100%; 
} 


.headerClear{ display:block; clear:both; height:60px;    }	


#contentWrapper{ 
padding:70px 10px 10px 10px; 
z-index:1; 
}

.contentLeft  {height:100%; width:100%;}
.contentRight , .siteContent { width:100%;}
.contentFull {	width:100%;	}
.contentRight img, .contentRight  p img{ max-width:100%}
 	
 
.pagetitles , a.pagetitles:link, a.pagetitles:visited  {
font-size: 1.6em;  
}
.subtitles , a.subtitles:link, a.subtitles:visited  {
font-size: 1.2em;
}
 
/*outer */
#header{
	z-index:5;
	width:1000%; 
	background-image: linear-gradient(to bottom, #f1f1f1, #d1d1d1);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;  }

/*top inner */ 
#top{ 
display:block;
overflow:hidden; 
} 



#strapLine{
display:none    
} 

#logo{ 
display:block; margin: 5px 0 0 10px ;
background-image: url(../images/logo.png);
width:220px;  
height: 50px; background-size:200px  ;
background-repeat: no-repeat;
background-position:left 50%;
 
}

#logo span{ display:none}


#telephoneNumber{
display:none
} 


#breadcrumb{ 
display:block;  width:100%; overflow:hidden; background:#fff;   padding: 0  0px;margin:  0px 0 10px 0px;
}	
 
.grid li a:hover em.enlarge{  display:none;}	 /* enlarge icon on gallery  */
 


/*mobile only nav opener */ 
#mobileMenuOpener{
	margin: 0;
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	text-decoration:none;
	text-align:left;
	line-height:60px;
	height:60px;
	background-image:url(../images/semiTransLineVert.png);
	background-position:left top;
	background-repeat:repeat-y;
	cursor: pointer;
}	




#mobileMenuOpener span {
background-position: 50% 50%;
background-image:url(../images/icons/headerIconsMenu.png);
background-repeat:no-repeat;
display:block; 
width:60px; height:60px;
position:absolute; right:0px; top:0px; 
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
} 		

#mobileMenuOpener span.menuOpen { 
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}	


@media only screen and (orientation:portrait)   {  	
#mobileMenuOpener, a#mobileMenuOpener{  width:60px; }
#mobileMenuOpener strong, a#mobileMenuOpener strong { display:none}
}			

@media only screen and (orientation:landscape)   {  	
#mobileMenuOpener { width:auto  }
#mobileMenuOpener strong  { 
display:block;
font-weight: normal;  
font-size:18px; line-height:60px;
color:#333; 
letter-spacing:-1px; 
font-family:Arial, Helvetica, sans-serif;  
display:block;
padding: 0 0px 0 10px;  
 width:  110px; text-align:left
}
#mobileMenuOpener span { }
}


#navMain  {
 height:calc(100% - 60px);
 overflow:auto;
 position: fixed;
 padding:10px 10px 100px 10px;
 border-left:10px solid #fff;
 border-top:10px solid #fff;
 border-bottom:10px solid #fff;
 background-color:#333333;
 top:60px;
 width: 280px;
 z-index:10;
 display: block;
 right:-2000px;
}


#navMain ul  {
padding: 10px  0px 0px  0px;   
margin:0 auto;
}  

#navMain.navMainOpen { 
right:0px;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}

#navMain.navMainClose { 
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}

#navMain.navMainHide{right:-380px;}/* rapid closer for links - take off screen to max width*/


@media only screen and (orientation:portrait)   {  
#navMain { width: 280px;  }
.navMainClose { right:-280px;}
#navMain li a{  letter-spacing:-1px;  font-size:1.6em;} 
} 

@media only screen and (orientation:landscape)   {  
#navMain { width: 380px; 	 }
.navMainClose { right:-380px;}
#navMain li a{ font-size:1.4em; } 
} 


#navMain li { display:block; clear:both;  margin:0; padding:0; position:relative; }
#navMain li a{
 display:block;
 text-decoration:none;
 text-transform: uppercase;
 letter-spacing:0px;
 padding: 8px 26px 8px 0  ;
 color:#fff;
 display:block;
 font-weight: 100;
 font-family: Raleway,Arial, Helvetica, sans-serif;
 text-align: right; 
/* background-image:url(../images/icons/arrowRGrayThin.png);
 background-position:right 12px;*/
}



#navMain ul li ul { margin:10px 0px 20px 0px; padding:0px 0 ; display:none; border:1px solid #fff}

/* sub openers*/
#navMain ul li a.mainCategory{
 position:relative;
 background-image:url(../images/icons/plusWhite.png);
 background-position:right 16px;
 background-repeat:no-repeat;
 -webkit-transition:all 0.3s ease-in-out;
 -moz-transition:all 0.3s ease-in-out;
 -o-transition:all 0.3s ease-in-out;
 transition:all 0.3s ease-in-out;
}

#navMain ul li a.mainCategory:hover{ 
} 


#navMain ul li a.mainCategoryOpen  {
 background-image:url(../images/icons/minusWhite.png);
 color:#fff
}	

#navMain ul li ul li a{ font-size:1em; 	}

 
#navMainViewFull, p#navMainViewFull{ 
display:block; margin:10px auto; padding:0;
text-align:right;
}	
#navMainViewFull a{ 
color:#fff; font-size:0.8em;
text-transform: none;
letter-spacing:0px; 
padding: 0px 20px 0px 0 ; 
}

 

.standardNav{   
margin:10px 0px 50px 0px; 
background:#fff;	border:1px solid #e1e1e1;border-bottom:0px; 
}

.standardNav li { display:block; clear:both;  margin:0; padding:0;

}
.standardNav li h3{
display:block; 
height:44px;
line-height:44px;
text-decoration:none;
color:#000;
font-size:1.1em;
font-weight:bold;
padding: 0 0 0 10px;
margin:0px auto 0 auto;
border-top:0px solid #fff;
cursor:pointer;
position:relative;
background-image: linear-gradient(to bottom, #f1f1f1 , #e3e3e3);
font-size:1.4em;
font-weight: normal; 
letter-spacing:0px;
border-bottom:0px solid #e1e1e1; 
display:block; 
font-weight: normal;
text-shadow:1px 1px #fff;	 
}



.standardNav li a{
display:block;
text-decoration:none;

font-size:1.em;

background-color:#FFFFFF;
padding: 12px 25px 12px 10px;
margin:0px auto;
background-image:url(../images/icons/arrowRgrayThin.png);
background-repeat:no-repeat;
background-position: calc(100% - 9px)  16px;
border-bottom:1px solid #e1e1e1;
color:#000; 
display:block; 
font-weight: normal
}

.standardNav li a:hover{ background-color:#f1f1f1}

.standardNav li ul li { background:none; border:none}



.standardNav li ul{ padding:0 0 0px 0} 

.standardNav li a.PDFlink{ padding-left:35px; background-image:url(../images/pdf.gif); background-repeat:no-repeat;
background-position: 10px 12px; color:#006699;	font-size:14px; font-weight:bold; }



/* BANNERS */
#bannerWrap{  
padding: 0px 0 0px 0 ;   margin: 0px auto 15px auto; width:100%; overflow:hidden  ; position:relative; z-index:1  
}

/*  headline*/
#banners li h5  { font-size:1.6em; }

#bannerBase{ height:0px;  position:relative  }	

#bannerControls{ display:none}	

 
#bannerControls li a{ display:none} 
/*  format  */



  
  

/* ////////////////////// */
.DDmenu{ display:block; text-align:left; margin:0px auto; width:100% }
 

/* top level  */
.DDmenu li h3  { 
font-size:1.2em;	 
height:46px; 	line-height:46px;	 
width:100%
}
/* sub */
.DDmenu li ul {
top:46px;width:100%
}
.DDmenu.rightOpening li ul {  } 




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


  
.image-left{ border:0px solid #e1e1e1; padding:5px; margin:5px auto ; float:none; clear:both;  max-width:100% ; border-radius:10px}
.image-right{border:0px solid #e1e1e1; padding:5px; margin:5px auto ; float:none; clear:both;max-width:100%  }


 
/*######## contact form opener in main nav like collapsible but own css & fn    ########### */ 
#contactFormWrapper{ display: none} 

#contactForm   { 
display:block;
border:1px solid #ccc; 
border-top:none;  
font-family:Arial, Helvetica, sans-serif;
padding:15px  ;
 background:#e8e8e8;  
} 

/*######## over ride for ONLY contact us  display  ########### */ 
.contact-us  #contactFormWrapper, 
.your-enquiry  #contactFormWrapper  { display:block;}  

#contactFormWrapper h3{ margin-top:10px; }

#contactFormWrapper  h3 span{	
background-position:right  50%; height:100%;   display:block; cursor:pointer;
background-repeat:no-repeat;
background-image:url(../images/icons/plusWhite.png);}

#contactFormWrapper.contactFormOpen h3 span {
background-image:url(../images/icons/minusWhite.png);
} 

#contactFormWrapper #contactForm { 
display:none;
}

#contactFormWrapper.contactFormOpen #contactForm {
}



#contactForm  p{
font-size:0.8em;
color:#545454;
display:block;
padding:6px 0 4px 0px;
margin:0;
font-weight:bold; clear:both;	font-family:Arial, Helvetica, sans-serif
}

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


 
#contactForm .inputs{
width:100%;
border:3px solid transparent;
height:36px;
font-size:11px;
color:#333333;
padding:0px 0px 0px 4px;
font-family: Arial, Helvetica, sans-serif;
outline:none;
display: block;
clear: both;

margin: 2px 0 0 0;

}
#contactForm .inputsDD{ width:208px; padding:3px 3px; border:2px solid #e1e1e1;  font-family: Arial, Helvetica, sans-serif;	font-size:11px;
color:#333333; }

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

#contactForm .inputBox{
height:60px;
padding:4px;
width:100%; 
border:2px solid #e1e1e1;
font-size:14px;
color:#333333;
padding:1px 0px 1p 3px;
font-family: Arial, Helvetica, sans-serif;

}

#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:20px; background-image:url(../images/verificationCode.png); display:block; float:left; height:24px;margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif;
}

#contactForm .inputsVerify {
width: 152px; 
float:left;
background:#fff; 
background-color: #FFFFFF;
color:#000;
font-size:18px; 
font-weight:bold;
text-transform:uppercase;
letter-spacing:0px;
text-align:center;
border:2px solid #999;
margin-left:10px;
height:24px; font-family:Arial, Helvetica, sans-serif
}

#contactForm .inputsVerifyErr { border-color:red}
 
#contactForm hr{ background-color:#f1f1f1}

 /*eo form  stuff */




#listingOptions{
padding:10px 10px 10px 0; /* 60px headerclear - 50px this height, gives space*/ 
position:fixed;
top:60px;  
left:0;
background-color:#e4e4e4; 
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
z-index:10
}

#listingOptions #listingTitle,
#listingOptions li#listingTitle {} 
#listingOptions #listingTitle h3{  text-shadow:1px 1px #fff ; font-size:0.8em;  padding: 0 0 0 10px; line-height:30px; display:block}
  


/* cookie alert over ride*/

#cookieAlertWrap{ 
padding:12px 8px;  
}

#cookieAlertWrap p{ 
font-size:0.8em; 
color:#e1e1e1;  
display:block; line-height:normal
}

#cookieAlertWrap p strong{ 
display:block;  
} 

#cookieAlertWrap #pageLink{ display:block; margin:0; padding:5px 0 0 0}

#cookieAlertWrap #pageLink:hover{ color:#99CC00}

#cookieAlertWrap #closer{
position:absolute; right:10px; top:10px;
}
 







#footerWrap {
margin:20px 0 0 0;
padding:0 0 100px 0;
z-index:2; 
} 


#footer {
padding: 0px 15px ;
margin: 0  ;
min-height:300px;	position: relative;
} 

#footer hr{ margin:10px auto}


/* nb in reverse order for float right on screen css*/
#navSub1, #navSub2 {
display:block; 
width:100%; clear:both;
margin:5px 0  0 0 ;
padding-top:5px; 
}

#navSub1{ 

}

#navSub1 li a , #navSub2 li  a{ 
 font-weight:  normal;
font-size: 1em;
text-transform: capitalize;
padding: 6px 24px;
display: block; 
text-align:left;
background-image:url(../images/icons/arrowRwhiteThin.png);
background-repeat:no-repeat;
background-position:5px 50%;
}
 
#socialWrap {
text-align: center;
padding:20px 0 10px   0px;
display:block; 
clear:both; 
}

#socialWrap li a {
display:block; 
text-align:center; 
} 

/*icon*/
#socialWrap li a span {
 	margin:0 auto;
	 }
 


@media only screen and (orientation:portrait)   {  
#socialWrap li{ display:inline-block;   margin: 0 10px; }
#socialWrap li a strong{ display:none}
}

@media only screen and (orientation:landscape)   {  
#socialWrap li{ display:inline-block;   margin: 0 15px; }
/*text*/
#socialWrap li a strong{
font-family:Arial, Helvetica, sans-serif;
display:block;
width: auto; 
height:20px;
white-space:nowrap; 
overflow:hidden;
clear:both; 
margin:10px auto 0 auto;  
text-transform:capitalize;
 
font-size: 12px; text-align:center;
font-weight: normal;text-shadow:1px 1px 0px  #333;	
}
}




#footer #companyInfo{ 
width:100%;
list-style:none;
display:block; clear:both; padding: 0px 0}

#footer #companyInfo li{
margin: 5px 0 ;
padding: 0px 16px 0 0;	 
font-size: 12px; 
text-align:left; display: block; 
}

#companyInfo li strong{ font-size: 1.4em; font-weight:bold ;  }
#companyInfo li span{ display:block; clear:both; margin:4px 0}
#companyInfo li#copyright{
font-size:0.8em;
margin-top:10px
}


#footer #siteInfo  {
margin:10px auto;
padding:10px 0;
height:50px;  
text-align:right;
display:block; clear:both; font-weight:normal;
list-style:none; font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}


#footer  #siteInfo li#viewFull{ display:block; clear:both} 

#footer #siteInfo li#viewMobile{ display:none} 
#footer #siteInfo li#viewFull a{   font-size:0.9em;	font-family:Arial, Helvetica, sans-serif;}

#footer #siteInfo #siteBy{ display:block; float:right; width:300px;}

#footer #siteInfo #siteBy, 
#footer #siteInfo li#siteBy, 
#footer #siteInfo #siteBy a, 
#footer #siteInfo #siteBy a span {
	text-align:right;
	text-transform:lowercase;
}

#footer #siteInfo  #siteBy a{ border-left:1px solid; border-color:#fff; padding: 0 0 0 4px;}

#footer #siteInfo  #siteBy a span{
font-weight: bold ; 
}


#footer #siteInfo #usefulLinks{  text-align:right}
#footer #siteInfo #usefulLinks, #footer #siteInfo #usefulLinks span{ position:absolute; left:-2000px;}