﻿body { 
		text-align:		center;
		color:			#666;
		margin:			0;
		padding:		0px;
		font:			11px verdana, arial, helvetica, sans-serif;
		background:		#FFF url(../img/bg.gif) repeat-x;
	}
	
/* Layout */

#top 
	{
		width:			960px;
		background:		transparent;
		height:			160px;
		margin:			0;
		position:		relative;
	  	overflow:		hidden;
		
	}
	  	  
#topTop 
	{
		 height:		auto;
		 margin:		0;
		 position:		relative;
	  	 overflow:		hidden;
	  	 clear:			both;
	}

#topBottom 
{
		height:			19px;
		margin:			0;
		position:		relative;
		clear:			both;
		}
	  
#wrap 
{
		width:			960px; 
	    position:		relative; 
	    height:			 auto;
	    margin:			0 auto; 
	    padding:		0; 
	    text-align:		 center;
	   }
  
#main {width:580px;
		 float:left;
		 text-align:left;
		 position:relative;
		 background: transparent;
		 margin-top: 0;
		 overflow:hidden;
		 margin-right:20px;
		 }

.content   {width:580px;
			margin:30px 0 0px 0;
			padding:0;
			background: transparent;
			}

#foot  {text-align:center;
		width:600px;
		margin:50px 0px 0px 0px;
		background-color:#fff;
		padding:0;
		}
		
#leftCol   {text-align:left;
		  	float:left;
			position:relative;
			width:180px;
			background:transparent;
			padding:0;
			margin:3px 0 0 0; }
			
#search { height:180px;
		  width:160px;
		  margin:1px 0px 10px 0px;
		  background: transparent url(../img/bgSearch.gif) no-repeat;
		  position:relative;
		  padding-top:28px;
		  }
		  			
#browse { height:160px;
		  width:160px;
		  margin:0 0px 0 0px;
		  background: transparent url(../img/bgBrowse.gif) no-repeat;
		  position:relative;
		  padding-top:28px;		  
		  }

#rightCol  {float:left;
			text-align:left;
			position:relative;
			width:180px;
			margin:3px 0 0 0;
			padding:0;
			background: transparent;}

		  			
#added { height:auto;
		  width:160px;
		  margin:1px 0px 0 0px;
		  background: transparent url(../img/bgAdded.gif) no-repeat;
		  position:relative;
		  }
		  
#sold { height:auto;
		  width:160px;
		  margin:1px 0px 0 0px;
		  background: transparent url(../img/bgSold.gif) no-repeat;
		  position:relative;
		  }		  

#Header_UserStatus {position:absolute; top:5px; left:5px;font-weight: bold; color:#fff; font-size:14px; z-index:10;}

/* Links */

