<!--

	/*
		HTML and Body
	----------------------------------------------------------------------*/

    html {
        background: #eef3fd url(../../img/design/top.png) 0% 0% repeat-x;
    }

		body {
			text-align: center;
            background: transparent url(../../img/design/bg.png) 50% 0% repeat-x;
            padding-top: 20px;
		}

			.wrapper {
				margin:     0px auto;
				text-align: left;
				width:      860px;
				margin: 0px auto;
                padding:    0px 0px;
			}


	/*
		Header
	----------------------------------------------------------------------*/

	#header {
		position: relative;
		background: #fff;
		margin: 0 1px;
		padding: 20px 19px 0 19px;
	}

		#header p#logo {
			margin: 0;
		}

			#header p#logo a {
				background:  url('../../img/design/logo.png') center center no-repeat;
				display:     block;
				height:      50px;
				width:       226px;
				text-indent: -10000px;
				margin-bottom: 20px;
			}

			#tagline {
				position: absolute;
				top:37px;
				left: 330px;
				margin: 0;
				font-size: 1.7em;
				font-style: italic;
				color: #4260a3;
			}

			ul#navigation {
				list-style: none;
				margin:     0;
				padding:    0;
				background: url(../../img/design/nav.png) 0px 0px repeat-x;
				height: 50px;
			}
				ul#navigation li {
					margin: 0px;
					padding: 0px;
					float: left;
				}

					#navigation li a {
						display: block;
						height: 50px;
						background: url(../../img/design/nav_left.png) 0px 0px no-repeat;
						color: #fff;
						text-decoration: none;
						font-size: 1.05em;
						text-shadow: #22378f -1px -1px 0px;
                        cursor: pointer;
					}

						#navigation li a span {
							display: block;
							height: 42px;
							padding: 8px 21px 0 21px;
							background: url(../../img/design/nav_right.png) top right no-repeat;
						}

					#navigation a:hover {
						background-position: 0px -50px;
					}
						#navigation li a:hover span {
							background: url(../../img/design/nav_right.png) 100% -50px no-repeat;
						}

				#navigation li.active {
					background: url(../../img/design/nav_active_bottom.png) bottom center no-repeat;

				}
					#navigation li.active a {
						background: url(../../img/design/nav_active_left.png) top left no-repeat;
						text-shadow: #c43023 -1px -1px 0px;

					}
						#navigation li.active a span {
							background: url(../../img/design/nav_active_right.png) top right no-repeat;
						}


