/* Buff OneCard Global Styles */

/**********************************************************/
/*  This document contains layout, navigation and masthead
	styles.
/**********************************************************/

.outter {
	background:url(bg_content2.jpg) repeat-x #fff !important;
}

/*  HACK for IE 6  */
.colWrap {
margin-right:-15px;
}
html>body .colWrap {
margin:auto !important;
}
/*  end HACK for IE 6  */
#contentBlock{
	float:left; 
	width:370px;
	margin:10px 4px 4px 5px;
}

#buffOneLogin label{
	display:block;
	width: 250px;
}
#buffOneLogin input{
	margin-bottom:20px;
}

#subContent{
	float:right;	
	width:180px;
	margin-top:10px;
	margin:0 10px 0 0;
}

#navcontainer{
	float:left; 
	clear:left;
	width:175px;
	margin:15px 0 0 5px;
	clear:left;
}

#mainBannerImg{
	display: none;
}
#accountLogin{
	position:absolute;
	background:#CCCCCC;
	top:0px;
	left:572px;
	border-left:1px solid black;
	display:none;
	height:10.92em;
}
#accountLogin fieldset{
	border:none;
}
#accountLogin input{
	margin:2px 0 0 3px;
}

#accountLogin  a{
	color:#fff;
	padding:3px;
	margin:0px 0px 5px 35px;
}
#accountLogin a:hover{
	color:#fff;
	border:1px solid #fff;
	padding:2px;
	text-decoration:none;
}
.subConBlock{
 	width:175px;
	background: url(bg_subContent.jpg) repeat-x;
	padding:5px;
	margin:0 5px 0 0;
}

#homeBannerCon{
	position:relative;
	clear:both;
	background:url(bg_banner.jpg) no-repeat #FFFFFF; 
	width:768px;
}
#homeBannerCon {height:30px; min-height:30px;}
/*  Miles Homepage Editions */
#marketgfx{
	float:left;
	height:146px;
	width:152px;
	margin:40px 0px 0px 5px;
}
#marketgfx span{
	position: absolute;
	background:url(how_use_card.jpg) no-repeat;
	height:146px;
	width:152px;
}
#marketflash{
	position: relative;
	float:none !important;
	float:right;
	height:168px;
	width:405px;
}
#marketingLinks {
	float:right;
	height:168px;
	width:405px;
}

/*  login block */

#siteTitle {display: none;}
/*  Global navigation
*/
#globalNavContainer {
	position:relative;

	background-color:#000;
	height:30px;
	width:768px;
	margin:0px;
	padding:0px;
	z-index:10;
}

#globalNavContainer {top:0 !important; margin:0; padding:0;}
#globalNavContainer ul{
	list-style:none;
	margin:0px;
	padding:0px;
	padding-left:5px;

}
#globalNavContainer ul li{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
#globalNavContainer #gnav1{
	width:4.15em;
}
#globalNavContainer #gnav2{
	width:7.7em;
}
#globalNavContainer #gnav3{
	width:6.5em;
}
#globalNavContainer #gnav4{
	width:7.9em;
}
#globalNavContainer #gnav5{
	width:4em;
}
#globalNavContainer #gnav6{
	width:4.5em;
}

#globalNavContainer ul li a{
	display:block;
	height:25px;
	width:auto;
	color:#efefef;
	padding:5px 10px 0px 10px;
	text-decoration:none;
	font: bold .9em Arial, Helvetica, sans-serif ;
	letter-spacing: .07em;
	background: #000;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
#globalNavContainer ul li a:hover{
	text-decoration:none;
	padding:5px 10px -5px 10px;
	margin-bottom: -6px; /* fix for opera */
	background:url(bg_prim_nav_on.gif) no-repeat bottom center #333;
	border-bottom: 6px solid #FFCC00;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
