/* Tags */
body 		{font-family: Arial, Helvetica, sans-serif;font-size:0.8em; margin:0;padding:0 0 0 0;text-align:center;color:#000;}
hr 			{height:0; border:0; border-top:1px dotted black;}
img 		{border:none;padding:0;margin:0;}
a 			{color:#286ab9;text-decoration:none;}
a:hover {color:#286ab9;text-decoration:underline;}
div			{position:relative;}

/* Layout */
#jquery-div {
	display:none;
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	width:100%;
	line-height:30px;
	height:30px;
	text-align:center;
	background:#3070bc;
	color:white;
	font-weight:bold;
	border:1px solid white;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
#container 	{margin:0 auto;padding:0 10px;width:1020px;text-align:left;background:white;}
#header			{margin:0;padding:0;z-index:101;}
#nav-left 	{display:inline-block; z-index:200; width:180px; margin:10px 0; padding:0; vertical-align: top; zoom:1; *display: inline;}
#content 		{display:inline-block; z-index:1; margin:0 0 10px 10px; padding:0; width: 810px; zoom:1; *display: inline;}
#nav-right 	{z-index:200; float:right;width:170px;margin:10px 0;display:inline;padding:0;}
#footer 		{clear:both;float:none;padding-top:5px;margin:0;border-top:5px solid black;}
#topnav			{position:absolute; height:20px; width:600px; top:12px; right:0; text-align:right; z-index:100;}
#topnav a 	{font-size:1em; color:black; text-transform:uppercase; padding:5px 2px; font-weight:bold;}
#topad			{position:absolute; top:40px; right:0; text-align:right; width:500px; height:35px;}
#topad2			{position:absolute; top:32px; right:0; text-align:right; width:500px; height:60px;}
#login			{display:none; background:black; color:white; padding:2px 0; height:27px; margin:0;}
#login div	{width:1000px; margin:0 auto; text-align:right;}

div.email
{
	display: none;
}

div#popup
{
	position: absolute;
	display:none;
	z-index: 1000;
	/*left: 25%;*/
	/*width: 50%;*/
	padding: 10px;
	background: white;
	border: 2px solid black;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
}

a.twitter		{display:inline-block; background:url(../images/twitter-icon.jpg) no-repeat left; height:20px; vertical-align:middle;}
a.twitter span {display:none;}

a.facebook	{display:inline-block; background:url(../images/facebook-icon.jpg) no-repeat left; height:20px; vertical-align:middle;}
a.facebook span {display:none;}

a.youtube	{display:inline-block; background:url(../images/youtube-icon.jpg) no-repeat left; height:20px; vertical-align:middle;}
a.youtube span {display:none;}

.valignmiddle {vertical-align:middle;}
#controls 	{text-align:center;}
#controls a {padding:0 5px;}

div.tooltip {display:none; width:132px; position:absolute; color:black; padding:2px; margin-top:5px; background:white; border:1px solid black; z-index:1000;}

/* Book Shelves (homepage) */
p.shelves a {font-size:1.4em; text-decoration:none;}
p.shelves a.unselected {
	text-decoration:none; color:#7b7b7b;
}
p.shelves a:hover,
p.shelves a.selected {
	text-decoration:none; color:#286AB9;
}

table.shelves {position:relative; background:url(../images/shelf2.jpg); margin:0 auto; margin-bottom:20px; width:640px; padding:0;}
table.shelves td {position:relative; margin:0; padding:0; width:128px; height:179px; text-align:center;}
table.shelves td img {border:4px solid transparent;}
table.shelves td a:hover > img {border-left:2px solid #fff;border-top:2px solid #fff;border-bottom:2px solid #000;border-right:2px solid #000;}
table.shelves td a span {display:none; position:absolute; width:128px; color:black;  padding:2px; margin-top:5px; background:white; border:1px solid black; z-index:100;}
table.shelves td a:hover > span {display:block;}

div.whiteshelf {
	background:url(../images/white-shelf.jpg) no-repeat bottom;
	height: 160px;
	padding: 0px 12px 10px 12px;
	margin-bottom: 20px;
}

div.whiteshelf .book
{
	float: left;
	width: 130px;
	text-align: center;
}

div.whiteshelf .book span
{
	display: none;
}

/* Search Bar */
#searchbar { background: white; position: absolute; right: 0px; top: 2px; display:block; padding:9px 0 5px 0; z-index: 103;}
#searchbar form 	{display: inline-block; margin:0; background-color:transparent; padding:0;}
#searchbar label	{color:black; font-weight:bold; padding-right:8px;}
#searchbar input,
#searchbar select	{vertical-align:middle;}
#searchbar input.go		{color:white; background:black; padding:0 3px;}
#searchbar img.go {vertical-align: middle;}
#searchbar img.go:hover {cursor:pointer;}

.section {padding:5px; margin-bottom:10px; border:1px solid #286ab9;}

.catlist		{font-family:verdana, sans-serif; font-size:11px; background:#eee; margin:0; padding:0; list-style-type:none;}
.catlist li {color:black; padding:0 3px; border-top:1px dotted #286ab9; }
.catlist li a {height:22px; line-height:22px; color:black;}
.catlist li a:hover {color:#286ab9;}

.serieslist	{font-family:verdana, sans-serif; font-size:11px; background:#eee; margin:0; padding:0;list-style-type:none; border-bottom:1px dotted black;}
.serieslist li {color:#286ab9; padding:0 3px; border-top:1px dotted black;}
.serieslist li a {height:22px; line-height:22px; color:#286ab9;}
.serieslist li a:hover {color:black;}

#headerdate {margin:-23px 0 10px 0; text-align:right; padding-right:5px; color:black; font-weight:bold; z-index:1;}

/* Common Classes */
.restofstory					{display:none;}
.readmore 						{padding-left:16px; background:url("../images/more_arrow.gif") no-repeat 0px -14px;}
.readmore:hover 			{background-position:0px 0px;}
.mp3									{display:block; height:20px; background:url(../images/mp3player.gif) no-repeat; padding-left:21px;}
.valigntop						{vertical-align:top;}
.red									{color:#286ab9;vertical-align:top;}
.grey									{color:#999999;}
.white								{color:white;}
.green								{color:green;}
.bold 								{font-weight:bold;}
.uppercase 						{text-transform:uppercase;}
.strike-out 					{color:#286ab9;text-decoration:line-through;}
.center 							{text-align:center;}
.hidden 							{display:none;}
.smaller							{font-size:0.9em;}
.italic								{font-style:italic;}
.quote								{text-align:left; margin:5px 0; padding:0 0 0 28px; background:url(../images/quote.gif) no-repeat top left;}
.error 								{margin:3px 0; padding:3px 3px 3px 29px; background:#ffd8d8 url(../images/error.png) no-repeat 3px 3px;	border:1px dotted #ff0000; font-weight:bold; color:red;}
.info 								{margin:3px 0; padding:3px 3px 3px 29px; background:url(../images/info.png) no-repeat left; border:2px dotted #ccc; font-weight:bold; color:black;}

.left 								{float:left;}
.right 								{float:right;}
.clearboth						{overflow:hidden;clear:both;height:1px;margin-top:-1px;}
.clearleft						{overflow:hidden;clear:left;height:1px;margin-top:-1px;}
.clearright						{overflow:hidden;clear:right;height:1px;margin-top:-1px;}
.marginbottom					{margin-bottom:10px;}

.listprice 						{text-decoration:line-through;color:#999999;}
.ourprice 						{color: #286ab9;}
.bigprice							{color:black; font-size:2.4em; font-weight:bold;}
.subtitle 						{margin:10px 0 5px 0; color:black; font-size:1.4em; font-weight:bold;}
span.price 							{font-size:2.4em; color:#104c94; font-weight:bold;}
a.price 							{display:block; margin-top:5px; width:138px; height:29px; font-size:2.4em; color:#104c94; font-weight:bold; background:url(../images/addtobasket.gif) no-repeat center;}
a.price2 							{font-size:2.4em; color:#104c94; font-weight:bold; background:url(../images/cart-add.gif) no-repeat right; padding-right:30px;}
a.price3 {
	display:block;
	width: 160px;
	line-height: 25px;
	background: url(../images/cart-button.gif) left no-repeat;
	padding-left:22px;
}

a.price:hover,
a.price2:hover				{text-decoration:none; color:#104c94;}
.list_price 					{font-size:1em; color:#777777; text-transform:uppercase; font-weight:bold; margin-top:-5px;}

.platinum 				{vertical-align:top; line-height:20px; margin:4px 0; padding:5px; border:2px dashed red;}
.platinum span  {vertical-align:top; font-size:18px; color:red; font-weight:bold; }

.perfectpartner				{margin:10px 0;color:#286ab9;border-bottom:1px solid #286ab9;}
.perfectpartner_title {margin:0 0 5px 0;background-color:#286ab9;padding:2px;font-weight:bold;color:#fff;}
.perfectpartner img 	{float:left;width:69px;height:100px;padding:0px;margin:5px;}
.perfectpartner_title a {color:white;}

.crosslinked					{margin:10px 0;border-bottom:1px solid #286ab9;}
.crosslinked_title 		{margin:0 0 5px 0;background-color:#286ab9;padding:2px;font-weight:bold;color:#fff;}
.crosslinked img 			{float:left;width:69px;height:100px;padding:0px;margin:5px;}
.crosslinked_title a 	{color:white;}

.recommended					{float:left;width:115px;padding:0;margin:0;text-align:center;}
.recommended_title 		{margin:0 0 5px 0;background-color:#286ab9;padding:2px;font-weight:bold;color:#fff;}
.recommended img 			{width:69px;height:100px;padding:0px;margin:5px;}

.stock-ok 						{color:#009900;}
.stock-low 						{color:#ff9900;}
.stock-lastfew 				{color:#ff9900;}
.stock-out 						{color:#ff0000;}

.title						{color:#286ab9; font-size:1.2em; font-weight:bold; margin-bottom:5px;}
.jacket 					{float:left;margin:0 10px 10px 0;height:210px;width:160px;}
.jacket_small			{float:left;margin:0 10px 10px 0;}
.paging						{text-align:right; margin-top:-30px; line-height:30px;}

table.cart th,
table.cart td {padding:2px 9px 2px 0;}

.cart_col1	{display:block;float:left;width:250px;}
.cart_col2	{display:block;float:left;width:60px;margin-left:10px;}
.cart_col3	{display:block;float:left;width:60px;text-align:center;}
.cart_col4	{display:block;float:left;width:60px;text-align:right;}
.cart_col5	{display:block;float:left;width:100px;text-align:left;}
.cart_col6	{display:block;float:left;width:150px;text-align:center;}
.cart_col7	{display:block;float:left;width:150px;text-align:right;}

.width-30  {width:30px;display:block;float:left;}
.width-40  {width:40px;display:block;float:left;}
.width-50  {width:50px;display:block;float:left;}
.width-80  {width:80px;display:block;float:left;}
.width-100 {width:100px;display:block;float:left;}
.width-130 {width:130px;display:block;float:left;}
.width-140 {width:140px;display:block;float:left;}
.width-150 {width:150px;display:block;float:left;}
.width-160 {width:160px;display:block;float:left;}
.width-170 {width:170px;display:block;float:left;}
.width-200 {width:200px;display:block;float:left;}
.width-230 {width:230px;display:block;float:left;}
.width-250 {width:250px;display:block;float:left;}
.width-300 {width:300px;display:block;float:left;}
.width-350 {width:350px;display:block;float:left;}
.width-400 {width:400px;display:block;float:left;}
.width-420 {width:420px;display:block;float:left;}

#image_strip_container 	{width:160px;margin:0;padding:0;}
#image_strip 						{margin:0; padding:0; height:220px; overflow:auto; background:#fff; width:160px;}
#image_strip ul 				{margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#image_strip ul li 			{display:table-cell; padding:0 15px 0 0; background:#fff; vertical-align:top;}

#staysafe {color:#286ab9;}
#staysafe li {margin:5px 0;}
#staysafe li span {color:#000;}

a#linktopage {width:19px; padding-left:19px; background:url(../images/linkpage.gif) no-repeat left;}
a#sendpage {margin-left:5px; width:19px; padding-left:19px; background:url(../images/sendpage.gif) no-repeat left;}
#linktopage_div {position:absolute; border:1px solid #286ab9; padding:2px; margin:5px 0; background:white; z-index:100;}
#sendpage_div {position:absolute; border:1px solid #286ab9; padding:2px; margin:5px 0; background:white; z-index:100;}

.hints {z-index:1000;}
.hints ul {background:#fff; list-style-type:none; margin:5px 0 0 0; border:1px solid #ccc;}
.hints li {margin:0 0 5px 0; color:#286ab9;}
.hints li:hover {cursor:default; color:#fff; background:#dd3b4a;}

.sectiontitle		{color:black; font-size:1.4em; font-weight:bold; margin-bottom:5px; border-bottom:1px dotted #286ab9;}
.sectiontitle2	{color:#286ab9; font-size:1.4em; font-weight:bold; margin:5px 0; border-bottom:1px solid #286ab9; font-family:Times;}
.sectiontitle3	{color:#286ab9; font-size:1.4em; font-weight:bold; margin:0; font-family:Times;}
.authorsupclose {display:block;float:left;width:310px;}
.inthespotlight	{display:block;float:right;width:310px;}

#vidTitle		{color:black; font-size:1.2em; font-weight:bold; margin:0;}

/* Form Layouts */
.label	{display:block; width:115px; float:left; text-align:right; margin-right:5px; }
.label2	{display:block; width:150px; float:left; text-align:right; margin-right:5px; }
.label3	{display:block; width:140px; float:left; text-align:left; margin-right:5px; }
.label4	{display:block; width:200px; float:left; text-align:left; margin-right:5px; }
.label5	{display:block; width:50px; float:left; text-align:right; margin-right:5px; }
fieldset {margin:0;padding:0;border:none;}

ul.distribution {margin:10px 0; list-style-image:url(../images/bluetick.gif);}
ul.distribution li {margin:2px 25px; padding-left:10px; vertical-align:middle;}

td.offer {padding:5px; color:#286ab9;}
td.offer span {color:black; font-weight:bold;}

.success {margin:3px 0; padding:3px 26px;	background:#d5eaca url(../images/msg.png) no-repeat 3px 3px; border:1px dotted #43b908;}

#twitterprofile {font-style:italic; color:#999999; padding-left:50px; background:url("http://a1.twimg.com/profile_images/519682392/Penandsword_normal.gif") no-repeat left;}
#twitter .tweet {margin:15px 0; background:url("../images/twitterbird.jpg") no-repeat top left;}
#twitter .tweet div {padding-left:35px;}
#twitter .tweet .posted {display:block; float:left; width:170px; font-style:italic; color:#999999; font-size:0.9em;}
#twitter .reply {padding-left:16px; background:url("../images/reply.gif") no-repeat 0px -14px;}
#twitter .retweet {padding-left:16px; background:url("../images/retweet.gif") no-repeat 0px -14px;}
#twitter .reply:hover,
#twitter .retweet:hover {background-position:0px 0px;}

#news .tweet {margin:15px 0; background:url("../images/twitterbird.jpg") no-repeat top left; padding-left:35px;}
#news .reply {padding-left:16px; background:url("../images/reply.gif") no-repeat 0px -14px;}
#news .retweet {padding-left:16px; background:url("../images/retweet.gif") no-repeat 0px -14px;}
#news .reply:hover,
#news .retweet:hover {background-position:0px 0px;}
#news .posted {font-style:italic; color:#999999; font-size:0.9em;}
#news .latestrelease {margin:15px 0; background:url("../images/new_tiny.jpg") no-repeat top left; padding-left:35px;}
#news .anniversary {margin:15px 0; background:url("../images/event_tiny.gif") no-repeat top left; padding-left:35px;}
#news .bestseller {margin:15px 0; background:url("../images/bestseller_tiny.jpg") no-repeat top left; padding-left:35px;}
#news .specialoffer {margin:15px 0; background:url("../images/sale_tiny.jpg") no-repeat top left; padding-left:35px;}
#news .news {margin:15px 0; background:url("../images/ps_tiny.jpg") no-repeat top left; padding-left:35px;}

#listofbanners img {
	margin:5px 0;
}

#bannernav {
	padding: 5px 0;
	text-align: center;
}

#bannernav a {
	text-align:center;
	width:25px;
	height:25px;
	line-height:25px;
	display:inline-block;
	width:20px;
}

#writeforus {
	float:right;
}
#writeforus a {
	display:inline-block;
	padding-left:35px;
	width:137px;
	height:30px;
	background:url("../images/pencil.png") no-repeat;
	line-height:30px;
	color:black;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
}

li.link-img {
	display:block;
  float:left;
  margin:5px;
  padding:0px;
  width:312px;
  height:132px;
  position:relative;
}
li.link-img .whiteborder {
	position:absolute;
	top:0;
	left:0;
}

li.link {
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
  border:1px solid #286AB9;
  float:left;
  height:120px;
  margin:5px;
  padding:5px;
  position:relative;
  width: 300px;
}
li.link .title {
	margin:0 0 10px 0;
	padding:0;
	font-weight:bold;
	text-align:center;
}
li.link .logo {
	float:right;
}

#poppy {
	z-index:2000;
	width:160px;
	height:180px;
	position:fixed;
	bottom:10px;
	right:15px;
	background:url("../images/poppy.png") no-repeat top;
	text-align:center;
}
#poppy a {
	color:black;
	text-decoration:underline;
}
#poppy a.close {
	color:#666;
	text-decoration:none;
}
#poppy span {
	display:block;
	padding:5px;
	position:absolute;
	background:white;
	bottom:0;
}

.series-carousel-btnprev,
.series-carousel-btnnext {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 45px;
  cursor: pointer;
}

.series-carousel-btnnext {
  background-position: 0 0;
  right: 0;
}

.series-carousel-btnprev {
  background-position: 0 -72px;
  left: 0;
}

#series-carousel {
	left: 37px;
}

/* link icons */
a.pdf {
	display: inline-block;
	background: url(../images/pdf_icon.png) no-repeat left center;
	padding-left: 35px;
	line-height: 30px;
	height: 30px;
}
a.url {
	display: inline-block;
	background: url(../images/url_icon.png) no-repeat left center;
	padding-left: 35px;
	line-height: 30px;
	height: 30px;
}
a.doc {
	display: inline-block;
	background: url(../images/icon-word.gif) no-repeat left center;
	padding-left: 35px;
	line-height: 30px;
	height: 30px;
}

#cart-top
{
	z-index: 102;
	position: absolute;
	top:0;
	left: 650px;
	width: 165px;
	overflow:hidden;
	background:url(../images/cart.png) no-repeat 89px 10px;
	height: 40px;
	color: #5e9dd1;
	padding-left: 8px;
	padding-top: 14px;
	height: 30px;
	font-weight: bold;
	color: #069;
}

#basket
{
	display: none;
	position: absolute;
	z-index: 201;
	height: 200px;
	padding: 20px;
	background: blue;
	text-align: left;
}

#basket table th,
#basket table td
{
	padding: 5px;
}
#basket .close
{
	position: absolute;
	top: -25px;
	right: -25px;
}
#basket .close:hover
{
	cursor: pointer;
}

#fade
{
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	background: url(../images/1x2.png);
}

#featured img.arrow:hover
{
	cursor: pointer;
}

div.trade,
form.trade
{
	display: block;
	position: absolute;
	width: 70%;
	height: auto;
	padding:20px;
	left: 15%;
	top: 80px;
	border:1px solid black;
	background: url(../images/1x1-white-transparent.png);
}

div.articletitle:hover
{
	cursor: pointer;
}

a.addtocart3 {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	color: #e9effe;
	border: solid 1px #0c50da;
	background: #1d79f7;
	background: -webkit-gradient(linear, left top, left bottom, from(#1d79f7), to(#2084f4));
	background: -moz-linear-gradient(top,  #1d79f7,  #2084f4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d79f7', endColorstr='#2084f4');
}
a.addtocart3:hover {
	color:white;
	background: #2084f4;
	background: -webkit-gradient(linear, left top, left bottom, from(#117ef8), to(#1543f0));
	background: -moz-linear-gradient(top,  #117ef8,  #1543f0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#117ef8', endColorstr='#1543f0');
}

#slideshow .next:hover, #slideshow .prev:hover
{
	cursor: pointer;
}

#dambusters a
{
	text-decoration: underline;
}

.admin .button-link {
    padding: 7px 10px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.admin .button-link-red {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.admin .button-link-red:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}

.admin .button-link:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}

.admin .button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}