/* 

CBA Car Finance - Main Stylesheet
=============================================
Document: style.css
Project: CBA Car Finance
Creator: Joshua Oliver - BMF Advertising
Date: 22 April 2008
=============================================
Revision: 1.0

*/

/* basic elements */

* {
	margin:0;
	padding:0;
}

body{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #e5e5e5;
}
a{
	text-decoration:none;
	
}
 
#textheight a
{
color:#000000;
text-decoration:underline;
}
#textheight a:hover
{
	text-decoration:none;
}

img{
	border:0;
}
/* accessibility hide */
#accessibility, .hide, hr {
    display: none;

}


/* page layout */

#container {
	width: 980px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header
{
	height:51px;
}


#header h1
{
	float: left;
	font-size: 14px;
	color: #000000;
	line-height: 51px;
	background-image: url(images/cba_logo.gif);
}

#header h1 a
{
	text-indent:-9999px;
	height:51px;
	width:186px;
	display:block;
}

#header ul
{
	float:right;
	text-transform:lowercase;
	list-style-type:none;
	padding: 0;
	margin-top: 20px;
}

#header ul li
{
	float: left;
	display: inline;
	padding: 0px 4px 0px 5px;
	border-right: 1px solid #ffcc00;
}

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

#header ul li a
{
	font-size: 10px;
	color:#000000;
	display: block;
}



 #mainContent {
	padding: 0;
	background-image: url(images/main_background_repeat.jpg);
	background-repeat: repeat-x;
	background-color: #6a767a;
}

 #mainContent p {
	padding: 6px 20px;
	background-color: #ECEDEE;
	width: 671px;
	font-size: 11px;
}

 #mainContent h4 {
	padding: 6px 20px;
	background-color: #ECEDEE;
	width: 671px;
	font-size: 12px;
}


#footer ul
{
	list-style-type:none;
	padding: 12px 0 11px 0;
	display: block;
	height: 30px;
}

#footer ul li
{
	float:left;
	font-size: 11px;
	padding: 0 4px 0 5px;
	border-right: 1px solid #ffcc00;
}

#footer ul li a
{
	color:#000000;
}


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

#footer p
{
	clear:both;
	color: #666;
	font-size: 10px;
	padding: 5px 5px;
}

.home #footer #logo
{
height:70px;
}

#headercontent
{
	background-image:url(images/content_header_background.jpg);
	height:180px;
	background-repeat: no-repeat;
	background-position: top right;
}

#headercontent h2
{
	background-image:url(images/header_copy.gif);
	height:34px;
	width:594px;
	color: #666;
	font-weight: normal;
	padding-top: 30px;
	padding-left: 30px;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}

#mainmenu
{
	list-style:none;
	margin-top: 64px;
	margin-left: 14px;
}

#mainmenu li 
{
	float:left;
	}
#mainmenu li a
{
	background-image:url(images/business_car_finance.gif);
	width:195px;
	height:47px;
	display:block;
	text-indent: -9999px;
}

#mainmenu li.personal a
{
background-image:url(images/personal_car_finance.gif);
}
#mainmenu li.personal a:hover, #mainmenu li.personal a.active
{
background-image:url(images/personal_car_finance_hover.gif);
}

#mainmenu li.business a
{
background-image:url(images/business_car_finance.gif);
}

#mainmenu li.business a:hover, #mainmenu li.business a.active
{
background-image:url(images/business_car_finance_hover.gif);
}


#topmenu
{
	list-style-type:none;
	padding: 31px 0 5px 0px;
	display: block;
	height: 12px;
	margin-left: 30px;
}

#topmenu li
{
	float:left;
	font-size: 10px;
	padding: 0 15px 0 15px;
	border-right: 1px solid #000;
}

#topmenu li a
{
	color:#000000;
}

#topmenu li a:hover,#topmenu li a.active
{
	color:#666666;
}

#topmenu li.last
{
border-right:0;
}

#text
{
	margin:0 17px;
}


#text h3
{
	background-image:url(images/personal_header.gif);
	height:39px;
	display: block;
	font-size: 18px;
	font-weight: normal;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#text h3.business
{
	background-image:url(images/business_header.gif)
}


#text h3.insurance
{
	background-image:url(images/car_headercopy.gif);
}


#text h3.glossary
{
	background-image:url(images/glossary_header.gif);
}


#text h3.green
{
	background-image:url(images/greener_car_header.gif);
}

#text h3
{
background-image:url(images/personal_header.gif);
}

#sidebar
{
	width:232px;
	float:right;
	margin-right: 3px;
}


#sidebar ul 
{
	list-style:none;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 6px;
	display: block;
	padding-left: 0px;
}

#sidebar ul.sub
{
	width:234px;
	padding-bottom: 0px;
	border-left: 1px solid #7c8587;
	margin-top: 5px;
	background: none;
}

#sidebar  li
{
	width:232px;
	height:36px;
	background-repeat: no-repeat;
}


#sidebar  ul.sub li
{
	width:234px;
	height:37px;
	background: none;
}


#sidebar  li.final
{
	background-image:url(images/right_menu_bg_bottom.gif);
}

#sidebar  li a:hover,#sidebar  li a.active
{
background-image:url(images/right_menu_bg_over.gif);
color:#FFFFFF;
}
#sidebar  li a
{
	display: block;
	font-size: 12px;
	color: #000000;
	padding: 10px 0 10px 17px;
	font-weight: 700;
	background-image: url(images/right_menu_bg.gif);
	background-repeat: no-repeat;
	background-position: -2px 0px;
}

#sidebar ul.sub li a
{
	display: block;
	font-size: 12px;
	color: #000000;
	padding: 10px 0 10px 20px;
	font-weight: 700;
	background-image: url(images/right_menu_bg_sub.gif);
	background-position: 6px 1px;
}

#sidebar ul.sub li a:hover
{

background-image:url(images/right_menu_bg_sub_over.gif);
}

#sidebar ul.sub li.tile 
{
	width:229px;
	height:101px;
	background: none;
}


#textheight
{
	min-height:430px;
	height:auto !important;
	height:430px;
	background-image: url(images/text_bg_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 711px;
	float: left;
	background-color: #ECEDEE;
	padding-bottom: 50px;
}

#footer {

clear:both;
}

#footer #logo
{
	background-color:#FFF;
	height:77px;
	background-image: url(images/cba_logo_white_bg.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#footerabove
{
height:31px;
display:block;
clear:both;
border:0;
background:none;
}


#textheight ul

{
	font-size:11px;
	background-color: #ECEDEE;
	padding-left: 30px;
}


.full #sidebar
{
display:none;
margin-right:2px;
}

.full textcontent
{

margin-right:2px;
}

.full #textheight
{
	width:943px;
	background-color:#ECEDEE;
}

.full #textheight p,.full #textheight h4,.full #textheight ul
{
	width:903px;
}