/*======= general =======*/
* { margin:0; padding:0;}
body { text-align : center ;  }
html{ font-family: calibri, Arial, Helvetica, sans-serif; font-size : 12px ;	}
div { text-align : left ; }
img { border : none ; }
p { margin-top : 10px ; }
li { margin : 10px 0px 0px 40px ; padding-left : 10px ;}
h1, h2 { font-size : 18px ; padding-top : 10px  ; color : black; margin-bottom : 5px ;}
.fright { float : right ; }
.veryhigh { height : 60px ; }

#all {  width : 980px ; height : 100% ; margin-left : auto ; margin-right : auto; background-color : white ; display : inline-block ;}

#top { width : 100%;  height : 237px ; background : url("../images/message.jpg") bottom left no-repeat;  margin-top : 10px ;}

#top #navigation {    float: left;    width: 980px;    height: 50px;    margin : 70px  0px 0px 250px ;  background : url("images/navbar.gif") repeat-x bottom;     display : inline-block ;    font-size : 20px ;}
#top #navigation .nav, #top #navigation .selected{float: left; height: 50px; width: 130px; padding:  0px 0px 0px 0px; text-align : center ; margin-right: 2px ;}
#top #navigation .nav  a {    text-decoration: none;    color : White ;    font-family : calibri, Arial, sans-serif ;} 
#top #navigation .nav  a:hover{    text-decoration: none;    color : #042c4f ;} 
#top #navigation .selected a{    text-decoration: none;    color : White ;    font-family : calibri, Arial, sans-serif ;}
#top #navigation div.nav {    float: left;}
#top #navigation .nav {    background: url("images/nav.gif") bottom no-repeat;}
#top #navigation .selected {    background : url("images/tab.gif" ) bottom no-repeat ;}


/*                      Middle                                      */

#middle { width : 979px ; height : 100% ; display : inline-block ; }

#middle #left { width : 726px ; height : 100% ; float : left ; margin : 0px   10px 5px 7px ;}

#middle #left .contentclick { width : 726px ; }

#middle #left .content-window { width : 726px ; }

#middle #left .content-window .top { background : url("../images/compare quotes.jpg") no-repeat top center ; height : 340px ;}

#middle #left .content-window .main {  width : 686px ; padding : 0px 20px 0px 20px ; margin :0px; background : url("../images/content-window-main.png") repeat-y  center ;display : inline-block ; }
#middle #left .content-window .main .left { width : 320px ; margin :  0px 20px 0px 0px; float : left ; }
#middle #left .content-window .main .right { width : 320px ; float : right ; margin : 30px 20px 0px 0px; }

#middle #left .content-window .main .right h1, #middle #left .content-window .main .right h2 { color : #221c5f ; margin-top : 8px ; margin-bottom : 5px ; line-height : 12px ; padding : 0px 0px 0px 20px  ; background: url("../images/bullet point.gif") no-repeat center left; text-decoration : none ;}

#middle #left .content-window .bottom { background : url("../images/content-window-bottom.png") no-repeat top  center ; height : 45px ; width : 100%; }

#middle #right { width : 230px ; height : 100% ;  float : left ;  }

/*                      Bottom                                      */

#bottom { width : 939px ; height : 100px ;  float : none ; padding : 0px 20px 20px 20px ; text-align :left ; }
#bottom , #bottom a { color : gray ; font-size : 10pt ; }
#bottom .links { width : 706px; display : inline-block ; }
#bottom div { text-align : center ;  }
#bottom .navicons a { font-size : 11px ; font-weight : bold ; color : Blue ;}
#bottom .navicons { color : black ; font-size : 10px ; width : 960px ; text-align : right ; position : absolute ; top : 25px ; height : 10px ; float : none ; margin-left : -490px ; left : 50% ;}





/* Enquiry */



#ctl00_ctl00__CompareButton 
{
    margin-top : 10px ;
}

#ApplyButton
{
	margin-top : 20px ;
}

.homep { margin-left : 25px ; } 


.date
{
    width : 80px ;
}

#ctl00_ctl00_quote_form_Quote, #ctl00_quote_form_Quote { font-size : 12px ; width : 210px ; height : 100%; }
#ctl00_ctl00_quote_form_Quote, #ctl00_quote_form_Quote { padding-left : 10px ; background : url("../images/box-content-narrow.png") repeat ; font-weight : bold ; padding-top : 5px ; text-align : left ;}
#right .bottom { background : url("../images/box-bottom-content-narrow.gif") no-repeat ; height : 15px ; }

.quotepage
{
/* position: relative;
float: left;
width: 1500px; /* remember to set a width */
}

.overlay
{
    position: absolute;
    top: 0; /* These positions makes sure that the overlay */
    bottom: 0; /* will cover the entire parent */
    left: 0;
    width: 100%;
    height : 3000px;
    background: #000;
    opacity: 0.65;
    -moz-opacity: 0.65; /* older Gecko-based browsers */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter:alpha(opacity=65); /* For IE6&7 */
    z-index : 1 ;
}
.quotepage-content , .finder-content
{
    position: absolute ;
    color : Black ;
    top : 120px ;
    left : 50% ;
    margin-left : -200px ;
    width : 380px ;
    padding : 5px 5px 10px 10px ;
    z-index : 2 ;
    font-size : 10px ;
    font-weight : normal ;
}


.finder-content
{
    font-weight : normal ;
}

.quotepage-content div, .finder-content div
{
    width : 330px ;
    overflow : hidden ;
}

.quotepage-content .top, .finder-content .top
{
    background : url("images/../box-top-content.png") no-repeat ;
    height : 15px ;
    padding : 0px 20px 0px 20px ;
}

.quotepage-content .main, .finder-content .main
{
    background : url("images/../box-bg-content.png") repeat-y ;
    padding : 0px 20px 0px 20px ;
}

.quotepage-content .main .h, .finder-content .main .h
{
    padding-left : 0px ;
    margin-top : 2px ;
    margin-bottom : 0px ;
    font-size : 0.9em ;
    line-height : 0.8em;
    height : 23px ;
}

.quotepage-content .main .high, .finder-content .main .high
{
    height: 30px ;
    margin-bottom :4px;
}

.quotepage-content .bottom, .finder-content .bottom
{
    background : url("images/../box-bottom-content.png") no-repeat ;
    height : 15px ;
    padding : 0px 20px 0px 20px ;
}

.finder-results select
{
    height : 300px ;
    border : solid 1px black ;
}

/* contact us */

.contactus { width : 300px ; }
.enquiry { width : 180px ; background-color : Gray ; margin : 10px 10px 10px 0px ; padding : 10px 10px; }