@CHARSET "UTF-8";
/****************
sauls new css
*****************/
.button-search{

border-style:solid;
border-width:1px;
color:#333333;
border-color:#E4E4E4 #999999 #999999 #E4E4E4;
cursor:pointer;
display:inline;
margin:0 0 0 4px;
padding:2px 4px;
text-decoration:none;
}


#NewAddress{background:#f7f7f7; border:solid 1px #cccccc}


/*****************
	DEPRECIATE
******************/
#middle h3{
	font-size: 1.5em;
}

#content_area div.intro2 p{
	padding: 10px 0;
	font-size:14px;
	/* used in the basket/show */
}

.paginator span.current{
	background:#AEAEBF;
	color:#fff;
	padding:2px 4px;
}

#middle{
	border-right:1px solid #EFEFEF;
	border-left:1px solid #EFEFEF;
	min-height: 500px;
	width: 529px;
	padding: 0px 8px;
	margin: 0 0 4px;
	padding-bottom: 25px;
	float:left;
	overflow:hidden;
}

#middle p,#content_area p{
	padding-bottom:10px;
	font-size:0.9em;
	line-height: 1.3;
}

	#middle div.booklist p, #middle div.half p{
		padding-bottom:0px;
	}

#flashMsg{
	padding:8px 20px;
	color:#000;
	font-size: 1em;
	text-align: center;
}
#flashMsgBlue {
	margin-bottom: 8px;;
	color:#333;
	font-size: 1em;
	text-align: center;
         background-image: url("../images/common/flashmessage-background.jpg");
         background-repeat:no-repeat;
         background-position:center center;

}
#flashMsgMsgBlue .message {   }

	#flashMsg.msg-success{
		position:absolute;
		top:0px;
		right:0px;
		color:#fff;
		background: #5c8d64;
	}

	.msg-info{
	    margin:0px 0px 10px;
		padding:10px;
	    border:1px solid #37A3DF;
	    background: 10px 11px no-repeat #EFF9FF;
	}

	.msg-error{
		background:#FFEBE8;
		border:1px solid #DD3C10;
		margin:0px 0px 10px;
		padding:10px;
	}

	.msg-notice{
		background:#ccc;
		border:1px solid #999;
		margin-bottom:5px;
		padding:10px 10px 10px 35px;
	}


	.error-message{
		color:red;
		font-size:10px;
		padding:5px;
		float:left;
		margin-top:10px
	}

#promo-bottom .button_border_blue{
	display: block;
	float:left;
	margin:8px 0;
}


ul.inline li{
	float:left;
	padding:2px;
	font-size:0.8em;
	text-align: center;
}

/*****************
	GENERAL
******************/
#adminBar{
	position: fixed;
	top: 0px;
	left: 0px;
}

#backDiv{
	position:absolute;
	height:3000px;
	top:0px;
	left:0px;
	opacity:0.8;
	filter: alpha(opacity = 80);
	background-color: #000;
	width:100%;
}

#virtualBookIframe{
	width:760px;
	height:565px;
	overflow: hidden;
	position: absolute;
	top:40px;
	z-index:9999;
}

#content_area .message{
	padding: 40px;
	text-align: center;
}


.markNew{
	color:#c00;
	font-size: 9px;
	font-weight: normal;
	position:relative;
	top:-4px;
}

body{
	text-align: left;
}

a{
	color:#333333;
}

ul{
	list-style: none;
}

h1,h3{
	padding:4px 0px;
	font-weight:normal;
}



h1{
	font-size: 1.5em;
}


h3{
	font-size: 1.0em;
}

h4{
	font-size: 1.0em;
}

.item span.menu{
	float:right;
	font-size:0.8em;
	padding:2px 0px;
	font-weight:normal;
}

.blue{
	border-bottom:1px solid #333333;
	margin-bottom: 4px;
	color:#333333;
}

.backBlue{
	background-color: #999999;
	color:white;
	padding:4px
}

	#middle h3.backBlue{
		font-size: 1em;
		margin-bottom:4px;
	}

.backBlueTwo{
	background-color: #999999;
	color:white;
	padding:4px
}

	#middle h3.backBlueTwo{
		font-size: 1em;
		margin-bottom:4px;
	}

