@charset "utf-8";
/* CSS Document */
@import url(../fonts/index.css) all;
body{
width:869px;
margin:0px auto 0px auto;
background-image:url(../images/background.jpg);
background-repeat:repeat-x;
background-color:#c0cede;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font:"Lucida Sans Unicode";
color:#666666;
}

h1 {
 color:#08144e;
 font-weight:normal;
 font-stretch:condensed;
 margin:0px;
}

h2 {
 color:#30629d;
 font-weight:lighter;
}

p {

}

.nf{
display:none;
}

.header{
position:absolute;
top:0;
}

a {
	text-decoration:none;
}

.breadcrumb{
font-size:12px;
color:#000066;
margin:0;
padding-top:0px;
}

.breadcrumb a{
font-size:12px;
text-decoration:none;
}

.copy{
min-height:274px;
padding:0px 40px 0px 20px;
}

.copy li{
font-size:14px;
}

.copy h2{
margin:0px;
padding:16px 0px 12px 0px;
font-size:14px;
}

.copy ul{
list-style:disc;
font-size:12px;
line-height:19px;
padding:0px 0px 0px 16px;
margin:0px;
}

.breadcrumb a:hover{
text-decoration:underline;
}

.mymargins{
position:absolute;
top:123px;
width:869px;
background-image:url(../images/content-background.jpg);
}

.maincontent{
padding:12px 17px 0px 17px;
clear:both;
display:block;
}

.footer{
padding:18px 0px 0px 18px;
width:632px;
height:69px;
background-image:url(../images/footer-background.jpg);
float:left;
margin:0px;
}

.footer a{
color:#000066;
}

.footer a:hover{
color:#000099;
}

/* mouse overs */
.defordlogo{
overflow: hidden;
width:441px;
padding-top:92px;
height: 0px !important;
height /**/:92px;
float:left;
background-image:url(../images/de-ford-logo.jpg);
}

.brokerbility{
overflow: hidden;
width:185px;
padding-top:87px;
height: 0px !important;
height /**/:87px;
float:left;
background-image:url(../images/brokerbility.jpg);
}

.brokerbility:hover{
background-position:0 -87px;
}

.memberslogin{
overflow: hidden;
width:223px;
padding-top:92px;
height: 0px !important;
height /**/:92px;
float:left;
background-image:url(../images/members-login.jpg);
}

.memberslogin:hover{
background-position:0 -92px;
}

.phonenumber{
overflow: hidden;
width:205px;
padding-top:92px;
height: 0px !important;
height /**/:92px;
float:left;
background-image:url(../images/phone-number.jpg);
}

.insurancelinks{
overflow: hidden;
width:423px;
height:307px;!important
display:block;
float:left;
background-image:url(../images/insurance-link.jpg);
}

.header {

	font-weight:normal;
	color:#069;
	}

.insurancelinks h1 {
	margin:20px 150px 0px 12px;
	font-size:30px;
}

.insurancelinks p {
	margin:5px 150px 0px 12px;
	line-height:1.25em;
	font-size:18px;
	color:#30629d;
 	font-weight:lighter;
	text-decoration:none;
}

.insurancelinks:hover{
background-position:0 -309px;
}

.riskmanagementlinks{
overflow: hidden;
width:411px;
height:306px;!important
float:left;
display:block;
background-image:url(../images/risk-management-link.jpg);
}

.riskmanagementlinks h1 {
	margin:20px 150px 20px 12px;
	font-size:30px;
	text-shadow:#333;
	line-height:0.2em;
}

.riskmanagementlinks h2 {
	margin:5px 150px 0px 12px;
	line-height:1em;
	text-decoration:none;
}

.riskmanagementlinks:hover{
background-position:0 -306px;
}

.commercialtab{
overflow: hidden;
width:210px;
padding-top:407px;
height: 0px !important;
height /**/:407px;
float:left;
background-image:url(../images/commercial-tab.jpg);
}

.commercialtab:hover{
background-position:0 -407px;
}

.travel-right {
overflow: hidden;
width:310px;
padding-top:310px;
height: 0px !important;
height /**/:310px;
float:left;
background-image:url(../images/nav/travel-quote.jpg);
}

.travel-right:hover {
background-position:0 -310px;
}
	

.charitytab{
overflow: hidden;
width:210px;
padding-top:407px;
height: 0px !important;
height /**/:407px;
float:left;
background-image:url(../images/charity-tab.jpg);
}

