/*
-----------------------------------------------
GuardianFS styles (layout)
----------------------------------------------- */

/* Wrapper & Constrain
----------------------------------------------- */
#wrapper {
	width: 100%;
}
.constrain {
	width:870px;
	margin:0 auto;
	text-align:left;
}

/* Links
----------------------------------------------- */
a { color: #FFC630; text-decoration: none; }
a:link { color: #FFC630; text-decoration: none;}
a:visited { color: #FFC630; }
a:hover { color: #fff; text-decoration: underline;}
a:active { color: #83895C; text-decoration: none;}


/* Header
----------------------------------------------- */
h1#logo {
	margin-top:20px;
}
h1#logo, h1#logo a {
	background:url(../img/logo.gif) no-repeat;
	width:157px;
	height:58px;
}
#header {
	position:relative;
}


/* Main Nav
----------------------------------------------- */
ul#nav {
	position:absolute;
	top:62px;
	right:0;
}
ul#nav li, ul#supportNav li {
	border-left:1px solid #ccc;
}
ul#nav li#home, ul#supportNav li#findFA {
	border-left:0;
}
ul#nav li a, ul#supportNav li a {
	height:16px;
}

#nav a, #supportNav a { background-position:0 0; }
#nav .on a, #supportNav .on a { background-position:0 -16px; }
#nav a:hover, #supportNav a:hover { background-position:0 -32px; }

ul#nav #home, ul#nav #home a { width:69px; background-image:url(../img/nav/home.gif); }
ul#nav #about, ul#nav #about a { width:88px; background-image:url(../img/nav/about.gif); }
ul#nav #customer, ul#nav #customer a { width:173px; background-image:url(../img/nav/customer.gif); }
ul#nav #ppfm, ul#nav #ppfm a { width:110px; background-image:url(../img/nav/ppfm.gif); }
ul#nav #fund, ul#nav #fund a { width:104px; background-image:url(../img/nav/fund.gif); }
ul#nav #faqs, ul#nav #faqs a { width:64px; background-image:url(../img/nav/faqs.gif); }
ul#nav #contact, ul#nav #contact a { width:100px; background-image:url(../img/nav/contact.gif); }

ul#supportNav {
	position:absolute;
	top:15px;
	right:0;
}
ul#supportNav #findFA, ul#supportNav #findFA a { width:157px; background-image:url(../img/nav/findFA.gif); }
ul#supportNav #recruit, ul#supportNav #recruit a { width:100px; background-image:url(../img/nav/recruitment.gif); }



/* Search
----------------------------------------------- */
#search {
	position:absolute;
	top:15px;
	left:215px;
}
#search label {
	background:url(../img/nav/search.gif) no-repeat 0 2px;
	width:44px;
	height:15px;
	text-indent:-10000em;
	display:block;
	float:left;
	margin-right:5px;
}
#search input {
	float:left;
}
#search input#query {
	border:1px solid #5986AF;
}
#search input.button {
	margin:2px 0 0 5px;
}



/* Main
----------------------------------------------- */
#main {
	margin:16px 0 0 0;
	padding:30px 0 30px 0;
	background:url(../img/mainBg.gif) repeat-x #074B88;
	border-bottom:2px solid #FFC630;
	font-size:1.1em;
}
#main h1 {
	font-size:1.9em;
	font-weight:normal;
	margin:0;
	
}
#main h1 a:hover, #main h2 a:hover {
	text-decoration:none;
}
#main h2 {
	font-size:1.7em;
	font-weight:normal;
	margin:0;
}
#main h3 {
	font-size:1.3em;
	font-weight:normal;
	margin:1em 0 0.6em 0;
}

#main ul {
	margin:0;
	padding:0;
}
#main ul li {
	list-style:none;
	padding-left:11px;
	background-image:url(../img/bullet.gif);
	background-repeat:no-repeat;
	background-position:2px 0.5em;
	margin-bottom:0.2em;
	line-height:1.2em;
}
#main ul.double li {
	margin-bottom:1.6em;
}


p.intro {
	font-size:1.1em;
}



/* Sub Nav
----------------------------------------------- */
#main ul#subNav {
	margin:0.3em 0 2.1em 0;
	padding:0;
}
#main ul#subNav li {
	margin:0;
	padding:0;
	list-style:none;
	border-left:1px solid #83A5C4;
	background:none;
	display:inline;
	padding:0 0.7em 0 0.8em;
	font-size:1.1em;
}
#main ul#subNav li.first {
	border:0;
	padding-left:0;
}
#main ul#subNav li.on a {
	color:#83A5C4;
}



/* Columns (default grid)
----------------------------------------------- */
#topBar {
	margin-left:30px;
}

#fullwidth {
	float:left;
	width:700px;
	margin-left:30px;
	margin-right:4px;
}

#colLeft {
	float:left;
	width:386px;
	margin-left:30px;
	margin-right:4px;
}
#colRight {
	float:left;
	width:390px;
	margin-left:48px;
	position:relative;
}

#colRightlost {
	float:left;
	width:560px;
	margin-left:28px;
	position:relative;
	margin-top:10px;
}

.plusPoint {
	font-size:1.1em;
}

.leftPanel {
	border:1px solid #fff;
	position:relative;
	padding:20px;
	background-color:#2C669A;
}
.rightPanel {
	border:1px solid #fff;
	margin-top:3.3em;
	position:relative;
	padding:20px;
	background-color:#2B6599;
}
#main .rightPanel h2 {
	font-size:1.5em;
}

