/* General */
BODY, TH, TD, P{
font-family: Verdana,sans-serif,helvetica,arial;
Line-Height: 150%;
}

BODY {
margin: 5px;
background-color: #B8E5FA;
}

.MainTable {
width: 75%; 
background-color: #FFF; 
margin: 0px; 
padding: 0px;
border-collapse: collapse;
border: 0px solid #B8E5FA;
}

.PopUpTable {
width: 97%; 
background-color: #FFF; 
margin: 0px; 
padding: 0px;
border-collapse: collapse;
border: 0px solid #B8E5FA;
}

.Narrow { 
padding: 10px; 
padding-bottom: 0px;
}

H1, H2, H3 {
color: #007;
Line-Height: 100%;
}

/* Header Section */

.BreadCrumb {
background-color: #B8E5FA;  /* 184 229 250 */
Line-Height: 100%;
text-align: left; 
font-size: 80%;
padding: 4px;
padding-left: 12px;
}

.UtilLinks {  /* Contact P&P Checkout */
Line-Height: 100%;
font-size: 80%;
text-align: right; 
white-space: nowrap;
padding-bottom: 5px;
padding-right: 12px;
}

.HeaderTable {  /* Header with Logo, search etc */
border-collapse: collapse;
background-image: url(images/buttons/borders/blue-right-corner.jpg); 
background-repeat: no-repeat;
background-position: top right;		
}

.BlueLeft {
background-image: url(images/buttons/borders/blue-left-corner.jpg); 
background-repeat: no-repeat;
background-position: top left;			
}

.BlueRight {
background-image: url(images/buttons/borders/blue-right-corner.jpg); 
background-repeat: no-repeat;
background-position: top right;			
}

.BlueLeftBot {
background-image: url(images/buttons/borders/blue-left-corner-bot.jpg); 
background-repeat: no-repeat;
background-position: bottom left;			
}

.BlueRightBot {
background-image: url(images/buttons/borders/blue-right-corner-bot.jpg); 
background-repeat: no-repeat;
background-position: bottom right;			
}

/* Search Box and Button */
.SearchButton {
background-color: #B8E5FA;
color: #000077;
font-family: Verdana,arial,helvetica,sans-serif;
border: 1px outset #008EB0;
margin: 0px 0px 0px 0px;
padding: 1px 1px 1px 1px;
}

.SearchBox {
border: 1px inset #008EB0;
font-family: Verdana,arial,helvetica,sans-serif;
margin: 0px 0px 2px 0px;
padding: 1px 1px 1px 1px;
}

/* Shopping Box Style Bits  F8D1E3 */
.WebPrice {
color: #ED008C;
}

table.ShoppingBox {
background-color: #FBD2E4;  /* 251 210 228 */
border-collapse: collapse;
margin-top: 8px;
margin-right: 8px;
margin-left: 5px;
}

td.ShoppingBox {
border-left: 1px solid #ED008C; 
border-right: 1px solid #ED008C; 
padding-left: 8px; 
padding-right: 8px
}

td.ShoppingBox-TopLeft {
background-image: url(images/buttons/borders/top-left.gif); 
background-repeat: no-repeat;
background-position: top left;	
}

td.ShoppingBox-TopRight {
background-image: url(images/buttons/borders/top-right.gif); 
background-repeat: no-repeat;
background-position: top right;	
}

td.ShoppingBox-BotLeft {
background-image: url(images/buttons/borders/bot-left.gif); 
background-repeat: no-repeat;
background-position: top left;

}

td.ShoppingBox-BotRight {
background-image: url(images/buttons/borders/bot-right.gif); 
background-repeat: no-repeat;
background-position: top right;	
}

.InStock {
font-size: 80%;
text-align: center;
}

.ddStock {
text-align: left; 
border-top: 1px solid #FC0; 
font-size: 80%;
line-height: 100%;
padding-top: 6px;
}

.ddStockCode {
text-align: right; 
font-size: 80%; 
line-height: 100%;
padding-bottom: 6px;
padding-top: 1px;
}

.Code {
font-size: 70%;
text-align: right;
}

/*   End   */

.EditBox {
font-family: arial,helvetica,Verdana,sans-serif;
border: 2px inset #10BE10;
margin: 0px 0px 0px 0px;
padding: 1px 1px 1px 1px;
}

TextArea {
font-family: arial,helvetica,Verdana,sans-serif;
}

/* Menu  */

.MenuTable {
border-collapse: collapse;
margin-left: 8px;
margin-top: 8px;
}

td.MenuTopLeft {
background-image: url(images/buttons/borders/menu-top-left.gif); 
background-repeat: no-repeat;
background-position: top left;		
height: 4px;
}
td.MenuTopRight {
background-image: url(images/buttons/borders/menu-top-right.gif); 
background-repeat: no-repeat;
background-position: top right;	
height: 4px;	
}