.charitytab:hover{
background-position:0 -407px;
}

.carehometab{
overflow: hidden;
width:210px;
padding-top:407px;
height: 0px !important;
height /**/:407px;
float:left;
background-image:url(../images/care-home-tab.jpg);
}

.carehometab:hover{
background-position:0 -407px;
}

.constructiontab{
overflow: hidden;
width:204px;
padding-top:407px;
height: 0px !important;
height /**/:407px;
float:left;
background-image:url(../images/construction-tab.jpg);
}

.constructiontab:hover{
background-position:0 -407px;
}

.healthtab{
overflow: hidden;
width:209px;
padding-top:406px;
height: 0px !important;
height /**/:406px;
float:left;
background-image:url(../images/health-tab.jpg);
}

.healthtab:hover{
background-position:0 -406px;
}

.trainingtab{
overflow: hidden;
width:209px;
padding-top:406px;
height: 0px !important;
height /**/:406px;
float:left;
background-image:url(../images/training-tab.jpg);
}

.trainingtab:hover{
background-position:0 -406px;
}

.businesstab{
overflow: hidden;
width:209px;
padding-top:406px;
height: 0px !important;
height /**/:406px;
float:left;
background-image:url(../images/business-tab.jpg);
}

.othertab:hover{
background-position:0 -406px;
}

.othertab{
overflow: hidden;
width:208px;
padding-top:406px;
height: 0px !important;
height /**/:406px;
float:left;
background-image:url(../images/other-tab.jpg);
}

.businesstab:hover{
background-position:0 -406px;
}

.emailtab{
overflow: hidden;
width:208px;
height: 406px !important;
float:left;
background-image:url(../images/email-tab.jpg);
}

.emailtab:hover{
background-position:0 -406px;
}

.requesttab{
overflow: hidden;
width:161px;
padding-top:164px;
height: 0px !important;
height /**/:164px;
float:left;
background-image:url(../images/request-tab.jpg);
}

.requesttab:hover{
background-position:0 -164px;
}

.requestwide{
overflow: hidden;
width:310px;
padding-top:164px;
height: 0px !important;
height /**/:164px;
float:left;
background-image:url(../images/request-wide.jpg);
}

.requestwide:hover{
background-position:0 -176px;
}

.quotetab{
overflow: hidden;
width:149px;
padding-top:164px;
height: 0px !important;
height /**/:164px;
float:left;
background-image:url(../images/quote-tab.jpg);
}

.quotetab:hover{
background-position:0 -164px;
}

.phonetab{
width:208px;
height:406px;
float:left;
background-image:url(../images/nav/phone-tab.jpg);
}

.phonetab p{
font-size:12px;
padding:10px 0px 0px 15px;
margin:0;
}

.addresstab{
width:208px;
height:406px;
float:left;
background-image:url(../images/nav/address-tab.jpg);
}

.addresstab p{
font-size:12px;
padding:5px 0px 0px 15px;
margin:0;
}

.maptab:hover{
background-position:0 -406px;
}

.maptab{
overflow: hidden;
width:208px;
height: 406px !important;
float:left;
background-image:url(../images/map-tab.jpg);
}

/* email pop up */

#emailpanel{
width:660px;
height:577px;
position:absolute;
top:40px;
left:300px;
background-image:url(../images/email-background.png);

background-repeat:no-repeat;
}

#emailpop{
display:none;
position:absolute;
overflow: hidden;
width:660px;
padding-top:577px;
height: 0px !important;
height /**/:577px;
float:left;
background-image:url(../images/email-background.png);
background-repeat:no-repeat;
margin-left:100px;
}


/*labels*/
#essential{
overflow: hidden;
width:264px;
padding-top:26px;
height: 0px !important;
height /**/:26px;
float:left;
background-image:url(../images/labels/essential-information.gif);
}

#careprovided{
overflow: hidden;
width:264px;
padding-top:26px;
height: 0px !important;
height /**/:26px;
float:left;
background-image:url(../images/labels/Care-Provided.gif);
}

#sumsinsured{
overflow: hidden;
width:264px;
padding-top:26px;
height: 0px !important;
height /**/:26px;
float:left;
background-image:url(../images/labels/sums-insured.gif);
}

#staffdetails{
overflow: hidden;
width:264px;
padding-top:26px;
height: 0px !important;
height /**/:26px;
float:left;
background-image:url(../images/labels/staff-details.gif);
}

