*{
	padding:0;
	margin:0;
	border:0;
	}

a{
	text-decoration:none;
}

	a:hover{
		text-decoration:underline;
	}

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

	.button a:hover, a.button_border_red:hover{
		text-decoration:none;
	}

	p a{
		text-decoration:underline;
	}


body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #33333;
	/*background:  repeat-x #f7f7f7;*/
}


.accessibility{position: absolute; left: -5000px;}

#page, #breadcrumb{
	margin: 0 auto;
	width: 935px;
}

#content_area{
	background:#FFFFFF;
	border-top:8px solid #FFFFFF;
	clear:both;
	float:left;
	width:935px;
	min-height:400px;
	height:auto !important;
  	height:400px;
}

#header{ float: left; clear: both;}




#header_left{ float: left; height: 71px; width: 580px; background: url(../images/common/logo-larger-real-white.jpg) top left no-repeat;
	}

#search{ float: left; width: 355px; text-align: right }

#search h2{ font-size: 0.7em; padding: 15px 0 5px;}
#search h2 span{ font-weight: normal;}
#search_box{
	padding: 3px;
	border:1px solid #999;
	width:220px;
}

#member_reg .button_border,
#member_login .button_border2
 {float: right; margin-right: 8px;}

#member_reg p,
#mailing_list p
{
	color: #333;
}


ul#main_navigation { clear:both; list-style-type:none; margin:0; padding:0; width:935px; height:24px; height:24px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; border-bottom: 1px solid #CCCCCC;  }
ul#main_navigation li { background:transparent url(/images/tab-bg.gif) no-repeat scroll right 0; display:block; float:left; height:24px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 0 -1px ; padding:0; }
ul#main_navigation li.first { margin:0; }
ul#main_navigation li a { background:transparent url(/images/tab-l.gif) no-repeat scroll 0 0; display:block; font-size:13px; font-weight:bold; height:24px; text-decoration:none; line-height:24px; padding:0 12px 0 12px; }
ul#main_navigation li a.active { background-color:#FFFFFF; background-image:none; padding:0 10px; text-decoration:none; }
ul#main_navigation li a:hover { text-decoration:none; }
ul#main_navigation li.rightside { float:right; background:#FFFFFF; margin:0 2px  0 0; }
ul#main_navigation li.rightside a { background:#FFFFFF; }
ul#main_navigation li#country-icon img { margin-top:6px;  }

ul#main_navigation li.active { background-image: url("../images/tab-bg-active.gif"); }
ul#main_navigation li.active a { background:transparent url("../images/tab-l-active.gif") no-repeat scroll 0 0; border-bottom:1px solid #FFFFFF; }
ul#main_navigation li.hover { background: url("../images/tab-bg-active.gif") no-repeat scroll right -24px; }
ul#main_navigation li.hover a { background:transparent url("../images/tab-l-active.gif") no-repeat scroll 0 -24px; }
ul#main_navigation li#country-icon.hover { background:none; }





#breadcrumb{
	clear: both;
	background: #FFF;
	padding:4px;
	width: 927px;
	list-style-type: none;
	font-size: 0.8em;
	border-bottom:1px solid #ededed;
	float:left;
}
	#breadcrumb li{
		float: left;
		padding: 4px;
	}

	#breadcrumb li a{ background: url(../images/common/bread_arrow.gif) right center no-repeat; padding-right: 12px; color:#999}


#left_nav{
	list-style-type: none;
	/*border-top: #333366 2px solid;
	border-bottom: #333366 2px solid;*/
	margin: 0px 0 8px 4px;
	float: left;
	clear: both;
	width:155px;
}
	#left_nav ul li:last-child{
		border-bottom: 0px dotted #333366;
	}

	#left_nav li a{
		border-bottom: 1px solid #e8e8e8;
		padding: 3px 5px;
		display:block;
		width: 135px;
	}

	#left_nav .children li a{
		padding: 4px 10px;
	}

	#left_nav li a.activeParent {
