/* CSS Document */

/*** BEGIN STRUCTURAL ELEMENTS ***/
/* Reset Tags */
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, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;  padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ul,ol{}
body {line-height: 1.5;}
table {border-collapse: separate; border-spacing: 0; }
caption, th, td {text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/* Set Basic Typography */
h1,h2,h3,h4,h5,h6 {font-weight: normal; }
h1 {font-size: 2.0em; line-height: 1.6em; font-weight: bold; margin-bottom: 0.75em; color:#000000;}
h2 {font-size: 1.4em; line-height: 1.6em; font-weight: bold; margin-bottom: 0.75em; color:#ffffff;}
h3 {font-size: 1.2em; line-height: 1.6em; font-weight: bold; margin-bottom: 0.5em; color:#abdaff;}
h4 {font-size: 1.2em; line-height: 1.6em; font-weight: bold; margin-bottom: 0.5em; color:#abdaff;}
h5 {font-size: 1.2em; line-height: 1.6em; font-weight: bold; margin-bottom: 0; color: #000000}
h6 {font-size: 1.0em; line-height: 1.6em; font-weight: bold; margin-bottom: 0; color: #000000}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
p {margin: 0 0 1.5em;}
p img.left {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em;}
a:focus,a:hover{text-decoration: underline;}
a {color: #2266ac; text-decoration: none;}
blockquote {margin: 1.5em; color: #666; font-style: italic;}
strong{ font-weight: bold;}
em, dfn {font-style: italic;}
dfn {font-weight: bold;}
sup, sub {line-height: 0;}
abbr, acronym {border-bottom: 1px dotted #666;}
ol li ul { list-style: disc;}
/*** general ***/
body {font-family: Verdana, Geneva, sans-serif;	font-size:75%; text-align:center; background: #4e4d4d url(../images/bg_ultraone_body.jpg) repeat-x center top !important; margin: 0;	padding: 0;}
.clearboth {clear:both;}
.hidden {display:none !important;}
#container {width: 900px; margin: 10px auto 0 auto; padding: 0;}
/*** header area ***/
#header {width:100%; height:103px; background: url(../images/bg_ultraone_header.jpg) top left repeat-x;}
#header_container{width: 900px; margin: 0 auto;}
h1#logo {padding: 0; margin: 0;	float:left;}
h1#logo a{margin-top: 4px;width: 267px; height: 95px; background: url(../images/bg_ultraone_logo.png) no-repeat; text-indent: -99999px; display: block; overflow: hidden; cursor: pointer;}
#header_navigation{float: right; margin: 75px 20px 0 0; color: #FFFFFF}
#header_navigation a{color:#FFF; text-decoration: none;}
#header_navigation a:hover{ text-decoration: underline}
/*** content area ***/
#content_area{width:860px; padding:20px; text-align:left; background: url(../images/bg_ultraone_content_area.png) repeat; min-height: 600px; position: relative }
h2.title{background:url(../images/bg_ultraone_title.jpg) top left no-repeat; width: 533px; height: 35px; display: block; overflow: hidden; padding-left: 20px; padding-top: 5px; float: left;}
#intro_copy{background: #525252; padding: 25px; color: #FFFFFF; width: 513px; float: left;}
#intro_logos{float:right;}
/*** subpage areas **/
#subpage_left_column{float: left; margin-right: 20px; width: 200px;}
#subpage_center_column{float: left; margin-right: 20px; width: 420px;}
#subpage_right_column{float: right; width: 200px;}
h3.subnav_title{color: #4e6382; font-weight: bold; font-size: 1.2em; margin: 0 10px; width: 180px; display: block; border-bottom: 1px solid #CCC; padding: 7px 0}
h2#ultraone_standard_banner{width: 420px; height: 142px; display: block; overflow: hidden; text-indent: -99999px; background:url(../images/bg_banner_ultraone.jpg) top left no-repeat;}
h2#ultraone_coach_banner{width: 420px; height: 142px; display: block; overflow: hidden; text-indent: -99999px; background:url(../images/bg_banner_ultraone_coach.jpg) top left no-repeat;}
h2#ultraone_expediter_banner{width: 420px; height: 142px; display: block; overflow: hidden; text-indent: -99999px; background:url(../images/bg_banner_ultraone_expediter.jpg) top left no-repeat;}
#subnav{background: #FFFFFF; padding-bottom: 10px; margin-bottom: 20px;}
#subnav ul{list-style: none; padding-left: 20px;}
#subnav ul li{margin: 0; padding: 0px 0; width: 100%; margin: 0;}
#subnav ul li a{color: #4e6382; width: 130px; display: block; padding: 5px; position: relative; z-index: 999}
#subnav ul li a:hover{text-decoration: none; background:url(../images/bg_subnav_selected.jpg) top left repeat-y; font-weight: bold;}
h3.subcards_title{color: #4e6382; font-weight: bold; font-size: 1.2em; margin: 0 10px; width: 180px; display: block; padding: 7px 0}
#sub_cards{background-color: #f4f4f4; float: left; padding: 10px; width: 180px;}
#sub_cards hr {width: 100%; padding: 0 10px; clear: left; margin: 5px 0 10px 0; border: none; background: #CCC; height: 1px; float: left;}
.sub_card{float: left; width: 100%;}
.sub_card img{float: left; border: 0;}
.sub_card p{float: right; width: 80px;}
#subpage_content{padding: 20px; width: 380px; background: #525252; color: #FFFFFF}
#subpage_content a{color: #f8e06f !important}
#subpage_login{background: #4e6382; padding: 10px; margin-bottom: 20px; width: 180px; color: #fff;}
h3#subpage_login_title{color: #FFF; font-weight: normal; font-size: 1em !important; background: #1f3955; width: 170px; padding: 5px; margin: 5px 0 10px 0; font-weight: bold; text-align: center; }
#subpage_login p{font-size: .8em;}
#member_button{background: url(../images/btn_become_member.jpg) top left no-repeat; text-indent: -99999px; overflow: hidden; margin-left: 2px; display: block; height: 64px; width: 175px;}
p.acrobat {width:330px; margin:0 auto !important; font-size:0.8em;}
/*** right-side online catalog ad ***/
#online_catalog_ad {background: #FFFFFF; padding: 10px 0; margin-bottom: 20px; cursor:pointer;}
#online_catalog_ad p {background:url(/images/bg_catalog_ad_arrow.gif) 36px 0px no-repeat; margin: 0 10px; text-align:center;}
#online_catalog_ad .catalog_ad_title {font-size:1.2em; font-weight:bold; line-height:2.0em; color:#39709B;}
#online_catalog_ad {
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333;
}
/*** login area **/
#login_area{width: 264px; float: right; background: #4e6382; height: 303px; text-align: center;}
h3#login_title{color: #FFF; font-weight: normal; font-size: 1em !important; background: #1f3955; width: 245px; padding: 4px; margin: 5px 0 0 5px}
/*** card selection area ***/
#card_selection{clear: both; margin-top: 40px; float: left; width: 100%;}
#card_left{float: left; text-align: center; width: 33%; display: block; overflow: hidden; padding-top: 10px; position:relative}
#card_center{float: left; text-align: center; width: 33%; border-left: 1px solid #999; border-right: 1px solid #999; display: block; overflow: hidden; padding-top: 10px;}
#card_right{float: left; text-align: center; width: 33%; display: block; overflow: hidden; padding-top: 10px;}
h2.card_title{color: #2f496c}
.card_image{left: 1px; position: relative}
.card_image_1{left: 1px; position: relative; display: block; text-indent: -99999px; width: 221px; height: 128px; background:url(../images/ultraone_card.png) top left no-repeat;}
.card_image_2{left: 1px; position: relative; display: block; text-indent: -99999px; width: 221px; height: 128px; background:url(../images/ultraone_card_expediter.png) top left no-repeat;}
.card_image_3{left: 1px; position: relative; display: block; text-indent: -99999px; width: 221px; height: 128px; background:url(../images/ultraone_card_coach.png) top left no-repeat;}
a.learn_more_button{text-indent:-99999px; width:182px; height:39px; display:block; overflow: hidden; background:url(../images/learn_more_button.jpg) top left; margin: 10px auto 0 auto;}
#subpage_loyalty_login{padding-bottom: 20px;float: left; width: 180px;}
#subpage_loyalty_login label{color:#FFFFFF;}
#subpage_loyalty_login dl{padding:0px 10px; margin:0px; list-style:none;}
#subpage_loyalty_login dt{float:left; padding: 5px 0 6px 0; height:18px; width:65px;}
#subpage_loyalty_login dt label{text-align:right;}
#subpage_loyalty_login dd{float:right; padding-bottom:6px;}
#subpage_loyalty_login input#account_id,#subpage_loyalty_login input#pincode{background:#98A9C3; border:none; color:#555450; width:150px; padding:5px; float:right;}
#button_login{background:url(/images/homepage/button_login.jpg); width:84px; height:24px; text-indent:-9999px; cursor:pointer; display: block; overflow:hidden; border:none; float:right; margin-right:10px;}
/*** footer area ***/
#footer {width:860px; height:15px; padding:20px;}
#footer a{color: #FFFFFF;text-decoration:none;}
#footer p {float:left; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; color: #FFFFFF;}
#footer p.credit {float:right;}
#footer a:hover{text-decoration:underline;}
/*** end footer area ***/
#content_area p{margin:0 0 15px 0; line-height:1.8em;}
#content_area p a{color:#39709b; }
#content_area p a:hover{color:#39709b;text-decoration:underline;}
/*** END HOMEPAGE STYLES ***/
#right_nav{list-style: none; padding: 0; margin: 0; margin-left: 10px;}
#right_nav li{padding: 5px 0;}
#right_nav a{color: #FFFFFF}
#right_nav_roll{height: 1px; border: none; background: #999;}
/*** benefits page ***/
#benefits_table th,#benefits_table td{padding: 10px;}
#benefits_table tr{background: #7d7d7d;}
#benefits_table td{border-right: 1px solid #545454}
tr.title_bar{background: #334d70 !important;}
tr.title_bar td{border: none !important}
tr.alternate{background: #646464 !important;}
th.subject{background: #425e84 !important; border-bottom: 1px solid #334d70;}
/*** FANCY DANCY CSS3 ADD-ONS ***/
/* Note: -moz-border-radius is also used by jquery.curvycorners for IE8 and below */
h2{text-shadow: -1px 1px 1px  #b8b8b8;}
#content_area{-moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333;}
#intro_copy{
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333;
}
#login_area{
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333;
}
h3#login_title{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#subnav{
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333;
}
#sub_cards{
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333;
}
h2#ultraone_standard_banner{
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333;
}
h2#ultraone_coach_banner{
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333;
}
h2#ultraone_expediter_banner{
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333;
}
#subpage_content{
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333;
}
#subpage_login{
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	-moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333;
}
h3#subpage_login_title{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#ui-datepicker-div {-moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333;}
/*** Account summary ***/
.account_summary td{background: #425e84; padding:10px;}
.account_summary td.label{background: #334d70 !important;}
.ultra_extras tr.odd{background: #646464; }
.ultra_extras td{text-align:center;}
.ultra_extras tr td.label{background: #425e84; padding:10px; text-align:left; }
.ultra_extras tr.header td.label{ background: #334d70 !important; text-align:center;}
/*** Become-a-Member and Update-Member-Info forms ***/
#ta_form_message{text-align:center; color:#FF0000; padding-bottom:10px;}
.ultraone_form .required{font-weight:bold;}
.ultraone_form .is_required{font-size:0.8em;clear:left;}
.ultraone_form p{padding:0px; margin:0px; }
.ultraone_form{padding:0px; margin:0px;}
.ultraone_form dl{padding:0px; margin:0px; list-style:none;}
.ultraone_form dl dt{clear:left; float:left; width:35%; padding-bottom:5px;}
.ultraone_form dl dd{float:left; width:65%; padding-bottom:5px;}
.ultraone_form dl dt label{float:right; padding-right:10px; line-height:24px;}
.ultraone_form dl dd input,.ultraone_form dl dd select{float:left; border:none; background:#A3A3A3; padding:5px; color:#FFFFFF; margin:0px; }
#submit_button{background:url('/images/btn_send_request.jpg') top left no-repeat; width:183px; height:40px; cursor:pointer; text-indent:-9999px; overflow:hidden;}
.floating_john_ultraone_homepage{float: left; display: block; height: 450px; width: 350px; position: absolute; top: 500px; left: 600px; z-index: 100}
.floating_john_arrow{float: left; display: block; height: 450px; width: 350px; position: absolute; top: 14px; left: 50px; z-index: 100}
#arrow{position: absolute; top: 180px; left: -50px; background:url(/images/john_arrow.png) top left; display: block; text-indent: -99999px; width: 45px; height: 30px; z-index: 100;}
/*** Fuel Receipts & Statement ***/
.ui-datepicker-trigger {cursor:pointer;}
#statement_filter {width:100%; margin-bottom:10px;}
#filter_button{background:url('/images/btn_filter.jpg') top left no-repeat; width:113px; height:40px; cursor:pointer; text-indent:-9999px; overflow:hidden;}
#filter_form dl dt {width:90px;}
.fuel_statements_months {clear:both; width:300px; margin:0 auto;}
.fuel_statements_months tr.odd{background: #646464; }
.fuel_statements_months tr td{text-align:center;}
.fuel_statements_months tr td.label{background:#425e84; padding:10px; text-align:left;}

#activity_header {float:left; margin-right:25px; margin-bottom:0;}
#action_links {float:left; margin-top:3px;}
#period {clear:both;}
.fuel_statement {width:100%; margin:0 0 10px 0; clear:both; background-color:#525252;}
.fuel_statement tr.odd{background: #646464; }
.fuel_statement tr td {padding:3px; text-align:center;}
.fuel_statement tr.header td.label{background: #334d70 !important; text-align:center; vertical-align:bottom;}
.fuel_statement tr td.number {text-align:right;}