@charset "utf-8";
/* CSS Document */

* {
padding: 0;
margin: 0;
}

img {
	border: none;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f3f3f6;
}

#container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 18px 0 0 0;	
}

/* -------------------- HEADER -------------------- */

#header {
	width: 950px;
	height: 103px;
	background-image: url(http://www.remortgage-search.com/images/header_background.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFF;
}

#headerLHS {
	float: left;
	width: 334px;
	padding: 24px 0 21px 24px;
}

#headerRHS {
	float: left;
	width: 592px;
}

#headerPhone {
	float: left;
	width: 228px;
	margin: 30px 0 0 0;
	padding: 7px 18px 0 0;
	color: #4d90c8;
	font-size: 18px;
	text-align: right;
	border-right: solid 1px #c0d8ec;
}

#headerBullets {
	float: left;
	color: #204c99;
	font-weight: bold;
	font-size: 12px;
	padding: 30px 0 0 37px;
}

#headerBullets li {
	list-style: url(http://www.remortgage-search.com/images/small_tick.jpg);
	line-height: 1.75;
}

/* -------------------- TOP NAV -------------------- */

#navBar {
	background-color: #204c99;
	height: 32px;
	padding: 0 24px 0 24px;
}

/* -------------------- CONTENT -------------------- */

#contentContainer {
	background-color: #FFF;
}

#Content {
	width: 950px;
}

#contentLeft {
	float: left;
	width: 590px;
	padding: 0 0 0 17px;
	border-right: solid 1px #c0d8ec;
}

#contentLeft h1 {
	color: #204c99;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 18px 16px 7px;
    margin-top: 53px;	
}

#contentLeft p {
	color: #535353;
	font-size: 12px;
	font-weight: normal;
	padding: 0 70px 15px 7px;
	line-height: 1.5;
}

#contentLeft h2 {
	color: #204c99;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 18px 7px 7px;
}

#contentLeft h3 {
	color: #204c99;
	font-size: 14px;
	font-weight: normal;
	padding: 7px 18px 7px 7px;
}

#contentLeft a {
	color: #ee6f3b;	
}

#contentLeft ul li {
	color: #535353;
	font-size: 12px;
	font-weight: bold;
	padding: 0 70px 12px 0;
	list-style-image: url(http://www.remortgage-search.com/images/list_bullet.gif);
	margin-left: 30px;	
}

#contentLeft ol li {
	color: #204c99;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 10px 25px;	
}

#contentLeft ul {
	margin-top: 5px;
}

#contentFull {
	margin: 25px 17px 0 17px;
	margin-top: 20px;
}

#contentFull h1 {
	color: #204c99;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 18px 16px 7px;
    margin-top: 8px;	
}

.contentFullBroker {
	color: #204c99;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 18px 16px 7px;
    margin-top: 8px;	
}

#contentFull p {
	color: #535353;
	font-size: 12px;
	font-weight: normal;
	padding: 0 70px 15px 7px;
	line-height: 1.5;
}

.contentFullField {
	color: #535353;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	margin: 10px 0 10px 0;
}

#contentFull h2 {
	color: #204c99;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 18px 7px 7px;
}

#contentFull a {
	color: #ee6f3b;	
}

#contentFull ul li {
	color: #535353;
	font-size: 12px;
	font-weight: bold;
	padding: 0 70px 12px 0;
	list-style-image: url(http://www.remortgage-search.com/images/list_bullet.gif);
	margin-Full: 30px;	
}

#contentFull ol li {
	color: #204c99;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 10px 25px;	
}

#contentFull ul {
	margin-top: 5px;
}

.contentHeading {
	font-size: 20px;
	color: #204c99;
	padding: 0 18px 0 7px;	
}

.contentCTA {
	padding: 15px 0 36px 0;
}

#hpIcon1 {
	height: 54px;
	background-image: url(http://www.remortgage-search.com/images/hp_icon_1.gif);
	background-repeat: no-repeat;
	margin-bottom: 19px;
}

#hpIcon2 {
	height: 54px;
	background-image: url(http://www.remortgage-search.com/images/hp_icon_2.gif);
	background-repeat: no-repeat;	
	margin-bottom: 19px;	
}

#hpIcon3 {
	height: 54px;
	background-image: url(http://www.remortgage-search.com/images/hp_icon_3.gif);
	background-repeat: no-repeat;	
	margin-bottom: 19px;	
}

#hpIcon4 {
	height: 54px;
	background-image: url(http://www.remortgage-search.com/images/hp_icon_4.gif);
	background-repeat: no-repeat;
	margin-bottom: 19px;	
}

