﻿body {
    background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

a
{
	outline:none;
}

form, h1, h2, h3, h4, select {
	margin:0;
	padding:0;
}

p {
	margin-top: 0px;
	margin-bottom: 15px;
}

.printOnly {
	display: none;
}

.clearFloat{
	clear: both;
}

.clearTextStyle{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;	
}

#mainContainer {
	width: 985px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 0px;
}

#mainContainer #header {
	position: relative;
	height: 180px;
	background:url('../images/interface/top.png') no-repeat 98% 13%;
	
}

#mainContainer #header img{
	display:none;

}


/* ********* logo ************* */
#mainContainer #header #logo {
	position: absolute;
	left: 10px;
	top: 17px;
}

#mainContainer #header #logo h1{
	margin-top: 0px;
}

#mainContainer #header #logo a {
	display:block;
	cursor:pointer;
	width:124px;
	height:64px;
	background-image: url(../images/interface/raa_logo_2010.gif);
	background-repeat: no-repeat;
	
}
#mainContainer #header #logo span {
	display: none;
}

/* ********* breadcrumbs penfold ************* */
#mainContainer #header #breadcrumbs {
	background-image: url(../images/interface/breadcrumbs.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 24px;
	top: 145px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
}

#mainContainer #header #breadcrumbs a {
	text-decoration: none;
	color: #000000;
}

#mainContainer #header #breadcrumbs a:hover {
	text-decoration: underline;
	color: #000000;
}

#mainContainer #header #breadcrumbs p {
	margin: 0px;
	padding-left: 20px;
}

/* *********** Search *********** */
#mainContainer #header #search .searchbox {
	font-size: 12px;
	color: #999999;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width:150px;
	height:17px;
	border:0px;
}

#mainContainer #header #search .submit {
	float: left;
	/*/padding-left: 5px;*/
	display:block;
}

#mainContainer #header #search label {
	font-size: 12px;
	color: #6b6b6b;
	float: left;
	padding-top: 2px;
	padding-right: 5px;
}

#mainContainer #header #search {
	position: absolute;
	right: 152px;
	top: 37px;
	height: 37px;
	width:230px;
}

/* *********** Members *********** */
#mainContainer #header #members {
	position: absolute;
	right: 31px;
	top: 37px;
	font-size: 10px;
}

#mainContainer #header #members .memberAccess span {
	display: none;
}

#mainContainer #header #members a.memberAccess {
	background: url('../images/interface/member_access_2010.gif') no-repeat;
	height: 17px;
	width: 119px;
	display: block;
	float:right;
}

#mainContainer #header #members p, #mainContainer #header #members h2 {
	margin: 0px 0 4px 0;
	padding: 0px;
}

#mainContainer #header #members a {
	font-size: 10px;
	color: #6b6b6b;
}

#mainContainer #header #members a:hover {
	color: #000000;
	text-decoration: none;
}

#mainContainer #header #members p {
	display:block;
	white-space:nowrap;
	clear:both;	
	padding:7px 0 0 0;
	text-align:right;
}

/* *********** Navigation *********** */
#mainContainer #header #navigation {
	height: 50px;
	width: 100%;
	position: absolute;
	top: 100px;
	margin: 0px;
	padding: 0px;
	display:block;
	float:left;
	height:40px;	
}

#mainContainer	#header #navigation li
{
	float:left;
	display:block;
	height:40px;
	position:relative;
}

#mainContainer	#header #navigation li a
{
	display:block;
	height: 40px;
}

#mainContainer #header #navigation  span {
	display: none;
}

#mainContainer #header #navigation a.home {
	background: url(../images/nav/nav_1.gif) top;
	width: 112px;
}

#mainContainer #header #navigation a:hover.home, #mainContainer #header #navigation a.homeon  {
	background: url(../images/nav/nav_1.gif) bottom;
	width: 112px;
}

#mainContainer #header #navigation a.membership {
	background: url(../images/nav/nav_2.gif) top;
	width: 108px;
}

#mainContainer #header #navigation a:hover.membership, #mainContainer #header #navigation a.membershipon  {
	background: url(../images/nav/nav_2.gif) bottom;
	width: 108px;
}

#mainContainer #header #navigation a.travel {
	background: url(../images/nav/nav_3.gif) top;
	width: 108px;
}

#mainContainer #header #navigation a:hover.travel, #mainContainer #header #navigation a.travelon  {
	background: url(../images/nav/nav_3.gif) bottom;
	width: 108px;
}

#mainContainer #header #navigation a.insurance {
	background: url(../images/nav/nav_4.gif) top;
	width: 108px;
}

#mainContainer #header #navigation a:hover.insurance, #mainContainer #header #navigation a.insuranceon  {
	background: url(../images/nav/nav_4.gif) bottom;
	width: 108px;
}

#mainContainer #header #navigation a.motoring {
	background: url(../images/nav/nav_5.gif) top;
	width: 108px;
}