.blueButton{
background-color:#F2F2F2;
border-color:#E4E4E4 #999999 #999999 #E4E4E4;
border-style:solid;
border-width:1px;
color:#333333;
cursor:pointer;
display:-moz-inline-box;
margin:2px 0;
padding:2px;
}

input.blueButton:active, span.button_border_blue:active{
	border-color:#e4e4e4 #999999 #999999 #e4e4e4;
}

.button, .button_border_blue {
	cursor:pointer;
	display:inline;
	margin:0px 0 0 4px;
	padding:2px 4px;
	text-decoration: none;
}

.button_border_red {
	cursor:pointer;
	display:inline;
	margin:0px 0 0 4px;
	padding:2px 4px;
	color:#ffffff;
	text-decoration: none;
}

.button a, .button_border_blue a{
	text-decoration: none;
	white-space: nowrap;
}

.button_border_red a {
    color:#fff;
    text-decoration: none;
	white-space: nowrap;
}


.button_border_blue, .button{
	border:1px solid #F2F2F2;
	border-color:#E4E4E4 #999999 #999999 #E4E4E4;
	background-color: #F2F2F2;
}

.button_border_red{
	border:1px solid #cc6666;
	border-color:#cc6666 #993333 #993333 #cc6666;
	background-color: #cc3333;
}

.roundButton, .roundButton span{
	background:transparent url(../images/icons/roundButton.png) no-repeat scroll 100% -22px;
	display:block;
	cursor:pointer;
	height:24px;
	padding:0 6px 0 0;
	float:left;
	text-decoration: none;
}
	.roundButton_red, .roundButton_red span {
		background:transparent url(../images/icons/roundButton_red.png) no-repeat scroll 100% -22px;;
	}

	.roundButton_blue, .roundButton_blue span {
		background:transparent url(../images/icons/roundButton_blue.png) no-repeat scroll 100% -22px;;
		color:#fff;
	}

	.roundButton_blueLarge, .roundButton_blueLarge span {
		background:transparent url(../images/icons/roundButton_blueLarge.png) no-repeat scroll 100% -22px;;
		color:#fff;
	}

	.roundButton_gray, .roundButton_gray span {
		background:transparent url(../images/icons/roundButton_gray.png) no-repeat scroll 100% -22px;
		color:#777;
		cursor:default;
	}

  .roundButton_lightgray, .roundButton_lightgray span {
		background:transparent url(../images/icons/roundButton_lightgray.png) no-repeat scroll 100% -22px;
		color:#000;
		cursor:default;
	}
	.roundButton span{
		background-position:0 0;
		padding:4px 0 3px 6px;
		font-size:12px;

	}

	a.roundButton:hover{
		text-decoration: none;
	}

/*************************
	DEFAULT TABLE
***************************/
.defaultTable{
	width: 100%;
	border-collapse:collapse;
}
	.defaultTable th{
		font-weight: bold;
		font-size: 0.9em;
		background: #efefef;
		padding:2px;
	}

	.defaultTable a:visited{
		color:#8f8fca;
	}

	.defaultTable td{
		border-bottom: 1px solid #efefef;
		font-size: 0.9em;
		padding:1px;
	}

	.defaultTable .rowTab td{
		border-top: 15px solid #fff;
		border-bottom: 1px solid #efefef;
		padding:2px;
	}

	.defaultTable .rowTab td img{
		vertical-align: bottom;
	}

	.defaultTable .rowTab td div{
		padding: 5px 0 0;
	}

.tableTotal{
	border-top:1px solid #efefef;
	text-align: right;
	padding:4px	10px;
	font-size: 0.9em;
	margin: 2px;
}


/*************************
	DEFAULT FORM
***************************/

.form{
	font-size: 0.9em;
}
	.form .input{
		margin:2px;
	}

	.form label, .form legend{
		float:left;
		width:140px;
		font-weight: bold;
		color:#000;
	}

		.form .input label{
			padding: 2px;
			margin-top:1px
		}

	.form div.multiline{
		margin-left:140px;
		clear:none;
		padding: 0px;
	}

	.form div.text input, .form div.password input,.form textarea{
		width:250px;
		border:1px solid #cdcdcd;
		padding:1px;
		background-color: #fdfdfd;
	}

	.form select{
		border:1px solid #cdcdcd;
		background-color: #fdfdfd;
	}

	.radioSelect div{
		border-bottom:1px solid #efefef;
		padding:2px 0 2px;
	}

	.form .radioSelect input{
		margin:2px 50px;
	}

	.form .radioSelect label{
		margin-right:120px;
	}

	.wide textarea{
		height:50px;
		width: 350px;
	}

	.form .date select{
		width:100px;
		padding: 1px 2px;
	}

	.form legend{
	}

	.form .required{
		background: url("../images/icons/redStar.gif") no-repeat 95% 50%;
	}

	.form div{
		clear: left;
		padding:2px;
	}

	.form .error-message{
		margin:0 144px;
	}


	.form .radio input{
		margin:4px;
	}