.iconHeading {
	color: #204c99;
	font-size: 14px;
	font-weight: bold;
}
.iconText {
	color: #535353;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 70px 0 0;
	line-height: 1.5;
}

#contentRight {
	float: left;
	width: 300px;
	padding: 0 24px 0 18px;
	background-image: url(http://www.remortgage-search.com/images/content_cta_bg_right.gif);
	background-repeat: no-repeat;
}

#contentRight p {
	color: #535353;
	font-size: 12px;
	font-weight: normal;
	padding: 0 50px 0 0;
	line-height: 1.5;
}

#contentRight p a {
	color: #ee6f3b;
	font-size: 12px;
	font-weight: normal;	
}

#contentRight li {
	list-style: none;
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #e6eff7;	
}

#contentRight a {
	color: #204c99;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

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

#contentRightHP {
	float: left;
	width: 300px;
	padding: 0 24px 0 18px;
	background-image: url(http://www.remortgage-search.com/images/homepage_cta_bottom_corner.gif);
	background-repeat: no-repeat;
	background-position: top right;	
}

#contentRightHP p {
	color: #535353;
	font-size: 12px;
	font-weight: normal;
	padding: 0 50px 0 0;
	line-height: 1.5;
}

#contentRightHP p a {
	color: #ee6f3b;
	font-size: 12px;
	font-weight: normal;	
}

#contentRightHP li {
	list-style: none;
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #e6eff7;	
}

#contentRightHP a {
	color: #204c99;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

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

.contentRightHeading {
	color: #4d90c8;
	font-size: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid #c0d8ec;
	text-transform: uppercase;	
}

.contentNews {
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #e6eff7;	
}

#brandLogos {
	text-align: center;
	padding: 40px 0 20px 0;
}

.incontentHeading {
	font-size: 16px;
	color: #4d90c8;
	padding: 0 0 15px 7px;
}

#author {
	width: 547px;
	float: left;
	border-top: solid 3px #c0d8ec;
	margin: 0 0 10px 7px;
	color: #535353;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 0 10px 0;
}
#rss {
	width: 18px;
	float: left;
	border-top: solid 3px #c0d8ec;
	padding: 5px 0 0 0;
}

.social {
	margin: 0 0 15px 7px;
}

/* -------------------- COMMENTS -------------------- */

#comments {
	color: #535353;
	font-size: 12px;
}

#comments p {
	padding: 0 0 15px 0;
}

.comment {
	font-size: 14px;
	border: solid 1px #c0d8ec;
	padding: 15px;
	padding-bottom: 0px;
	margin-right: 89px;
}

#comments div {
	margin-bottom: 15px;
}

.commentField {
	line-height: 1.3;
	color: #535353;
	font-size: 14px;
	font-weight: normal;
	font: Arial;
}

#commentTitle {
	color: #204c99;
	font-size: 18px;
	font-weight: bold;
}


/* -------------------- BREADCRUMB -------------------- */

#breadcrumb {
	width: 565px;
	padding: 16px 0 6px 24px;
	float: left;
	background-image: url(http://www.remortgage-search.com/images/breadcrumb_background.gif);
	background-repeat: repeat-x;
}

#breadcrumbC {
	float: left;
	width: 19px;
	height: 41px;
	background-image: url(http://www.remortgage-search.com/images/breadcrumb_bg.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#breadcrumbRight {
	float: left;
	height: 41px;
	width: 342px;
	background-image: url(http://www.remortgage-search.com/images/content_cta_bg_right_top.gif);
	background-repeat: no-repeat;
}

.breadcrumbOn a {
	font-size: 12px;
	color: #204c99;
	text-decoration: none;
}

.breadcrumbOn a:hover {
	text-decoration: underline;
}

.breadcrumbOff a {
	font-size: 12px;
	color: #535353;
	text-decoration: none;
}

.breadcrumbOff a:hover {
	text-decoration: underline;
}

.breadcrumbChevron {
	color: #ee6f3b;
	padding: 0 10px 0 10px;
}

/* -------------------- DROPDOWN MENU -------------------- */

#nav {
	 float: left;
	 width: 100%;
	 list-style: none;
	 font-weight: bold;
	 line-height: 1.7;
}

#nav li {
	float: left;
	margin-right: 10px;
	position: relative;
	display: block;
	background-color: #204c99;	
}

#nav li a{
	display: block;
	padding: 5px;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

#nav li a:hover{
	background-image: url(http://www.remortgage-search.com/images/topnav_tri_off_wide.jpg);
	background-repeat: no-repeat;
}

