/*  Settings
Main Fonts: Georgia, Times New Roman, serif
Colours: #22005f (Dark BG), #ded9e7 (Light bg), #f2f2f2 (body BG), #313131 (text colour)
*/

@import url("structure.css");

@media print {
	body,p,div,td,span {font: 10pt/15pt Arial,Verdana, Helvetica, sans-serif;}
	a {font: 10pt/15pt Arial,Verdana, Helvetica, sans-serif;font-weight:bold;}
	h1, h2, h3,	h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid }
   	blockquote,	pre { page-break-inside: avoid }
   	ul, ol, dl { page-break-before: avoid }
	table { page-break-inside: avoid }
}

body {
	margin: 0;
	padding: 0;
	font: 14px/18px Arial, Verdana, Helvetica, sans-serif;
	color:#313131;
	background:#f2f2f2;
}

/* ******************  Spacer Styles ************** */
.clearMe {
	clear:both;
}
.spacerOne {
	height:10px;
	margin: 0;
    padding: 0;
}
.spacerTwo {
	height:1px;
	margin: 25px 0 25px 0;
    padding: 0;
    background:url(https://equidental.co.uk/public/frontend/i/dotted-divider.gif) repeat-x;
}
.spacerThree {
	clear:both;
	height:25px;
	margin: 0;
    padding: 0;
}

/* ******************  Header styles  ************** */
#pageTitle {
	top:20px;
	left:400px;
	width:500px;
}
#masthead div {
	position: absolute;
}
#masthead #logo a:hover {
	background: none;
}
#logo{
	margin: 0px 0 0 0px;
	top: 0px;
	bottom:0;
	left:0px;
	z-index:2;
}
#topNavigation {
	top:2px;
	left:0;
	background: none;
	border: 0 solid red;
	z-index:1;
}

/* ******************  Main navigation (home only) styles  ************** */
#mainnavigation-home {
	text-align:center;
	top: 154px;
	background-color: #22005f;
	border-top: solid 2px #ffffff;
	padding: 4px 0 0 0;
}
#mainnavigation-home ul {
	text-align:center;
	list-style: none;
	margin:0;
	padding:0;
	width:974px;
	height:23px;
}
#mainnavigation-home ul li {
	display: block;
	float: left;
	text-align:center;
	margin:0;
	padding:0;
	list-style-type: none;
}
#mainnavigation-home ul li a {
	display: block;
	height:23px;
	text-align:center;
	text-decoration:none;
	text-transform:capitalize;
	font: 18px/20px Georgia, Times New Roman, serif;
	color: #FFFFFF;
	font-weight:normal;
}
#mainnavigation-home ul li#home a {
	width: 90px;
}
#mainnavigation-home ul li#aboutme a {
	width: 156px;
}
#mainnavigation-home ul li#faqs a {
	width: 156px;
}
#mainnavigation-home ul li#service a {
	width: 156px;
}
#mainnavigation-home ul li#prices a {
	width: 156px;
}
#mainnavigation-home ul li#links a {
	width: 100px;
}
#mainnavigation-home ul li#contactme a {
	width: 160px;
}
#mainnavigation-home ul li#home a:hover, #mainnavigation-home ul li#home a.on  {
	color: #ded9e7;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-home.gif) 50% 76px no-repeat;
}
#mainnavigation-home ul li#aboutme a:hover, #mainnavigation-home ul li#aboutme a.on {
	color: #ded9e7;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-aboutme.gif) 50% 76px no-repeat;
}
#mainnavigation-home ul li#faqs a:hover, #mainnavigation-home ul li#faqs a.on {
	color: #ded9e7;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-faqs.gif) 50% 76px no-repeat;
}
#mainnavigation-home ul li#service a:hover, #mainnavigation-home ul li#service a.on {
	color: #ded9e7;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-service.gif) 50% 76px no-repeat;
}
#mainnavigation-home ul li#prices a:hover, #mainnavigation-home ul li#prices a.on {
	color: #ded9e7;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-prices.gif) 50% 76px no-repeat;
}
#mainnavigation-home ul li#links a:hover, #mainnavigation-home ul li#links a.on {
	color: #ded9e7;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-links.gif) 50% 76px no-repeat;
}
#mainnavigation-home ul li#contactme a:hover, #mainnavigation-home ul li#contactme a.on {
	color: #ded9e7;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-contactme.gif) 50% 76px no-repeat;
}

