/* GM Card background image URLS must be fully  from the htroot as they are handled differently between browsers*/


body {background-color: #dadada; background-image: url(/images/gmcard/2009/common/card_bg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center top;}

div#nameplate { background-color: #0B3D91; color: #FFFFFF; }

#bodyContainer {	
	margin: 0 auto;
}

/* Page */

#page {
	width: 939px;
	margin: 0 auto;
}

/* Content */

div#mainVisualArea {
	background: #fafafa;
	margin: 0 auto;
	margin-top: 5px;
	width: 986px;
	
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	color: #000;
}

div#mainVisualAreaOverview {
	background: #fafafa;
	margin: 0 auto;
	margin-top: 5px;
	width: 988px;
	
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	color: #000;
}

.bodyContent {
	position:relative;
	overflow: hidden;
	background: #fafafa;
	margin: 0 auto;
	
	width: 986px;
	
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	color: #000;
}

.NewBodyContent {
	
	
	width: 700px;
	background: #fafafa;
	padding: 0 0 0 140px;
	padding-bottom: 70px;
}

div #lglHider {display: hidden;}

.NewBodyContent p {
	
	
	padding-bottom: 10px;
	margin: 0px;
}

.NewBodyContent p.fineprint {
	width: 950px;
	text-align: justify;
	padding-bottom: 5px;
	margin-left: 7px;
}

.NewBodyContent p.fineprint a {
	text-decoration: underline;
}


.NewBodyContent li {
	padding-bottom: 4px;
}

.NewBodyContent li a {
	padding-bottom: 3px;
	color: #333333;
	text-decoration: underline;
	margin: 0px;
}


a:link {
background-color: transparent;
text-decoration: none;
color: #000;
}
a:hover {
/* background-color: #FFC; */
text-decoration: underline;
color: #153a93;
}


/*LINKS --------------------- */

a:active {color: #153a93;}   /* selected link */

/* headers here */

h1 {
padding-top: 5px;
margin: 0 0px 20px 0;
color: #000;
}

h1 a {
font-size: 100%;
line-height: 20px;
color: #353535;
text-decoration: underline;
}

h1 span.heavy {
font-size: 100%;
}


h2 {
margin: 0px;
padding: 0px;
color: #333;
}


.sub, sup{
	height: 0;
	line-height: 1;
	vertical-align: super;
	_vertical-align:text-top; font-size:80%; 
	position: relative;
	z-index:1;
	border:0px none; 
	margin-right:0px;
	margin-left:-3px;
	*margin-left:0px;
	}

.sup2{
	height: 0;
	line-height: 1;
	vertical-align: top;
	_vertical-align:text-top; font-size:80%; 
	position: relative;
	z-index:1;
	background-color: transparent;
	margin-left: 0px;
	}


/*SH - For navigation headers - I Put the shadow, but if you wish to overwrite it, you can do it in the appropriate css using: 
/images/common/spacer.gif as the background*/
div#lnavLinks h5 {padding:10px 0 0 12px; background: url(/images/common/shop_menu_bg.gif) top left no-repeat;}
	




/* SH - supplemental nav bar 
=======================*/
/* Sub nav highlight colour */

ul#page_nav a #page_nav_selected_link_second {color: #1c4699;}

ul#page_nav li a#content_nav_selected_link_second {color: #1c4699 ! important;}

ul#page_nav  {
  background-color: #fafafa;
}

/* supplemental nav bar
=======================*/



ul#page_nav {
  padding-top: 20px !important;
  _padding-top: 20px;
  margin-bottom: 10px !important;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  background: url(/images/gmcard/nav_border_redemption_bg.gif) bottom left no-repeat;
  height: 24px;
  _height: 14px;
  
  list-style: none;
  
  font-size: 14px;
  font-weight: bold;
  width: 983px;
  margin-left: 140px;
}

ul#page_nav li {
  float: left;
  
  
}

ul#page_nav li a {
  
  padding-bottom: 5px;
}

/*ul#page_nav {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  margin: 0;
  padding: 0;
  float: left;
  background: url(/images/gmcard/nav_border_redemption_bg.gif) bottom no-repeat; height: 21px;
  list-style: none;
  font-size: 14px;
  font-weight: bold;
 

}*/

div#navRedemption ul#secNav  {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  margin: 0;
  padding: 0;
 
  background:url(/images/gmcard/nav_border_redemption_bg.gif) bottom left no-repeat; 
  height: 59px;
  list-style: none;
 
  font-size: 12px;
  font-weight: bold;
  width: 983px;

}

