/* =BASE
----------------------------------------------- */
/*  partial version of Meyer's Reset  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-family: inherit; }
ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
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: "" ""; }

body { 
    background: #fff; 
    color: #222;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px; line-height: 1.5; 
    text-align: center;
    }

/* --- CSS contents ---------
     TYPE
     LINKS & LISTS
     STRUCTURE
     NAVIGATION
     FOOTER
     HOME
     MISC

------ COLORS ------
	purple: #609
	orange: #f60
	blue: #09c
	special gray: #646e73
	light gray: #999

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

/* =TYPE
----------------------------------------------- */
h1 { font-size: 24px; font-weight: normal; line-height: 1.2; margin: 9px 0 6px; color: #609; } 
	#tdefault h1 { margin: 36px 0 6px; } 
h2 {font-size: 16px; margin: 18px 0 6px; color: #609 }
	#tfaq h2 { margin: 27px 0 3px; }
	#sidebar h2 { font-size: 16px; margin: 0 0 6px; }
		#tdefault #sidebar h2 { font-size: 18px; line-height: 1.2; padding: 10px 10px 12px; background: #609; color: #fff; }
	.sidebar h2 { font-size: 14px; font-weight:normal; border-bottom: solid 1px #ccc; margin: 0; }
	#registerWrap h2 { font-size: 20px; letter-spacing:-1px; font-weight:bold; border: none 0; margin: 0 0 3px; line-height: 1.1; color:#fff }
		#registerWrap h2 strong { font-size: 26px; border: none 0; margin: 0; display: block; }
	.faqWrap h2 { font-size: 16px; border-bottom: solid 1px #ccc; }
	.bucket h2 { line-height: 1.2; margin-top: 0; background: #609; padding: 10px; color: #fff }
	.deposit-form-wrap h2 {font-size: 20px; line-height: 1.2; margin: 18px 0 6px; }
	div.products h2 { margin: 0 0 9px; padding: 6px 10px; font-size: 1em; border-bottom: solid 1px #90bade; background: #263949; color: #fff; }
h3 { font-size: 13px; margin: 9px 0 3px; color: #333; }
	#tfaq h3 { font-size: 1em; color: #777; margin: 9px 0 0 12px; }
p { margin: 0 0 1em; font-size: 1em; }
	#header p {color: #999;}
	p.subhead { font-weight: bold; }
	#sidebar p { margin-left: 10px; }
	#sidebar .bucket p { margin: 0 15px 6px 10px; color: #fff }
	div.shopPromo p {margin: 0 .3em 1em}
span#balance { font-weight: bold; }

p.footnote, p.disclaimer { color: #999; font-size: 10px; }

/* =LINKS & LISTS
----------------------------------------------- */
a { color: #609; }
a:visited { color: #666; }
	h2 a, h2 a:visited { color: inherit; text-decoration: none; border-bottom: solid 1px #333; border-bottom-color: inherit; }
	dl.faq a:visited, #sidebar a:visited, body#howto p a:visited { color: #609; }

a#logo { text-indent: -9000em; float: left; width: 120px; height: 60px; background: transparent url(../img/fedex-header-logo.png) no-repeat 0 0; margin: 9px 15px 18px; }
a#sitetitle { font-size: 30px; color: #609; font-weight: bold; text-decoration: none; margin: 18px 0 0 80px; line-height:76px;}
#registerWrap a, #registerWrap a:visited { color: #fff; text-decoration: none; }

#user-info a { color: #609; font-size: 10px; }
#user-info a:visited { color: #609; }

ul { list-style: none;}
#main ul { list-style: disc; margin-left: 1.5em; }
#main .faqWrap ul { list-style: none; margin-left: 0}
ul, ol, dl { margin: 0 0 1em}
ol {margin-left: 1.5em;}
li { font-size: 1em; line-height: 1.64; }
#topnav { clear:both; margin-left: 245px; }
#topnav li { margin:0; display: inline; }
	
	#topnav li a, #topnav li a:visited { float: left; color: #999; font-weight:bold; text-decoration: none; background: #fff; padding: 5px 12px; height: 22px; font-size: 13px; border: solid 1px #ccc; margin: 0 5px -1px; }
	#topnav li a:hover { color: #333; }

	#topnav li.shop { margin-left: 20px; background: none; }
	#topnav li.shop a { background: transparent url(../img/cart.gif) 7px center no-repeat; padding-left: 30px; font-size: 14px; }

	
	/* current page tabs */
	#thome li.home a, #taccount li.account a, #tstatement li.account a, #tprofile li.profile a { color: #fff; background:#609; }

div#footer ul.nav { float:right; width: 450px; text-align: right }
#footer ul.nav li { display: inline; }
#footer ul.nav li a { color: #777; padding: 0 10px; font-size: 11px; text-decoration: none }
#footer ul.nav li a:hover { text-decoration: underline }

ul#user-menu { margin: 0 0 9px }
#user-menu li { display: inline;}
#user-menu a, #user-menu a:visited { display: block; padding: 3px 15px 3px 30px; color: #0b2a54; font-weight: bold; text-decoration: none; text-transform: uppercase}
#user-menu a:hover { background: #00498c; color: #fff;}

ul#user-tools { margin: 18px 0; }
#user-tools a { display: block; padding: 3px 15px 3px 30px; text-decoration: none; color: #fff; }
#user-tools a:hover { background: #00498c; color: #fff;}

#terms-wrapper ol { margin-left: 1.4em; }
#terms-wrapper li { line-height: 1.3; margin-bottom: .5em; }
#terms-wrapper li ol { margin-top: .5em; }

#thome #home-intro a { font-weight: bold; }

div.faqWrap li, dl.faq li {padding: 5px 0 0; }
div.faqWrap a, ul.faqWrap a:visited { color:#609; text-decoration: none;}
div.faqWrap a.more { font-weight: bold;}
div.faqWrap a:hover { text-decoration: underline;}


	/* =language selector   
	----------------------------------------------- */
	#language-selector { float: right; margin: 3px 0; }
	#language-selector li { display: inline; padding: 6px; }
	#language-selector li a { color: #666; font-size: 10px; text-decoration: none; font-family: Verdana, Arial, sans-serif; }

	/* =faq   
	----------------------------------------------- */
	dl.faq { margin: 0 0 18px 12px; }
	dl.faq dt { color: #f60; font-size: 14px; font-weight: bold; margin: 18px 0 6px; cursor: pointer; }
	dl.faq dd { margin: 0 0 14px; margin-left: 1.5em; }


/* =STRUCTURE
----------------------------------------------- */
#wrapper { width: 900px; margin: 0 auto; text-align: left; background: #fff; }
	#shop-redir #wrapper { background: transparent}

#header {color: #999; border-bottom: solid 1px #ccc; float: left; width: 100%; }

#user-info { font-size: 13px; padding: 0 0 6px; color: #666; }

#content { clear:left; padding: 18px 0 18px; }

#main { float:right; width:640px; padding: 0 10px 18px 50px; min-height: 450px; }
	#tdefault #main { width:660px; padding-left: 30px; }

#sidebar { float: left; width: 190px; margin: 0 0 36px 0; padding: 0 0 18px 10px; }
#sidebar .bucket { margin: 0 0 36px; padding: 0 0 18px; background: #609; }

#depositWrap {clear: left;}

#footer { clear:both; height: 2em; font-size: 11px; color: #999; padding: 9px 15px 36px; border-top:1px solid #ccc;}

img.banner { margin: 0 0 9px; }

div#username { font-weight: bold; color: #666}
div#userpoints {margin: 9px 0; font-size: 12px; color: #666; }

/* =FORMS
----------------------------------------------- */

#loginForm { float:left; width:338px; padding: 18px 30px 9px; border: solid 1px #ccc; margin: 0 0 36px;
	-webkit-box-shadow: 2px 4px 5px #ccc;
	-moz-box-shadow: 2px 4px 5px #ccc;
	box-shadow: 2px 4px 5px #ccc;
 }
#deposit-form { float:right; width:350px; border: solid 1px #ccc; padding: 9px 5px; margin: 0 0 18px 15px }
#awb-deposit-form { border: solid 1px #ccc; padding: 0 30px 18px;
	-webkit-box-shadow: 2px 4px 5px #ccc;
	-moz-box-shadow: 2px 4px 5px #ccc;
	box-shadow: 2px 4px 5px #ccc;
}
div.deposit-form-wrap div.intro {float: left; width: 210px; padding-left: 30px;}

label { display: block; position: relative; font-size: 1em; line-height: 1.3; padding: 5px 10px 3px 3px; margin-right: 10px; cursor: pointer; }
	#loginForm label { color: #333; font-size: 11px; font-weight: bold; padding-bottom: 1px }
	#deposit-form label, #awb-deposit-form label {font-weight:bold; color: #609; }
	#awb-deposit-form label {font-size: 22px}
	#terms-accept label {display: inline;}

label em { font-size: 1.364em; color: #c00; position: absolute; top:.2em; right:.2em; }
label.error {font-size: 11px; margin-left: 1em; padding: 2px 5px; color: #c00; }

fieldset { padding: 15px; }
    form.depositWidget fieldset { padding: 0 0 12px; position: relative }
    #register fieldset { border: solid 1px #ccc; }
legend { color: #666; padding: 3px 10px; }
	#loginForm legend { margin-top: 0; padding: 0; font-size: 16px; color: #609; font-weight: bold; }
textarea { padding: 10px; border: solid 1px #ccc; }
select { padding: 5px; }
input {
	border: inset 1px #ccc; 
	padding: 5px 8px; }
	input[readonly] { border: none; padding-top: 6px; color: #444; background: transparent; }
	input.error { border-color: #c00; }
	#deposit-form input { width: 300px; padding: 5px 8px; font-size: 14px; margin: 0 0 6px; font-weight: bold; color: #666; letter-spacing: 4px}
	#loginForm input { width: 300px; font-size: 13px; color: #666; padding: 8px; }
	form#contact-us input, form#contact-us textarea, form#forgot-password input, form#customer_reference_form input { width: 25em; }
	#awb-deposit-form input { width: 420px; padding: 8px 12px; margin: 0 5px 6px 0; font-size: 18px; color: #666; letter-spacing: 3px }
	
	input#accept-terms { border: none; display: inline; width: 1em; margin-right: 10px; font-size: 18px; }
	#userInfo input#accept-terms { border: none; float:left; width: 1em; margin-left: 100px; }

div.inputpair {clear: left; padding: 0 0 9px;}
#loginForm div.inputpair { padding: 0 0 5px; }

div.radiopair {clear: left; padding: 6px 0;}
div.radiopair input { float: left; margin: 0 10px 0 0; height: auto; }
div.radiopair label { line-height: 1; padding-top: 1px; }

input.submit {display: block; margin: 10px 0 20px; cursor: pointer;}

div.button-wrap { clear:left; text-align:center; }

button, a.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 13px/100% Arial, Helvetica, sans-serif;
	padding: .3em 1em .35em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #fff;
	border: solid 1px #37006A;
	background: #609;
	background: -webkit-gradient(linear, left top, left bottom, from(#609), to(#37006A));
	background: -moz-linear-gradient(top,  #609,  #37006A);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#660099', endColorstr='#37006A');
}
button:hover, a.button:hover {
	text-decoration: none;
	background: #609;
	background: -webkit-gradient(linear, left top, left bottom, from(#8800cc), to(#37006A));
	background: -moz-linear-gradient(top,  #8800cc,  #37006A);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8800cc', endColorstr='#37006A');
}
button:active, a.button:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#37006A), to(#660099));
	background: -moz-linear-gradient(top,  #37006A,  #660099);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#37006A', endColorstr='#660099');
}


#loginForm button { float: right; margin-top: 18px; }
#terms-accept button {clear: left; margin: 18px 0 36px; }
#deposit-form button { float: right; margin: 9px 5px; }

#userInfo #main button, #tcontact #main button {margin-left: 11em;}

.help { display: inline; color: #666; font-size: 10px; font-style: italic }
#awb-deposit-form a.help, #awb-deposit-form a.help:visited { display: block; color: #609; }

form .hint { font-size: 10px; color: #999; }
#loginForm a.help, #loginForm a.help:visited { clear:left; font-weight: normal; color: #609; text-decoration: none; }
#loginForm h2 .help { color: #ebeff3; font-size: 12px }
#loginForm h2 .help a { color: #ebeff3; text-decoration: none; }

form#card { float:left; padding: 18px 60px; margin: 18px 0 18px 30px; width: 350px; background: #ac6 }
form#card input { font-size: 16px; font-weight: bold; color: #666; width: 3em; padding: .3em .5em; margin: 0 .5em 0 0; border: solid 1px #ccc; }
form#card button { margin-top: 9px; }

form#registerForm div { clear: left; padding: 6px 0; }
form#contact-us label, form#registerForm label, form#referralForm label { float:left; width: 6em; position: relative; text-align: right; }
form#customer_reference_form label {width:9em;}
form#contact-us label.error, form#registerForm label.error, form#referralForm label.error, form#forgot-password label.error { float:none; display: inline; text-align: left; } /* reset error label */
	form#contact-us label {width: 8em; }

form#accountMonthSelection { text-align:center; margin: 0 auto; }
    #accountMonthSelection div.inputpair { display: inline; margin: 0 0 10px; }
    #accountMonthSelection div.inputpair label { display: inline; padding-right: 5px; }
    #accountMonthSelection div.inputpair select { margin-right: 1em; }

    #statementForm div.inputpair { display: inline; margin: 0 0 10px; }
    #statementForm div.inputpair label { display: inline; padding-right: .2em; font-weight: bold; }
    #statementForm div.inputpair select { margin-right: 1em; }

form#statementForm { width: 552px; }
div#pagination { font-size: 11px; padding: 6px 10px; }
div#pagination label { display: inline; }
div#itemstoshow { float: right; width: 250px; text-align: right; }
div#pagination span { float: left; padding: 4px 8px 0 0; }
div#pagination ul { display: inline; }
    div#pagination  li { display: inline; margin: 0 3px; font-size: 14px; font-weight: bold; color: #f60 }
    div#pagination  li a { color: #609 }
    
#surveyForm div input { background: transparent } /* radiobuttons in quiz/survey */

/* profile and registration forms */
.registration fieldset { margin: 0 15px 18px; border: solid 1px #90BADE; }
.registration legend { background: #fff; }
.registration label { float:left; width: 10em; position: relative; text-align: right; padding-right: 15px; margin-right: 5px }
	.registration label#receive_info_label { width: 400px; text-align: left; margin-top: 20px; }
	.registration #rules_accepted_label { position: static; float: none; display: inline; font-weight: bold;}
	.registration #rules_accepted_label em { position: static; }

.registration label.error { display: inline; float: none; font-size: 12px; padding: 0 3px; }
form#contact-us label.error, form#forgot-password label.error, .registration label.error  { float:none; display: inline; text-align: left; } /* reset error label */
    .registration select { width: auto; }
	.registration input#receive_info { border: none; float:left; width: 1em; margin: 26px 10px 0 100px; }
	.registration input#phone_code { width: 4em; }
	.registration input#login, input#login, input#confirm_login, input#password, input#confirm_password, input#first_name, input#last_name { width: 20em; }
.registration button { margin: 18px 30px 36px; }


/* -------autocomplete -------- */
	.ac_results {
	border: solid 1px #ccc;
	background: #fff;
	height: 200px;
	overflow: auto;
	margin-top: -1px;
}

.ac_results ul { list-style: none; background: #fff }

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	line-height: 1.2;
	text-align: left;
	padding: 5px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
}

.ac_loading {
	background : #fff url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: #e2edf8;
}

div.qtip-contentWrapper { background: #fff;}
div.qtip-content { background: #666; color: #fff; }


/* =TABLES  
----------------------------------------------- */
table { background: #fff; border: solid 1px #ddd; border-bottom: none; margin: 0 0 1em; }
th, td, caption {padding: 6px 30px 6px 15px; }
	#custRefStatusTable th, #custRefStatusTable td { padding-right: 15px; }
th {font-weight: bold; background: #609; color: #fff; }
td { color: #333; border-bottom: solid 1px #ddd; }
caption { text-transform: uppercase; color: #0071c0; font-weight: bold; }
td.description { font-weight: bold;}
#statementTable { width: 640px; }
#taccount table { margin: 0 auto 1em; width: 400px; }

span.checked { padding-left: 20px; background: transparent url(../img/check.gif) left center no-repeat; }

/* =HOME/DEFAULT
----------------------------------------------- */
#home-intro { clear: both; width: 600px; margin: 18px 0; }
div.awb-form-wrap, div.deposit-form-wrap { margin: 0 0 18px;}
div.shopPromo { clear: both; padding: 0 0 18px; }	
#main div.sidebar {float: right; width:240px; } /*  */
	div.sidebar div#registerWrap {background: #999; padding: 9px 15px 3px; color: #fff; margin: 0 0 18px }
#depositWrap {clear: right;}

.carousel-wrap { float: left; background: #fff; padding: 0; }
.carousel { margin: 0; padding: 0; float: left; width: 660px; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; }
.carousel li { list-style-type: none; width: 110px; padding: 10px 40px 15px 15px; }
.carousel li a { color: #777; text-decoration: none; border: none; }
.carousel li img { margin: 0 0 6px; }


/* =FOOTER   
----------------------------------------------- */
div#copyright { float:left; width: 360px; }


/* =MISC   
----------------------------------------------- */

#user-info span#username { font-size: 15px; font-weight:bold; }

div#terms-wrapper, div#rules-wrapper, div#privacy-wrapper { padding: 0 30px; }
#tprofile #terms-wrap, #tregister #terms-wrap { height: 360px; overflow: scroll; border: solid 1px #ccc; padding: 15px; margin: 18px 0; }

div.referred { font-size: 14px; padding: 6px 0; }
    div.referred span.referred_name { font-weight: bold; padding: 0 30px; }
.alert, .referral_line_error {color: #c00;}
#user-info span.alert { text-transform: none; margin: 12px 0 0 }
p.error, span.error, div.error { display:block; line-height: 1.3; background: #fdd; color: #c03; padding: 5px 8px; text-transform: none}
    div.error { border: solid 1px #c03; margin: 6px 0; }
    #tdefault div.error { margin: 0 15px 9px; border: none; }
    #deposit-error, #deposit-result {width: 200px; clear: left;}

#user-info span.error { margin-bottom: 1em; }
form span.error { margin: 9px 15px; }
#surveyForm span.error { margin: 6px 0; }
#referralForm div.inputpair span.name-error, #referralForm div.inputpair span.email-error { display:block; font-size: 12px; line-height: 1.3; background: #fee; color: #c00; padding: 6px 10px; text-transform: none; position: absolute; background: transparent; top: 0; left: 75px; margin: 0; padding: 0; }
#referralForm div.inputpair span.email-error { left:auto; right: 30px }
label.error {font-size: 12px; margin-left: 1em; padding: 2px 5px; color: #c00; font-weight: bold; }

div.deposit-widget #deposit-result, div.deposit-widget #deposit-error { position: absolute; top: 120px; line-height: 1.2; }
	div.deposit-widget #deposit-error { color: #c00; padding: 5px; background: #fff; border: solid 1px #c00; }

div.deposit-widget #awb-deposit-result, div.deposit-widget #awb-deposit-error { position: absolute; top: 120px; line-height: 1.2; }
	div.deposit-widget #awb-deposit-error { color: #c00; padding: 5px; background: #fff; border: solid 1px #c00; }

p.success, div.success { background: #f4fdef url(../img/check.gif) no-repeat scroll 6px 50%; border: 1px solid #acdfa7; padding: 6px 10px 6px 30px; clear: both; }
#qotw-tab div.success, #qotw-tab div.error, #qotw-tab div.warning { width: 400px; font-size: 12px; }
div.warning { font-style: italic; color: #666; }
#header div.debug { position: absolute; top: 0; left: 0;}
.clearfix:after, #header:after, #main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix, #header, #main { display: inline-block; }
    /* Hide from IE Mac \*/
        .clearfix, #header, #main { display: block; }
    /* End hide from IE Mac */

.hidden {display: none;}