/* ---------------------------------------------------------------------------------- */
/* CSS Document - last updated: 05/06/2009																						*/

/* Stroud and Swindon																																	*/
/* Author: Webnetism (www.webnetism.co.uk)																						*/

/* ssbs.css																																						*/
/* Media: screen																																			*/
/* ---------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------- */
/* Generic styles properties																													*/
/* ---------------------------------------------------------------------------------- */

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #fff;
	background-image: url(../images/general/blue_back_grad.gif); background-repeat: repeat-x;
}

body, tr, td {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
}

.wrapper700 {
	width: 700px;
	margin-top: 12px;
	text-align: left;
}

/* ---------------------------------------------------------------------------------- */
/* New content properties																															*/
/* ---------------------------------------------------------------------------------- */

.wrapper_770 {
	width: 769px;
	margin-top: 0px;
	text-align: left;
	margin-left: 0px;
}

.top_bar { 
	position: relative;
	width: 769px;
	height: 24px;
	background-image: url(../images/top_bar/top_bar_back.gif); background-repeat: no-repeat;
}

.logo_box { margin-top: 10px; padding: 0px 10px 0px 10px; }

#main_content {
	margin: 0 auto;
	position: relative;
	width: 777px;
	height: auto;
	padding-bottom:10px;
	background-image: url(../images/general/back_grad.png); background-repeat: repeat-y;
}

.main_nav_back {
	position: relative;
	width: 770px;
	height: 27px;
	margin: 10px 0px 0px 0px;
	padding-bottom: 1px;
	background-image: url(../images/top_bar/main_nav_back.gif); background-repeat: no-repeat;
}

.main_box_1 { 
	position: relative;
	width: 186px;
	height: 156px;
	background-image: url(../images/general/main_box_1.gif); background-repeat: no-repeat;
}

.main_box_2 { 
	position: relative;
	width: 186px;
	height: 152px;
	background-image: url(../images/general/main_box_2.gif); background-repeat: no-repeat;
}

.news_feed_box { 
	position: relative;
	width: 186px;
	height: 35px;
	background-image: url(../images/general/news_feed_box.gif); background-repeat: no-repeat;
}

.list_title { font-size:14px; color: #e97703; }

.menu_1 { position: relative; float: left; text-align: center; width: 99px; height: 23px; margin-right: 3px; padding-top: 3px; background-image: url(../images/top_bar/menu_1_off.gif); background-repeat: no-repeat; }
.menu_2 {	position: relative; float: left; text-align: center; width: 99px; height: 23px; margin-right: 3px; padding-top: 3px; background-image: url(../images/top_bar/menu_2_off.gif); background-repeat: no-repeat; }
.menu_3 {	position: relative; float: left; text-align: center; width: 99px; height: 23px; margin-right: 3px; padding-top: 3px; background-image: url(../images/top_bar/menu_3_off.gif); background-repeat: no-repeat; }
.menu_4 {	position: relative; float: left; text-align: center; width: 99px; height: 23px; margin-right: 3px; padding-top: 3px; background-image: url(../images/top_bar/menu_4_off.gif); background-repeat: no-repeat; }
.menu_5 {	position: relative; float: left; text-align: center; width: 126px; height: 23px; padding-top: 3px; background-image: url(../images/top_bar/menu_5_off.gif); background-repeat: no-repeat; }

.top_menu_item { margin-right: 3px; }

.homepage_back {
	position: relative;
	width: 769px;
	height: 308px;
	background-color: #CCCCCC;
}

.padding_main { margin: 10px 16px 0px 16px; width: 738px; }

.top_products_title {
	position: relative;
	width: 152px;
	height: 30px;
	padding: 2px 0px 0px 25px;
	background-image: url(../images/general/top_products_title.gif); background-repeat: no-repeat;
}

.links_title {
	position: relative;
	width: 152px;
	height: 30px;
	padding: 2px 0px 0px 25px;
	background-image: url(../images/general/links_title.gif); background-repeat: no-repeat;
}

.our_news_title {
	position: relative;
	width: 153px;
	height: 30px;
	padding: 2px 0px 0px 25px;
	background-image: url(../images/general/our_news_title.gif); background-repeat: no-repeat;
}

.news_letter_title {
	position: relative;
	width: 153px;
	height: 30px;
	padding: 2px 0px 0px 25px;
	background-image: url(../images/general/news_letter_title.gif); background-repeat: no-repeat;
}

.list_back {
	position: relative;
	width: 153px;
	height: 171px;
	padding: 8px 10px 0px 10px;
	background-image: url(../images/general/list_back.gif); background-repeat: repeat-x;
}

.dotted_line { width: 142px; height: 1px; margin: 5px 0px 5px 0px; background-image: url(../images/general/dotted_line.gif); background-repeat: no-repeat; }

#bottom_curve {
	position: relative;
	width: 777px;
	height: 26px;
	background-image: url(../images/general/bottom_curve.png); background-repeat: no-repeat;
}

