/* @group Blueprint */

/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

html, body {
	position: relative;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%;}
body {
	font-size: 75%;
	color: #666;
	background: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* @font-face settings */

@font-face { 
	font-family: 'Humanist'; 
		src: url('../font/humanist777Regular/Humanist777-Regular-webfont.eot'); 
		src: url('../font/humanist777Regular/Humanist777-Regular-webfont.eot?iefix') format('eot'), 
			 url('../font/humanist777Regular/Humanist777-Regular-webfont.woff') format('woff'), 
			 url('../font/humanist777Regular/Humanist777-Regular-webfont.ttf') format('truetype'), 
			 url('../font/humanist777Regular/Humanist777-Regular-webfont.svg#webfont') format('svg');
} 


/* @end */

/* ---- */

html {
	overflow-y: auto;
}

html, body {
	height: 100%;
	background-color: #fff;
}

html {
	background: #e3e3e3 url(../img/ui/bg.png) repeat-x 0 0;
}

body {
	background: transparent url(../img/ui/foot-bg.png) no-repeat 50% 767px;
}

/* @group fixed-width */

.fixed-width,
#nav,
#footer
{
	position: absolute;
	width:970px;
	left: 50%;
	margin-left: -485px;
}

/* @end */

/* @group Selection */

/*::selection,
::-moz-selection
{ background: transparent; }*/

a:link {
	-webkit-user-select: none;
	-moz-user-select: none;
}

/* @end */

/* @group Global */

sup,
sub {
   height: 0;
   line-height: 1;
   vertical-align: baseline;
   _vertical-align: bottom;
   position: relative;
   
}
h3 sup,
a sup {
	font-size: 12px;
}


sup {
	font-size:8px;
	bottom: 1ex;
}

html>body h3 sup {
*top: -3px;
}

h3 sup{
	/*\**/top: -3px\9;
}
sup.sm {
	font-size: 8px;
}
.goldDeltaReg{
bottom:0.3em !important;
}



/* @end */

/* @group Links Styles */

#cta a .a,
#site-content a .a,
#footer a .a,
#cta a,
#site-content a,
#footer a
{
	-moz-transition: color 0.2s ease-in;
	-webkit-transition: color 0.2s ease-in;
}

a,
a:link,
a:visited,
a:focus,
a.hover,
a:hover,
a:active
{ color: #666; text-decoration: none; cursor: default; outline: 0; }

a:link,
a:visited,
a:focus,
a.hover,
a:hover,
a:active,
a:link *,
a:visited *,
a:focus *,
a.hover *,
a:hover *,
a:active *
{ cursor: pointer; }

.button,
.button:link,
.button:visited,
.button:focus,
.button:hover,
.button:active
{ cursor: pointer; background-position: top center; text-indent: -9999px; overflow: hidden; }

.button b{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: bottom center;
	-webkit-transition: opacity 0.2s ease-out;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity: 0.01;
	opacity: 0;
	
}

a:focus .button b,
a.hover .button b,
a:hover .button b,
a:active .button b,
.button:focus b,
.button:hover b,
.button:active b
{
	/*-ms-filter:"";*/
	/*filter:none;*/
	-moz-opacity: 0.1;
	opacity: 0.1;
}

a:active .button b,
.button:active b
{
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.link,
.link:link,
.link:visited,
.link:focus,
.link:hover,
.link:active
{ cursor: pointer; color: #669620; text-decoration: underline; }
.link:focus,
.link:hover,
.link:active
{ color: #173264; }

a .a,
a:link .a,
a:visited .a,
a:focus .a,
a.hover .a,
a:hover .a,
a:active .a 
{ cursor: pointer; color: #669620; }
a:focus .a,
a.hover .a,
a:hover .a,
a:active .a 
{ color: #173264 !important; text-decoration: underline; }

.links a,
.links a:link,
.links a:visited,
.links a:focus,
.links a.hover,
.links a:hover,
.links a:active
{
	cursor: pointer;
	color: #005288;
}
.links a:focus,
.links a.hover,
.links a:hover,
.links a:active
{ color: #669620; }

p.links a,
p.links a:link,
p.links a:visited,
p.links a:focus,
p.links a.hover,
p.links a:hover,
p.links a:active
{ cursor: pointer; color: #666; }
p.links a:focus,
p.links a:hover,
p.links a.hover,
p.links a:active
{ color: #669620; }


/* @end   Links Styles */

/* @group Footer */

#footer {
	top: 753px;
	background: url(../img/ui/foot-border.png) no-repeat 300px center;
	height: 103px;
}

#footer .content {
	position: absolute;
	top: 15px;
	left: 322px;
	font-size: 10px;
	width: 452px;
	
}

.important {
	font-size: 1.2em;
}

#fr3 {
	display:block;
	position: absolute;
	z-index: 1;
	right: 0;
	width: 141px;
	line-height: 15px;
	color: #069;
	
	background: url(../img/ui/foot-border.png) no-repeat left 15px;
	top: 0;
	font-size: 12px;
	padding: 21px 0 6px 23px;
}

#fr3 .a {
	display: block;
	white-space: nowrap;
	padding-top: 0.5em;
}

#c1_logo {
	position: absolute;
	top: 0;
	left: 0;
	background: url('../img/ui/foot-logo.png') no-repeat 45px center;
	height: 90px;
	width: 299px;
	
	text-indent: -9999px;
	overflow: hidden;
}

#visa_logo {
	position: absolute;
	right: 40px;
	top: 90px;
}

.sub {
	font-size: 14px;
	top: .5ex;
}



#footer div.important {
	overflow: hidden;
	text-indent: -5px;
}

#footer div.important a {
	padding: 0 3px 0 4px;
	border-left: 1px solid #999;
}

#nav-mini{
	padding-top: 10px;
	overflow: hidden;
}
#nav-mini li {
	float: left;
	overflow: hidden;
	width: 127px;
}

#nav-mini li.nm3 {
	width: auto;
}

#nav-mini li a{
	display: block;
	white-space: nowrap;
	line-height: 14px;
}

#copyright{
	clear: left;
	margin-top: 12px;
	line-height: 14px;
	padding-bottom: 1em;
}


.disclaimer{
	display:block;
	position: absolute;
	z-index: 1;
	right: 0;
	width: 141px;
	line-height: 15px;
	color: #666;
	top: 0;
	font-size: 12px;
	padding: 75px 0 6px 23px;
	margin-top: 12px;
	font-size: 10px;
}
/* @end  Footer Styles */

/* @group cro */

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 81px;
	background: url(../img/ui/logo-bg.jpg) no-repeat center center;
}
#logo a {
	cursor: pointer;
	display:block;
	background: url(../img/ui/logo-venture.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:81px;
	width:332px;
	text-indent: -9999px;
	overflow: hidden;
	margin:0 auto;
}

* html #logo a{
background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ui/logo-venture.png', sizingMethod='crop');
	
}

/* @end */

/* @group CTA */

#cta {
	z-index: 9999;
	position: absolute;
	top: 0;
	left: 50%;
	width: 178px;
	margin-left: 289px;
	background: url(../img/ui/cta-card.png) no-repeat center 17px;
	height: 183px;
	/*border: 1px solid red;*/
}

#cta .button {
	position: absolute;
	left: 50%;
	margin-left: -67px;
	width: 134px;
	height: 38px;
	top: 101px;
}

#cta .button, #cta .button b {
	background-image: url(../img/ui/cta-apply_now.png);
}

#cta .link, #cta .toglr .a {
	font-size: 10px;
	line-height: 10px;
	text-decoration: underline;
}

#cta .link,
#cta .toglr .a {
	text-decoration: none;
}

