/**********************************************************************************************************************************/
/* Global Settings                                                                                                                */
/**********************************************************************************************************************************/
body{font-size:75%;font-family:"Tahoma","Segoe UI","Verdana","Helvetica","Sans-Serif";}
ul, li {list-style-type:none; margin:0; padding:0}
a:visited {color:#00539F;}
.textright {text-align:right;}
.textcentre {text-align:center;}
.errors {border:2px solid red; color:Red; margin:5px 10px; padding:15px 15px 15px 10px; background-color: #ffffff; background-image:url(/tescoweb/i/icon/warning.png); background-repeat:no-repeat; background-position:20px 50%; margin-bottom:20px;}
/*.errors {border:2px solid red; color:Red; margin:5px 0px; padding:15px 15px 15px 10px; background: #fff url(/tescoweb/i/icon/warning.png) no-repeat 5px 50%; margin-bottom:20px;}*/
.errors ul {margin:0;padding:0;margin-left:80px;list-style:square;}
.messages {border:2px solid #77AB41; color:gray; margin:5px 10px; padding:15px 15px 15px 10px; background-color: #ffffff; background-image:url(/tescoweb/i/icon/tick.png); background-repeat:no-repeat; background-position:20px 50%; margin-bottom:20px;}
.messages ul {margin:0;padding:0;margin-left:80px;list-style:square;}
/**********************************************************************************************************************************/
/* Header                                                                                                                         */
/**********************************************************************************************************************************/
.header{background-color:#F9F9F9;border:1px solid #E2E1E1; border-top:0 none; height:6.0em; background-image:url(/tescoweb/i/headerbackground.gif); background-repeat:no-repeat;}

.header div#logo{margin-top:1em;}
.header div#logo img {margin-left:1em;}

.header div#headmenu{margin-top:.5em; font-size:.9em;}
.header div#headmenu ul{float:right} 
.header div#headmenu li{float:left;padding: 0 0.5em; border-left:2px solid #008AC4;}
.header div#headmenu li.f{float:left; border-left:none !important}
.header div#headmenu li a{color:#00539F; font-weight:bold}

.header div#qsearch{margin-top:.5em;float:right;}
.header div#qsearch .qtextz {width:200px; float:right;}
.header div#qsearch .qform {margin: 0; padding: 0}
.header div#qsearch button {float:right}
.header div#qsearch .qsearch{ cursor:pointer; vertical-align:bottom; border:0; margin:0; padding:0; margin-left:.5em; width:61px; height:20px;background-image:url(/tescoweb/i/topnav/browse_search.gif); background-repeat:no-repeat; background-position:left top}
.header div#qsearch div.quicksearch {text-align:right;}
.header div#qsearch div.quicksearch fieldset {padding:0; margin:0;}
.header div#qsearch div.quicksearch input[type="submit"] {margin-top:10px; background: transparent url(/tescoweb/i/browse_search.gif) no-repeat scroll left top;border: 0 solid transparent;cursor: pointer;float: right;height: 20px;margin: 0 0.5em;padding: 0;vertical-align: bottom;width: 61px;}
.header div#qsearch div#advsearch {clear:both; margin-bottom:.5em;float:right}
.header div#qsearch div#advsearch a {padding-right:7px;text-decoration:none;color:#00539F;background:transparent url(/tescoweb/i/rarrow.gif) no-repeat scroll right center; }
 
.topnav {background:transparent url(/Tescoweb/i/topnav/main.jpg) repeat scroll right top; height:2.5em; margin-top:.75em; margin-bottom:.75em;}
.topnav ul{float:left; list-style-type:none; list-style-position:outside; margin:0; padding:0; padding-top:.5em; text-align:left;}
.topnav li{float:left; cursor:pointer; padding-left:1em;}
.topnav li.f{margin-left:30px; padding-left:0}
.topnav li a{font-weight:bold; line-height:1.25em; height:1.25em; text-align:center; padding:1em 0.7em; color:White; font-size:90%; text-decoration:none}
.topnav li a:visited{color:White}
.topnav li a:hover{color:#D4EAF5}


/**********************************************************************************************************************************/
/* Left Menu                                                                                                                      */
/**********************************************************************************************************************************/
#leftmenu {border:1px solid silver;}
#leftmenu h3{background-color:#0804bd; color:White; font-size:1.2em;margin:0; padding:4px; width:150px}
#leftmenu ul{padding-left:0px}
#leftmenu ul li a:hover{color:#ff0000; text-decoration:none}
#leftmenu ul li a{color:#00539f;}
div#clubcard {text-align:center}

/*Promotions*/
.prom{border:1px solid silver; height:200px; margin-bottom:.5em;}
.prom2{width:370px;margin-top:1em}
.prom2l{margin-right:10px; float:left}
.prom2r{margin-left:10px; float:right}

/*Footer*/
#ftr{background:transparent url(/tescoweb/i/topnav/main.jpg) repeat-x scroll left top; margin:0.5em 0;text-align:center; height:2.5em; line-height:2.4em;}
#ftr ul{list-style-type:none; list-style-position:outside; padding:0; height:2.5em; line-height:2.4em;}
#ftr li{list-style-type:none; border-right:solid 2px #FFFFFF; margin-right:.5em; padding-right:.5em; display:inline;}
#ftr li.l{border-right:none;}
#ftr li a{font-weight:bold;color:White; font-size:90%; text-decoration:none}
#ftr li a:hover {text-decoration:underline}
#ftrcpyrgt{text-align:center; margin-top:.5em}
#ftr h2{left:-300em; position:absolute; top:0;}


/*Search*/
#searchfields{margin-top:1em; margin-bottom:1em}
#searchfields li{margin-bottom:.5em}
#searchfields label {width:100px; float:left}
#searchfields fieldset{margin-bottom:0; padding-bottom:0}
#searchfields .field {width:160px}
#searchgo{float:right; padding-right:80px}

.tip {color: #fff;width: 139px;z-index: 13000;}
.tip-title {font-weight: bold;font-size: 11px;margin: 0;color: #9FD4FF;padding: 8px 8px 4px;background: url(/tescoweb/i/tip/bubble.png) top left;}
.tip-text {font-size: 11px;padding: 4px 8px 8px;background: url(/tescoweb/i/tip/bubble.png) bottom right;}

#pagetitle {border-bottom:solid 2px #95ABB6; margin-bottom:.5em}
#pagetitle h1 {margin-bottom:0; font-size:1.8em}


div#maincontent {margin-top: .5em}
p.loginstatus {text-align: center; margin: 0; padding: 0;font-size: 90%}
/**********************************************************************************************************************************/
/* Basket                                                                                                                         */
/**********************************************************************************************************************************/
#basket {margin-top:1em;}
#basket tbody td {vertical-align:top; padding:10px;font-size:1.3em;}
#basket tr {border-bottom:dotted 1px silver}
#basket td.title{ width:300px;font-size:1em}
#basket td.title a{text-decoration:none; color:#00539F; }
#basket td.title img{float:left; border:medium none; max-height:100px; margin-right:10px}
#basket td.title span{font-size:1em;}
#basket td.title span.preorder {font-size:1.2em;color:Red}
#basket td.price{width:100px; text-align:center}
#basket td.quantity{width:50px; text-align:center}
#basket td.quantity a{font-size:.8em; color:#00539F}
#basket td.linetotal{width:50px; text-align:center}
#basket div.total {font-size:1.4em;color:Maroon; font-weight:bold; float:right}
#basket ftr {margin-bottom:1em;}
#basket div.checkout {float:right}
div.nobasketitems {font-size:1.5em}
div.basketftrmessage {font-size:1.2em;color:Maroon; padding-bottom:15px;}

/**********************************************************************************************************************************/
/* Checkout                                                                                                                       */
/**********************************************************************************************************************************/
div#checkout{margin:20px 0px 10px}
div#checkout div.box{border:1px solid #B2B2B2;}
div#checkout div.box p{margin-left:10px;font-weight:bold}
div#checkout div.box h2 {background-color:#f0f0f0; border-bottom:1px solid #b2b2b2; font-size:1.2em; padding-left:1em; margin-bottom:5px}
div#checkout div.box legend {background-color:#f0f0f0; border-bottom:1px solid #b2b2b2; font-size:1.2em; padding-left:1em; margin-bottom:5px; display:block; }
div#checkout div.box legend span {display:block; width:324px}
div#checkout div.address {height:320px}
div#checkout ul{}
div#checkout li {margin-bottom:5px}

div#checkout div.billing ul label{width:110px; float:left; text-align:right; padding-right:5px}
div#checkout div.billing {padding-bottom:10px}
div#checkout div.billing span.required, div#checkout div.billing ul li span, div#checkout div.payment ul li span{color:red; font-weight:bold}
div#checkout div.billing p.required {color:Red; text-align:right}

div#checkout div.payment {border-top:none}
div#checkout div.payment div.paymentbuttons {padding:10px 0px 10px 10px}
div#checkout div.payment div.newcard ul {margin-left:10px}
div#checkout div.payment div.newcard ul label, div.storedcard ul label{width:120px; float:left; text-align:right; padding-right:5px}
div#checkout div.payment div.newcard ul label.year{width:20px; float:none}
div#checkout div.payment div.newcard legend span {display:block; width:444px}
div#checkout div.payment div.newcard select.month {width:40px}
div#checkout div.payment div.newcard select.year {width:61px}
div#checkout div.payment div.newcard span.requiredifshown {color:green}
div#checkout div.payment div.newcard, div.storedcard {margin-top:10px}

div#checkout div.addressbuttons {padding-left:10px}
div#checkout div#billingcheck {padding-bottom:5px;padding-left:5px;}

div#checkout div.order {border-top:none; padding-bottom:10px}
div#checkout div.order h2 {background-color:#f0f0f0; border-bottom:1px solid #b2b2b2; height:25px; font-size:1.2em; padding-left:1em}
div#checkout div.order div.orderdetails {margin-left:10px}
div#checkout div.order div.orderdetails table {width:100%;}
div#checkout div.order div.orderdetails table tr.item {border-bottom:dotted 1px silver;}

div#checkout div.checkoutbuttons {text-align:center; margin-top:10px}

div#checkout div.checkoutheader {padding:10px 10px 10px 10px}
/**********************************************************************************************************************************/
/* Logon                                                                                                                          */
/**********************************************************************************************************************************/
div#logon {}
div#logon span.required {color:Red; font-weight:bold}
div.logonbox{border:solid 2px #cccccc; min-height:330px;}
div.logonbox h2{border-bottom:solid 2px #cccccc; font-size:1.2em; padding:5px; font-weight:normal; margin-bottom:5px; font-weight:bold}
div.logonbox h2 span{color:Red}
div.logonbox h2.existing{color:#008AC4;}
div.logonbox h2.new{color:#92B629;}
div.logonbox h3 {padding-left:5px}
div.logonbox legend {padding-left:5px; font-weight:bold}
div.logonbox p.regnote {margin:0px; padding-bottom:5px}
div.logonbox ul {padding:5px; margin:0px}
div.logonbox ul li {margin-bottom:5px}
div.logonbox ul li label {width:130px; float:left}
div.logonbox ul li label span {padding-left:5px;color:Red}
div.logonbox ul li input {width:185px}
div.logonbox ul li p.regreq {margin:0px; padding-left:3px; font-size:.9em; display:inline-block}
div.logonbox p {padding-left:5px;}
div.logonbox p.agree{text-align:center}
div.logonbox ol {padding-left:5px}
div.logonbox ol li {padding-bottom:5px}
div.logonbox div.buttons {float:right; margin-right:5px}
div.logonbox div{padding:5px}
div.logonbox input.confirmyes {float:right;}
div.logonbox input.confirmno {float:left;}
div.logonbox div.regbutton {padding:0px 50px 10px 50px}

/**********************************************************************************************************************************/
/* My Account                                                                                                                     */
/**********************************************************************************************************************************/
div.contactdetails ul {padding:5px; margin:0px}
div.contactdetails ul li {margin-bottom:5px}
div.contactdetails ul li label {width:130px; float:left}
div.contactdetails ul li label span, span.required {padding-left:5px;color:Red}
div.contactdetails ul li input {width:185px}
div.contactdetails h2 {font-size:1.4em; margin-top:15px}
div.contactdetails fieldset {margin:0; padding:0}
div.contactdetails p.note {margin:0; padding:0}


/**********************************************************************************************************************************/
/* Confirmation                                                                                                                   */
/**********************************************************************************************************************************/
div.downloadbox{text-align:center; border:solid 1px silver; padding:5px; background-image:url(/tescoweb/i/light-grad.jpg); background-repeat:repeat-x; background-position:left top;}
div.downloadbox p.email {font-size:.9em}
div.downloadbox div.items {margin:10px; padding-top:5px; padding-bottom:5px; border:solid 1px silver; background-color:White}
div.downloadbox div.items table {width:400px; margin: 0 auto; text-align:left; font-size:.9em}
div.downloadbox div.progress span {font-size:.8em}

/**********************************************************************************************************************************/
/* Advanced Search                                                                                                                */
/**********************************************************************************************************************************/
div#advancedsearch a {font-size:1.2em; font-weight:bold; padding-left:.5em}
div.searchhelp {margin-left:100px; margin-bottom:.5em; font-size:.9em; width:170px}