ul#secNav a {
  padding: 0 1em;
  background: url(/images/gmcard/subnav_vert_dots.gif)  top right no-repeat;
  text-decoration: none;
  color: #000;
  float: left;
  display: block;
}








ul#page_nav a {
  padding: 0 1em;
  background: url(/images/gmcard/subnav_vert_dots.gif)  top right no-repeat;
  text-decoration: none;
  color: #000;
  float: left;
  display: block;
}

ul#page_nav a:link{
	color: #000;
	text-decoration: none;
}

ul#page_nav a:hover {
	color: #153a93;
	text-decoration: none;
}

ul#page_nav a:link a:active {color: #153a93;}  

ul#page_nav .first a {
  background: none;
  color: #153a93;
}


/*Promotions on Offer pages*/

div#promos {width:693px; margin-top:0px; display:inline;}

div#promos div.diviFeature {width:220px; height:auto; margin:0;  float:left; font-size: 11px; }
div#promos #promoBox {width:140px;}
div#promos h1{background:url(/images/gmcard/nav_border_redemption_bg.gif) bottom left no-repeat; 	height: 50px; color:#000;}
div#promos #promoBox div.diviFeature img {border:0; margin-left:0;font-size: 11px}

img.promoImage {margin-bottom:5px;}
div#promos div.diviFeature a.title {display:block; margin:0px; font-size:12px; }
div#promos div.diviFeature a {color:#0B3D91; font-size: 11px; padding: 0px;text-indent:0;margin:0px;}
div#promos div.diviFeature p {float:left; }
div#promos div.diviSublinks {padding-bottom: 20px; padding-top: 20px;}


/*Color applies to the non-hyperlink text in the footer */
div.textfooter{ color:#996600;
	text-decoration: none;
	font-weight:bold;
	}
	
div#vehMainContainer {background:#fff; }

ul { font-size: 11px;
	font-weight: normal;  
	line-height: 13px; 
	list-style-type: ball;
	} 
	
li p {font-size: 12px;color: #333333; }
li {color: #333333; padding-bottom: 3px;}

/*For bold links within main body of content*/	
.boldlinks {  font-size: 11px; 
	font-weight: bold; 
	color: #003399; 
	line-height: 13pt;
	}
	
.introbodyblue {  
	font-size: 12px;
	font-weight: normal; 
	line-height: 16px;
	text-decoration: underlined;
	color: #003399;
	padding-right:10px;
	}
ol, ol li { 
	
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	list-style-type: disc;
	line-height: 13px; 
	text-decoration: none;
	margin-top:0px;
	list-style-position: inside;
	}
	
	
/* new styles developed during redesign.  shandford: March 2005 */

BODY TD {
	color: #005DAA;
	
	font-size: 11px;
}

.homeTable TD P {
	color: #000000;
	
	font-size: 11px;
}

.homeTable TD H1 {
	color: #336699;
	border:0px none; 
	margin:7px; 
	font-size:15px; 
	font-weight:700;
}


.gmcard_link {
	color: #000;
	
	font-size: 11px;
	/* padding-left: 8px; */
	text-decoration: underline;
}

.gmcard_bullet_link {
	color: #005DAA;
	
	font-size: 11px;
	padding-left: 8px;
	background: url(/images/gmcard/arrow.gif) no-repeat;
	background-position: center left;
	text-decoration: underline;
}	


#buttonContent {
	padding: 1px 1px 1px 1px;
	background-color: #005DAA;
	border-bottom: 1px solid #000000;
	color: #FFF;
}

.buttonLink  {
	color:#000 !important;
	
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
	text-align: center;
}	


.buttonLink a{
	color: #996666;
	text-decoration:none;
}


.buttonLink2  {
	color:#000;
	
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
	text-align: center;
}	

.buttonLinkApply a:hover{ color:#F00;}

#clearButtonBorder {
	border-top: 1px solid #98B2CD;
	border-right: 1px solid #98B2CD;
	border-left: 1px solid #98B2CD;
	padding: 1px 15px 1px 15px;
	background-color: #FFF;
	color: #005DAA;
	font-weight: bold;
}

#clearButtonBorder a {
	color: #005DAA;
	font-weight: bold;
}

#solidButtonBorder {
	border-top: 1px solid #005DAA;
	border-right: 1px solid #005DAA;
	border-left: 1px solid #005DAA;
	padding: 1px 15px 1px 15px;
	background-color: #005DAA;
	color: #F8D368;
	font-weight: bold;
}

#redempLine {
	background-color: #005DAA;
}