#cta .link, #cta .toglr {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	top: 139px;
}

#cta .toglr {
	margin-top: 14px;
	width: 100%;
	overflow: hidden;
	height: 1.5em;
}


#cta .toglr .togl {
	cursor: default;
	/*position: absolute;*/
	left: 0;
	top: auto;
	bottom: 0;
	
	font-size: 12px;
	text-decoration: none;
	padding: 1em;
	
	height: auto;
	width: auto;
	
	background: #235B9D;
	background: -moz-linear-gradient(top, #235B9D, #83A2C8);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(35,91,157,0.75)), to(rgba(35,91,157,1)));
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#235B9D, EndColorStr=#83A2C8)";
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#235B9D, EndColorStr=#83A2C8);
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: -1px 2px 5px #fff !important;
	-webkit-box-shadow: -1px 2px 5px #fff !important;
	text-shadow: 0 1px 1px #235B9D !important;
	border: none;
	
	color: #fff;
}

html.no-cssgradients body.not_ie #cta .toglr .togl {
	background: #235B9D url(../img/ui/grad-235B9D-83A2C8.png);
}

#cta a.card {
	position: absolute;
	width: 133px;
	height: 84px;
	margin-top: 17px;
	margin-left: 22px;
}

.toglr .togl {
	/*display: none;*/
	opacity: 0;
}

#cta .toglr:hover,
#cta .toglr:focus,
#cta .toglr:active
{
	height: auto;
	overflow: visible;
}

.toglr:hover .togl,
.toglr:focus .togl,
.toglr:active .togl
{
	/*display: block !important;*/
	opacity: 1;
}

.toglr:hover .a,
.toglr:focus .a,
.toglr:active .a
{
	text-decoration: none !important;
}



/* @end */

/* @group Nav */

#nav {
	z-index: 8888;
	top: 81px;
	overflow: hidden;
	height: 56px;
}

#nav a {
	display: block;
	float: left;
	
	position: relative;
	left: 27px;
	
	cursor: pointer;
	
	font-size: 16px;
	line-height: 22px;
	height: 20px;
	padding: 0.5em 1.1em;
	
	color: #173264;
}

#nav a * {
	cursor: pointer;
}

#nav a:hover,
#nav a.vl-on {
	color: #669620;
}

#nav a.vl-on, #nav a.vl-on * {
	cursor: default !important;
}

#nav-shadow {
	background: url('../img/ui/nav-shadow.png') no-repeat center top;
	height:16px;
	position: absolute;
	top: 36px;
	left: 0;
	width:100%;
}

* html #nav-shadow{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ui/nav-shadow.png', sizingMethod='crop');
}

#slide-handle {
	background: url('../img/ui/nav-sliderhandle.png') no-repeat top left;
	height: 14px;
	width: 75px;
	
	position: absolute;
	bottom: 13px;
	left: 44px;
}

.ie6 #slide-handle {
	margin-bottom: -1px;
}

#slide-handle       { left: 826px; }
.slide-handle-Welcome       { left: 41px; }
.slide-handle-Earn_More     { left: 149px; }
.slide-handle-Redeem_Easily { left: 279px; }
.slide-handle-In_Media  	{ left: 418px; }
.slide-handle-Get_Benefits  { left: 546px; }
.slide-handle-Great_Service { left: 678px; }

.ie-slide-handle-Welcome       { left: 43px; } 
.ie-slide-handle-Earn_More     { left: 153px; }
.ie-slide-handle-Redeem_Easily { left: 281px; }
.ie-slide-handle-In_Media      { left: 419px; }
.ie-slide-handle-Get_Benefits  { left: 551px; }
.ie-slide-handle-Great_Service { left: 681px; }

#slide_buttons .prev,
#slide_buttons .next {
	position: absolute;
	top: 50%;
	left: 1%;
	
	z-index: 500;
	background: url(../img/ui/slide-arrow-left.png) no-repeat left center;
	line-height: 31px;
	height: 31px;
	color: #79a332;


	text-indent: -999em;
	padding: 0;
	width: 38px;
	
	font-size: 14px;
	padding-right: 20px;
}

#slide_buttons .prev {
	padding-right: 20px !important;
}

#slide_buttons .next {
	left: auto;
	right: 1%;
	background-image:  url(../img/ui/slide-arrow-right.png);
	background-position: right center;
	padding-left: 20px !important;
}

/*#slide_buttons .prev,
#slide_buttons .next,*/
#slide_buttons :hover,
#slide_buttons .hover{
	background-color: #fff !important;
	background-color: rgba(255,255,255,0.9) !important;
	width: auto;
	
	padding: 10px 50px;
	margin-top: -10px;
	
	text-indent: 0 !important;
}

/*Only show after the ClientSideIncludes load*/

#slide_buttons { display:none; }
html.animating #slide_buttons * { z-index: 250 !important; }
.csi #slide_buttons { display:block; }


/* @end */

/* @group Slider */

#site-content {
	position: absolute;
	left: 0;
	top: 118px;
	width: 100%;
	min-width: 970px;
	height: 637px;
	overflow: hidden;
}

#site-content a.embed {
	display: none;
}

.site-content-id {
	display: none;
}

#site-content .page-content {
	z-index: 300;
	position: absolute;
	width:970px;
	left: 50%;
	margin-left: -485px;
	height: 637px;
	margin-top:-11px;
}

#site-content .transition {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 50%;
	height: 637px;
	background-repeat: no-repeat;	
	width: 1380px;
	margin-left: -690px;
	background-position: 100% 100%;
}

.loading .transition {
	display: none;
}

.js #site-content .page-content {
	left: 150%;
}

.js #site-content .current-page {
	left: 50%;
}

.no_js #page-content .page-content{
	left: 50% !important;
}

#site-content .current-transition {
	z-index: 110;
}

#site-content .bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 637px;
	z-index: 200;
}

#site-content .bg-top {
	background: #e3e3e3 url(../img/ui/bg.png) repeat-x 0 -118px;
	z-index: 200;
}

#site-content .bg-top p {
	display: block;
	background: url(../img/ui/bg-map.png) no-repeat center top;
	height: 100%;
	width: 100%;
}

#site-content .bg-bottom {
	background: #e3e3e3 url(../img/ui/bg.png) repeat-x 0 -118px;
	z-index: 105;
}

#site-content .bg-topest {
	background: url(../img/ui/transition-mask.png) repeat-x center top;
	z-index: 205;
	
	left: 50%;
	width: 1400px;
	margin-left: -700px;
}

.ie8 #site-content .bg-topest {
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ui/transition-mask.png', sizingMethod='crop');
}

* html #site-content .bg-topest {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ui/transition-mask.png', sizingMethod='crop');
}



/* @end */

/* @group Slideshow */

#slideshow { 
	height: 400px;
	width:535px;
	position: absolute;
	top: 125px;
	left: 42px;
	height: 400px;
	padding: 0px;
	overflow: hidden;
}


#media_slideshow { 
	position: relative;
	margin: 180px auto 0;
	text-align: center;
	width: 866px;
	height: 187px;
}

.rmark {
	display: inline;
	position: relative;
}

.ie7 #media_slideshow, .ie6 #media_slideshow {
	position: relative;
	top: 180px;
}

.slideshow_quote {
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
#media_slideshow h2 {
	margin: 0 auto 14px auto;
    color: #173268;
    font-size: 38px;
	font-weight: normal;
    line-height: 38px;
}

#media_slideshow h3 {
	margin: 0 auto;
    color: #666666;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;    
}

#inmedia_nav {
	text-align: center;
	position: absolute;
	bottom: 114px;
	width: 100%;
}
#inmedia_nav ul {
	display: inline;
	list-style-type: none;
}