/*************************
	SMALL FORM
***************************/
.smallForm div.input{
	padding: 1px;
}

.smallForm label{
	float:left;
	width:70px;
	font-weight: normal;
	padding:2px;
	font-size:0.8em;
}

.smallForm input.input{
	width:110px;
	padding:2px;
	font-size:0.8em;
	border:1px solid #999;
}


/*************************
	GENERAL TAGS
***************************/
div.container{
	background: #ffffff;
	margin: 0 0px 5px;
	clear:both;
	width:210px;
	border:1px solid #999;
}
	div.container h3{
		color:#000;
		background: #e7e7e7;
		padding:4px;
		font-size: 0.9em;
	}

	div.container .content{
		padding:4px;
	}



div.item{
	overflow: hidden;
	margin-bottom: 40px;
}
	div.item .half{
		width:50%;
		float:left;
	}


.gradientHeader{
	background: url('../images/icons/gradientBG_33.gif') repeat-x;
	height:22px;
	color:#336;
	font-size:1em;
	font-weight:bold;
	padding:4px 2px;
}


.frightMenu{
		float:right;
		padding:4px;
		border-left:1px dashed #cdcdcd;
}

span.icon{
	background: url(../images/icons/icons-grey.png);
	height:18px;
	margin-right:3px;
	width:20px;
	overflow:hidden;
	padding-left:18px;
}
	span.basketIcon{
		background-position: -20px;
	}

	span.secureIcon{
		background-position: -40px;
	}

	span.memberLoginIcon{
		background-position: -60px;
	}

	span.followIcon{
		background-position: -80px;
	}

#bestseller div.smallBook:last-child, #categoryBooks div.smallBook:last-child, #recommendBook div.smallBook:last-child {
	border-bottom:0px solid #000;
}

#categoryBooks img, #recommendBook img{
	width:42px;
}

.smallBook{
	clear:both;
	height:83px;
	border-bottom:1px dashed #cdcdcd;
	padding: 10px 0 10px;
	margin:0px;
}
	div.smallBook:hover{
		background: #f9f9f9;
	}

	.smallBook a{
		font-size:0.9em;
	}

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

	.smallBook .text{
		margin-left:50px;
	}

	.smallBook img{
		padding:3px;
	}

	.smallBook h5{
		font-size: 0.85em;
	}

	.smallBook .price{
		padding:5px 0px;
		color:#333;
		font-size: 0.8em;
	}

.price{
}

.save{
	color:#C11919;
}

.grandTotal{
	margin:8px 0 0;
	font-weight: bold;
}

.originalPrice{
	text-decoration: line-through;
}

.booklist{
	padding:20px 0 16px;
	border-top:1px dashed #cdcdcd;
	clear:both;
	width:529px;
	overflow:hidden;
}

	.booklist img.bookImage{
		padding: 0 4px 0px 0;
	}

	.booklist img.icon{
		margin: 0 4px 0 0;
	}

	.booklist .text{
		margin-left:102px;
	}

	div.joinlist img{
		width:150px;
	}

	div.joinlist div.text{
		margin-left:158px;
	}

	.booklist h5{
		padding: 0 0 8px;
		font-weight: normal;
		color:#777;
	}

	.booklist .roundButton{
		margin: 0px 8px;
	}

.newsitem{
	padding:20px 5px 16px 8px;
	border-bottom:1px dashed #cdcdcd;
	clear:both;
	width:520px;
	overflow:hidden;
}
	.newsitem ul{
		list-style: square;
		padding:10px 20px;
	}

	.newsitem li a{
		text-decoration: underline;
	}

	.newsitem h3,.newsitem h4,.newsitem h5,.newsitem h1{
		color:#333;
	}

	.newsitem h4{
		font-size: 0.9em;
		margin-bottom: 10px;
	}

	.newsitem .toplink{
		background:transparent url(/images/icons/arrow_up.gif) no-repeat scroll 8px 12px;
		color:#999999;
		float:right;
		font-size:10px;
		padding:8px 5px 0 28px;
	}

	.newsitem img{
		padding:4px;
	}

	.newsitem li{
		font-size:0.85em;
		padding:4px;
		line-height: 1.3;
	}

	.paginator {
		text-align: right;
	}

	.paginator .disabled{
		display: none;
	}
	.paginator .numbers{
		padding: 0 5px;
	}

