@charset "UTF-8";
/* BLUE: #0072bc */
/* GREEN: #008d7f */

/* ===== RESET ===== */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: none; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { vertical-align: middle; }
p, h1, h2, h3, h4, h5, h6, td, th { font-size: 1.2em; font-weight: normal; }
p { margin: 0 0 12px; line-height: 130%; }
ol { padding-left: 15px; }
ul { padding-left: 10px; list-style-type: disc; }
li { font-size: 1.2em;line-height: 130%; padding-bottom: 3px; margin-left: 12px;}

/* ===== GENERAL ===== */

.active { display: block; }
.inactive { display: none; }

a, a:link, a:visited { color: #0072bc; font-weight: bold; text-decoration: none; }
a:hover, a:active, a:focus { color: #0089e2; text-decoration: underline; }

p a.button, p a.button-big { font-size: 1em; }

a.button, strong.button-disabled { font-size: 1.2em; height: 33px; width: auto; padding-left: 5px; margin-right: 8px; }
a.button:link, a.button:visited { background: url(/assets/button-black.png) no-repeat left top; color: #fff; }
 a.button span, strong.button-disabled span { display: block; float: left; position: relative; right: -8px; height: 33px; line-height: 31px; padding-right: 14px;  }
 a.button:link span, a.button:visited span { background: url(/assets/button-black.png) no-repeat right top; }
 a.button:hover, a.button:active, a.button:focus { text-decoration: none; background-position: left -100px; cursor: pointer; color: #fff; }
 a.button:hover span, a.button:active span, a.button:focus span { background-position: right -100px; }

 strong.button-disabled { background: url(/assets/button-grey.png) no-repeat left top; }
 strong.button-disabled span { background: url(/assets/button-grey.png) no-repeat right top; color: #eee; font-size: 0.9em; }

input.button, input.buttonshort, input.buttonlong { font-family: Arial, Helvetica, sans-serif; background: url(/assets/button-fixed-black.png) no-repeat left 2px; border: none; margin: 2px 0 6px; color: #fff; padding: 0 4px 0 0; width: 110px; height: 35px; font-weight: bold; font-size: 1.1em; text-align: center; }
input.buttonshort { background: url(/assets/button-fixed-black-short.png) no-repeat left 2px; width: 51px; padding-right: 2px; padding-bottom: 2px; }
 input.button:hover, input.button:active, input.button:focus, input.buttonhover, input.buttonshort:hover, input.buttonshort:active, input.buttonshort:focus, input.buttonshorthover, input.buttonlong:hover, input.buttonlong:active, input.buttonlong:focus, input.buttonlonghover  { background-position: left -98px; cursor: pointer; }

a.button-big { left: 300px; height: 48px; width: auto; padding-left: 5px; margin-right: 54px; font-size: 1.2em; position: absolute; }
a.button-big:link, a.button-big:visited { background: url(/assets/button-black-arrow.png) no-repeat left top; color: #fff; }
 a.button-big span { display: block; float: left; position: relative; right: -54px; height: 48px; line-height: 44px; padding-right: 60px;  margin-left: -46px; }
 a.button-big:link span, a.button-big:visited span { background: url(/assets/button-black-arrow.png) no-repeat right top; }
 a.button-big:hover, a.button-big:active, a.button-big:focus, a.button-big.jhover { text-decoration: none; background-position: left -100px; cursor: pointer; color: #fff; }
 a.button-big:hover span, a.button-big:active span, a.button-big:focus span, a.button-big.jhover span { background-position: right -100px; }


a.file { border: 1px solid #fff; padding: 5px 12px 5px 54px; height: 36px; display: inline-block; margin: 0 0 8px; font-size: 1.1em; background: url(/assets/icons/files-large.png) no-repeat 0 -300px; }
a.file small { font-size: 0.8em; font-style: italic; font-weight: normal; color: #555; }
a.file:link, a.file:visited { }

a.file-pdf { background-position: 0 0; }
a.file-word { background-position: 0 -100px; }
a.file-powerpoint { background-position: 0 -200px; }
a.file-restricted { background-position: 0 -400px; }

a.file:hover, a.file:active, a.file:focus { border: 1px solid #ddd; text-decoration: none; box-shadow: rgba(0, 50, 150, 0.1) 2px 2px 3px; -webkit-box-shadow: rgba(0, 50, 150, 0.1) 2px 2px 3px; -moz-box-shadow: rgba(0, 50, 150, 0.1) 2px 2px 3px; }


p.msgerror, p.msgok, p.msgpending, p.msginfo { padding: 5px 7px 4px 28px; line-height: 1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 3px 14px 0; }

p.msgerror { background: #fcf8b6 url(/assets/icon-alert.gif) no-repeat 5px 2px; border: 1px solid #ffe873; }
p.msgok { background: #dbf7c8 url(/assets/icon-ok.gif) no-repeat 5px 2px; border: 1px solid #bae69c; }
p.msgpending { background: #fbf9dd url(/assets/icons/star.gif) no-repeat 5px 2px; border: 1px solid #fef5b9; }
p.msginfo { background: #d8f0ff url(/assets/icons/info.png) no-repeat 5px 2px; border: 1px solid #2070bb; }

p.note { color: #333; font-style: italic; }

body { font: 62.5% Helvetica, Arial, sans-serif; color: #000; background: #FFF url(/assets/bg-body.png) repeat-y center top; text-align: center; padding: 20px;}

#container { width: 940px; margin: 0 auto; text-align: left; position: relative; }


/* ===== VTIP ===== */
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 1.2em; width: 240px; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 115px }


/* ===== HEADER and NAV ===== */

#header { width: 940px; height: 127px; background: url(/assets/bg-header.png) repeat-x left center; margin-bottom: 1px; position: relative; }
.O { border-bottom: 6px solid #e96422; }
.Y { border-bottom: 6px solid #fbdb07; }
.M { border-bottom: 6px solid #ec008c; }

 #logos, #infologin { position: absolute; left: 25px; top: 14px; }
 #logos .title { margin-left: 16px; margin-top: -1px; }
 #infologin { left: auto; right: 25px; width: 20em; height: 96px; background: url(/assets/bg-header-info-login2.png) repeat-x; border: 3px solid #f6f8fa; border-top: none; }
  #infologin a.online-ordering:link, #infologin a.online-ordering:visited { color: #000; font-weight: normal; }
  #infologin a.online-ordering:hover, #infologin a.online-ordering:active, #infologin a.online-ordering:focus { color: #0072bc; }
  #infologin .online-ordering { display: block; width: 14em; height: 40px; position: absolute; left: 11px; top: 8px; }
  #infologin .online-ordering img, #infologin .enquiries img { position: absolute; left: 0; top: 0; z-index: 50; }
  #infologin .online-ordering span { position: absolute; left: 0; top: 25px; z-index: 50; font-size: 0.9em; }
  #infologin .online-ordering span a { position: relative; font-weight: normal; }
  #infologin .enquiries { width: 180px; height: 24px; position: absolute; left: 11px; top: 64px; font-size: 1.4em; font-weight: bold; color: #0072bc; }
  #infologin .button { position: absolute; top: 8px; right: 4px; }
  #infologin .customer { width: 19em; height: 40px; position: absolute; left: 11px; top: 58px; }
  #infologin .supplier { width: 19em; position: absolute; left: 11px; top: 38px; }
   #infologin .customer p, #infologin .supplier p { margin: 0 0 2px; line-height: 15px; }
  #infologin .date { position: absolute; left: 11px; top: 65px; font-weight: bold; color: #777; font-size: 1.3em; }
  
 #header .ec { position: absolute; top: 49px; left: 480px; }


/* ===== TOP PANEL ===== */
#homepanel { height: 245px; position: relative; }
#toppanel { height: 26px; position: relative; }
#registerpanel { height: 70px; position: relative; }
 #homebanner, #homebannerA, #homebannerB, #homebannerC, #homebannerD { height: 169px; position: relative; overflow: hidden; }
 #homebanner img, #homebannerA img, #homebannerB img, #homebannerC img, #homebannerD img { float: right; }
  #homebanner div { width: 100%; position: absolute; left: 0; top: 0; z-index: -3; opacity: 0.0; background: #fff; }
  #homebanner div.active { z-index: -1; opacity: 1.0; }
  #homebanner div.last-active { z-index: -2;}
 .strip { width: 100%; background: #aedfe5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; height: 24px; position: absolute; left: 0; top: 0; }
 .breadcrumb { position: absolute; left: 25px; top: 5px; line-height: 13px; width: 400px; }
 .depotname { position: absolute; right: 25px; top: 6px; line-height: 13px; text-align: right; color: #222; }
 #homebannerA, #homebannerB, #homebannerC, #homebannerD { display: none; }
 
 .actionbar { width: 100%; background: #aedfe5; height: 69px; position: relative; }
 .actionbar img { position: absolute; top: 5px; left: 651px; }
 .actionbar a#actiondepot { position: absolute; top: 30px; left: 646px; }
 .actionbar a#actionregister { position: absolute; top: 30px; left: 812px; }
 
 #registerpanel .actionbar { height: 42px; top: 25px;}
 #registerpanel .actionbar img { position: absolute; top: 11px; left: 665px; }
 #registerpanel .actionbar a#actionregister { position: absolute; top: 6px; left: 812px; }

 .homeflash { display: block; width: 160px; /* height: 166px; height: 148px; position: absolute; top: 86px; */ height: 48px; position: absolute; top: 186px; }
 .homeflash span { position: relative; left: -9999px; }
 .homeflash img { position: absolute; left: 8px; bottom: 5px; }

 #bannerlogin { display: block;height: 59px;left: 12px;position: absolute;top: 105px; width: 554px; z-index: 30; border-bottom: 0; }
 #bannerlogin a.button, #bannerlogin a.button:link,#bannerlogin a.button:visited {background-image: url(/assets/button-fixed-black-XL.png); display: block; width: 370px; padding-right: 10px; height: 46px; font-size:150%;line-height: 45px; position: absolute; top: 8px; left: 85px; text-align: center; }
 #bannerlogin a strong { text-transform: uppercase; }
 #bannerlogin.Y { background-color: #fbdb07; }
 #bannerlogin.O { background-color: #e96422; }
 #bannerlogin.M { background-color: #ec008c; }
 #bannertitle { position: absolute; left : 9px; top: 32px; z-index: 30; }
 
 #flashA { left: 5px;  }
 #flashB { left: 155px;  }
 #flashC { left: 305px;  }
 #flashD { left: 455px;  }
 a.homeflash:hover, a.homeflash:active, a.homeflash:focus  { text-decoration:none; cursor:pointer;}
 a.homeflash:focus em  { top: -15px; }
 a.homeflash:focus img  {  bottom: 0px; }
 #flashes a.active img { bottom: 0px;}
 #flashes a.inactive img { bottom: 5px;}


/* ===== CONTENT ===== */
#content, #contentwide { float: left; width: 579px; background:  url(/assets/bg-main-content-middle.png) repeat-y left top; position: relative; margin: 12px -10px 12px -1px;}
 #content .top, #contentwide .top { width: 579px; height: 5px; background: url(/assets/bg-main-content-edges.png) no-repeat left top; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 0;}
 #content .bottom, #contentwide .bottom { clear: both; width: 579px; height: 8px; background: url(/assets/bg-main-content-edges.png) no-repeat left bottom; }
 #content h1.image { height: 32px; padding: 74px 10px 0 22px; top: 1px; left: 2px; margin-bottom: 0; position: relative; }
 #content h1.bar { height: 38px; top: 1px; left: 2px; margin-bottom: 4px; position: relative; }

 #content h1.general { background: url(/assets/bg-content-aisles.jpg) no-repeat left top; }
 #content h1.products { background: url(/assets/bg-content-food.jpg) no-repeat left top; }
 #content h1.services { background: url(/assets/bg-content-shopping.jpg) no-repeat left top; }
 #content h1.online { background: url(/assets/bg-content-online.jpg) no-repeat left top; }
 #content h1.butchery { background: url(/assets/bg-content-butchery.jpg) no-repeat left top; }
 
 #content h1.bestoffers { background: url(/assets/bg-offers-best.png) no-repeat left top; }
 #content h1.amazingdeals { background: url(/assets/bg-offers-amazing.png) no-repeat left top; }
 #content h1.featuredprod { background: url(/assets/bg-offers-featured.png) no-repeat left top; }
 #content h1.linkdeals { background: url(/assets/bg-offers-linkdeals.png) no-repeat left top; }
 #content h1.multibuys { background: url(/assets/bg-offers-multibuys.png) no-repeat left top; }
 #content h1.essentials { background: url(/assets/bg-offers-essentials.png) no-repeat left top; }
 #content h1.latest-O { background: url(/assets/bg-offers-latest-O.png) no-repeat left top; }
 #content h1.latest-M { background: url(/assets/bg-offers-latest-M.png) no-repeat left top; }
 #content h1.latest-Y { background: url(/assets/bg-offers-latest-Y.png) no-repeat left top; }
 
#content .feature { width: 345px; margin: 4px 0 10px 26px; }
#content .featurewide { margin: 4px 16px 10px 29px; }
#content .active { position: relative; z-index: 10; }

#content .homemap { width: 165px; height: 255px;  background: url(/assets/bg-britain.png) no-repeat center top; position: absolute; right: 6px; top: 80px; padding-top: 35px; } 
 .homemap p { margin: 0 0 6px; font-size: 1.5em; color: #0072bc; line-height: 120%; padding-right: 8px; }

#content.amdeals { top: 44px; margin-bottom: 56px; }
.amdeals .intro { position: absolute; top: -48px; left: 14px; }
 
.offers { text-align: center; padding-top: 5px; }
 .offers img { margin: 4px auto 5px; }
 .offers p { margin: 6px 0; font-weight: bold; }

.text { margin: 0 22px 0 24px; padding: 14px 0 9px; }

.bigpacks .image-right, .img-bigpacks { padding: 1px 4px 4px 1px; background: url(/assets/bg-mailer-ls.png) no-repeat left top; }

#contentwide { width: 942px; background-position: -600px top; }
 #contentwide .top { width: 942px; background-position: -600px top; }
 #contentwide .bottom { width: 942px; background-position: -600px bottom; }

#content h1, #contentwide h1 { font-size: 2.2em; margin: 0 0 14px; font-weight: bold; color: #008d7f; letter-spacing: -1px;}
#content h2, #contentwide h2 { font-size: 1.6em; margin: 0 0 8px; padding-top: 4px; font-weight: bold; color: #0072bc; letter-spacing: -1px;}
#content h3, #contentwide h3 { font-size: 1.5em; margin: 0 0 8px; padding-top: 4px; font-weight: bold; color: #008d7f; }
#content h4, #contentwide h4 { font-size: 1.4em; margin: 0 0 10px; padding-top: 4px; font-weight: bold; color: #000; }
 #content h4.existingcustomer { color: #000; font-size: 1.3em; float: right; width: 12em; border: 1px solid #f2b36e; padding: 10px 12px; margin-left: 20px; background: #fffdef; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#content ul, #contentwide ul { margin-bottom: 10px; }

#content .newcustomer { border: 1px solid #f2b36e; padding: 10px 12px 8px; margin: 14px; background: #fffdef; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#content .newcustomer a { font-size: 0.9em; padding-left: 4px; }

.bestproducts { background:url(/assets/bg-best-offers-products.gif) repeat-y center top; padding: 0 9px 0 10px; margin: -3px 0 0; zoom: 1;}
 .bestproducts div { width: 164px; float: left; margin: 0 11px; display: inline; position: relative; }
 .bestproducts img { margin: 2px; }
 .bestproducts p.price { border-bottom: 1px solid #d1bfbf; font-weight: bold; padding: 10px 3px 2px; font-size: 1.4em; margin-bottom: 2px;  }
  .bestproducts .price strong { font-size: 2.0em; color: #ee3326;font-weight: bold; }
 .bestproducts p.details { border-top: 1px solid #d1bfbf; padding: 4px 1px 8px; margin: 0; }
  .bestproducts p.details strong { font-size: 1.1em; }
  .bestproducts p.details em { font-style: normal; font-weight: bold; font-size: 1.1em; color: #ee3326; }
  .bestproducts .details img { margin: 0 0 0 6px; float: right; }
 .bestproducts p.clear-all { margin: 0; }
p.bestoffersfooter { border-top: 1px solid #918f8f; border-bottom: 1px solid #918f8f; margin: 0 4px 4px 2px; padding: 6px 20px 5px;  color: #767676; }
 p.bestoffersfooter strong { color: #f00; }
 p.bestprod-divider { border-top: 1px solid #918f8f; margin: 0 4px 2px 2px;padding: 0; height: 1px; line-height: 1px; font-size: 1px; }
 .amdeal-flash { display: block; width:34px; height: 33px; background:url(/assets/icons/amazing-deal-star.png) no-repeat 0 0; position: absolute; top: 32px; right: -4px; }
 
#content p.actionbuttons { margin: -3px 22px 4px 24px; position: relative; height: 42px; clear: both; text-align: center; }
p.actionbuttons a { position: absolute; }
p.actionbuttons a.button { left: 63px; top: 7px; }
p.actionbuttons a.button-big { left: 239px; }
.homefirst p.actionbuttons a.button { left: 0; }
.homefirst p.actionbuttons a.button-big { left: 176px; }
.offers p.actionbuttons a.button { left: 88px;  }
.offers p.actionbuttons a.button-big { left: 264px; }
.intro-box p.actionbuttons { position: relative; height: 42px; margin: -4px 0 6px;}
.intro-box p.actionbuttons a.button-big { left: 16px; }

.bannerad { margin: 2px auto 10px; }

/* ===== MAIN SIDEBAR ===== */
#mainsidebar { float: right; width: 358px; margin: 12px -2px; }
 #mainsidebar div { position: relative; }

.hlink, .imglink { display: block; position: absolute; left: 8px; height: 30px; text-decoration: none; z-index: 20; zoom: 1; }
.hlink:hover, .hlink:active, .hlink:focus { text-decoration: none; }

/*.latestoffers-box { width: 358px; height: 147px; background:url(/assets/bg-box-latest-offers.png) no-repeat; }
 .latestoffers-box a { display: block; width: 108px; margin: 40px 0 0 2px; padding: 55px 0 8px 8px; float: left; font-size: 1.2em; }
 .latestoffers-box a:link, .latestoffers-box a:visited { color: #8a4028; }
 .latestoffers-box a:hover, .latestoffers-box a:active, .latestoffers-box a:focus { color: #d53b2d; }
  .latestoffers-box a.essentialslink { width: 200px; height: 19px; margin: 1px 0 0 10px; padding: 5px 0 0 140px; line-height: 10px; } */

.latestoffers-box-Y { background:url(/assets/bg-box-latest-offers-2012-Y.png) no-repeat; }
.latestoffers-box-M { background:url(/assets/bg-box-latest-offers-2012-M.png) no-repeat; }
.latestoffers-box-O { background:url(/assets/bg-box-latest-offers-2012-O.png) no-repeat; }
.latestoffers-box { width: 358px; height: 174px; }
 .latestoffers-box p { padding: 48px 0 0 12px; width: 175px; }
 .latestoffers-box a:link, .latestoffers-box a:visited { color: #a00; }
 .latestoffers-box a:hover, .latestoffers-box a:active, .latestoffers-box a:focus { color: #d00; }
 .latestoffers-box a.hlink { top: 7px; width: 100px; }
 .latestoffers-box a.imglink { top: 4px; width: 118px; height: 162px; left: 207px; }
 .latestoffers-box a.imglink:hover, .latestoffers-box a.imglink:active, .latestoffers-box a.imglink:focus { text-decoration: none; }

#content h4.offerdates-O, #content h4.offerdates-M, #content h4.offerdates-Y { position: absolute; top: 12px; right: 15px; text-align: right; font-size: 1.2em; font-weight: bold; color: #fff; }
#content h4.offerdates-Y { color: #000; }

.intro-box, .intro-box .bottom { width: 358px; background:url(/assets/bg-box-intro.png) no-repeat; }
.intro-box { min-height: 120px; position: relative; margin-bottom: 4px; }
 .intro-box p { margin: 0 0 8px; }
 .intro-box .left { float: left; width: 204px; padding: 47px 0 0 10px; }
 .intro-box .right { float: left; width: 118px; padding: 47px 0 0 18px; }
 .intro-box .bottom { clear: both; height: 8px; background-position: left bottom; }
 .intro-box ul { margin: 0; padding: 0; list-style-type: none; }
 .intro-box li { color: #0072bc; padding: 0 0 4px; margin: 0; font-size: 1.2em; }
 
.butchery-box { width: 358px; height: 120px; background:url(/assets/bg-box-butchery.png) no-repeat; position: relative; }
 .butchery-box ul { padding: 45px 0 3px 13px; position: relative; z-index: 1; }
 .butchery-box li { padding-bottom: 0; }
 .butchery-box a { margin: 0 0 0 13px; font-size: 1.2em; }
 .butchery-box a:link, .butchery-box a:visited { color: #8a4028; }
 .butchery-box a:hover, .butchery-box a:active, .butchery-box a:focus { color: #d53b2d; }
 .butchery-box a.hlink { margin: 0; top: 4px; width: 150px;}
 
  #mainsidebar .butchery-box div { width: 160px; position: absolute; left: 180px; top: 8px; z-index: 1; opacity: 0.0; background: #fff; }
  #mainsidebar .butchery-box div a { margin: 0; }
  #mainsidebar .butchery-box div.active { z-index: 3; opacity: 1.0; }
  #mainsidebar .butchery-box div.last-active { z-index: 2;}

.ownlabel-box { width: 358px; height: 124px; background:url(/assets/bg-box-own-label.png) no-repeat; }
 .ownlabel-box p { padding: 48px 0 0 12px; width: 145px; }
 .ownlabel-box a:link, .ownlabel-box a:visited { color: #008d7f; }
 .ownlabel-box a:hover, .ownlabel-box a:active, .ownlabel-box a:focus { color: #00c8b4; }
 .ownlabel-box a.hlink { top: 7px; width: 196px; }
 .ownlabel-box a.imglink { top: 0; width: 192px; height: 123px; left: 158px; }
 .ownlabel-box a.imglink:hover, .ownlabel-box a.imglink:active, .ownlabel-box a.imglink:focus { text-decoration: none; }


/* ===== LOGIN PAGE ===== */
.loginboxes { width: 668px; background: url(/assets/bg-boxes-login-register.png) no-repeat 0 0; margin: 20px 0 10px 110px; }
.loginboxes2box { margin-left: 228px; width: 500px; }
#contentwide .loginboxes .bottom { width: 668px; height: 10px; background: url(/assets/bg-boxes-login-register.png) no-repeat 0 bottom; position: relative; clear: both;}
.loginboxes2box, #contentwide .loginboxes2box .bottom { background-image: url(/assets/bg-boxes-login-reg-2box.png); } 
 .loginboxes ul { padding: 0 0 0 2px; margin: 0; }
 .loginboxes li { width: 206px; display: inline-block; position: relative; margin: 0 22px 4px 0; padding-top: 10px; float: left;}
  .loginboxes li.box-register { margin: 0 0 10px -1px; }
 #contentwide .loginboxes h2 { font-size: 1.8em; line-height: 22px; letter-spacing: -1px; }
 #contentwide .box-login h2 { color: #024807; }
 #contentwide .box-activate h2 { color: #483002; }
 #contentwide .box-register h2 { color: #022d48; line-height: 44px;}
 #contentwide .loginboxes h3 { margin: 4px 0 10px; color: #fff; font-size: 1.4em; padding: 4px 11px;}
 .box-login h3 { background: #518252; }
 .box-activate h3 { background: #cda24b; }
 .box-register h3 { background: #5a778a; }
 .loginboxes p, #contentwide .loginboxes h2 { margin-left: 10px; margin-right: 10px; position: relative; }
 .loginboxes p { color: #000; line-height: 120%; font-size: 1em; }
 .loginboxes em { display: block; width: 32px; height: 32px; position: absolute; right: 8px; top: 55px; background:url(/assets/icons/login-register.png);}
 .box-activate em { background-position: -228px 0; }
 .box-register em { background-position: -456px 0; } 
 .loginboxes input.textinput { width: 176px; }
 .loginboxes .button { text-align: center; }
 .loginboxes label { line-height: 20px; }
 .bestway label, .bestway .radio span { color: #2282ca; }
 .batleys label, .batleys .radio span { color: #e2303d; }
.loginboxes label.error { position: absolute; left: 480px; top: 0; color: #fff; background: #d00; padding: 3px 6px; margin: 0; width: auto; text-align: center; display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.loginboxes label.error { left: 200px; width: 56px; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; top: -1px; }
.loginboxes label.error { left: 110px; top: -2px; line-height: 16px; } 
 
/* ======= FORMS ======= */

form p { margin: 0 0 8px; }
input.textinput, textarea.textinput { background: #fff url(/assets/bg-form-input.png) no-repeat left top; border: 1px solid #0072bc; padding: 4px; color: #333; font: 1em Arial, Helvetica, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height: 1.2em;}
 input.textinput.error, textarea.textinput.error { border: 1px solid #d00; }
 input.textinput:focus, input.textinput:active, textarea.textinput:focus, textarea.textinput:active { border: 1px solid #008d7f; color: #000; background-position: left top; }
 .stronglabel { font-size: 1.4em; font-weight: bold; color: #768ea0; padding-right: 8px; letter-spacing:-1px; }

a.back, input.back { background: #0056a6 url(/assets/icon-nav-arrows.png) no-repeat 3px -793px; }

fieldset { margin: 0 0 12px 20px; border: 1px solid #bbb; padding-bottom: 2px;}
 fieldset legend { font-size: 1.3em; color: #0072bc; font-weight: bold; }

 .generalform label, .radio span { display: block; width: 10em; text-align: right; margin-right: 0.8em; float: left; padding-top: 3px; }
 .generalform .radio label { display: inline; width: auto; float: none; }
 .radio span.formsmallprint { display: block; width: auto; text-align: left; margin: 0; float: none; font-size: 0.9em; }
 .generalform .textinput { width: 320px; max-width: 320px; min-width: 320px; max-height: 290px; }
 .generalform p.button, .login p.button { position: relative; left: 10.8em; text-align: center; width: 328px; margin: 0 0 6px; } 

 .login label { display: block; width: 10em; text-align: right; margin-right: 0.8em; float: left; padding-top: 3px; }
 .login .textinput { width: 320px; }

.required { color: #d00; font-weight: bold; font-size: 1.1em;  }
select.required { color: #000; font-weight: normal; font-size: 1em; }
p.indent { padding-left: 10em; }
form p.indent { padding-left: 10.8em; }
#captchacode { height:50px; }
#captchacode img { float:left; margin-right:14px; }
#captchacode a { float:left; font-size:0.9em; padding-top:10px; width:5em; }

.formerrors { padding: 3px 7px 3px 1px; line-height: 1em; background: #fcf8b6; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ffe873; margin: 0 3px 14px 0; list-style-type: none; }
 .formerrors li { background: url(/assets/icon-alert.gif) no-repeat 5px 2px; font-size: 1.2em; padding: 3px 3px 3px 26px; margin: 0; }
 .formerrors li a:link, .formerrors li a:visited { text-decoration: underline; color: #f00; } 
 .formerrors li a:hover, .formerrors li a:active { color: #800; } 

.generalform label.error, .login label.error { position: absolute; left: 500px; color: #d00; width: 60px; text-align: left; display: none; }

.checkbox input { float: left; margin-right: 6px; }
.checkbox label { float: left; width: 93%; }
.checkbox { overflow: auto; }

/* ADS */
.ad-general, .ad-35drive { margin: 4px 0 4px 1px; }

/* ===== FOOTER ===== */
#footer { background: #e0e0e0; clear: both; margin: 10px 0; padding: 16px 0 15px; }
 #footer p { padding: 0 16px; font-size: 1.1em; }
 #footer p.products { padding-bottom: 16px; padding-right: 160px; border-bottom: 1px solid #fff; color: #555; line-height: 130%; position: relative;}
 #footer p.left { width: 500px; padding-top: 2px; color: #444; margin-bottom: 0; }
 #footer ul { list-style-type: none; float: right; padding: 12px 8px 0 0; }
 #footer li { display: inline; padding: 1px 6px; border-right: 1px solid #fff; float: left; font-size: 1em; margin: 0;}
 #footer li.last { border: none; }
 #footer li a { padding: 1px 2px; }
 #footer a:link, #footer a:visited { color: #000; }
 #footer a:hover, #footer a:active { color: #333; }