#inmedia_nav ul li {
	display: inline;
	padding: 0px;
}

.ie6 #inmedia_nav ul li {
	display: inline;
	padding: 2px;
}

.ie7 #inmedia_nav ul li {
	display: inline;
	padding: 2px;
}

.ie8 #inmedia_nav ul li {
	display: inline;
	padding: 2px;
}

#inmedia_nav ul li a {
	color: #FFF;
	padding: 2px 5px 2px 5px;
	background-color: #798665;
	text-decoration: none;
}

#inmedia_nav ul li.selected a {
	background-color: #669620;
}

/* @end */

/* @group Content */

.page-content .h1 {
	display: block;
	position: absolute;
	top: 50px;
	font-size: 29px;
	left: 47px;
	color: #173268;
	letter-spacing: 0.025em;
	word-spacing: -0.03em;
	width: 90%;
	font-size: 36px;
}

.page-content .h1 h1 {
	display: inline;
}

.page-content .h1 p {
	display: inline;
	font-size: 17px;
	margin-left: 31px;
	letter-spacing: 0.04em;
	word-spacing: 0.04em;
}

.cufon-active .page-content .h1 p,
.cufon-active .page-content .h1 h1 {
	letter-spacing: -0.01em;
	word-spacing: 0;
}

.box {
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	
	padding: 14px 16px;
	
	font-size: 11px;
	line-height: 16px;
	width: 26%;
	height: 210px;
	top: 115px;
	left: 46px;
}

.box2 {
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	padding: 14px 16px;
	font-size: 11px;
	line-height: 16px;
	width: 26%;
	height: 210px;
	top: 0px;
	left: 0px;
}

.no-animating .box {
	-moz-transition: -moz-box-shadow 0.2s ease-out;
	-webkit-transition: opacity 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
}

.box h2 {
	font-size: 21px;
	line-height: 21px;
	color: #1f437a;
}

.cufon-active .box h2 {
	margin-top: -2px;
}

.box h3 {
	font-size: 17px;
	color: #1f437a;
	line-height: 16px;
	margin-bottom: 9px;
}

.cufon-active .box h3 {
	margin-top: -2px;
}

.box p {
	margin-bottom: 6px;
	width: 190px;
}

.box,
.box:link,
.box:visited,
a.box:focus,
a.box:hover,
a.box:active
{	
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #FFFFFF, #F0F0F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F0F0F0));
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#F0F0F0)";
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#F0F0F0);
}
.no-animating .box,
.no-animating .box:link,
.no-animating .box:visited,
.no-animating a.box:focus,
.no-animating a.box:hover,
.no-animating a.box:active
{
	-moz-box-shadow: 0 0 5px #eee;
	-webkit-box-shadow: 0 0 5px #eee;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
html.no-cssgradients body.not_ie .box,
html.no-cssgradients body.not_ie .box:link,
html.no-cssgradients body.not_ie .box:visited,
html.no-cssgradients body.not_ie a.box:focus,
html.no-cssgradients body.not_ie a.box:hover,
html.no-cssgradients body.not_ie a.box:active {
	background: #F0F0F0 url(../img/ui/grad-FFFFFF-F0F0F0.png) center center;	
}


a.box:focus,
a.box:hover,
a.box:active
{
	z-index: 1;

	background: #f8f8f8;
	background: -moz-linear-gradient(top, #FFFFFF, #F5F5F5);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F5F5));
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#F5F5F5)";
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#F5F5F5);
}
.no-animating a.box:focus,
.no-animating a.box:hover,
.no-animating a.box:active
{
	-moz-box-shadow: 0 0 7px #ccc;
	-webkit-box-shadow: 0 0 7px #ccc;
}

html.no-cssgradients body.not_ie a.box:focus,
html.no-cssgradients body.not_ie a.box:hover,
html.no-cssgradients body.not_ie a.box:active{
	background: #F5F5F5 url(../img/ui/grad-FFFFFF-F5F5F5.png) center center;
}


a.box:active
{
	z-index: 1;
	border:  1px solid #b7daf2;
	
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8, #f0f0f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#f8f8f8, EndColorStr=#f0f0f0)";
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#f8f8f8, EndColorStr=#f0f0f0);
}

.no-animating a.box:active
{
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
}

html.no-cssgradients body.not_ie a.box:active {
	background: #F0F0F0 url(../img/ui/grad-F8F8F8-F0F0F0.png) center center;
}

.img {
	text-indent: -99999em;
	overflow: hidden;
	background-repeat: no-repeat;
	-webkit-transition: background-position 0.5s ease-out, opacity 0.5s ease-out;
	background-position: 50% 50%;
}

.box img {
}

.box .img{
	display: block;
	position: relative;
	float: right;
	
	height: 100%;
	width: 35%;
	margin-top: -14px;
	margin-right: -16px;
	padding: 14px 16px;
	_left: -16px;
	_margin-left: 16px;
	
	-webkit-transition: opacity 0.5s ease-out !important;
	background-position: 50% 50%;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

a:hover .img,
a:focus .img,
a:active .img {
}

.legal {
	color: #666;
	display: block;
	padding-right: 18em;
	font-size: 11px;
	line-height: 1.2;
	padding-left: 4.5em;
	padding-bottom: 18px;
}

#service-legal {
	clear: both;
	position: relative;
	top: 120px;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 11px;
}

#home-legal {
    bottom: 58px;
    color: #666666;
    left: 10px;
    padding-bottom: 2px;
    position: absolute;
    width: 475px;
   }

#earn-legal {
    bottom: 130px;
    color: #333333;
    padding-bottom: 2px;
    position: absolute;
    width: 850px;
   }
   
  html>body #earn-legal{
  *bottom:120px;
  }
   
#benefits-legal {
    bottom: 180px;
    color: #333333;
    padding-bottom: 2px;
    position: absolute;
    left: 0 !important;
    width: 850px;
   }   



#video-legal {
	padding-bottom: 2px;
	color: #666;
}

.legal small {
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#visa-s {
	position: absolute;
	bottom: 170px;
	right: 46px;
}

/* @group Specific */

/* @group Welcome */

.page-welcome .h1 {
	/*top: 120px;*/
	top:50px;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 0.025em;
	word-spacing: -0.03em;
}

.page-welcome .h1 p {
	display: inline;
	font-size: 23px;
	margin-left: -5px;
	letter-spacing: 0.04em;
	word-spacing: 0.04em;
}

.page-welcome .box h2 {
	font-size: 21px;
	line-height: 21px;
}

.page-welcome .box h3 {
	font-size: 17px;
	line-height: 16px;
	margin-bottom: 9px;
}

.page-welcome {
margin-top:-3px !important;
}

#welcome-box-premium h3,
#welcome-box-video h3 {
	width: 225px; 
}

#welcome-box-tool {
	width: 440px;
	position: absolute;
	/*top: 173px;*/
	top:103px;
	left: 46px;
	height: 310px;
	padding: 18px 30px 14px 26px;
}

#welcome-box-tool .i1 {
	display: block;
	position: absolute;
	top: 80px;
	left: 1px;
}

#welcome-box-tool h3 {
	display: block;
	position: absolute;
	top: 91px;
	left: 252px;
	color: #797979;
	padding-right: 1em;
	line-height: 1.2;
}

#welcome-box-tool .i2 {
	display: block;
	position: absolute;
	top: 149px;
	left: 249px;
}

#welcome-box-tool .button {
	display: block;
	position: absolute;
	top: 270px;
	left: 317px;
	width: 148px;
	height: 32px;
}

