/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */
body {
	background: #eee;
	border-top: 10px solid #eee;
	color: #333;
	font-size: 12px;
	padding: 0 0 40px;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:#fff;padding-top:15px;
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}


/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	background:#aaa;
	padding:.7em 1em;
	margin-bottom:0;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}


/* boxes
----------------------------------------------- */
.box {
	background-image: url(/images/gray_box.gif); 
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #EEE;
	margin-bottom: 20px;
	padding: 10px 10px 1px 10px;
}
.box h2 {
	font-weight: bold;
	margin: 0;
	padding: 2px 6px;
	text-align: left;
	color:#000;
	background-color: #DDD;
	background-image: url(/images/gray_bar.gif);
	margin: -10px -10px 10px -10px;
	padding:6px 12px;
}
.box h2 a,
.box h2 a.visible {
	color:#fff;
	background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}
.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.grid_12 .box h2 a {
	background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
	background-color:#111;
}
.block {
	padding-top:10px;
}
div.menu {
	padding:0;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0px;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}


/* menus
----------------------------------------------- */
ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
	padding-left:30px;
}

/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}

/* Wildy Specific
----------------------------------------------- */
a { text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer; }
table {width: 100%;}
table tr th {text-align: left;}
table tr td {line-height: 1.6em;}

#contactdetails {text-align: right; font-size: 90%; margin-top: 0px;padding-top: 0px;}
#contactdetails span.comm {color: gray; padding: 0 1px 0 4px;}
div#banner_ad { text-align: center; margin-bottom: 12px; }


div#actions {text-align: right; margin: 0 0 20px 0; padding: 4px 10px; }
div#actions,
div#actions a {margin: 0px; color: white;}

div#main_column {line-height: 1.5em; padding-top: 0px;}
div#main_column table {width: 100%; border-collapse: collapse;}
div#main_column img {float: left; margin-right: 10px;}

