

body { font-family: Arial, Helvetica, sans-serif; }
body#overlay h2 { font-size: 15px; }
body#overlay p { font-size: 14px; }
.reset { margin:0; padding:0; border:none; font-style: normal; font-weight: normal; text-align: left; }
div#col_center.myaccount { width: 610px; padding-left: 10px; padding-right: 0; }

/* =Header Overrides
--------------------------------------------------------------------*/
h1 { font-size: 24px; line-height: 36px; margin-bottom: 0; color: #CC6600; }
h1 span { font-size: 18px; color: #666; }
h2 { font-size: 15px; line-height: 18px; margin-bottom: 9px; color: #666;}
h2.section { color: #c60; }
h2 span { font-size: 12px; color: #333; font-weight: normal; }
h3 { font-size: 14px; line-height: 18px; color: #0089c5; }
h3.section { color: #515151; }

/* =Horizontal Rule
--------------------------------------------------------------------*/
hr { height: 1px; margin: 0 0 18px 0; padding: 0; background-color: #fff; border: none; border-top: 1px solid #c60; }

/* =Form Styles
--------------------------------------------------------------------*/
form fieldset { color: #333; margin: 0 0 18px 0; padding: 25px; border: #bbb 1px solid; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
form fieldset.small { width: 200px; }
form fieldset.medium { width: 315px; }
form fieldset.large { width: 700px; }
form fieldset.floatleft { margin-right: 25px; }
form fieldset#newuser { padding-top: 20px; }
form fieldset#newuser p { font-size: 11px; }
form fieldset#newuser button { margin-top: 9px; }

form .required-gap { margin-right: 160px; }
form p { clear: both; }
form p.indent-small { margin-left: 20px; }
form p.indent-medium { margin-left: 80px; }
form p.indent-large { margin-left: 120px; }

form input { padding: 2px; }
form input.small { width: 150px; }
form select.small { width: 155px; }
form input.medium { width: 290px; }
form select.medium { width: 295px; }
form input.large { width: 425px; }
form select.large { width: 430px; }

form option { padding-left: 5px; }
form optgroup option { padding-left: 10px; }

label { display: block; float: left; font-size: 12px; font-weight: bold; color: #333; }
label.above { float: none; }
label.small { width: 20px; }
label.medium { width: 80px; }
label.large { width: 120px; }
label.middle { width: 116px; text-align: center; margin-left: -10px; }
label.reset { display: inline; float: none; font-weight: normal; cursor: pointer; }

form img.help { vertical-align: middle; }

/* =Navigation Bar
--------------------------------------------------------------------*/
#myaccount-navbar { margin: 0; padding: 0; list-style-type: none; }
#myaccount-navbar li { display: block; float: left; margin: 0 5px 0 0; padding: 0; width: 130px; }
#myaccount-navbar li a.button { display: block; width: 108px; text-align: center; font-weight: bold; font-size: 11px !important; }
#myaccount-navbar #wish_help, #checkout-crumb #wish_help {
	margin: 2px 0 0 0; width: 81px; border: 1px solid #666;
	-moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px;
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; box-sizing: content-box;
}
#myaccount-navbar #wish_help .wish-img, #checkout-crumb #wish_help .wish-img { display: block; float: left; width: 20px; height: 16px; margin: 0; padding: 2px 0 2px 20px; background: transparent url(/images/myaccount/ec_wish.gif) no-repeat 15px center scroll; border-right: 1px solid #666; }
#myaccount-navbar #wish_help .help-img, #checkout-crumb #wish_help .help-img { display: block; float: left; width: 20px; height: 16px; margin: 0; padding: 2px 20px 2px 0; background: transparent url(/images/myaccount/ec_help.gif) no-repeat 10px center scroll; }

/* =Checkout Progress Bar
--------------------------------------------------------------------*/
#checkout-crumb { margin: 0; padding: 0; list-style-type: none; }
#checkout-crumb li { display: block; float: left; margin: 0; padding: 0; width: 169px; height: 40px; }
#checkout-crumb .cart a, #checkout-crumb .bill a { display: block; height: 40px; }
#checkout-crumb .cart { background: transparent url(/images/myaccount/ec_cartline.gif) no-repeat 0 0 scroll; }
#checkout-crumb .bill { background: transparent url(/images/myaccount/ec_cartline.gif) no-repeat -169px 0 scroll; }
#checkout-crumb .checkout { background: transparent url(/images/myaccount/ec_cartline.gif) no-repeat -338px 0 scroll; }
#checkout-crumb .confirm { background: transparent url(/images/myaccount/ec_cartline.gif) no-repeat -507px 0 scroll; }
#checkout-crumb .cart-current { background: transparent url(/images/myaccount/ec_cartline.gif) no-repeat 0 -40px scroll; }
#checkout-crumb .bill-current { background: transparent url(/images/myaccount/ec_cartline.gif) no-repeat -169px -40px scroll; }
#checkout-crumb .checkout-current { background: transparent url(/images/myaccount/ec_cartline.gif) no-repeat -338px -40px scroll; }
#checkout-crumb .confirm-current { background: transparent url(/images/myaccount/ec_cartline.gif) no-repeat -507px -40px scroll; }
#checkout-crumb #print-crumb { width: 140px; text-align: right; }
#checkout-crumb #print-crumb a.print-page { margin: 15px 10px 0 0; }
#checkout-crumb li#wish_help { margin-top: 15px; height: 20px; }

/* =Buttons
--------------------------------------------------------------------*/
.submit input,
.button {
	font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px !important; line-height: 16px; padding: 2px 8px; cursor: pointer; border-width: 1px; border-style: solid;
	-moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px;
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; box-sizing: content-box;
}

a.button { line-height: 16px; -webkit-border-radius: 10px; padding: 3px 10px; white-space: nowrap; }
a.button:hover { text-decoration: none; }
a.button.img { padding: 6px 10px; }
a.button.img img { padding-bottom: 5px; }

.button,
.submit input,
input[type=button],
input[type=submit] {  border-color: #bbb; color: #000; }

.button:hover,
.submit input:hover,
input[type=button]:hover,
input[type=submit]:hover { color: #000; border-color: #666; text-decoration: none; }

.button,
.submit input { background: #f2f2f2 url(/images/myaccount/ec_bbgray.gif) repeat-x scroll left center; color: #000 !important; }

.button:active,
.submit input:active { background: #eee url(/images/myaccount/ec_bbgray_active.gif) repeat-x scroll left center; color: #000 !important; }

.button.green,
.submit.green input { border-color: #690 !important; color: #fff !important; background: #690 url(/images/myaccount/ec_greenbutton.gif) repeat-x scroll left center; }

.button.green:active,
.submit.green input:active { background: #690 url(/images/myaccount/ec_greenbutton_active.gif) repeat-x scroll left center !important; }

.button.blue,
.submit.blue input { border-color: #298cba !important; color: #333 !important; background: #A1C5DD url(/images/myaccount/ec_bblue.gif) repeat-x scroll left center; }

.button.blue:active,
.submit.blue input:active { background: #A1C5DD url(/images/myaccount/ec_bblue_active.gif) repeat-x scroll left center !important; }


.button[disabled],
.button:disabled,
a.button.disabled { color: #ccc !important; border-color: #ccc; }

a:active,
a:focus { color: #d54e21; }

.submit input,
.button { text-shadow: rgba(255,255,255,1) 0 1px 0; }

.button.img {
	-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
	font-size: 14px !important; height: 25px; line-height: 25px; font-weight: normal; padding-left: 15px; padding-right: 15px;
}

button.button img { vertical-align: middle; padding-bottom: 5px; }
a.button img { vertical-align: middle; border: none; }

a.button.active { cursor: default !important; }

/* =Tables
--------------------------------------------------------------------*/
#priceAvailability, .format { border-collapse: collapse; border: 1px solid #a5a5a5; margin-bottom: 9px; width: 98%; }
#priceAvailability thead, .format thead { background: #ccc url("/images/bar.gif") repeat-x left center; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }
#priceAvailability tr, .format tr { border-bottom: 1px solid #a5a5a5; }
#priceAvailability th, td { padding: 0.1em 1em; line-height: 18px; }
.format th, .format td { padding: 0.1em 1em; line-height: 18px; }
#priceAvailability th, .format th { font-weight: bold; text-align: left; text-decoration: none; font-size: 12px; }
#priceAvailability caption, .format caption { font-size: 10px; line-height: 18px; font-weight: normal; margin: 0; }
#priceAvailability col, .format col { border-right: 1px solid #a5a5a5; }

#priceAvailability input, #cart input, #checkoutTable input { text-align: center; }
#priceAvailability col#isbnCol { width: 100px; }
#priceAvailability col#statusCol { width: 90px; }
#priceAvailability col#myPriceCol { width: 100px; }
#priceAvailability col#quantityCol { width: 70px; }
#priceAvailability col#addCol { border: none; width: 110px; }

#cart tr { border-left: 1px solid #a5a5a5; }
#cart, #cart tr.noborder { border-bottom: none; border-left: none; }
#cart tr.noborder td { padding-top: 5px; }
#cart tr.noborder td.total { padding-right: 83px; }
#cart col#discountCol, #cart col#myPriceCol, #cart col#removeCol { border-bottom: 1px solid #a5a5a5; }\
#cart col#formatCol { width: 95px; }
#cart col#isbnCol { width: 100px; }
#cart col#listPriceCol { width: 80px; text-align: right; }
#cart col#quantityCol { width: 60px; }
#cart col#discountCol { width: 80px; }
#cart col#myPriceCol { width: 105px; }
#cart col#removeCol { width: 60px; }

#checkoutTable col#isbnCol { width: 100px; }
#checkoutTable col#listPriceCol { width: 110px; }
#checkoutTable col#quantityCol { width: 60px; }
#checkoutTable col#discountCol { width: 80px; }
#checkoutTable col#promoCol { width: 100px; }
#checkoutTable col#myPriceCol { width: 100px; }
#checkoutTable tr { border-left: 1px solid #a5a5a5; }
#checkoutTable, #checkoutTable tr.noborder { border-bottom: none; border-left: none; }
#checkoutTable tr.noborder td { padding-top: 5px; }
#checkoutTable tr.noborder td.total { border-bottom: 1px solid #a5a5a5; }

#renewal-product { margin-top: 10px; margin-bottom: 0; font-size: 12px; }

#changeShip { width: 620px; margin-left: 5px; }

#recent-table, #all-table { margin-bottom: 18px; }
#recent-table td, #all-table td { padding: 0; }
#recent-table tr td a, #all-table tr td a { padding: 0.2em 1em; display: block; }
#recent-table td a.normal, #all-table td a.normal { color: #333; }

#back-table td, #returns-table td { padding: 0.1em 0.5em; }
#back-table col#confirmCol, #returns-table col#confirmCol { width: 110px; }
#back-table col#shipToCol, #returns-table col#shipToCol { width: 80px; }

.highlight, .odd { background-color:#edf5ff; }
.shade { background: #ccc url("/images/bar.gif") repeat-x left center; }

/* =Notes & Questions
--------------------------------------------------------------------*/
#notes { position: relative; }
#notes span { display: block; position: absolute; top: 0; left: 0; }
#notes p { margin-bottom: 5px; font-size: 10px; padding-left: 50px; }
.question  { font-size: 10px; }
.question .note { font-size: 12px; }

/* =Stroke
--------------------------------------------------------------------*/
.stroke { border: 1px solid #c60; margin: 0 20px 20px 0; padding: 20px 10px 5px 10px; }
.stroke .note { font-size: 16px; }
.stroke .confirm { font-size: 14px; }
.stroke .indent-large { font-size: 10px; padding-left: 72px; }
.stroke p { margin-bottom: 5px; }

/* =Checkout Three Column
--------------------------------------------------------------------*/
#checkout-three-column { width: 690px; margin-top: -90px; }
#checkout-three-column.confirm {  margin-top: -120px; }
#checkout-three-column div, .help-three-column { width: 220px; }
#checkout-three-column div p { margin-bottom: 5px; }

/* =Subscription Renewal
--------------------------------------------------------------------*/
#renewal { width: 600px; }
#renewal .allRequired { margin-bottom: -15px; padding-left: 185px; }
#renewalWin .allRequired { margin-bottom: -10px; padding-left: 385px; }
#renewalWin .two-column { width: 320px; }
#renewalWin .renew-cancel { line-height: 18px; }
#renewalWin .renew-cancel label input { float: left; }
#renewalWin hr { margin-top: 10px; }
div#renewalWin label.large { width: 200px; }
div#renewalWin .print-page { margin-right: 15px; }
#federal-id { margin: -30px 0 16px 330px; }
.status { background-color: #c60; line-height: 30px; margin: 0; padding: 0 5px; color: #fff; font-weight: bold; }

/* =Reprint Invoice
--------------------------------------------------------------------*/
#reprint { width: 600px; }
#reprint .allRequired { margin-bottom: -15px; padding-left: 185px; }

/* =Help
--------------------------------------------------------------------*/
#help { background: transparent url(/images/footer_logo.gif) no-repeat top left scroll; padding: 40px 0 0 40px; }
#help h1 { font-size: 28px; color: #c60; margin-bottom: 18px; }
.help-header:link, .help-header:visited, .status-header:link, .status-header:visited,
.help-header-static:link, .help-header-static:visited, .status-header-static:link, .status-header-static:visited
	{ display: block; font-size: 16px; color: #c60; font-weight: bold; text-decoration: none; margin: 0 0 0 -20px; padding: 2px 0 0 20px; background: transparent url(/images/myaccount/grayplus.gif) no-repeat 0 0 scroll; outline: #fff; }
.help-header:hover, .help-header:active, .status-header:hover, .status-header:active,
.help-header-static:hover, .help-header-static:active, .status-header-static:hover, .status-header-static:active
	{ text-decoration: underline; }
#help-return, #help-ebook, #help-faq { display: none; }
#help-contact p, #help-return p, #help-ebook p, #help-faq p { font-size: 14px; }
#help-faq li { font-size: 14px; }

/* =Order Status
--------------------------------------------------------------------*/
.status-box {
	border: 1px solid #666; margin: 0 14px 0 0; padding: 18px 10px 10px 35px;
	-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; box-sizing: content-box;
}
.status-search-bar { height: 26px; margin: 0; padding: 0 0 0 20px; background: transparent url(/images/myaccount/searchbar.jpg) no-repeat 12px 0 scroll; line-height: 26px; font-weight: bold; font-size: 14px; }
.status-box .status-header, .status-box .status-header-static { margin-bottom: 18px; }
.status-box label.large { width: 200px; }
.status-box input.medium { width: 200px; }
.status-box select.medium { width: 205px; }
.status-box #recent, .status-box #back, .status-box #all, .status-box #returns { display: none; }
.status-box #back-button { margin-right: 18px; width: 50px; text-align: center; }
#status-search-button-form { margin-right: 14px; }
.status-box .pagination { margin: -10px 14px 10px 0; color: #666; font-weight: bold; }
.status-box .pagination select { float:right; margin-right: 4px; }
.status-box .pagination input { border: 1px solid #333; text-align: center; color: #333; padding: 2px 4px; width: 10px; }
.status-box .pagination a { color: #666; font-weight: normal; }
.status-box .status-header-static span, .status-box .status-header span { font-size: smaller; color: #666; }
.status-box #recent-table tr td a, .status-box #all-table tr td a { text-decoration: none; }
.detail-info .three-column p { margin-bottom: 0; }
.detail-info label.medium { width: 100px; }
.detail-info .detail-header { display: block; width: 80px; margin: 0 0 0 -18px; padding: 0 0 0 18px; background: transparent url(/images/myaccount/arrowopen.gif) no-repeat center left scroll; font-size: 14px; line-height: 18px; color: #515151; font-weight: bold; }
#search-fieldset-one { padding-right: 30px; border-right: 1px solid #c60; }
#search-fieldset-one .button { margin-right: 18px; }
#search-fieldset-two { padding-left: 15px; }
#search-fieldset-two label.large { width: 100px; }
#invoice img { display: none; }
#invoice { background: transparent url(/images/footer_logo.gif) no-repeat 0 0 scroll; font-size: 14px; }
#invoice div { text-align: right; height: 60px; }
#invoice div a.close, #invoice div a.print-page { float: right; }
#invoice div a.print-page { margin-right: 15px; }
#invoice table { margin-bottom: 18px; }
#invoice tr.item-info td { border-bottom: 1px solid #000; padding-top: 5px; padding-bottom: 5px; }
#invoice table thead { background-image: none; }
#invoice table thead th { line-height: 18px; background-color: #999; color: #fff; }
#invoice table tr.pay-amount td { padding-top: 20px; }
#invoice #listing { padding-left: 10px;  padding-right: 10px; }
#copyright { display: none; }

/* =Generic
--------------------------------------------------------------------*/
.smallfont { font-size: .8em; }
.note { color: #c60; }
.plus-img { padding-left: 20px; background: transparent url(/images/myaccount/ec_add.gif) no-repeat center left scroll; font-weight: bold; padding-top: 2px; }
a.print-page:link, a.print-page:visited, a.print-page:hover, a.print-page:active { display: block; background: transparent url(/images/myaccount/ec_print.gif) no-repeat center right scroll; margin: 5px 30px 0 0; padding-right: 20px; color: #666; text-decoration: none; font-size: 12px; line-height: 16px; }
a.close:link, a.close:visited, a.close:hover, a.close:active { display: block; background: transparent url(/images/myaccount/close_white.gif) no-repeat 0 0 scroll; width: 45px; height: 14px; margin: 15px 15px 0 0; color: #666; text-decoration: none; }
p { font-size: 12px; }
p.heading { margin-bottom: -18px; padding: 0; font-weight: bold; }
form p.error { position: relative; color: #df0000; background-color: #fdc0c1; margin-left: -5px; padding: 5px 5px 30px 5px; }
form p.error label { /*color: #df0000;*/ }
form p.error span.error, form p.error span.error-right { display: block; width: 500px; font-weight: bold; padding-bottom: 4px; position: absolute; bottom: 0; left: 125px; clear: both; }
form p.error span.error-right { left: 402px; }
form#loginForm p.error span.error { left: 10px; }
form#retrieve p.error { padding-bottom: 5px; font-weight: bold; }
#addAdditional, #checkMore { color: #000; }
.quadrant { width: 350px; margin-bottom: 20px; }
.ccard { width: 500px; background: transparent url(/images/myaccount/ccard.jpg) no-repeat 450px 115px scroll; }
.quadrant p, .quadrant-large p { margin-bottom: 4px; }
.input-text-align { vertical-align: middle; }
.allRequired { display: block; margin-bottom: -10px; padding-left: 430px; }
#changeEmail .allRequired { margin-bottom: -10px; padding-left: 310px; }
.clear { clear: both; }
.three-column { width: 250px; padding-right: 20px; }
.four-column { width: 25%; }
.profile-center-column { padding-left: 40px; width: 200px; }
.profile-right-column { padding-left: 40px; width: 300px; }
.backtotop { display: block; text-align: center; color: #000; font-family: Tahoma; text-decoration: none; font-size: 12px; }
.floatleft { float: left; margin-right: 10px; }
.floatright { float: right; margin-left: 10px; }



