/* CSS Document */

* { margin: 0; padding: 0; }

html { }

body { color: #000; font: 0.8em Arial, Helvetica, sans-serif; }
a { color: #990000; font-weight: bold; text-decoration: none; }
a:hover { color: #FF9900; }

input,
textarea,
select { color: #990000; font: 0.9em Verdana, Arial, Helvetica, sans-serif; border: #999 solid 1px; padding: 2px; vertical-align:text-bottom; }
input.checkbox,
input.radio { background: transparent; border: none 0px; }

.clear {clear: both;}
.email { background: url(/site/email_go.png) no-repeat; padding-left: 20px; font-weight: normal; }
.etaf { display: block; text-align: right; border-bottom: #ccc dotted 1px; font-size: 0.9em; }
.read { background: url(/site/comments.png) no-repeat; padding: 0px 10px 0px 20px; }
.write { background: url(/site/comment_add.png) no-repeat; padding: 0px 10px 0px 20px; }
#reviews { display: block; padding: 10px; margin: 10px 0px; border-top: #FF9900 dotted 1px; clear: both; }
#reviews h3 { color: #990000; font-size: 1.3em; margin-bottom: 10px; }
#reviews h4 { color: #FF9900; font-size: 1.1em; margin-top: 10px; }
#reviews .review { margin-bottom: 10px; }
#reviews .info {  }


/* Layout Based Styles */
#container { width: 820px; margin: 0 auto; }
#container #header,
#container #footer { padding: 20px 0px 0px 0px; }
#container #footer p { color: black; font: 0.8em Arial, Helvetica, sans-serif; }
#container #footer a { color: black; font-weight:bold; text-decoration: underline;}
#container #footer a:hover { font-weight:bold; color: #990000; }


#container
#container #header 
#container #header h1,
#container #header p { color: #999; font: normal 2.5em/0.5em "Times New Roman", Arial, Helvetica, sans-serif; padding: 5px; margin-left: 105px; }
#container #header p { font-size: 1em; color: #000; } 
#container #header form { float: right; text-align: right; margin: -45px 0px 10px 0px; }
#container #header form label { color: #990000; font-size: 0.8em; }
#container #header input, #container #header select { font-size: 0.8em; }
#container #header #words { width: 165px; margin-right: 29px; }

#container #header #menu { width: 740px; border-top: 2px solid black; border-bottom: 2px solid black; margin:16px 0px 6px 35px; background:#24924d; }
#container #header #menu ul { list-style: none; margin: 4px 10px 6px 10px; }
#container #header #menu ul li { display:inline;}
#container #header #menu ul li a { color : black; font-size: 0.8em; text-align: center; text-decoration: none; border: none }
#container #header #menu ul li a { background: #24924d; color: #FFF; }
#container #header #menu ul li a:hover { background: #FF9900; color: #FFF; }

#container #main { }

#container #main #page .info-pane img#top-image,
#container #main #page .info-pane img#bottom-image {visibility:hidden; margin:-10px;}

#container #main #content { width: 740px; float: left; background: #FFF; height: auto; overflow: hidden; margin: 20px 0 20px 20px;}
* html #container #main #content { width: 740px; xborder: red solid 1px; }
#container #main #content h1,
#container #main #content h2,
#container #main #content p,
#container #main #content form { display: block; padding: 5px; xline-height: 1.4em; }
#container #main #content h1 { color: #990000; font-weight: normal; font-size: 20px; }
#container #main #content h2,
#container #main #content h3 { color: #990000; font-size: 1.2em; }
#container #main #content table { margin: 10px; float:center;}
#container #main #content ul { margin: 10px 20px; }
#container #main #content .sidebar a { color: #FF9900; font-weight: normal; }
#container #main #content .sidebar a:hover { color: #CC6600; }
#container #main #content #banner { margin: 0px; }

#container #main #content table table { margin: 0px; }
#container #main #content table table form { padding: 0px; }
#container #main #content table table input { font-size: 0.8em; }

#container #main #content .col { width: 138px; margin: 4px; float: left; font-size: 0.85em; color: #990000; xborder: red solid 1px; }
#container #main #content .col h1 { background: #990000; color: #FFF; font-size: 1.0em; line-height: 1.0em; text-align: center; }
#container #main #content .col p { line-height: 1.3em; padding: 5px 0px; }

#container #main #promo-left,
#container #main #promo-right { float: left; width: 145px; text-align: center; overflow: hidden; }
#container #main #promo-left img, 
#container #main #promo-right img { border: 0px none; }

#container #main #promo-left div { padding: 10px 5px; text-align: left; }
#container #main #promo-left div a { color: #FF9900; }
#container #main #promo-left div a:hover { color: #FFF; }

#container #main #promo-right h2 { color: #FFF; font-size: 1.2em; text-align: center; padding: 10px 0px 5px 0px; }

#container #footer { text-align: center; clear: both; background: #FFF }
#container #footer p { display: block; padding: 0px 20px 30px;}

#container #searchpage {padding: 5px;}
#container #searchpage .intro {font-size: 0.80em;}
#container .searchresult {background: #FFFFFF; clear:both;}
#container .searchresult img {float: right; margin-left: 10px; margin-right: 5px; margin-bottom: 5px; width:125px;}
#container .searchresult h2 { text-decoration: underline; font-size: 0.8em; font-weight: normal;}
#container .searchresult a { font-size: 0.8em;}
#container .recommendedresult {margin: 5px; background: #EFEFEF; padding: 5px; border: #FF9900 dashed 1px; border-width: 1px 0px; clear:both;}
#container .recommendedresult img {float: right; margin-left: 10px;  margin-right: 5px; width: 125px;}
#container .recommendedresult h2 { text-decoration: underline; font-size: 0.8em;}
#container .recommendedresult a { font-size: 0.8em;}
#container .navbar { font-size: 100%; width: 200px; margin-left: 5px;}
#container .inlinesearchform { font-size: 0.8em; display:inline; float:right;}

#data { }
#data .item { margin: 0px 0px 20px 0px; padding: 10px 10px 20px 10px; xheight: 200px; display: block; clear: both; }
#data .item h2 { font-size: 1.3em; color: #FF9900; }
#data .item .pic { padding: 0px; float: right; border: 0px; xmargin-bottom: 20px; }
#data .item .title { font-weight: bold; float: left; clear: left; margin: 0; width: 280px; }
#data .item .subtitle { font-weight: bold; color: #FF9900; float: left; clear: left; padding: 5px 0px; width: 280px; }
#data .item .artist { font-weight: bold; float: left; clear: left; padding: 5px 0px; width: 280px; }
#data .item .desc { float: left; clear: left; padding: 5px 0px; width: 280px; }
#data .item .foot {  }
#data .item .price { font-weight: bold; color: #FF9900; padding: 5px 0px; float: left; width: 280px; }
#data .item .links { padding: 5px 0px; float: left; width: 280px; xborder-bottom: #FF9900 dashed 1px; margin-bottom: 20px; }
#data .item .idisbn13 { font-size: 0.8em; }

#data .products { padding-top: 5px; border-top: #990000 dashed 1px; margin: 10px 5px 5px; clear: both; }
#data .products h3 { font-size: 1.5em; color: #990000; display: block; }
#data .products p { display: block; }
#data .products p b {  }
#data .products p strong { color: #990000; }
#data .products img { padding: 5px 0px 10px 10px; xmargin-top: 10px; }

#data #alpha { width: 450px; }
#data #alpha ul { margin: 0px 0px 10px 0px; list-style-type: none; white-space: nowrap; padding: 0px; }
#data #alpha ul li { list-style-type: none; display: inline; margin: 0px 1px 0px 0px; padding: 0px; color: #9933CC; }
#data #alpha ul li a { padding: 3px 4px 2px 4px; background: #EEE; }
#data #alpha ul li a:hover { background: #9933CC; color: #FFF; text-decoration: none; }

#data ul {  }
#data ul li {  }
#data ul li a {  }
#data ul li a:hover {  }

#data .head { clear: both; float: left; width: 515px; padding: 3px 10px 3px 10px; background: #F1F1F1; margin: 3px 0px 5px 0px; }
#data .head .title { float: left; font-weight: bold; color: #9933CC; font-size: 1.3em; }
#data .head .links { float: right; text-align: right; }
#data .head .links a { color: #666; }
#data .head .links a:hover { color: #9933CC; text-decoration: none; }

.nav { padding: 15px 0px; float: left; clear: both; width: 425px; margin-left: 5px; }
.nav a { color: #FFF; }
.nav a:hover { color: #990000; }
.nav .bg { background: #FF9900; height: 18px; padding: 1px 0px 0px 0px; clear: both; xborder: #FF9900 dashed 1px; }
.nav .sort { float: right; padding: 0px 10px 0px 0px; }
.nav .pages { float: left; padding: 0px 0px 0px 10px; }
.nav .options { float: right; color: #999; clear: both; padding-bottom: 5px; }
.nav .options a { font-weight: normal; color: #990000; }
.nav .options a:hover { text-decoration: underline; }


/* Additional Styles */
.description,
.bookdescription 
.bookdescription hr { color: #990000; width: 90%; }
.bookstatus { color:#FF9900; font-size: 80%; }
.strike { color: #999; text-decoration: line-through;}

/* Store */

#PopupBoxDiv { padding: 10px 30px 10px 30px; border: 1px solid #333; position: absolute; top: 260px; font-weight: bold; color: #FFF; background: #990000; }	
#popupbasket { position: absolute; width: 550px; left: 200px; top: 255px; overflow: visible; background: #FFF; border: 1px solid #FF9900; }

#basket { font-size: 0.8em;  font-family: Verdana,Helvetica,Arial,sans-serif;}
#basket th { background: #990000; color: #FFF; text-indent: 2px; font-weight: bold;}
#basket th a { color: #FF9900; font-weight: normal; }
#basket th a:hover { color: #FFF; }
#basket td p {  }
#basket td td {  }
#basket td th {  }
#basket strong { color: #990000; font-weight: normal; }
#basket .itemtotal { font-weight: bold; background: #E1E1E1; }
#basket .baskettotal { background: #990000; font-weight: bold; color: #FFF; }
#basket .floatright { float: right; }
#basket .floatleft { float: left; }
#basket .checkbox  { background-color: transparent; border-style: none }
#basket .deletebox  { background-color: transparent; border-style: none }
#basket .button  { background-color: #E1E1E1; }
#basket .itemline { background: #E1E1E1; }

#minibasket { color: #FFF; font-size: 0.9em; padding: 5px; margin: 10px 5px; border: #FF9900 dashed 1px; text-align: left; }
#minibasket h3 { font-size: 1.0em; }
#minibasket strong { color: #FF9900; }
#minibasket a { color: #FF9900; xfont-weight: normal; font-size: 0.82em; }
#minibasket a:hover { color: #FFF; }

#storeform { font-size: 0.8em;  font-family: Verdana,Helvetica,Arial,sans-serif;}
#storeform p { font-size: 100%; }
#storeform ul { font-size: 100%; }
#storeform table { font-size: 100%; }
#storeform td { font-size: 100%; }
#storeform th { font-size: 100%; }
#storeform td p { font-size: 100%; }
#storeform strong { color: #990000; font-weight: normal; }
#storeform .floatright { float: right; }
#storeform .floatleft { float: left; }
#storeform .checkbox  { font-size: x-small; background-color: transparent; border-style: none }
#storeform .radio  { font-size: x-small; background-color: transparent; border-style: none }
#storeform .deletebox  { font-size: x-small; background-color: transparent; border-style: none }
#storeform .button  { background-color: #E1E1E1; padding: 0px; margin: 0px; }
#storeform input,select, textarea { color: #990000; font: 100% Verdana, Arial, Helvetica, sans-serif; border: #999 solid 1px; padding: 2px; margin: 3px; vertical-align:text-bottom; }