html, body{
padding: 0;
margin: 0;
border: 0;
}
body {	
border-width: 0px;
border-style: none;
background-image:url(//www.doverinsuranceservices.co.uk/dis/wp-content/themes/Epoint/images/header-bg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center top;
font-family: 'Roboto', sans-serif;}
#shadowbox {
max-width: 980px;
min-width: 300px; margin:auto;
}
ul {
list-style:inside;
}
ol {
list-style:inside;
}
#container {
max-width: 980px;
min-width: 300px;
margin:auto;
background-image:url(//www.doverinsuranceservices.co.uk/dis/wp-content/themes/Epoint/images/opac.png);
padding-top: 5px;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
#header {
height: auto;
}
#white-area { height:215px;
}
#header-text { padding-left:10px;
height:200px;
}
#sitename {
font-size:36px;
text-shadow: 2px 2px 4px #000000;
color:#FFF}
#sitetag {
font-size:24px;
color:#FFF}	
#sitetel {
font-size:30px;
text-align:right;
float:right;
color:#FFF}
#leftbox {
width: 254px;
margin-right:20px;
float:right; margin-bottom: 5px;
padding:0px;
margin-top:0px;
}  #navbar { display: none;}
nav { display: block;
max-width: 950px;
min-width: 300px;
padding: 0px;
clear:both;
margin:auto;}
#nm ul { 
display: block; 
padding: 5px 5px;
min-height: 30px; 
background-color:#253F8C;
color:#FFF;
text-align:center;
padding-top: 4px;
margin-right: 2px;
margin-left: 2px;
border-top-width: 5px;
border-top-style: none;
position: relative;
-moz-border-radius: 10px;
border-radius: 10px;
}
#nm ul li { display: inline-block; position: relative; font-size: 1.0em; margin: auto; padding: 0px;}
#nm ul li a { display: block; padding: 0px 15px; line-height: 25px; color: #fff;text-decoration: none;}
#nm ul li a:hover {
color: #eee;
text-decoration: none;
background: #009;
-moz-border-radius: 10px;
border-radius: 10px;
}
#nm ul li ul { display: none;  margin: 0; position: absolute; top: 25px; zoom: 1; z-index: 9999; background: #253F8C; border-top: 1px solid #fff; border-bottom: 1px solid #e1e1e1;padding-left:0px;padding-right:0px; }
#nm ul li ul li { display: block; width: 11em; border: 0; margin: 0px; padding:0px;}
#nm ul li ul li a { background: #253F8C; }
#nm ul li:hover > ul { display: block; }
#nm ul li:hover > a { text-decoration: none; }
#sidewidget {
width: 35%;
max-width: 300px;
margin-left:5%;
float:left; margin-bottom: 5px;
padding:0px;
margin-top:0px;
}
#leftnav {
width:35%;
min-width: 270px; margin-left: 20px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
float:right;
font-size:14px;
padding-top:0px;
padding: 0px;
}
#leftnav h2{
height: 20px;
font-weight:normal;
font-size: 18px;
color: #000; background-repeat:no-repeat;
padding-top:0px;
padding-bottom:20px;
margin-bottom:0px;
margin-top:0px;
}
#leftnav a:link{
color:#253F8C;
text-decoration: none;
}
#leftnav a:visited{
color:#253F8C;
text-decoration: none;
}
#leftnav a:hover{
color:#253F8C;
text-decoration: none;
}
#leftnav a:active{
color:#253F8C;
text-decoration: none;
}
#leftnav ul{ list-style-type:none;
margin:0 0 0 0px;
padding:0 0 0 0px;
border-bottom-width:5px;}
#leftnav ul ul{
list-style-type:none;
margin-left:0px;
padding-left:0;
}
#leftnav li{
font-size: 18px;
margin-left:3px;
list-style-type:none;
list-style-position:outside;
padding-top:3px;
padding-bottom:2px;
margin-top:0px;
margin-bottom:0px; }
#leftnav li li li{
font-size: 18px;
list-style-type:none;
list-style-position:outside;
margin-left:6px;
margin-top:0px;
margin-bottom:0px;
padding-left:0;
color:#333;
}
#topad {
padding-top:20px;
padding-right:20px;
float:right;
text-align:right;
color:#FFF;
font-size:18px;
text-shadow: 2px 2px 4px #000000;
color:#FFF
}
#topad a:link,#topad a:link{
color:#FFF;
text-decoration: none;
font-size:23px;
}
#topad a:visited,#topad a:visited{
color:#FFF;
text-decoration: none;
font-size:23px;
}
#topad a:hover,#topad a:hover{
color:#69F !important;
text-decoration: none;
font-size:23px;
}
#topad a:active,#topad a:active{
color:#FFF;
text-decoration: none;
font-size:23px;
}
#main {
min-width:60%;
max-width:600px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
padding: 0 2.5%;
overflow:hidden;
}
#main hr{
border:0;
height:16px;
background:url(//www.doverinsuranceservices.co.uk/dis/wp-content/themes/Epoint/images/hr.png);
}
.postmetadata{
font-size:14px !important;}
}
#mainfull {
max-width: 980px;
min-width: 300px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
padding: 10px;
overflow:hidden;
}
#SocialCustomMenu{line-height:30px}
#SocialCustomMenu img{display:inline}
#main img{max-width: 100%; height: auto;}
li{
list-style-type: square;
color:#333;
list-style-position:inside;
font-size:18px;
}
#main h1, #mainfull h1{
font-size:32px;
line-height:38px;
color:#253F8C; margin-top:0em; 
margin-bottom:0em;
font-weight:strong;
}
#main h2, #mainfull h2{
font-size:24px; background-repeat:no-repeat;
line-height:28px;
color:#253F8C;
margin-top:0em; 
margin-bottom:0em;
padding-bottom:0px;
font-weight:bold;
}
#main h3, #mainfull h3{
font-size:22px;
background-color:#FFF; background-repeat:no-repeat;
line-height:26px;
color:#253F8C;
margin-top:0.5em; 
margin-bottom:0.5em;
font-weight:bold;
}
#main p , #mainfull p, #lttlebox {
font-size:20px;
color:#555555;
}
#main li ,#mainfull li {
font-size:20px;
color:#555555;
}
#main a:link,#mainfull a:link{
color:#253F8C;
text-decoration: none;
}
#main a:visited,#mainfull a:visited{
color:#253F8C;
text-decoration: none;
}
#main a:hover,#mainfull a:hover{
color:#F00;
text-decoration: none;
}
#main a:active,#mainfull a:active{
color:#253F8C;
text-decoration: none;
}
.alignleft {
padding: 2px 6px 2px 4px;
float: left;
}
.alignright {
padding: 2px 4px 2px 6px;
float: right;
}
.aligncenter {
padding: 2px 6px 2px 6px;
text-align:center;
max-width:100%;
height:auto;
}
#lttlebox{
float:left;
width:25%;
min-width:150px;
height:24px;
background-color:#253F8C;
margin:3px;
padding:5px;color:#fff; }
#bgrbox{
float:left;
width:183px;
height:24px;
background-color:#253F8C;
margin:3px;
padding:5px;color:#fff; }
.nosh{
visibility: hidden
}
#footer {
height: auto;
overflow: auto;
clear: both;
background-image:url(//www.doverinsuranceservices.co.uk/dis/wp-content/themes/Epoint/images/footer-bg.jpg);
max-width: 980px;
min-width: 300px;
background-position:top;
background-repeat:no-repeat;
}
#copyright {
max-width: 980px;
min-width: 300px;
margin:auto;
}		
#footer a:visited {
font-size: 18px;
color: navy;
}
#footer a:link {
font-size: 18px;
line-height: 26px;
color: navy;
text-shadow: 2px 2px 4px #fff;
}
#footer a:hover{	
font-size:18px;
color: #299926;}
#footer a:active{	
font-size:18px;
color: navy;    text-shadow: 2px 2px 4px #fff;}
#footer a{
font-size:18px;
color:navy;
text-decoration:none;    text-shadow: 2px 2px 4px #fff;
}
#footer a:hover{
font-size:18px;
color:#09F;    text-shadow: 2px 2px 4px #fff;
}
#footer a:active{	
font-size:18px;
color:#555555;    text-shadow: 2px 2px 4px #fff;}
#footer p{
font-size:18px;
padding-top:5px;
padding-bottom:0px;
color: navy;
padding-left:20px;    text-shadow: 2px 2px 4px #fff;
}
#footer h1 {
padding-top: 20px;
padding-bottom: 0px;
font-size: 25px;
line-height: 35px;
color: #333;
padding-left: 20px;
font-weight:100;    text-shadow: 2px 2px 4px #fff;
}
#footer ul {
list-style:inside;
list-style-image:none;
list-style-type:none;
}
#footer li {
list-style:outside;
list-style-image:none;
list-style-type:none;
margin-left:-24px;
}
#copyright p{	
font-size:18px;
color: #9f9f9f;
}
#copyright a{	
font-size:18px;
color: #999;}
#copyright a:link{	
font-size:18px;
color: #999;}
#copyright a:hover{	
font-size:18px;
color: #333;}
#copyright a:active{	
font-size:18px;
color: #999;}
#copyright a:visited{	
font-size:18px;
color: #999;}
#contact{
background-color:#ececec;
color:#555555;
padding:10px;}
#contact h1{
background-color:#ececec;
font-size:26px;
font-weight:lighter}
#contact p{
font-size:18px;}
#contact h2{
background-color:#ececec;
color:#555555;
font-size:24px;
font-weight:lighter} .forms{
font-size:18px;
width:300px;
float:left;
height:30px;
clear:both;
color:#555555;}
#form{
font-size:18px;
color:#555555;}
.formsml{width:150px;
font-size:14px;
color:#555555;
height:30px;
float:left;
color:#555555;}
.formright{	width:270px;
font-size:18px;
height:30px;
float:left;
margin-left:30px;
color:#555555;
}
.formrighttxt{width:270px;
font-size:18px;
height:90px;
float:left;
margin-left:30px;
color:#555555;
}
.clear{
clear:left;}
#carpic{
float: left;
padding-right: 10px;
}    
#topad{width:500px;
height:60px;
}
.av1{width:700px;
height:60px;
}
#sidebarad{
width:250px;
height:250px;
overflow: hidden;
}
.av2{
width:250px;
height:250px;
}
#footerad{
width:600px;
height:90px;
overflow: hidden;
margin:auto;
}
.av3{
width:600px;
height:90px;
overflow: hidden;
} @media only screen 
and (min-width : 560px) 
and (max-width : 850px) {
#nm ul li { font-size: 0.8em;}
#lttlebox{
float:left;
width:30%;
min-width:150px;
height:24px;
background-color:#253F8C;
margin:3px;
padding:5px;color:#fff; }
#topad{width:560px;
height:80px;
}
.av1{width:468px;
height:60px;
}
#sidebarad{
width:400px;
height:100px;
}
.av2{
width:400px;
height:100px;
}
#footerad{
width:400px;
height:125px;
overflow: hidden;}	
.av3{
width:400px;
height:125px;}
}
@media only screen 
and (min-width : 0) 
and (max-width : 560px) {
#topad{max-width:560px;
height:100px;
padding-top:2px;
padding-right:5px;
float:left;
text-align:left;
overflow: hidden;
font-size:14px;
text-shadow: 2px 2px 4px #000000;
color:#FFF
}
.av1{
width:350px;
height:65px;
}
#sidebarad{
width:350px;
height:175px;
overflow: hidden;
}
.av2{
width:350px;
height:175px;
}
#footerad{
width:300px;
height:175px;
overflow: hidden;}	
.av3{
width:300px;
height:175px;
overflow: hidden;
}
#navbar { 
display: block; 
height: 30px; 
background: #253F8C;
width: 100%;
margin-top:-5px;
}
#navbar a { display: block; line-height: 30px; padding: 0 5px; font-weight: bold; font-size: 1.1em; color: #fff;  text-decoration: none;}
#navbar a:hover { color: #2210a2; text-decoration: none; }
#nm ul { display: none; background: #253F8C; height: auto; padding: 2px 5px; overflow: hidden; -moz-border-radius:10px;
border-radius:10px;}
#nm ul,#nm ol,#nm ul li ul{
padding: 0;
margin: 0 0 @baseLineHeight / 2 25px;
}
#nm ul li { font-size: 1.2em; }
#nm ul li ul li { font-size: 1em; margin-left: 15px; width: auto; }
#nm ul li { border: 0; width: 100%; background: #253F8C; border: 0; }
#nm ul li ul {display: block;position: static;border: 0;}
#nm ul li a, #nm ul li ul li a { display: block; font-weight: 100; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.1em; line-height: 1.3em; text-shadow: none; width: 95%; padding: 2px 12px; margin: 0; }
#nm ul li ul li a {font-size: 1.0em;background: #402f73; font-weight: 100;}
#nm ul li a:hover, #nm ul li ul li a:hover { background: #110a63; color: #fff; text-decoration: none; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; }
#main { display: block; float: none; width: auto; overflow: hidden; margin: 0;}
#main h2 {
clear:both;}
.post .meta { font-size: 1.1em; line-height: 1.6em; }
.post .meta i { margin-bottom: 4px; }
#sidewidget {display:none;width: 300px;}
#leftbox {display:none;
}
#carpic{margin:	auto;
padding-right: 10px;}
#lttlebox{
float:left;
width:90%;
min-width:230px;
height:24px;
background-color:#253F8C;
margin:3px;
padding:5px;color:#fff; }
#sitename {
font-size:26px;
color:#FFF}
}
@media only screen 
and (min-width : 561px) 
and (max-width : 950px) {
#main { max-width:800px;}
#sidewidget {
display:none;
width: 300px;}
#leftbox {display:none;
}
#main h2 {
clear:both;}
#carpic{
float: left;
padding-right: 10px;}
#lttlebox{
float:left;
width:30%;
min-width:150px;
height:24px;
background-color:#253F8C;
margin:3px;
padding:5px;color:#fff; }}