background:none repeat scroll 0 0 #e8e8e8;
border-bottom:0 solid #333366;
color:#000;
width:145px;
	}
	#left_nav ul.group{
		margin:0 0 20px;
	}

		#left_nav li a.group, #left_nav li a.group:hover{
			color:#333;
			border-bottom:1px solid #333;
			padding:4px 4px 0px;
			width:145px;
			font-weight: bold;
			background: #fff;
			cursor: default;
			font-size: 0.9em;
		}

	#left_nav li a.active{
		background:#e8e8e8;
		color:#000;
		width: 135px;
	}

  	#left_nav li a.activeC{
		background:#e8e8e8;
		color:#000;
		width: 135px;
	}

	#left_nav li a:hover{
		background: #ededed;
		text-decoration: none;
		color:#333;
	}

	#left_nav .filterList a{
		font-size: 0.9em;
	}

	#left_nav .subCategories{
		background: #f9f9f9;
		font-size: 0.85em;
		overflow: hidden;
		color:#999;
		border-bottom: 0px solid #cdcdcd;
	}
		#left_nav li .subCategories a{
			padding:3px 10px 3px 20px;
			color:#666;
			width:125px;
		}

		#left_nav ul.subCategories a:hover{
			background: url('/images/icons/arrow_grey.gif') no-repeat 8px 50%;
			color:#666;
		}

		#left_nav ul.subCategories a.active{
			background: url('/images/icons/arrow_grey.gif') no-repeat 8px 50%;
		}
		#left_nav ul.subCategories a.activeC{
			background: url('/images/icons/arrow_grey.gif') no-repeat 8px 50%;
		}


#left_wide{
	float: left;
	width: 699px;
	padding: 0 4px 4px;
	border-right:1px solid #EFEFEF;
	margin-bottom:8px;
	}

	#left_wide p.intro2{
		padding: 8px 2px;
	}

	#left_wide div.bigLeft{
		float:left;
		width:360px;
		padding:4px;
		border-right:1px solid #efefef;
	}

	#left_wide div.bigLeft h4{
		padding:8px 0px 2px;
		color:#333333;
	}

	#left_wide div.bigLeft h4.top{
		padding:0px 0px 2px;
	}

	#left_wide div.smallRight{
		float:left;
		width:300px;
		padding:8px;
		overflow:hidden;
	}


.add_space_for_decoration{
	padding-bottom: 140px ;
}

#left_narrow{
	float: left;
	width: 165px;
	padding-bottom:200px;
	overflow:hidden;
}

#middle h4.io-h4{
	margin-bottom: 0;
	font-size: 1em ;
}

#right{
	float: right;
	width: 212px;
	padding: 0px 4px;
	}

/*
#right form p,
#right div p
{
	padding:8px 4px 4px 8px;
	font-size: 80%;
	line-height: 130%;
	color: #333;
}
*/


#member_login input#username,
#member_login input#password,
#mailing_list input#email
{
	margin-left: 8px;
	width: 125px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	border-bottom:1px solid #656866;
	border-right:1px solid #656866;
	float: left;
	clear: left;
}

#mailing_list input#email{

	width: 110px;
}

#member_login a { margin: 2px 0 0 8px;}

.form_header{
	border: 0;
	margin:0;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	padding: 4px 0 5px 30px;
	background: url(../images/common/m.gif) left center no-repeat #333366;
}

.form_header_verisign{
    border: 0;
    margin:0;
    font-size: 1em;
    font-weight: normal;
    color: #fff;
    padding: 4px 0 5px 30px;
    background: url(../images/common/padlock.gif) left center no-repeat #333366;
}

.no_bg{background: #333366; padding: 4px;}

.book_promo{
	border: 1px solid #C5D6D6;
	float: left;
	clear: both;
	width: 210px;
}

.book_promo h2,
.left_book_promo h2
{
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	padding: 4px;
	background: #C5D6D6;
}

.book_promo p,
.left_book_promo p
{
padding: 2px 2px 2px 6px ;
margin:0;
font-size: 80%;
line-height: 100%;
margin-top: 3px;
}

.book_promo .promo_left{
	float:left;
	width: 82px;
	padding:2px;
}

.book_promo .promo_right{
	float:left;
	width:110px;
	padding-left: 3px;
}

.promo_price,
.book_promo .promo_price,
.left_book_promo .promo_price
{
	background: #C5D6D6;
	padding-left: 2%;
}

.left_book_promo{
	border: 1px solid #C5D6D6;
	float: left;
	clear: both;
	margin: 5px 0 0 4px;
	width: 155px;
	padding-bottom: 6px;
}

.book_promo span {display: block; margin: 0; margin-top: 3px;}
.book_promo span a{background: #CC0000; border: 1px solid #FFF; display: block; padding: 1px 3px; color: #FFF; text-decoration: none;}


.save,
.book_promo .save,
.left_book_promo .save,
.save strong,
#content_area p.save
{color: #CC0000 ;}



#footer{
	clear: both;
	list-style-type: none;
	padding-top: 4px;
	padding-bottom: 20px;
}

#footer li{
	float: left;
	padding: 0 5px;
	font-size: 0.7em;
	}

#regions{
	float: right;
}

#regions li{
	padding: 0px;
}