div#main_column table tr td,
div#main_column table tr th  {text-align: left;}
h1 {font-weight: normal; font-family: "Georgia", Times, serif; font-size: 24px; margin-bottom: 1em; }
h2 {font-weight: bold; font-family: "Georgia", Times, serif; padding-top: 1em; margin-top: 2em; margin-bottom: 1em; color: #D2691E; font-size: 1.1em;}
h3 {font-weight: bold; margin-bottom: 1em; color: #D2691E; font-size: 1em; }
div#main_column th {font-weight: normal; font-size: 1em; }

h1#home {margin-bottom: 0em;}
p#home {padding-top: 0.3em; margin-top: 0em; margin-bottom: 0em; color: black; font-style: italic; font-size: 0.9em; font-weight: normal;}
h2#home {padding-top: 1em; margin-top: 0em; margin-bottom: 1em;}

tr.odd {background-color: #EEE;}
tr.even {background-color: #FFF;}
div#main_column ul {margin-left: 0px;}
div#main_column li.subhead {font-weight: bold;}
div#main_column li.date {font-weight: bold; padding-bottom: 12px;}

strong.highlight {background: #ff0; font-weight: normal; }

div.form {padding: 10px 10px 10px 10px; background: #eee; }


rd.delete {width: 20px;}
table#rp_list { width: auto; font-size: 130%}
.rp_name { width: 200px;}
.rp_title { width: 100px;}
.rp_company { width: 200px;}
.rp_status { width: 100px;}
div#research_main {margin-left: 200px; width: 540px; line-height: 1.5em;}
.rp_label {font-style: italic; color: #AAA; width: 180px;  line-height: 1.5em; padding-right: 5px; vertical-align: top;}
.rp_data {width: auto;line-height: 1.5em;}

div.fieldWithErrors {
  margin: 0px;
  padding: 6px;
  background-color: red;
  display: inline;
}

#errorExplanation {
  width: 100%;
  border: 2px solid red;
  padding: 7px;
  margin-left: -10px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: none;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.help {color: gray; font-size:80%;}
.required {color: red;}
#sslcertificate {padding-top: 48px;}

#content { font-weight: normal;}
#mainstory ul { list-style-position: outside;}
#header { border: 0;}

#searchbox { font-weight: bold; font-size: 11px; background: #B0C4DE; padding: 2px 3px 1px 6px; margin-bottom: 6px; border: solid 1px #c0c0c0;}
#searchbox form {margin: 4px 4px 6px 4px; display: inline;}

.tablehead  {border-bottom: solid 1px #c0c0c0; background: #B0C4DE;  font-weight: bold; padding: 5px;}
.accountcustomerbox  {background: #eee;  font-weight: bold; padding: 5px;}

#advancedsearch {width: 300px;}
.image {float:left; padding-right: 20px;}
.caption {font-style: italic; display: inline; padding-bottom: 18px;}
.intro { padding-bottom: 18px; }
.subhead { font-weight: bold; color: #D2691E; padding-top: 12px; font-size: 15px;padding-bottom: 8px;}
.bodytext {padding-bottom: 18px;}
div#banner_ad {margin-top: 14px; padding: 0; text-align: center; margin-bottom: 12px; overflow: hidden;}
div#main_column div#banner_ad img {float: none;}

#mainbookinfo2 h1 {padding-bottom: 0;}

#mainbookinfo {margin-left: 0%;}
#mainbookinfo h1 {padding-bottom: 0;margin-bottom:0;}
#mainbookinfo .authors {margin-bottom:16px; margin-top:16px; font-style: italic;}
#mainbookinfo .author {font-weight: bold; font-style: normal;}
#mainbookinfo .subtitle {font-weight: bold;}

table#booklist a.author {color: black;}

#widebody {margin: 0; padding: 0;}
.textindent { margin:0; padding: 0.5em 0em;}

table.booknewslist  {margin: 0; padding: 0; border-left: 1px solid #c0c0c0;}
.booknewslist td {width: 33%; padding: 10px;  vertical-align: top; border-right: 1px solid #c0c0c0; background-color: #fff;}
img.book_cover,
img.booknews_cover,
.booknewslist img {border: 1px solid #555;}

.booknewslist dd {font-size: 90%; list-style-type: none; margin-left: 0px; line-height:120%;}
.booknewslist a { text-decoration: none; font-weight: normal;}
.issueinfo { font-size: 90%; font-family: "Arial Black", Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
.issuedate { font-size: 90%;}

#mainstory {margin: 0; padding: 0; font-size: 12px; line-height:17px; font-weight: normal;}

#bookpreview { font-size: 11px; color: gray; line-height:120%;}
#bookpreview img {width: 90%; border: 1px solid black; margin-top:0;}
#bookpreview p,  
#bookpreview dd, #mainbookinfo dt {margin-left:0; padding: 0; width: 90%;}
#bookpreview dt {font-weight: normal; font-family: "Arial Black", Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; padding-top: 8px; color: black;}

#booklist {margin: 0; padding: 0;}
#booklist tr td { font-size: 12px;  padding: 2px 4px 2px 0; border-bottom: 1px dotted #a9a9a9; margin: 0px; vertical-align: top;}
#booklist a { font-size: 12px; text-decoration: none; cursor: pointer; padding: 0 4px 0 0; line-height:18px;}
#booklist a:hover  { background-color: transparent;  text-decoration: underline; cursor: pointer; color: blue;}
#booklistnav {padding-top: 5px; padding-bottom: 8px; border-bottom: 0px; font-weight: bold;}
#booklist tr.boxhead {margin-top: 3px; margin-bottom: 3px; }
#booklist tr.boxhead td {border: 0px; padding: 0;}
#booklist .authors {font-style: italic; }
#booklist .author { font-style: normal; }

#booklist tr td.price {text-align: right; width: 80px; padding-right: 4px;}
#booklist tr td.buy {text-align: right; width: 80px;}
#booklist tr td.description {width: auto;}
#shopping_basket tr td {vertical-align: top; }
#shopping_basket tr td.price {text-align: right; width: 55px;}
#shopping_basket tr td.qty {text-align: right; width: 12px;margin-top: 4px;}
#booklist tr td.qty {text-align: right; width: 50px;}

.headline { font-size: 12pt; font-family: "Arial Black", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin: 12px; padding-top: 5px; padding-bottom: 5px; }
#booklist a.button2,
a.button2:link,
a.button2:visited,
a.button2:hover  { line-height: 22px; color: white; font-size: 11px; font-weight: bold; text-decoration: none; background-color: #D2691E;  padding: 2px 4px; margin: 0px 4px 0 0px; border: solid 1px #333; cursor: pointer; }
#booklist a.button2:hover,
a.button2:hover {
	background-color: rgb(255,80,0);
}

div#footer { font-size: 100%; text-align:center; background-color: #fff; margin-top: 24px; margin-bottom: 12px;}

.button2 { color: white; font-size: 11px; text-decoration: none; background-color: #f90; margin: 0px; padding: 3px; border: outset 1pt #f63; }

table.book_grid {width: 100%; font-size: 12px; line-height: 1.3em;}
table.book_grid tr td {width: 25%; vertical-align: top; border: 1px solid white; background-color: white; text-align: center; padding: 5px;}
table.book_grid tr td img {float: none; border: 1px solid silver;  margin-bottom: 10px; height: 100px; text-align: center;}
table.book_grid tr td div {text-align: left;}
table.book_grid tr td a { text-decoration: none; color: blue;}
table.book_grid tr td a:hover { text-decoration: underline; color: blue;}

table tr td {vertical-align: top;}
form table tr td { padding: 4px;}

table.gray { background-color: #eee; margin: 10px 0px 24px 0px; padding: 0px 0px 0px 0px; border: solid 1px #c0c0c0;  }

.pagination {
  font-family: Helvetica, Arial, sans-serif;
  padding: 3px 0;
  margin: 3px 0;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px 0;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #000099;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #000099;
  color: #000;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px 0;
  border: 1px solid #000099;
  font-weight: bold;
  background-color: #000099;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px 0;
  border: 1px solid #eee;
  color: #ddd;
}

span.new_title,
.new_titles strong { background-color: yellow; font-weight: normal; padding: 3px; font-size: 10px;}
table#basket tr {width: 100%;}

span.special_offer,
span.validation-error { background-color: yellow; padding: 4px; font-size: 12px;}

span.special_offer {font-weight: bold; margin-left: -4px;}
a.button,
a.button_right {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin-right: 6px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
    margin-top: 6px;
  	font-family: Helvetica, Arial, sans-serif;

}

a.button span,
a.button_right span
 {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 8px;
}

a.button:active,
a.button_right:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span,
a.button_right:active span {
    background-position: bottom left;
    padding: 6px 0 4px 8px; /* push text down 1px */
	outline: none;
}

a.button_right {
	    float: right;
		margin: 0px;
		padding: 0px;
}

ul li.shelflink {line-height: 1.4em; list-style:none; padding: 0px 0px 6px 0px; margin: 0px;}

div#flash-notice { padding: 5px 10px; background-color: #FF0; font-size: 12px; font-weight: bold;}


#maintabs {height: 31px;}
table.book_grid tr td div.hide_link a {color: black;}

label    { 
  display: block; 
  float: left; 
  width: 18ex; 
  text-align: left; 
  padding-right: 1ex; 
  line-height: 22px;
} 

div#footer span {padding-right: 10px;}
img.booknews_cover {float: none;}

div#order_confirmation table {padding: 2px; margin:  0px; width:  100%; border-collapse: collapse;}
div#order_confirmation table tr th {text-align:  left; border-bottom:  1px solid black; font-weight: bold;}
div#order_confirmation table tr td {border-bottom:  1px solid silver;background-color: white; vertical-align: top;}
div#order_confirmation table tr td.white { border: 0px white;}
div#order_confirmation table tr td.number,
div#order_confirmation table tr th.number { text-align:  right;}

div#postage_message { display: inline; background-color: #FFFF99; padding: 4px; margin-top: 12px; text-align:  right;}
div.basket_info { padding: 0px; margin-top: 12px; font-size: 12px; text-align:  right;}
div.basket_info span {padding: 2px;}
div.basket_info a { font-size: 12px; }


#releases tr td,
#releases tr th { font-size: 12px;  padding: 2px 4px 2px 0; border-bottom: 1px dotted #a9a9a9; margin: 0px; vertical-align: top;}
#releases tr th {font-weight: bold;}
#releases tr td.price {text-align: right; width: 80px; padding-right: 4px;}
tr td.rss {width: 35px;}

div#announcement { width: 100%;background:#FFC;padding-top: 6px; padding-bottom: 6px; margin-bottom: 20px;}
div#announcement div {margin: 12px;}
a.icon img {padding: 0px; margin: 0px; vertical-align: bottom;}
a.icon_label {margin-left: 4px; margin-right: 16px; vertical-align: top; }

/*
-----------------------------------------------
Autocomplete css from autocomplete plugin
Placed here rather than inline to allow margin-top overrides for IE
----------------------------------------------- */

   div.auto_complete {
     background: #fff;
     margin-top: 15px;
     z-index:10005; }
   div.auto_complete ul {
     border:1px solid #888;
     margin:0;
     padding:0;
     width:100%;
     list-style-type:none;
   }
   div.auto_complete ul li {
     margin:0;
     margin-left: 4px;
     padding:3px;
     cursor: pointer;
   }
   div.auto_complete ul li.selected {
     background-color: #ffb;
   }
   div.auto_complete ul strong.highlight {
     font-weight: bold;
     margin:0;
     padding:0;
   }
   div.auto_complete ul li div.isbn {
     display:  none;
   }
   div.auto_complete ul a {
     text-color: black; text-decoration: none;       
   }

div#editorialmenu {background: #309; padding: 0; margin: 0; color: white;}
div#editorialmenu a {cursor: pointer; padding: 5px 8px; border: 2px; line-height:24px; color: white;}