/* ******************  Main navigation styles  ************** */
#mainnavigation {
	text-align:center;
	width:974px;
}
#mainnavigation ul {
	text-align:center;
	list-style: none;
	margin:0;
	padding:0;
	height:83px;
	float: right;
}
#mainnavigation ul li {
	display: block;
	float: left;
	text-align:center;
	margin:0;
	padding:0;
	list-style-type: none;
}
#mainnavigation ul li a {
	display: block;
	height:83px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font: 18px/94px Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:normal;
}
#mainnavigation ul li#home a {
	width: 90px;
}
#mainnavigation ul li#aboutme a {
	width: 156px;
}
#mainnavigation ul li#faqs a {
	width: 156px;
}
#mainnavigation ul li#service a {
	width: 156px;
}
#mainnavigation ul li#prices a {
	width: 156px;
}
#mainnavigation ul li#links a {
	width: 100px;
}
#mainnavigation ul li#contactme a {
	width: 160px;
}
#mainnavigation ul li#home a:hover, #mainnavigation ul li#home a.on  {
	color: #8cc63f;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-home.gif) 50% 76px no-repeat;
}
#mainnavigation ul li#aboutme a:hover, #mainnavigation ul li#aboutme a.on {
	color: #8cc63f;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-aboutme.gif) 50% 76px no-repeat;
}
#mainnavigation ul li#faqs a:hover, #mainnavigation ul li#faqs a.on {
	color: #8cc63f;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-faqs.gif) 50% 76px no-repeat;
}
#mainnavigation ul li#service a:hover, #mainnavigation ul li#service a.on {
	color: #8cc63f;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-service.gif) 50% 76px no-repeat;
}
#mainnavigation ul li#prices a:hover, #mainnavigation ul li#prices a.on {
	color: #8cc63f;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-prices.gif) 50% 76px no-repeat;
}
#mainnavigation ul li#links a:hover, #mainnavigation ul li#links a.on {
	color: #8cc63f;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-links.gif) 50% 76px no-repeat;
}
#mainnavigation ul li#contactme a:hover, #mainnavigation ul li#contactme a.on {
	color: #8cc63f;
	background:url(https://equidental.co.uk/public/frontend/i/main-nav-on-state-contactme.gif) 50% 76px no-repeat;
}



/* ****************** Footer styles ************** */
#footer #footerNav {
	text-align:center;
	line-height:25px;
}
#footer #footerNav ul {
	list-style: none;
	margin:0;
	padding:0;
	height:25px;
	background-color: #22005f;
	line-height:25px;
	font-size:12px;
}
#footer #footerNav li {
	display: inline;
	margin:0;
	padding:0;
	list-style-type: none;
	line-height:25px;
}
#footer #footerNav a {
	margin: 0;
	color: #FFFFFF;
	padding:0 25px 3px 20px;
	line-height:25px;
	font-size:12px;
}
#footer #footerNav li a:hover {
	color: #FFFFFF;
}
#footer #footerNav li a.on {
	background:#666666;
}

#footer #footerNav a#mailto {
	background: url(https://equidental.co.uk/public/frontend/i/footer-icon-email.gif) 0 1px no-repeat;
}
#footer #footerNav a#vcard {
	background: url(https://equidental.co.uk/public/frontend/i/footer-icon-vcard.gif) 0 1px no-repeat;
}
#footer #footerNav a#accessibility {
	background: url(https://equidental.co.uk/public/frontend/i/footer-icon-world.gif) 0 1px no-repeat;
}
#footer #footerNav a#privacypolicy {
	background: url(https://equidental.co.uk/public/frontend/i/footer-icon-information.gif) 0 1px no-repeat;
}
#footer #footerNav a#sitemap {
	background: url(https://equidental.co.uk/public/frontend/i/footer-icon-sitemap.gif) 0 1px no-repeat;
}

/* ******************  General page styles ************** */
#breadcrumb {
	background:#cdcdcd url(https://equidental.co.uk/public/frontend/i/breadcrumb-bg.gif) repeat-x;
	height:30px;
	font: 12px/30px Arial, Verdana, Helvetica, sans-serif;
	color:#3b7bb9;
	text-align:right;
	padding-right:20px;
	font-weight:bold;
}
#breadcrumb a{
	font-weight:normal;
	color:#3b7bb9;
	font-weight:bold;
}
#columnTwo ul, #singleColumn ul, #columnTwo ol, #singleColumn ol {
	margin:0 0 0 20px;
}

