/* CSS Document */


/* Web fonts for when browsers are ready */
@font-face {
	font-family:futuraEOT;
	src: url(/FUTURAL2.eot)
}

@font-face {
	font-family: futuraOTF;
	src: url(/FuturaStd-Light.otf)
}

@font-face {
	font-family: aharoniEOT;
	src: url(/AHARONI0.eot)
}

@font-face {
	font-family: aharoniOTF;
	src: url(/AharoniBold.otf)
}



#body {
	width: 800px;
	margin: auto;
	margin-bottom: 0;
	padding: 0;
	display: block;
}

body {
	margin-top: 0;
	margin-left: 0;
	text-align: left;
	font-family:  verdana, sans serif;
	font-size: 12px;
	width: 800px;
	font-weight:normal;
} 

#global {
	width: 800px;
	/*background-image:  url(.././art/bg.gif);*/
	background-repeat: repeat-y;
}


/* start layount properties */

#home-header {
	width: 800px;
	height: 94px;
	margin: auto;
	margin-bottom: 0px;
	padding: 0px;
}

.header-items {
	position: relative;
	float: left;
}

#searchbox {
	background-color:#545454;
	height: 104px;
	width: 248px;
}

.search-container {
	padding-top:9px;
	padding-left:13px;
}

#searchform {
	margin:0px;
	padding:0px;
}

#logo {
	height: 104px;
	width: 400px;
}

#topimage {
	background-image:  url(.././art/toppicture.gif);
	height: 104px;
	width: 152px;
}


#bestsellers, #events-calendar {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	padding-right: 10px;
	margin-top:10px;
}

/* main body of main body */
#right-columns {
	width: 647px;
	position:absolute;
}


#topmenu {
	height: 24px;
	display: block;
	position:absolute;
	left:0;
	top:-3px;
}

#content-container {
	display:block;
}

#content {
	color: #666666;
}

.content {
	padding: 17px !important;
}

.topmenu {
	font-size: 12px;
	vertical-align: middle;
}

/* end layount properties */


/* start gray bar beneath navbar area*/
.browse {
	position: absolute;
	width:399px;
	top:129px;
	left:153px;
	display:block;
	background-color:#8a8a8a;
	height:28px;
}

.alt1 {
	left:0;
	width:800px;	
}

.alt2 {
	width:647px;
}

/* end gray bar beneath navbar area*/

/* start title treatment and links to browse webstore */
.content table.header{
	border-collapse:collapse;
}

.content table.header td {
	border-bottom:1px solid #872308;
	vertical-align:bottom !important;
	padding-bottom:0;
}

.content table.header {
	width:100%;
	margin-bottom:16px;
}

.content table.header .lastchild {
	width:30%;
	text-align:center;
}

.content table.header.alt1 .lastchild {
	width:40%;
}

.content table.header td.lastchild:hover,
.content table.header.alt1 td.lastchild:hover  {
	border-bottom:1px solid #cc3300 !important;
}

.content table.header h1 {
	position:relative;
	top:12px;
}

.content .header {
	margin-top:16px;	
}

a.browselink {
	color:#fff !important;
	font-family:verdana, sans-serif;
	display:block;
	background-color:#872308;
	padding:6px;
	font-size:10px;
	font-weight:bold;
	position:relative;
	left:1px;
}

a.browselink:hover {
	background-color:#cc3300;
	text-decoration:none;
}

/* end title treatment and links to browse webstore */


.content-pick {
	background: #F7F7F7;
	padding: 17px;
	color: #000000;
}


#highlights {
	background-color: #E5E5E5;
	color: #000000;
	margin: 0;

}

.highlights {
	padding: 13px;
	position:relative;
	width:222px;
	font-size:10px;
	margin-top:11px;
}


#footer {
	width: 800px;
	height: 27px;
	background-color: #872308;
	color: #ffffff;
	display:block;
	clear: both;
}

.footer {
	display:block;
	clear: both;
}

#cleardiv {
	clear: both;
	height: 0em;
}


/* TEXT PROPERTIES */

a:link, a:visited {
	color: #872308;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #cccccc;
}

#events-calendar,
#bestsellers,
.highlights {
	background-color:#e5e5e5;
}

#events-calendar a:link, #bestsellers a:link {
	color: #872308;
}

#events-calendar a:visited, #bestsellers a:visited {
	color: #A54427;
}