.footer_padding {
	position: relative;
	width: 729px;
	margin-top: 10px;
	padding: 0px 20px 0px 20px;
	font-size: 10px;
	color: #b2b2b2;
}

.padding_bottom_5 { padding-bottom: 5px; }

.white { color: #ffffff; }
.size_11_black { font-size:11px; color: #000000; }
.size_12_white { font-size:12px; color: #ffffff; }
.size_14_white { font-size:14px; color: #ffffff; }
.size_18_white { font-size:18px; color: #ffffff; line-height: 25px; }

a.black_11_link:link { font-size:11px; font-weight:normal; text-decoration:none; color:#000000; }
a.black_11_link:visited { font-size:11px; font-weight:normal; text-decoration:none; color:#000000; }
a.black_11_link:active { font-size:11px; font-weight:normal; text-decoration:none; color:#000000; }
a.black_11_link:hover { font-size:11px; font-weight:normal; text-decoration:underline; color:#000000; }

a.white_14_link:link { font-size:14px; font-weight:normal; text-decoration:none; color:#fff; }
a.white_14_link:visited { font-size:14px; font-weight:normal; text-decoration:none; color:#fff; }
a.white_14_link:active { font-size:14px; font-weight:normal; text-decoration:none; color:#fff; }
a.white_14_link:hover { font-size:14px; font-weight:normal; text-decoration:underline; color:#fff; }

img { border:none }

.backgrounddropdown01 {
	background-image: url(../images/content/bg_mortgagedropdown_left.gif);
}

.backgrounddropdown02 {
	background-image: url(../images/content//bg_mortgagedropdown_central.gif);
}

select.mortgagePulldown
{
    width:310px;
    font-size: 12px;
}

/* ---------------------------------------------------------------------------------- */
/* Slide show properties																															*/
/* ---------------------------------------------------------------------------------- */

#slideMainDiv {
	height: 291px;
	width: 583px;
	position:relative;
	border: 0px solid #cccccc;
	border-bottom:0px;
}

#slideHeaderDiv { width:560px; height:250px; }

.slideDiv {
	position: absolute;
	width: 583px;
	height: 291px;
}

#newdiv {
	background-color:#999999;
	width:583px;
	height:17px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-family:Arial, sans-serif;
	font-size:2px;
}

.slide_show_buttons {
	float: left;
	width: 31px;
	height: 14px;
	padding-top: 3px;
	color: #FFFFFF;
	background-color: #999999;
	border-right:1px solid #EFEFEF;
}

.slide_show_buttons_start {
	float: left;
	width: 31px;
	height: 14px;
	padding-top: 3px;
	color: #FFFFFF;
	background-color: #666666;
	border-right:1px solid #EFEFEF;
}

.slide_show_button_end {
	float: left;
	width: 31px;
	height: 14px;
	padding-top: 3px;
	color: #FFFFFF;
	background-color: #666666;
}

#play_button {
	position: relative;
	float: right;
	width: 30px;
	height: 12px;
	top: 4px;
	margin-right: 17px;
}

a.slideshow_numbers:link { font-size:9px; font-weight:normal; text-decoration:none; color:#fff; }
a.slideshow_numbers:visited { font-size:9px; font-weight:normal; text-decoration:none; color:#fff; }
a.slideshow_numbers:active { font-size:9px; font-weight:normal; text-decoration:none; color:#fff; }
a.slideshow_numbers:hover { font-size:9px; font-weight:normal; text-decoration:none; color:#fff; }

/* ---------------------------------------------------------------------------------- */

a:link { font-size:11px; text-decoration:none; color:#666666; }
a:visited { font-size:11px; text-decoration:none; color:#666666; }
a:active { font-size:11px; text-decoration:none; color:#666666; }
a:hover { font-size:11px; text-decoration:underline; color:#666666; }

a.link_searchtitle:link	 { font-size:13px; font-weight:bold; text-decoration:none; color:#003399; }
a.link_searchtitle:visited { font-size:13px; font-weight:bold; text-decoration:none; color:#003399; }
a.link_searchtitle:active { font-size:13px; font-weight:bold; text-decoration:none; color:#003399; }
a.link_searchtitle:hover { font-size:13px; font-weight:bold; text-decoration:underline; color:#003399; }

a.link_searchpageturn:link{ font-size:12px; font-weight:normal; text-decoration:none; color:#000; }
a.link_searchpageturn:visited { font-size:12px; font-weight:normal; text-decoration:none; color:#000; }
a.link_searchpageturn:active { font-size:12px; font-weight:normal; text-decoration:none; color:#000; }
a.link_searchpageturn:hover { font-size:12px; font-weight:normal; text-decoration:underline; color:#000; }

.text20black { color: #000; }
/* generic styles // eof */

/* top bar */
a.topbar_link:link { font-family:Verdana, sans-serif; font-size:10px; text-decoration:none; color:#666666; }
a.topbar_link:visited { font-family:Verdana, sans-serif; font-size:10px; text-decoration:none; color:#666666; }
a.topbar_link:active { font-family:Verdana, sans-serif; font-size:10px; text-decoration:none; color:#666666; }
a.topbar_link:hover { font-family:Verdana, sans-serif; font-size:10px; text-decoration:underline; color:#666666; }

a.login_link:link { font-family:Verdana, sans-serif; font-size:11px; text-decoration:none; color:#000000; }
a.login_link:visited { font-family:Verdana, sans-serif; font-size:11px; text-decoration:none; color:#000000; }
a.login_link:active { font-family:Verdana, sans-serif; font-size:11px; text-decoration:none; color:#000000; }
a.login_link:hover { font-family:Verdana, sans-serif; font-size:11px; text-decoration:underline; color:#000000; }

.searchfield {
	width: 176px;
	height: 14px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding: 0px 0px 1px 2px;
	margin-bottom: 2px;
}

.go_button { margin: 0px 5px 0px 0px; }

.esavings_login {
	position: relative;
	width: 140px;
	height: 37;
	float: left;
	border: solid 1px #d80e60;
}

/* top bar // eof */

/* primary nav */
a.primarynav_link:link { font-size:14px; font-weight:bold; text-decoration:none;color: #fff; }
a.primarynav_link:visited { font-size:14px; font-weight:bold; text-decoration:none;color: #fff; }
a.primarynav_link:active { font-size:14px; font-weight:bold; text-decoration:none;color: #fff; }
a.primarynav_link:hover { font-size:14px; font-weight:bold; text-decoration:underline;color: #fff; }

.primarynav_tablecontrol { margin-top: 18px; }
/* primary nav // eof */

/* promo area */
.promoArea_mortgagesBg {
	width: 100px;
	height: 200px;
	background-image: url('../images/homepics/bg_mortgages.gif');
	background-repeat: no-repeat;
}

.promoArea_savingsBg {
	width: 100px;
	height: 200px;
	background-image: url('../images/homepics/bg_savings.gif');
	background-repeat: no-repeat;
}

.promoArea_insuranceBg {
	width: 100px;
	height: 200px;
	background-image: url('../images/homepics/bg_insurance.gif');
	background-repeat: no-repeat;
}

.promoArea_loansBg {
	width: 100px;
	height: 200px;
	background-image: url('../images/homepics/bg_loans.gif');
	background-repeat: no-repeat;
}

.promoArea_mainNavWrapper {
	width: 88px;
	height: 38px;
	margin-top: 103px;
	margin-left: 11px;	
}

.promoArea_subNavWrapper {
	width: 83px;
	height: 38px;
	margin-top: 7px;
	margin-left: 11px;	
}

a.promo_link:link	{ font-size:11px; font-weight:bold; text-decoration:none; color:#fff; line-height:12px; }
a.promo_link:visited 	{ font-size:11px; font-weight:bold; text-decoration:none; color:#fff; }
a.promo_link:active 	{ font-size:11px; font-weight:bold; text-decoration:none; color:#fff; }
a.promo_link:hover 	{ font-size:11px; font-weight:bold; text-decoration:underline; color:#fff; }

a.promo_sublink:link	{ font-size:11px; text-decoration:none; color:#fff; line-height:12px; }
a.promo_sublink:visited { font-size:11px; text-decoration:none; color:#fff; }
a.promo_sublink:active 	{ font-size:11px; text-decoration:none; color:#fff; }
a.promo_sublink:hover 	{ font-size:11px; text-decoration:underline; color:#fff; }
/* promo area // eof */

/* promo area */
.loginText {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.loginfield {
	width: 176px;
	font-family: Arial, sans-serif;
	font-size: 11px;
}
/* promo area // eof */

/* footer area */
.footer_tablecontrol {
	margin-top: 21px;
}

.footerText {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 10px;
	color: #b2b2b2;
}

a.footer_link:link	{ font-size:10px; text-decoration:none; color:#b2b2b2; }
a.footer_link:visited 	{ font-size:10px; text-decoration:none; color:#b2b2b2; }
a.footer_link:active 	{ font-size:10px; text-decoration:none; color:#b2b2b2; }
a.footer_link:hover 	{ font-size:10px; text-decoration:underline; color:#b2b2b2; }
/* footer area // eof */

/* end */