#welcome-box-tool .button,
#welcome-box-tool .button b {
	background-image: url(../img/content/welcome-box-btn.png);
}

#welcome-box-premium {
	width: 324px;
	position: absolute;
	/*top: 173px;*/
	top:103px;
	left: 569px;
	height: 133px;
}

#welcome-box-premium img {
	position: absolute;	
	left: 195px;
	top: 3px;
	display: block;
}

#welcome-box-video {
    height: 133px;
    left: 569px;
    position: absolute;
    /*top: 354px;*/
	top:284px;
    width: 324px;    
}

#welcome-box-video img {
	position: absolute;	
	left: 195px;
	top: 3px;
	display: block;
}



/* @end */

/* @group Redeem Easier */

#redeem-page-header {
	padding-left:0px;
}


#redeem-box-tool {
	width: 525px;
	position: absolute;
	top: 125px;
	left: 46px;
	height: 400px;
	padding: 0px;

}
#redeem-accordion {
    position: absolute;
    top: 125px;
    width: 220px;
	left: 585px;
    width: 365px;
	height: 400px;
}

#redeem-box-1 {
	width: 324px;
	position: absolute;
	top: 96px;
	left: 569px;
	height: 92px;
}


#redeem-box-2 {
	width: 324px;
	position: absolute;
	top: 231px;
	left: 569px;
	height: 92px;
}

#redeem-box-3 {
	width: 324px;
	position: absolute;
	top: 366px;
	left: 569px;
	height: 92px;
}


/* @group Media */


#media-page-header {
	padding-left:0px;
}

.page-media .h1 p {
	display: inline;
	font-size: 17px;
	margin-left: 0px;
	letter-spacing: 0.04em;
	word-spacing: 0.04em;
}
/* @end */

/* @group Earn */

.page-earn .h1 {
	/*margin-top: -11px;*/
}

.page-earn .h1 p {
	display: block;
	margin: -8px 0 0;
	font-size: 12px;
	line-height: 24px;
}

.page-earn .h1 p strong {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 1px solid;
}

.page-earn .box {
	margin-top: 5px;
	height: 260px;
}

.page-earn .box p label {
	width: 250px;
	display: block;
}

/* @group Spend */

#spend.box {
    color: #FFFFFF;
    filter: none;
    height: 300px;
    padding: 10px 12px 0;
    position: absolute;
    top: 145px;
    width: 281px;
	background: -moz-linear-gradient(top, #235B9D, #83A2C8);
	background: -webkit-gradient(linear, left top, left bottom, from(#235B9D), to(#83A2C8));
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#235B9D, EndColorStr=#83A2C8)";
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#235B9D, EndColorStr=#83A2C8);
}
html>body #spend.box 
{
*height: 307px;
}
html.no-cssgradients body.not_ie #spend.box {
	background: #235B9D url(../img/ui/grad-235B9D-83A2C8.png) center top;
}

#spend * {
	color: #fff;
}

#spend h2, #spend h3 {
	width: 100%;
}

#spend h2 {
	font-size: 19px;
	margin-bottom: 3px;
}

#spend .rbox p label {
	font-size: 19px;
}

#average_monthly_spend {
	border: 0;
	background: none;
	color: #FFF;
	width: 128px;
	height: 28px;
	font-size: 24px;
	text-align: right;
	padding: 0;
}

.ie #average_monthly_spend {
	vertical-align: middle;
}

#average_monthly_spend_slider {
	height: 20px;
	background: url(../img/ui/average-slider.png) -27px 0;
	width: 283px;
}

#average_monthly_spend_slider b {
	width: 10px;
	height: 16px;
	display: block;
	background: url(../img/ui/average-slider.png) -18px 0;
	cursor: col-resize;
}

#spend .r2 {
	position: absolute;
	left: 13px;
	bottom: 30px;
	height: 131px;
	width: 100%;
}

#spend .r1 {
	position: absolute;
	left: 13px;
	top: 30px;
	height: 131px;
	width: 100%;
}

#spend-types {
	position: absolute;
	top: 41px;
	left: 0;
	list-style: none;
	overflow: hidden;
	height: 90px;
}

#spend-types li div {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

#spend-types li div {
	-webkit-transition: 
		bottom  0.3s ease-out,
		opacity 0.3s ease-out;
	bottom: -100px;
}
#spend-types li.on div {
	bottom: 0;
}
#spend-types.hover div ,
#spend-types:hover div {
	bottom: -100px !important;
}
#spend-types li.hover div ,
#spend-types li:hover div {
	bottom: 0 !important;
}

#spend li div h3 {
	margin-bottom: 3px;
	font-weight: bold;
	width: 290px;
}

#spend li div p {
	font-size: 11px;
	width: 290px;
}

#spend-types li {
	float: left;
	overflow: hidden;
}

#spend-types li *,
#spend-types li {
	cursor:pointer !important;
}

#spend .img {
	float: none;
	position: relative;
	background-color: #1f437a;
	background-image: url(../img/ui/tool-photos.png);
	background-position: 0 0;
	width: 67px;
	height: 40px;
	padding: 0;
	margin: 0 4px 0 0;
}

#spend-types:hover .img {
	opacity: 0.5;
}

#spend-types:hover .img:hover {
	opacity: 1;
}

.ie6 #spend .img {
	left: 1px;
}

/*#spend-types li.on .img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}*/


#spend .img input {
/*	visibility: hidden;*/
	opacity: 0;
}

#spend .i1 {
	
}

#spend .i2 {
	background-position: -67px 0;
}

#spend .i3 {
	background-position: -134px 0;
}

#spend .i4 {
	background-position: -201px 0;
	margin: 0;
}

#custom-popup-trigger {
	position: absolute;
	top: auto;
	bottom: 25px;
	background: url(../img/ui/tool-info.png) no-repeat right top;
	width: 280px;
	height: 17px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 1;
	left: 0;
}

#custom-popup-trigger:hover {
	background-position: right bottom;
}

.ie6 #custom-popup-trigger:hover {
	padding-bottom: 1px;
	padding-right: 1px;
}

#spend-on {
	background: url(../img/ui/tool-border.png) no-repeat;
	position: absolute;
	top: 40px;
	left: -90px;
	width: 69px;
	height: 52px;
}

/* @end */

/* @group Earn */

#earn.box {
	position: absolute;
	top: 145px;
	width: 531px;
	overflow: visible;
	left: 363px;
	height: 282px;
	
}
html>body #earn.box{
*height: 290px;
}

#earn h3  {
	font-size: 23px;
}

#earn h3 i {
	font-style: normal;
	position: relative;
	left: 74px;
}

#capital_one_venturesm_card_worth {
	color: #79a332;
	font-weight: normal;
	font-style: normal;
}

.not_ie #capital_one_venturesm_card_worth {
	position: relative;
	top: 0px;
}

/*\*/
 html>body*#capital_one_venturesm_card_worth {top: 0.1255em !important;}
 /**/


@media screen and (-webkit-min-device-pixel-ratio:0) {
 #capital_one_venturesm_card_worth  { top: 0.112em !important; }
}

.ie #capital_one_venturesm_card_worth {
	padding-right: 0.25em;
}

.ie8 #capital_one_venturesm_card_worth {
	top: 5px;
}

#earn h4  {
	font-size: 17px;
	margin-top: 11px;
}

/* @end */

/* @group TheTool Graph */

#earn .graph {
	/*background: red;*/
	position: absolute;
	overflow: visible;
	height: 152px;
	bottom: 0;
	width: 100%;
	padding-bottom: 33px;
	left: 0;
	margin-left: 0;
	background: url(../img/ui/earn-box-bar.png) no-repeat 13px 49px;
	padding-left: 19px;
	top: 45px;
}