#regions li{
	float: left;
	margin-right: 5px;
}

/*  About Us  */

#content_area .about-para{
	line-height: 120%;
	font-size: 0.9em;
	padding-top: 10px;
	color: #333333;
}



.about-row{
	float: left;
	clear: both;
	margin-top: 20px;
	width: 529px;
}

.about-third-item{
	width: 169px;
	float: left;
}

.about-third-item h4{
	margin: 4px 0;
	font-size: 0.9em;
}

#content_area .about-third-item p{
	line-height: 120%;
	font-size: 0.9em;
	padding-top: 0px;
	color: #333333;
	float: left;
	clear: both;
}

.about-space{
	margin-right: 9px;
}

/*  About Us ends  */
/* shopping basket */

#basket{
	clear: both;
	background: #fff;
	padding-bottom: 8px;
}

#basket table{
	border-collapse: collapse;
}

#basket table .desc{
		padding:4px 0 4px 5px;
		width: 141px;
        font-size: 0.7em;
		vertical-align: bottom;

	}
#basket table .item{
	width: 56px;
	text-align: right;
	padding:4px 8px 4px 0px;
	vertical-align: bottom;
}

#basket table td{
	color: #333333;
	font-size: 0.8em;
}

#basket table tfoot td{
	border-top: 1px solid #999999;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
}

.move-button{
	float: right;
	margin-right: 8px;
}

.move-button p{
	line-height: 120%;
	font-size: 0.9em;
	padding-top: 6px;
	color: #333333;
	float: left;
	clear: both;
}

/* shopping basket ends */


/* inside promo */

.inside-promo {
	margin-top: 8px;
	float: left;
	clear: both;
	border-bottom: 1px dotted #333366;
	padding-bottom: 8px;
	width: 207px;

}

.inside-promo h2{
	background: #CBD1CC;
	font-size: 1em;
	font-weight: normal;
	padding: 5px;
}

.inside-promo ul{
	list-style-type: none;
	float: left;
	clear: both;
	margin-left: 4px;
}

.inside-promo ul a{
	line-height: 120%;
	font-size: 0.8em;
}

#content_area .inside-promo p{
	line-height: 120%;
	font-size: 0.8em;
	padding: 6px 4px;
	color: #333333;
	float: left;
	clear: both;
}

/* inside promo ends */

/* home generic */

.wide-row{
	width: 699px;
	float: left;
}

.home-promo{
	border-right:1px solid #efefef;
	float:left;
	padding:4px;
	width:342px;
}
	.home-promo h3{
		font-weight: bold;
		font-size: 1.1em;
	}

.home-promo .hp-left{
	float:left;
	width: 140px;
}

.home-promo .hp-right{
	float:left;
	width: 194px;
}

.home-promo .promo_price,
#content_area .home-promo  p.save{
	font-size: 1em;

}

#right .promo_price{
	padding-top:4px;
}

#content_area p.smaller{
		line-height: 120%;
		color: #333333;
}

#content_area p.larger{
		line-height: 120%;
		color: #333333;
		font-size: 1em;
		padding-bottom: 4px;
}

#content_area p.larger strong{
		color: #333333;
}

.home-promo-area{
	float:left;
	width: 337px;
	margin-left:9px;
}

	.home-promo-area div.hpa_item:first-child{
		border-bottom:1px solid #efefef;
	}

.hpa_item{
	float:left;
	width: 337px;
	padding-bottom: 8px;
}

.hpa_last{
	padding:0;
	padding-top: 8px;
	border:0;
}

.hpa_item_left{
	text-align: center;
	float:left;
	width:90px;
	padding:10px 0 0;
}

	.hpa_item_left img{
		height:125px;
	}

.hpa_item_right{
	padding-left:4px;
	float:left;
	width:206px;

}

#left_wide .hpa_item h3,
#left_wide .half-full-width-promo h3
{
	padding:10px 0 0 0 ;
	font-weight: bold;
}




/* home generic ends */

/* half-full-width-promo */

.half-full-width-promo{
	width: 342px;
	float:left;
	padding-left:2px;
}

.half-full-width-promo img{
	display: block;
	clear: both;
}

.half-full-width-promo h3{

	padding: 6px 0;
}

.add-border1{
	margin-right: 8px;
	padding-right:3px;
}

.half-full-width-promo p{
	padding-right: 5px;
}


/* half-full-width-promo ends */


/*  limited editions right col */

.editions{
	float:left;
	clear: both;
	width: 207px;
	margin: 5px 0 0 0;
	border-bottom: 1px dotted #333366;
	padding-bottom: 8px;
}

