@charset "utf-8";

/*	
_______________________________ Colours ____________________________________ 

		Dk Blue.......................................000066 
		Lt Blue.......................................353583 
		Lime Green....................................bbde33 
		Dk Lime Green.................................9dba2b 
		Lt Lime Green.................................f6f6e6 
		Lt Grey.......................................efeff5 
		Md Grey.......................................c7c7dd 
		Dk Grey.......................................b0b0c4 

/* Shared
----------------------------------------------------------------------------
*/

html *
	{
	padding:0;
	margin:0;

	}
html
	{
	/*background:url(/images/background3x2.gif);*/
	}
body
	{
	font:14px "Trebuchet MS", Arial, sans-serif;
	min-height:768px;
	width:1024px;
	background:url(/images/BG_shadow.png) repeat-y;
	color:#627081;
	margin-left:auto;
	margin-right:auto;
	}
img	{
	border:0;
	}
acronym
	{
	cursor:pointer;
	}	
#mainNav li,
#user li
	{
	list-style-type:none;
	}
.clear
	{
	clear:both;
	}
.section
	{
	float:left;
	display:inline;
	}
#sectionOne {
	width:200px;
	margin:60px 0 0 20px;
}	

/* Header
----------------------------------------------------------------------------
*/

#header
	{
	background:#fff none repeat-x;
	position:relative;
	height:155px;/* removeed 70 */
	}

#masthead
	{
	background:url(/images/BG_header.png) repeat-x left bottom;
	height:147px;
	position:absolute;
	top:-20px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	}
#masthead h1
	{
	background:url(/images/BG_welcomeText.png) no-repeat;
	width:634px;
	height:0;
	overflow:hidden;
	padding-top:61px;
	position:absolute;
	left:10px;
	top:56px;
	}

/* Navigation
----------------------------------------------------------------------------
*/

#mainNav
	{
	position:absolute;
	right:0;
	top:84px;
	height:23px;
	background:url(/images/BG_nav.png) no-repeat;
	padding-left:31px;
	max-width:340px
	}
#mainNav ul
	{
	background:#000066;
	min-height:23px;
	}
#mainNav li
	{
	float:right;
	border-right:1px solid #353583;
	margin-top:3px;
	padding:0 7px;
	}
#mainNav li:hover
	{
	border-bottom:3px solid red
	}
#mainNav li a
	{
	color:#fff;
	text-decoration:none;
	display:block
	}
#mainNav li a:hover
	{
	color:#bbde33;
	}

/* Search
----------------------------------------------------------------------------
*/

#search
	{
	position:absolute;
	left:0;
	top:119px;
	background:url(/images/BG_search.png) no-repeat right top;
	height:36px;
	padding-right:36px;
	}
#search	*
	{
	vertical-align:middle
	}
#search label
	{
	background:#bbde33;
	height:32px;
	display:block;
	font-weight:bold;
	padding:4px 40px 0 20px;
	cursor:text
	}
#search label input
	{
	padding:2px;
	width:255px
	}
#search .btn
	{
	position:absolute;
	left:430px;
	top:0;
	}

/* Tabs
----------------------------------------------------------------------------
*/
	
#user
	{
	position:absolute;
	right:0;
	top:120px;
	}
#home #user
	{
	top:-2px;
	}
#user #username,
#user ul
	{
	float:left;
	display:block;
	}
#user #username
	{
	padding:6px 10px 0 0;
	}
#user li
	{
	float:left;
	background:url(/images/BG_userTab.png) no-repeat;margin:0 2px;
	white-space:nowrap
	}
#user li a
	{
	display:block;
	height:26px;
	padding: 2px 10px 0;
	background:url(/images/BG_userTabLink.png) no-repeat right;
	font-size:15px;
	color:#000066;
	text-decoration:none
	}
#user li:hover
	{
	background-image:url(/images/BG_userTabHover.png)!important;
	}
#user li a:hover
	{
	background-image:url(/images/BG_userTabLinkHover.png);
	}
	
/* Main content
----------------------------------------------------------------------------
*/

#mainContent
	{
	width:1024px;
	min-height:464px;
	}
