/*******************************************************/
/* 
Author: Mark Leppke
Description: Style sheet for screen presentation.
Version: 2.1
*/
/*******************************************************/

/* =Global Resets 
**************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* =Global Page Structure + Specific Type Styles
**************************************************/
body {
	background: #2570ad url(http://www.usbank.com/cgi_w/cfm/careers/images/bkgnd_body.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1; 
	}
	#IE6 body, #IE7 body { font-size:98%; }
#wrapper { 
	background: url(http://www.usbank.com/cgi_w/cfm/careers/images/bkgnd_wrapper.gif) center top no-repeat;
	/* height:800px; */
	}
#content {	
	width:936px; 
	margin-left:auto;
	margin-right:auto;
	}

/* Header */
#header { overflow:hidden; }
	#IE6 #header { width: 100%; } /*forces IE6 to hasLayout on overflow*/

/* Main Content Section */	
#mainContent { 
	background: #fff; 
	padding: 20px 0px 20px 25px; 
	margin: 10px 0 0 0;
	overflow:hidden; 
	}
	#IE6 #mainContent {	width:906px; overflow:visible; } /*forces IE6 to hasLayout on overflow*/

/* =Global Typography
**************************************************/
a:link { color: #0c2074; }
a:visited { color:#878787; }
a:hover { color: #de162b; }
a:active { color: #2b85bb; text-decoration:none; }


A.footnoteLink:link { color: #000000; font-size: 9px; text-decoration: underline;}
A.footnoteLink:visited { color: #000000; font-size: 9px; text-decoration: underline;}
A.footnoteLink:hover { color: #de162b; font-size: 9px; text-decoration: underline;}

a.contentFooterLinks:link {padding-right: 15px;}
a.contentFooterLinks:visited {padding-right: 15px;}
a.contentFooterLinks:hover {padding-right: 15px;}

a.siteMapHeader:link {
padding-left: 20px;
color: #1b3281;
font-size: 13px;
font-weight: bold;
background: url(../images/sitemap_headerArrow.gif) no-repeat;
line-height: 20px;
}
a.siteMapHeader:visited {
padding-left: 20px;
color: #1b3281;
font-size: 13px;
font-weight: bold;
background: url(../images/sitemap_headerArrow.gif) no-repeat;
line-height: 20px;
}
a.siteMapHeader:hover {
padding-left: 20px;
color: #1b3281;
font-size: 13px;
font-weight: bold;
background: url(../images/sitemap_headerArrow.gif) no-repeat;
line-height: 20px;
}

a.siteMapSubHeader:link {
padding-left: 35px;
color: #1b3281;
font-size: 12px;
background: url(../images/sitemap_SubheaderArrow.gif) no-repeat;
line-height: 17px;
}
a.siteMapSubHeader:visited {
padding-left: 35px;
color: #1b3281;
font-size: 12px;
background: url(../images/sitemap_SubheaderArrow.gif) no-repeat;
line-height: 17px;
}
a.siteMapSubHeader:hover {
padding-left: 35px;
color: #1b3281;
font-size: 12px;
background: url(../images/sitemap_SubheaderArrow.gif) no-repeat;
line-height: 17px;
}

a.siteMapLink:link {
padding-left: 50px;
color: #1b3281;
font-size: 12px;
background: url(../images/sitemap_LinkArrow.gif) no-repeat;
line-height: 17px;
}
a.siteMapLink:visited {
padding-left: 50px;
color: #1b3281;
font-size: 12px;
background: url(../images/sitemap_LinkArrow.gif) no-repeat;
line-height: 17px;
}
a.siteMapLink:hover {
padding-left: 50px;
color: #1b3281;
font-size: 12px;
background: url(../images/sitemap_LinkArrow.gif) no-repeat;
line-height: 17px;
}


h1 { margin: 20px 0 0 0; width:195px; float:left;} 
h2 { margin: 20px 0 10px 0; color: #000000; font-size: 16px; font-family: arial, helvetica, sans-serif;}
h3 { margin: 20px 0 5px 0; color: #1b3281; font-size: 14px; font-family: arial, helvetica, sans-serif;}
h4 { margin: 20px 0 5px 0; color: #1b3281; font-size: 18px; font-family: arial, helvetica, sans-serif;}


/* =Footer
**************************************************/
#footer {
	padding-bottom:2em;
	margin-left:20px;
	width:900px;
	}
	#footer a:link {color:#a9c1da;}
	#footer a:visited {color:#a9c1da;}
	#footer a:hover {color:#fff; text-decoration:none;}
	#footer a:active {color:#a9c1da;}
#footer ul {margin-top:.7em;}
#footer li {
	color: #a9c1da;
	padding-right: .7em;
	font-size:.7em;
	line-height:1.2;
	display:inline;
	}
 .box {
	border: 1px solid #6992be;
	padding:.35em;
	margin-bottom:.7em;
	}
	#legal li {display:block;}
	
.leavingButton {
	background: url(../images/button_bg.gif) repeat-x;
	color: #1a1c1e;
	font-size: 85%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-right: 10px;
	border: 1px solid #1a1c1e;
	}
	
#leavingWrapper {
	background: #ffffff;
	width: 100%;
	height: 100%;
	}

#leavingContent {
	width: 475px;
	margin-left: 25px;
	}
	
#buttonnav {
	width: 100%;
	text-align: right;
	margin-top: 50px;
	}
	
sup {
font-size: 9px;
line-height: 9px;
}

.contentFooter{
background: url(../images/content_footer_bg.gif);
background-repeat: repeat-x;
width: 926px;
height: 27px;
vertical-align: middle;
padding-top: 13px;
text-align: right;
font-size: 11px;
color: #1b3281;
padding-right: 10px;
}

.faq_content_bg {
background: url(../images/faq_content_bg.gif);
background-repeat: no-repeat;
background-position: top right;
}

.reward_content_bg {
background: url(../images/reward_bg_01.gif);
background-repeat: no-repeat;
background-position: 0px -9px !important;
background-position: 0px 0px;
}

.rewardsPalms {
float: right;
position: relative;
top: -19px !important;
top: -20px;
left: 10px;
}

.reward_redeeming {
height: 100px;
margin-top: 30px;
color: #1b3281;
font-size: 13px;
line-height: 18px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

#contact_col1 {
float: left;
width: 550px;
margin-right: 25px;
}


#contact_col2 {
float: left;
width: 51px;
padding-top: 78px;
}

#contact_col3 {
float: left;
width: 270px;
}

#contactContent {
background: url(../images/contact_content_bg.gif);
background-repeat: no-repeat;
width: 896px;
height: 490px;
}

#contact_right_top {
background: url(../images/contact_right_top_bg.gif);
background-repeat: repeat-x;
width: 250px;
padding: 10px 10px 10px 10px;
}

#contact_right_bottom {
background: url(../images/contact_right_bottom_bg.gif);
background-repeat: repeat-x;
width: 250px;

padding: 10px 10px 50px 10px;
}


