﻿/**********************************************************************************************************************************/
/* Search Common
/**********************************************************************************************************************************/
div#content div.left {float: left; width: 17em; padding-right: 0.5em; background-color:Blue;}

div.nav {background-color:#F9F9F9;border:1px solid #E2E1E1;font-size:0.9em;margin-bottom:0.75em; font-family:Arial}
/*div.nav h3 {background-color:Lime;color:red; margin:0px; padding:0px 0px 0px 0.5em;line-height: 2.2;font-size: 1.2em;font-weight: bold;}*/
div.nav ul li {margin:0px;padding:0px 5px 0px 5px;font-weight: bold;}

div.nav ul {line-height:1.2em;list-style-image:none;list-style-position:outside;list-style-type:none;}
div.nav ul.s, div.nav ul li {border-top-width: 1px;border-top-style: solid;border-top-color: #e4e3e3;list-style-image:none;list-style-position:outside;list-style-type:none;}
div.nav ul li ul {margin:0.5em 0 0.5em 0.25em;}
div.nav ul li ul li {border-top:none;margin:0;padding:0 0 0 0px;}
div.nav a, a:link {color:#00539f;font-weight: bold;}
    
h4 {font-size: 1em;line-height: 1.5em; margin:0px; padding:0.25em 0px 0px 0px}                         
div.nav ul.s li a, div.nav ul li ul li a {font-weight: normal;text-decoration: none;padding-top: 3px;display: block;}
div.nav ul.s li a:hover, div.nav ul li ul li a:hover {color:#ff0000; text-decoration:none}
div.nav img#newsearch  {padding: 10px 0px 10px 20px;}

.price { color:#ED1200;font-size:1.45em;}
div.ppad { padding-left:10px}
div.box p{margin-left:10px;}
div.box{border:1px solid #B2B2B2;}
div.box h2 {background-color:#f0f0f0; border-bottom:1px solid #b2b2b2; font-size:1.2em; padding-left:1em; margin-bottom:5px}

.authortable{margin-bottom:0px; }

.searchbutton{background: transparent url(/tescoweb/i/browse_search.gif) no-repeat scroll left top;border: 0;cursor: pointer;float: right;height:20px;margin: 0 0.5em;padding: 0;vertical-align: bottom;width: 61px;margin-right:0px;}


/**********************************************************************************************************************************/
/* SearchResults
/**********************************************************************************************************************************/
.d {font-size:0.95em; padding-right:5px}
.row { border-bottom:1px solid #000099 } 
.row img.i {border:solid 1px grey; width:50px;}
.save {color:#FF0000;font-size:1.1em;font-weight:bold;}
.savingbox {color:#FF0000;font-size:0.8em;font-weight:bold;}
h3 {color:#03006C;font-size:1.2em; margin-bottom:10px;}
.showitem { font-weight:bold; font-size:1.2em;}
.showitem span { padding-left:10px; }
/*Paging*/
div.navpage {padding-right:10px;}
div.navpage ul {font-size:.8em}
div.navpage ul li {display:inline; padding-right:5px}

.navbar {padding-top:5px; padding-bottom:5px; margin-bottom:10px; background-color:#CCE5FF;}
.foundtitle {font-weight:normal; margin:0px; padding:0px;}
.foundtitle h4 {font-size:.5em;font-weight:normal;}
div.searchnotfound h1, div.foundtitle h1 {font-size:1.4em}

.sep { border-bottom:2px solid #7577CA } 
div.bestsellersep { border-top:2px solid #7577CA; padding-top:5px; padding-bottom:5px }
div.f {border-top:none; padding-top:0px}
div.bestsellersep div.bestseller {width:60px; float:left} 
div.bestsellersep ul.bestsellerdetail {width:260px; float:right}
div.miniresults {width:250px; float:left}
div.newrelease, div.preorders {width:60px; float:left}
ul.newreleasedetail, ul.preordersdetail {width:180px; float:right}
.bestsellersep div.bestseller, div.newrelease, div.preorders {padding-bottom:5px; padding-left:5px}
.bestsellersep div.bestseller img, div.newrelease img, div.preorders img {border:solid 1px grey; width: 50px}
.minileft { width:250px; float:left; padding:5px 0px 5px 5px }
/*MultiView*/
div.thumb {padding-bottom:5px;}
div.thumb img {border:solid 1px grey; max-width:160px}

ul.authorotherdetail {width:120px; float:right; padding:0px 0px 10px 10px; border:solid 1px white}
div.authorminiresults {width:230px; float:left; border: solid 1px white}
div.authorminiresults img { max-height:90px; border:0 }
.viewall { font-size:.8em; float:right; margin-right:5px; padding-right:10px; background:transparent url(/tescoweb/i/rarrow.gif) no-repeat scroll right center;}
div.author { float:left}

.d span { padding-left:2px; }

div.bc {margin-bottom:5px}
div.bc ol {display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
div.bc ol li {background:transparent url(/tescoweb/i/icon/gtarrow.gif) no-repeat scroll right center;display:inline;margin:0 0.2em 0 0;padding:0 1.3em 0 0;font-size:1em;font-weight:normal;}
div.bc ol li a:visited {color:#606060}
div.bc ol li a:hover {color:#01a01c}
div.bc ol li.l {background-image:none;}

div.bestsellers {margin-bottom:5px;}
.rowpadding{ padding-bottom:10px;}
.rowtoppad{padding-top:10px;}

.contribauthor {float:left; width:50px; font-weight:bold }
.contribedited {float:left; width:65px; font-weight:bold }
.contribtrans {float:left; width:90px; font-weight:bold }
.contribintro {float:left; width:110px; font-weight:bold }
.contriblong {float:left; width:135px; font-weight:bold }

.clearfix:after {visibility: hidden;display: block;    font-size: 0;    content: " ";    clear: both;    height: 0;    }
.clearfix {display: inline-block; }
/* start commented backslash hack \*/
html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */    


/**********************************************************************************************************************************/
/* SearchSingleTitle
/**********************************************************************************************************************************/
a, a:link {color: #606060;font-weight: bold;}
a:visited:hover, a:hover, a:link:hover, a:hover:active {color: #01a01c;}
a {color: #333399;}
a:hover, #main-page a:hover {color: #ff0000;}
                         
h2 { font-size:1.8em; font-weight:normal;border-bottom:2px solid #000099; }
.price-i {background:transparent url(/i/bgPrice-l.gif) no-repeat scroll 1px bottom;border-bottom:1px solid #0033CC;height:70px;padding-right:10px;text-align:center;}    
.rrp {font-weight:bold;margin:0;padding:0em 0 0 0;text-align:left;}    
.save {margin:0;padding:0 0 0 0;color:#FF0000;font-size:1.1em;font-weight:bold;margin-top:0em;text-align:left;}
.hide-element {height:1px !important;left:0 !important;margin:-500em !important;position:absolute !important;width:1px !important;    }
.pd {border-top:2px solid #7577CA; margin-top:20px;    }
.desc{clear:left; margin-bottom:2em;}
h3 {margin:0.5em 0;padding:0; font-size:1.2em; color:#03006C;}

.details-r {margin-top:1em;border:solid 2px #000099;clear:right;}    
.price-d {}    

.details-r #s {float:left;text-align:left;}    
.details-r .save {margin:0;padding:0.5em 0 0 45px;}    
.details-r li {margin-left:10px;padding:0.5em 0 0;}    

div#imagebox{}
div#imagebox img {max-width:160px}
div#imagebox div.jacket {border:solid 1px grey; max-width:160px}
div#imagebox div.idetails {}
div#imagebox div.idetails li{padding-top: 0.5em;padding-right: 0pt;margin-left:10px; padding-bottom: 0pt;padding-left:20px;height: 20px;}
div#imagebox div.idetails li.e{background:transparent url('/TescoWeb/I/enlarge.gif') no-repeat scroll left center;}

div#pricingbox {padding-left:5px}
div#pricingbox .price strong {font-weight:normal;}
div#buybuttonbox {padding:10px 0px 10px 5px}


/**********************************************************************************************************************************/
/* Bookshelf
/**********************************************************************************************************************************/
div#bookshelf .image { width: 70px;}
div#bookshelf .title{	width: 500px; vertical-align: middle;	height: auto;}
div#bookshelf .title .subtitle { clear:both; font-size:0.8em;  }
div#bookshelf .booktitle{ color: #0053A9; font-weight:bold;}
div#bookshelf .download { width: 150px; text-align:center; vertical-align:middle; height:auto  }
div#bookshelf .download .topline { text-align:center; }
div#bookshelf .download .bottomline { font-size:0.8em; text-align:center; }
div#bookshelf table { background-color: #F9F9F9;}
div#bookshelf table th, div#bookshelf table td { padding:5px 0px 5px 10px; }
div#bookshelf table th { text-align:left }
div#bookshelf table tr { border-bottom: dotted 1px silver }

/**********************************************************************************************************************************/
/* Forgotten Password
/**********************************************************************************************************************************/
div#forgottenpassword {margin-top:10px}
div#forgottenpassword h2 {font-size:1.2em; width:200px}
div#forgottenpassword div.box{border:1px solid #B2B2B2;}
div#forgottenpassword div.box p{margin-left:10px;font-weight:bold }
div#forgottenpassword div.box h2 {background-color:#f0f0f0; border-bottom:1px solid #b2b2b2; font-size:1.2em; padding-left:1em; margin-bottom:5px}
div#forgottenpassword div.box legend {background-color:#f0f0f0; border-bottom:1px solid #b2b2b2; font-size:1.2em; padding-left:.5em; margin-bottom:5px; display:block; }
div#forgottenpassword div.box legend span {display:block; width:331px}
div#forgottenpassword div.box ul {padding:5px;}
div#forgottenpassword div.box ul li label {width:100px; float:left}
div#forgottenpassword div.box ul li input {width:150px}
div#forgottenpassword div.buttons {padding:5px; float:right}

/**********************************************************************************************************************************/
/* My account
/**********************************************************************************************************************************/
div#myaccount h2 {font-size:1.4em; padding-bottom:5px; margin-bottom:5px}
div#myaccount accountinfo {}
div#myaccount div#bookshelf {padding-top:20px; margin-bottom:20px}
div#personaldetailsdesc p {padding-bottom:5px;margin-bottom:5px;}

/**********************************************************************************************************************************/
/* Password Reset
/**********************************************************************************************************************************/
div#passwordreset ul {padding:5px; margin:0px}
div#passwordreset ul li {margin-bottom:5px}
div#passwordreset ul li label {width:130px; float:left}
div#passwordreset ul li label span, span.required {padding-left:5px;color:Red}
div#passwordreset ul li input {width:185px}

/**********************************************************************************************************************************/
/* EReader Offer
/**********************************************************************************************************************************/
ul#ereaderoffer li label {width:140px; float:left}
ul#ereaderoffer li input[type="text"] {width:185px; margin-right:20px}
div.promotiontitle {margin-bottom:10px}

/**********************************************************************************************************************************/
/* Carousel Control
/**********************************************************************************************************************************/
div#carousel { border:1px solid silver; margin-top:10px;}
div#carousel h2 {background-color:#f0f0f0; border-bottom:1px solid #b2b2b2; font-size:1.2em; padding-left:1em; margin-bottom:5px}
div#carousel .results {width:240px; float:left; padding: 5px 0px 5px }
div#carousel .results img { max-height:90px; }
div#carousel .results .image { float:left; width:100px; text-align:center;}
div#carousel .results ul.otherdetail {width:120px; float:right; padding:0px 5px 10px 5px;}
div#carousel .rrp {font-size:0.8em; padding-top:7px;}
div#carousel .price{ float:left; padding-right:5px; }
div#carousel .saving{ clear:both; }
div#carousel .format {font-size:0.8em;font-weight:bold}
div#carousel .pricerrprow {height:15px;}