.editions h3{
	background: #CBD1CC;
	padding:4px;
	font-weight: normal;
	font-size: 1em;
}

.editions h4{
	font-weight: normal;
}

.edition{
	float:left;
	clear: both;
	padding-top: 5px;
	width: 207px;
}

.edition_left{
	float:left;
	width: 50px;
}

.edition_right{
	float:left;
	padding-left:7px;
	width: 150px;
}

#right .edition_right p{
	padding:0 5px 0 0;
}

.edition_right h4{
	font-size: 1em;
}


/*  limited editions right col ends */

/* regular-row promos */

.regular-row{
	margin-bottom: 4px;
	overflow: hidden;
	clear:both;
}

	.regular-row h5{
		font-size:0.9em;
		font-weight: normal;
		padding: 0 0 4px;
		color:#999;
	}


.half-regular-width-promo{
	width: 253px;
	float:left;
	padding-left:2px;
	overflow: hidden;
}
.half-regular-width-promo img{
	display: block;
	clear: both;
}

.half-regular-width-promo h3{
	font-size: 1.1em ;
	padding: 6px 0 3px 0 ;
}

.add-border2{
	padding-right: 18px;
}

.add-border2check{
   margin-top:10px;
}

.half-regular-width-promo p{
	padding-right: 5px;
}


/* regular-row promos ends */


/* Introductory offers */

.introductory_left{
	float: left;
}

.introductory_left ul{
	clear: both;
	margin-left: 30px;
	font-size: 0.8em;
}

.introductory_left ul li{
	float: left;
	display: block;
	padding: 0 3px;
}

.introductory_left ul li.previous{
	padding-left: 14px;
	background: url(../images/common/previous_bg.gif) left center no-repeat;
}


.introductory_left ul li.next{
	padding-right: 14px;
	background: url(../images/common/next_bg.gif) right center no-repeat;
}

.introductory_right{
	width: 250px;
	float: left;
}

.introductory_right ul{
	padding-bottom: 18px;
}

.introductory_right h4
{
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 1.3em ;
	font-weight: normal ;
}



.introductory_third{
	width: 31%;
	float:left;
	text-align:center;
	margin:12px 3px 0px;
	padding:2px;
}
	.introductory_third img{
		width:70px;
		height:107px;
	}

	.regular-row .introductory_third:last-child{
		border-right: 0px dashed #ededed;
	}

.add_margin_border{
	margin-top: 14px;
	border-top: 1px solid #CBD1CC;
	padding-top: 12px;
}

.add_margin{
	margin-top: 14px;
}

.add_margin2{
	margin-top: 24px;
}

.add_border{
	border-top: 1px solid #CBD1CC;
	padding-top: 12px;
	margin:4px;
}

.introductory_right ul{
	padding-left: 18px;

}

.introductory_right ul *{
	color: #333333;
	font-size: 0.9em;
}

/* Introductory offers ends */

/* quote area */

.quote_area{
	float: left;
	clear: both;
	margin-top: 8px;
	width: 197px;
	padding:0 10px 0 5px;
}

.quote_area blockquote{
	padding-top: 30px;
	background: url(../images/common/quote_top.gif) top left no-repeat;
}

.quote_area blockquote p{
	padding: 0 ;
	margin: 0 ;
}

.quote_area blockquote p span{
	padding-bottom: 35px;
	background: url(../images/common/quote_bottom.gif) bottom left no-repeat;
	display: block;
}

#right .quote_area blockquote p span a{
	color: #333366 ;
}

#right .quote_area p{
	padding-left: 0;
}

/* quote area ends */

/* our books */

#middle .our_books_area h4{
	font-weight: bold;
	margin-bottom: 8px;
}

.our_books_area{
	float: left;
	width: 264px;
	padding-top:8px;
}

	.our_books_area div.new_books_right{
		margin-left:98px;
		padding:0 0 0 6px;
	}

	.our_books_area img{
		float:left;
		padding:0 4px 0px 4px;
	}

	#middle p.promo_price2,#content_area p.promo_price2{
		display:block;
		color:#336;
		padding:8px 0px 0px;
	}

.obe_left{
	float:left;
	width: 50px;
}

.obe_right{
	float:left;
	width: 190px;
	padding-left: 10px;
}

.obe_right h4{
	padding: 0 ;
	margin: 0 ;
	font-size: 1em ;
	font-weight: normal ;
}

/* our books ends */

/* category detail */

#middle p.view_options{
	clear: none;
	float:left;
	font-weight: bold;
	line-height: 1.2em;
	padding-right: 5px;
	font-size: 0.9em;
}