#earn .graph label {
	/*background: yellow;*/
	position: relative;
	display: block;
	float: left;
	overflow: visible;
	width: 88px;
	height: 200px;
	
	cursor: pointer;
}

#earn .graph label * {
	cursor: pointer;
}

#earn .graph label u {
	display: block;
	position: absolute;
	top: 32px;
	left: 0;
	width: 100%;
	height: 17px;
	background: url(../img/ui/tool-info.png) no-repeat center top;
	overflow: hidden;
	text-indent: -9999px;
}

.ie6 #earn .graph label u{
	background-image: url(../img/ui/tool-info-ie6.png);
}

#earn .graph label.hover u ,
#earn .graph label:hover u {
	background-position: center bottom !important;
}

#earn .graph label span {
	position: absolute;
	bottom: 0;
	display: block;
	height: 50%;
	width: 37px;
	margin-left: 25px;
	left: 0;
}

#earn .graph label span b {
	display: block;
	background: #ccc;
	position: absolute;
	top: 2.5em;
	height: 100%;
	width: 100%;
	
	background: #a3a3a3;
	background: -moz-linear-gradient(top, #f5f5f5, #a3a3a3);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#a3a3a3));
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#f5f5f5, EndColorStr=#a3a3a3)";
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#f5f5f5, EndColorStr=#a3a3a3);
}
.no-animating #earn .graph label span b {
	-moz-box-shadow: 0 -1px 5px #aaa;
	-webkit-box-shadow: 0 -1px 5px #aaa;
}

html.no-cssgradients body.not_ie #earn .graph label span b {
	background: #A3A3A3 url(../img/ui/grad-F5F5F5-A3A3A3.png) center 37%;
}

#earn .graph label.venture span b {
	background: #235B9D;
	background: -moz-linear-gradient(top, #E3EAF3, #235B9D);
	background: -webkit-gradient(linear, left top, left bottom, from(#E3EAF3), to(#235B9D));
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E3EAF3, EndColorStr=#235B9D)";
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E3EAF3, EndColorStr=#235B9D);
	
	border-top: none;
}

html.no-cssgradients body.not_ie #earn .graph label.venture span b {
	background: #E3EAF3 url(../img/ui/grad-E3EAF3-235B9D.png) center 80%;
}

#earn .graph label span em {
	display: block;
	text-align: center;
	font-size: 9px;
	line-height: 12px;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
}

#earn .graph label span em input {
	text-align: center;
	width: 140%;
	margin-left: -20%;
	padding: 0;
	border: 0;
	background: none;
	color: #666;
	font-size: 9px;
	line-height: 12px;
}

.ie6 #earn .graph label span em input {
	position: relative;
	left: -16%;
	margin-left: 0;
}

.ie7 #earn .graph label span em input {
	text-indent: -1px;
}

#earn .graph label strong {
	position: absolute;
	left: 0;
	top: 100%;
	/*background: blue;*/
	z-index: 1;
	text-align: center;
	width: 100%;
	color: #333;
	padding-top: 3.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 9px;

	text-shadow: #ccc 0 1px 1px;
}
html>body #earn .graph label strong{
*line-height: 11px;
}

#earn .graph label.venture strong {
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	margin-top: -3px;
	padding-bottom: 1.5em;
}

#earn strong sup {
	font-size: 6px;
	vertical-align: 3px;
}

#earn .graph label.venture strong {
	color: #1f437a;
}

/* @end */

/* @group Graph Info Popup */

#graph-info {
	position: absolute;
	left: 500px;
	z-index: 1;
	top: 140px;
	-moz-box-shadow: 0 2px 10px #333;
	-webkit-box-shadow: 0 2px 10px #333;
	color: #1f437a;
	
	overflow: visible;
}

html.no_js #graph-info{
	left: -3000px;
}

.animating #graph-info,
html.v-loading #graph-info,
.loading #graph-info {
	display: none;
}

#graph-info p {
	position: relative;
	display: block;
	padding-left: 65px;
	zoom:1
}

#graph-info strong {
	width: 67px;
	white-space: nowrap;
	position: absolute;
	left: 0;
	top: 0;
}

#graph-info small {
	color: #797979;
}



/* @end */

/* @group custom-categories */

#custom-categories {
	position: absolute;
	left: 345px;
	z-index: 200;
	top: 119px;
	width: 306px;
	overflow: visible;
	-moz-box-shadow: 0 2px 10px #333;
	-webkit-box-shadow: 0 2px 10px #333;
	display: none;
	height: 190px;
}

.animating #custom-categories,
.v-loading #custom-categories,
.loading #custom-categories {
	display: none;
}

#custom-categories h3 {
	margin-bottom: 0;
	font-size: 15px;
}

#custom-categories h4 {
	margin-bottom: 10px;
}

#custom-categories span.triangle {
	display: block;
	width: 23px;
	height: 41px;
	background: url(../img/ui/custom-categories-triangle.png) no-repeat;
	position: absolute;
	top: 138px;
	left: -22px;
}

.custom-popup-close {
	background: url(../img/ui/custom-popup-close.png) no-repeat;
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	z-index: 1;
	top: 10px;
	left: auto;
	right: 10px;
	cursor: pointer;
}

#custom-categories label {
	display: block;
	float: left;
	height: 109px;
	background: url(../img/ui/tool-popup-sliders.png) no-repeat 18px -10px;
	width: 15px;
	padding-right: 18px;
	position: relative;
	padding-left: 18px;
}

#custom-categories label b span {
	display: block;
	position: absolute;
	top: -40px;
	left: -15px;
	width: 46px;
	height: 39px;
	background: url(../img/ui/custom-categories-input-bg.png) no-repeat 0 0;
}
.ie6 #custom-categories label b span {
	background-image: url(../img/ui/custom-categories-input-bg-.png);
}

#custom-categories label input {
	width: 100%;
	text-align: center;
	border: 0;
	background: none;
	color: #7cad2c;
	font-weight: bold;
	font-size: 12px;
	height: 28px;
}

#custom-categories label b {
	background: url(../img/ui/tool-popup-sliders.png) 0 -1px;
	width: 100%;
	height: 8px;
	display: block;
	cursor: row-resize;
}

#custom-categories i {
	display: block;
	position: absolute;
	bottom: 6px;
	left: 28px;
	color: #7cad2c;
	font-style: normal;
	font-size: 13px;
}

.ie6 #custom-categories i {
	background-color: #f0f0f0;
}

/* @group icons */

#custom-categories label u {
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -40px;
	background: url(../img/ui/tool-popup-types.png) no-repeat;
	background-position: 0 0;
	height: 34px;
	width: 30px;
	left: -7px;
	margin-left: 19px;
}

#custom-categories label.travel u {
	background-position: 0 0;
}

#custom-categories label.travel u.current {
	background-position: 1px -34px;
}

#custom-categories label.gas u {
	background-position: -47px 0;
}

#custom-categories label.gas u.current {
	background-position: -46px -34px;
}

#custom-categories label.entertainment u {
	background-position: -94px 0;
}

#custom-categories label.entertainment u.current {
	background-position: -93px -34px;
}

#custom-categories label.shopping u {
	background-position: -136px 0;
}

#custom-categories label.shopping u.current {
	background-position: -135px -34px;
}

#custom-categories label.utilities u {
	background-position: -182px 0;
}

#custom-categories label.utilities u.current {
	background-position: -181px -34px;
}

#custom-categories label.other u {
	background-position: -229px 0;
}

#custom-categories label.other u.current {
	background-position: -228px -34px;
}