#disclaimer {
display: none;
}


.travelRewardsProd {
background: url(../images/visa_sig_prod_bg.gif) #ffffff;
background-repeat: no-repeat;
min-height: 557px;
width: 896px;
}

.SiteMapbg {
background: url(../images/SiteMap_bg.gif);
background-repeat: no-repeat;
width: 896px;
}

.SetupAPbg {
background: url(../images/setautopay_bg.gif);
background-repeat: no-repeat;
width: 896px;
}

.AutoPayPage {
background: url(../images/AutoPayPage_bg.gif);
background-repeat: no-repeat;
min-height: 450px;
width: 915px;
}

.AutoPayRCol {
background: url(../images/AutoPayRCol_bg2.gif);
background-repeat: repeat-x;
height: 582px !important;
height: 510px;
width: 257px;
padding: 10px 10px 0 10px;
float: left;
position: relative;
left: 49px;
top: 23px;
z-index: 100;
}

.AutoPayRCol2 {
background: #ecf3fa;
height: 200px;
width: 400px;
float: left;
}

.AutoPayRCol3 {
background: url(../images/AutoPayRCol_bg2.gif);
background-repeat: repeat-x;
height: 582px !important;
height: 510px;
width: 257px;
padding: 10px 10px 0 10px;
float: left;
position: relative;
left: 49px;
top: 20px !important;
top: 10px;
z-index: 100;
}