.shop_view{
	list-style-type: none;
	float:left;
	font-size: 0.9em;
}

.shop_view li,
.shop_page li
{
	list-style-type: none;
	float:left;
	font-size: 0.9em;
	line-height: 1.2em;
}

.shop_view li a,
.shop_page li a{
	display: block;
	padding:0 4px;
}

.shop_page li.active a{
	font-weight: bold;
	text-decoration: none;
}

.shop_view li.active a{
	text-decoration: none;
}

.shop_page{
	float: right;
	list-style-type: none;
}

.shop_item_left{
	float:left;
	width: 106px;
}

.shop_item_right{
	float:left;
	width: 420px;
}

.shop_item_right h4 a{
		font-weight: normal;
}

.shop_item_right h4{
	margin-bottom: 0 ;
}

#middle .shop_item_right h5{
	list-style-type: none ;
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: bold;
	color: #333333;
	font-size: 0.9em;
}

.shop_item_right .promo_price2,
.shop_item_right .save
{
	float: left;
	clear: none;
	padding:0 ;
	line-height: 1.7em ;
	margin-right: 5px;
}

.shop_item_right .button_border_red,
.button_right, .shop_item_right .button_border_blue
{
	float: right;
}


/* category detail ends */









#book_nav{
	width: 100%;
	float: left;
	clear: both;
	border-bottom:1px solid #CBD1CC;
	margin: 14px 0;
}

#book_nav li{
	float: left;
	list-style-type: none;
}

#book_nav li a{
	padding: 4px 12px;
	display: block;
	border: 1px solid #CBD1CC;
	border-bottom: 0;
	margin-right: 6px;
	font-size: 0.9em;
    cursor: pointer;
	}

#book_nav li.active a{
	text-decoration: none;
	background: #f2f2f2;
	font-weight: bold;
	color: #000000;
}

#middle .book_desc h5{
	list-style-type: none;
	margin-left: 0;
	font-weight: bold;
}

.illustration_thumbs{
	float:left;
	background: #E5E8E6;
	width: 521px;
	padding: 0 4px;
	position: relative;
	top: -14px;
}

.illustration_thumbs li{
	float:left;
	padding:8px 4px;
    list-style-type:none;
}

.illustration_thumbs li img{
	display: block;
}

ul.pn{
	clear: both;
	margin: 0 auto;
	font-size: 0.8em;
	width: 12em;
}

ul.pn li{
	float: left;
	display: block;
	padding: 0 3px;

}

ul.pn li.previous{
	padding-left: 14px;
	background: url(../images/common/previous_bg.gif) left center no-repeat;
}


ul.pn li.next{
	padding-right: 14px;
	background: url(../images/common/next_bg.gif) right center no-repeat;
}

.photo_area{
	float: left;
	clear: both;
	width: 529px;
	text-align: center;
	padding: 10px 0;

}

/* book detail ends */

/* the-illustrations */

.illustrations_area{
	float:left;
	clear: both;
	width: 529px;
	margin-top: 15px;
}

.ill_third{
	float:left;
	width: 169px;
	margin-right: 10px;
}

#middle .ill_third p{
	padding: 5px 10px 10px 0;

}

#middle .ill_third p a{
	color: #333366 ;
	font-size: 1.15em;
}

/* the-illustrations ends */

/* shop button */

.go_right{
	margin-top: 10px;
	float: right;
}

.go_left{
	margin-top: 10px;
	float: left;
}


/* upsell offer */

.upsell{
	float:left;
	clear: both;
	padding:0; margin:0;
	width:100%;
}


.upsell h4,
.details h4,
.your-membership h4,
.news-events h4

{
	background: #f2f2f2;
	color: #000 ;
	padding: 4px 1% ;
	font-weight: normal ;
	float:left;
	clear: both;
	width:98%;
	margin:20px 0 0;
}

.search_results h4 {
    background: #F2F2F2;
    color: #000 ;
    padding: 4px 1% ;
    font-weight: normal ;
    float:left;
    clear: both;
    width:98%;
    margin-top: 4px;
}

.upsell input.add-border
{
	margin-left: 6px;
	width: 150px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	border-bottom:1px solid #656866;
	border-right:1px solid #656866;
	float: left;
	clear: left;
}

.upsell .label-s{
	margin-left: 6px;
	font-weight: bold;
	line-height: 180% ;
	float:left;
	clear: both;
	color: #333;
	font-size: 0.9em;
}

.upsell .forgot {
	float: left;
	clear: both;
	margin:10px 0 0 6px;
	display: inline ;
	font-size:0.8em;
	display: block ;
	padding-bottom: 10px ;
	width: 200px;
}