#mainContainer #header #navigation a:hover.motoring, #mainContainer #header #navigation a.motoringon  {
	background: url(../images/nav/nav_5.gif) bottom;
	width: 108px;
}

#mainContainer #header #navigation a.security {
	background: url(../images/nav/nav_6.gif) top;
	width: 108px;
}

#mainContainer #header #navigation a:hover.security, #mainContainer #header #navigation a.securityon  {
	background: url(../images/nav/nav_6.gif) bottom;
	width: 108px;
}

#mainContainer #header #navigation a.shop {
	background: url(../images/nav/nav_7.gif) top;
	width: 108px;
}

#mainContainer #header #navigation a:hover.shop, #mainContainer #header #navigation a.shopon  {
	background: url(../images/nav/nav_7.gif) bottom;
	width: 108px;
}

#mainContainer #header #navigation a.roadsafety {
	background: url(../images/nav/nav_8.gif) top;
	width: 108px;
}

#mainContainer #header #navigation a:hover.roadsafety, #mainContainer #header #navigation a.roadsafetyon  {
	background: url(../images/nav/nav_8.gif) bottom;
	width: 108px;
}

#mainContainer #header #navigation a.community {
	background: url(../images/nav/nav_9.gif) top;
	height: 40px;
	width: 117px;
}

#mainContainer #header #navigation a:hover.community, #mainContainer #header #navigation a.communityon  {
	background: url(../images/nav/nav_9.gif) bottom;
	width: 117px;
}
	
#mainContainer #header #navigation hr {
	display: none;
}

/* ********* footer ************* */
#mainContainer #footer 
{
	width:980px;
	height:251px;
	background: url(../images/interface/footer.png) no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;
}

#mainContainer #footer h5
{
	font-size:14px;
	font-weight:bold;
	background: url(../images/interface/logo_footer.gif) no-repeat;
	padding:20px 0 0 85px;
	float:left;
	display:block;	
	height:40px;
	margin:20px 0 0 15px;
}

#mainContainer #footer h5 span
{
	font-weight:normal;
	padding:0px 0 0 20px;
}

#mainContainer #footer .leftspace
{
	margin:0 0 0 85px;
	_margin:0;
}

#mainContainer #footer .footer_info
{
	float:left;
	display:block;	
	height:135px;
	width:196px;
	border-right:1px solid #d1d1d2;
	padding:5px 0 0 15px;
	line-height: 1.8;
}

#mainContainer #footer .footer_info ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#mainContainer #footer .footer_info a
{
	color:#484848;
	text-decoration:none;
}

#mainContainer #footer .footer_info a:hover
{
	text-decoration:underline;
}

#mainContainer #footer .footer_subscribe
{
	float:left;
	display:block;	
	height:135px;
	width:205px;/*196px;*/
	padding:5px 0 0 15px;
	line-height: 1.8;
	_padding:0;
	_width:180px;
}

#mainContainer #footer #home_subscribe_email
{
	border:1px solid #D1D1D1;
	color:#999999;
	font-size:12px;	
	height:17px;
	margin:8px 0;
	padding:0;
	float:left;
	display:block;	
	width:160px;
}

#mainContainer #footer #home_subscribe_btn
{
	padding-left:5px;	
	float:left;
	display:block;
	margin:8px 0;		
}

#mainContainer #footer .sharethispage
{
	margin-bottom:8px;
	display:block;		
}

/*USED BY THE JQUERY FLASH PLUGIN*/
.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}

/*LEFT NAV*/
#mainContainer #contentArea #leftNav {
	float:left;
	width:195px;
	position:relative;
	margin:10px 0 40px 10px;
	_margin:0;
	_width:180px;
}

#mainContainer #contentArea #leftNav hr {
	display: none;
}

#mainContainer #contentArea #leftNav .secNav ul 
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:176px;
}

#mainContainer #contentArea #leftNav .secNav li {
	background:url(../images/leftmenu/line_fade.gif) no-repeat bottom;
}

#mainContainer #contentArea #leftNav .secNav a {
	color:#4a4a4a;
	display:block;
	padding: 7px 0 9px 10px;
	text-decoration:none;
	font-size:13px;
	outline:none;
}

#mainContainer #contentArea #leftNav .secNav a:hover {
	background:url(../images/leftmenu/link_bg.png) no-repeat;
}

#mainContainer #contentArea #leftNav .secNav ul li ul
{
	border-bottom:1px solid #d1d1d2;
	border-left:1px solid #d1d1d2;
	border-right:1px solid #d1d1d2;
	margin:0;
	padding:0 0 10px 0;
	list-style-type:none;
	width:173px;
}

#mainContainer #contentArea #leftNav .secNav ul li ul li
{
	background:white;
	margin: 0px 0 5px 10px;
}

#mainContainer #contentArea #leftNav .secNav ul li ul li a
{
	padding: 5px 0 0px 10px;
	font-size:12px;
}