p#user_logged {
    position: absolute;
    top: 13px;
    right: 20px;
    margin: 0;
    text-align: right;
    font-size: 1.2em;
}
p#user_logged strong {
    background: #ffc;
    padding: 1px 2px;
}
p#user_logged em {
    font-style: normal;
    color: #888;
}
p#user_logged a {

}


	/*
		Page Contents
	----------------------------------------------------------------------*/

	#page {
		background: #fff;
		border-left: 1px solid #cfd5ea;
		border-right: 1px solid #cfd5ea;
		padding: 20px 19px;
		width: 820px;
		margin: 0 0px;
	}


	/*
		Content
	----------------------------------------------------------------------*/

	#content { width: 605px; float: left; margin-right: 20px; padding-left: 5px; }
    #content.center { width: 700px; text-align: left; }
    
		/* steve grid */
		.s_grid_two { width: 490px; float: left; }
		.s_grid_one { width: 310px; float: left; }
		.s_alpha { margin-right: 20px; clear: left; }


		.product_box {
			border-top: 1px solid #d1ddfa;
			padding: 5px 10px;
			margin-bottom: 20px;
			position: relative;
			background-position: bottom right;
			background-repeat: no-repeat;

		}
		.s_grid_two .product_box { min-height: 239px; }

		#hp_tax-exempt-savings { background-image: url(../../img/design/products/tax_exempt.jpg); }
			#hp_tax-exempt-savings p { width: 240px; }

		#hp_regular-savings { background-image: url(../../img/design/products/regular_savings.jpg); }
			#hp_regular-savings p { width: 220px; }

		#hp_individual-savings { background-image: url(../../img/design/products/individual_savings.jpg); }
			#hp_individual-savings h4 { width: 300px; }
			#hp_individual-savings p { width: 250px; }

		#hp_investment-bonds {
			background-image: url(../../img/design/products/investment_bonds.jpg);
			min-height: 290px;
			padding-top: 225px;
			border-top: none;
		}

			.product_box h3 {
				font-size: 2em;
				font-weight: bold;
				margin: 0 0 10px 0;
			}
				.product_box h3 a {
					text-decoration: none;
					color: #475ba9;
				}

			.product_box p { color: #496ee0; }
			.product_box p.terms { color: #444; font-size: 1em; }

			.product_box a.read_more {
				display: block;
				width: 132px;
				height: 40px;
				text-indent: -20000px;
				text-decoration: none;
				background: url(../../img/design/read_more.png) 0px 0px no-repeat;
				position: absolute;
				bottom: 0px;
				left: 0px;
			}
			.product_box a.read_more:hover { background-position: 0px -40px; cursor: pointer; }


		.home_latest h3 {
			background: url(../../img/design/latest_news.png) 0px 0px no-repeat;
			height: 33px;
			margin: 0;
			color: #fff;
			font-size: 1.6em;
			font-weight: normal;
			padding: 8px 0 0 10px;
			text-shadow: #e04231 -1px -1px 0px;
			position: relative;
		}
			.home_latest h3 a {
				display: block;
				width: 130px;
				height: 40px;
				text-indent: -20000px;
				text-decoration: none;
				background: url(../../img/design/view_all_news.png) 0px 0px no-repeat;
				position: absolute;
				top: 0px;
				right: 0px;
			}
			.home_latest h3 a:hover { background-position: 0px -40px; cursor: pointer; }

		.home_latest ul {
			list-style: none;
			margin: 0;
			padding: 0;
			background: #fcedeb;
			border: 1px solid #f8cec8;
			border-top: none;
			min-height: 110px;
		}
			.home_latest ul li {
				margin: 0;
				padding: 10px 10px 10px 10px;
			}
				.home_latest ul li a.img_thmb {
					display: block;
					width: 58px;
					height: 58px;
					border: 1px solid #f19f94;
					float: left;
					margin: 0 10px 10px 0;
				}
					.home_latest ul li a.img_thmb img { float: left; }

			.home_latest ul h4 {
				margin: 0 0 4px 0;
				font-size: 1em;
			}
				.home_latest ul h4 a { color: #2f57ba; text-decoration: none; }
				.home_latest ul h4 a:hover { text-decoration: underline; }

			.home_latest ul p { margin: 0; font-size: .95em; color: #40435b; }


		#further_details {
			background: #1b2c81 url(../../img/design/further_details.png) 0px 0px repeat-x;
			color: #fff;
			border: 1px solid #1b2c80;
			padding: 10px;
			text-shadow: #233892 -1px -1px 0px;
			margin-bottom: 20px;
		}
			#further_details p { margin: 0 20px 11px 0; line-height: 1.35em; }
			#further_details ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
				#further_details ul li {
					margin: 0 0 5px 0;
					padding: 2px 0 2px 34px;
				}
					#further_details ul li a {
						color: #fff;
					}
					#further_details ul li a:hover { text-decoration: underline; }


		ul.product_list {
			width: 820px;
            clear: left;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			ul.product_list li {
				float: left;
				margin: 0 20px 20px 0;
				width: 260px;
			}
			ul.product_list li.third { margin-right: 0; }

				ul.product_list li a {
					display: block;
					text-decoration: none;
					border: 1px solid #d1ddfa;
					padding: 10px;
                    width: auto;
					min-height: 310px;
					color: #3350c0;
				}
					ul.product_list li a img {
						border: 1px solid #d1ddfa;
						margin-bottom: 4px;
					}
					ul.product_list li a strong {
						display: block;
						font-size: 1.2em;
						margin-bottom: 6px;
					}

				ul.product_list li a:hover {
					background: #f7f9fe;
					border-color: #92adee;
                    text-decoration: none;
				}
					ul.product_list li a:hover img { border-color: #92adee; }


		div.key_features { }
			div.key_features h3 {
				height: 31px;
				background: url(../../img/design/red_grad.png) 0px 0px repeat-x;
				text-shadow: #c43023 -1px -1px 0px;
				color: #fff;
				font-size: 1.6em;
				font-weight: normal;
				padding: 7px 0 0 10px;
				border: 1px solid #e6513e;
				border-bottom: 1px solid #bb0804;
				margin: 0;
			}
			div.key_features ul {
				list-style: none;
				margin: 0;
				padding: 0;
				background: #fcedeb;
				border-left: 1px solid #f8cec8;
				border-right: 1px solid #f8cec8;
			}
				div.key_features ul li {
					margin: 0;
					padding: 10px 15px 10px 30px;
					background: url(../../img/design/feature_arrow.png) 10px 15px no-repeat;
					border-top: 1px solid #fff;
					border-bottom: 1px solid #f8cec8;
				}

        div#product_faq { margin-top: 20px; }
			#product_faq h3 {
				height: 31px;
				background: url(../../img/design/blue_grad.png) 0px 0px repeat-x;
				text-shadow: #2c45a7 -1px -1px 0px;
				color: #fff;
				font-size: 1.6em;
				font-weight: normal;
				padding: 7px 0 0 10px;
				border: 1px solid #3350c0;
				border-bottom: 1px solid #1b2c80;
				margin: 0;
			}
			#product_faq ul {
				list-style: none;
				margin: 0;
				padding: 0;
				background: #eef3fd;
                border-left: 1px solid #d6e1fb;
                border-right: 1px solid #d6e1fb;
			}
				#product_faq ul li {
					margin: 0;
					padding: 10px 15px 10px 30px;
					background: url(../../img/design/faq_item.png) 8px 15px no-repeat;
					border-top: 1px solid #fff;
                    border-bottom: 1px solid #d6e1fb;
				}
                #product_faq ul li.visible {
                    background: url(../../img/design/faq_item_open.png) 8px 14px no-repeat;
                }
                    #product_faq ul li a {
                        display: block;
                        font-weight: bold;
                        padding-bottom: 2px;
                    }
        #with_profits {
            background: #eee;
            border: 1px solid #ccc;
            padding: 12px 15px 2px 15px;
            margin-top: 20px;
        }
            #with_profits h3 {
                margin: 0 0 6px 0;
            }

		.assoc_docs { margin-bottom: 12px; }
        
        #content .assoc_docs { padding: 5px 0 10px 0; }
			.assoc_docs h3 {
				height: 31px;
				background: url(../../img/design/blue_grad.png) 0px 0px repeat-x;
				text-shadow: #2c45a7 -1px -1px 0px;
				color: #fff;
				font-size: 1.6em;
				font-weight: normal;
				padding: 7px 0 0 10px;
				border: 1px solid #3350c0;
				border-bottom: 1px solid #1b2c80;
				margin: 0;
			}
				div.assoc_docs ul {
					list-style: none;
					margin: 0;
					padding: 0;
					background: #eef3fd;
					border-left: 1px solid #d6e1fb;
					border-right: 1px solid #d6e1fb;
				}
					div.assoc_docs ul li {
						margin: 0;
						padding: 10px 15px 10px 50px;
						background-position: 10px 15px;
						background-repeat: no-repeat;
						border-top: 1px solid #fff;
						border-bottom: 1px solid #d6e1fb;
					}
					div.assoc_docs ul li.pdf { background-image: url(../../img/design/pdf.png); }
					div.assoc_docs ul li.doc { background-image: url(../../img/design/doc.png); }
                    div.assoc_docs ul li.xls { background-image: url(../../img/design/xls.png); }
                    div.assoc_docs ul li.ppt { background-image: url(../../img/design/ppt.png); }

						div.assoc_docs ul li a {
							color: #3350c0;
							text-decoration: none;
						}
							div.assoc_docs ul li a:hover { text-decoration: underline; }
							div.assoc_docs ul li span {
								display: block;
								color: #777;
								font-size: .9em;
							}
						div.assoc_docs ul li p { font-size: .9em; margin: 0; }


	ul.category_list {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 1em;
		background: #fcedeb;
		border-top: 1px solid #f8cec8;
		border-bottom: none;
	}
		ul.category_list li {
			margin: 0;
			padding: 10px 10px 15px 14px;
			border-bottom: 1px solid #f8cec8;
			border-top: 1px solid #fff;
		}
			ul.category_list li h3 {
				margin: 0 1em .25em 0;
                font-size: 1.2em;
			}
			ul.category_list li p {
				margin: 0 2em 0 0;
			}

	ul.thumb_lists {
		list-style: none;
		margin: 0 0 1em 0;
		padding: 0;
		background: #f7f9fe;
		border-top: 1px solid #aec2f2;
	}

		ul.thumb_lists li {
			border-bottom: 1px solid #aec2f2;
			border-top: 1px solid #fff;
			padding: 10px 15px;
			margin: 0;
		}

        ul.thumb_lists li a.pthumb {
            display: block;
            float: left;
            margin: 8px 20px 5px 0;
        }
            ul.thumb_lists li a.pthumb img {
                float: none;
                margin: 0;
            }
        ul.thumb_lists li img.thumbs {
            float: left;
            margin: 8px 20px 5px 0;
        }

        ul.thumb_lists li h3 {
            font-size: 1.2em;
            margin-top: 5px;
            margin-bottom: .3em;
        }
        ul.thumb_lists li h4 {
            font-size: 1.1em;
            font-weight: bold;
            margin-bottom: .25em;
            margin-top: 5px;
        }
        ul.thumb_lists li p {
            margin: 0 0 .75em 0;
        }
        ul.thumb_lists li p.meta { margin-bottom: .25em; }

        ul.thumb_lists li p.date {
            margin: 2px 1em .75em 0;
            color: #888;
            font-size: .8em;
        }

        dl.contact_details {
            padding: 15px;
            background: #f7f9fe;
            border: 1px solid #aec2f2;

        }

			.contact_details dt {
				clear:          left;
				float:          left;
				width:          55px;
				vertical-align: top;
			}

			.contact_details dd {
				margin-left:  60px;
				vertical-align: top;
			}

				.contact_details p {
					margin: -2px 0 0 0;
				}

		h2.title {
			font-size:   2.2em;
			line-height: 1;
			margin:      0 0 1em;
		}

		p.more {
			font-size:  1.4em;
			text-align: right;
		}

			p.more a {
				font-weight: bold;
			}

		p.paging {
			color:       #666;
			font-size:   1.4em;
			margin: 0;
            padding: 15px 0;
			text-align:  center;
		}

			.paging a {
				padding:         3px 6px;
				text-decoration: none;
                border: 1px solid #ddd;

			}
                .paging a.current, .paging a.current:hover {

					color: #E05534;
					border-color: #E05534;
                    border-color: #fff;
                    background: #fff;
                    cursor: default;
                    font-weight: bold;
				}

				.paging a:hover {
					background:      #3350c0;
					color:           #fff;
					text-decoration: none;
                    border-color: #3350c0;
				}

			.paging span {
				color:   #999;
				padding: 1px 4px;
			}

            em.showing {
                display: block;
                padding-top: 10px;
                font-size: .9em;
                font-style: normal;
                color: #888;
                padding-right: 15px;
            }

		#breadcrumb {
			background: #eaedf9;
			padding: 7px 5px;
			margin: 0 0 10px 0;
			font-size: 1.2em;
			position: relative;
			top: -10px;
		}
        
        img.cms_image {
            float: right;
            margin: 0 0px 20px 25px;
        }
        

	/*
		Sidebar
	----------------------------------------------------------------------*/

	#sidebar { width: 190px; float: left; }

    p#is_logged {
        background: #fcedeb;
        padding: 15px 10px;
        color: #333;
        margin: 0 0 20px 0;
    }
		ul#sub_navigation {
			list-style: none;
			margin: 0;
			padding: 0;
			font-size: .95em;
			margin-bottom: 20px;
		}

			#sub_navigation li { margin: 0; padding: 0; }

				#sub_navigation li a {
					display: block;
					background: #273fa1 url(../../img/design/blue_grad.png) 0px 0px repeat-x;
					text-shadow: #2c45a7 -1px -1px 0px;
					color: #fff;
					font-weight: normal;
					padding: 7px 8px 7px 10px;
					border: 1px solid #1b2c80;
					border-top: 1px solid #4c70d4;
					margin: 0;
					text-decoration: none;
				}

					#sub_navigation li a:hover { background: #203383 url(../../img/design/blue_grad_hover.png) 0px 0px repeat-x; }

				#sub_navigation li.active {}

					#sub_navigation li.active a {
						background: #e6513e url(../../img/design/red_grad_reverse.png) 0px 0px repeat-x;
						text-shadow: #d32317 -1px -1px 0px;
						border: 1px solid #bb0804;
						border-top: 1px solid #e6513e;
					}

						#sub_navigation li.active a:hover {}

				#sub_navigation li.active ul {}

					#sub_navigation li.active ul li {}

						#sub_navigation li.active ul li a {}

							#sub_navigation li.active ul li a:hover {}

					#sub_navigation li.active ul li.active {}

						#sub_navigation li.active ul li.active a {}

							#sub_navigation li.active ul li.active a:hover {}

    #news_sub_link {
       display: block;
       padding: 12px;
       font-size: 1.4em;
       background: #fcedeb;
       border: 1px solid #f8cec8;
       color: #333;
       line-height: 1.4em;
    }
        #news_sub_link strong {
            display: block;
            padding-bottom: 6px;
            font-size: 1.2em;
            color: #e6513e;
        }

	/*
		Footer
	----------------------------------------------------------------------*/

	#footer {
		padding: 20px;
		background: #e1e5f6 url(../../img/design/footer_logos.png) 20px 20px no-repeat;
		border: 1px solid #cfd5ea;
		position: relative;
	}

		#footer a {
			text-decoration: none;
		}

			#footer a:hover {
				text-decoration: underline;
			}

		#footer p {
			margin-left: 98px;
			font-size: 1.2em;
		}
        #footer p em { font-style: normal; color: #777; }

		#footer ul {
			width: 740px;
			float:   left;
			margin:  20px 0 0 0;
			padding: 0;
            color: #999;

		}

			#footer ul li {
				border-right: 1px solid #555;
				display:      inline;
				float:        left;
				line-height:  1;
				list-style:   none;
				margin:       0 3px 0 0;
				padding:      0 12px 0 10px;
                font-size: 1.3em;
                color: #999;
			}

			#footer ul li.first {
				padding-left: 0;
			}

			#footer ul li.last {
				border:        0;
				padding-right: 0;
			}


	/*
		Designition Link
	----------------------------------------------------------------------*/

	p.designition {
		font-size:   1.1em;
		line-height: 1;
		text-align:  right;
		position: absolute;
		right: 20px;
		bottom: 15px;
		width: 200px;
		margin: 0;
	}

		.designition a {
			background-image:    url('/img/icons/designition.png');
			background-position: right center;
			background-repeat:   no-repeat;
			color:               #7a8eae;
			padding: 5px 26px 5px 0;
		}


    div.alert {
		background:    10px 11px no-repeat;
		border:        1px solid;
		color:         #444;
		margin:        12px 0 1.5em 0px;
		padding:       15px 10px 15px 36px;
		xx-moz-box-shadow:    0 0 5px #777;
		xx-webkit-box-shadow: 0 0 5px #777;
		xxbox-shadow:    0 0 5px #777;
	}
    form div.alert { margin: 18px 0 .5em 0px; }
    
        div.done    { background-color: #deffef; background-image: url('/img/icons/tick.png');  border-color: #58bf8c; }
		div.error   { background-color: #fff0f0; background-image: url('/img/icons/cross.png'); border-color: #f77;    }
		div.warning { background-color: #f9f8e4; background-image: url('/img/icons/error.png'); border-color: #e8db97; }

        .alert h1,
		.alert h2 {
            color:       #599936;
			font-size:   1.6em;
			font-weight: bold;
			line-height: 1.1;
			margin:      0 0 .7em;
		}

			.done    h2 { color: #58bf8c; }
			.error   h2 { color: #f77;    }
			.warning h2 { color: #e8db97; }

		.alert p {
			margin-bottom: 0em;
		}

		.alert ul {
			margin:  0px 0 0 0;
			padding: 0;
            font-size: .9em;
		}

div.comments {
    padding: 1px 0 0 0;
}
div.comments ul {
    list-style: none;
    margin: 12px 0 0 0;
    padding: 0;
    font-size: 1em;
}
.comments ul li {
    padding: 15px 15px 5px 15px;
    margin: 0 0 20px 0;
    background: #fcedeb;
	border: 1px solid #f8cec8;
}
.comments ul li p.meta {
    font-size: .8em;
    color: #888;
    padding-bottom: 5px;
    border-bottom: 1px dotted #f8cec8;
}
.comments ul li p.meta strong {
    font-size: 1.5em;
    font-weight:  normal;
    color: #444;

}

.comments ul li#comment_added {
    background: #e0f7e0;
    border-color: #c5e0c5;
}
.comments ul li#comment_added p.meta { border-color: #c5e0c5; }
.comments ul li#comment_added p.meta strong {
    display: block;
    padding-left: 24px;
    background: url(../../img/icons/tick.png) 0px 4px no-repeat;
    color: #4a7943;
}


#branch_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
    #branch_list li {
        margin: 5px 20px 5px 0;
        width: 292px;
        float: left;
        clear: left;
    }
    #branch_list li.even { clear: none; margin-right: 0; }
    #branch_list li.last { margin-right: 0; }
    #branch_list a {
        display: block;
    }
        #branch_list li h3 {
            font-size: 1.2em;
            border-bottom: 1px solid #ccc;
            margin: 0;
        }
        #branch_list li h3 a {
            color: #e6513e;
}
        #branch_list li p { margin: 0; }
        #branch_list li ul {
            
            padding: 4px 0 8px 0px;
            margin-left: 1.3em;

        }

        #branch_list li ul li {
            margin: 0;
            border: none;
            padding: 0;
            list-style: disc;
            font-size: 1em;
        }


        .branch_meta { padding-bottom: 20px; }