td.MenuBottomLeft {
background-image: url(images/buttons/borders/menu-bot-left.gif); 
background-repeat: no-repeat;
background-position: top left;		
height: 4px;
}
td.MenuBottomRight {
background-image: url(images/buttons/borders/menu-bot-right.gif); 
background-repeat: no-repeat;
background-position: top right;	
height: 4px;	
}

td.Browse {
text-align: Center;
font-weight: bold;
white-space: nowrap;
background: #B8E5FA;
border-right: 1px solid #008EB0; 
border-left: 1px solid #008EB0; 
color: #007;
}

td.MenuBody {
border-right: 1px solid #008EB0; 
border-left: 1px solid #008EB0; 
padding: 0px; 
white-space: nowrap;
text-decoration: none;
text-align: Left;
font-weight: normal;
line-height: 150%;
}

.MenuBody A {
text-decoration: none;
color: rgb(0,0,204);
} 

.MenuBody A:Visited {
color: rgb(204,0,102);
} 

/* Menu Shading  
B8 E5 FA  <- Darkest
184 229 250

198 234 251 C6EAFB

212 239 252 D4EFFC

226 244 253 E2F4FD

240 249 254 F0F9FE

F0F9FE
*/

.SameDay {
text-align: center;
line-height: 100%;
}

.Overview H3 {
font-family: arial,helvetica,Verdana,sans-serif;
text-align: Left;
font-size: 100%;
font-weight: bold;
line-height: 150%;
}

.Overview P, .Overview LI{
font-family: arial,helvetica,Verdana,sans-serif;
text-align: left;
font-size: 80%;
line-height: 150%;
}

.small, .Small {
font-family: arial,helvetica,Verdana,sans-serif;
font-size: 60%;
Line-Height: 150%;
}

.Copyright {
background: #B8E5FA;
}

.Highlight {
font-family: arial,helvetica,Verdana,sans-serif;
background: #FFCC00;
font-weight: bold;
}

.Solid {
font-family: arial,helvetica,Verdana,sans-serif;
color: #660066;
background: #66FF66;
border: 3px solid #33CC33;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
}

ul, UL {
font-family: arial,helvetica,Verdana,sans-serif;
margin: 10px 0px 10px 10px;
padding: 0px 0px 10px 10px;
}

.Address {
font-family: arial,helvetica,Verdana,sans-serif;
border: 1px solid #000000;
background: #FFFFC0;
margin: 5px 5px 5px 5px;
padding:  5px 5px 5px 5px;
}

.Spec {
font-family: Verdana,arial,helvetica,sans-serif;
text-align: left;
font-size: 80%;
}

.Dictionary {
text-align: justify;
font-family: serif;
}

.Dictionary H3 {
text-align: center;
background: #FFCC00;
margin: 0px 0px 0px 0px;
padding: 7px 7px 7px 7px;
}

.Testimonial {
font-family: arial,helvetica,Verdana,sans-serif;
text-align: left;
Line-Height: 150%;
font-size: 80%;
}

.Testimonial H3 {
background: #0000FF;
margin: 0px 0px 0px 0px;
padding: 7px 7px 7px 7px;
font-size: 120%;
font-weight: bold;
}

ul.menu {  
margin:0 0 20px 0;
padding:0;
font-size:100%;
}

ul.menu li a {  
font-size: 90%;
Line-Height: 100%;
text-decoration: none;
text-align: Left;
font-weight: normal;
background: #FFF;
/* border: 1px solid #FFF; */
display: block;
padding: 3px 0 3px 5px;
}
 
ul.menu li a:hover {
padding-top: 2px;
padding-bottom: 2px; 
Border: 1px dotted #007;
background-color: #B8E5FA; 
}

ul.menu li {
display: inline; 
}



/* Menu Shading  
B8 E5 FA  <- Darkest
184 229 250

198 234 251 C6EAFB

212 239 252 D4EFFC

226 244 253 E2F4FD

240 249 254 F0F9FE

F0F9FE
*/

ul.menu li.L1 a {
}

ul.menu li.SL1 {
font-weight: bold;
background: #FFF;
border: 1px solid #FFF;
padding-left: 5px;
display:block;
}

ul.menu li.OL1 a {
background: #F0F9FE;
/*border: 1px solid #F0F9FE;*/
}

ul.menu li.SOL1 {
font-weight: bold;
background: #F0F9FE;
border: 1px solid #F0F9FE;
padding-left: 5px;
display:block;  
}

ul.menu li.L2 a {
padding-left: 20px;
background: #F0F9FE url('images/buttons/tree/p.gif') no-repeat scroll center left;
/*border: 1px solid #F0F9FE; 
background: #F0F9FE;*/
}