.upsell div{
	float: left;
	clear: both;
	}

/* upsell offer */

/* your basket */

#basket-items,
.del-pay
{
	width: 100%;
	border-collapse:collapse;
}

#left_wide .table_head
{
	float:left;
	clear: both;
	background: #999999;
	color: #FFF ;
	text-align: left;
	padding: 5px;
    width:689px;
	margin-top: 16px;
}

#basket-items thead th{
	font-size: 0.9em;
	font-weight: bold;
	background: #f2f2f2;
	padding: 5px;
	text-align: left;
		color: #333333;
}

#basket-items a{

	color: #333333;
}

#basket-items *{

}

#basket-items tbody td,
#basket-items tfoot td,
.del-pay tr td
{

	font-size: 0.9em;
	padding:8px 5px;
	border-top: 1px solid #CBD1CC;
	color: #333333;
}

#basket-items tfoot td{
	font-weight: bold;
	background: #f2f2f2;
	padding: 5px;
}

#basket-items .items{
	width: 345px;
	font-weight: bold;
}

#basket-items .items span.pubdate{
    font-size:0.8em;
    font-weight:normal;
    color:#8F8F8F;
}

#basket-items .remove{
	width: 75px;
	text-align: center;
}

#basket-items .remove a{

	padding: 3px 6px;
	border: 1px #CC0000 solid;
	color: #CC0000;
	text-decoration: none;
	font-size: 1.1em;
}

#basket-items .date{
	width: 124px;
	text-align: right;
}

#basket-items .qty{
    width: 60px;
    text-align: right;
    font-weight: bold;
}

#basket-items .qty img{
    margin-bottom: -4px;
}

#basket-items .price{
	width: 129px;
	font-weight: bold;
	text-align: right;
}

#basket-items .price span{
	color: #CC0000;
    font-size:0.8em;
    font-weight:normal;
}

#basket-items .unavailable{
    color: #CC0000;
    width: 189px;
    font-weight: bold;
    text-align: right;
}

#basket-items .ghosted{
    color:#9F9F9F;
}

#basket-items .discount{
    color:#CC0000;
}

/* checkout details */

.checkout_progres{
	float:left;
	width: 100%;
	background: #f2f2f2;
	list-style-type: none;
	clear: both;
}

.checkout_progres li{
	float:left;
	line-height: 180%;
	padding:0 20px 0 10px;
}

.checkout_progres li.active{
	background: url(../images/common/progress_gray.gif) right center no-repeat #999999;
	color: #FFF ;
}

.checkout_progres li.inactive{
	background: #E5E8E6;
	color: #666666;
}

.details input.add-border2,
.details select.add-border2
{
	margin-top: 10px;
	margin-left: 6px;
	width: 150px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	border-bottom:1px solid #656866;
	border-right:1px solid #656866;
	float: left;
	clear: right;
}

.details select.add-border2 {
	width: 156px;
}

.details textarea.add-border2
{
	margin-top: 10px;
	margin-left: 6px;
	width: 330px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	border-bottom:1px solid #656866;
	border-right:1px solid #656866;
	float: left;
	clear: right;
	font-size: 1em;
}

.details select.add-border2s
{
	margin-top: 10px;
	margin-left: 6px;
	font-size: 0.9em;
	border: 1px solid #CCCCCC;
	border-bottom:1px solid #656866;
	border-right:1px solid #656866;
	float: left;

}

.details input.checkout-radio,
.details label.checkout-radio-label
{
	float:left;
	margin-top: 28px;
	margin-right: 6px;
	font-size: 0.9em;
}

.details label.checkout-radio-label{
	margin-right: 20px;
}

.details{
}

.details fieldset{
	clear:both;
	width: 98%;
}

.details .label-s2{
	margin-top: 14px;
	margin-left: 6px;
	font-weight: bold;
	line-height: 120% ;
	float:left;
	clear:left;
	width: 166px;
	font-size: 0.9em;
}

.details label span,
.details .required span
{
	color: #CC0000 ;
}

.details .note{
	float:left;
	font-size: 0.8em;
	width: 356px;

	margin-top: 15px;
	margin-left: 8px;
}

.required{
	font-size: 0.9em;
}

.del-pay{
	float:left;
	clear: both;
}

.del-pay tr td{
	border: 0;
}

.del-pay tr .left{
	font-weight: bold;
	width: 260px;
}

.del-pay tr .right{
	width: 439px;
}

.details .radio div.required {
	margin-right: 5px;
}

.details .radio label {
	float: left;
	font-size: 68.75%;
	margin: 28px 10px 0 0;
}