div.branch_contacts {
    background: #fcedeb;
			border: 1px solid #f8cec8;
    padding: 8px 12px;
    width: 280px;
    margin-right: 20px;
    float: left;
}
div.branch_contacts h4 {
    font-size: 1.5em;
    font-weight: bold;
}
    .branch_contacts dl { font-size: 1.3em; margin: 0; }

			.branch_contacts dt {
				clear:          left;
				float:          left;
				width:          65px;
				vertical-align: top;
			}

			.branch_contacts dd {
				margin-left:  70px;
				vertical-align: top;
			}


            #singleBranchMap { width: 278px; height: 180px; float: left; }

            div#product_commission {
                width: 240px;
                padding: 0 5px 5px 15px;
                float: right;
                background: #eee;
                margin: 3px 0 20px 20px;
            }

            
/* Key Facts */
#key_facts_content {
    padding: 0 0px 15px 23px;
}

#key_facts_content h1 {
    color: #333;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: -23px;
}
#key_facts_content h1 strong {
    display: block;
    width: 180px;
    height: 77px;
    float: left;
    background: url(/img/design/keyfacts.png) 0px 0px no-repeat;
    text-indent: -3000px;
    margin-right: 15px;

}
#key_facts_content h1 span {
    display: block;
    padding-top: 5px;
    height: 72px;
    float: left;

}

#key_facts_content h2 {
    margin: 30px 0 15px -23px;
    line-height: 1.3em;
}
#key_facts_content h1 + h2 {
    margin-top: 15px;
}
dl.ticks {
    margin: 0;
}
    dl.ticks dt {
        display: block;
        width: 40px;
        height: 40px;
        margin-right: 10px;
        background: url(/img/design/unticked.png) 0px 0px no-repeat;
        text-indent: -3000px;
        float: left;
        clear: left;
    }
    dl.ticks dt.ticked { background-image: url(/img/design/ticked.png); }

    dl.ticks dd {
        display: block;
        width: 620px;
        padding: 10px 0 0px 0;
        float: left;
    }

    dl.ticks ul, dl.ticks ul li {
        font-size: 1em;
    }

dl.keycontacts {
    margin-bottom: 15px;
}
    dl.keycontacts dt {
        display: block;
        width: 100px;
        float: left;
    }
    dl.keycontacts dd {
        display: block;
        width: 560px;
        float: left;
    }
-->