#greyBG {
	background-color: #F1F1F1;
	color: #333333;
}
#whiteBG {
	background-color: #fafafa;
	color: #333333;
	padding: 3px;
}

#redeemHead {
	color: #333333;
	
	font-size: 15px;
	font-weight: bold;
}

#redeemSmHead {
	color: #333333;
	/*font-family: verdana;*/
	
	font-weight: bold;
}

.earningsTable {
	background-color: #E5EEF7;
	color: #005DAA;
	font-weight: bold;
	font-size: 14px;
}

.redeemTable td {
	padding: 3px;
}

td.vehName {
	width: 220px;
}

td.vehNameType {
	width: 250px;
}
.expenseTable TD {
	color: #333333;
	font-weight: bold;
	font-size: 11px;
}

.fineprint {
	font-size: 70%;

font-weight: 500;
}

p.fineprintTran {
	width: 950px;
	font-size: 9px;
	text-align: justify;
	margin-left: 7px;
	line-height: 11px;
}


div#divisionBar {height:53px;background:#FFF;}

div#nameplate {

	color: #336699;
	background:transparent url(/images/gmcard/2009/common/bar.gif) no-repeat; 
	width: 169px; 
	height: 38px; 
	z-index:999; 
	position: relative; 
	top:50px;
	float: right;
	padding-right: 10px;
}

div#emailTxt a {
	color: #336699;
}

div#lnav a {color:#FFFFFF;}
div#lnavLinks {
	background:url(/images/gmcard/gmcard_nav_tile.gif) repeat-x;
	height: 248px;
}
div#lnavLinks a:hover {color:#FFCC66;background:url(/images/common/spacer.gif)}
div#lnavLinks a.pageId {color:#FFCC66;background:url(/images/common/spacer.gif)}

/* SH - For navigation headers*/
div#lnavLinks h5 {padding:7px 0 0 12px; background: url(/images/common/spacer.gif)}




/* Accordion for FAQ Section */

itemizedlist{
display: block;
margin-left: 0%;
list-style: url(/images/gmcard/bullet.gif) outside;
padding-left:10px;

}

listitem{
display: list-item;
text-align: left;
font-family: arial, Helvetica, sans-serif;
font-size: 1em;
}

ul.menu {
	border: solid 1px #d7d7d7;
  	width: 669px;
}

ul.menu h3 {
	background: #eaeaea url(/images/gmcard/accordion_arrow.gif) no-repeat right -51px;
	padding: 7px 25px;

	width: 618px;
	border: solid 1px #d7d7d7;
	cursor: pointer;
	font-size: 110%;

	font-weight: 700;

	color: #000;
}

ul.menu h3:hover {
	overflow: auto;
	background-image: url(/images/gmcard/accordion_arrow_ovr.gif) no-repeat right -51px;
	color:#153a93;
}

ul.menu h3.active {
	padding: 7px 25px;
	background-position: right 0px;
}


ul.menu, ul.menu ul {
  list-style-type:none;
  margin: auto;
  padding: 0;	
  padding-bottom:10px;
  padding-top:0px;
}

ul.menu  li ul li {
  list-style-type:none;
  margin-left: 30px;
   margin-top: 5px;	  
   margin-top: auto;

}

ul.menu a {
	margin: 0;
  text-decoration: none;	
  
}

ul.menu, ul.menu li {
  list-style-type:none;
  margin: auto;
  padding-bottom:0px;
}
ul.menu li {
  margin-top: -5px;
  padding-bottom:2px;
  padding-top:5px;

  
}

ul.menu li a {
	margin: 0;

}

ul.menu li a:link {
	margin: 0;

}

ul.menu li a:hover {
	/* background: url(/images/gmcard/accordion_arrow_ovr.gif) no-repeat right -51px; */
	color: #153a93;
    text-decoration: underline;	
}

ul.menu li ul li a {
	margin: 0;
	padding: 0;
}

ul.menu li ul li a:hover {
  /* border-left: 5px #000 solid;*/
  color:#153a93;
}

.accordion {
	width: 669px;
	border-bottom: solid 1px #d7d7d7;
	
	padding-left:0px;
}
.accordion h3 {
	background: #e9e7e7 url(/images/gmcard/accordion_arrow.gif) no-repeat right -51px;
	padding: 7px 25px;
	margin: 0;
	width: 617px;
	
	border: solid 1px #d7d7d7;
	border-bottom: none;
	font-size: 80%;

	font-weight: 700;

	color: #000;
}
.accordion h3:hover {
	overflow: auto;
	background-image: url(/images/gmcard/accordion_arrow_ovr.gif) no-repeat right -51px;
	color:#153a93;
}
.accordion h3.active {
	padding: 7px 25px;
	background-position: right 0px;
}
.accordion p {
	width: 617px;
	background: #f7f7f7;
	margin: 0;
	padding: 10px 25px 20px;
	border-left: solid 1px #d7d7d7;
	border-right: solid 1px #d7d7d7;
	overflow: auto;
}