.newsletter{

}
	div.newsletter h3{
		background: url('/images/icons/newsletterHeader.png') no-repeat #fff 50% 50%;
		padding: 0;
		margin-top:20px;
		height:20px;
	}

	div.newsletter .content{
		background: url('/images/icons/newsletterGradient1.gif') repeat-x #fff;
		height:60px;
		padding-top: 2px;
	}

	div.newsletter a{
		text-decoration: none;
	}

	div.newsletter a:hover{
		text-decoration: underline;
	}


.subCategory{
	padding:20px 0;
}

	.subCategory h2{
		border-bottom: 1px dashed #cdcdcd;
		font-size: 1.1em;
		margin:0 0 4px;
	}
		.subCategory h2 span{
			color:#999;
			font-weight: normal;
			font-size:13px;
			padding: 3px;
		}

	.subCategory .categoryLink {
		font-weight:normal;
		margin-bottom:10px;
		text-align:right;
	}
		.subCategory .categoryLink a{
			text-decoration: underline;
		}

.book{
	float:left;
	width:50%;
	font-size: 0.9em;
	margin:16px 0;
	width:264px;
}
	.book .header{
		border-bottom:1px solid #e3eae8;
		margin:0 0 6px;
		text-indent: 2px;
	}

	.book h4{
		font-size: 1.1em;
		font-weight: bold;
	}

	.book .author{
		color:#999;
		font-weight: normal;
		margin:0 0 4px;
	}

	.book .right .text{
		margin-left:0px;
		padding-right:2px;
	}

	.book .text{
		margin-left:98px;
		padding-right:2px;
	}

	.book .content{
		border:1px solid #fff;
	}

	.book .imageLink{
		text-align: center;
		width:96px;
	}

	.book .price{
		color:#333;
	}

	div.hover1 .content{
		background: #fafafa;
		border:1px solid #cdcdcd;
	}

	div.hover1 div{
		text-decoration: underline;
	}

	.book img{
		padding:0 5px 0 0;
	}

	.book .roundButton{
		margin:2px 0px;
	}

.wideBook{
	padding:10px 10px;
}
	.wideBook img{
		width: 93px;
		height:147px;
		padding:8px 8px;
		border:1px solid #cdcdcd;
		margin:0 8px 0 0;
		background:#fff;
	}

	.wideBook h4{
		font-size: 1.1em;
		font-weight: bold;
	}

	.wideBook h5{
		color:#666;
		font-weight: normal;
		margin:0 0 16px;
	}

	.wideBook .price{
		color:#336;
	}

	.wideBook .save{
		color:#C11919;
		font-weight: bold;
	}



.hp_340{
	width:340px;
	float:left;
	padding:6px 4px;
}

.left .content img{
	padding:0 5px 0 0;
}

.right .content img{
	padding:0 0 0 5px;
}

#hp_left_3 img, #hp_right_3 img{
}


.box125{
	overflow:hidden;
	height:125px;
}


/*******************
	BOOK PAGE
******************/

.viewBook{

}
	.viewBook h3{
		padding:0px;
	}

	.viewBook h4, .viewBook h5{
		color:#333;
	}

	.viewBook .author{
		font-weight: normal;
		color:#999;
		margin: 0 0 16px
	}

	.viewBook .price{
		font-size:1.2em;
		font-weight: bold;
	}

	#middle .viewBook .descriptions p{

	}

	.viewBook .largeImage{
		padding: 0 10px 0 0;
	}

	.viewBook .quote{
		background:#F8F8F8 none repeat scroll 0 0;
		border:1px solid #cccccc;
		color:#333333;
		font-style:italic;
		margin:10px 20px 20px;
		padding:8px;
	}

	.viewBook .quoter{
		font-style:normal;
		font-size:0.75em;
		font-weight: bold;
		padding:4px 0;
	}


	.viewBook .tabs{
		clear: both;
	}

	.viewBook .illustrations{
		clear:both;
		font-size:11px;
		background:#E5E8E6 none repeat scroll 0 0;
		margin:0px 0 8px;
	}
		.viewBook .illustrations img{
		padding:4px;
	}

	.viewBook .summary{
		clear:both;
		margin:8px 0;
		border-top:1px solid #cdcdcd;
		padding:8px 0;
	}

		#middle .viewBook .summary p{
			padding-bottom:2px;
		}


	.viewBook .prices .roundButton{
		margin:0px 0 8px;
	}

	#middle .viewBook .descriptions .promo_price2{
		color:#CC0000;
		padding:0 0 10px;
	}

