/* default formatting	*/
html,body,ul,ol,li,div,p,h1,h2,h3,hr,img,br,form { margin: 0; padding: 0; }
body { font: 0.625em Arial, Helvetica, Tahoma, Verdana, sans-serif; color: #000; text-align: center; background: #fff; padding: 10px 20px; }

h1 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 130%; margin: 0 0 5px 0; }
h2 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 120%; margin: 0 0 5px 0; }
h3 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 110%; margin: 0 0 5px 0; }
h4 { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 100%; margin: 0 0 5px 0; }

p { margin: 5px 0; }
pre { clear: both; font-size: 130%; text-align: left; }

ul { margin: 0 0 0 20px; }
ol { margin: 0 0 0 25px; }
li { margin: 5px 0; }

a { color: #3399FF; text-decoration: none; } 
a:hover { color: #CC0000; text-decoration: underline; }
a:active, a:focus { outline: 0; }

.hide { display: none; visibility: hidden; }

.clr { clear: both; height: 0; overflow: hidden; }
.goleft { float: left; }
.goright { float: right; }


/* Layout */
#shell { width: 99%; margin: 0 auto; text-align: left; font-size: 110%; line-height: 125%; }


/* header */
#header { position: relative; width: 99%; padding: 0; }
#header h1 { float: left; margin: 30px 0 10px 0px; }
#header .account {display: none; visibility: hidden; }
#header .basket {display: none; visibility: hidden; }

ol.trail {display: none; visibility: hidden; }
.customerservice {display: none; visibility: hidden;}
p a.print, p a.button  {display: none; visibility: hidden;}

#footer {display: none; visibility: hidden;}

.details-left { width:99%!important}

.details-right {width:99%!important}


/* navigation */
#navigation {  display: none; visibility: hidden; }

/* subnav */
#subnav { display: none; visibility: hidden; }


.listitem { border-top: 1px solid #ddd; padding: 10px 0; }
.listitem h3 { margin: 0; }
.listitem p { margin: 3px 0 0 0; }


/* content area layout */
#contentrightcol { float: left; width: 100%; background: #fff; }
.maincol { float: left; width: 100%; font-size: 110%; line-height: 145%; }
.rightcol { display: none; visibility: hidden; }


p.receipt-address { line-height:110%; font-size:90%}
p.receipt-address strong { font-size:100%}
p.receipt-address span.raddress {display:block; float:left; width:100px; font-weight:bold; width:80px; margin-right:10px; }





.text p {font-size:90%; line-height:120%;}

table#basket-table {width:100%; margin-bottom:5px;  border:1px solid #000000;}
table#basket-table tr {}
table#basket-table tr.headline_row { background-color:#000000; color:#ffffff; font-size: 100%; font-weight:normal}
table#basket-table tr.headline_row th { font-weight:normal; padding:10px; font-size:100%; font-weight:bold; background-color:#000000; color:#ffffff; }
table#basket-table tr.headline_row th.basket_prescription {background-color:#000000; color:#ffffff;}
table#basket-table tr.headline_row th a { color:#000000}
table#basket-table tr td {font-size:90%;  padding:5px; font-weight:normal; border:1px solid #000000;}
table#basket-table tr td h3 {line-height:100%;}



table#basket-table tr#b-row-1 td { border:1px solid #000000; }
table#basket-table tr#b-row-1 td.largetxt, table tr td.largetxt { font-size:90%; color:#333 }
table tr td.largetxtlight { font-size:100%; color:#666 }
table#basket-table tr#b-row-1 td div.prescription { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border:1px solid #000000;}
table#basket-table tr#b-row-1 td div.prescription p { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

table#basket-table td.prescription div.prescription .lefteye {display:block; width:110px; background-color:#EDB055; margin-right:0px; padding:0px; font-size:90%; }
table#basket-table td.prescription div.prescription .righteye {display:block; width:110px; background-color:#EDB055; padding:0px; font-size:90%; }
table#basket-table td.prescription div.prescription .selectpd {display:block; width:110px; background-color:#EDB055; padding:0px; margin-top:0px; font-size:90%;}
table#basket-table td.prescription div.prescription ul li span {display:block; width:70px; float:left; text-align:right; margin-right:0px; font-size:90%;}

p.producttitle {font-size:110%; line-height:110%;}

table#basket-table td.prescription div.receipt .lefteye {background-color:#ffffff; color:#000000; font-size:90%; }
table#basket-table td.prescription div.receipt .righteye {background-color:#ffffff; color:#000000; font-size:90%; }
table#basket-table td.prescription div.receipt .selectpd {background-color:#ffffff; color:#000000; font-size:90%;}

img.basketthumb {float:left; margin-right:5px;}

table#basket-table td#b-item-1, table#basket-table td#b-item-2 { font-weight:normal;  padding:5px; }
table#basket-table td#b-item-1 a, table#basket-table td#b-item-2 a { color:#333333; color:#E57C00; }
table#basket-table td#b-item-1 a:hover, table#basket-table td#b-item-2 a:hover { text-decoration:underline; color:#E57C00}
table#basket-table td#b-item-1 a:visited, table#basket-table td#b-item-2 a:visited { text-decoration:none; color:#E57C00}
table#basket-table tr#b-row-1 td ul, table#basket-table tr#b-row-2 td ul {margin:0px 0px 0px 0px; list-style:none; }
table#basket-table tr#b-row-1 td ul li, table#basket-table tr#b-row-2 td ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:90%; line-height:100%;}

tr.gtotal {background:url(/images/checkout-basket-total-bg.jpg) no-repeat}
tr.gtotal td {padding-top:5px!important; padding-bottom:5px!important;}



/* content area items */
.title { color: #3399FF; font-size: 180%; }
.date { color: #999; }
#breadcrumb { margin: 0 0 5px 0; }

.youtube { text-align: center; padding: 20px; background: #fff url(/images/dot-x.gif) repeat-x left top; } 
.clrdot { clear: both; height: 3px; overflow: hidden; background: #fff url(/images/dot-x.gif) repeat-x left top; }


#footer { display:none }

#poweredc8 {display:none}

#bookmarks {display:none}



/* forms etc */
fieldset { border: 1px solid #ddd; padding: 15px; margin: 15px 0; }
legend { padding: 0 5px; color: #777;  }
textarea { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; color: #000; }
input { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 100%; color: #000; }
select { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 100%; color: #000; margin: 3px; vertical-align: middle; background: #FFFFEC; border: 1px solid #6E6E6E; }
.form { font-size: 120%; }
.txt { background: #FFFFEC url(/images/input-bg.gif) no-repeat left top; border: 1px solid #6E6E6E; font-size: 100%; color: #000; padding: 4px 5px; }
.radio { margin: 5px 30px 5px 0; padding: 0; line-height: 250%;}
.button { vertical-align: middle; margin: 0 10px 0 0; }
.forminfo { clear: both; margin-left: 180px; }
.formerror { color: #CC0000; }
.formsummary { color: #888; }
.formseparation { clear: both; width: 98%; position: relative; border-top: 1px solid #E5E5E5; height: 0; overflow: hidden; margin: 10px; }
.formheading { clear: both; margin: 10px; padding: 0 0 8px 0; border-bottom: 1px solid #ccc; }

.field { float: left; margin: 0 0 10px 0; padding: 5px 0 0 0; } 
.field .lbl { float: left; text-align: right; width: 172px; padding: 6px 8px 0 0; }
.field .data { float: left; width: 460px; }
.field .data .txt { margin: 0 0 6px 0; }
.field .data .alternate { vertical-align: middle; }

/* send to friend */
#sendtofriend #header { width: 500px; margin: 0 auto; text-align: left; }
#sendtofriend #container { width: 500px; margin: 0 auto; text-align: left; font-size: 120%; }
#sendtofriend .lbl { width: 130px; }
#sendtofriend .data { width: 320px; }
#sendtofriend .forminfo {margin-left: 135px; }
#sendtofriend .options { position: absolute; top: 0; right: 0; margin: 0; padding: 0!important; background: #EFEFEF url(/images/header-options-bg-right.gif) no-repeat right bottom; }
#sendtofriend .options strong { display: block; background: transparent url(/images/header-options-bg-left.gif) no-repeat left bottom; padding: 10px 5px; }
#sendtofriend .options a { font-weight: bold; font-size: 120%; margin: 0 5px; padding: 2px 0px 0px 20px; }
.close { background: url(/images/cross.png) no-repeat left center; }


/* system messages */
.message { clear: both; font-size: 110%; color: #333; font-weight: bold; }
.info { background: #E8F3FD url(/images/information.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #9AC3EB; }
.error { background: #FEF2F2 url(/images/cross.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #EB9A9A; }
.ok { background: #EAF5E9 url(/images/tick.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #AADBA3; }
.loggedin { clear: both; background: #E8F3FD url(/images/information.png) no-repeat 5px 50%; margin: 0 0 10px 0; padding: 6px 6px 6px 26px; border: 1px solid #9AC3EB; }

