﻿/* set global type size to 13px, line-height ratio to 1.6 */
body { font-family: Helvetica, Arial, Sans-Serif; font-size: 0.813em; line-height: 1.3008em; }

/* redefined html tags */
h1 { font: normal 30px/30px Helvetica, Arial, Sans-Serif; color: #2276A8; margin: 0 0 20px 0; }
h2 { font: normal 21px Helvetica, Arial, Sans-Serif; color: #E2931B; }
h3 { font: normal 18px Helvetica, Arial, Sans-Serif; color: #000; }
h4 { font: normal 18px Helvetica, Arial, Sans-Serif; color: #666; }
h5 { font: normal 16px Helvetica, Arial, Sans-Serif; color: #666; }
h6 { font: normal 16px Helvetica, Arial, Sans-Serif; color: #999; }
h1 span.title, h2 span.title { display: none; }
.first { margin-top: 0; padding-top: 0; }
a:link { color: #1372B7; text-decoration: none; }
a:visited { color: #6494B0; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { }
p { margin: 1.3008em 0; /* Set margins on paragraphs to 1 x line-height */ }
img { border: none; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, img a:hover { text-decoration: none; }

/*error messaging*/
.message, .error { color: #C12655; }
.validate { display: inline; }
/* pseudu-classes need visibility consideration
.message:before {content: "Note: "}
.error:before {content: "Error! "}*/

.error_block { display: block; background-color: #FFF7BB; border: solid 1px #FFCC33; border-right:0; border-left:0; padding: 10px; margin: 15px 0 0 0; width: 428px; font-weight: bold; }
.error_block > li { padding: 0 0 0 10px; color: #C12655; font-weight: normal; list-style-position:inside; }
.error_field { border: solid 1px #C12655; background-color: #FFF7BB; }
/*span[style*="color:Red"] { color: #C12655; }*/

/*4-column layout styles*/
.column_span1, .column_span2, .column_span3, .column_span4 { float: left; margin-right: 20px; }
.column_span1 { width: 212px; /*spans 1 column*/ }
.column_span2 { width: 444px; /*spans 2 columns*/ }
.column_span3 { width: 676px; /*spans 3 columns*/ }
.column_span4 { width: 908px; /*spans 4 columns, full-page*/ margin-right: 0; }

.column_span1_border, .column_span2_border, .column_span3_border, .column_span4_border { float: left; margin-right: 20px; }
.column_span1_border { width: 170px; padding: 20px; border: solid 1px #CCC; /*spans 1 column*/ }
.column_span2_border { width: 402px; padding: 20px; border: solid 1px #CCC; /*spans 2 columns*/ }
.column_span3_border { width: 634px; padding: 20px; border: solid 1px #CCC; /*spans 3 columns*/ }
.column_span4_border { width: 866px; padding: 20px; border: solid 1px #CCC; /*spans 4 columns, full-page*/ margin-right: 0; }

.last { margin-right: 0; /* use for last column in multi-column float layout */ }

/* various column layouts */
.3col { width: 289px; }

/*rounded boxes*/
.boxSlider { background: url(/images/books/details/boxSliderTop.png) no-repeat top left; }
.boxSliderBottom { position: relative; height: 10px; padding: 0 0 2px 0; width: 100%; background: url(/images/books/details/boxSliderBottom.png) no-repeat bottom left; margin-bottom: 20px; }

/*table styles*/
table { border-collapse: collapse; }
table.t1 { width: 100%; margin: 20px 0; }
table.t1 tr td { padding: 5px; border-bottom: solid 1px #EBEBEB; }
table.t1 tr.heading td { background-color: #EBEBEB; font-size: 0.846em; font-weight: normal; padding: 10px 5px; color: #000; }
table.t1 tr td table tr td { border: 0; }

table.t2 { border-collapse: separate; width: 100%; margin: 0 0 20px 0; }
table.t2 tr td { background-color: #E4ECF3; padding: 8px 10px; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; vertical-align: top; }
table.t2 tr.altRow td { background-color: #F1F7FA; }
table.t2 tr:hover td { background-color: #CEDDEA; }
table.t2 tr.heading td, table.t2 tr th { font-size: 1em; font-weight: normal; color: #FFF; padding: 6px 10px 7px; background: #0F518B url(/images/tables/t2_heading.jpg) repeat-x; border-bottom: solid 1px #FFF; }
table.t2 tr.heading td a, table.t2 tr th a { color: #FFF; }
table.t2 tr td table tr td { border: 0; }
table.t2 tr.pager td { background-color: #FFF; padding: 20px 0 10px; }
tr.pager td span { border-right: solid 1px #CCC; padding: 5px 9px 5px 5px; color: #CCC; }
tr.pager td a { border-right: solid 1px #CCC; padding: 5px 9px 5px 5px; color: #246FA6; }
tr.pager td a:hover { color: #246FA6; text-decoration: none; }

table.t3 { border-collapse: collapse; }
table.t3 { width: 100%; }
table.t3 tr td { padding: 5px; border-bottom: solid 1px #EBEBEB; }
table.t3 tr.heading td { background-color: #EBEBEB; font-size: 1em; font-weight: normal; padding: 10px 5px; color: #000; }
table.t3 tr td table tr td { border: 0; }
table.t3 tr.pager_sm td tr { border: 0; }
table.t3 tr.pager_sm td { border: 0; padding: 5px 0; text-align: right; }
table.t3 tr.pager_sm span { padding: 5px; color: #666; }
table.t3 tr.pager_sm a { padding: 5px; text-decoration: none; }
table.t3 tr.pager_sm a:hover { color: #666; text-decoration: none; }

table.t1 { width: 100%; margin-bottom: 20px; }
table.t1 a { text-decoration: none; }
table.t1 tr td.header, table.t1 tr.header td, table.t1 tr th { background-color: #EBEBEB; padding: 10px 0 10px 10px; font-size: 0.846em; text-align: left; }
table.t1 tr td { font-size: 0.923em; border-bottom: solid 1px #EBEBEB; padding: 10px 0 10px 10px; vertical-align: top; }
table.t1 tr td.edit { width: 30px; font-size: 10px; }
table.t1 tr td.edit a { display: block; padding-bottom: 3px; margin: 0; }
table.t1 tr td.product { }
table.t1 tr td.product .seller { display: block; padding: 7px 0; }
table.t1 tr td.product .trait { display: block; font-size: 11px; }
table.t1 tr td.product .seller a { font-size: 11px; color: #666; text-decoration: none; }
table.t1 tr td.product .sellerName { font-weight: bold; }
table.t1 tr td.product .sellerNotes { color: #666; font-size: 11px; }
table.t1 tr td.condition, table.cartContents tr td.upc { width: 105px; }
table.t1 tr td.itemNo { width: 80px; font-size: 11px; }
table.t1 tr td.price { width: 55px; }
table.t1 tr td.qty { width: 40px; }
table.t1 tr td.qty input { width: 25px; }
table.t1 tr td.subtotal { width: 55px; }
table.t1 tr td.shipping { width: 110px; }
table.t1 tr td.shipping table tr td { padding: 0; border: 0; }
table.t1 tr td.shipping table tr td .shippingSpeed { display: block; font-size: 11px; font-weight: normal; }

table.t4 { border-collapse: separate; width: 100%; margin: 0 0 20px 0; }
table.t4 tr td { background-color: #E4ECF3; padding: 8px 10px; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; vertical-align: top; }
table.t4 tr.altRow td { background-color: #F1F7FA; }
table.t4 tr:hover td { background-color: #CEDDEA; }
table.t4 tr.heading td, table.t4 tr th { font-size: 1em; font-weight: normal; color: #FFF; padding: 6px 10px 7px; background: #0F518B url(/images/tables/t2_heading.jpg) repeat-x; border-bottom: solid 1px #FFF; }
table.t4 tr.heading td a, table.t4 tr th a { color: #FFF; }
table.t4 tr td table tr td { border: 0; }
table.t4 tr.pager td { background-color: #FFF; padding: 20px 0 10px; }

/*list styles*/
ol.list_1, ul.list_1 { font-weight: bold; }
ol.list_1 li p, ul.list_1 li p { font-weight: normal; }

ol.list_2, ul.list_2 { padding: 0; margin: 0; list-style: none; }
ol.list_2 li, ul.list_2 li { padding: 4px 0px; margin: 0; }

ol.l3, ul.l3 { padding: 0; margin: 0; list-style: none; }
ol.l3 li, ul.l3 li { padding: 5px 0px; margin: 0; border-top: solid 1px #EBEBEB; }
ol.l3 li a, ul.l3 li a { text-decoration: none; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-size: 1.25em; font-weight: bold; margin: 2em 0 0 0; }
dd { margin: .75em 0 0 1.5em; }
dd ul, ol { margin: .75em 0 0 1.5em; }

ul.imageGallery { list-style: none; overflow: hidden; display: block; clear: both; }
ul.imageGallery li { display: inline; float: left; margin: 0 5px 5px 0; }

/*table tr td li { margin-left: 5px; margin-left: 0; }*/

/*text buttons*/
div.button1_sm { background: transparent url(     '/images/buttons/button1sm_a.png' ) no-repeat scroll top right; display: block; float: left; height: 22px; margin: 0 6px 20px 0; padding: 0 2px 0 0; }
div.button1_sm span { background: transparent url(     '/images/buttons/button1sm_span.png' ) no-repeat; display: block; line-height: 12px; padding: 3px 0 3px 2px; }
div.button1_sm span a, div.button1_sm span a:link, div.button1_sm span a:visited { font: bold 0.846em helvetica, arial, sans-serif; color: #2D8ACE; text-decoration: none; padding: 2px 8px; }
div.button1_sm span a:hover { color: #246FA6; }

div.button1 { background: transparent url(     '/images/buttons/button1md_a.png' ) no-repeat scroll top right; display: block; float: left; height: 26px; margin: 0 6px 20px 0; padding: 0 4px 0 0; }
div.button1 span { background: transparent url(     '/images/buttons/button1md_span.png' ) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 2px; }
div.button1 span a, div.button1 span a:link, div.button1 span a:visited { font: bold 1.077em helvetica, arial, sans-serif; color: #FFF; text-decoration: none; padding: 3px 14px 3px 16px; }
div.button1 span a:hover { color: #9DD6E6; }
/*
div.button1_blue { background: transparent url(    '/images/buttons/button1md_a.png' ) no-repeat scroll top right; display: block; float: left; height: 26px; margin: 0 6px 20px 0; padding: 0 4px 0 0; }
div.button1_blue span { background: transparent url(    '/images/buttons/button1md_span.png' ) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 2px; }
div.button1_blue span a, div.button1 span a:link, div.button1 span a:visited { font: bold 1.077em helvetica, arial, sans-serif; color: #FFF; text-decoration: none; padding: 3px 14px 3px 16px; }
div.button1_blue span a:hover { color: #9DD6E6; }
*/
div.button2 { background: transparent url(     '/images/buttons/button2md_a.png' ) no-repeat scroll top right; display: block; float: left; height: 26px; margin: 0 6px 20px 0; padding: 0 4px 0 0; }
div.button2 span { background: transparent url(     '/images/buttons/button2md_span.png' ) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 2px; }
div.button2 span a, div.button2 span a:link, div.button2 span a:visited { font: bold 1.077em helvetica, arial, sans-serif; color: #2D8ACE; text-decoration: none; padding: 3px 14px 3px 16px; }
div.button2 span a:hover { color: #246FA6; }

div.button3 { background: transparent url(     '/images/buttons/button3md_a.png' ) no-repeat scroll top right; display: block; float: left; height: 26px; margin: 0 6px 20px 0; padding-right: 2px; }
div.button3 span { background: transparent url(     '/images/buttons/button3md_span.png' ) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 2px; }
div.button3 span a, div.button3 span a:link, div.button3 span a:visited { font: bold 1.077em helvetica, arial, sans-serif; color: #FFF; text-decoration: none; padding: 3px 14px 3px 16px; }
div.button3 span a:hover { color: #AAD36B; }

/*table styles*/
div.formBox { background: #EBEBEB; border-top: solid 3px #CCC; border-bottom: solid 1px #CCC; padding: 20px; }
div.formBox1 { background: #E4ECF3; border-top: solid 3px #CEDDEA; border-bottom: solid 1px #CEDDEA; padding: 20px; }
div.formBox1 table.form2 { margin-bottom: 0px; }
div.formBox1 table.form2 td.form_label { padding: 5px 0 0 0; }
div.formBox1 table.form2 td.form_label_detail { padding: 5px 0 0 0; }

table.form /*generic form container*/ { }
table.form2, table.form3 /*form 2=big fields, bg colors*/ { padding: 5px 10px 25px 20px; margin: 0 0 10px 0; }
table.form3 /*form 3=big fields, NO bg colors*/ { background-color: Transparent; border: 0; }
table.form tr td { padding: 5px 5px 5px 0; }
table.form2 tr td, table.form3 tr td { padding: 5px 20px 0 0; border-collapse: collapse; }
table.form tr td.form_label, table.form2 tr td.form_label, table.form3 tr td.form_label { font-weight: bold; padding: 10px 10px 3px 0; }
table.form tr td.form_label, table.form2 tr td.form_label, table.form3 tr td.form_label { font-weight: normal; font-size: 1.077em; }
table.form .form_label_detail, table.form2 .form_label_detail, table.form3 .form_label_detail { font-size: 1em; color: #666; font-weight: normal; padding-left: 10px; }
table.form input, table.form select, table.form textarea, table.form2 input, table.form2 select, table.form2 textarea, table.form3 input, table.form3 select, table.form3 textarea { padding: 3px; color: #000; font-family: Helvetica,Arial,Sans-serif; font-size: 1.077em; }
table.form tr td.form_label img, table.form2 tr td.form_label img, table.form3 tr td.form_label img { vertical-align: bottom; }
table.form tr td.form_label .form_label_details, table.form2 tr td.form_label .form_label_details, table.form3 tr td.form_label .form_label_details { display: block; }

/*search tool tips - move to checkout/*/
.tool_tip { padding: 0 20px 20px 20px; margin-top: 20px; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC; background-color: #EBEBEB; }
.tool_tip h4 { margin: 0px; padding: 12px 0; }
.tool_tip textarea { margin-bottom: 4px; }

/*jquery styles*/
.defaultText { }
.defaultTextActive { }

/*other common styles*/
.invisibleForm { visibility: hidden; }
.formLabel { display: block; padding: 0 0 5px 0; font-size: 1.077em; font-weight: bold; color: #666; }
a img.bullet { vertical-align: middle; margin: 0 5px 0 0; }
.formBox2 { background: #D9E3F0; border-top: solid 1px #76B3CF; border-bottom: solid 1px #76B3CF; padding: 10px 20px; margin: 20px 0; overflow: hidden; }

/*standard type styles*/
.color1 { color: #1F529F; }
.color2 { color: #FBA900; }
.color3 { color: #359DDC; }
.color4 { color: #666; }
.color5 { color: #C12655; }
.lighter { font-weight: normal; }
.bolder { font-weight: bold; }
.smaller { font-size: 0.85em; line-height: 1.4em; }
.larger { font-size: 125%; line-height: 120%; }

/*standard layout styles*/
.float_left, div.float_left { position: relative; float: left; }
.float_right, div.float_right { position: relative; float: right; }
.clear { clear: both; }
br.clear { line-height: 0px; }

.mp_collapse, table.mp_collapse, div.mp_collapse { margin: 0; padding: 0; }
.m_collapse, table.m_collapse, div.m_collapse { margin: 0; }
.mt_collapse, table.mt_collapse, div.mt_collapse { margin-top: 0; }
.mr_collapse, table.mr_collapse, div.mr_collapse { margin-right: 0; }
.mb_collapse, table.mb_collapse, div.mb_collapse { margin-bottom: 0; }
.ml_collapse, table.ml_collapse, div.ml_collapse { margin-left: 0; }
.p_collapse, table.p_collapse, div.p_collapse { padding: 0; }
.pt_collapse, table.pt_collapse, div.pt_collapse { padding-top: 0; }
.pr_collapse, table.pr_collapse, div.pr_collapse { padding-right: 0; }
.pb_collapse, table.pb_collapse, div.pb_collapse { padding-bottom: 0; }
.pl_collapse, table.pl_collapse, div.pl_collapse { padding-left: 0; }
.padding_v, table.padding_v, div.padding_v { padding: 20px 0; }
.padding_h, table.padding_h, div.padding_h { padding: 0 20px; }
.padding_t, table.padding_t, div.padding_t { padding-top: 20px; }
.padding_r, table.padding_r, div.padding_r { padding-right: 20px; }
.padding_b, table.padding_b, div.padding_b { padding-bottom: 20px; }
.padding_l, table.padding_l, div.padding_l { padding-left: 20px; }
.margin_t, table.margin_t, div.margin_t { margin-top: 20px; }
.margin_r, table.margin_r, div.margin_r { margin-right: 20px; }
.margin_b, table.margin_b, div.margin_b { margin-bottom: 20px; }
.margin_l, table.margin_l, div.margin_l { margin-left: 20px; }

.center { position: relative; margin-right: auto; margin-left: auto; }
.right { margin-right: 0; }

.ad_image{margin-bottom:20px;}
.contest_promo{ display:inline; padding-left:30px;}
