/* 
 * alpha build 
 *
 * Table of Contents
 * =================
 * 1. Common styling
 * 2. Positioning header/body
 * 3. Header styling
 * 4. Positioning & borders
 * 5. Subnavigation
 * 6. Footer
 */

/* @group 1. Common styling */

/* default font definition/body background */
body {font: /*11px*/ 0.70em verdana, sans-serif; color: #000; margin: 0; padding: 0; width: 100%; text-align: center; background: #fff url(../images/css_body-bg.png) no-repeat 50% 0;}
body {background-color: #fff}

/* browser housekeeping */
* {font-size: 100%; padding: 0; margin: 0;}
div, ul, li, table, td, th, tr, p, blockquote {margin: 0; padding: 0; border: none}
ol {margin: 0; padding-left:1em; border: none}
img {border: none}

/* default link colors */
a{color: #000099}
a:hover{color: #FD6600}

/* site width */
#container {width: 960px; margin: 0 auto; padding-bottom: 20px; text-align: left;}
#container, #content-container {position: relative; }

/* utilities */
.newrow {clear: left;}

/* to clear floated elements */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

// .accessibility{display: block; width: 1px; height: 1px; position: absolute; top: -5000px}
.accessibility{display: block; margin-left: 29px; padding-top: 2px; position: relative; z-index: -1;}
.accessibility-visible{display: block; margin-left: 29px; padding-top: 2px; position: relative; z-index: -1;}

/* @end */


/* @group 2. Positioning header/body */

#header {position: absolute; height: 90px; top: -110px; left: 0 /*;border-bottom: 1px solid #DEDADC;*/}
#content-body {margin-top: 110px;}

/* @end */


/* @group 3. Header */

/* 
 * colors:
 * blue         #000099
 * orange       #FF6600
 * grey			#666666
 */

/* @group General styling & positioning */

#header #logo{width: 464px; height: 90px; float: left;}

#header #logo #logo{width: 220px; height: 90px; float: left;}
#header #logo #award{width: 244px; height: 90px; position:absolute; top:0; left:220px; }

#header #quote-service-search-container{float: left; width: 496px;}
#header #quote{height: 53px; width: 491px; padding-right: 5px; padding-top: 10px;}
#header #service-nav{float: left; width: 342px; line-height: 28px; }
#header #searchbox{float: left; width: 154px; height: 28px; }

#header a{text-decoration: none; color: #666666;}
#header a:hover{color: #FF6600;}

.startcenter {display: block; float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #cccccc; overflow: visible;}
.startcenter ul {display: inline; margin: 0px; padding: 0px; list-style-type: none; text-align: left;}
.startcenter ul li {float: left; padding: 0; }
.startcenter ul li a {text-decoration: none; background: url(/images/startcenter_button.png) no-repeat top left; float: left; margin: 0px; height: 38px; width: 148px; font-family: Arial; font-size: 120%; font-style: italic; font-weight: bold; padding: 10px 5px 10px 5px;}
.startcenter h1 {font-size: 125%;}
.startcenter p {margin: 10px 0px;}

/* @end */

/* @group Logo */

#header #logo{}

/* @end */

/* @group Quote */

#header #quote{text-align: right;}

/* @end */

/* @group Service navigation */

#header #service-nav ul{list-style: none;}
#header #service-nav ul li{padding-left: 13px; background: url(../images/css_bullet_square_orange.png) no-repeat 5px 13px; margin-right: 7px; float: left;}	

/* @end */

/* @group Search */

#header #searchbox input, #header #searchbox button{display: block; float: left; margin-top: 4px; }
#header #searchbox input.input-txt{margin-right: 4px; border: 1px solid #D2D2D2; padding: 2px 5px 1px 5px; width: 102px; height: 15px}
#header #searchbox .button{background: url(../images/button_go.png) no-repeat top left; border: none; width: 34px; height: 20px; cursor:pointer; margin-top: 4px}

/* @end */

/* @end */


/* 4. Positioning & borders */ 

#content-container{width: 760px; float: right; padding: 0; overflow-y: visible; }

#three-col #main{width: 535px; float: left; padding: 10px 0px 10px 0px;} /*was 535*/
#three-col #modules{width: 170px; float: right; padding: 10px 20px 10px 20px;}	/*was 170px voor border*/
#three-col #sub-nav{width: 160px; float: left; padding: 0 20px;}

#two-col-subnav #main {width: 760px; float: left; padding: 10px 0 10px 0;}
#two-col-subnav #modules {clear: both; width: 760px; padding: 0;}
#two-col-subnav #sub-nav {width: 160px; float: left; padding: 0 20px;}

/* [begin] sanity check */
#two-col-modules #main {width: 535px; float: left; padding: 30px 25px 0 0;}
#two-col-modules #modules {width: 170px; float: right; padding: 30px 15px 0 15px;}
#two-col-modules #sub-nav {width: 560px; clear: right; float: right;}

#one-col #main {width: 760px; float: left; padding: 0 0 0 0;}
#one-col #sub-nav, #one-col #modules {clear: both; width: 760px; padding: 0;}
/* [end] sanity check */

#main {position: relative; }

/* 5. Subnavigation */

/* 
 * colors:
 * blue         #000099
 * orange       #FF6600
 * grey bg      #F4F4F4
 */

#sub-nav {overflow:hidden;}

#sub-nav a{text-decoration: none;}

/* single links */
#sub-nav div.page-nav p, #sub-nav div.page-nav p a{line-height: 25px; }
#sub-nav div.page-nav p{background: url(../images/sprites_general.png) no-repeat 0px 0px;}
#sub-nav div.page-nav p a:hover{background: url(../images/sprites_general.png) no-repeat 0px -25px; color: #000099;}
#sub-nav div.page-nav p.bigger{background: url(../images/sprites_general.png) no-repeat 0px -50px; height: 41px;}
#sub-nav div.page-nav p.bigger a:hover{background: url(../images/sprites_general.png) no-repeat 0px -91px; color: #000099;}
#sub-nav div.page-nav p, #sub-nav div.page-nav ul{margin-bottom: 10px;}

/* first level */
#sub-nav div.page-nav ul{padding-top: 1px; background: url(../images/css_subnav_item.png) no-repeat 0 0;}
#sub-nav div.page-nav li, #sub-nav div.page-nav p{width: 160px; }
#sub-nav div.page-nav a{display:block; padding-left: 28px; width: 132px; }
#sub-nav div.page-nav li, #sub-nav div.page-nav li a{line-height: 24px; }
#sub-nav div.page-nav li{list-style-type: none; background: url(../images/sprites_general.png) no-repeat 0 -1px; height: 24px;}
#sub-nav div.page-nav li.active{height: auto; margin-top: 1px;}
#sub-nav div.page-nav li.cleanup{background: url(../images/sprites_general.png) no-repeat 0 0; padding-top: 1px;}
#sub-nav div.page-nav li a{background: url(../images/sprites_general.png) no-repeat -578px -65px}
#sub-nav div.page-nav li.active a, #sub-nav div.page-nav li.active a:hover{background: none}
#sub-nav div.page-nav li.active{background: url(../images/sprites_general.png) no-repeat 1px -132px;}
/*#sub-nav div.page-nav li.active a{color: #FFFFFF}*/
#sub-nav div.page-nav li a:hover{background: url(../images/css_subnav_item-hover-arrow.png) no-repeat 3px 2px; color: #000099;}
#sub-nav div.page-nav li.no-children.active{background: url(../images/sprites_general.png) no-repeat 1px -155px;}
#sub-nav div.page-nav li.no-children a{background-image: none;}
#sub-nav div.page-nav li.no-children a:hover{background-image: url(../images/css_subnav_item-hover.png);}


/* second level */
#sub-nav div.page-nav ul ul{padding-bottom: 5px; padding-top: 5px; margin-bottom: 0;}
#sub-nav div.page-nav li li{width: 156px; margin-left: 1px; margin-right: 3px;}
#sub-nav div.page-nav li.active li a{padding-left: 27px;}
#sub-nav div.page-nav li li, #sub-nav div.page-nav li li a{line-height: 18px; height: auto; margin-right:2px; margin-top: 1px; margin-bottom: 1px;}
#sub-nav div.page-nav li.active li, #sub-nav div.page-nav ul ul{background: #FFFFFF}
#sub-nav div.page-nav li li.active{margin-top: 0;}
#sub-nav div.page-nav li.active li a{color: #000099; background: url(../images/css_bullet_line_grey.png) no-repeat 14px 9px}
#sub-nav div.page-nav li.active li a:hover{background: #DFDFDF url(../images/css_bullet_line_grey.png) no-repeat 14px 9px;}
#sub-nav div.page-nav li.active li.active a{font-weight: bold; color: #FF6600; background: url(../images/sprites_general.png) no-repeat -583px 8px}
#sub-nav div.page-nav li.active li.active a:hover{background: #DFDFDF url(../images/sprites_general.png) no-repeat -583px 8px;}

/* third level */
#sub-nav div.page-nav ul.third_level{padding-bottom: 2px; padding-top: 0px; margin-bottom: 0;margin-left:8px; }
#sub-nav div.page-nav ul.third_level li{width: 148px; margin-left: 1px; margin-right: 3px;font-size:90%;}
#sub-nav div.page-nav ul.third_level li a{padding-left: 27px;}
#sub-nav div.page-nav ul.third_level li, #sub-nav div.page-nav ul.third_level li a{line-height: 16px; height: auto; margin-right:2px; margin-top: 1px; margin-bottom: 1px;}
#sub-nav div.page-nav ul.third_level li, #sub-nav div.page-nav ul.third_level {background: #FFFFFF;}
#sub-nav div.page-nav ul.third_level li.active{margin-top: 0;}
#sub-nav div.page-nav ul.third_level li.normal a{color: #000099;background:none;font-weight:normal;}
#sub-nav div.page-nav ul.third_level li.normal a:hover{background: #DFDFDF;font-weight:normal;}
#sub-nav div.page-nav ul.third_level li.active a{color: #FF6600;background:none;font-weight:normal;}
#sub-nav div.page-nav ul.third_level li.active a:hover{color: #FF6600;background: #DFDFDF;font-weight:normal;}

/* special: links to secure site */
#sub-nav div.page-nav ul.secure-nav{background: none;}
#sub-nav div.page-nav ul.secure-nav li{height: 28px; margin-bottom: 2px;}
#sub-nav div.page-nav ul.secure-nav li.last{margin-bottom: 0}
#sub-nav div.page-nav ul.secure-nav li a{padding-left: 0; display: block; height: 28px; width: 160px; background: none;}
#sub-nav div.page-nav ul.secure-nav li.home{background: url(../images/sprites_general.png) no-repeat 0px 0px;}
#sub-nav div.page-nav ul.secure-nav li.home a{padding-left: 28px}
/*#sub-nav div.page-nav ul.secure-nav li.home a{padding-left: 0px; text-align: center}*/
#sub-nav div.page-nav ul.secure-nav li.home.active{background: url(../images/sprites_general.png) no-repeat 0px -203px;}
#sub-nav div.page-nav ul.secure-nav li.apply-now{background: url(../images/sprites_general.png) no-repeat -160px 0px;}
#sub-nav div.page-nav ul.secure-nav li.apply-now-active{background: url(../images/sprites_general.png) no-repeat -320px 0px;}
#sub-nav div.page-nav ul.secure-nav li.apply-credit{background: url(../images/sprites_general.png) no-repeat -320px -83px;}
#sub-nav div.page-nav ul.secure-nav li.apply-credit-active{background: url(../images/sprites_general.png) no-repeat -320px -56px;}
#sub-nav div.page-nav ul.secure-nav li.secure-login{background: url(../images/sprites_general.png) no-repeat -160px -198px;}
#sub-nav div.page-nav ul.secure-nav li.prsa{background: url(../images/sprites_general.png) no-repeat -160px -112px;}
#sub-nav div.page-nav ul.secure-nav li.prsa-active{background: url(../images/sprites_general.png) no-repeat -320px -28px;}
#sub-nav div.page-nav ul.secure-nav li.current-rates{background: url(../images/button_current-rates.png) no-repeat top left;}

#sub-nav div.page-nav ul.secure-nav li.home a:hover{background: url(../images/css_subnav_item-hover.png) no-repeat 3px 3px;}
#sub-nav div.page-nav ul.secure-nav li.home.active a:hover{background: none; color: #fff}
#sub-nav div.page-nav ul.secure-nav li.apply-now a:hover{background: url(../images/sprites_general.png) no-repeat -160px -28px;}
#sub-nav div.page-nav ul.secure-nav li.apply-credit a:hover{background: url(../images/sprites_general.png) no-repeat -320px -112px;}
#sub-nav div.page-nav ul.secure-nav li.secure-login a:hover{background: url(../images/sprites_general.png) no-repeat -160px -169px;}
#sub-nav div.page-nav ul.secure-nav li.prsa a:hover{background: url(../images/sprites_general.png) no-repeat -160px -140px;}
#sub-nav div.page-nav ul.secure-nav li.current-rates a:hover{background: url(../images/button_current-rates_hover.png) no-repeat top left;}

#sub-nav div.page-nav ul.secure-nav li.apply-now-active a:hover{background: none;}
#sub-nav div.page-nav ul.secure-nav li.apply-credit-active a:hover{background: none;}
/* @end */


/* @group 6 Footer */

#footer {width: 100%; clear: both; margin-top: 10px;}

#footer a, #footer p{text-decoration: none; color: #666666;}
#footer a:hover{color: #FF6600;}
#footer p{clear: left}

/* Webfooter */
#footer div.webfooter{border-top: 1px solid #EAEAEA; min-height: 24px; line-height: 24px; background: #FFFFFF;}
#footer div.webfooter ul{list-style: none;} 
#footer div.webfooter ul li{padding-left: 13px; background: url(../images/sprites_general.png) no-repeat -592px 11px; margin-right: 7px; float: left;}	

/* Printfooter */
#footer div.printfooter {display: none;}
/* @end */