﻿/* ---------------------------------------------------------------------------------------------------- */
body {
	font: 13px Calibri, Trebuchet MS, Arial, Verdana, Tahoma;
	background-color: #f2f2f2;
}


/* ---------------------------------------------------------------------------------------------------- */
/* Master Page */

#div_Container
{
    /*background:  url(../Images/Shadow_Side.png);*/
	background-color: #fff;
}

#div_Container, #div_Header_Image, #div_Footer_Image {
	position: relative;
	width: 980px;
	margin: auto;
}

#div_Header, #div_Footer {
	width: 940px;
	margin: auto 20px;
	line-height: 20px;
	text-align: center;
    clear: both;
}

#div_Menu {
	width: 904px;
	margin: auto 38px;
}

#div_Content {
	width: 932px;
	margin: auto 24px;
	line-height: 20px;
}

#div_Content_Newsletter {
	width: 932px;
	margin: auto 24px;
	line-height: 20px;
}
    
#Footer 
{
	font: 9pt Calibri, Trebuchet MS, Arial, Verdana, Tahoma;
	line-height: 9pt;
    margin: 0px 20px 0px 20px;
}

#Footer_Life
{
	font: 9pt Calibri, Trebuchet MS, Arial, Verdana, Tahoma;
	line-height: 9pt;
}
/* ---------------------------------------------------------------------------------------------------- */
/* Setting the screen to be disabled when display a dialog box */
div.Modal  {
    background-color: #fff;
    /* for IE */
    filter: alpha(opacity=60);
    /* CSS3 standard */
    opacity: 0.6;
    width: 100%;
    height: 100%;
    z-index: 250; 
    position: absolute; 
    left: 0px; 
    top: 0px;
    display:none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Dialog box */
div.Information {
    z-index: 350; 
    position: absolute;
    display: none;
    width: 500px;
    padding: 10px;
}

.text {
	line-height: 15px;
	font-size: 8pt;
	color:  Black;
	text-align: center;
}

/* ---------------------------------------------------------------------------------------------------- */
/* Rounded Corners for DIVs - http://www.ruzee.com/blog/shadedborder */
/*#my-border, #my-border .sb-inner { background:#444 url(grad.png) repeat-x; }*/
#div_Information_Box { color:#fff; background: #B57575; }
#div_Information_Box .sb-inner { color:#fff; background: #B57575; }
#div_Information_Box_Error { color:#fff; background: #B57575; }
#div_Information_Box_Warning { color:#fff; background: #77B575; }
#div_Information_Box_Info { color:#202020 ; background: #D5D3D2; }
#div_Information_Box_Wait { color:#000; background: #CCCCFF; }
#div_Information_Box_Close { text-align: right; }
#div_Information_Box_Close a, #div_Information_Box_Close a:active, #div_Information_Box_Close a:visited, #div_Information_Box_Close a:focus, #div_Information_Box_Close a:hover  
{
    text-decoration: none;
    outline: none;
    border: none;
}

#div_Information {font: 12px Verdana, Tahoma;}
#imgInformationClose {border: none 0px;}
/* ---------------------------------------------------------------------------------------------------- */
input {font: 13px Arial;}

option {font: 13px Georgia;}

select {font: 13px Georgia;} 

a, a:active, a:visited, a:focus 
{
    text-decoration: none;
    border-bottom: 1px dotted green;
    color:#000066; 
    outline: none;
}
a:hover { color: Blue; }

.bookmark_a {border-bottom: none;}

h1 {color: #0000FF; font: 20px Georgia;}
h2 {color: #0000FF; font: 18px Georgia;}
h3 {color: #324342; font: 16px Georgia;}

.prestige_h1 {color: #000; font: bold 20px Georgia;}

table {font: 16px Georgia;}

.label {color:Black; line-height: 20px; font: 16px Georgia;}
.label_text {color:gray; line-height: 20px; font: 16px Georgia;}

.renewal_question {color: Gray; text-align:center;}

.dottedline {color: #fff; background-color: #fff; border: 1px dotted #000; border-style: none none dotted; }

.highlight {color:#000;}

.enquiry, .enquiry option {font: 13px Arial;}

.small {font: 12px Georgia;}

img {border: none 0px;}

/* ---------------------------------------------------------------------------------------------------- */
#div_Window {position: relative; margin: 20px 20px;}
#div_Window p {color: Gray; font: 16px Georgia;}
#div_Window li {color: #0185b6; font: 16px Georgia;}
#div_Window a {color: #0185b6; font: 16px Georgia;}

#div_Terms {position: relative; margin: 20px 20px; color: Gray; font: 12px Georgia;}
#div_Terms table {color: Gray; font: 12px Georgia;}

.div_Window_Heading {margin: auto 20px auto 20px;}
#div_LeftPane {float: left; width: 600px;}
#div_RightPane {float: right; margin: 0px 0px 0px 20px; width: 250px;}

#div_LeftPane h1 {color: #4f5252; font: bold 20px Georgia;}

#div_LeftPane_Branch {float: left; width: 350px;}
#div_RightPane_Branch {float: right; width: 500px;}

#div_RightPane_Claim_Advice {float: right; margin: 40px 20px 0px 20px; padding: 10px; background-color: #f2fdff; width: 230px; border: solid 1px #f6f7f7;}

#div_LeftPane_Claim {float: left; width: 425px;}
#div_RightPane_Claim {float: right; width: 425px;}

#div_LeftPane_Offers {float: left; width: 425px; background-color: #f2fdff; border: solid 1px #f6f7f7;}
#div_RightPane_Offers {float: right; width: 425px; background-color: #f2fdff; border: solid 1px #f6f7f7;}

#div_LeftPane_Enquiry {float: left; width: 420px; text-align: right;}
#div_RightPane_Enquiry {float: right; width: 470px; margin: auto 20px auto 20px;}

#div_LeftPane_Branch_Details {float: left; width: 350px;}
#div_RightPane_Branch_Details {float: right; width: 500px;}

#div_Branch_Enquiry {color: Gray; font: 16px Georgia; float: left; width: 890px; margin: auto 20px auto 20px;}

#div_Button {text-align: center;}
#div_Button_Campaign {width: 905px;}

#div_Header a, #div_Header a:active, #div_Header a:visited, #div_Header a:focus, #div_Header a:hover,
#div_Button a, #div_Button a:active, #div_Button a:visited, #div_Button a:focus, #div_Button a:hover,
#div_Button_Campaign a, #div_Button_Campaign a:active, #div_Button_Campaign a:visited, #div_Button_Campaign a:focus, #div_Button_Campaign a:hover,
#div_RightPane a, #div_RightPane a:active, #div_RightPane a:visited, #div_RightPane a:focus, #div_RightPane a:hover,
.div_Charities a, .div_Charities a:active, .div_Charities a:visited, .image_a
{
    text-decoration: none;
    outline: none;
    border: none;
}
 
#div_iCarhire {text-align: center;}

#div_Window_Newsletter {background-color:#f6f6f6; position: relative; margin: 20px 20px; }
#div_Window_Newsletter p {color: rgb(102, 102, 102); font: 12px Arial, Helvetica, sans-serif;}
#div_Window_Newsletter li {color: rgb(102, 102, 102); font: 12px Arial, Helvetica, sans-serif;}
#div_Window_Newsletter a {color: #0185b6; font: 12px Arial, Helvetica, sans-serif;}
#div_Window_Newsletter h1 {background-color:#0d5381; color: #ffffff; font: 16px Arial, Helvetica, sans-serif; font-weight:bold; padding:5px;}
#div_Window_Newsletter h2 {color: #0d5381; font: 16px Arial, Helvetica, sans-serif;}
#div_Window_Newsletter h3 {color: #000; font: 14px Arial, Helvetica, sans-serif;}
#div_Window_Newsletter h4 {color: #000; font: 12px Arial, Helvetica, sans-serif; text-decoration: underline}

#div_LeftPane_Newsletter {float: left; width: 600px; background-color: #f6f6f6; padding:10px;}

/* ---------------------------------------------------------------------------------------------------- */
/* Menu */
div.menu 
{
    z-index:100; 
    position:relative; 
    background:url(../Images/bg.gif) no-repeat; 
    height:35px; 
    width:935px;
    color:#000066; 
}

/*div.menu ul 
{
    position:absolute; 
    margin:0; 
    list-style:none; 
    z-index:100; 
    padding:9px 5px;
}

div.menu li 
{
    float:left;
}

div.menu a, div.menu a:active, div.menu a:visited, div.menu a:hover, div.menu a:focus 
{
    text-decoration:none; 
    border-bottom: 0px;
    padding: 5px 10px;
    color:#000666;
    outline: none;
}

#slide 
{
    position:absolute; 
    top:6px; 
    height:24px; 
    background:#35edfe; 
    z-index:10;
}

div.submenu 	
{
    position: absolute;
    display:none;
    visibility:hidden;
 	top: 34px;
	padding: 5px 10px;	
	background: #effeff;
	border: 1px solid #5970B2;
        for IE7 - not displaying submenu under correct menu item
    /position:relative;
 	/top: 12px;
}

div.submenu  a, div.submenu a:active, div.submenu a:visited
{
    position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #effeff;
	color: #000;
}
		
div.submenu  a:hover
{	
    background: #49A3FF;
	padding: 5px 10px;
    color: #fff;
}
*/
/* ---------------------------------------------------------------------------------------------------- */
/* Images */
#imageContainer {
    margin-left: 14px;
	position:relative;
	height:262px;
}

#imageContainer img {
	display:none;
	position: absolute;
	top: 0px; 
	left: 0px;
	border:none;
}
/* ---------------------------------------------------------------------------------------------------- */
/*#nav 
{
    z-index:100; 
    position:relative; 
    background:url(../Images/bg.gif) no-repeat; 
    height:35px; 
    width:935px;
    color:#000066; 
}

#nav {
    position:absolute; 
    margin:0; 
    list-style:none; 
    z-index:100; 
    padding:9px 5px;
}
*/
#nav, #nav ul 
{
    position:absolute; 
    margin:0; 
    list-style:none; 
    z-index:100; 
    padding:7px 5px;
}

#nav li ul {
	position: absolute;
	width: 15em;
	left: -999em;
}

#nav li ul ul {
	margin: -3em 0 0 12em;
	top: auto;
}

#nav li {
    float:left;
}

#nav a, #nav a:active, #nav a:visited, #nav a:hover, #nav a:focus, #nav li
{
    text-decoration:none; 
    outline: none;
    padding:3px 10px;
    border-bottom: 0px;
    color:#000066;
}

#nav a.daddy {
	background: url(../images/rightarrow2.gif) center right no-repeat;
}

/*Drop down menu format; position, border, etc.*/
#nav li ul {
    position: absolute;
    display:none;
    visibility:hidden;
    top: 28px;
    /*padding: 5px 10px;	*/
    background: #effeff;
    border: 1px solid #5970B2;
}