ul.menu li.SL2 {
font-weight: bold;
padding-left: 20px;
background: #F0F9FE url('images/buttons/tree/p.gif') no-repeat scroll center left;
/* border: 1px solid #F0F9FE; */
display:block;
}

ul.menu li.OL2 a {
padding-left: 20px;
background: #E2F4FD url('images/buttons/tree/p.gif') no-repeat scroll center left;
/*border: 1px solid #E2F4FD;
background: #E2F4FD;*/
}

ul.menu li.SOL2 {
font-weight: bold;
background: #E2F4FD url('images/buttons/tree/p.gif') no-repeat scroll center left;
/* border: 1px solid #E2F4FD;
background: #E2F4FD; */
padding-left: 20px;
display:block;
}

ul.menu li.L3 a {
/*border: 1px solid #E2F4FD; */
background: #E2F4FD url('images/buttons/tree/lp.gif') no-repeat scroll center left;
padding-left: 35px;
}

ul.menu li.SL3 {
font-weight: bold;
background: #E2F4FD url('images/buttons/tree/lp.gif') no-repeat scroll center left;
/*background: #E2F4FD; 
border: 1px solid #E2F4FD;*/
padding-left: 35px;
display:block;
}

ul.menu li.OL3 a {
/*background: #D4EFFC;
border: 1px solid #D4EFFC;*/
background: #D4EFFC url('images/buttons/tree/lp.gif') no-repeat scroll center left;
padding-left: 35px;
}

ul.menu li.SOL3 {
font-weight: bold;
background: #D4EFFC url('images/buttons/tree/lp.gif') no-repeat scroll center left;
/*background: #D4EFFC;
border: 1px solid #D4EFFC;*/
padding-left: 35px;
display:block;
}

ul.menu li.L4 a {
background: #D4EFFC url('images/buttons/tree/llp.gif') no-repeat scroll center left;
/*background: #D4EFFC;
border: 1px solid #D4EFFC;*/
padding-left: 50px;
}

ul.menu li.SL4 {
font-weight: bold;
padding-left: 50px;
background: #D4EFFC url('images/buttons/tree/llp.gif') no-repeat scroll center left;
/*background: #D4EFFC;
border: 1px solid #D4EFFC;*/
display:block; 
}

ul.menu li.OL4 a {
background: #C6EAFB;
border: 1px solid #C6EAFB;
padding-left: 50px;
}

ul.menu li.SOL4 {
font-weight: bold;
background: #C6EAFB;
border: 1px solid #C6EAFB;
padding-left: 50px;
display:block;  
}

ul.menu li.L5 a {
background: #C6EAFB;
border: 1px solid #C6EAFB;
padding-left: 65px;
}

ul.menu li.SL5 {
font-weight: bold;
padding-left: 65px;
background: #C6EAFB;
border: 1px solid #C6EAFB;
padding-left: 40px;
display:block; 
}

ul.menu li.OL5 a {
background: #B8E5FA;
border: 1px solid #B8E5FA;
padding-left: 65px;
}

ul.menu li.SOL5 {
font-weight: bold;
background: #B8E5FA;
border: 1px solid #B8E5FA;
padding-left: 65px;
display:block;  
}


/* Menu Tree Images */

ul.menu li.p a {
background-image:  url('images/buttons/tree/p.gif');
}

ul.menu li.ps {
background-image:  url('images/buttons/tree/p.gif');
}

ul.menu li.b a {
background-image:  url('images/buttons/tree/b.gif');
}

ul.menu li.bs {
background-image:  url('images/buttons/tree/b.gif');
}

ul.menu li.lp a {
background-image:  url('images/buttons/tree/lp.gif');
}

ul.menu li.lps {
background-image:  url('images/buttons/tree/lp.gif');
}

ul.menu li.lb a {
background-image:  url('images/buttons/tree/lb.gif');
}

ul.menu li.lbs {
background-image:  url('images/buttons/tree/lb.gif');
}

ul.menu li.llv a {
background-image:  url('images/buttons/tree/llv.gif');
}

ul.menu li.llvs {
background-image:  url('images/buttons/tree/llv.gif');
}

ul.menu li.llt a {
background-image:  url('images/buttons/tree/llt.gif');
}

ul.menu li.llts {
background-image:  url('images/buttons/tree/llt.gif');
}

ul.menu li.lxt a {
background-image:  url('images/buttons/tree/lxt.gif');
}

ul.menu li.lxts {
background-image:  url('images/buttons/tree/lxt.gif');
}

ul.menu li.lxv a {
background-image:  url('images/buttons/tree/lxv.gif');
}

ul.menu li.lxvs {
background-image:  url('images/buttons/tree/lxv.gif');
}

ul.menu li.lv a {
background-image:  url('images/buttons/tree/lv.gif');
}

ul.menu li.lvs {
background-image:  url('images/buttons/tree/lv.gif');
}