#basket #mainContent
	{
	background:url(/images/BG_ICO_basket.png) no-repeat;
	}

/* Tables
----------------------------------------------------------------------------
*/

.tableContainer
	{
	margin: 60px 50px 0;
	width:640px;
	}
.tableContainer h2
	{
	font-weight:normal;
	position:relative;
	}
.tableContainer h2 img
	{
	position:absolute;
	right:26px;
	top:5px;
	}	
.tableContainer div.unSelected h2
	{
	font-size:16px;
	background:#9dba2b;
	border-bottom:2px solid #000066;
	padding:2px 26px;
	cursor:pointer;
	}
.tableContainer div.unSelected h2#yb
	{
	background:#9dba2b url(/images/CORNERS_type2.png) no-repeat -10px top;
	}
.tableContainer div.unSelected h2#yb img
	{
	background:url(/images/CORNERS_type2.png) 33px top no-repeat;
	}
.tableContainer div.selected h2#yb
	{
	background:#bbde33 url(/images/CORNERS_type1.png) no-repeat -10px top;
	}
.tableContainer div.selected h2#yb img
	{
	background:url(/images/CORNERS_type1.png) 33px top no-repeat;
	}
.tableContainer div.unSelected h2 img
	{
	right:0;
	top:0;
	padding-right:26px;
	padding-top:4px;
	}
.tableContainer div.selected h2 img
	{
	right:0;
	top:0;
	padding-right:26px;
	padding-top:10px;
	}
.tableContainer div.selected h2
	{
	background:#bbde33;
	height:25px;
	border-bottom:8px solid #000066;
	padding:6px 26px;
	cursor:default;
	}

.tableContainer .btns
	{
	padding-top:13px
	}
.tableContainer table
	{
	width:639px;
	border-collapse:collapse;
	border:1px solid #c7c7dd;
	margin-left:1px;
	background-color:#fff;
	color:#000
	}	
#home .tableContainer table img
                {
                border:1px solid #b0b0c4;
                padding:2px;
                }
.tableContainer	th
	{
	background-color:#efeff5;
	text-align:left;
	padding:9px 0;
	}	
.tableContainer	td
	{
	padding:9px 2px;
	}
.tableContainer .alt td
	{
	background-color:#f6f6e6;
	}
.tableContainer .moreInfo
	{
	margin-left:24px;
	display:block;
	}
.tableContainer .numCopies
	{
	width:47px;
	border:1px solid #9dba2b;
	padding:2px 4px;
	text-align:right
	}
.tableContainer .dateFetched
	{
	color:#9dba2b;
	}
.tableContainer .refresh
	{
	margin-right:16px;
	display:block
	}
th.c, td.c 
{
	text-align: center;
}
	
/* Buttons
----------------------------------------------------------------------------
*/

.btns a
	{
	background-image:url(/images/BG_buttonSprite_2.png);
	background-repeat:no-repeat;
	border:none;
	height:22px;
	padding:3px 0 0 ;
	text-align:center;
	font-size:14px;
	color:#000066;
	cursor:pointer;
	display:block;
	height:23px;
	float:right;
	clear:both;
	text-decoration:none
	}
.btn1
	{
	width:214px;
	}
.btn2
	{
	background-position:-363px 0;
	width:50px;
	}
.btn3
	{
	background-position:-413px 0;
	width:83px;
	}
.btn4
	{
	background-position:-496px 0;
	width:104px;
	}
#add
	{
	background-position:-214px 0;
	width:133px;
	padding-right:16px;
	float:none
	}
	
/* Popup
----------------------------------------------------------------------------
*/

#popupBackground
	{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#373755;
	opacity:0.6;
	filter: alpha(opacity=60); /* IE only */
	}
	/*
div.popup
	{
	position:absolute;
	top:137px;
	left:312px;
	width:400px;
	}*/
div.popup h2
	{
	background:url(/images/BG_popupHdg.png) no-repeat;
	width:400px;
	height:17px;
	font-size:14px;
	padding:5px 20px;
	font-weight:normal
	}
div.popup h3
	{
	background:#f6f6e6;
	border:1px solid #000;
	border-width:0 1px;
	font-size:24px;
	font-weight:normal;
	padding: 12px 20px
	}
