/*import CSS files to create a page formatting baseline - these files should not require any edits */
@import url(fonts.css);
@import url(reset.css);

/* ##### BEGIN SUP HEADER STYLES ##### */

body{*padding-left:1px;} /* Fix background jog issue in IE */

/*Page Wrappers */
html, body, #siteWrapper{height:100%; }

.outerPageWrapper{
	margin:0 auto;
	background:#fff;
	overflow:hidden;
	position:relative;
}

/* Define the various page widths used across Cardomain and set their default background properties */

/* 934px page width (legacy pages) */
#legacy div.outerPageWrapper{width:958px;}
#legacy {background: #dcdcdc url(../images/bg_gradient_legacy.gif) center repeat-y;}
#legacy div#siteWrapper {background: url(../images/bg_pattern_legacy.gif) center repeat-y;}

/* 990px page width (SUP-ified pages) */
#sup div.outerPageWrapper{width:1014px; } 
#sup{background: #dcdcdc url(../images/bg_gradient_sup.gif) center repeat-y;}
#sup div#siteWrapper {background: url(../images/bg_pattern_sup.gif) center repeat-y;}

/* 1060px page width (Ride Page) */
#rpo div.outerPageWrapper{width:1088px;} 
#rpo{background: #dcdcdc url(../images/bg_gradient_rpo.gif) center repeat-y;}
#rpo div#siteWrapper {background: url(../images/bg_pattern_rpo.gif) center repeat-y;}


/* Global Styles */
a{color:#0066cc;}
a:hover{color:#fa8c00;}

/*buttons*/
.formSubmit_small{
color:#424242; 
background:#ececec; 
border:none; 
padding:1px 2px; 
*padding:0 4px 1px !important; 
width:auto; 
overflow:visible; 
font-family:arial;
border:1px solid #6f6f6f;}

.formSubmit_small:hover{color:#be4b00; background:#ffe2bd; border:1px solid #be4b00;}


#header{
	padding:0 12px;
	background:url(../images/bg_cf_header.gif);
	overflow:hidden;
	*display:inline-block;
}
#header div.logoSpace{
	float:left;
	margin:6px 12px 0 0;
}
#header div.navbar{
	overflow:hidden;
	background:#fc9819 url(../images/bg_orange_bar_top.gif) no-repeat top left;
	margin:10px 0;
	*display:inline-block;
}
#header div.navbar div.bottomCorners{
	background: url(../images/bg_orange_bar_bottom.gif) no-repeat bottom left;
	margin:-16px 0 0;
	height:16px;
}
#header div.navbar div.bottomCorners p{
background: url(../images/bg_orange_bar_bottom.gif) no-repeat bottom right;
margin:0 0 0 10px;
height:100%;
}
#header div.navbar ul{
padding:0 10px;
overflow:hidden;
margin-left:5px;
position:relative;
z-index:99;
*display:inline-block;
background: url(../images/bg_orange_bar_top.gif) no-repeat top right;
}

#header div.navbar li{
	float:left;
	font-size:116%;
	color:#fff;
	font-weight:bold;
	width:16.6%;
}
#header div.navbar li a{
	display:block;
	padding:4px 10px;
	float:left;
	color:#fff;
	text-decoration:none;
	*padding:3px 10px 4px;
	*display:inline-block;
}

#header div.navbar li.active span{
	background:url(../images/bg_active_nav_element2.gif) top right ;
	overflow:hidden;
	display:block;
	float:left;
	border-left:1px solid #ca750a;
	border-right:1px solid #ca750a;
	
}
#header div.navbar li.active a{
	background:url(../images/bg_active_nav_element.gif) top left  ;
	border-top:2px solid #d5d5d5;
	border-bottom:2px solid #afafaf;
	border-left:none !important;
	padding:2px 8px 2px 10px;
	margin-right:2px;
	*padding:1px 8px 2px 10px ; 
}
#header div.navbar li.active a:hover{
margin-right:-1px;
}

#header div.navbar li a:hover{
	background:#f3f3f3 url(../images/bg_hover_nav_element.gif) top repeat-x ;
	color:#1c1c1c;
	border-left:1px solid #ca750a;
	border-right:1px solid #ca750a;
	border-top:none;
	border-bottom:none;
	padding:4px 10px;
	*padding:3px 10px 4px;
}

