@import url("reset.css");
@import url("colours.css");

/* --- ////

Created by : AIM Proximity
Author: Robbie Boyd
Date: 16 April 2009

Version: 1.1

Index:
1.0 - Basic Elements
2.0 - Head Search Module
3.0 - Head Navigation
4.0 - Breadcrumbs
5.0 - Homepage Promo Area
 5.1 - Extra Promo Area
6.0 - Main Content Start
7.0 - Lefthand Navigation
8.0 - Insurance Panels
9.0 - FinTel Insurance Panel
10.0 - Footer
11.0 - SEO Styles
12.0 - Fundamentals


/// --- */

/* 1.0 Basic Elements */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border-top:3px solid #B81636; 
	background:#F9F9F3;
}
h1 {
	font-size: 2em; 
	line-height: normal;
}
h2 {
	font-size: 1.67em;
	line-height: normal;
}
h3 {
	font-size: 16px;
	line-height: 21px;
	color: #95122C;
}
h4 {
	font-size: 11px;
	line-height: normal;
}
h5 {
	font-size: 1.17em; /* 14px */
	line-height: normal;
}
p {
	line-height:15px;
	padding:6px 0;
}
ul {
	padding:10px 0 10px 12px;
}
li {
	padding:2px 0;
}

hr {
	margin:10px 0 10px 0;
	display:block;
	width:100%;
	height:1px;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:1px solid #E3E3E3;
}

a {
	color:#CD183D;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #EFDBDF;
}

a:hover {
	color:#003197;
	border-bottom:1px solid #BFD0F4;
}
a:visited {
	/*color:#001339;
	border-bottom:1px solid #334261;*/
}


/* Website Wireframe */
#wrapper 															{width:970px; background:url(/images/containerbg.jpg) no-repeat left top; margin:0 auto; position:relative;}
#wrapperInner														{width:960px; margin:0 auto; background:#FFFFFF; position:relative;}

#MainHeader															{height:60px; padding: 5px 0 0 5px;}
#MainHeader	.logo													{position:absolute; width:134px; height:50px;}
#MainHeader	.text													{position:absolute; left:173px; top:20px;}

/* ----- 2.0 Head Search Module Start -----*/
#mainSearch															{width:230px; height:67px; position:absolute; background:url(/images/search/mainbackground.jpg) no-repeat left top; right:10px; top:-4px; font-size:13px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
#mainSearch label													{position:absolute; left:9px; top:14px;}
#mainSearch input.inputText											{position:absolute; left:62px; top:9px; border:none; width:125px; height:24px; padding:4px; background:url(/images/search/searchbackground.jpg) no-repeat left top;}
#mainSearch input.submitBtn											{position:absolute; left:187px; top:9px; width:35px; height:25px; background:url(/images/search/btn_go.jpg) no-repeat left top; border:0;}
#mainSearch input.submitBtn:hover									{background:url(/images/search/btn_go.jpg) no-repeat left -56px; cursor:pointer;}
#mainSearch ul														{width:150px; border-bottom:1px solid #E3E3E3; margin:0 auto; padding:42px 0 5px 0; height:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#mainSearch ul li													{float:left; overflow:hidden; width:75px; text-align:center;}
#mainSearch ul li a													{color:#883756; font-size:10px; text-decoration:none; font-weight:normal; display:block; border:none;}

/* ----- 3.0 Head Navigation Start -----*/
#mainNavigation														{padding:0; margin:0;height:50px;}
#mainNavigation ul													{margin:0; padding:0;}
#mainNavigation ul li												{float:left; overflow:hidden; margin:0; padding:0;}
#mainNavigation ul li a												{display:block; width:235px; height:43px; border:none;}
#mainNavigation ul li a span										{margin-left:-9999px;}
#mainNavigation ul li.car a											{background:url(/images/navigation/CarInsurance.jpg) no-repeat left 3px;}
#mainNavigation ul li.car a:hover									{background:url(/images/navigation/CarInsurance.jpg) no-repeat left -80px;}
#mainNavigation ul li.car.selected a								{background:url(/images/navigation/CarInsurance.jpg) no-repeat left -157px;}
#mainNavigation ul li.house	a										{background:url(/images/navigation/HouseInsurance.jpg) no-repeat left 0;}
#mainNavigation ul li.house	a:hover									{background:url(/images/navigation/HouseInsurance.jpg) no-repeat left -80px;}
#mainNavigation ul li.house.selected a								{background:url(/images/navigation/HouseInsurance.jpg) no-repeat left -157px;}
#mainNavigation ul li.contents a									{background:url(/images/navigation/ContentsInsurance.jpg) no-repeat left 3px;}
#mainNavigation ul li.contents a:hover								{background:url(/images/navigation/ContentsInsurance.jpg) no-repeat left -80px;}
#mainNavigation ul li.contents.selected a							{background:url(/images/navigation/ContentsInsurance.jpg) no-repeat left -157px;}
#mainNavigation ul li.travel a										{background:url(/images/navigation/TravelInsurance.jpg) no-repeat left 3px;}
#mainNavigation ul li.travel a:hover								{background:url(/images/navigation/TravelInsurance.jpg) no-repeat left -80px;}
#mainNavigation ul li.travel.selected a								{background:url(/images/navigation/TravelInsurance.jpg) no-repeat left -157px;}