/* ******************  Standard text styles  ************** */
p {
	margin:20px 0 20px 0;
}
a, a:hover  {
	color:#22005f;
	font-weight:bold;
	text-decoration: none;
	background-color: transparent;
	border-color: #22005f;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;

}
a:hover {
	text-decoration:none;
	background-color: #f2f2f2;
}
a:visited {
	color:#313131;
}
h1, h2, h3 {
	font-weight:normal;
}
h1 {
	font-size:18px;
}
#columnTwo .content h1, #singleColumn .content h1 {
	border:0 solid red;
	margin:0 0 30px 0;
}
h2 {
	font:30px/36px Georgia, Times New Roman, serif;
	font-weight:bold;
	color:#22005f;
}
h3 {
	font:24px/30px Georgia, Times New Roman, serif;
	color:#22005f;
	font-weight:bold;
	clear:both;
}
h4 {
	font:22px/28px Georgia, Times New Roman, serif;
	color:#22005f;
	font-weight:bold;
	text-align:center;
}
hr {
	clear:both;
	border: 0px;
	border-top: 1px solid #f2f2f2 ;
	height: 1px;
	margin: 10px 0 10px 0;
}
.hide{
	display:none;
}
#pageTitle h1, #pageTitle h2, #pageTitle h3 {
	color: #FFFFFF;
	font: 14px/18px Georgia, Times New Roman, serif;	
}
#pageTitle h1 {
	font:40px/46px Georgia, Times New Roman, serif;
}
#pageTitle h2 {
	font:30px/36px Georgia, Times New Roman, serif;
	color:#ded9e7;
}
#pageTitle h3 {
	font:22px/26px Georgia, Times New Roman, serif;
	color:#bdb3cf;
}

/* ******************  Standard site image styles ************** */
img {
	border:none;
}
#singleColumn img {
	margin:0 0 10px 10px;
	border: 2px solid #313131;
}
#singleColumn img.r {
	float: right;
	margin:0 0px 10px 0px;
}
#singleColumn img.l {
	float: left;
	margin:0 0 10px 0px;
}
#singleColumn img.plain {
	float: left;
	margin:0 10px 10px 0px;
	border: 0px solid;
}
.imgHolder {
	float: right;
	text-align:center;
}
.imgHolder br {
	clear: both;
}
.imgHolder p{
	text-align: center;
	margin: -10px 0 10px 0;

}
.imgHolderLeft {
	float: left;
	text-align: center;
	margin: 0 20px 0 0;
}
.imgHolderLeft img {
	margin: 0px 0px 0px 0px;
}
.imgHolderLeft p {
	margin: -10px 0px 10px 0px;;
}
.imgHolderLeft br {
	clear: both;
}
.imgBar {
	width: 100%;
	text-align:center;
}
/* ******************  Home page specific styles ************** */
#home-page-box {
	float:left;
	width:940px;
	background: url(https://equidental.co.uk/public/frontend/i/home-page.gif) no-repeat;
	padding:10px 15px 0px 15px;
	margin-bottom:25px;
	position:relative;
	border:solid 0 red;
}


/* ******************  Basic form styles ************** */
form li label {
	display:block;
	float:left;
	margin-right:0.5em;
	text-align:right;
}
form ul li {
	background:transparent none repeat scroll 0%;
	clear:left;
	margin:0pt 0pt 1em;
	padding:0pt;
}
form label {
	width:9.5em;
}
li, dt, dd {
	line-height:130%;
}
input, select, textarea {
	font-family: Arial, verdana, "trebuchet MS", helvetica, sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
form .check span.name {
	margin-left:0pt;
	text-align:right;
	width:9.5em;
}
form .check span {
	display:block;
	margin-left:10em;
}
li.check
	li, dt, dd {
	line-height:130%;
}
form li.check label {
	display:inline;
	float:none;
	margin:0pt;
	text-align:left;
	width:auto !important;
}

/************** Faq Styles **************/

.faq{
	border:1px dotted #22005f;
	width:920px;
	height:170px;
	padding:10px 0 0 0;
	margin:20px 0 20px 0;
	background-color: #f2f2f2;
}
.faq .left, .faq .right{
	width:440px;
	float:left;
	padding:0 0 0 15px;
}

.faq ul{
	border:0 solid red;
	margin:0 0 0 0;
	padding:3px 0 0 0;
}
.faq ul li{
	border:0 solid red;
	margin:0 0 0 0;
	padding:3px 0 3px 15px;
}
.faq ul li a:hover {
	background-color: #ded9e7;
}
/************** Table Styles **************/
.datatable {
	width: 100%;
}
.datatable table, .datatable td, .datatable th
{
    border-color: #22005f;
    border-style: solid;
}

.datatable
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.datatable td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 1px 1px;
    background-color: #f2f2f2;
	text-align:center;
}
.datatable th, .datatable caption
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 1px 1px;
    background-color: #22005f;
	color: #ffffff;
}
/************** FAQ Styles **************/
.backToTop {
	float:right;
	margin:-30px 10px 0 0;
}
.backToTop a {
	height:23px;
	text-align:center;
	text-decoration:none;
	text-transform:capitalize;
	font: 14px/20px Georgia, Times New Roman, serif;
	font-weight:bold;
	padding: 2px 12px 2px 2px;
	background-image:url(../i/uparrow.gif);
	background-position:center right;
	background-repeat: no-repeat
}

.backToTop a {
	height:23px;
	text-align:center;
	text-decoration:none;
	text-transform:capitalize;
	font: 14px/20px Georgia, Times New Roman, serif;
	font-weight:bold;
	padding: 2px 12px 2px 2px;
}