#bestsellers .type {
	font-weight:bold;
}

.listing, .event-listing { 
	margin-bottom: 15px;
	font-size:10px;
}

.label {
	color: #872308;
	font-size:14px;
	margin-bottom: 16px;
	margin-top:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.date {
	font-style: italic;
}

.title {
	font-weight: bold;
}

#picks {
	margin-bottom: 18px;
	clear:both;
}

#picks h2 {
	font:bold 14px bold Arial, Helvetica; 
	color:#872306;
}

#content #picks: {
	display:block;
}

.image {
	float: right;
	margin-left: 10px;
}

#picks .label {
	margin-bottom: 10px;
}
 
.order {
	margin-top: 10px;
	clear: right;
}

.content .order {
	clear: none;
	margin-top: 10px;
}


.order a {
	color: #A54427;
	text-decoration: none;
	margin-right: 10px;
	font-size: 10px;
}

.order a:hover {
	text-decoration: underline;
}

h1,
h2,
.content .headline {
	color: #872308;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	color:#000;
}

.content .image {
	margin-bottom: 10px;
}

#sidenav {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	padding-right: 10px;
	margin-top:32px;
}

#sidenav a {
	display:block;
	font-weight:bold;
	margin-bottom: 4px;
	color: #872308;
	font-size:10px;
}


/* TOPMENU CSS */
#topnav2-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:152px;
	height:25px;
	background-color: #872308;
}

#books {
	position:absolute;
	left:152px;
	top:0px;
	width:56px;
	height:25px;
	background-color: #872308;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #969696;
}

#books a:hover {
	background-color: #CC3300;
	display:block;
	width:56px;
	height:25px;
}

#music {
	position:absolute;
	left:345px;
	top:0px;
	width:56px;
	height:25px;
	background-color: #872308;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #969696;
}

#music a:hover {
	background-color: #CC3300;
	display:block;
	width:56px;
	height:25px;
}

#video {
	position:absolute;
	left:264px;
	top:0px;
	width:55px;
	height:25px;
	background-color: #872308;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #969696;
}

#video a:hover {
	background-color: #CC3300;
	display:block;
	width:55px;
	height:25px;
}

#games {
	position:absolute;
	left:402px;
	top:0px;
	width:64px;
	height:25px;
	background-color: #872308;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #969696;
}

#games a:hover {
	background-color: #CC3300;
	display:block;
	width:64px;
	height:25px;
}

#cafe {
	position:absolute;
	left:383px;
	top:0;
	width:46px;
	height:25px;
	background-color: #872308;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #969696;
}

#cafe a:hover {
	background-color: #CC3300;
	display:block;
	width:46px;
	height:25px;
}

#bc {
	background-color:#872308 !important;
	position:absolute;
	left:463px;
	top:0;
	width:84px;
	height:25px;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#969696;
	background:url(/art/topnav2/bc.gif) no-repeat;
	background-position:0 -1px;
}

#bc a:hover {
	background-color: #CC3300 !important;
	display:block;
	width:84px;
	height:25px;
	background:url(/art/topnav2/bc-over.gif) no-repeat;
	background-position:0 -1px;
}


#wc {
	background-color:#872308 !important;
	position:absolute;
	left:208px;
	top:0;
	width:136px;
	height:25px;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#969696;
	background:url(/art/topnav2/wcbooks.gif) no-repeat;
	background-position:0 -2px;
}

#wc a:hover {
	background-color: #CC3300 !important;
	display:block;
	width:136px;
	height:25px;
	background:url(/art/topnav2/wcbooks-over.gif) no-repeat;
	background-position:3px -1px;
}

#events {
	position:absolute;
	left:548px;
	top:0;
	width:65px;
	height:25px;
	background-color: #872308;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #969696;
}

#events a:hover {
	background-color: #CC3300;
	display:block;
	width:65px;
	height:25px;
}

#topnav2-08 {
	background-color: #872308;
	position:absolute;
	left:605px;
	top:0;
	width:41px;
	height:25px;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#969696;
}


/* FOOTER MENU CSS */
#home {
	position:absolute;
	left:0px;
	width:46px;
	height:27px;
	background-color: #872308;
}

#home a:hover {
	background-color: #CC3300;
	display:block;
	width:46px;
	height:27px;
}

