@charset *UTF-8*;
/* CSS Document  */

/*	-------------- Top Links ----------------------------------------------------------- */
.TopLinks
{
position:relative;
font-size: 11px;
width: 900px;
height: 16px;
padding-top: 4px;
}

.topLinksLeft
{
float: left;
padding-left: 8px;
}

.topLinksRight
{
float: right;
}
.topLinkBar
{
float: right;
padding: 0px 8px;
}




/*	-------------- Wowio Block ----------------------------------------------------------- */
.wowioBlock
{
position:relative;
width: 900px;
height: 98px;
background-image: url('/images/newimages/bkgnd-topblackbanner.png');
background-repeat: repeat-x;
background-position: center top;
overflow: hidden;

border: 0px;
}

#logo
{
position: absolute;
left:40px; 
top:25px; 
}
#searchDiv
{
position: absolute;
top: 36px; 
left: 600px; 
width: 261px;
height: 25px;
background: url('/images/newimages/search-box.png') no-repeat 0 0;
}
#searchDiv:hover
{
background-position: 0 -25px;
}

#txtSearch
{
float:left;
font-family: Helvetica, Arial, Sans-serif;
font-size: 12px;
color: #e5e5e5;
margin: 3px 0px 0px 4px;
background: transparent;
outline: none;
width: 226px;
border: 0px solid red;
}
#txtSearch:hover
{
color: #060606;
}

#searchButton
{
position: absolute;
top: 36px; 
left: 832px; 
display: block;
width: 29px; 
height: 25px; 
background: url('/images/newimages/search-btn.png') no-repeat 0 0;
border: 0px solid red;
cursor: pointer;
}
#searchButton:hover
{
background-position: 0 -25px;
}
#searchButton span
{
display: none;
}



/*	-------------- Menu Bar ----------------------------------------------------------- */
.menuBar
{
position:relative;
width: 900px;
height: 28px;
background-image: url('/images/newimages/bkgnd-top-navbar.png');
background-repeat: repeat-x;
/*
background-color: silver;
opacity:0.6;
*/
border: 0px solid red;
}
.menuBar A:link{text-decoration: none; color: #060606;}
.menuBar A:visited{text-decoration: none; color: #060606;}
.menuBar A:active{text-decoration: none; color: #060606;}

.dropDown
{
float: left;
height: 20px;
width: 84px;
padding-top: 8px;
text-align:center;
border: 0px solid green;
}
.dropDown:hover{background-color: #eeeeee;}


#MenuList
{
float: right;
}
#MenuLibary
{
float: right;
}
#MenuCart
{
float: right;
}

#menuBooks
{
position: absolute;
display: none;
z-index: -25;
margin: 0px;
padding-left: 16px;

background-color: transparent;
border: 0px solid green;
/*
opacity:0.6;
*/
}
#menuBooksBackground
{
width: 700px;
background-color: #dedede;
 /* Mozilla: >= 3.6*/
 background: -moz-linear-gradient(top, #FFFFFF, #cdcdcd);
 /* Chrome, Safari:*/
 background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#cdcdcd));
 /* MSIE >= 5.5 */
 filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#cdcdcd', GradientType=0);

-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}
.menuBooksColumns
{
position: relative;
float: left;
padding: 4px 4px 8px 12px;
width: 206px;

background-color: white;

-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;

line-height: 1.8;
}
.spacer
{
position: relative;
float: left;
}

/*	-------------- sponsorship bar ----------------------------------------------------------- */
.sponsored
{
	font-size:10px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#5f5f5f;
	width:824px;
	min-height:28px;
	text-align:left;
	background-repeat:repeat-x;
	padding:0px 38px;
}
.sponsored A:link{color:#5f5f5f; text-decoration:underline;}
.sponsored A:visited{color:#5f5f5f; text-decoration:underline;}
.sponsored A:active{color:#5f5f5f; text-decoration:underline;}

.sGold
{
	background-color:#f0d798;
	background-image:url('/images/newimages/bkgnd-sponsorbar-gold.png');
}
.sGrey
{
	background-color:#f0f0f0;
	background-image:url('/images/newimages/bkgnd-sponsorbar-grey.png');
}
.sponsored img
{
	position:relative;
	top:5px;
}
.sponsored span
{
	position:relative;
	top:1px;
}


/*	-------------- Bottom Bar ----------------------------------------------------------- */
.bottomBanner
{
width: 900px;
height: 50px;
background-color: black;
background-image: url('/images/newimages/bkgnd-footer.jpg');
background-repeat: repeat-y;
background-position: center top;
}
.bottomBanner A:link{text-decoration: none;color: #cccccc;}
.bottomBanner A:visited{text-decoration: none;color: #cccccc;}
.bottomBanner A:active{text-decoration: none;color: #cccccc;}
.bottomBanner A:hover{text-decoration: underline;}

.footerText
{
font-family: Helvetica, Arial, Sans-serif;
font-size: 12px;
color: #cccccc;
padding: 0px 8px;
}
#footerIcon
{
position: relative;
top: 10px;
padding: 0px 8px;
}

/*	-------------- Copyright Bar ----------------------------------------------------------- */
.copyRight
{
position: relative;
top: 8px;
width: 900px;
height: 75px;
font-family: Helvetica, Arial, Sans-serif;
font-size: 11px;
color: #444444;
text-align: center; 
}

/*	-------------- rollover stuff ----------------------------------------------------------- */
.bookrollover_l
{
}
.bookrollover_r
{
}
.bookrolloverc_l
{
}
.bookrolloverc_r
{
}

.broMain
{
	width:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:black;
	/* Mozilla: >= 3.6*/
	background:-moz-linear-gradient(top, #444444, #000000);
	/* Chrome, Safari:*/
	background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#000000));
	/* MSIE >= 5.5 */
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#444444', EndColorStr='#000000', GradientType=0);
}
.broRatingImg
{
	margin: 5px 0px;
	width:76px;
	height:18px;
	background:transparent url(/images/NewImages/discs-compact-reversed.png) no-repeat 0 0;
}
.broLeft
{
	float:left;
	width:70px;
	text-align:left;
}
.broRight
{
	float:left;
	width:240px;
}

.pubrollover_l
{
}
.pubrollover_r
{
}
.proLeft
{
	float:left;
	width:90px;
	text-align:left;
}
.proRight
{
	float:left;
	width:220px;
}

