#footerWrap *{font-family:Verdana, Helvetica, sans-serif; color:#fff ;  font-size:12px;}
#footerWrap {
min-width:1040px;
background-color:#111;
border-top:4px solid;
border-color: #555;
background-image:url(../images/footerBg.png);
background-repeat:repeat
} 



#footer {
padding: 30px 0 20px 0;
width:1000px;
margin: 0 auto;
position: relative;
background-repeat:no-repeat;
} 

.screen #footer { min-height:250px;}

#footerLeft{ float:left; width:400px;text-align:left;}
#footerLeft p{ margin:0; padding:1px 0;  font-family:"Open Sans", Arial } 
#footerLeft p.companyName{ margin-bottom:5px; display:block; font-weight:bold; font-size:1.3em}
#footerLeft p:last-child{ margin-top:5px;}
 

#footer #cardPayments{ display:block; margin:0px auto;  }
.mobile #footerLeft #cardPayments { display:block; margin:0px auto; width:100%; margin:20px auto; text-align:left  }
.mobile #footerLeft #cardPayments p{ text-align:left }

#footer #cardPayments li{ display:inline}
#footer #cardPayments li p{
display:block;
clear:both;
font-size:0.7em;
color:#FFCC00;
font-weight: 300;
height:24px;
line-height:26px;
background-image:url(../images/cardLogos/padlock.png);
background-position:left 50%;
padding:0px 0 0 25px;
background-size:auto auto;
text-transform:uppercase;
}
#footer #cardPayments li img{ display:inline-block; margin: 5px 5px 0 0 ; height:30px; border:2px solid #fff}


#footerSocial { width:auto; margin:20px 0 ; height:40px; }
.mobile #footerSocial { width:auto; margin:20px 0 ; height:80px; }
#footerSocial li{ display:block; float:left;  margin:0 16px 0  0 ; padding:0px;}
#footerSocial li a {display:block; } 

/*icon */
#footerSocial li a span {
display:block;  border:1px solid #ccc;
height:34px; width:34px; background-position:50% 50%;
background-size: 18px; background-color:none;  -moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius:  1px; 
}
#footerSocial li a:hover span { background-color: #333}

/*text */
#footerSocial li a strong{ display:none}	
#footerSocial li a:hover strong{ }


p.accred{ display:block; clear:both; text-align:left; margin:5px 0}
p.accred a, p.accred span{ display: inline-block; text-align:left; padding:0 8px 0 0}
p.accred   img{ display:block; clear:both; height:55px;}

#navSub{ float:right;  }
#navSub  ul{
list-style-type: none;
margin: 0 0 0 60px;
padding: 0px 0px 0px 	0px;
display:block; float:right;
width:170px;}

#navSub li  {display: block; text-align:left; }

 #navSub li  a{
font-weight:  normal;
font-size: 1em;
text-transform: capitalize;
padding: 8px  5px  8px 0;
display: block; 
background-image: url(../images/semiTransLine.png);
background-position:left bottom;
background-repeat:repeat-x;
text-align:right
}
#navSub1 li a:hover , #navSub2 li  a:hover{
text-decoration: underline
}
#navSub li:last-child   a{  background-image:none}




#subFooter{
width:100%;
height:50px;
background-color:#222;
position:relative;
z-index:1;
margin:0;
padding:0;
clear:both;
text-align:center;
}
#subFooter p { display: block; width:500px; display:inline-block; margin:0 auto; padding-top:18px; }
#subFooter p, #subFooter p *{color: #999; font-size:1em;}
#subFooter p#copyRight { text-align:left}
#subFooter p#siteBy { text-align:right}
#subFooter #siteBy span{  color:#bbb; font-size:11px;}
#subFooter #siteBy strong{ color:#bbb; border-left:1px solid #333; display:inline-block; padding-left:6px; font-weight:normal; font-size:11px;}
 
.screen p#viewFull{ display:none} 
.screen p#viewMobile{   display:block; text-align:left ; } 
.screen p#viewMobile a{   }



p#pageTop { position:fixed; bottom:10px; right:20px;width:50px; height:50px; display:none	; z-index:10001} 

p#pageTop a {
-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;
background-position: 50% 45% ; 
 width:50px; height:50px;
 border-radius:4px;
 display:block;
 background-color:#444;
z-index:1000; background-image:url(../images/pageTop.png);
}

p #pageTop a:hover{  background-color:#000; } 
p#pageTop a span{ display:none}

#usefulLinks{ position:absolute; left:-2000px; margin:0; padding:0;}

#footer hr{ background:none; border:none; height:20px; }



/*mobile overrides */
.mobile #footerWrap *{font-family: Helvetica, sans-serif; color:#fff ;  font-size:16px;}
.mobile #footerWrap, .mobile #footer {
width:100%; min-width:100%; max-width:100%;
padding:0;  
} 
.mobile  #footer {padding:20px 20px} 

.mobile #footerLeft{ float:none; width:100% ; clear:both;padding: 10px 0; margin:5px auto;}
.mobile #footerLeft p { text-align:center}
.mobile #footerLeft p.companyName{ display:block; font-weight:bold; font-size:1.2em}

.mobile #footerSocial{ clear:both; padding:40px 0 20px 0; margin:0 auto; text-align:center;}
.mobile #footerSocial li { display: inline-block; float:none; margin:0 10px;}
.mobile #navSub{ float:none; width:100% ; clear:both;padding: 0px 0px; display:block }
.mobile #navSub  ul{ float:none; clear:both; width:100%; text-align:left; margin:0; padding:0}
#navSub  ul:first-child{ margin-bottom:18px; }
.mobile #navSub li { margin:0; padding:0; text-align:left; }
.mobile #navSub li a {
margin:0;
padding:6px 0 6px 16px;
display: block;
text-align:left;
color:#e1e1e1;
text-transform: capitalize;
background-image: url(../images/icons/arrowRGray.png);
background-position:2px 50%;
background-repeat: no-repeat; 
}

.mobile #subFooter{ display:block; clear:both; width:100%; margin:0 auto; background:none; height:auto; padding-bottom:20px;}
.mobile #subFooter p { width:100%; clear:both; padding:15px; float:none; display:block; clear:both}
.mobile #subFooter p#copyRight {  text-align:left;}
.mobile #subFooter p#siteBy { text-align:left;   text-transform:none; }
.mobile #subFooter #siteBy span{ color: #999 ; font-size:12px; }
.mobile #subFooter #siteBy strong{ color: #999; font-size:12px;border-left:1px solid #ccc;} 
	
.mobile #footer hr{ background:none; border:none; height:0px; }
	
	.mobile p#viewFull,   p#viewMobile { display:block; text-align:left; padding:20px;} 
	.mobile p#viewFull a,   p#viewMobile a{ text-decoration:underline}