.accButton {
	width: 128px; 
	height: 38px; 
	z-index:999; 
	position: relative; 
	float: right;
	padding-right: 22px;
}


.accordion .accordion-header { width: 669px; cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.accordion .accordion-li-fix { display: inline; }
.accordion .accordion-header-active { border-bottom: 0 !important; }
.uaccordion .accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.uaccordion .accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.accordion .accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.accordion .accordion-content-active { display: block; }





table#footerContent {padding-top: 0px; width: 990px;}

table#footerContent td#footerCap { background-image: url(/images/gmcard/2009/common/footer_cap.gif); width: 990px; height: 14px;}

div#footerTopRowRightCorp {float:right;padding:5px 10px 0px 0px;}
div#footerBottomRowLeftCorp {float:left;padding-top:0px;padding-left:10px;}
div#footerTopRowLeftCorp {color:#363636;text-decoration:none;float:left;padding:13px 0px 5px 10px;width:400px; }
table#footerContent td a {color:#363636;text-decoration:none}
table#footerContent td a:hover {text-decoration:underline: color:#153a93 !important;}
table#footerContent span.navItemDividerBottom {color:#363636;}

table#footerContent a:hover {color: #153a93 !important;}

div.gmcardcta2{background:url(/images/gmcard/applynow.gif) no-repeat; width:177px; height:56px;padding-left:42px;padding-top:20px; clear:right;}
div.gmcardctaFr2{background:url(/images/gmcard/applynow.gif) no-repeat; width:177px; height:56px;padding-left:15px;padding-top:12px; clear:right;}

/* Bott Nav styles */

div#gmCardBotNavLeft {width:986px; height: 23px; background-color: #ECECEC; border:2px solid #ccc; }
div#gmCardBotNavLeft td {color: #363636; font-size:10px;}
div#gmCardBotNavLeft td a {text-decoration: none; color: #363636; font-size:10px;}
div#gmCardBotNavLeft td a:hover {text-decoration: underline; color: #153a93 !important; font-size:10px;}
/*div#gmCardBotNavRight {width:130px; height: 23px; background-color: #ECECEC; font-size:10px;float:right; color: #A6A6A6; font-size:10px;}*/
span#gmCardBotNavLeftSide {height:14px;margin-left:10px; }
span#gmCardBotNavRightSide {height:14px; margin-left:10px;  padding-right:2px;}
span#gmCardBotNavRightSide img {margin-top:0px}

/* Legal Droor Styles */
div #gmCardLegal { width:986px; background: #fff; z-index:99;position:absolute;bottom:-400px; left: 0px;margin-top:0px; display: hidden;}
div #gmCardLegalCloseButt { background: #ECECEC; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc; width:986px; height: 15px;}
div #CloseButt { float:right; color: #363636; font-size:10px; font-weight:700; margin-top: 2px; padding-right: 5px;}
table#lglFooter .lglTxtToggler a: hover {color: #153a93 !important;}



/* homepage new styles */
.bodyContentOverview {
	position:relative;
	overflow: hidden;
	background: url(/images/gmcard/2009/common/card_bottom_bg.jpg) no-repeat;
	margin: 0 auto;
	
	width: 988px;
	height: 294px;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	color: #000;
}

.NewBodyContentOverview {
	width: 800px;
	background: transparent;
	padding: 0 0 0 100px;
	margin-top:30px;
}

div #overviewContentCardImage { width:171px; height:136px; background: transparent;}
div #overviewContentCopy { width:591px; height:136px; background: transparent;  margin-left:20px;}

div #overviewContentCopyFR { width:591px; height:136px; background: transparent;  margin-left:20px; margin-top:10px;}

div #overviewContentCopyFR p {}
div #overviewContentCopyFR p span a {color:#000}
div #overviewContentCopyFR p span.overviewHeadline {font-size:15px; font-weight:bold;}
div #overviewContentCopyFR p span.regular {font-size:12px; font-weight:bold;}
div #overviewContentCopyFR p span.regular a {font-size:12px; font-weight:bold; text-decoration: underline;}
div #overviewContentCopyFR p span.regular a:hover {color: #153a93;}
div #overviewContentCopyFR p span.regularBold {font-size:12px; font-weight:bold;}


div #overviewContentCopy p {margin-top: -5px;}
div #overviewContentCopy p span a {color:#000}
div #overviewContentCopy p span.overviewHeadline {font-size:23px; font-weight:bold;}
div #overviewContentCopy p span.regular {font-size:15px; font-weight:bold;}
div #overviewContentCopy p span.regular a {font-size:15px; font-weight:bold; text-decoration: underline;}
div #overviewContentCopy p span.regular a:hover {color: #153a93;}
div #overviewContentCopy p span.regularBold {font-size:18px; font-weight:bold;}

div #GMCardHomeNav {width:800px;}
div #GMCardHomeNav a {padding-right:22px;}

/* NavRedemption
------------------------------------*/





div#navRedemption ul#secNav li {
  float: left;
  margin-left: -2px;
}