/* @end */



/* @end */


/* @end */

/* @group Redeem */
#redeem-video {
	width: 490px;
	position: absolute;
	top: 78px;
	left: 46px;
	height: 285px;
	padding: 0;
}

#redeem-box {
	width: 324px;
	position: absolute;
	top: 78px;
	left: 569px;
	height: 60px;
}


#redeem-box2 {
	width: 324px;
	position: absolute;
	top: 176px;
	left: 569px;
	height: 60px;
}

#redeem-box3 {
	width: 324px;
	position: absolute;
	top: 275px;
	left: 569px;
	height: 60px;
}

.page-redeem {
	
}

.page-redeem .h1 p {
	display: block;
	margin: -8px 0 0;
	font-size: 12px;
	line-height: 24px;
}

.vbox,
.vbox:link,
.vbox:visited,
.vbox:focus,
.vbox:hover,
.vbox:active
{	
	background: transparent;
}
.no-animating .vbox,
.no-animating .vbox:link,
.no-animating .vbox:visited,
.no-animating .vbox:focus,
.no-animating .vbox:hover,
.no-animating .vbox:active
{

}

html.no-cssgradients body.not_ie .vbox,
html.no-cssgradients body.not_ie .vbox:link,
html.no-cssgradients body.not_ie .vbox:visited,
html.no-cssgradients body.not_ie .vbox:focus,
html.no-cssgradients body.not_ie .vbox:hover,
html.no-cssgradients body.not_ie .vbox:active {
	background: #F0F0F0 url(../img/ui/grad-FFFFFF-F0F0F0.png) center center;
}

.vbox .box,
.vbox .box:link,
.vbox .box:visited,
.vbox .box:focus,
.vbox .box:hover,
.vbox .box:active
{
	border-color: #cbe7f9;
	
	background: #f9f9f9;
	background: -moz-linear-gradient(top, #FFFFFF, #f0f0f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f0f0f0));
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#F0F0F0)";
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#F0F0F0);

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

html.no-cssgradients body.not_ie .vbox .box,
html.no-cssgradients body.not_ie .vbox .box:link,
html.no-cssgradients body.not_ie .vbox .box:visited,
html.no-cssgradients body.not_ie .vbox .box:focus,
html.no-cssgradients body.not_ie .vbox .box:hover,
html.no-cssgradients body.not_ie .vbox .box:active {
	background: transparent;
}


.vbox {
	overflow: hidden;
	padding: 0;
	margin: 0 8px 0 0;
	width: 365px;
	height: 75px;
}

.vbox .img {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0;
	
	margin: 0;
	left: 0;
	top: 0;
	
	cursor: default !important;
}

.vbox .box {
	position: relative !important;
	float: none;
	width: auto;
	top: 0;
	left: 0;
	height: 50px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 18px;
	padding-top: 11px;
	
	border: #bfe1fa 1px solid;
	
	background: #f9f9f9;
	background: -moz-linear-gradient(top, #FFFFFF, #f0f0f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f0f0f0));
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#F0F0F0)";
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#F0F0F0);
	
	margin: 0;
	padding-right: 0;	
}
.no-animating .vbox .box {
	-moz-box-shadow: 0 5px 6px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, .1);
}

.vbox .xpander {
	overflow:hidden;
	background: url('../img/ui/popup-arrow-down.png') no-repeat top left;
	height:25px;
	width:41px;
	
	display: block;
	position: relative;
	top: -4px;
	left: 0;
	margin-right: 47px;
	margin-left: auto;
}

.vbox-open {
	/* height: 260px; */
}

.vbox-open .xpander {
	background-image: url('../img/ui/popup-arrow-x.png') !important;
}

.vbox-open .box{
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
}

.vbox-open .img{
	-ms-filter:"none";
	filter:none;
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.vbox h2 {
	font-size: 19px;
	margin-bottom: 6px;
}

.vbox h3 {
	color: #666;
	font-size: 13px;
	line-height: 16px;
	margin: 0 20px 25px 0;
	padding-right: 20px;
}

.vbox h3.body-copy {
	margin-bottom: 12px;
}

.vbox .box p {
	color: #666;
	padding-left: 0;
	padding-right: 20px;
	margin-right: 20px;
	font-size: 14px;
	line-height: 18px;
	margin-right: 10px;
}

.one {
	z-index: 3;
}

.two {
	z-index: 2;
}

.three {
	z-index: 1;
}

.ie6 .two, .ie6 .three { 
	margin-top: -25px; 
}

.vbox {
	margin-bottom: 5px;
	overflow: visible;
}

/* @end */

/* @group Columns */

.box1 {
	width: 873px;
	padding-left: 0 !important;
	padding-right: 0 !important;
	height: 272px;	
	-webkit-box-shadow: 0 0 8px #ddd;
}

.box1 .img {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.col {
	position: relative;
	left: 2px;
	height: 100%;
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.img-col {
	position: relative;
	left: -1.5em;
}

.colc {
	position: relative;
	height: 100%;
	padding: 0 1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	border-right: 1px solid #ddd;
}

.colc h2 {
	height: 3em;
	line-height: 1.2em;
}

.colc p {
	font-size: 12px;
	line-height: 18px;
}

.col3 {
	width: 33% !important;
}

.col4 {
	width: 25% !important;
}

.last-col .colc {
	border-right: 0;
}



/* @end */

/* @group Benefits */

.page-benefits {
 	
}

.page-benefits .box .a {
	position: absolute;
	bottom: 21px;
}

/* @group 3 boxes */

.page-benefits .box3 .box {
	width: 152px;
	left: 367px;
	height: 272px;
	margin-left: -1px;
}

#benefits-expand .closed h2,
.page-benefits .box3 .box h2 {
	position: absolute;
	top: 15px;
	left: 17px;
	
	margin-bottom: -5px;
	font-size: 19px;
	height: 50px;
	line-height: 25px;
	width: 144px;
}

.page-benefits .box3 .box .img {
	width: 3px;
	margin-left: 10px;
}

#benefits-expand .closed p,
.page-benefits .box3 .box p {
	line-height: 18px;
	margin-right: 25px;
	font-size: 12px;
	position: absolute;
	top: 65px;
	width: 120px;
	left: 17px;
}

.ie7 #benefits-expand .closed p,
.ie7 .page-benefits .box3 .box p,
.ie6 #benefits-expand .closed p,
.ie6 .page-benefits .box3 .box p {
	padding-top: 10px;
}

/* @end */

/* @group expanding box */

#benefits-expand.box {
	z-index: 1;
	left: 46px;
	position: absolute;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 308px;
	height: 272px;
	/*-webkit-transition: width 0.5s ease-in !important;*/
}

#benefits-expand.box .a {
	background: url('../img/ui/popup-rarrow.png') no-repeat right top;
	height:41px;
	width: 84px;
	left: auto;
	right: 81px;
	z-index: 1;
	line-height: 41px;
	bottom: 5px;
}

#benefits-expand.hbox-open .a {
	background-image: url('../img/ui/popup-rarrow-x.png');
	text-indent: -9999px;
	overflow: hidden;
}

#benefits-expand .img {
	margin-right: 0;
	padding-right: 0;
	margin-left: 0;
	padding-left: 0;
	
	width: 102px;
	z-index: 1;
}

.ie6 #benefits-expand .img {
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	float: none;
}



#benefits-expand.open/*,
#benefits-expand:hover*/
{
	width: 877px;
}

#benefits-expand .closed {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 14px;
	padding-top: 14px;
	width: 211px;
	height: 100%;
	padding-bottom: 1px;
}