/*Formats the display of the drop down menu*/
#nav li ul a, #nav li ul a:active, #nav li ul a:visited {
    position: relative;
    display: block;
    visibility:visible;
    margin: 0;
    /*padding: 5px 10px;*/
    width: 12em;    
    /*width: auto;*/
    /*white-space: nowrap;*/
    text-align: left;
    text-decoration: none;
    /*background: #effeff;*/
    color: #000;
}

/*Brings in the menu level 2,3,etc.*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

/*Displays the drop down menu*/
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	/*padding: 5px 10px;*/
    left: auto;
    display: block;
    visibility:visible;
}

/*Background when hovering over menu items*/
#nav a:hover, #nav li:hover, #nav li.sfhover {
    background: #49A3FF;
	/*padding: 5px 10px;*/

    /*background:#35edfe; */
    /*padding:  -5px -5px 5px -5px;*/
    /*color: #fff;*/
}

/*#nav ul li a:hover {
    background:#35edfe; 
	padding: 5px 10px;
	color: #000;
}*/

/* ---------------------------------------------------------------------------------------------------- */
#blog
{
    /*border: 1px solid #5970B2;*/
}
#blog a:hover 
{
    text-decoration:underline;
    color: Blue;
}
#blog a, #blog a:link, #blog a:focus
{
	font: 13px Trebuchet MS, Arial, Verdana, Tahoma;
    text-decoration: none;
    border-bottom: 1px dotted green;
    outline: none;
}
/*Loses the dotted line if not put on a separate definition*/
#blog a:visited 
{
    text-decoration: none;
    border-bottom: 1px dotted green;
    outline: none;    
}
/*#blog h2 a
{
    color: #4f5252; 
    font: bold 20px Georgia;
    text-decoration: none;
    border-bottom: 1px dotted green;
    outline: none;
}*/
#blog p 
{
    text-align:left;
	font: 13px Calibri, Trebuchet MS, Arial, Verdana, Tahoma;
}


/* -------------------------Temporary Car Insurance --------------------------------------------------------------------------- */
.home_box
{
	margin: 0 0;
	padding: 0 0 0 11px;
	width: 295px;
	height: 264px;
	float: left;
	position: relative;
	background: url(../Images/home_box.png) no-repeat 11px top;
}
.box_title
{
	margin: 0 0;
	padding: 0 0;
	top: -35px;
	left: -25px;
	position: absolute;
}
.home_box p
{
	margin: 0 0;
	padding: 105px 35px 0 35px; /*width: 295px;*/
	width: 225px; /*height: 264px;*/
	height: 159px;
	line-height: 18px;
	color: #203e69;
}