#mainContainer #contentArea #leftNav .secNav ul li ul li a:hover, #mainContainer #contentArea #leftNav .secNav ul li ul li a.tertiary
{
	background:url(../images/leftmenu/arrow.gif) no-repeat 0 70%;	
}

/*Email and Locate Branch*/

#mainContainer #contentArea #leftNav .secNav li.contactlink, #mainContainer #contentArea #leftNav .secNav li.locateoffice{
	background-image: none;
}

#mainContainer #contentArea #leftNav .secNav li.contactlink  a{
	background-image: url(../images/interface/email_consultant.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 12px;
	margin-top:20px;
}


#mainContainer #contentArea #leftNav .secNav li.locateoffice  a{
	background-image: url(../images/interface/locate_branch.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 12px;
	margin-top:20px;
}




/*CONTENT AREA*/
#mainContainer #contentArea #content_home
{
	position:relative;
	float:left;
	width:764px;
	padding:0;
	margin:0 0 0 8px;	
}

#mainContainer #contentArea #content
{
	position:relative;
	float:left;
	width:774px;
	padding:0;
	margin:0;
}

#mainContainer #contentArea #content a {
	color:#000000;
}

#mainContainer #contentArea #content a:hover {
	text-decoration:none;
}

/*FORM*/


.form{
	width:500px;
}

.form table .indent{
	padding-left: 15px;
}

.form .header{
	height: 69px;
 	background-image: url(../images/level3/form_top.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	border-bottom: 1px solid #d1d1d1;

}
.form .header h3{
	padding-top: 18px;
	margin-bottom: 0px;
}

.form label.error{
	color:#990000;
	font-style: italic;	
	display:inline-block;
}


.form .row label{
	color:#484848;
}

.form .error{
	color:#990000;
	font-style: italic;	
	display:inline-block;
}

.form label.newline{
	display: block;
}

select.error,  input.error[type="text"], input.error[type="password"],textarea.error
{
	border:1px #990000 solid!important;
}



.form .row{
	border: 1px;
	border-color: #d1d1d1;
	border-style:solid;
	background-image: url(../images/levels_shared/td.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #ffffff;	
	padding: 10px 15px;
	border-top: 0px none;
}

.form .subheader
{
	padding-top: 7px;
	padding-bottom: 2px;	
	padding-left: 15px;
	border-left: 1px #d1d1d1 solid;
	border-right: 1px #d1d1d1 solid;	
	border-bottom: 1px solid #d1d1d1;	
	height: 21px;
 	background: url(../images/form/heading_h4.png) repeat-x;
}

.form .subheader h4{
	padding-top: 0px;
	margin-bottom: 0px;
	font-size:14px;
	font-weight:bold;
}

.form .heading{
	background-image: url(../images/levels_shared/th.png);
	font-size: 14px;
	font-weight: bold;
}

.form .heading p{
	padding-top: 0px;
	margin-bottom: 0px;
}

.form .heading h3{
	padding-top: 0px;
	margin-bottom: 0px;
}

.form .top{
	border-top: 1px solid #d1d1d1;
}

.form .end{
	border-bottom: 2px solid #d1d1d1;
	margin-bottom: 10px;
}

.form .smallbutton{
	color: #000000;
	border: none;
	background-color: #ffffff;
	background-image:url(../images/levels_shared/button_short.png);
	background-repeat: no-repeat;
	width: 119px;
	height: 25px;
	text-align: left;
	padding-left: 10px;
	padding-top: 0px;
	background-position: 0px 0px;
}

.form .largebutton{
	color: #000000;
	border: none;
	background-color: #ffffff;
	background-image:url(../images/levels_shared/button_long.png);
	background-repeat: no-repeat;
	width: 177px;
	height: 27px;
	text-align: left;
	padding-left: 10px;
	padding-top: 0px;
	background-position: 0px 1px;
}


.form .row span{
	clear: both;
	display:block;
}





.form .row .frmButton  A:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../../images/interface/yellow_buttons_.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 20px;
} 

.form .row span.frmButtonRED{
	display: inline;
	clear: none !important;
}

span.frmButtonRED  a{
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-image: url(../../images/menubgYl.gif);
	background-repeat: repeat-x;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	text-decoration: none;
	line-height: 20px;
}  




span.frmButtonRED  a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../../images/menubgBUTTON.gif);
	background-repeat: repeat-x;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	text-decoration: none;
	color: #000000;
	line-height: 20px;
} 



/*-------------------------
SearchEngin
*/
#pagination_container ul#pagination {
	margin: 0px;
	padding: 0px;
}

#pagination_container #pagination li{
	float: left;
	padding: 0px;
	margin: 0px;
	padding-right: 10px;
	list-style:none;
}


#alertSite{
	font-size: 10px;
	color: #666666;
	text-transform: uppercase;
	text-align: center;	
	margin-bottom: 10px;
	line-height: 10px;
}