* {margin:0; padding:0; font:11px "Lucida Grande", Arial, Helvetica, sans-serif; border:none; list-style:none; }

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.inner{color:#666;}

a{text-decoration:none;color:#ae000b; overflow:hidden;}
a:hover{text-decoration:underline;}
a:active, a:focus{
	outline:none;
}

#wrapper{ width:759px; margin:0 auto; margin-top:25px; position:relative;}
h1{width:759px; height:119px; background:url(../i/header.gif) no-repeat; text-indent:-9999px;}

ul{list-style:none;}
strong, h2{font-weight:bold;}

/* menu */
ul#menu{ width:759px; height:27px; margin:8px 0 9px 0; background:url(../i/menubg.gif) no-repeat; position:relative; z-index:100;}
ul#menu li{float:left; text-indent:-9999px;}
ul#menu li a{display:block; height:27px; text-align:center;}
ul#menu li#nav1 a{width:87px; background:url(../i/menu2.gif) no-repeat 0 0; }
ul#menu li#nav2 a{width:86px; background:url(../i/menu2.gif) no-repeat -87px 0;}
ul#menu li#nav3 a{width:114px; background:url(../i/menu2.gif) no-repeat -173px 0;}
ul#menu li#nav4 a{width:132px; background:url(../i/menu2.gif) no-repeat -287px 0;}
ul#menu li#nav5 a{width:89px; background:url(../i/menu2.gif) no-repeat -419px 0;}
ul#menu li#nav6 a{width:99px; background:url(../i/menu2.gif) no-repeat -508px 0; margin-right:77px;}
ul#menu li#nav7 a{width:75px; background:url(../i/menu2.gif) no-repeat -684px 0;}

ul#menu li#nav1 a:hover{ background-position:0 -27px;}
ul#menu li#nav2 a:hover{ background-position:-87px -27px;}
ul#menu li#nav3 a:hover{ background-position:-173px -27px;}
ul#menu li#nav4 a:hover{ background-position:-287px -27px;}
ul#menu li#nav5 a:hover{ background-position:-419px -27px;}
ul#menu li#nav6 a:hover{ background-position:-508px -27px;}
ul#menu li#nav7 a:hover{ background-position:-684px -27px;}
/* end menu */

/* ======================================================= HOME ============================================================= */
body#home{color:#000;}
#scrollbar { display:none; /* hide from incapable */}
#intro{
	width:375px;
	height:134px;
	float:left;
	overflow:hidden;
	position:relative;
	margin-left:10px;
	display:inline;
}
#intro span{color:#ae000b;}

#rel{width:359px;}
#rel a#rel-link{ float:right; font-size:10px; background:url(../i/arrow.gif) no-repeat top right; padding-right:8px; color:#666; margin-top:6px;margin-bottom:10px;}
#rel a#rel-link:hover{color:#ae000b;}

/* ======================================================= FOOTER ============================================================= */
#footer{width:750px; height:27px; background:url(../i/footerbg.gif) no-repeat; font-size:9px; color:#cc6666; line-height:26px; text-align:right; padding-right:9px;}
#footer span{color:#ffb6ba;}

/* ======================================================= INNER ============================================================= */
body#books ul#menu li#nav2 a{background:url(../i/menu.gif) no-repeat -87px -27px;}
body#magazines ul#menu li#nav3 a{background:url(../i/menu.gif) no-repeat -173px -27px;}
body#newrel ul#menu li#nav4 a {background-position:-287px -27px;}
body#online ul#menu li#nav5 a{background-position:-419px -27px;}
body#contact ul#menu li#nav6 a{background-position:-508px -27px;}

#quote{width:330px; float:left;}
blockquote{width:330px; text-indent:-9999px;}
#quote .contact{width:301px; height:39px; background:url(../i/contact-bg.gif) no-repeat; padding:8px 10px; margin-top:65px;}

#content{ min-height:221px; width:759px; padding-bottom:10px;}
#para1{width:203px;}
#para2{width:213px; padding-right:2px;}
#para1 p, #para2 p{line-height:15px; margin-bottom:10px;}
#para1 .nomar, #para2 .nomar{margin-bottom:0;}

a.dis{font-size:10px; color:#666; display:block; height:19px; margin:0 0 8px 3px;}
a.dis:hover{color:#ae000b;}
a#open{width:172px; background:url(../i/arrow2.gif) no-repeat bottom center; float:right}
a#close{width:20px; background:url(../i/arrow3.gif) no-repeat top center; line-height:25px; float:right}

#sc1{border-top:1px solid #de888d; width:759px; margin-top:10px;}
#sc1 ul li{float:left; width:120px; height:157px; background:url(../i/dis-border.gif) no-repeat; text-align:center; margin:6px 6px 0 0;}
#sc1 ul li a img{border:0;}

h2, #para1 span{color:#ae000b;}
#para1 span.trait{color:#cc6666;}
#contact #para1 a{color:#666; text-decoration:underline;}
#contact #para1 a:hover{color:#ae000b;}
#contact h2{margin-top:10px;}
#contact h2.first{margin-top:0;}
#contact #content img{margin-right:19px;}
#contact #content #para1{width:416px;}
#contact #content, #newrel #content, #newrel-i #content{padding-top:10px;}

/* Blockquote */
#magazines blockquote{background:url(../i/mag-quote.gif) no-repeat top left; height:99px;}
#online blockquote{background:url(../i/online-quote.gif) no-repeat top left; height:74px;}
#books blockquote{background:url(../i/books-quote.gif) no-repeat top left; height:104px;}

#magazines #quote .contact{ margin-top:60px;}
#online #quote .contact{ margin-top:120px; padding:14px 10px; height:27px;}




/* =============================================================== NEW RELEASES ==================================================== */
#newrel #content{}
#newrel h2, #newrel-i h2{width:759px; height:22px; background:url(../i/title-newrel.gif) no-repeat; text-indent:-9999px; margin-bottom:18px;}
#newrel-i h2{margin-bottom:11px;}

ul#tree{margin:0 0 0px 12px;}
ul#tree li{ float:left;}
ul#tree li a{display:block; width:auto; padding:0 10px 0 5px; background:url(../i/arrow4.gif) right no-repeat; color:#666; font-size:12px;}
ul#tree li a.selected{color:#cc6666;; background:none;}

#rel-article{margin-top:36px; width:725px; padding:0 17px;}
#img-rel{width:277px; float:left;}
#img-rel img{border-right:1px solid #999; border-bottom:1px solid #999;}
#img-rel a{display:block; width:93px; height:24px; background:url(../i/btn-order.gif) no-repeat; float:right; margin-top:14px; text-indent:-9999px;}

/* IMG shadows 
div#img-container{ width:279px; border-right:1px solid #e4e4e4; float:left;}
div.shadow img {padding-bottom:6px; background:url(../i/shad_bottom.gif) bottom left repeat-x; border:1px solid #e3c1c2; border-bottom:none;}
div.shadow{padding-right:1px; background:#b6b6b6; width:277px; border-right: 1px solid #c9c9c9; position:relative;}
div.shadow div.bottomleft {width:6px; height:6px; background: url(../i/bottom_left.gif) no-repeat bottom left; position: absolute; bottom: 0px; left: -1px;}
div.shadow div.bottomright {width:5px; height:6px; background: url(../i/bottom-right.gif) no-repeat bottom right; position: absolute; bottom:0; right:-1px;}
div.shadow div.topright {width:3px; height:9px; background:url(../i/top-right.gif) no-repeat top right; position: absolute; top:0; right:-2px;}*/

#details{width:402px; background:#f5f5f5; float:right; padding:26px 17px; margin-bottom:26px;}
#details h3, #details p span#authorName{color:#ae000b; font-size:12px;}
#details p, #details h3, #details p span#authorName{font-weight:bold;}
p#price{margin-top:31px;}
p#article{font-weight:normal; margin-top:44px; line-height:15px; width:400px;}
strong font { font-weight:bold; }



#newreleases { background:#f5f5f5; width:728px; height:275px; margin:0 auto; position:relative;}
.menu {
 width:700px; height:275px; list-style:none; padding:0 28px;position:relative;}
.menu li {
 width:101px; height:101px; background:#ccc; margin:0 0 0 0; float:left; position:relative; margin:18px 13px 0 0 ; text-align:center;}
.menu li a {text-align:center;}
.menu a img {
	border:none;	
}
.menu li .desc {
	width: 197px;
	position: absolute;
	top: 65px;
	left: 55px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#be111c; 
	display: none;
	border:1px solid #ccc;
	background:#fff;
	padding:10px;
	text-align:left;
}
.desc p.title { font-weight:bold;  text-transform:uppercase;}
.desc p.title span.author { font-weight:normal; color:#333333;}
.desc p.title span.author em {color:#be111c;  }
.desc p.price { color:#666666; font-weight:bold; margin-top:20px;}
.desc p.price span.usd {color:#be111c; font-weight:normal;}


ul#pagination { list-style:none; margin-left:297px; overflow:hidden; position:relative; top:-23px; }
ul#pagination li { float:left; margin:0 5px;}
ul#pagination li a { display:block; width:18px; height:18px; line-height:18px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background:#ccc; text-align:center; color:#fff;}
ul#pagination li a:visited {}
ul#pagination li a:hover { text-decoration:none; background:#BE111C;}
ul#pagination li a.selected { background:#BE111C;}



/* ======================================================= WELCOME PAGE ============================================================= */
#welcome p { color:#9B886F;}
#welcome #container {
	width:639px;
	height:153px;
	background:url(../i/bg-welcome.jpg) no-repeat;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
#welcome { padding-top:200px;}
#welcome #container div#welcomenav {position:absolute; bottom:0; right:45px;}
#welcome #container ul li {width:130px;}
#welcome #container ul li a { display:block; font-weight:bold; background:url(../i/arrow-welcome.gif) 0 50% no-repeat; padding-left:9px;}
#welcome #container ul li a:hover { display:block; font-weight:bold; background:url(../i/arrow-welcome.gif) 0 50% no-repeat; padding-left:9px;}

/* ====================================================== Carousel ============================================================= */