.addCardList {
list-style-type: decimal;
list-style-position: inside;
padding-left: 10px;
}

.prodHeadCont {
height: 78px !important;
height: 81px;
}

.prodHeadContSR {
height: 72px !important;
height: 75px;
}

.prodHeadContBTR {
height: 75px !important;
height: 81px;
}

#sig_tabs {

}

#sig_tabs a span {
float: left;
display: block;
width: 100px;
height: 23px;
text-align: center;
margin-top: 33px !important;
margin-top: 30px;
margin-right: 15px;
padding-top: 6px;
background: url(../images/visa_sig_prod_tab_bg.gif) #ffffff;
background-repeat: repeat-x;
text-decoration: underline;
font-size: 12px;
color: #1b3281;
font-weight: bold;
cursor: pointer;
}


#sig_tab1 {
display: none;
clear: both;

}

#sig_tab2 {
display: none;
clear: both;

}

#sig_tab3 {
display: none;
clear: both;
}

#sig_tab4 {
display: none;
clear: both;

}

#sig_tab5 {
display: none;
clear: both;

}


ul.bullet {
list-style-type: disc;
list-style-position: inside;
}

.selectRewardsProd {
background: url(../images/visa_SR_prod_bg.gif) #ffffff;
background-repeat: no-repeat;
background-width: 100%;
min-height: 557px;
width: 896px;
}


.BTRProd {
background: url(../images/visa_BTR_prod_bg.gif) #ffffff;
background-repeat: no-repeat;
background-width: 100%;
background-position: 0% -1px !important;
background-position: 0% 2px;
min-height: 557px;
width: 896px;
}

img.prod_Compare_Button {
position: relative;
top: 115px;
left: 229px !important;
left: 226px;
}

img.prod_Compare_ButtonBTR {
position: relative;
top: 115px;
left: 220px !important;
left: 217px;
}

#prod_apply {
position: relative;
top: 130px;
left: 210px;
width: 205px;
text-align: center;
}

#prod_apply img{
padding-left: 25px;
}


#prodBTR_apply {
position: relative;
top: 60px !important;
left: 690px !important;
top: 115px;
left: 230px;
width: 200px;
/*padding-left: 515px;*/
/*background: url(../images/BTR_apply_bg.jpg) repeat-x;*/
}

#prodBTR_apply img {
padding-left: 25px;
}

#prodBTR_apply a {
/*padding-left: 515px;*/
outline: none;
}

.prodBTRTab {
position: relative;
top: -90px !important;
top: -25px;
}


.rewardsRcol {
background: url(../images/rewardsRcol_bg.gif) no-repeat;
width: 245px;
height: 555px;
float: right;
padding-left: 20px;
}

.setWidth {
width: 625px;
}

ol.decimal {list-style-type: decimal;
list-style-position: inside;
}

ul.offerList {
list-style-type: none;
padding: 10px 10px 10px 20px;
margin: 0 0 0 1px;
background: url(../images/offerListBG.gif);
}

ul.offerList li {
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 20px;
margin-top: 15px;
color: #4d4d4d;
font-family: arial;
font-size: 12px;
font-smooth: always;
line-height: 15px;
}

.listWidth1 {
width: 284px;
}

.listWidth2 {
width: 598px;
}

.listWidth3 {
width: 281px;
}