#main dl {
	margin:1.7em 0 1em 0;
	padding:0;
}
#main dt {
	clear:left;
	width:70px;
	float:left;
	margin-bottom:0.7em;
}
#main dd {
	float:left;
	margin:0;
	width:320px;
	margin-bottom:0.7em;
}

#main .rightPanel dd {
	width:270px;
}

.paddedText {padding:20px;}

/* Puffs
----------------------------------------------- */
.puff {
	display:block;
	background:#1B5991;
	padding:16px;
	position:relative;
}
.puff:hover {
	text-decoration:none;
}
.puff .support {
	color:#fff;
}
.puff .heading {
	font-size:1.1em;
}


#faqPuff {
	padding-left:64px;
	margin-top:2em;
}
#faqPuff img {
	position:absolute;
	bottom:-13px;
	left:-9px;
}
#faqPuff .support {
	font-size:0.9em;
}




/* Forms
----------------------------------------------- */
form label, form .row.multi legend {
	width:200px;
}
form .row.submit {
	margin:1em 0 0 200px;
}
form .textbox input, form .textarea textarea {
	width:200px;
}
form .row.multi fieldset label {
	width:auto;
}




/* Footer
----------------------------------------------- */
#footer {
	font-size:0.9em;
	color:#666;
	border-top:1px solid #074B88;
	padding:20px 0;
}
#footer .constrain {
	position:relative;
}
#footer a, #footer a:visited {
	color:#069;
}
#footer a:hover {
	color:#FFC630;
}
#legals {
	margin-right:136px;
}
#legals ul {
	margin:0 0 0 30px;
	padding:0;
}
#legals li {
	list-style:none;
	margin:0;
	display:inline;
	padding:0 12px 0 0;
	margin-right:12px;
	border-right:1px solid #999;
}
#legals li.last {
	margin-right:0;
	border:0;
}
#legals li#terms {
	margin:0 0 0 50px;
	border:0;
}
#aegon {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
}
#aegon a {
	background:url(../img/aegonCo.gif) no-repeat;
	text-indent:-10000em;
	display:block;
	width:108px;
	height:15px;
}
#disclaimer {
	color:#999;
	padding:10px 0 20px 30px;
}



/* Images */
img.floatright {float:right;}
img.floatleft {float:left;}



/* Page specifics
----------------------------------------------- */


/* About Us */
#guardianFamily {
	position:relative;
	margin-bottom:30px;
}
#guardianFamily ul {
	margin-left:132px;
}
#guardianFamily ul li {
	background-image:url(../img/bulletW.gif);
	margin-bottom:1em;
}
#guardianFamily img#family {
	position:absolute;
	bottom:-38px;
	left:-54px;
}
#guardianFamily img#tree {
	position:absolute;
	top:-48px;
	right:-6px;
}



/* Customer Information */
.guardiansCustomers {min-height:260px;}
.guardiansCustomers p {z-index:1;}
.guardiansCustomers img {z-index:0; position:absolute; bottom:0; right:0;}



/* PPFM */
/* .alsoavailable {background:#2b6599 url(../img/ppfm/AJD9WFCutout.jpg) no-repeat bottom right; height:400px;}
.nopadding {padding:0;} */


/* Customer Information 
.ourcommitment {background:#2b6599 url(../img/AGYYTMCutout.jpg) no-rpe;} */



/* Contact Us */
.contactSupport a {
	font-size:1.1em;
}
.contactSupport p {
	margin-top:1.6em;
}
#topBar p.instruction, .contactSupport p.instruction {
	margin-top:0.3em;
}
.contactSupport #faqPuff {
	margin-top:0;
	border-bottom:1px solid #83A5C4;
}

#colRight #rightPuff {
	margin-top:-1.5em;
	padding:5px 16px 5px 16px;
	border-bottom:1px solid #83A5C4;
}

.centre {
	margin:2em auto;
	width:202px;
}
.centre a {
	background-position:0 0;
	background-repeat:no-repeat;
	height:40px;
	text-indent:-10000em;
	display:block;
	width:202px;
}
.centre a:hover {
	background-position:0 -40px;
}
.centre a#buttonGroup {
	background-image:url(../img/contact/groupButton.gif);
}
.centre a#buttonGroup_new {
	background-image:url(../img/contact/groupButton_new.gif);
}
.centre a#buttonIndividual {
	background-image:url(../img/contact/individualButton.gif);
}
#envelope {
	position:absolute;
	top:-9px;
	right:-41px;
}

.team {
	border-bottom:1px solid #fff;
	padding-bottom:1.5em;
	margin-bottom:1.5em;
}

.quickcontact {background:#2b6599 url(../img/contact/AP01XFCutout.jpg) no-repeat bottom right;}


/* Recruitment */
a.buttonFindOut {
	height:57px;
	background-image:url(../img/recruit/findOut.gif)
}
a.buttonFindOut:hover {
	background-position:0 -57px;
}


/* FAQ */
#questionMark {
	position:absolute;
	bottom:-27px;
	right:-17px;
}



/* PPFM */
img#folder {
	position:absolute;
	top:-27px;
	right:17px;
}



/* Find FA */
img#magnify {
	position:absolute;
	bottom:-16px;
	left:-38px;
}




/* Charts */
img.pie {
	margin:1em 0;
}




/* CLASS OVERWRITES */
.nopadding {padding:0;}