div.popup .bookDetails,
div.popup .messageDetails
	{
	background:#fff url(/images/BG_popup.png) repeat-x;
	border:1px solid #000;
	border-width:0 1px 1px 1px;
	}
div.popup .messageDetails p
	{
	padding:10px 26px;
	}
div.popup .messageDetails .btns
	{
	text-align:center
	}	
div.popup .messageDetails .btns .btn3
	{
	float:none;
	display:inline-block;
	clear:none;
	margin:10px 5px 0;
	}
div.popup .bookDetails	div
	{
	padding-left:140px;
	padding-right:20px;
	font-size:12px;
	margin-bottom:2px;
	color:#000
	}
div.popup #bookImage
	{
	float:left;
	margin-left:20px;
	}
div.popup .close
	{
	background:#fff url(/images/BG_closeBtn.png) no-repeat top right;
	height:23px;
	border-bottom:3px solid #bbde33;
	text-align:right;
	padding:5px 10px 0 0;
	font-size:14px;
	clear:both;
	margin:35px 0 0;
	}
	
div.popup #close a
	{
	background:url(/images/ICO_close.png) no-repeat right center;
	padding-right:20px;
	color:#000066;
	text-decoration:none;
	}
div.popup .bookDetails	div.author
	{
	font-size:16px;
	line-height:17px;
	font-weight:bold;
	color:#000066;
	}
div.popup .bookDetails	div.btns
	{
	clear:both;
	margin:18px 0;
	}
	
/* Home page specific
----------------------------------------------------------------------------
*/	
	
body#home
	{
	background:url(/images/BG_body_2.png) repeat-x;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	text-align:center
	}
#hpLogo
	{
	text-align:center;
	width:995px;
	padding-top:100px;
	}
#home #header,
#home #mainContent
	{
	width:995px;
	height:auto
	}
#home h1
	{
	font-weight:normal;
	font-size:16px;
	line-height:24px;
	width:590px;
	margin:20px auto
	}
#home #search
	{
	position:relative;
	background: url(/images/BG_search_hp.png) no-repeat;
	height:auto;
	padding:0;
	top:0;
	height:52px;
	width:401px;
	margin:0 auto;
	}	
#home #search .btn
	{
	left:297px;
	top:-14px;
	border:none
	}
#home #search input.searchInput
	{
	border:1px solid #9dba2b;
	position:absolute;
	left:25px;
	top:11px;
	font-size:16px;
	padding:3px;
	width:248px
	}
/*#home #user li
	{
	background:url(/images/BG_userTabAlt.png) no-repeat;
	}
#home #user li a
	{
	background:url(/images/BG_userTabLinkAlt.png) no-repeat right;
	}	*/
#home  #mainContent
	{
	min-height:100px;
	}
#home .tableContainer	td
	{
	padding: 3px 4px;
	font-size:12px;
	}
#home .bookAuthor
	{
	font-style:italic;
	color:#b0b0c4
	}

/* Search Results */
#searchres #mainContent
	{
	background:url(/images/BG_ICO_results.png) no-repeat;
	}

#register #mainContent
	{
	background:url(/images/BG_ICO_recommend.png) no-repeat;
	}

#help #mainContent
	{
	background:url(/images/BG_ICO_help.png) no-repeat;
	}

#contact #mainContent
	{
	background:url(/images/BG_ICO_contact.png) no-repeat;
	}
	
/* JQuery stuff */
.ui-dialog-titlebar-close 
{
	display : none;
}
.ui-dialog-overlay {
    background:#373755;
	opacity:0.6;
	filter: alpha(opacity=60); /* IE only */
}
.loading 
{
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	background:#fff url(/images/loader_big.gif) no-repeat center;
}

/* Cat Browser */
#browser li
{
	list-style-type: none;
	font-size: 12px;
	padding: 3px 0;
	line-height: 1em;
	letter-spacing: 0.05em
}

#browser a, ul#crumb li a
{
	text-decoration: none;
}

#browser a:visited, ul#crumb li a:visited
{
	color:#0000FF;
}