.linksA a:visited {color: #FF9C04 ; text-decoration: none; border-bottom: dashed 1px #FF9C04; }
.linksA a:hover {color: #FF9C04 ; text-decoration: none;  border-bottom: dashed 1px #ffffff; }
.linksA a { text-decoration:None; color: #FF9C04; border-bottom: dashed 1px #FF9C04; } 

.linksB a:visited {color: #888888 ; position:relative;}
.linksB a:hover {color: #888888;  text-decoration: none;border-bottom: dashed 1px #FFF;position:relative;}
.linksB a { text-decoration:None; color: #888888; border-bottom: dashed 1px #888888; position:relative;} 

.linksC a:visited {color: #E20A16 ; }
.linksC a:hover {color: #E20A16;  text-decoration: none;border-bottom: dashed 1px #FFF;}
.linksC a { text-decoration:None; color: #888888; border-bottom: dashed 1px #E20A16;} 

.linksD a:visited {color: #FF9C04 ;border-bottom: dashed 1px #FF9C04; }
.linksD a:hover {color: #FF9C04;  text-decoration: none;border-bottom: dashed 1px #FF9C04;}
.linksD a { text-decoration:None; color: #FF9C04; border-bottom: dashed 1px #FF9C04;} 



#foot a:visited {color: #333 ; }
#foot a:hover {color: #333 ;  text-decoration: underline; border-bottom: dashed 0px #fff;}
#foot a {font-weight: bold; text-decoration:None; color: #333; border-bottom: dashed 0px #fff;}  
 
.itemDesc a:visited {color: #FF9C04 ; }
.itemDesc a:hover {color: #FF9C04 ;  text-decoration: none;border-bottom: dashed 0px #FF9C04;}
.itemDesc a {text-decoration:None; color: #FF9C04; border-bottom: dashed 1px #FF9C04;} 


#Header_UserStatus a:visited {color: #fff ; font-size:11px;}
#Header_UserStatus a:hover {color: #FFDE10 ;  text-decoration: none;font-size:11px;}
#Header_UserStatus a {text-decoration:None; color: #fff;font-size:11px;} 
/* HTML Elements */

img {border:solid 0px #fff;}

h1 {
		margin:			10px 0px 10px 0px;
		padding:		0px;
		font-size:		20px;
		color:			#666;
		display:		block;
		position:		relative;
		width:			90%;
		text-align:		left;
}
h2 
	{
		font:			bold 16px/22px verdana, arial, helvetica, sans-serif;
		margin:			0px 0px 5px 0px;
		padding:		0px;
	}
	
h3
	{
		font:			bold 13px/14px verdana, arial, helvetica, sans-serif;
		margin:			0px 0px 5px 0px;
		padding:		0px;
	}	
	
p  
	{
		font:			11px/20px verdana, arial, helvetica, sans-serif;
		margin:			10px 0px 10px 0px;
		padding:		0px;
		font-size:		14px;
		line-height:	25px;
	}
	
.content ul 
{
		font:			11px/20px verdana, arial, helvetica, sans-serif;
		font-size:		14px;
}

.content li 
{
		font:			11px/20px verdana, arial, helvetica, sans-serif;
		font-size:		14px;
		margin: 10px 0px;
}
		  
/* Helpers */

.thick 
{
			font-weight:	bold;
}
.italic 
{
			font-style:		italic;
}
.mid
{
			margin:			0px auto 0px auto;
			text-align:		center;
}
.right 
{
			float:			right;
}
.mid 
{
			margin:			0px auto 0px auto;
			text-align:		center;
}
.left 
{
			float:			left;
}
.clear 
{
			clear:			both;
}
.block 
{
			display:		block;
}
.inline 
{
			display:		inline;
}

.medTXT {font-size:11px;}
.medTXT p {font-size:11px; line-height:15px;}
.smlTXT {font-size:80%;}

.dgreen {color:#6B8E00;}  
.mgreen {color:#8ED300;}  
.lgreen {color:#B9E75C;}  

.dyellow {color:#FF9C04;}
.myellow {color:#FFDE10;}
		  
/* menu */

#menuRight {position:relative;
			float:right;
			width:450px;
			}

#mmenu {position:absolute; 
		width:457px;
		height: 20px;
		clear:both;
		border: none;
		left:0px;
		top:13px;
		overflow:hidden;
		}

#mmenu {z-index:1;	
		}

#mmenu ul {list-style: none;
		   width: 450px;
		   margin: 0;
		   padding: 0;
		   border: none;
		   }

#mmenu li  {margin: 0;
			padding: 0;
			height: 15px;
			display:block;
			float: left;
			border:none;
			position:relative;
			text-indent: -9999px;}	


#mmenu a   {display: block;
			margin: 0;
			padding: 0px;
			height: 15px;	
			text-indent: -9999px;
			border: none;
			margin: 0;
			text-decoration: none;	
			float:left;
			}

#mmenu #current {display: block;
				 margin: 0px;
				 padding: 0px;
				 height: 15px;	
				 background-color: #666;
				 text-indent: -9999px;
				 border: none;
				 margin: 0;
				 text-decoration: none;	
				 float:left;
				 }


#mmenu ul a {display: block;
		     clear: left;
			 float: left;
			 }

#mmenu a:hover {background-position: 0px -15px;
				border: none;
				}

#mmenu .active {display: block;
				height: 15px;	
				background-position: 0px -15px;
				border: none;
				}

#mmHome {width: 52px; background: transparent url(../img/menu/mmHome.gif) top left no-repeat;}

li#mmHomeW {width: 52px; display:block;}

#mmAbout {width: 57px; background: transparent url(../img/menu/mmAbout.gif) top left no-repeat;}

li#mmAboutW {width: 57px; display:block;}
			 
#mmHow {width: 105px; background: transparent url(../img/menu/mmHow.gif) top left no-repeat;}

li#mmHowW {width: 105px; display:block;}

#mmList {width: 77px; background: transparent url(../img/menu/mmList.gif) top left no-repeat;}

li#mmListW {width: 77px; display:block;}
		  
#mmFAQ {width: 39px; background: transparent url(../img/menu/mmFAQ.gif) top left no-repeat;}

li#mmFAQW {width: 39px;}

#mmLogin {width: 52px; background: transparent url(../img/menu/mmLogin.gif) top left no-repeat;}

li#mmLoginW {width: 52px;}

#mmRegister {width: 62px; background: transparent url(../img/menu/mmRegister.gif) top left no-repeat;}

li#mmRegisterW {width: 62px;}

/* end menu */

/* forms */

fieldset {padding:0px; margin:0 auto; width:330px;display:block; text-align:left; border: solid 0px #fff; margin-top:10px; margin-bottom:15px;  border-bottom: dashed 2px #FFDF14;}

legend {width:100%; font-weight:bold; color:#7CB900; font-size:14px; background-color: #fff; margin: 5px 0px 8px 0px; padding:0px;}

.form label { font-family:Trebuchet MS;display:inline; position: relative; margin-bottom:5px; margin-right:10px;color: #333; font-size: 12px; font-weight: bold; width:100px; float:left; text-align:right;}

select {display:inline; position: relative;float:left;width: 178px; margin-bottom:7px;height:23px; padding:2px; font-size: 13px; color:#333; font-weight:bold;}

option {height:23px;width: 178px;padding:2px;color:#666; font-family:Verdana; font-weight:bold;}

.form input {display:inline; font-size:12px; position: relative;float: left; margin: 0px 0px 7px 0px;width:170px; padding:2px;color:#666; font-family:Verdana; font-weight:bold;}
            
.form {display:inline-block; width:360px; text-align:center; overflow:hidden; background-color:#F9F9F9; border:solid 2px #DBD9D9; margin:0 auto; }

.form br {clear:both; float:none;}

.form .txtarea {font-family:Trebuchet MS;position:relative; margin: 0px 0px 7px 0px;width: 155px; height: 100px; float:left;}

.check input {width:30px; margin:0px; padding:0px;}

.form .buttons input {position:relative; float:right; width: auto; height:auto; margin:0px; padding:0px; margin-right:55px;}

.form .buttons {position:relative; float:left;  height:20px; width:100%;text-align:left; margin-bottom:20px;}

.form .validation {width:100%;text-align:left; color: #7CB900; padding:5px;font-weight: bold; display:block; }

.form .validation li {font-size:12px; line-height:13px;}

.form .error {color: #7CB900;}

.form .sp {position:relative; width:340px; height:30px; padding:0px; text-align:left; vertical-align:top;padding-left:20px;}

.form p {position:relative; width:100%; height:30px; padding:0px; text-align:left; vertical-align:top;}

.form strong {position:absolute; right: 15px; top:3px;}

.form .star {margin:5px 0px 0px 5px; position:absolute;}

.form h1 {position:relative; display:block; width:100%; text-align:left; margin-left:20px;}

.infobox {padding:5px 5px 5px 10px; border:solid 1px #d3d3d3; background-color:#F1F1F1;font-size:100%;}
.infobox p {font-size:100%; margin: 5px 0px 5px 0px;}
.infobox  h2 {font-size: 13px; margin: 5px 0px 8px 0px;}

.toptips {padding:5px 5px 5px 10px; border:solid 1px #FEDF50; background-color:#FFF6CD;font-size:10px;}
.toptips p {font-size:10px;margin: 5px 0px 5px 0px;}
.toptips  h1 {font-size: 13px; margin: 5px 0px 8px 0px; color:#FD9800;}
.toptips ul {margin:5px 0px 5px 15px; padding:0px; }
.toptips li {font-size:10px; }
#checks {position:relative; width:260px; display:inline; margin: 10px 0px 20px 50px;float:left;}

/* List Text */

#LT_Step1 {width:250px; height:350px; margin: 10px 20px 0px 10px; position:relative; float:left;}
#LT_Step2 {margin:0 10 0 0px; height:350px; width:250px; position:relative; float:left;overflow:hidden;}

#LT_Step1 p, #LT_Step2 p {font-size:11px; line-height:17px;}

.LTform label {width:75px; color:#333;}
.LTform fieldset {width:255px;border:solid 0px #fff;}
.LTform buttons {width:250px;}
.LTform {width:280px;}
.LTform input {width:128px;}
.LTform select {width:135px;}
.LTform option {width:200px;}

#Book_Display {margin-top:10px; width:570px; height:340px; visibility:hidden; }

#LT_Step1 img {border: solid 1px #d7d7d7; padding:3px;}
#LT_spin {position:absolute; top:180px; left:150px; visibility:hidden;}

.ISBN_Text {font-size:16px; line-height:16px;padding:2px;color:#666; font-family:Verdana; font-weight:bold; }


/* Search Panel */
#leftCol label {font-weight:bold; font-size: 10px; display:block;}
#leftCol p {margin: 5px 0px 5px 15px;}
#leftCol input {width:130px; margin:0px;}
#leftCol select {width:135px; margin-bottom:5px;}
#leftCol option {height:16px;width: 135px;}

.example {font-size:10px; font-style:italic; color:#666;}	
#search input {height:15px; width:125px; padding:2px; font-size: 11px; color:#666; font-family:Verdana; font-weight:bold}
.inputstyle { padding:2px; font-size: 11px; color:#666; font-family:Verdana; font-weight:bold; }

#search select {font-size: 10px;}
/* Header */

#CT_Logo
	{
		margin:			40px 0 0 0px; 
		width:			451px; 
		height:			67px;
	}
	
#flashanim {margin:37px 50px 0px 0px; display:inline;}

/* Just Added */

#JA_Text {width:100%;text-align:center; margin: 10px 0px 20px 0px;}
#JA_Text img {border: solid 1px #e7e7e7; padding:3px;}

/* Search Results */

#SearchResults {width:590px;float:none;clear:both; font-size:12px;}
#SearchResults p {font-size:12px;}
.searchResult {position:relative; float:left;width:590px;border-bottom: dashed 2px #e7e7e7;margin: 10px 0px;}
.searchResult .itemImg {position:relative;float:left;margin-right:20px;width:65px;}
.searchResult .itemImg img {border:solid 1px #e7e7e7; padding:3px; margin-bottom:5px;}
.searchResult .itemDesc {position:relative;width:500px;float:left;}

#SearchResults h3 {font-size: 12px; color:#666; margin:8px 0px; font-weight:normal;}
#SearchResults h2 {font-size: 14px; font-weight:normal;}
.saleprice {font-size: 13px; font-weight:bold;	}
.rrp {font-size:10px; font-style:italic; color:#666;}

#sold .saleprice {font-size:14px; color:#E20A16; margin: 5px 0px 5px 0px; display:block;}
#added .saleprice {font-size:14px; color:#E20A16; margin: 5px 0px 5px 0px; display:block;}

.Text_Display .itemLeft {position:relative;float:left;margin-right:10px; width:130px;display:block;}
.Text_Display .itemLeft img {border:solid 1px #e7e7e7; padding:3px; margin-bottom:5px;}
.Text_Display .itemRight {position:relative;width:400px;float:left;}
.Text_Display H1 {font-size:16px;margin-top:5px;width:100%; text-align:left;}
.Text_Display .itemRight label {color:#666; width:80px;float:left; text-align:right;}
.Text_Display .itemRight .t_data {color:#999; float:right;width:300px;}
.Text_Display .itemRight p {clear:both; float:left; margin: 5px 0px;display:block; width:100%;}
#Contact_Seller {position:relative;width:400px;margin-left:140px;float:left; display:inline;}
#Contact_Seller  p {float:left; display:block; width:100%;}
#Contact_Seller label {color:#666;width:80px;float:left; text-align:right;}
#ContactBox {float:right;width:280px;height:80px;background: transparent url(../img/messboxbg.gif) top left repeat-x; border: solid 1px #e7e7e7; padding: 10px;font-size: 13px; color:#666; font-family:Verdana; font-weight:bold;}
#cs_box {height:200px;display:block;}
#wcs_box {height:220px;}
.but {margin-left: 100px; float:left;}

/* University Display */

#Uni_Display {width:550px; border: solid 3px #e7e7e7;padding:10px;margin-bottom:10px;}
#Uni_Display label {float:left; width:65px; color:#999; margin-right:10px; text-align:right;}
#Uni_Display h1 {margin: 5px 0px 10px 0px; font-size: 16px; width:auto;}
#Uni_Display p {margin: 0px 0px; font-size: 11px; line-height:20px;}

#Extra_Panel {position:relative;text-align:right; margin-top:0px;background: transparent url(../img/extrapanel.gif) top left no-repeat; width:156px; height:191px;}
#Amazon {position:relative; text-align:right; margin-top:0px; background: transparent url(../img/Amazon_pnl.gif) top left no-repeat; width:156px; height:102px;}
.atxt{position:absolute; margin:0px; padding:0px;left:20px; top:30px;}
.ago{position:absolute; margin:0px; padding:0px;left:120px; top:30px;}

.mycheck {width:30px; float:left;}

#listingCount {font-size: 20px;font-weight:bold; top:10px; left:460px;position:absolute; height:29px; color:#FFE458;}

#blink { display:block; width:86px; height:20px; background: transparent url(http://www.aplacebeyond.co.uk/img/beyondTag.gif) 0px 0px  no-repeat; text-decoration: none; color: #fff;} 

#beyondw { width:100px; text-indent:-999999px; margin-top:25px; margin-right:3px; position: relative; text-align:center;margin:0 auto; } 
#beyond { display:block;margin-top:15px; width:94px; height:20px; background: transparent url(http://www.aplacebeyond.co.uk/img/beyondTag.gif)  no-repeat 0px 0px; text-decoration: none; color: #fff;} 
#beyondw a {border:none;font-weight:normal;}
#bintro {text-indent:0px;font-weight:normal; color:#F7F8F8;display:block;margin-top:5px; font-size:10px;}
#bintro a:hover {text-decoration:none;}
#beyondw a:hover {border:none; background-position: 0px -20px;}