/* ----- 4.0 Breadcrumbs Start -----*/
.breadCrumbs														{}
.breadCrumbs ul														{border-bottom:1px solid #E3E3E3; padding-bottom:14px;}
.breadCrumbs ul	li													{display:inline; list-style:none;}
.breadCrumbs ul	li a												{color:#95122C; text-decoration:none; border-bottom:1px solid #95122C;}

/* ----- 4.1 Breadcrumbs2 Start -----*/
.breadCrumbs2														{}
.breadCrumbs2 ul													{border-bottom:1px solid #E3E3E3;border-top:1px solid #E3E3E3; padding-bottom:14px;}
.breadCrumbs2 ul	li												{display:inline; list-style:none;}
.breadCrumbs2 ul	li a											{color:#95122C; text-decoration:none; border-bottom:1px solid #95122C;}

/* ----- 5.0 Homepage Promo Area Start -----*/
#homePromo															{width:940px; height:180px; border-bottom:1px solid #E3E3E3;}

/* ----- 5.1 Extra Promo Area Start -----*/
#extraPromo															{width:940px; height:180px; border-bottom:1px solid #E3E3E3;}

/* ----- 6.0 Main Content Start -----*/
#MainContent														{margin-top:10px; overflow:hidden;}
#MainContent .short													{width:439px;}
#MainContent .contentInner											{width:700px; float:left; min-height:300px; overflow:hidden; padding-left:20px;}
#MainContent h2														{padding-bottom:10px;}
#MainContent h3														{color:#004283;}
#MainContent .contentInner ul										{margin:5px 0 5px 10px; padding:0;}
#MainContent .contentInner ul li									{background:url(/images/bullets/main-red.jpg) no-repeat left 6px; list-style:none; line-height:16px; padding:0 0 0 15px; margin:0;}


/* ----- 7.0 Lefthand Navigation Start -----*/
#leftNavigation														{width:220px; float:left; overflow:hidden;}
#leftNavigation .header												{width:220px; height:40px;}
#leftNavigation ul													{background:#EFEFDE; margin:0; padding:0;}
#leftNavigation ul li												{list-style:none; padding:0; margin:0; border-top:1px solid #FFF; border-bottom:1px solid #E0E0CC;}
#leftNavigation ul li.first											{padding-top:3px; background:url(/images/rightside-navigation/round-top.jpg) no-repeat left top}
#leftNavigation ul li.last											{padding-bottom:3px; background:url(/images/rightside-navigation/footer.jpg) no-repeat left bottom}
#leftNavigation ul li a												{color:#666666; text-decoration:none; font-weight:normal; display:block; width:220px; height:24px; border:none; position:relative; cursor:pointer;}
#leftNavigation ul li a span										{position:absolute; top:6px; left:10px; padding-bottom:2px;}
#leftNavigation ul li a:hover span									{color:#CD183D; border-bottom:1px solid #E0B8B2;}
#leftNavigation ul li a.selected									{color:#B81636; cursor: auto}
#leftNavigation ul li a.selected:hover span							{color:#B81636; border:none;}
#leftNavigation ul li.last											{border-bottom:none;}
#leftNavigation ul li.first											{border-top:none;}
#leftNavigation h4													{padding:10px 5px;}

/* -----  8.0 Insurance Panels Start -----*/
#insurancePanels													{overflow:hidden; padding-bottom:5px; padding-top:5px; border-bottom:1px solid #E3E3E3;}
#insurancePanels .panel												{width:220px; float:left; overflow:hidden; padding:0 7px 0 8px; border-right:1px solid #F1F1F1;}
#insurancePanels .panel.first										{padding-left:6px;}
#insurancePanels .panel.last										{border-right:none; padding-right:0;}
#insurancePanels .display											{height:83px; width:220px}
#insurancePanels .display a											{display:block; height:83px; width:220px; border:none;}
#insurancePanels .display a.carInsurance							{background:url(/images/panelCarInsurance.jpg) no-repeat left top;}
#insurancePanels .display a.homeInsurance							{background:url(/images/panelHomeInsurance.jpg) no-repeat left top;}
#insurancePanels .display a.contentsInsurance						{background:url(/images/panelContentsInsurance.jpg) no-repeat left top;}
#insurancePanels .display a.travelInsurance							{background:url(/images/panelTravelInsurance.jpg) no-repeat left top;}
#insurancePanels .overview											{padding:5px 0 1px 0;}
#insurancePanels .overview a										{color:#003197; text-decoration:none; border-bottom:1px solid #BFD0F4;}
#insurancePanels .overview a:hover									{color:#CD183D; border-bottom:1px solid #EFDBDF;}
/*#insurancePanels .overview a:visited								{color:#001339; border-bottom:1px solid #CCD0D7;}*/

/* ----- 9.0 FinTel Insurance Panel Start -----*/
#FinTelInsurance													{padding:5px 0 5px 0; overflow:hidden; border-bottom:1px solid #E3E3E3;}	
#featurePanel														{width:460px; float:left; overflow:hidden; width:469px; border-right:1px solid #CCC;}
#featurePanel .header												{height:40px; border-bottom:1px solid #FFF;}
#featurePanel .header a												{display:block; width:460px; height:40px; background:url(/images/header_finteCarlInsurance.jpg) no-repeat left top;}
#featurePanel .header a span										{margin-left:-9999px;}
#featurePanel .overview												{background:#EFEFDE; height:204px; background:url(/images/featuredpanel/mainbackground.jpg) no-repeat left top; position:relative;}
#featurePanel .overview	.content									{position:absolute; width:230px; top:16px; right:20px;}	
#featurePanel .footer												{width:460px; height:7px; background:url(/images/featuredpanel/content_footer.jpg) no-repeat left top;}
#FinTelInsurance .content											{float:left; overflow:hidden; width:455px; padding-left:10px;}

/* ----- 10.0 Footer Start -----*/
#MainFooter															{padding-top:5px; color:#999999;}
#MainFooter .footerMainNav											{width:940px; height:32px; background:url(/images/footer/mainbackground.jpg) no-repeat left top; padding-top:9px;}
#MainFooter .footerMainNav ul										{margin:0; padding:0; width:850px; margin:0 auto;}
#MainFooter .footerMainNav ul li									{margin:0; padding:0 30px; list-style:none; display:inline; border-right:1px solid #FFF;}
#MainFooter .footerMainNav ul li.last								{margin:0; padding:0 30px; list-style:none; display:inline; border:none;}
#MainFooter .footerMainNav ul li a									{color:#FFFFFF; text-decoration:none; border:none; font-weight:normal;}
#MainFooter .footerMainNav ul li a:hover,
#MainFooter .footerMainNav ul li a.selected							{border-bottom:1px solid #EA4264;}

#MainFooter	.subFooter												{margin:0 auto; width:850px; color:#999999; padding-top:0px;}
#MainFooter	.subFooter li											{list-style:none; display:inline; padding:0 15px; border-right:1px solid #999;}
#MainFooter	.subFooter li.last										{border:none; padding-right:0;}
#MainFooter	.subFooter li strong									{color:#95122C;}
#MainFooter	p														{width:100%; text-align:center;padding-top:0px}

/* 11.0 Image Replacement - Inhance SEO */
.seo,
span.seo															{margin-left:-9999px;}

h1.textFinTelInsurance												{display:block; width:185px; height:27px; background:url(/images/header_FinTelInsurance.jpg) no-repeat left top; margin:0 0 10px 0;}
a.needAQuote														{display:block; width:428px; height:44px; background:url(/images/buttons/NeedAQuote.jpg) no-repeat left top; margin-top:5px; border:none;}
a.needAQuote:hover													{background:url(/images/buttons/NeedAQuote.jpg) no-repeat left -66px;}
a.BookMark															{display:block; width:220px; height:32px; background:url(/images/buttons/BookMark.jpg) no-repeat left top; border:none;}
a.BookMark:hover													{background:url(/images/buttons/BookMark.jpg) no-repeat left -68px;}
a.EmailAFriend														{display:block; width:220px; height:32px; background:url(/images/buttons/EmailAFriend.jpg) no-repeat left top; border:none;}
a.EmailAFriend:hover												{background:url(/images/buttons/EmailAFriend.jpg) no-repeat left -68px;}
h2#YourHouseYourCastle												{display:block; width:355px; height:28px; background:url(/images/text-becauseyourhouseisyourcastle.jpg) no-repeat left top;}
	
/* 12.0 Fundamentals Styles */
.bold {
	font-weight: bold;
}
.center {
	margin: auto;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear-both {
	clear: both;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.middle {
	vertical-align: middle;
}
.block {
	display: block;
}
.inline {
	display: inline;
}
.hide {
	display: none;
}
.uppercase {
	text-transform: uppercase;
}
.underline {
	text-decoration: underline;
}
.line-height {
	line-height: normal;
}
.border-zero {
	border: 0 none;
}

.margin10 {
	margin-top:10px;
}