#shop {
	position:absolute;
	left:46px;
	width:86px;
	height:27px;
	background-color: #872308;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #969696;
}

#shop a:hover {
	background-color: #CC3300;
	display:block;
	width:86px;
	height:27px;
}
	
#privacy {
	position:absolute;
	left:132px;
	width:96px;
	height:27px;
	background-color: #872308;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #969696;
}

#privacy a:hover {
	background-color: #CC3300;
	display:block;
	width:96px;
	height:27px;
}

#terms {
	position:absolute;
	left:228px;
	width:91px;
	height:27px;
	background-color: #872308;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #969696;
}


#terms a:hover {
	background-color: #CC3300;
	display:block;
	width:91px;
	height:27px;
}
			
#about {
	position:absolute;
	left:319px;
	width:125px;
	height:27px;
	background-color: #872308;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #969696;
}

#about a:hover {
	background-color: #CC3300;
	display:block;
	width:125px;
	height:27px;
}
				
#copyright {
	position:absolute;
	left:444px;
	width:356px;
	height:27px;
	background-color: #872308;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #969696;
}

.left {
	display:inline;
	position:relative;
	float:left;
	border:none;
	margin-right:8px;
}

.right {
	display:inline;
	position:relative;
	float:right;
	border:none;
	margin-left:8px;
}

.bcContact {
	margin-top:-18px;
	display:block;
	float:right;
}


.subnav {
	width:100%;
	margin-bottom:16px;
	position:relative;
	top:0;
}

.subnav td {
	/*border-right:1px solid #ddd;*/
	text-align:center;
	padding:4px;
	border:1px solid #872308;
	font-family:verdana, sans-serif;
}

.subnav td:hover {
	background-color:#ddd;
}

.subnav td:hover a {
	color:#000;
}

.subnav td.selected {
	background-color:#872308;
}

.subnav td.selected a {
	color:#fff;
}

.subnav a {
	font-weight:bold;
	font-size:10px;
}

.callout {
	border: 1px solid #872308;
	color:#fff;
	padding:6px 2px 6px 4px;
	margin-bottom:8px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

.callout a {
	color:#872308;
	font-weight:bold;

}

div.callout:hover {
	background-color: #872308;
}

div.callout:hover a {
	color: #fff !important;
}

div#emailsignup.callout:hover,
div#emailsignup.callout:hover a {
	background-color:#e5e5e5;
	color:#872308 !important;
}

.headertable td{
	vertical-align:top;
}

ol {
	left:-16px;
	top:-8px;
	position:relative;
	font:normal 10px Verdana, sans-serif;
}


.article {
	font-family:Arial, Helvetica, sans-serif
}

.article a {
	font-size:12px;
}

.article h2,
.article h2 a {
	font-size:large;
}

.article h3,
.article h3 a {
	font-size:medium !important;
}

.article .price {
	font-weight:bold;
	margin-top:6px;
}

.staffpicks {
	border: 1px solid #872308;
	background-color:#fff;
	margin:0 6px 24px 0;
	padding:6px;
	float:left;
	width:30%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.staffpicks p {
	margin-bottom:-4px !important;
}

.staffpicks h2 {
	font-size:small;
}

.nonbold p {
	font-weight:normal !important;
}

.navbar {
	width:800px;
	margin:0;
	background-color:#872308;
	height:25px;
	position:absolute;
	padding:0;
	top:104px;
	left:0
}

.navbar li {
	display:inline;
	background-color:#872308;
	color:#ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	border-left:1px solid #ccc;
	text-align:center;
	padding:6px 12px 6px 12px;
	margin-left:-4px;
	top:5px;
	position:relative;
}

.navbar li:hover,
.navbar li a:hover {
	background-color:#cc3300;
}

.navbar li.firstchild {
	border-left:none !important;;
	font-weight:normal;
}

.navbar li.firstchild:hover {
	background-color:#872308;
}

.navbar li.lastchild {
	border-right:1px solid #ccc;
}

.navbar a {
	color:#fff !important;	
	text-decoration:none;
	margin:0;
}

#picks.music .image img,
#picks.games .image img {
	height:70px;
}

.webstore {
	display:block;
	float:right;
	margin-top:20px;
	margin-right:55px;
	margin-bottom:10px;
	color:#fff !important;
	width:175px;
	font-size:14px;
	font-weight:bold;
	white-space:nowrap;
}