#browser a:hover, ul#crumb li a:hover, .highlight 
{
	color:#FF6500 !important;
}

/* Breadcrumb trail */
ul#crumb 
{
	padding: 25px 0 0 20px;
	height: 10px;
}
ul#crumb li
{
	display: inline;
}

/* Section One */
#sectionOne h2
	{
	background:url(/images/smallRoundedBox.png) no-repeat;
	width:200px;
	height:17px;
	font-size:14px;
	padding:5px 0px 5px 5px;
	font-weight:normal;
	color: #000066;
	}

#sectionOne .messageDetails
	{
	background:#fff url(/images/BG_popup.png) repeat-x;
	border:1px solid #000;
	border-width:0 1px 1px 1px;
	width: 192px;
	padding: 5px 3px;
	min-height: 380px;
	}

#sectionOne .messageDetails p
	{
	padding:10px 26px;
	}
	
.reduceTop 
{
	margin-top: 25px !important;
}

/*Top sellers - Content - FrontPage*/
#topSellers
{
	margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
	width: 500px;
}

#topSellers h2
{
	font-size: 110%;
	font-weight: bold;
	text-align:left;
	margin: 0;
	padding: 0;
	color: #627081;
}

#topSellers dl
{
	float: left;
	margin-top: 20px;
	padding: 0;
	display: inline;
	width: 100px;
	height:170px;
	overflow:hidden;
	text-align:center;
}

#topSellers dt
{
	float:left;
	clear:both;
	display:block;
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-weight: bold;
	/*letter-spacing: 1px;*/
	color: #627081;
	width: 100px;
	height: 50px;

}

#topSellers dd
{
	float:left;
	clear:both;
	display:block;	
	margin: 0;
	padding: 0;
	font-size: 75%;
	color: #666;
	width: 100px;

}


#topSellers dd.jacket{
	width: 100px;
}

#topSellers dd.jacket img{
	padding: 4px;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
}

#topSellers .author{
	font-style: italic;
}

/* Rounded corners frame */

.rounded, .widerounded{
	float: left;
	margin: 20px auto 20px auto;
}

.rounded{
	width: 350px;
	background: url(/images/png/roundedgrad350btm.png) no-repeat bottom left;
}

.rounded h3, .widerounded h3{
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%;
	border-bottom: 1px solid #8BA71B;
}

.rounded h3{
	background: url(/images/png/rounded350top.png) no-repeat top left;
}

.widerounded{
	width: 500px;
	background: url(/images/png/roundedgrad500btm.png) no-repeat bottom left;
}

.widerounded h3{
	background: url(/images/png/rounded500top.png) no-repeat top left;
}   
    
/* Form formatting */

div.stdForm{
	float: left;
	width: 100%;
	padding: 10px 10px 10px 10px; /* t r b l */
}
				
div.stdForm label, div.stdForm input, div.stdForm div label, div.stdForm div input{
	display: block;
	float: left;
	margin: 0;
}

div.stdForm input.text, div.stdForm div input.text, div.widerounded div.stdForm textarea.text{
	width: 210px;
	text-align: left;
	border: 1px solid #8BA71B;
}
			
div.stdForm label, div.stdForm div label{
	width: 100px;
	text-align: right;
	padding-right: 10px;
}

div.widerounded div.stdForm input.text, div.widerounded div.stdForm textarea.text{
	width: 320px;
}
			
div.widerounded div.stdForm label{
	width: 140px;
}

div.stdForm input.button, div.stdForm div input.button{
	width: 120px;
	text-align: center;
	float: none;
	margin:0 auto; /* t r b l */
}

div.stdForm form, div.stdForm div form{
	padding: 0;
	margin: 0;
}


/* hack for CreateUSerWizard injected div */
div.stdForm div{
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
}

div.stdForm div ul
{
    list-style-type: none;
}
    

.formrow{
	padding: 0;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
	display: block;  
	/*border: solid 1px red; */
	width: 100%;
}
    
div.stdForm p, div.stdForm div p{
	padding: 0;
	margin: 0 0 10px 0;
}


div.stdForm table{
	width: 335px;
}


p.general{
    margin-bottom: 10px;
}