.details .radio input {
	position: relative;
	top: 3px;
}

.details .date {
	float: left;
	width: 162px;
}

.details .date select {
	float: left;
	width: 70px;
}

.details .date #year {
	float: right;
}

.details .add-border2.withinfo {
	clear: none;
}

.details .info {
	clear: right;
	float: left;
	font-size: 62.5% ;
	margin-left: 6px;
	width: 350px;
}


/* checkout details ends */

/* Member Area */

#middle .introductory_right h5{
	list-style-type:none;
	margin:0;
	font-size: 1.1em;
}

.your-membership{
	float: left;
	clear: both;
	width: 99%;
}


.your-membership p{
	float:left;
	clear: both;
	margin: 6px 1% 0 1%;
	width: 98%;
	color: #333333;
}

.your-membership table{
	float: left;
	width: 509px;
	border-collapse: collapse;
	margin-bottom: 10px;
}


.your-membership table tr .a,
.your-membership table tr .a2
{
	width: 134px;
	padding:5px;
	font-weight: bold;
	font-size: 0.9em;
}

.your-membership table tr .a2{
	font-weight: normal;
}

.your-membership table tr .b{
	width: 206px;
	font-size: 0.9em;
	padding:5px;
}

.your-membership table tr .c{
	width: 159px;
	padding:5px;
	font-size: 0.9em;
}

.your-membership ul{
	float:left;
	clear: both;
	margin-left: 3%;
	list-style-type: none;
	font-size: 0.9em;
	width: 90%;
	margin-left: 5px;
}


.your-membership .regular-row{
	padding-top: 0px;
	padding-bottom: 4px;
}

/* Member Area ends*/

/* Your collection */

.collection_row{
	width: 100%;
	float:left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}

.collection_item{
	width: 118px;
	float:left;
	margin-right: 17px;
	position: relative;
}

.collection_item .missing{
	margin-top: 10px;
	width: 112px;
	padding: 2px;
	border: 1px dashed #CBD1CC;
	float:left;
	line-height: 140%;
	min-height: 120px;
	position: absolute;
}

.no_right{
	margin-right: 0;
}

#middle .collection_item .missing h5{
	list-style-type: none ;
	background: #DDE5E2;
	margin-left: 0 ;
	padding-left: 4px ;
	color: #333;
	margin-bottom: 5px;
}

#middle .collection_item .missing a,
#middle .collection_item .missing p
{
	padding-left: 5px;
}

.collection_pop_r{
	position: absolute;
	width: 373px;
	height: 245px;
	border: 1px solid #333366;
	left: 117px;
	top: -110px;
	background: #FFF;
	z-index: 10;
	margin-left: 4px;
}

.collection_pop_l{
	position: absolute;
	width: 373px;
	height: 245px;
	border: 1px solid #333366;
	left: -383px;
	top: -110px;
	background: #FFF;
	z-index: 10;
	margin-left: 4px;

}

.cp_left{
	width: 146px;
	float:left;
}
.cp_right{
	width: 211px;
	float:left;
}

.cp_right h4{
	padding-top: 18px ;
}

.cp_but{
	width: 16px;
	float:left;
}

/* Your collection ends */


/* Folio Magazine */

.folio-magazine-left{
	float: left;
	width: 168px;
}

.folio-magazine-right{
	float: left;
	width: 345px;
	padding-left: 14px;
}

.folio-magazine-right h4{
	padding: 0 ;
	margin: 0 ;
	font-size: 1em ;
}


table.previous{
	float: left;
	width: 529px;
	font-size: 0.9em;
	color: #333;
}

table.previous *{
		color: #333;
}

table.previous .left{
	width: 159px;
	padding: 5px 0 5px 20px;
	background: url(../images/common/pdf.gif) left center no-repeat;
}

table.previous .right{
	width: 350px;
	padding: 5px 0;
}

/* Folio Magazine ends */


/* news and events */

#middle .news-events *{
	color: #333;
}

.news-events h5{
	list-style-type: none ;
	margin: 0 ;
	padding: 5px 0 0 0 ;
	float: left;
	clear: both;
	font-size: 1em;
}

.news-events h5 a{
		font-weight: bold;
		color: #333366 ;
}

.news-events h6{
	font-size: 0.9em;
	font-weight: normal;
}

.news-events h6{
	float: left;
	clear: both;
	width: 100%;
}

.news-events p{
	float: left;
	clear: both;
	width: 100%;
}

.news-events .add_margin_border{
	padding-top: 2px;
}
/* news and events ends*/


/* Members FAQs */

.members-faqs{
	float: left;
	clear: both;
	width: 100%;
}