/*******************
	LIGHTBOX
******************/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
}


/*******************
	CAROUSEL
******************/

#nav{
		margin:2px 6px;
	}

	#nav a{
		color:#333;
		padding:0 4px;
		cursor:pointer;
	}

	#nav a.activeSlide{
		color:#333;
		background: #fff;
		text-decoration: underline;
	}

.fader-navButtons{
	z-index:100;
	float:right;
	left:-9px;
	position:relative;
	top:-27px;
	height:1px;
}

.fader-navButtons-background{
	background:#CDCDCD none repeat scroll 0 0;
	opacity:0.9;
	padding:2px;
}

.fader-navButtons-data{
	background:#efefef none repeat scroll 0 0;
	border:1px solid #cdcdcd;
	float:right;
	position:relative;
	top:1px;
	z-index:100;
	padding:2px 0px;
	left:-2px;

}

#prev,#next{
	padding: 0px 6px;
	cursor:pointer;
	width:10px;
	height:10px;
}

#prev{
	background: url("/images/icons/arrowLeft.gif") no-repeat 4px 2px;
}

#next{
	background: url("/images/icons/arrowRight.gif") no-repeat -2px 2px;
	margin-right:4px;
}

.fader-nav{
	padding:3px;
}


.fader-container{
	overflow:hidden;
	height:235px;
}

#hp_carousel{
	width:690px;
	margin:0 3px 0px;
}
div.aligner-right { float:left; clear:both; text-align:right; width:100%; }
div.aligner-right span { display:block; float:right; text-align:right; }


ul.fader{
	clear:both;
	background: url("/images/carousel/carouselBG.gif") repeat-x;
	width:525px;
	border:1px solid #cdcdcd;
	height:185px;
	overflow:hidden;
}

	ul.fader li{
		background: url("/images/carousel/carouselBG.gif") repeat-x;

		display: none;
	}

.fader-container .ob_title{
	border:0px;
	padding:0px 0 2px;
	position: relative;
	top:3px;
}


/*******************
	OLD EDITORIALS STUFF - NEEDS TO FADE OUT
******************/

#promo-bottom{
		width: 698px;
		float:left;
		clear: both;
		margin-top: 10px;
	}

	#promo-bottom .left{
		float: left;
		width: 346px;
		margin-top:0;
		padding: 6px 0;
        background: url('../images/banners/home-banner-fade.jpg') top left no-repeat;
	}


	#promo-bottom .left img{
		float: left;

	}

	#promo-bottom .left .content_area{
		float: right;
		width: 225px;
	}

	#promo-bottom .left div.wrap,
	#promo-bottom .right div.wrap
	{
		/*background: #DDE5E2;*/
		width: 326px;
		margin: 0 5px;
		padding:5px;
		padding-bottom: 5px;
		overflow: hidden;
	}

	#promo-bottom .left	h3,
	#promo-bottom .right h3
	{
		width: 330px;
		background-color: #333366;
		color: #FFF;
		padding: 3px;
		margin: 0 5px;
		font-size: 1.1em;
	}


	#promo-bottom .right{
		float: right;
		width: 346px;
		margin-top:0;
		padding: 6px 0;
        background: url('../images/banners/home-banner-fade.jpg') top left no-repeat;
	}
		#promo-bottom .right h3{
			background: #333366;
		}
		#promo-bottom .right h4{
			font-size: 1.4em;
			font-weight: normal;
		}
		#promo-bottom .right h4 span{
			color: #C00;
		}
		#promo-bottom .right img{
			float: right;
			margin-bottom:5px;
			width:100px;
		}

		#promo-bottom .right .content_area{
			width: 225px;
		}