/* ===============================================
Title:		Principality - Mortgage broker microsite
Author:		Gerard Hynes (UTLUK)
Version:	17 Mar 2006
Notes:		- System.css defines base/global screen styles (eg: text and links)
			- System.css defines system layout styles for screen (eg: header, footer, side menus, etc.)
			- All content styles which can be selected through the Immediacy editor should *only* be defined in Content.css
			- Each Immediacy template should have a seperate associated stylesheet with the same name. This stylesheet should
			  define styles specific to this template as well as overriding any global styles defined in System.css
			- Each stylesheet should have an associated print stylesheet that defines print layout and styling
			- Where possible preserve the cascade order
			- **PLEASE READ ABOVE**
Cascade order:
			- global text
			- global links
			- global forms
			- global misc
			- system layout
			- side menu
			- contact panel
			- login panel
			- breadcrumb
			- content
			- footer
Colors:
			- #FF0500 / principality red
			- #D1E2EC / light blue
			- #EEEEDD / stone
=============================================== */

/* global text
=============================================== */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* global links
=============================================== */

/* correct cascading ordering */

a:link {
	color: #FF0500;
}

a:visited {
	color: #FF0500;
}

a:hover {
	color: #000000;
}

a:active {
	color: #FF0500;
}

/* global forms
=============================================== */

form {
	margin: 0;
	padding: 0;
}

/* global misc
=============================================== */

acronym {
	cursor: help;
}

.clearer {
	clear: both;
	height: 0px;
	line-height: 0px;
	clear: both;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.hidden {
	display: none;
	position: absolute;
	left: -9999px;
	font-size: small;
}

a.flag,
.flag a{
background: url(../../../../images/background-button.gif) no-repeat center right;
background-color: none;
padding: 4px 16px 4px 0px;
}


/* system layout
=============================================== */

body {
	margin: 0;
	text-align: center;
}

/* accessibility links */

#accessibilityLinks {
	display: none;
	position: absolute;
	left: -9999px;
	font-size: small;
}

/* page (centered layout) */

#page {
	width: 765px;
	/* set margins to auto to center page */
	margin-left: auto;
	margin-right: auto;
	/* stop centering of text */
	text-align: left;
}

/* header */

#header {
	background: url(../../../../images/system/background_header_stripe.gif) no-repeat top left;
	height: 105px;
}
#header p{
	background: url(../../../../images/telephone.gif) no-repeat top right;
	text-indent: -9999px;
	margin: -38px 15px 0 0;
}

#brokerPointLogo {
	margin: 10px 0 0 5px;
	border: none;
}

/* side panel (contains side menu) */

#sidePanel {
	float: left;
	width: 175px;
}

/* main panel (contains content) */

#mainPanel {
	float: left;
	width: 570px;
	font-size: 80%;
	margin-left: 5px;
	padding-left: 7px;
}
#mainPanelHome {
	float: left;
	width: 570px;
	font-size: 80%;
	margin-left: 5px;
	padding-left: 12px;
}

/* bottom divider */

#bottomContentDivider {
	height: 20px;
	clear: both;
}

#bottomContentDivider hr {
	display: none;
}

/* footer */

#footer {
	clear: both;
}

/* side menu
=============================================== */

ul#sideMenu {
	margin: 0 0 30px 0;
	padding: 0;
}

ul#sideMenu li.level0, 
ul#sideMenu li.level0Selected {
	margin: 4px 0 4px 11px;
	list-style: none;
}

ul#sideMenu li.level1, 
ul#sideMenu li.level1Selected {
	margin: 4px 0 4px 40px;
	list-style-image: url(../../../../images/system/bullet_pointer_red.gif);
}

ul#sideMenu a:link,
ul#sideMenu a:visited {
	font-size: 80%;
	text-decoration: none;
}

li.level0Selected a:link,
li.level0Selected a:visited,
li.level1Selected a:link,
li.level1Selected a:visited {
	color: #000000;
}

ul#sideMenu a:hover {
	text-decoration: underline;
}

/* contact panel
=============================================== */

#contactPanel {
	width: 163px;
	padding: 5px 0 25px 0;
	margin: 20px 0 20px 10px;
	background: url(../../../../images/system/background_mobile_blue.gif) no-repeat bottom right #D0E3EE;
	text-align: left!important;
}

#contactPanel h2 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 90%;
	color: #000000;
	padding: 0 0 0 5px;
	margin: 0 0 0 0;
} 

#contactPanel .contactText {
	color: #000000;
	font-size: 80%;
	font-weight: normal;
	padding: 0 0 0 5px;
}

#contactPanel .phoneNumber {
	background: url(../../../../images/system/icon_phone_small.gif) no-repeat;
	color: #000000;
	font-size: 80%;
	margin: 10px 0 0 5px;
	padding: 0 0 0 20px;
} 

/* login panel
=============================================== */

#loginPanel {
	width: 173px;
	padding: 5px 0 50px 0;
	margin: 20px 0 20px 10px;
	background: url(../../../../images/system/background_brokerpoint_stone.gif) no-repeat bottom right #EEEEDD;
} 

#loginPanel h2 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 90%;
	color: #000000;
	padding: 0 0 0 5px;
} 

#loginPanel ul {
	margin: 10px 0 0 30px;
	padding: 0;
	list-style-image: url(../../../../images/system/bullet_pointer_red.gif);
} 

#loginPanel a:link,
#loginPanel a:visited {
	color: #FF0500;
	font-size: 80%;
	text-decoration: none;
}

#loginPanel a:hover {
	color: #000000;
	text-decoration: underline;
}

/* breadcrumb
=============================================== */

#breadcrumb {
	margin: 0 0 5px 0;
	font-size: 90%;
	cursor: default;
}

#breadcrumb .label {
	display: none;
}

#breadcrumb .divider {
	color: #FF0500;
}

#breadcrumb a:link,
#breadcrumb a:visited {
	text-decoration: none;
}

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

#breadcrumb .dividerLast {
	color: #000000;
}

#breadcrumb .breadcrumbItemLast {
	color: #000000;
}

/* image divider styles */

#breadcrumb .divider {
	display: none;
}

#breadcrumb a:link,
#breadcrumb a:visited {
	text-decoration: none;
	padding: 0 0 0 15px;
	background-image: url(../../../../images/system/bullet_pointer_red.gif);
	background-repeat: no-repeat;
	background-position: 0% 40%;
}

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

#breadcrumb .dividerLast {
	display: none;
}

#breadcrumb .breadcrumbItemLast {
	padding: 0 0 0 15px;
	background-image: url(../../../../images/system/bullet_pointer_red.gif);
	background-repeat: no-repeat;
	background-position: 0% 40%;
}

/* content
=============================================== */

#content {
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #EEEEDD;
}

#content ul {
	margin: 0;
	padding: 0;
}

#content li {
	margin: 4px 0 4px 30px;
	list-style-image: url(../../../../images/system/bullet_pointer_red.gif);
}

/* footer
=============================================== */

#footer .legalWarning {
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0;
	padding: 0;
}

#footer .legalLinks {
	font-size: 80%;
	margin: 5px 0;
	padding: 0;
}

#footer .legalText {
	font-size: 80%;
	margin: 5px 0;
	padding: 0;
}