.members-faqs h4{
	background: #CBD1CC;
	color: #333366 ;
	padding: 4px 1% ;
	font-weight: normal ;
	float:left;
	clear: both;
	width:98%;
	margin-top: 4px;
}

#middle .members-faqs h5{
	list-style-type: none;
	margin: 14px 0 0 0 ;
	float: left;
	clear: both;
	color: #333;
	font-weight: bold;
	font-size: 0.9em;
		width: 100%;
}

#middle .members-faqs p{
	float: left;
	clear: both;
		width: 100%;
}

.details p{
	float: left;
	clear: both;
	margin-top: 8px;
	width: 100%;
}

/* Members FAQs ends */

/* books in left col bottom */

#books_bl{
position: relative;
float: left;
clear: both;
}

#books_bl img{
	position: absolute;
	top: -200px;
    margin-left:4px;
	display: block;
}

/**/
.style-first-letter{
	float: left;
	font-size: 2.3em;
	margin:-2px 4px 0 0;
}

.save_promo{
	float:left;
	clear: both;
	margin-top: 7px;
}

/**/


/* checkout-tips */

.checkout-tips {
	margin-top: 8px;
	float: left;
	clear: both;
	border-bottom: 1px dotted #333366;
	padding-bottom: 8px;
	width: 207px;

}

.checkout-tips h2{
	background: #CBD1CC;
	font-size: 1em;
	font-weight: normal;
	padding: 5px;
}

.checkout-tips ul{
	margin:10px 5px 5px 15px;
}

.checkout-tips ul li{
	font-size: 0.8em;
	color: #333;
}

/* checkout-tips ends*/





/* checkout-tips */

.checkout-tips {
	margin-top: 8px;
	float: left;
	clear: both;
	border-bottom: 1px dotted #333366;
	padding-bottom: 8px;
	width: 207px;

}

.checkout-tips h2{
	background: #CBD1CC;
	font-size: 1em;
	font-weight: normal;
	padding: 5px;
}

.checkout-tips ul{
	margin:10px 5px 5px 15px;
}

.checkout-tips ul li{
	font-size: 0.8em;
	color: #333;
}

/* end temp flash message styling */

.tabs {
    display:none;
}

/* new additions 21/04/2008 */
.obligation {
    font-size:0.7em;
    line-height:80%;
    font-weight:normal;
    color:#8F8F8F;
}

/*---homepagebanners--- start---*/


#HOME_MEMBERS_BANNER{
clear:both;
width:339px;
height:75px;

background-image:url(http://www.foliosociety.com/images/banners/members-back.jpg)
}
#HOME_MEMBERS_IMAGE{
padding-top:8px;
padding-left:6px;
float:left;
width:74px;
height:66px;



}
#HOME_MEMBERS_RIGHT{
padding-top:18px;
text-align:left;
float:right;
width:245px;
height:64px;
padding-right:4px;}




#HOME_NEWMEMBERS_BANNER{
clear:both;
width:339px;
height:75px;
border:thin;
background-image:url(http://www.foliosociety.com/images/banners/members-back2.jpg)
}


/*----homepagebanners-----end---*/


/*--our-books------*/
.ob_title{
	padding: 20px 0 2px;
	font-weight: bold;
	border-bottom:1px solid #eee;
}

.ob_title a{
    font-size:0.9em;
    font-weight: normal;
}

#ob_limited{

width:523px;
height:180px;
background: #efefef;

}

#ob_limited_left{
FLOAT:LEFT;
padding-top:12px;
padding-left:8px;
width:244px;
height:180px;

}
#ob_limited_right{
FLOAT:right;
padding-right:8px;
padding-top:12px;
width:262px;
height:180px;
}

#ob_limited_right p{
	margin:0 0 8px;
}

/*--our-books--end----*/

/* for jQuery UI tabs */

.ui-tabs-hide { display: none; }

/* end jQuery UI tabs */

.floatshowhide {
    float:right;
    padding-top:6px;
    padding-right:10px;
    color:#333365;
    font-size:11px;
}

.production{
    margin-top:10px;
    background:#E5E8E6;
    padding:6px 6px;
    font-size:11px;
}
.production img{
    padding:1px 1px 1px 1px;
}

/* Discount box on basket */

.discount-code{
    background:#E5E8E6;
    font-weight:bold;
}

.discount-code span{
    color:#CC0000;
}

.unbold{
    font-weight:normal;
}

#dcode{
    display:inline;
    float:left;
    border: 1px solid #ccc;
    margin-left:10px;
    color:#CC0000;
    padding:2px;
}
/* EOF */