/* --------------------------------------------------------------

    base.css

    Author: Greg Dalrymple
    Date: 27/01/2010

    This is the main stylesheet

    +top

--------------------------------------------------------------

  +Resets default browser CSS styles

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

/* --------------------------------------------------------------

    +Default Styles

-------------------------------------------------------------- */

body {
	text-align: center;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #333;
    background-color: #d6d6d6;
	}

.floatleft { float: left; }
.floatright { float: right; }

.clear-floats { clear: both; font-size: 1px; }


/* --------------------------------------------------------------

    +Layout

    -- This is the optimum layout for 1024px
    -- Individual column width 93px
    -- 9 column layout
    -- margin 14px

-------------------------------------------------------------- */

#top 		{ width: 100%; margin: 0 auto; padding: 0; position: relative; }
#shell 	{ width: 996px; margin: 0 auto; position: relative; }
#page 	{ text-align: left; background-color: #fff; }
#content { background: url(/images/structure/content-bg.png) repeat-y top center; min-height: 600px; }

.col { float: left; width: 94px; margin-right: 14px; }

.span-1 { width: 94px; }
.span-2 { width: 202px; }
.span-3 { width: 310px; }
.span-4 { width: 418px; }
.span-5 { width: 526px; }
.span-6 { width: 634px; }
.span-7 { width: 742px; }
.span-8 { width: 850px; }
.span-9 { width: 958px; }

.span-2 { width: 222px; }

.span-7 .inner { padding: 18px 2px 10px 7px; }
.span-7 .inner .span-5 { width: 521px; }
.span-7 .inner .span-2 { width: 197px; }
.span-7 .inner .span-3 { width: 305px; }
.span-7 .inner .span-4 { width: 411px; }

.span-summary { width: 185px; }
.span-description { width: 516px; }

/* --------------------------------------------------------------

    +Modules

-------------------------------------------------------------- */

/* This should be the standard container ---------------------- */
.module { padding: 14px; margin-bottom: 14px; }

.module-7 { background: url(/images/structure/modules/full-width-top.png) no-repeat top center; width: 732px; }
.module-7 .inner { padding: 12px; }
.module-7 .bottom { background: url(/images/structure/modules/full-width-bottom.png) no-repeat bottom center; height: 4px; }

/* --------------------------------------------------------------

    +Typography + Headings

-------------------------------------------------------------- */

p { margin-bottom: 1.5em; }
p, ul, blockquote, dl, table, ol { font-size: 1.1em; line-height: 1.6em; }