ul.menu li.lt a {
background-image:  url('images/buttons/tree/lt.gif');
}

ul.menu li.lts {
background-image:  url('images/buttons/tree/lt.gif');
}

ul.menu li.xv a {
background-image:  url('images/buttons/tree/xv.gif');
}

ul.menu li.xvs {
background-image:  url('images/buttons/tree/xv.gif');
}

ul.menu li.v a {
background-image:  url('images/buttons/tree/v.gif');
}

ul.menu li.vs {
background-image:  url('images/buttons/tree/v.gif');
}

ul.menu li.t a {
background-image:  url('images/buttons/tree/t.gif');
}

ul.menu li.ts {
background-image:  url('images/buttons/tree/t.gif');
}

ul.menu li.xt a {
background-image:  url('images/buttons/tree/xt.gif');
}

ul.menu li.xts {
background-image:  url('images/buttons/tree/xt.gif');
}

.socialnetwork {
font-size: 70%; 
padding-left: 5px;
white-space: nowrap;

}

.socialnetwork a:hover {
text-decoration: underline;
}

.new {
color: #F00;
text-decoration: none;
font-weight: bold;
vertical-align: text-top;
font-size:60%;
}

/***************************/
/* The Shopping Basket Bit */
/***************************/

.vouchercode {
  	background: #B8E5FA;
  	padding: 4px;
  	margin: 1px;
  	position: relative;
  	left: 0;
  	top: 0;
}

/* basket */

.ShoppingButton {
font-family:arial,helvetica,Verdana;
background: #FFFFFF;
font-weight: bold;
font-size: 100%; 
color: blue; 
text-decoration: underline; 
border: 2px solid #AA8800;         
border-left: 2px solid #FE8;
border-top: 2px solid #FE8 ;
padding: 2;
cursor: hand;	
}

.UpdateButton {
font-family:arial,helvetica,Verdana;
font-weight: bold;
font-size: 85%; 

}

.CurrencyButton {
font-family:arial,helvetica,Verdana;
font-size: 100%;
padding: 0;
border: outset;

}

.CurrencyButtonSELECTED {
font-family:arial,helvetica,Verdana;
font-size: 100%; 
border: inset;
padding: 0;
}

.ButtonFrame {
padding: 2;
border: 2px solid white;
}

table#Basket {
font-size: 90%;
}
table#Basket tr {
background: #B8E5FA;
}
table#Basket th {
font-weight: bold;
padding: 4px;
}
table#Basket td {
padding: 4px;
}

table#Information {
font-size: 100%;
border: 2px solid #000;
background: #FFC;
}
table#Information td {
padding: 5px;
background: #FFC;
}

div#Information {
font-size: 100%;
border: 2px solid #000;
padding: 5px;
background: #FFC;
}

div#Basket {
font-size: 100%;
background: #B8E5FA;
padding: 4px;
}


.QtyBox {
font-family:arial,helvetica,Verdana;
font-size: 100%;
text-align: center
}




/* 'also bought' boxes */
td.ab {
	background: #B8E5FA;
	border: 1px solid black;
}

/* gap bottom left where voucher code input and recommendations live */
td.botleft {
	background: white;
}

tr.b_formgap {
	height: 4px;
}

td.b_formgap {
	background: white;
}

.b_notes {
	font-size: -1;
}

.b_disco_oldprice {
	text-decoration: line-through;
	font-weight: bold;
}

.b_disco_newprice {
	font-weight: bold;
	color: red;
}

.topbarbg {
}

/* special formatting for cash vouchers*/
td.cashvoucher {
	background-color: #FFCC00;
}

div.cashvoucher {
}

/* YOU SAVE: £SQUIDS */
p.vouchersave {
	background: inherit;
	color: red;
	font-weight: bold;
}

/* insufficient basket total etc. */
p.vouchernotapplied {
	background: inherit;
	font-size: smaller;
	color: red;
}

/* highlight table row to show missing checkout details */
tr.missingfield {
	background-color: Yellow;
}

table.ordersummary {
	border: 1px solid black;
	background-color: White;
	border-collapse: collapse;
}

td.ordersummary {
	/* border-right-width: 1px; */
	/* border-right-style: solid; */
	/* border-right-color: Grey; */
	border: 1px solid Grey;
	padding: 4px;
}

tr.ordersummarytitle {
	font-weight: bold;
}

/* country select drop down selecty box thing */
.countryselect {
	font-family: arial,helvetica,Verdana;
	font-size: small;
}

hr.checkout {
	color: tomato;
	background-color: tomato;
	width: 80%;
	height: 10px;
	text-align: center;
	border: 0;
}

/* CHECK THIS - might be duplicated from main warning box */
table.checkoutwarnbox {
	background-color: #FFFFCC;
	border: 2px solid black;
}