/* Hack to make IE/Mac play nice */
div#navRedemption ul#secNav li a {
  padding: 0em;
  line-height: 2.5em;
  text-decoration: none;
  color: #000;
  float: left;
  display: block;
}




/* css rollover
================================== */

div#navRedemption ul#secNav li a {
	display: block;
	width: 173px;
	height: 38px;
	line-height: 38px;
	color: #000;
	text-decoration: none;
	background: url(/images/gmcard/gmcard_redemptionallowances_off.gif) no-repeat left top;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	text-transform: none;
}



div#navRedemption ul#secNav a:hover {
	background: url(/images/gmcard/gmcard_redemptionallowances_on.gif) no-repeat left top;
	color: #000;
}

div#navRedemption ul#secNav li.selected {
	color: #153a93;
}

div#navRedemption ul#secNav li.selected a {
	background: url(/images/gmcard/gmcard_redemptionallowances_on.gif) no-repeat left top;
	color: #153a93;
}

/*  Earnings Calculator  
================================== */

.ui-slider { width: 5px; height: 165px; relative: absolute; background-repeat: no-repeat; }
.ui-slider-handle { position: relative; z-index: 1; height: 36px; width: 23px; top:129px; left: -8px; _left: 0px; background: transparent url(/images/gmcard/2009/common/slider.png) no-repeat; cursor:pointer; border:0px;}

.minMax {background: transparent; color: #000; float: left; margin-left:-15px; _margin-left:0px; margin-top:11px; width: 45px; font-size: 10px; border:0px;}
.minMaxYr {background: transparent; color: #000; float: left; margin-left:-15px; _margin-left:0px; margin-top:30px; width: 45px; font-size: 10px; border:0px;}

div#estEarnPerMo {position: relative; width: 113px; height: 92px; margin-left: 455px; _margin-left: 50px; top: 70px; _padding-left: 10px;  font-size: 24px; font-weight: bold; }
div#estEarnPerYr {position: relative; width: 113px; height: 92px; margin-left: 455px; _margin-left: 50px; top: 102px;_padding-left: 10px;  font-size: 24px; font-weight: bold; }

div#estEarnPerMoVal {background: transparent; color: #F6971F; width: 100px; position: absolute; top: -275px; _top: -350px; left: 20px; _left: 379px; z-index: 1500; border:0px; margin: 0; padding: 0;overflow: visible; }
div#estEarnPerYrVal {background: transparent; color: #F6971F; width: 1060px; position: absolute; top: -275px; _top: -260px; left: 20px; _left: 205px; z-index: 1500; border:0px; margin: 0; padding: 0;overflow: visible; }

div#calcButt {position: relative; width: 119px; height: 76px; margin-left: 471px; _margin-left: 65px; top: -175px; _top: -67px; _padding-left: 10px;}
div#calcHolder { width: 616px; height: 424px; background: transparent url(/images/gmcard/2009/common/calculator_bg.jpg); background-repeat: no-repeat;}
div#calcHolderFr { width: 616px; height: 424px; background: transparent url(/images/gmcard/2009/common/calculator_bg_fr.jpg); background-repeat: no-repeat;}
					
.perMo {background: transparent; color: #F6971F; width: 45px; font-size: 10px; font-weight: bold; position: absolute; top: 45px; left: 20px;  z-index: 1500; border:0px; margin: 0; padding: 0;overflow: visible;}
.perYr {background: transparent; color: #F6971F; width: 45px; font-size: 10px; font-weight: bold; position: absolute; top: 45px; left: 20px; z-index: 1500; border:0px; margin: 0; padding: 0;overflow: visible;}