#aboutorganisation{
overflow: hidden;
width:264px;
padding-top:26px;
height: 0px !important;
height /**/:26px;
float:left;
background-image:url(../images/labels/about-your-organisation.gif);
}

#current{
overflow: hidden;
width:264px;
padding-top:26px;
height: 0px !important;
height /**/:26px;
float:left;
background-image:url(../images/labels/current-insurance-arrangement.gif);
}

#carehomequote{
overflow: hidden;
width:543px;
padding-top:113px;
height: 0px !important;
height /**/:113px;
float:left;
background-image:url(../images/labels/care-home-quote-request2.gif);
}

#constructionquote{
overflow: hidden;
width:543px;
padding-top:113px;
height: 0px !important;
height /**/:113px;
float:left;
background-image:url(../images/labels/construction-request2.gif);
}

#commercialquote{
overflow: hidden;
width:543px;
padding-top:113px;
height: 0px !important;
height /**/:113px;
float:left;
background-image:url(../images/labels/commercial-request2.gif);
}

#charityquote{
overflow: hidden;
width:543px;
padding-top:113px;
height: 0px !important;
height /**/:113px;
float:left;
background-image:url(../images/labels/charity-cover-quote-request2.gif);
}

#charityrequest{
overflow: hidden;
width:543px;
padding-top:113px;
height: 0px !important;
height /**/:113px;
float:left;
background-image:url(../images/labels/charity-request-contact2.gif);
}

#carerequest{
overflow: hidden;
width:543px;
padding-top:113px;
height: 0px !important;
height /**/:113px;
float:left;
background-image:url(../images/labels/care-request-contact2.gif);
}


#defordrequest{
overflow: hidden;
width:543px;
padding-top:113px;
height: 0px !important;
height /**/:113px;
float:left;
background-image:url(../images/labels/de-ford-request2.gif);
}

#emailus{
overflow: hidden;
width:543px;
padding-top:113px;
height: 0px !important;
height /**/:113px;
float:left;
background-image:url(../images/labels/email-us2.gif);
}

#quitform{
overflow: hidden;
width:37px;
padding-top:113px;
height: 0px !important;
height /**/:113px;
float:left;
background-image:url(../images/labels/quit-form.gif);
}


#charitypop{
display:none;
background-repeat:repeat-y;
width:660px;
position:absolute;
top:100px;
margin:20px 0px 0px 120px;
}

#constructionpop{
display:none;
background-repeat:repeat-y;
width:660px;
position:absolute;
top:0;
margin:20px 0px 0px 120px;
}

#commercialpop{
display:none;
background-repeat:repeat-y;
width:660px;
position:absolute;
top:0;
margin:20px 0px 0px 120px;
}

#carepop{
display:none;
background-repeat:repeat-y;
width:660px;
position:absolute;
top:100px;
margin:20px 0px 0px 120px;
}

#requestpop{
display:none;
background-repeat:repeat-y;
width:660px;
position:absolute;
top:100px;
margin:20px 0px 0px 120px;
}

#formatform{
background-image:url(../images/form-background.png);
width:580px;
padding:40px;
}

#validate{
display:none;
}


/* style the outer div to give it width */
.menu {
position:absolute;
top:92px;
width:863px; 
font-size:12px;
font-weight:bold;
padding-bottom:0px;
padding-left:6px;
background-image:url(../images/menu-background.jpg);
background-repeat:repeat-x;
color:#000066;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:171px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:171px;
position:relative;
text-align:center;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#000066;
width:171px; 
height:30px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:171px;
w\idth:171px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#949e7c;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65;
}
.menu ul ul :hover > a.drop {
background:#c9ba65;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}
.menu ul ul ul :hover > a {
background:#b2ab9b;
}

.othersmalltab{
overflow: hidden;
width:262px;
padding-top:55px;
height: 0px !important;
height /**/:55px;
float:left;
background-image:url(../images/other-small-tab.jpg);
}

.othersmalltab:hover{
background-position:0 -55px;
}

.risksmalltab{
overflow: hidden;
width:263px;
padding-top:55px;
height: 0px !important;
height /**/:55px;
float:left;
background-image:url(../images/risk-tab-small.jpg);
}

.risksmalltab:hover{
background-position:0 -55px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:171px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:171px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#fff; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:148px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff;
background-image:url(../images/top-level-over.jpg);
}
.menu :hover > a, .menu ul ul :hover > a {
color:#000066;
background-image:url(../images/top-level-over.jpg);
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}