/* SEARCH AREA */
#header div.searchArea{
	text-align:right;
	margin:-4px 0 6px;
	overflow:hidden;
}
#header div.searchArea div{
float:right;
width:32%;
}
#header div.searchArea div form td *{
font-size:85%;
}
.searchArea input.searchbox{
	border:1px solid #424242;
	padding:2px;
	width:100%;
	color:#6f6f6f;
	font-style:italic;
	font-family:arial;
}
.searchArea select{
	border:1px solid #424242;
	padding:1px;
}
.searchArea a.advSearch{
	color:#dcdcdc;
	font-size:85% !important;
}
.searchArea a.advSearch:hover{
	color:#fa8c00;
}
.searchArea table{
width:100%;
}
.searchArea table td.col2{
width:122px;
}
/* LOGIN POPUP BOX */
#loginPopUp{
	position:absolute;
	width:100%;
	border:1px solid #b4b4b4;
	background:#dcdcdc;
	padding:2px 0px 1px 6px;
	margin:-3px 0 0;
	color:#1c1c1c;
	width:93%;
	display:none;
	overflow:hidden;
	left:12px;
	*padding-top:0 !important;
}
#loginPopUp *{
	font-size:85%;
}
#loginPopUp input{
	margin:0 10px 0 0;
	font-family:arial;
}
#loginPopUp input.textfield{
	width:16%;
	padding:1px 0 0;
}
#loginPopUp a{
text-decoration:none;
}
#loginPopUp p{
	float:right;
	width:20px;
	text-align:center;
}
#loginPopUp p img{
	margin:5px 0 0;
	*margin-top:7px;
}
#loginPopUp input.formSubmit_small{
	margin-bottom:1px;
	*margin:1px 0 0;
}
/* SUB HEADER AREA */
#headerTier2{
	clear:both;
	background:#fff url(../images/header_tier2_endcap.gif) no-repeat top right;
	overflow:hidden;
	width:66%;
	margin:-22px 0 0;
	padding:5px 0 5px 12px;
	position:relative;

}
#headerTier2 p#memInfo{
	font-size:85%; 
	font-weight:bold;
	float:right;
	padding:0 28px 5px 15px;
	color:#1c1c1c;
}
#headerTier2 p#memInfo span{
	color:#b4b4b4;
}
#headerTier2 p.breadcrumbs{
	font-size:77%; 
	float:left;
	padding:4px 0 2px;
	color:#1c1c1c;
}

/* INNER PAGE WRAPPER */
.innerPageWrapper {
margin:2px 12px 6px; 
overflow:hidden; 
clear:both; 
}

/* FOOTER */
#footer{
	background:url(../images/bg_cf_header.gif);
	color:#b4b4b4;
	padding:6px 13px;
	font-size:85%;
	line-height:150%;
	text-align:center;
	margin-top: 163px;
	bottom: 10px;
	clear:left right;
}
#footer a{color:#fa8c00; padding: 0 5px;}
#footer a:hover{color:#dcdcdc;}
#footer p{margin:6px 0 0; color:#dcdcdc;}

/* MAINTENANCE PAGE */

#contentBG{
clear:inherit;
background-color:#FFFFFF;
width: 1014px;
height:500px;

}
#contentBGerror{
clear:inherit;
background-color:#FFFFFF;
width: 1014px;
height:300px;

}

#contentAreaTop{

	background-color:#FFFFFF;
width: 620px;
height: 100px;
margin-left: 202px;
margin-top: 50px;
}

.contentArea{
margin:30px auto 0; width:610px; overflow:hidden;
}

#contentAreaLeft {


float:left;


}
#contentAreaRight {


float:right;


}

#contentAreaBottom{

width: 700px;

margin-left: 202px;

}

/* ERROR CSS */

#contentAreaError{

	background-color:#FFFFFF;
width: 1000px;
height: 100px;
margin-left: 10px;
margin-top: 50px;
}
#errorBoxRed{
width: 990px;
height: 28px;
border: solid 1px #C41C1C;
background-color: #FECCCB;
}
#BoxFont{
text-align:center;
font-weight:bold;
color:#C41C1C;
padding-top:5px;
}
#errorImage{
	width:300px;
	height:100px;
	position:absolute;
padding-top:25px;
}
#errorText{
width: 430px;
margin: 0 50px 0 512px;
position: absolute;
padding-top:25px;

}
h6{
font-size:132%; 
color:#424242;
font-weight:bold;
}
#errorSpacer{

width: 430px;
height: 166px;

}
#errorSpacerShort{

width: 430px;
height: 134px;

}
#contentBGerror{
clear:inherit;
background-color:#FFFFFF;
width: 1014px;
height:340px;

}