#benefits-expand .expanded {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 14px;
	padding-top: 6px;
	width: 700px;
	height: 224px;
	overflow: visible;
	padding-bottom: 1px;
}

#benefits-expand .closed,
#benefits-expand .expanded {
	-webkit-transition:opacity 0.5s ease-out;
}

#benefits-expand.hbox-open .closed {
	left:auto;
	right: 100%;
	opacity: 0;
}

#benefits-expand .expanded {
	left:auto;
	right: 100%;
	opacity: 0;
	width: 750px;
}

#benefits-expand.hbox-open .expanded {
	left:0;
	right: auto;
	opacity: 1;
}

#benefits-expand .expanded .colc h3 {
	font-size: 14px;
	font-weight: bold;
	height: auto;
}

#benefits-expand .expanded p {
	font-size: 12px;
	line-height: 16px;
	margin-bottom:15px;
}

/* @end */



/* @end */

/* @group Video */

.page-video .box {
	height: 281px;
	width: 357px;
}

#video {
	width: 428px;
	height: 253px;
	margin-right: 29px;
}

#video iframe {
	width: 100%;
	height: 100%;
	border: none;
}

#video-list.box {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 0;
	padding-bottom: 0;
}

#video-list .rbox {
	position: relative;
	display: block;
	overflow: hidden;
	width: 366px;
	height: 94px;
	left: -4px;
	
	border-bottom: 1px solid #ddd;
}

#video-list .rbox:hover {
	background: #eee;
	background: rgba(240,240,240,0.5);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5), #f0f0f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#00FFFFFF, EndColorStr=#f0f0f0)";
	filter:     progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#00FFFFFF, EndColorStr=#f0f0f0);
}

html.no-cssgradients body.not_ie  #video-list .rbox:hover {
	background: #F0F0F0 url(../img/ui/grad-FFFFFF-F0F0F0.png) center bottom;
}

.ie #video-list .rbox:hover {
	background: none;
}

#video-list .rbox img {
	position: absolute;
	left: 0;
	top: 10px;
	background: #111;
	color: #111;
	width: 133px;
	height: 73px;
}

#video-list .rbox p,
#video-list .rbox h3 {
	position: relative;
	left: 149px;
	width: 191px;
	margin: 0;
	top: 8px;
	line-height: 17px;
}

#video-list .rbox h3 {
	font-size: 14px;
	color: #1f437a;
}

#video-list a:focus .a,
#video-list a.hover .a,
#video-list a:hover .a,
#video-list a:active .a {
	text-decoration: none;
}

#video-list a:active * {
	text-decoration: none !important; /* cufon firefox fix, not working */
}

#video-list .rbox p {
	font-size: 10px;
	line-height: 1.2;
}

#video-list .rbox-last {
	border-bottom: 0 !important;
}



/* @end */

/* @end */



/* @end */

/* @group DEBUG */

/*
HTML.comp1.DEBUG #debug,
HTML.comp2.DEBUG #debug,
HTML.comp3.DEBUG #debug,
HTML.comp4.DEBUG #debug,
HTML.comp5.DEBUG #debug,
HTML.comp6.DEBUG #debug
{
	z-index: 999999999999;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(about:blank) no-repeat center top;
	
	opacity: 0.4;
}

HTML.comp1.DEBUG #debug {background-image: url(../Comps/1_HOMEPAGE_FINAL.png);}
HTML.comp2.DEBUG #debug {background-image: url(../Comps/2_EARN_MORE_FINAL.png);}
HTML.comp3.DEBUG #debug {background-image: url(../Comps/3_REDEEM_FINAL.png);}
HTML.comp4.DEBUG #debug {background-image: url(../Comps/4_PREMIUM_FINAL.png);}
HTML.comp5.DEBUG #debug {background-image: url(../Comps/5_SERVICE_FINAL.png);}
HTML.comp6.DEBUG #debug {background-image: url(../Comps/6_VIDEO_FINAL.png);}

HTML.comp1.DEBUG:hover #debug,
HTML.comp2.DEBUG:hover #debug,
HTML.comp3.DEBUG:hover #debug,
HTML.comp4.DEBUG:hover #debug,
HTML.comp5.DEBUG:hover #debug,
HTML.comp6.DEBUG:hover #debug
{ display: none; }

HTML.comp1.DEBUG:active #debug,
HTML.comp2.DEBUG:active #debug,
HTML.comp3.DEBUG:active #debug,
HTML.comp4.DEBUG:active #debug,
HTML.comp5.DEBUG:active #debug,
HTML.comp6.DEBUG:active #debug
{
	display: block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
*/


/*.DEBUG * {
	outline: 1px dotted blue !important;
	_border: 1px dotted blue !important;
}*/

/*.hover{ background:green !important; }*/

/* @end */


/* @group Loading FX */

.ie6.loading .box .img,
.ie7.loading .box .img {
	visibility: hidden !important;
}

.csstransitions #footer,
.csstransitions .img,
.csstransitions h1,
.csstransitions .h1 p,
.csstransitions p,
.csstransitions h2,
.csstransitions h3,
.csstransitions h4,
.csstransitions #nav a
{ -webkit-transition: opacity 0.5s ease-in; }

.ready.csstransitions #footer,
.ready.csstransitions .img,
.ready.csstransitions h1,
.ready.csstransitions .h1 p,
.ready.csstransitions p,
.ready.csstransitions h2,
.ready.csstransitions h3,
.ready.csstransitions h4,
.ready.csstransitions #nav a
{ -webkit-transition: all 0s linear !important; }

.loading #footer,
.loading .img,
.loading h1,
.loading p,
.loading h2,
.loading h3,
.loading h4,
.loading #nav a
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.loaded.csstransitions #footer,
.loaded.csstransitions .img,
.loaded.csstransitions h1,
.loaded.csstransitions p,
.loaded.csstransitions h2,
.loaded.csstransitions h3,
.loaded.csstransitions h4,
.loaded.csstransitions #nav a
{
	opacity: 1;
}

.csstransitions #footer,
.csstransitions .img,
.csstransitions h1,
.csstransitions .h1 p,
.csstransitions p,
.csstransitions h2,
.csstransitions h3,
.csstransitions h4,
.csstransitions #nav a
{ -webkit-transition: opacity 0.5s ease-in; }

.cufon-loading h1,
.cufon-loading .h1 p,
.cufon-loading h2,
.cufon-loading h3,
.cufon-loading h4,
.cufon-loading #nav a
{
	color: transparent;
	*color: #fff !important;
}


.loading #average_monthly_spend_slider,
.loading #average_monthly_spend_slider b,
.loading #custom-popup-trigger,
.loading #custom-categories span.triangle,
.loading .custom-popup-close,
.loading #custom-categories label,
.loading #custom-categories label b,
.loading #custom-categories label u,
.loading #earn u
{visibility:hidden;}

.animating * {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.animating iframe ,
.animating #slide_buttons ,
.animating #cta .link ,
.animating #cta .toglr ,
.animating #thetool-share ,
.animating .legal ,
.animating #visa-s ,
.animating .h1 {
	visibility:hidden;
}


/* @end   Loading FX */

/* @group Share */

div.addthis_toolbox {
	position: absolute;
	top: 464px;
	right: 40px;
	z-index: 100;
}

html>body div.addthis_toolbox{
*top:474px;
}
a.addthis_button_compact {
	color: #173268;
	font-weight: bold
}

/* @end   Share */

.show {
	
}
.js .hide {
	display: none !important;
}
.js .hide-cufon .cufon {
	visibility: hidden !important;
}
/*
.hide * {
	visibility: hidden !important;
	background: 1px solid red !important;
}
*/

/*.vl-on{
	border:2px solid red !important;
}*/


/* @group Match My Miles Promo */

#match-my-miles-intercept {
	width: 686px;
	height: 440px;
	position: relative;
	display:none;
}