#globalNavContainer ul li a.here{
	text-decoration:none;
	padding:5px 10px -5px 10px;
	background:url(bg_prim_nav_on.gif) no-repeat bottom center #333;
	border-bottom: 6px solid #FFCC00;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	color:#fff;
}
/*  HACKS FOR IE6 */
#globalNavContainer ul li a:hover{
	text-decoration:none;
	padding:5px 10px -5px 10px;
	margin-bottom: -6px; /* fix for opera */
	background:url(bg_prim_nav_on.gif) no-repeat bottom center #333;
	border-bottom: 6px solid #FFCC00;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
/*  end HACKS FOR IE6 */


/********************  Login link  ****************/
#globalNavContainer ul li.loginLnk a, li.loginLnk a,#globalNavContainer ul li.loginLnk a:hover, li.loginLnk a:hover{
	display:block;
	color:#000;
	width: 5.5em;
	padding:2px 0 3px 0;
	margin:.5em 0 0 180px;
	height:auto;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	background: url() #FFCC33;
	background-image: none;
	background-color:#FFCC33;
	vertical-align:center;
	text-align:center;
	border:none;
	text-decoration:none;
}
#globalNavContainer ul li.loginLnk a:hover, li.loginLnk a:hover{
	background-image:none;
	background-color:#CCFF00;
}

/********************  Button Nav  ****************/
#btnNav {
	list-style:none;
	margin:10px 0;
	padding:10px 0 0 5px;
	background: url(bg_btns.jpg) no-repeat;
}
#btnNav li{
	display:block;
	width:164px;
	height: 40px;
	padding:5px;
}
#btnNav li a{
	display:block;
	width:144px;
	height: 20px;
	background: url(bgs_btn.gif) no-repeat;
	font: 18px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	padding:10px;
	margin:0;
}
#btnNav li a:hover {
	color:#6C3600;
	background: url(bgs_btn.gif) -164px 0px no-repeat;
}
#btnNav li a.btn2 {
	color:#000;
	background: url(bgs_btn.gif) -328px 0px no-repeat;
}
#btnNav li a.btn2:hover {
	color:#6C3600;
	background: url(bgs_btn.gif) -492px 0px no-repeat;
}
/*************  subnav class  ***************/

#navcontainer
{
margin-bottom: 1em;
margin-top: .8em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #333;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin-left: 0;
padding: 0;
border: none;
}

#navcontainer #navlist
{
	margin-top:.4em;
}

#navcontainer li
{
border-bottom: 1px solid #f7efd7;
margin: 0;
	width:175px;
}
html>body #navcontainer li{
	width:100%;
}
#navcontainer li a
{
display: block;
padding: 5px 5px 5px 5px;
border-left: 5px solid #bab7b0;
border-right: 5px solid #b4b0aa;
background-color: #bab7b1;
color: #fff;
text-decoration: none;
height:1.65em;
}

html>body #navcontainer li a { width: auto; height:auto; }
#navcontainer li .active
{
border-left: 5px solid #d4a928;
border-right: 5px solid #ce9c08;
background-color: #f7efd6;
color: #333;
}
#navcontainer li a:hover
{
border-left: 5px solid #d4a928;
border-right: 5px solid #ce9c08;
background-color: #f7efd6;
color: #333;
}

#navcontainer li li
{
border-top: 1px solid #f7efd7;
border-bottom: 0;
margin: 0;
width:12.18em;
/* height:1.65em; */
}

#navcontainer li li a
{
display: block;
padding: 5px 5px 5px 20px;
border-left: 5px solid #ecd9a1;
border-right: 5px solid #e6ce84;
background-color:#838383;
color: #fff;
text-decoration: none;
	width:140px;
height:1.65em;
}
html>body #navcontainer li li a {
	width:auto;
}
/*************  general class  ***************/
.hiddenbreak {
	clear: both;
	visibility: hidden;
}
.rfloat{
	float:left;
}
.hideme{
	display:block;
	position:absolute;
	left:-999px;
}