/* TRAILBLAZER stylesheet */


/* GENERAL */
body {background-color:#BBB ; color:#333 ; margin:0 ; padding:0 ; 
	font:normal 101% arial,helvetica,sans-serif ; }
body.mceContentBody { /* TinyMCE specific override - background to match #page */
	   background: #FFF !important; padding: 0 4px; }
#content img, body.mceContentBody img {margin:2px 4px}


p, li, td {margin:0.1em 0.2em 0.5em ; font-size:80% ; line-height:135% ; }
img {border-width:0 ; }
h1,h2,h3,h4,h5,h6 {margin:1em 0 0.4em ; font-weight:bold ; font-family:verdana,arial,sans-serif ; }
h1 {font-size:150% ; }
h2 {font-size:120% ; }
h2 .sub {font-size:85% ; }
h3 {font-size:105% ; }
h4 {font-size:95% ; }
h5 {font-size:90% ; }
h6 {font-size:80% ; }
a:link, a:visited {color:#003399 ; text-decoration:none ; }
a:hover {background-color:#A9A9A9 ; color:#FFFFFF ;  }
div.block {margin:20px 35px 5px; }


ul {padding:0 0.5em ; margin-left:.5em ; }
li {list-style: square outside url(../chrome/bullet_sq.gif) ; }
.red {color:#800 ; }
.f_right {float:right}
.f_left {float:left}
.rule {border:1px solid #ccc ; border-width:1px 0 0 0 ; padding-top:0.5em ; }
.small {font-size:85% ; font-style:italic ; font-weight:normal ; }
	
/* COMMON PARTS OF PAGE */
#page {width:780px ; margin:10px auto ; background-color:#fff ; 
	border:1px solid #989E96 ; padding:3px ; min-height:500px ; }

#head {width:780px ; height:173px ; background:#fff url(../images/main/banner_logo.jpg) no-repeat ; }
#head h1 {display:none ; }
#quote {font:italic 100% Arial,sans-serif ; /* line-height:2em */ ; 
	background: transparent url(../chrome/quote_l.png) no-repeat top left ; 
	padding:0 0px 0 0 ; margin-top:14px ; }
#quote p {background:transparent url(../chrome/quote_r.png) no-repeat bottom right ; padding:0 0 0 30px}
#content {margin:5px 10px 0 200px ; min-height:500px} /* this needs to be cleverer */
#content.narrow {margin-right: 200px ; }

/* Front Page only - these want duplicating to mce style */
#front_page h2 {background:#fe0000 url(../images/main/logo_bg.jpg) no-repeat ; width:248px ; 
	font:bold 110% verdana, sans-serif ; color:#fff ; padding:5px 5px 5px 130px; }
#front_page h3 {font:normal 80% verdana,sans-serif ; color:#f00 ; margin:0 ; }
#front_page h4 {font:bold 110% verdana,sans-serif ; color:#039 ; margin:0  ; }
#front_page img {margin:3px 9px 3px 0 ; }

/*  NAVigation pane on left */
#nav {position:absolute ; top:200px ; left:50% ; margin-left:-390px ; width:180px ; }
#nav ul {margin:0 ; padding:0 ; font-weight:bold ; }
#nav ul li {list-style: none outside url() ; line-height:100% ; padding:2px 5px; margin:0 ; }
#nav #menu li a {display:block ; background-color:#DCDCDC ; color:#003399 ; padding:3px 10px ; }
#nav #menu li.current a:link, #nav ul li.current a:visited {
	background-color:#333333 ; color:#FFFFFF ; }
#nav #menu li a:hover {background-color:#A9A9A9 ; color:#FFFFFF}

#search {text-align:center ; background-color:#DCDCDC ; margin:8px 2px ; padding:5px ; }

#salesAd {text-align:center ; }

#shop_cart {border:1px solid #71876B ; padding:1px 3px ; background-color:#D6DADF ; }
#shop_cart ul {font-weight:normal ; }

h3#twithead {margin-left:4px ; padding-left:27px ; 
	background-image: url(../chrome/twitter.png); background-size: contain ; background-repeat: no-repeat;}
ul#twitter {font:normal 90% 'trebuchet ms',arial,sans-serif ;  background-color: #F3F3F3}
ul#twitter li {border-bottom: 1px solid #aaa ; margin: 3px ; }
ul#twitter .meta {font-size:85% ; font-style:italic; display: block ; padding:0 3px ; text-align: right}


/*  Promotions pane on right ... NOT called ad-pane which gets blocked!  */
#promos {position:absolute ; top:200px ; right:50% ; margin-right:-390px ; width:180px ;
	background-color:#DCDCDC ; padding:3px 5px ; text-align:center ; z-index:8 ; }
#promos p {margin:5px auto ; padding:3px 5px ; font-size:80% ; }
#promos a {display:block ; padding:2px 4px; }

/*  FOOTer  */
#foot {margin:25px -2px 3px ; text-align:center ; padding:20px 0 0 ; clear:both ; 
	background: transparent url(../chrome/trailbar.png) repeat-x ; font-size:90% ; }
#foot ul {margin:0 ; padding:0 ; }
#foot li {list-style:none ; display:inline ; border:0px solid #666 ; 
	margin:0 ; padding:0 6px 0 8px  ; border-left-width:1px ; }
#foot li:first-child {border-left-width:0 }
#logo_bottom {position:fixed ; bottom:-40px ; left:-40px ; }


/* layout of BOOKLIST and Authors */
table.tab_boxes {width:100% ; }
table.tab_boxes p {font-size:0.8em ;  ; }
table.tab_boxes td {width:30% ; border:0px solid #ccc ; padding:2px 5px ; vertical-align:top ; }
table.tab_books img {float:left ; margin-right:5px ; }
table.tab_books a {display:block ; height:100px ;  ; }
table.tab_authors {text-align:center ; }
/* media */
.media_box {float:left ; height:150px ; width:230px ; padding:10px ; margin:10px ; 
	text-align:center ; }

/* BOOK details */
#bookcover {float:left ; margin-right:6px !important; }
#pdfjs {font-size:80%; margin:2px 4px;}
#pdfjs.active:hover {background-color:transparent ;  }

#reviews {clear:both ;  ; }
#reviews li {list-style: circle inside url(../chrome/bubble.png) ; }
/* ul#reviews li {background: transparent url(../chrome/quot_r.png) no-repeat scroll bottom right ; } */

/* UPDATES */
.bookUpdate h3 span {font-size:90% ; font-weight:normal ; }

/* SALES */
.cart_add {background-color:#cc6 ; padding:4px 10px ; 
	-moz-border-radius: 9px ; -webkit-border-radius: 9px ; }
form#salesForm, .saleform {border:1px solid #ccc ; background-color:#A4B8DE ; padding:4px 10px ; 
	-moz-border-radius: 9px ; -webkit-border-radius: 9px ; }
/* .saleform { } */
.saleform legend {padding:1px 15px ; font:italic 80% arial,helvetica,sans-serif ; 
	-moz-border-radius: 5px ; -webkit-border-radius: 5px ;}
.saleform, .saleform legend {border:1px solid #ccc ; background-color:#eee ; margin-bottom:3px ; }
/* .saleform {width:100% ; } */
.saleform span.item {display:inline-block ; width:60% ; }
.saleform span.price {display:inline-block ; width:12% ; text-align:right ; }
.saleform label {display:inline-block ; width:100px ; text-align:right ; }
.saleform fieldset label.long {display:inline ; margin-left:50px ; }
.saleform label.error {text-align:left ; color:#900 ; display:inline ; }
.saleform label.long {width:170px ; }
.saleform label.longer {width:450px ; text-align:left ; font-size:90% ; }
.saleform label.longish {width:88% ; text-align:left ; font-size:90% ; }
#prTotal {font-weight:bold ; color:#264C22 ; padding-right:8px ; }
.butn {background-color:#7E96C2 ; cursor:pointer ; padding:1px 4px ; font-size:80% ; color:#D0DAEB ;  
	border:1px solid #669 ; border-color:#7EA5EC #2D4D89 #2D4D89 #7EA5EC; }
.butn:hover {background-color:#8FAFE8 ; color:#fff ; border-color:#9AB6E8 #3262BC #3262BC #9AB6E8}
.butn:active {color:red ; }

/* sale CONFIRMATION/payment */
p.confText {color:#7894c6; font-weight: bold ; text-align: center}
#bookList, #payment_form {border: 1px solid #999 ; width:90%; border-radius: 3px ; margin: 3px auto;}
#confirmation_table {width:99% ;}
td.pay_i {font-style:italic ; font-size:70%}
td.pay_r {text-align:right ; font:normal bold 70% courier,"courier new",monospace ;}
tr.pay_u td {border-bottom:1px solid #999 ;}


/*  jQuery popup area for PDF or ADMIN */
#extra, #pdfPopup {
	display:none ; position:fixed ; z-index:60 ; font-size:80% ; 
	top:20px ; left:50% ; width:600px ; margin:0 0 0 -300px ; padding:3px 16px ; 
	border:3px solid #7D9EA3 ; background:#ddd ; 
	border-radius: 9px ; 
	z-index: 99 ;
}
#pdfPopup {
	top:10px ; padding:10px; padding-right:2px ; 
	border:2px solid #aaa ; background:#ddd ; 
}
#greyCover, #pdfGrey {
	display:none ; position:fixed ; z-index:50 ; 
	top:0 ; left:0 ; width:100% ; height:100% ; background-color:#000 ;
	opacity: 0.5 ;  filter: alpha(opacity=50) ;
}


/* DEBUGGING  */
.d {font:normal 10px arial ; color:#5a5 ; }
.i {font-style:italic ; color:#696 ; }
div#debugger {
	position:fixed ; padding:0 5px ; top:30px ; right:3px ;
	background-color:#295A9A ; color:#990 ; z-index:90 ; max-width:150px ; 
	border:1px solid #fff ; 
	}