#flashContent {
	height: 375px;
	width: 417px;
	position: absolute;
	top: 38px;
	left: 268px;
	background: transparent;
}

#match-my-miles-intercept .img {
	width: 686px;
	height: 424px;
	background: url(../img/content/intercept-bg.png)
}

.ie #match-my-miles-intercept .img {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/content/intercept-bg.png');
}

#match-my-miles-intercept-cta {
	position: absolute;
	bottom: 50px;
	left: 120px;
}

#match-my-miles-intercept a, #match-my-miles-intercept div {
	/*display: none;*/
}

.v-loaded #match-my-miles-intercept a, .v-loaded #match-my-miles-intercept div {
	display: block;
}

#match-my-miles-intercept-close {
	position: absolute;
	top: 30px;
	right: 37px;
}

#match-my-miles-header {
	width: 100%;
	height: 135px;
	background: transparent url('../img/content/welcome-page-mmm-bg.png') no-repeat 50% 100%;
	display: block;
	position: relative;
}

#match-my-miles-header a {
	display: block;
	width: 244px;
	height: 169px;
	background: transparent url('../img/content/welcome-page-mmm-link.png') no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	left: 390px;
	top: 0;
}

#match-my-miles-header a:hover {
	background-position: 0 100%;
}

#site-content .page-mmm {
	margin-left: -505px;
	width: 1007px;
	position: absolute;
	left: 50%;
	z-index: 300;
	background: transparent url('../img/content/match-my-miles-bg.png') no-repeat 50% 20px;
	font-size: 12px;
}

#match-my-miles-container {
	position: relative;
}

#match-my-miles-container .h2 {
	margin-bottom: 20px;
	position: absolute;
	top: 166px;
	left: 150px;
	font-family: "Humanist";
	color: #1F437A;
	font-size: 20px;
	line-height: 1.5em;
}

#match-my-miles-container h3 {
	color: #1F437A;
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 9px;
}

#match-my-miles-container p {
	margin-bottom: 9px;
}

#match-my-miles-main {
	width: 654px;
	height: 380px;
	display: block;
}

#match_my_miles_slideshow {
	position: absolute;
	left: 41px;
	top: 146px;
	height: 460px;
	width: 514px;
}

#match_my_miles_slideshow div {
	height: 100%;
	width: 100%;
	display: none;
}

.match-my-miles-slideshow-title {
	font-family: "Humanist";
	font-size: 22px;
	color: #1F437A;
	position: absolute;
	top: 0px;
	left: 2px;
	line-height: 1.5em;
}

.match-my-miles-copy, .match-my-miles-tagline {
	font-family: "Humanist";
	font-size: 22px;
	color: #1F437A;
	position: absolute;
	top: 60px;
	left: 2px;
	width: 300px;
	line-height: 1.5em;
}

.match-my-miles-tagline {
	color: #DD2203;
}


.match-my-miles-endorsement {
	position: absolute;
	width: 270px;
	top: 100px;
	left: 10px;
	color: #353439;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}

.match-my-miles-endorsement .source {
	margin-top: 9px;
	font-weight: normal;
}

#match-my-miles-info {
	width:355px;
	height: 395px;
	position: absolute;
	display: block;
	border: 1px solid #d2ddea;
	background: #fff;
	right: 35px;
	top: 130px;
	padding: 30px;
}

#match-my-miles-info ol, #match-my-miles-info ul {
	list-style-position: outside;
	margin-bottom: 1em;
}

#match-my-miles-info ol li, #match-my-miles-info ul li {
	line-height: 14px;
	position: relative;
	left: 18px;	
	margin-bottom: 9px;
}

#match-my-miles-airlines {
	cursor: pointer;
	border-bottom: 1px #333 solid;
}

#match-my-miles-more ol {
	margin-bottom: 1em;
}

#match-my-miles-more ol li {
	line-height: 16px;
	position: relative;
	left: 0;	
	margin-bottom: 9px;
	list-style: decimal outside none;
	margin-left: 22px;
}

#match-my-miles-more ul li {
	list-style: disc inside none;
}

#match-my-miles-container .panel {
	display: none;
}

#match-my-miles-container .panel .panelcontent {
	position: absolute;
	left: 150px;
	top: 200px;
	width: 580px;
	height: 330px;
	overflow: hidden;
	padding-right: 20px;
}

#match-my-miles-faq dt {
	cursor: pointer;
	position:relative;
	color: #1F437A;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 9px;
	padding-right: 20px;
	display: block;
	width: 580px;
}

#match-my-miles-faq .faqarrow {
	background-image: url('../img/content/sprite-arrow.png');
	position:absolute;
	width: 15px;
	height: 15px;
	right: 0;
	top: 0;
}

#match-my-miles-faq dt span.faqnumber {
	width: 24px;
	height: 24px;
	display: block;
	margin-right: 20px;
	color: #fff;
	background: transparent url('../img/content/sprite-number.png') no-repeat 104% 50%;
	text-align: center;
	line-height: 21px;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

#match-my-miles-faq dt span.active {
	background-position: 0 0;
}

#match-my-miles-faq dd {
	margin: 0 0 9px 45px;
}

#match-my-miles-faq dd h4 {
	text-transform: uppercase;
	margin-bottom: 9px;
}

#match-my-miles-faq ul {
	margin: 0 0 9px 15px;
}

#match-my-miles-tandc li {
	list-style: disc inside none;
	margin: 0 0 9px 12px;
	text-indent: -12px;
}

#match-my-miles-links {
	width: 385px;
	position: absolute;
	bottom: 53px;
	right: 38px;
}

#match-my-miles-mainlink {
	position: absolute;
	top: -337px;
	left: -115px;
	display: none;
}

#match-my-miles-tabs {
	position: absolute;
	bottom: 57px;
	left: 240px;
	width: 133px;
}

#match-my-miles-tabs li {
	list-style: inside none none;
	position: relative;
	display: block;
	width: 125px;
}

#match-my-miles-tabs li a {
	color: #4d7415;
	text-align: left;
}

#match-my-miles-tabs li a:hover {
	text-decoration: underline;
}

.mmmarrows {
	height: 1em;
	line-height: 1em;
	position: absolute;
	left: -8px;
	top: 3px;
}

#match-my-miles-cta {
	position: absolute;
	right: 15px;
	bottom: 10px;
	display: block;
	width: 133px;
	height: 37px;
	background: transparent url('../img/content/match-my-miles-cta.png') no-repeat 50% 0;
}

#match-my-miles-social {
	position: absolute;
	left: -10px;
	bottom: 10px;
}

#match-my-miles-like {
	position: absolute;
	top: -2px;
	left: 160px;
}

#match-my-miles-facebook {
	position: absolute;
	left: 75px;
	top: -4px;
}

#match-my-miles-social .addthis_toolbox {
	position: relative;
	left: 0px;
	top: 1px;
	float: left;
}

.match-my-miles-scroller {
	background: #fff;
	height: 330px;
	width: 5px;
	position: absolute;
	left: 765px;
	top: 200px;	
}

.match-my-miles-scrollknob {
	background-color: #cccccc;
	min-height: 10px;
	width: 6px;
}

.smFont{
font-size:9px;bottom:0.8em;color:#1F437A;
}
.regSpacing{
bottom:0.2em;
left:0.1em;
}
span sup,p sup{
font-size:10.5px;
}
.smSmall{
font-size:7.2px;
}
.a sup{
font-size:9px;
}

/* @end MMM Promo */