p.error { background-color: #f1d9e3; font-size: 0.9em; border: 1px solid #da4a4a; padding: 0px 4px; display: inline-block; color: red; }

.big { font-size: 1.2em; }
.bigger { font-size: 1.6em; }
.biggest { font-size: 2em; }

.small-titled { font-size: 1em; text-transform: uppercase; }

strong { font-weight: bold; }

a:link { color: #1056ad; text-decoration: underline; }
a:visited { color: #1056ad; }
a:hover { text-decoration: none; }
a:active { color: #1056ad; }

.divider { text-align: center; height: 24px; margin-bottom: 15px;  }

ol.large { font-size: 1.2em; }
ol li { margin-bottom: 15px; margin-left: 2em; }

/* Lists ----------------------------------------------------- */

dt { margin-bottom: 0.35em; }
dd { margin-bottom: 1.3em; }

ul { margin: 0 0 1.5em 0; padding: 0 0 0 1.5em; }
ul li { margin-left: 1.5em; }

ul.inline-list { float: left; }
ul.inline-list li { float: left; display: inline; }

ul.clean-list { list-style: none; margin: 0; padding: 0; }

/* Headings -------------------------------------------------- */

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: bold;
	clear: none;
	line-height: 1.5em;
	}

h1 { font-size: 3em; margin-bottom: 0.667em; font-family: Arial; }
h2 { font-size: 2.8em; margin-bottom: 0.8em; font-family: Arial; }
h3 { font-size: 2.4em; margin-bottom: 0.889em; font-family: Arial; }
h4 { font-size: 1.5em; margin-bottom: 1.066em; }
h5 { font-size: 1.3em; margin-bottom: 1.2307em; }
h6 { font-size: 1.1em; margin-bottom: 1.5em; }

h1 span, h2 span, h3 span { display: none; }

.section-title { font-size: 1.2em; text-transform: uppercase; padding-bottom: 7px; border-bottom: 1px solid #dedede; }

/* --------------------------------------------------------------

    +Tables

-------------------------------------------------------------- */

table { border-collapse: collapse;  }
table tr th { font-weight: bold; padding: 8px 4px; background-color: #f4f4f4; }
table tr td { border-top: 1px solid #dedede; padding: 6px 4px; }

table.clean-table td { border: 0; padding:0; }

/* --------------------------------------------------------------

    +Forms

    -- Here's how to structure a form

    	<div class="form">
    		<h3 class="form-heading">Enter your details</h3>
    		<p class="form-description">Complete all fields</p>
    		<fieldset>
    			<form>
    				<dl>
    					<dt><label>Your Name</label></dt>
    					<dd>
    						<input type="text" name="name" id="id" />
    						<span>Enter your full name here</span>
    					</dd>
    				</dl>
    				<div class="clear-floats"></div>
    			</form>
    		</fieldset>
    	</div>

-------------------------------------------------------------- */

.form { padding: 0 15px 10px 15px; background-color: #f5f8fc; }
#dialog-holder .form .form-heading, #standard-content .form .form-heading, .form .form-heading { font-size: 1.2em; border-bottom: 1px solid #fff; padding: 10px 0 10px 15px; margin: 0 -15px 15px -15px; position: relative; background-color: #edf2f9; }
.form .form-description { color: #777; font-style: italic; margin-bottom: 10px; font-family: verdana; }
.form .fieldset-heading { color: #333; font-weight: bold; margin-bottom: 10px; border-bottom: 1px dotted #a8bcd6; padding-bottom: 4px; padding-top: 15px; }
.form dl { width: 100%; padding-top: 10px; padding-bottom: 20px; }
#dialog-holder .form dt, #dialog-holder .form dd, #standard-content .content-inner .form dt, #standard-content .content-inner .form dd, .form dt, .form dd { margin: 0 0 10px 0; padding: 0; float: left; border: 0; }
#dialog-holder .form dt, #standard-content .content-inner .form dt, .form dt { width: 30%; margin-right: 20px; clear: both; font-weight: normal; text-align: right; font-size: 1.1em; font-family: verdana; }
#dialog-holder .form dd, #standard-content .content-inner .form dd, .form dd { width: 65%; color: #777; font-size: 1.1em; }
#dialog-holder .form dd { text-align: left; }
.form dd, .form dt, .form p { font-size: 1.2em; }
.form em { color: #da4a4a; }
.form em.error { background-color: #f1d9e3; font-size: 0.9em; border: 1px solid #da4a4a; padding: 0px 4px; display: inline-block; margin-top: 4px; }
.form label em { color: #777; }
.form dd span { display: block; font-size: 0.8em; color: #779dd3; }
.form label strong { color: #333; }
.form table { width: inherit; }
.form table td { padding: 0; margin: 0; border: 0; font-size: 0.9em; }

/* --------------------------------------------------------------

    +Navigation

-------------------------------------------------------------- */

#nav { background: url(/images/structure/nav-bg.gif) repeat-y; margin-bottom: 20px;}
#nav ul { list-style: none; padding: 0; margin: 0; font-size: 1.2em; }
#nav ul li { display: block; width: 100%; margin: 0; text-transform: uppercase; }
#nav ul li a { padding: 5px 10px 5px 23px; border-bottom: 1px solid #dedede; display: block; color: #333; text-decoration: none; }
#nav ul li a:hover { text-decoration: underline; }
#nav ul.second { font-size: 1em; padding-left: 1.5em; border-bottom: 1px solid #dedede; padding-bottom: 5px; }
#nav ul.second li a { border: 0; color: #1056ad; text-transform: none; text-decoration: underline; padding-left: 16px; }
#nav ul.second li a:hover { text-decoration: none; }

#nav ul.new-titles-list { margin-left: -10px; position: relative; margin-right: 10px; }
#nav ul li.new-titles { background: url(/images/icons/bookmark.gif) no-repeat 6px 10px; padding-left: 10px }

#nav ul li.gift-voucher span { font-weight: bold; color: #d32614; }

/* --------------------------------------------------------------

    +Left Column

-------------------------------------------------------------- */

/* Postage --------------------------------------------------- */
#postage { background: url(/images/structure/postage-bottom.png) no-repeat bottom center; width: 183px; margin-left: 20px; margin-bottom: 15px; }
#postage .inner { background: url(/images/structure/postage-top.png) no-repeat top center; padding: 10px; }
#postage .inner h3 { font-weight: normal; font-size: 1.4em; font-family: verdana; color: #c97818; }
#postage table tr th { background: none; padding: 0;  }
#postage table td { border: 0; padding: 0; }

/* Bestseller ------------------------------------------------ */
#bestsellers { width: 185px; background: url(/images/structure/bestseller-gradient.png) repeat-x center center; margin-left: 20px; margin-bottom: 20px; }
#bestsellers-top { background: url(/images/structure/bestseller-top.png) no-repeat top center; height: 9px; }
#bestsellers-wrap { background: url(/images/structure/bestseller-bg.png) repeat-y top center; }
#bestsellers-bottom { background: url(/images/structure/bestseller-bottom.png) no-repeat bottom center; height: 63px; }
#bestsellers .inner { padding: 0 14px 0 14px; }


/* --------------------------------------------------------------

    +Header

-------------------------------------------------------------- */

#header { border-bottom: 1px solid #dedede; padding: 0 23px 14px 23px; background: url(/images/structure/header-bg.png) no-repeat 400px 0; position: relative; }
#header h1, #header h2 { margin: 0; }

#logo { margin-left: 10px; float: left; }

/* Top Nav --------------------------------------------------- */
#top-nav ul { list-style: none; margin: 0 0 0 0; padding: 0; float: right; }
#top-nav ul li { display: block; padding: 4px 7px; float: left; }
#top-nav ul li.last { padding-right: 5px; }
#top-nav ul li.faqs { padding-right: 20px; border-right: 1px solid #dedede; }
#top-nav ul li a { text-decoration: none; }
#top-nav ul li a:hover { text-decoration: underline; }
#top-nav ul li.iphone { background:#144284;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#top-nav ul li.iphone a { color:#fff; font-weight:bold; }
#top-nav ul li.iphone a img { margin-right:5px; vertical-align:sub; }

/* Basket ---------------------------------------------------- */
#basket { width: 196px; background: url(/images/structure/new-basket-bg.png) no-repeat top left; float: right; height: 91px; margin: 24px 0 0 0;}
#basket h3 { font-size: 1.1em; margin: 0; padding: 6px 0 0 10px; font-family: verdana; color: #444; }
#basket:hover { background-position: 0 -91px; cursor: pointer; }
#basket p { margin: 4px 0 0 62px; }
#basket p.items { margin-top: 14px; }
#basket p span { color: #777; }

/* Gift Voucher Link ------------------------------------------ */
#header .gift-voucher-link {
	font-weight: bold;
	font-size: 1.4em;
	position: absolute;
	top: 73px;
	left: 459px;
	background: url(/images/vouchers/voucher-icon.png) no-repeat center left;
	padding: 4px 0 4px 58px;
}
body.home #header .gift-voucher-link { top: 120px; }

/* --------------------------------------------------------------

    +Search

-------------------------------------------------------------- */

#main-search { background: url(/images/structure/main-search-bg.png) no-repeat top left; padding: 12px; margin-bottom: 12px; }
#main-search table td { vertical-align: top; }
#main-search #searchbox { width: 560px; padding: 5px; font-family: Georgia, 'Times New Roman', serif; font-size: 1.4em; color: #777; font-style: italic; margin-right: 10px; }
#main-search td.advanced a { color: #fff; font-size: 1em; }
#main-search td.advanced { line-height: 1.3em; }
#main-search #search-button:focus { margin: 1px 0 0 1px; }
#main-search td { line-height: 1em; }

/* --------------------------------------------------------------

    +Mini Search

-------------------------------------------------------------- */

#mini-search { width: 307px; height: 50px; background: url(/images/structure/mini-search-bg.png) no-repeat top left; position: absolute; top: 117px; right: 257px; }
#mini-search #searchbox { width: 232px; margin: 12px 0 12px 12px; float: left; padding: 4px; font-family: Georgia, 'Times New Roman', serif; font-style: italic; color: #777; }
#mini-search #submit { float: left; padding: 12px 0; }

/* --------------------------------------------------------------

    +Homepage

-------------------------------------------------------------- */

#super-savers { width: 520px; float:left; height: 216px; background: url(/images/promos/supersaver-banner-home.jpg) no-repeat top left; margin-bottom: 14px; }
#super-savers a { display:block; height:100%; }
#super-savers a span { display:none; }

.xmas #super-savers { background: url(/images/promos/supersaver-banner-xmas.jpg) no-repeat top left; }

#email-alerts { width: 200px; height: 216px; float:left; margin-left:10px; background:url(/images/email-alerts-bg.png) no-repeat top left; text-align:center; }
#email-alerts input { padding:5px; margin-top:130px; border:2px solid #cbcbcb }
#email-alerts input.signup { background:#1e4070; margin:10px 0 0 0; border:0; color:#fff; padding:5px 10px; cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.xmas #email-alerts { background:url(/images/xmas/xmas-email-alerts-bg.png) no-repeat top left; }

/* Special Offers -------------------------------------------- */
#homepage-special-offer { width: 520px; height: 169px; background : url(/images/structure/special-offer-bg.png) no-repeat top center; position: relative; margin-bottom: 14px; cursor: pointer; }
#homepage-special-offer.orange { background-position: 0 0; }
#homepage-special-offer.green { background-position: 0 -170px; }
#homepage-special-offer.blue { background-position: 0 -339px; }
#homepage-special-offer.purple { background-position: 0 -510px; }
#homepage-special-offer.teal { background-position: 0 -680px; }

#homepage-special-offer h2 { margin-bottom: 0; }
#homepage-special-offer .details { padding: 17px 156px 0 18px; }
#homepage-special-offer p { color: #fff; font-size: 1.2em; margin: 0; }
#homepage-special-offer .image { position: absolute; width: 120px; height: 154px; overflow: hidden; right: 16px; bottom: 5px; text-align: right; }
#homepage-special-offer .prices { position: absolute; bottom: 0px; left: 18px; }
#homepage-special-offer h3 { font-size: 1.4em; font-family: verdana; float: left; color: #fff; }
#homepage-special-offer h3.rrp { font-weight: normal; }
#homepage-special-offer h3.icm-price { padding-right: 14px; font-size: 1.6em; font-weight: normal; }
#homepage-special-offer h3.icm-price span { font-weight: bold; display: inline; color: #fff; }
#homepage-special-offer .add-to-basket { position: absolute; bottom: 14px; left: 290px; }

#homepage-special-offers.orange p.terms a { color: #fbe4b7; }
#homepage-special-offers.blue p.terms a { color: #b9ddee; }
#homepage-special-offers.purple p.terms a { color: #ded1eb; }
#homepage-special-offers.green p.terms a { color: #e2efb8; }
#homepage-special-offers.teal p.terms a { color: #cfedef; }

/* Featured --------------------------------------------------- */

#featured-books { position: relative; margin-bottom: 15px; }
#featured-books .title { padding: 15px 0 0px 15px; }
#featured-books .title h2 { margin: 0; }
#featured-books .monthly-more-link {
	margin: 10px -12px 0 -12px;
	padding: 4px 0;
	font-size: 1.2em;
	text-align: center;
	position: relative;
	background: url(/images/structure/line-repeater.gif) repeat-x center center;
}
#featured-books .monthly-more-link p { display: inline; background-color: #fff; font-size: 1.2em; letter-spacing: 0px; padding: 0 10px; font-weight: bold; }

img#more-options { position: absolute; top: 5px; right: 25px; }
#drop-down-corner { position: absolute; top: -9px;  right: 211px; }
#drop-down { position: absolute; left: 50%; top: -4px; width: 316px; margin-left: -166px; z-index: 999; }
#drop-down .blc { background: url(/images/structure/drop-down-left.png) no-repeat 0 100%; }
#drop-down .brc { background: url(/images/structure/drop-down-right.png) no-repeat 100% 100%; }
#drop-down .inner { margin: 0 5px; background-color: #29abe2; padding: 0px 4px; }
#drop-down .inner a.link { position: absolute; right: 7px; top: 5px; }
#drop-down .inner ul { list-style: none; margin: 0; padding: 0; font-size: 1.2em; }
#drop-down .inner ul li {  display: block; margin: 0 -9px 0 -9px; border-top: 1px solid #fff; }
#drop-down .inner ul li.top-item { border-top: 0; }
#drop-down .inner ul li a { display: block; padding: 6px 37px 6px 12px; text-decoration: none; font-weight: bold; color: #fff; }
#drop-down .inner ul li a:hover { background-color: #2094c5; }
#drop-down .inner h4 { padding: 6px 37px 6px 12px; color: #fff; font-size: 1.4em; text-align: center; }

#featured-books .featured-book { width: 18.8%; float: left; margin-right: 10px; text-align: center; }
#featured-books .featured-book.top-row { height: 280px; }
#featured-books .featured-book.last { margin-right: 0; }
#featured-books .featured-book p.title { height: 62px; }
#featured-books .more-link p { margin-top: 0px; margin-bottom: 15px; font-size: 1.2em; }

.featured-book .img { height: 145px; }
.featured-book .img .img-wrap { line-height: 0.5em;  }
.featured-book .img .img-wrap img { padding: 1px; border: 1px solid #ccc; -moz-box-shadow: 2px 2px 5px #888; box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888;}
.featured-book .img .wrapper { position: relative; display: inline-block; }
.featured-book .img .price { background: url(/images/structure/price-bg.png) no-repeat top left; color: #fff; position: absolute; text-align: right; font-weight: bold; bottom: 0px; right: 0; margin: 0; padding: 1px 7px; font-size: 1.2em; z-index: 9999; }
.featured-book p.title { padding: 5px; margin-bottom: 10px; line-height: 1.3em; }

/* +Why ------------------------------------------------------ */
#why { background: url(/images/structure/why-would-i-choose.png) no-repeat top left; padding: 100px 16px 30px 16px; height: 137px; margin-bottom: 15px; }
#why img { margin: 10px 0 10px 10px; }

/* +Childrens Books ------------------------------------------ */
#childrens-books { background: url(/images/structure/childrens-books-bg.png) no-repeat top center; padding: 55px 0 0 10px; position: relative; height: 212px; margin-bottom: 15px; }
#childrens-books .featured-book { width: 31%; float: left; margin: 0 10px 0 0; text-align: center; }
#childrens-books .featured-book.last { margin-right: 0; }
#childrens-books .featured-book .img { height: 130px; }
#childrens-books .featured-book p.title { font-size: 1em;}
#childrens-books .more { position: absolute; bottom: 5px; right: 10px;  }
#childrens-books .more p { margin-bottom: 0; padding: 0; font-weight: bold; }

/* +Members Promo --------------------------------------------- */
#members-promo { border-top: 1px solid #dedede; position: relative; margin: 0 -20px 0 -20px; }
#members-promo #create-account, #members-promo #contact  { padding: 20px 20px 10px 20px; float: left; }
#members-promo #create-account h4, #members-promo #contact h4 { margin: 0; padding: 0; }
#members-promo #create-account p, #members-promo #contact p { color: #777; }
#members-promo #contact { width: 286px;  }
#members-promo #create-account { width: 406px; border-left: 1px solid #dedede; }
#members-promo #create-account .button { width: 42%; float: left; margin-right: 10px; }
#members-promo #create-account .already-a-member { width: 50%; float: left; margin: 0; color: #333; font-size: 1.2em; }


/* --------------------------------------------------------------

    +Supersavers Homepage

-------------------------------------------------------------- */

#supersavers-index .cats p { font-size:1.2em; font-weight:bold; background:#eaf1f7; margin:-2px 0 0 0; padding:10px 20px; color:#97a7b5; border-bottom:1px solid #c6d1db }
#supersavers-index .cats ul { padding:3px 0 3px 1px;list-style:none;margin:0 0 14px 0; overflow:auto; background:#d9e2ea; border-radius:0 0 3px 3px; }
#supersavers-index .cats ul li { float:left;font-size:1.4em;font-weight:bold;text-align:center;width:20%; margin:0; }
#supersavers-index .cats ul li a { padding:20px 10px; display:block; margin:0 2px; background:#97a7b5; border-radius:2px; color:#fff;text-decoration:none; height:200px; border:1px solid #758797 }
#supersavers-index .cats ul li a img {
	margin-bottom:10px;
	border:1px solid #fff;
	box-shadow:0 4px 4px #758797;
}

#supersavers-index .cats ul li a:hover { background:#d12222; border-color:#af0606; }
#supersavers-index .cats ul li a:hover img {
	box-shadow:0 4px 4px #af0606;
}

#supersavers-index .cats ul ul { font-size:0.8em; padding:0; margin:0 2px; background:#eaf1f7; border:1px solid #c6d1db; border-radius:2px; height:240px; }
#supersavers-index .cats ul ul li { float:none; font-weight: normal; font-size:1em; height:auto; width:auto; text-align:left; border-bottom:1px solid #e0e0e0; color:#97a7b5; }
#supersavers-index .cats ul ul li a { padding:4px 10px; font-weight:bold; margin:0; background:none; border-radius:0; height:auto; border:0; color:#758797; }
#supersavers-index .cats ul ul li span { padding:4px 10px; background:#97a7b5; color:#eaf1f7; display:block; font-size:0.9em; }
#supersavers-index .cats ul ul li a:hover { background:#d12222; color:#ffffff; }

#supersavers-index .featured-book .img .price { background:#d12222; }
/* --------------------------------------------------------------

    +Basket

-------------------------------------------------------------- */

#standard-content #basket-wrap .content-inner { padding-right: 0; }

#basket-wrap p.offer { background-color: #f6f5da; border: 1px solid #e7e5bc; padding: 10px; font-weight: bold;}

table#main-basket { width: 100%; }
table#main-basket td { padding-top: 10px; padding-bottom: 10px; }
table#main-basket tr.sub td { padding-top: 10px; padding-bottom: 10px; }
table#main-basket td.product { width: 360px; font-size: 1.2em; }
table#main-basket td.price { width: 100px; font-size: 1.4em; font-weight: bold; background-color: #f3f3f3; padding-left: 10px;}
table#main-basket th.price-head { background-color: #e7e7e7; padding-left: 10px;  }
table#main-basket td.qty { padding-left: 10px; }
table#main-basket th.qty { padding-left: 10px; }
table#main-basket td.qty input { width: 40px; float: left; }
table#main-basket th.sub-total { padding-left: 10px; }
table#main-basket td.sub-total { font-size: 1.4em; font-weight: normal; color: #666; padding-left: 10px; }
table#main-basket td.update-basket { padding-right: 15px; }
table#main-basket td.total-label { padding-top: 30px; padding-bottom: 30px; padding-right: 10px; font-size: 1.4em; }
table#main-basket td.total-label span { font-size: 1em; color: #999; }
table#main-basket td.total { font-size: 1.4em; font-weight: bold; background-color: #f3f3f3; padding-left: 10px; }
table#main-basket td.checkout { padding-top: 20px; }

/* --------------------------------------------------------------

    +Product Page

-------------------------------------------------------------- */

#product { padding-left: 7px; }

#breadcrumb { background: url(/images/structure/breadcrumb-bg.png) no-repeat top left; height: 33px; margin-bottom: 15px; }
#breadcrumb ol { font-size: 0.9em; letter-spacing: 1px; text-transform: uppercase; list-style: none; padding-left: 7px; }
#breadcrumb ol li { padding: 9px 10px 9px 10px; background: url(/images/structure/breadcrumb-divider.png) no-repeat right 1px; float: left; margin: 0; }
#breadcrumb ol li.current a { text-decoration: none; color: #333;}
#breadcrumb ol li a { padding: 4px 0; margin-right: 15px; }

#product #main-image { margin-bottom: 15px; text-align: center; border: 1px solid #dedede; }
#product #main-image img { margin-bottom: 5px; vertical-align: middle; }
#product #main-image .image { padding: 10px 0; display: table-cell; vertical-align: middle; text-align: center; width: 183px; }
#main-image .enlarge { background: url(/images/icons/sprite.png) no-repeat 29px 5px #f4f4f4; text-align: center; font-size: 1em; margin: 0; border-top: 1px solid #dedede; padding: 4px 0 6px 0; }

#product #details table { font-family: Georgia, 'Times New Roman', serif; font-size: 1.2em; }
#product #details table td { border: 0; padding: 3px 0 3px 0; color: #777; }
#product #details table td.type { color: #222; width: 70px;  }

#product .actions { border-bottom: 1px solid #dedede; margin-bottom: 8px; }
#product .actions ul { list-style: none; margin: 0; padding: 0; font-size: 1em; float: right; }
#product .actions ul li { padding: 0 0 7px 0; display: inline-block; }
#product .actions ul li.email { background: url(/images/icons/sprite.png) no-repeat 0 -50px; padding-left: 28px; }
#product .actions ul li a { padding: 0 0 5px 0; text-decoration: none; color: #333; text-transform: uppercase;  letter-spacing: 1px; }
#product .actions ul li a:hover { text-decoration: underline; }

#product .book-title { font-family: Georgia, 'Times New Roman', serif; font-size: 3em; font-weight: normal; margin-bottom: 8px; }
#product .book-title.super-saver { background:url(/images/icons/ss-badge.gif) top right no-repeat; }
#product .main-author { font-family: Georgia, 'Times New Roman', serif; font-size: 1.4em; font-weight: normal;  }
#product .main-author em { font-style: italic; }
#product .main-author span { color: #999; display: inline; }

#product table#pricing { margin-bottom: 15px; border-top: 1px solid #dedede; }
#product table#pricing td { border: 0; padding: 20px 0 0 0; vertical-align: top; }
#product table#pricing td.button form { width: 45%; float: left; padding: 0 10px 0 0; }
#product table#pricing td.button { width: 270px; }
#product table#pricing td.title { font-weight: bold; text-transform: uppercase; font-size: 1.2em; width: 90px; height: 60px; }
#product table#pricing td.price { font-family: Georgia, 'Times New Roman', serif; font-size: 3.6em; color: #f7931e; }
#product table#pricing td.price span {  font-size: 0.5em; vertical-align: super; }
#product table#pricing td.rrp { font-size: 1.2em; color: #777; padding: 0;  }

#product #description { font-family: Georgia, 'Times New Roman', serif;  }
#product #description p,
#product #description ul,
#product #description ol,
#product #description dl { font-size: 1.2em; line-height: 1.7em; }

/* Reviews */

#add-review.form dt { font-size: 1em; }
#add-review.form .form-description { font-size: 0.8em;}

#reviews span.stars { width: 90px; height: 17px; background: url(/images/icons/stars.png) no-repeat 0 0; text-indent: -9999px; display: inline-block; }
#reviews span.stars.rated-4 { background-position: 0 -21px; }
#reviews span.stars.rated-3 { background-position: 0 -42px; }
#reviews span.stars.rated-2 { background-position: 0 -62px; }
#reviews span.stars.rated-1 { background-position: 0 -83px; }
#reviews span.stars.rated-0 { background-position: 0 -104px; }

#reviews span.star-off { width: 16px; height: 16px; background: url(/images/icons/star-off.gif) no-repeat 0 0; text-indent: -9999px; display: inline-block; padding-right: 1px; cursor: pointer; }

#reviews span.star-on { width: 16px; height: 16px; background: url(/images/icons/star-on.gif) no-repeat 0 0; text-indent: -9999px; display: inline-block; padding-right: 1px; cursor: pointer; }

#product #reviews dl { font-family: Georgia, 'Times New Roman', serif; font-size: 1.2em; margin-bottom: 40px; }
#product #reviews dl dt span { color: #777; font-style: italic; padding-left: 5px; }

#also-bought .section-title { margin-bottom: 20px; }
#also-bought .item { width: 33%; float: left; text-align: center; }
#also-bought .item .img { height: 145px; }
#also-bought .item .img span { position: relative; display: inline-block; }
#also-bought .item .img .price { background: url(/images/structure/price-bg.png) no-repeat top left; color: #fff; position: absolute; text-align: right; font-weight: bold; bottom: 2px; right: 0; margin: 0; padding: 1px 7px; font-size: 1.2em; }
#also-bought .item p.title { padding: 5px; }

/* --------------------------------------------------------------

    +Vouchers

-------------------------------------------------------------- */

#gift-voucher { padding: 10px; }
#gift-voucher h3.step { font-size: 1.6em; font-family: verdana; color: #134080; padding: 5px 0 5px 40px; }
#gift-voucher h3.step.one { background: url(/images/vouchers/number-1.png) no-repeat center left; }
#gift-voucher h3.step.two { background: url(/images/vouchers/number-2.png) no-repeat center left; }
#gift-voucher #voucher-designs { background: url(/images/vouchers/choose-voucher-bg.png) no-repeat top left; padding: 7px 15px 10px 15px; margin: 0 0 20px 0; }
#gift-voucher #voucher-designs .voucher { margin: 0 10px 0 0; width: 333px; height: 217px; float: left; cursor: pointer; }
#gift-voucher #voucher-designs .voucher.xmas { background: url(/images/vouchers/christmas.png) no-repeat top left; }
#gift-voucher #voucher-designs .voucher.party { background: url(/images/vouchers/party.png) no-repeat top left; }
#gift-voucher #voucher-designs .voucher.standard { background: url(/images/vouchers/standard.png) no-repeat top left; margin: 0; }
#gift-voucher #voucher-designs .voucher:hover,
#gift-voucher #voucher-designs .voucher.selected { background-position: 0 -217px; }

#gift-voucher #voucher-form dt { float: left; }
#gift-voucher #voucher-form #yourName { padding: 4px; width: 250px; }
#gift-voucher #voucher-form #theirName { padding: 4px; width: 250px; }
#gift-voucher #voucher-form #message { width: 250px; padding: 4px; height: 100px; }
#gift-voucher #voucher-form #Amount { padding: 4px 4px 4px 32px; font-size: 2em; width: 140px; }
#gift-voucher #voucher-form .amount img { position: absolute; margin: 4px; }


/* --------------------------------------------------------------

    +Content Pages

-------------------------------------------------------------- */

#standard-content h2 { border-bottom: 1px solid #dedede; margin-bottom: 2px; padding-bottom: 5px; }
#standard-content h3, .form h3 { font-family: verdana; font-size: 1.4em; color: #144284; }
#standard-content .content-inner { border-top: 1px solid #dedede; padding: 20px 190px 20px 0; }
#standard-content .content-inner p,
#standard-content .content-inner dt,
#standard-content .content-inner dd { font-size: 1.2em; line-height: 1.7em; }

#standard-content .content-inner dt { font-weight: bold; color: #444; margin: 0; border-top: 1px dotted #ccc; padding: 7px 15px 0 0; float: left; width: 20%;  clear: both; }
#standard-content .content-inner dd { margin-bottom: 15px; float: left; width: 77%; border-top: 1px dotted #ccc; padding: 7px 0 0 0;}

/* --------------------------------------------------------------

    +Checkout

-------------------------------------------------------------- */

#standard-content .checkout .content-inner { border-top: 0; padding-right: 0px; }
#standard-content .checkout.account-step .content-inner form dd.password { padding-left: 35px; width: 50%; padding-bottom: 20px; }
#standard-content .checkout.account-step .content-inner form dd.password label { font-size: 0.9em; font-weight: bold; color: #333; }
#standard-content .checkout.account-step .content-inner form dd.new span { padding-left: 25px; }
.checkout input.disabled { background-color: #e7e7e7; cursor: disabled; }

#review table { width: 100%; font-size: 1.2em; }
#review table th { border-bottom: 1px solid #144284; color: #144284; background-color: #F5F8FC; }
#review table td { padding: 8px; font-size: 1em; }
#review table tr.coloured td { background-color: #fff; }
#review table td.total { font-size: 1.2em; }

img#paypal { float: right; }

.checkout #trade { border: 1px solid #d6e1ef; background-color: #e4ebf5; padding: 10px; margin-bottom: 15px; margin-top: 20px; }
.checkout #trade h4 { font-size: 1.2em; }
.checkout #trade p { font-size: 1.1em; }
#standard-content .checkout  .content-inner .form #trade dt { font-weight: bold; margin-right: 5px; }
#standard-content .checkout  .content-inner .form #trade dt input { margin-left: 20px; }

/* --------------------------------------------------------------

    +FAQs

-------------------------------------------------------------- */

#standard-content #faqs dt, #standard-content #faqs dd { margin: 0; padding: 0; border: 0; }
#standard-content #faqs dt { margin-bottom: 10px; }
#standard-content #faqs dd { border-bottom: 1px dotted #dedede; padding-bottom: 10px; margin-bottom: 20px; margin-left: 20px; }
#standard-content #faqs h4 { font-size: 1.2em; }
#standard-content #faqs p,
#standard-content #faqs ol { margin-left: 20px; }

/* --------------------------------------------------------------

    +Results

-------------------------------------------------------------- */

#results { padding-left: 7px; position:relative }
#view-all-ss { position:absolute; top:4px; right:12px; display:block; width:200px; height:25px; background:url(/images/icons/just-ss.png) no-repeat; }
#view-all-ss span { display:none; }
#results .ss-select { position:absolute; top:56px; right:5px; text-align:right;}
#results .ss-select select { margin:9px 5px; }

#results  h1#ss-banner { background:url(/images/structure/ss-banner.gif) no-repeat; height:56px; display:block; margin:0 0 10px 0; }
#results  h1#ss-banner span { display:none; }

.pager { background: url(/images/structure/breadcrumb-bg.png) no-repeat top left; height: 33px; margin-bottom: 10px; position: relative; }
.pager ul { list-style: none; margin: 0; padding: 0; font-size: 1.2em; padding-left: 4px; }
.pager ul li { display: inline; float: left; border-right: 1px solid #dedede; padding: 6px 0 7px 0; margin: 0; }
.pager ul li a { padding: 7px 8px 10px 8px; margin: 0; text-decoration: none;  }
.pager ul li a:hover { background-color: #1056AD; color: #fff; }
.pager ul li.current { padding-right: 7px; padding-left: 7px; font-weight: bold; }


.pager .page-details { position: absolute; top: 9px; right: 20px; font-size: 1.1em; text-align: right; }

p.summary { font-size: 1.2em; color: #777; margin-bottom: 10px; }

#results .product { border-bottom: 1px solid #dedede; padding: 10px 2px; }
#results .product.first { padding-top: 0; }
#results .product.last { border-bottom: 0;  }
#results .product .image { width: 150px; float: left; margin-right: 10px; text-align: center; }
#results .product .image img { padding: 1px; border: 1px solid #ccc; -moz-box-shadow: 2px 2px 5px #888; box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888; }
#results .product .details { width: 562px; float: left; }



#results .product h2 { font-family: verdana, arial, sans-serif; font-size: 1.6em; margin-bottom: 5px; }
#results .product h2 a { text-decoration: none; }
#results .product h2 span { font-family: georgia, 'Times New Roman', serif; font-weight: normal; display: inline; color: #777; font-style: italic; }
#results .product h2 span a { color: #333; border: 0; }
#results .product h2 a:hover { text-decoration: underline; }

#results .product h3 span { display: inline; }
#results .product h3.publisher { font-size: 0.9em; font-family: verdana; letter-spacing: 1px; text-transform: uppercase; background-color: #efefef; display: inline-block; font-weight: normal; margin-bottom: 0px; }
#results .product h3.publisher span { background-color: #dcdcdc; display: inline-block; padding: 3px 5px 3px 4px; }
#results .product h3.publisher a { padding: 3px 6px 3px 5px; text-decoration: none; color: #333;  }
#results .product h3.publisher a:hover { text-decoration: underline; }

#results .product h3.price { font-family: Georgia, serif; color: #cc5514; font-weight: normal; margin-bottom: 0; }
#results .product h3.price em { color: #777; font-size: 0.6em; vertical-align: super; padding-left: 10px; }

#results .product p.desc { margin-bottom: 10px; font-family: Georgia; font-size: 1.2em; }

#results .product.super-saver .image img { border:1px solid #fff;  -moz-box-shadow: 2px 2px 5px #d12222; box-shadow: 2px 2px 5px #d12222; -webkit-box-shadow: 2px 2px 5px #d12222; }
#results .product.super-saver h2 span,
#results .product.super-saver h2 span a,
#results .product.super-saver h3.publisher a,
#results .product.super-saver h3.price em { color:#914e4e; }
#results .product.super-saver h3.price { color:#d12222; }

#results form { display: inline; }

/* Grid Layout ------------------------------------------------*/

#results.grid #pager-top { display: none; }
#results.grid .product { width: 170px; border: 1px dotted #ccc; float: left; margin: 0 10px 12px 0; padding: 10px 0; text-align:center; }
#results.grid .product.fourth { margin-right: 0; }
#results.grid .product img.super-saver-icon { display:none; }
#results.grid .product .image { width: 100%; float: none; height: 170px; }
#results.grid .product .details { width: 100%; }
#results.grid .product h2 { font-size: 1.1em; padding: 0 5px; margin: 0; height: 65px; }
#results.grid .product h3.publisher { display: none; }
#results.grid p.desc,
#results.grid p { display: none; }
#results.grid h3.price { font-size: 1.8em; font-weight: bold; line-height: 1.2em; height: 50px; }
#results.grid h3.price em { display: block; font-weight: normal; padding: 0;}
#results.grid a.wishlist { font-size: 1.1em; display: block; background: url(/images/icons/sprite.png) no-repeat 15px -202px; padding:8px 0 4px 0; text-align: center; border-top: 1px dotted #ccc; width: 100%; margin: 5px 0 0 0;}
#results.grid p.summary { display: block; }

#results.grid .product.super-saver { position:relative; color:#914e4e; }
#results.grid .product.super-saver img.super-saver-icon { display:block; position:absolute; top:-10px; left:-10px; z-index:10; }
#results.grid .product.super-saver h2 { color:#914e4e }
#results.grid .product.super-saver h2 a { color:#d12222;}
#results.grid .product.super-saver h2 span a { color:#333333; }
#results.grid .product.super-saver .image { width: 100%; margin:0; }
#results.grid .product.super-saver .details { width: 100%; float: left; }
#results.grid .product.super-saver a.wishlist { border-top: 1px dotted #f3dbb5; }
#results.grid .product.super-saver h2 span a,
#results.grid .product.super-saver h3.publisher a { color:#914e4e; }

/* --------------------------------------------------------------

    +Members

-------------------------------------------------------------- */

#standard-content #membersarea .content-inner { padding-right: 0px; border: 0; padding-top: 0; }
#standard-content #membersarea h2 { border: 0; }
#member-tabs { border-bottom: 1px solid #dedede; margin: 0 0 0px 0;}
#member-tabs ul { list-style: none; margin: 0 0 0 5px; padding: 0; font-size: 1.2em;}
#member-tabs ul li { float: left; padding: 0 0 0 0; margin: 0 6px -2px 0; }
#member-tabs ul li a {
	display: block;
	padding: 6px 20px 6px 30px;
	border: 1px solid #dedede;
	border-bottom: 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	text-decoration: none;
	color: #888;
	background: url(/images/icons/sprite.png) no-repeat 0 0;
}
#member-tabs ul li a:hover { color: #111; }
#member-tabs ul li.details a { background-position: 4px -128px; }
#member-tabs ul li.wish a { background-position: 6px -202px; }
#member-tabs ul li.orders a { background-position: 4px -260px; }
#member-tabs ul li.selected a { border-bottom: 1px solid #fff; color: #222; }

#details-panel p.edit { margin: 0 0 0 153px; font-weight: bold; }

.panel { padding: 20px; border: 1px solid #dedede; border-top: 0; margin: -2px 0 0 0; }
.panel .info { width: 76%; float: left; }
.panel .actions { width: 20%; float: right; margin: 20px 0 0 0;}

.panel .order { border-top: 1px solid #dedede; padding: 10px 0; }
.panel .order .details { float: left; width: 77%; }
.panel .order .details h3.date { font-size: 1.2em !important; margin: 0 0 4px 0; }
.panel .order .details p.status { color: #888;margin: 0 0 4px 0; padding: 0; }
.panel .order .details p.status span { color: #333; }
.panel .order .details p.order-no { font-size: 1em !important; color: #888; text-transform: uppercase; margin: 0;}
.panel .order .total { float: right; width: 20%; text-align: right;}
.panel .order .total a { font-size: 1.2em;}
.panel .order .total .price { font-size: 2.4em !important; font-family: Georgia, serif; margin: 0 0 12px 0; line-height: 1em !important; color: #CC5514; }

#wishlist-panel .item { border-top: 1px dotted #ccc; padding: 10px 0;}
#wishlist-panel .item h2 span { display: inline; }
#wishlist-panel .item .img { width: 150px; float: left; margin-right: 0px; text-align: center; }
#wishlist-panel .item .img img { -moz-box-shadow:2px 2px 5px #888888; border:1px solid #CCCCCC; padding:1px; }
#wishlist-panel .item .details { width: 520px; float: left; }
#wishlist-panel .item .details h2.product-name { font-family: verdana; font-size: 1.6em; margin: 0 ;padding: 0;}
#wishlist-panel .item .details h2.product-name span { font-family: georgia; font-weight: normal; font-style: italic; }
#wishlist-panel .item .details h3.price { font-family: georgia; font-weight: normal; color: #CC5514; font-size: 2.4em;margin: 0 0 10px 0;}
#wishlist-panel .item .details h3.price em { font-size: 0.6em; padding-left: 10px; vertical-align: super; color: #777; }
#wishlist-panel a#email-to-friend { float: right; font-size: 1.2em; background: url(/images/icons/sprite.png) no-repeat 0 -50px; padding-left: 28px;}

/* --------------------------------------------------------------

    +Footer

-------------------------------------------------------------- */

#footer { border-top: 1px solid #dedede; padding: 20px 23px; }

#footer #logo-copyright { width: 220px; float: left; margin-right: 20px; }
#footer #logo-copyright img { margin-bottom: 10px; }
#footer #logo-copyright p { color: #777; margin: 0; }

#footer #bottom-nav { width: 460px; float: left; margin-right: 20px; }
#footer #bottom-nav ul { width: 33%; float: left; font-size: 1em; }
#footer #bottom-nav ul li a { text-decoration: none; text-transform: uppercase; color: #777; letter-spacing: 1px; padding: 0 0 5px 0; display: block; }
#footer #bottom-nav ul li a:hover { text-decoration: underline; }

#footer #payment { width: 226px; float: left; }
#footer #payment ul { margin: 0; padding: 0; list-style: none; }
#footer #payment ul li { height: 32px; text-indent: -9999px; display: inline-block; background-image: url(/images/structure/payment.png); background-repeat: none; margin: 0 8px 8px 0; }
#footer #payment ul li.paypal { background-position: -216px 0px; width: 51px; }
#footer #payment ul li.visa { background-position: -1px -1px; width: 50px; }
#footer #payment ul li.mastercard { background-position: -61px -1px; width: 50px; }
#footer #payment ul li.maestro { background-position: -120px -1px; width: 50px; }
#footer #payment ul li.switch { background-position: -178px -1px; width: 30px; }
#footer #payment p { margin: 0 0 5px 0;  }

#footer #gcd p { float: left; text-align: right; color: #777; font-size: 1em; margin: 0; }
#footer #gcd img { float: right; padding: 0 0 0 12px; }

/* --------------------------------------------------------------

    +iPhone

-------------------------------------------------------------- */

#iphone-promo { margin-bottom: 20px; }

#iphone { padding-left: 10px;}
#iphone #iphone-page-title { margin-bottom: 30px; }
#iphone p { font-size: 1.2em; }
#iphone .buttons { overflow: auto; margin-bottom: 20px; }
#iphone .buttons .download-button { float: left; width: 200px; padding-top: 3px; }
#iphone .buttons #app-store { float: left; }
#iphone .iphone-list { list-style: none; margin: 0 0 20px 0; padding: 0; font-size: 1.2em; }
#iphone .iphone-list li { background: url(/images/structure/iphone/book-icon.png) no-repeat left center; padding: 4px 0 4px 30px; margin: 0;  }

/* --------------------------------------------------------------

    +Xmas Theme

-------------------------------------------------------------- */

body#icm.xmas #logo,
body#plus120 #xmas-logo,
body#plus120 #xmas-banner,
body#icm.xmas .secondary-promo,
body#icm #xmas-logo,
body#icm #xmas-banner,
body#icm .xmas-promo  { display: none; }

body#icm.xmas .xmas-promo { display: block; }

body#icm.xmas { background: url(/images/xmas/xmas-bg.jpg) repeat #eae3d7; }
body#icm.xmas #shell { background: url(/images/xmas/page-bg.png) repeat-y; width: 995px; padding: 0 18px; }
body#icm.xmas #xmas-logo { float: left; margin: -10px 0 0 10px; display: block; }
body#icm.xmas #header { background: none; }
body#icm.xmas #xmas-banner { border-bottom: 1px solid #dedede; padding: 4px 0 2px 4px; display: block; }
body#icm.xmas #homepage-special-offer { background-position: 0 -850px; }
body#icm.xmas #homepage-special-offer h3.icm-price, body#icm.xmas #homepage-special-offer h3.rrp { color: #efd6b7; }
body#icm.xmas #featured-books.module-7 { background: url(/images/xmas/xmas-offers-module-top.png) no-repeat top left; padding: 0px 0 0 0; position: relative; }
body#icm.xmas #featured-books .title h2 { margin: 0; }
body#icm.xmas #featured-books .title { padding: 14px 20px; }
body#icm.xmas #featured-books .title p { position: absolute; width: 200px; top: 12px; right: 17px;  font-size: 1.2em; text-align: right; color: #134284; }

/* --------------------------------------------------------------

		+Overwrite Styles

    Add these class names to clear any margins, paddings or floats
    Keep these declarations at the BOTTOM of this stylesheet

-------------------------------------------------------------- */

.clear-floats { clear: both; font-size: 1px; height: 1px; line-height: 0px; }

.bold 	 	{ font-weight: bold; margin: 0; }
.quiet 	 	{ font-weight: lighter; text-transform: none; letter-spacing: 0;}
.last 		{ margin-right: 0; }
.half 		{ width: 48.5%; margin-right: 15px; }
.left 		{ float: left; }
.italic 	{ font-style: italic; letter-spacing: 0.04em; }

.no-marg 			{ margin: 0; }
.no-pad 			{ padding: 0; }
.marg-right 	{ margin-right: 14px; }
.marg-left 		{ margin-left: 14px; }
.marg-bottom 	{ margin-bottom: 14px; }
.marg-top 		{ margin-top: 14px; }
.marg-all 		{ margin: 14px; }

.pad-bottom 	{ padding-bottom: 14px; }

body .ui-dialog { background-image : none; background-color: white; }

#sort-panel { position: absolute; right: 8px; }