/* -------------------- DROPDOWN PART -------------------- */

.triStock { /*--- Displays  ---*/
	height: 26px;
	background-image: url(http://www.remortgage-search.com/images/topnav_tri_bottom.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-top: 5px;
	background-color: #FFF;
}

.triStock:hover { /*--- Displays  ---*/
	background-image: url(http://www.remortgage-search.com/images/topnav_tri_bottom_on_wide.jpg);
	background-repeat: no-repeat;
}

#nav ul{
	list-style: none;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity: 0; /* Set initial state to transparent */
	-webkit-transition: 0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}

#nav ul li{
	border-top: solid 1px #FFF;
	float:none;
}

#nav ul a{
	white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display: block;
}

#nav li:hover ul{ /* Display the dropdown on hover */
	left :0; /* Bring back on-screen when needed */
	opacity: 1; /* Fade to opaque */
}

#nav li:hover a{ /* Set styles for top level when dropdown is hovered */
	background-image: url(http://www.remortgage-search.com/images/topnav_tri_off_wide.jpg);
	background-repeat: no-repeat;	
}

#nav li:hover li { /* Set styles for top level when dropdown is hovered */
	background: #7aabd4; /* Solid colour fall-back */
	margin-left: 5px;
	line-height: 1.2;
}

#nav li:hover li a { /* Set styles for top level when dropdown is hovered */
	background: #7aabd4; /* Solid colour fall-back */
}

#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}

#nav li:hover ul li a { /* Removes background image from dropdowns */
	background-image: none;
	padding-left: 8px;
	padding-right: 15px;
	text-align: left;
}

#nav li:hover ul li a:hover { /* Set styles for dropdown when items are hovered */
	background: #ee6f3b; /* Solid colour fall-back */	
}

/* -------------------- HOMEPAGE CTA -------------------- */

#hpctaLeft {
	width: 626px;
	height: 281px;
	background-image: url(http://www.remortgage-search.com/images/homepage_cta_bg.gif);
	background-repeat: no-repeat;
	float: left;
}

#hpctaRight {
	width: 324px;
	height: 281px;
	background-image: url(http://www.remortgage-search.com/images/homepage_cta_bg_right.gif);
	background-repeat: no-repeat;
	float: left;
}

#hpctaBottom {
	width: 950px;
	height: 45px;
	background-image: url(http://www.remortgage-search.com/images/homepage_cta_bottom.gif);
	background-repeat: no-repeat;
}

#ctaText {
	font-size: 18px;
	color: #535353;
	line-height: 1.5;
	margin: 120px 0 0 60px ;
}

#ctaForm {
	margin: 100px 70px 0 33px;
	text-align: center;
}

.ctaFormText {
	font-size: 12px;
	color: #204c99;
	font-weight: bold;
}

/* -------------------- BOTTOM NAV -------------------- */

#bottomNavBar {
	height: 33px;
	width: 950px;
	background-image: url(http://www.remortgage-search.com/images/bottom_nav_bg.gif);
	background-repeat: no-repeat;	
}

#bottomNav {
	 float: left;
	 width: 100%;
	 list-style: none;
	 margin-left: 24px;
}

#bottomNav li {
	float: left;
	margin-right: 10px;
	position: relative;
	display: block;
	background-color: #204c99;
	border-right: 1px solid #FFF;
	margin-top: 10px;
	padding: 0 10px 0 0;
}

#bottomNav li a{
	display: block;
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
}

#bottomNav li a:hover{
	text-decoration: underline;
}

/* -------------------- FOOTER -------------------- */

#footer {
	margin-top: 30px;
}

#footer p {
	color: #a2a2a4;
	font-size: 12px;
	line-height: 1.5;
	padding: 0 24px 5px 24px;
}

.footerHeader {
	color: #204c99;
	font-weight: bold;
	font-size: 14px;
	padding-left: 24px;	
	padding-bottom: 6px;	
}

.footerLinks {
	float: left;
	width: 239px;
	border-right: solid 2px #FFF;
}

.footerLinks li {
	list-style: none;
	padding-left: 24px;
	padding-bottom: 6px;
}

.footerLinks li a {
	color: #535353;
	font-size: 12px;
	text-decoration: none;
}

.footerLinks li a:hover {
	text-decoration: underline;
}

/* -------------------- NEWS -------------------- */

#newsMonths {
	float: left;
	border-right: solid 1px #c0d8ec;
	width: 135px;
}

#newsMonths ul li {
    padding: 0 0 12px 0;
}

#newsLinks {
	float: left;
	width: 450px;
}