body, html{ border:0; margin:0; padding:0; top:0; }
body{background-color:#234487; background-image:url(/images/design/bg.gif); background-repeat:repeat-x; background-position:top; padding-top:35px;}
#Container{ margin-left:auto; margin-right:auto; width:984px; background-color:#FFF; padding-bottom:25px;}
#InnerContainer{ margin-left:auto; margin-right:auto; width:928px;}
#Header{ position:relative; height:155px;}
#Logo{ position:absolute; top:0; left:0; border:0;}
#Welcome{ display:none;}
#Home #Welcome{ display:block; position:absolute; top:19px; left:203px; font-size:2.2em; color:#143f8b; font-style:italic; margin:0;}
#HeaderLinks{ margin:0; padding:0; list-style-type:none; position:absolute; top:18px; right:180px; font-size:0.85em; }
#HeaderLinks li{ margin:0; padding:0; display:inline; border-left:2px solid #958cb7; padding:0 8px;}
#HeaderLinks li.first{ border-left-width:0;}
#HeaderLinks li a{ color:#bfbfc0; text-decoration:none;}
#HeaderLinks li.login a{ color:#fed300; font-weight:bold;}
#Menu{ position:absolute; top:84px; right:0px; margin:0; padding:0; height:37px; width:739px; background-image:url(/images/design/menu_bg.gif); list-style-type:none; text-align:center; font-weight:bold; font-size:1.1em;}
#Menu li{ margin:0; padding:0; display:inline; padding:0 14px 0 15px; background-image:url(/images/design/menu_divider.gif); background-position:left; background-repeat:no-repeat;}
#Menu li.first{ background-image:none; padding:0 14px;}
#Menu li a{ text-decoration:none; color:#143f8b; line-height:37px; display:inline-block;}
#Menu li a:hover{ color:#fdd630}
#HeaderSearch{ margin:0; padding:0; height:24px; width:158px; position:absolute; right:0px; top:14px; background-image:url(/images/design/search_bg.gif);}
#HeaderSearch .button{ position:absolute; top:4px; left:5px;}
#HeaderSearch .text{ border:0px; color:#999; position:absolute; top:3px; left:25px; width:123px;}
#Focus{ height:262px;}
.orangeStrip{ background-image:url(/images/design/orange_strip.gif); height:13px; clear:both;}
#HpBoxes{ padding-top:11px; height:210px;}
#HpBox1, #HpBox2{ height:210px; width:319px; float:left; position:relative; padding-right:14px;}
#HpBox1 .text, #HpBox2 .text{ position:absolute; bottom:0; left:0; width:319px; height:127px; background-image:url(/images/design/hp_big_box_bg.png);}
#HpBox3{height:210px; width:262px; float:left; position:relative;}
#HpBox3 .text{ position:absolute; bottom:0px; left:0; width:262px; height:127px; background-image:url(/images/design/hp_small_box_bg.png);}
#HpBoxes .text h2{ color:#fed200; /*text-transform:uppercase;*/ font-size:1.4em; position:absolute; left:14px; bottom:45px; font-weight:normal; line-height:1em; text-decoration:none;}
#HpBoxes .text h2 a{color:#fed200}
#HpBoxes .text p{ color:#FFF; font-size:0.85em; position:absolute; left:15px; top:80px; padding-right:50px; line-height:1.2em; text-decoration:none;}
#HpBoxes .text p a{color:#FFF; text-decoration:none;}
#HpBoxes .text img{ position:absolute; bottom:10px; right:10px;}
#Footer{ width:984px; margin-left:auto; margin-right:auto; clear:both; font-size:0.85em; padding-top:15px; height:20px; padding-bottom:15px;}
#Footer ul{ margin:0; padding:0; float:left;}
#Footer li{ display:inline; margin:0; padding:0; border-left:1px solid white; padding:0 4px;}
#Footer li.first{ border-left-width:0px;}
#Footer a{ color:#FFF; text-decoration:none;}
#Footer .copyright{ float:right; color:#FFF; margin:0; padding:0; padding-right:4px;}
/* ARTICLE PAGE */
#ContentHolder{}
#Main{ float:right; width:737px;}
#Breadcrumbs{ margin:0px; padding:0px; list-style-type:none; font-size:0.85em; color:#333; padding-bottom:15px;}
#Breadcrumbs li{ padding-left:12px; background-image:url(/images/design/breadcrumbs-divider.gif); background-repeat:no-repeat; background-position:0px 4px; display:inline; padding-right:6px;}
#Breadcrumbs li.first{ padding-left:0px; background-image:none;}
#Breadcrumbs a{ color:#333; text-decoration:none;}
#Breadcrumbs a:hover{ text-decoration:underline;}
#Content{ float:left; width:491px; line-height:1.5em;}
#Content.wide{ width:737px;}
#RightCol{ float:right; width:222px; padding-top:13px;}
.rhCurveBox{height:183px; width:222px; float:left; position:relative;}
.rhCurveBox .text{ position:absolute; bottom:0px; left:0; width:222px; height:127px; background-image:url(/images/design/rh_box_bg.png);}
.rhCurveBox .text h2{color:#fed200; font-size:1.1em; position:absolute; left:10px; bottom:44px; }
.rhCurveBox .text p{ font-weight:bold; font-size:0.9em; position:absolute; right:40px; top:91px; }
.rhCurveBox .text a{ color:#FFF; text-decoration:none;}
.rhCurveBox .text img{ border:0px; position:absolute; bottom:10px; right:10px;}
/* LEFT MENU */
#LeftMenu{ width:175px; float:left;margin:0px; padding:0px; list-style-type:none; padding-top:30px;}
#LeftMenu li{ background-image:url(/images/design/leftMenu_top.gif); background-position:top; background-repeat:no-repeat; background-color:#f8f8f8; margin-bottom:5px;}
#LeftMenu li:hover{ background-color:#e4e4e4; background-image:url(/images/design/leftMenu_top_on.gif);}
#LeftMenu a{ display:block; background-image:url(/images/design/leftMenu_bottom.gif); background-position:bottom; background-repeat:no-repeat; padding:8px; line-height:16px; color:#12408b; text-decoration:none;}
#LeftMenu a:hover{background-image:url(/images/design/leftMenu_bottom_on.gif);}
#LeftMenu span{ padding-left:15px; background-image:url(/images/design/leftMenuArrow.gif); background-repeat:no-repeat; background-position:0px 50%; display:block;}
#LeftMenu.products a{ padding:4px; line-height:16px; overflow:visible; }
#LeftMenu.products span{ padding-right:15px; padding-left:4px; background-repeat:no-repeat; background-position:130px 50%; display:block; text-transform:uppercase; font-size:1.1em; font-weight:bold; overflow:visible;}
#LeftMenu.products li.epo span{ background-image:url(/images/design/productLogos/menu/epo.gif); }
#LeftMenu.products li.efalex span{ background-image:url(/images/design/productLogos/menu/efalex.gif); }
#LeftMenu.products li.efamarine span{ background-image:url(/images/design/productLogos/menu/efamarine.gif); }
#LeftMenu.products li.efalex-vision span{ background-image:url(/images/design/productLogos/menu/efalex-vision.gif); }
#LeftMenu.products li.tommy span{ background-image:url(/images/design/productLogos/menu/tommy-tune.gif); background-position:130px 30%;}
#LeftMenu.products li.efalex-mandb span{ background-image:url(/images/design/productLogos/menu/efalex-mandb.gif); }
/* GENERAL STYLES */
body{font-family:"Gill Sans / Gill Sans MT", Arial, sans-serif; color:#666; font-size:0.8em; line-height:1.4em;}
h1{ color:#1b3d87; font-size:1.7em; font-weight:normal; margin-bottom:0px; margin-top:0px;}
h1 + p, h1 + img + p{ margin-top:5px;}
h2{ color:#1b3d87; font-size:1.3em; margin-bottom:0px;}
h2 + p, h2 + img + p{ margin-top:3px;}
h3{ font-size:1.1em; margin-bottom:0px; color:#666;}
h3 + p, h3 + img + p{ margin-top:0px;}
h1 a, h2 a, h3 a{ text-decoration:none;}
h1 a{ color:#1b3d87}
h2 a{color:#1b3d87}
h3 a{color:#666;}
a img{ border:0;}
a{ color:#1b3d87;}
label{ color:#333;}
#Content ul{ margin-left:0px; padding-left:10px;}
#Content li{ list-style-type:none; padding-left:12px; background-image:url(/images/design/arrowBull.gif); background-repeat:no-repeat; background-position:2px 6px; padding-bottom:10px;}
#Content ul ul li{ padding-bottom:0px;}
/* GENERAL CLASSES */
.clear{ height:1px; overflow:hidden; margin-bottom:-1px; clear:both;}
.largeText{ font-size:18px;}
.smallText{ font-size:10px;}
.smaller{ font-size:0.7em;}
.contentPic{ float:right; padding-left:20px; padding-right:20px; margin-left:15px; margin-bottom:15px; padding-top:20px;}
.external{ padding-right:12px; background-image:url(/images/design/externalLinkIcon.gif); background-position:right 1px; background-repeat:no-repeat;}
/* SPECIFIC CLASSES */
.newsItem{ border:1px solid #fccb09; border-width:1px 0px; padding-left:100px; background-position:7px 50%; background-repeat:no-repeat;}
.newsItem .date{ font-weight:bold;}
.efalexNews{ background-image:url(/images/design/productLogos/efalex.gif);}
.epoNews{ background-image:url(/images/design/productLogos/epo.gif);}
.efamol50PlusNews{ background-image:url(/images/design/productLogos/50plus.gif);}
.efalexChewiesNews{ background-image:url(/images/design/productLogos/efalexChewies.gif);}
.efamaxNews{ background-image:url(/images/design/productLogos/efamax.gif);}
.brandNews{ background-image:url(/images/design/productLogos/brand.gif);}
.efanatalNews{ background-image:url(/images/design/productLogos/efanatal.gif);}
.usefulLink{border:1px solid #fccb09; border-width:1px 0px;}
.usefulLink img{ float:left; padding-top:15px;}
.usefulLink h2{ margin-left:100px;}
.usefulLink p{margin-left:100px;}
#ProductButtons{ height:62px; margin:0 -4px; padding:7px 0 6px; }
.productButton{ width:226px; display:block; margin:0 4px; position:relative; height:62px; float:left; background-image:url(/images/design/productButtons_bg.gif);}
.productButton:hover{background-image:url(/images/design/productButtons_bg_on.gif);}
.productButton h2{ position:absolute; font-size:1.2em; color:#223c83; /*text-transform:uppercase;*/ left:14px; top:14px; margin:0px; text-decoration:none; cursor:pointer;}
.productButton h2 a{color:#223c83; }
.productButton .after{ display:none;}
.productButton:hover .after{ display:inline;}
.productButton:hover .before{ display:none;}
.productButton img{position:absolute; right:8px; bottom:8px; border:0;}
#ProductButtons.new{ height:124px;}
#ProductButtons.new .productButton{ width:304px;margin-bottom:7px;}
#ProductItems{ display:block; width:752px; margin-right:-15px;}
.productItem{ width:173px; position:relative; float:left; margin-right:15px; height:239px; background-image:url(/images/design/productBoxes.gif); background-repeat:no-repeat; background-position:bottom; margin-bottom:20px;}
.productItem img.logo{ position:absolute; top:0px; left:66px;}
.productItem h2{ position:absolute; margin:0px; text-transform:uppercase; color:#1b3d87; text-align:center; width:173px; font-size:1.1em; top:45px;}
.productItem h2 a{color:#1b3d87;}
.productItem img.prodImg{ position:absolute; bottom:8px; left:37px;}
#ContactForm{ background-image:url(/images/design/contactBg.gif); background-position:top; background-repeat:repeat-x; background-color:#d2d3d5; border:2px solid #d5d5d5;}
.infoTable th{ background-color:#069; color:#FFF; vertical-align:bottom; line-height:1.1em;}
.infoTable td{ background-color:#EEE;}
#Content ul.sitemap{ list-style-type:none; font-weight:bold; font-size:1.2em; margin:0px; padding:0px;}
#Content ul.sitemap a{ text-decoration:none;}
#Content ul.sitemap li{margin:0; padding:0;background-image:none; }
#Content ul.sitemap li.newRow{ clear:both;}
#Content ul.sitemap ul{ list-style-type:none; margin:0px; padding:0px;}
#Content ul.sitemap li li{ float:left; padding-top:15px; width:350px; }
#Content ul.sitemap li li a{ color:#000; text-decoration:underline}
#Content ul.sitemap ul ul{ padding-top:5px; width:350px; }
#Content ul.sitemap li li li{ float:none; padding-top:0px; font-size:0.9em;}
#Content ul.sitemap li li li a{ color:#12408b; text-decoration:none;}
#Content ul.sitemap li li li a:hover{ color:#12408b; text-decoration:underline;}
#Content ul.sitemap li li li ul{ padding-top:0px;}
#Content ul.sitemap li li li li{ float:none; padding-top:0px; font-size:0.8em; padding-left:10px;}
#Content ul.sitemap li li li li a{ color:#666; text-decoration:none;}
#Content ul.sitemap li li li li a:hover{ color:#666; text-decoration:underline;}
.rhBox{ padding-top:20px; clear:both;}
.rhBox .header{height:41px; background-position:top left; background-repeat:repeat-x;}
.rhBox h2{ font-weight:normal; margin:0px; line-height:1em;}
.rhBox .rhBoxBody{ background-image:url(/images/design/rhBox-bg.gif); background-position:top; background-repeat:repeat-x; background-color:#025384; padding:10px; border:1px solid #e8e9eb; background-color:#e8e9eb;}
.rhBox h3{ margin-top:0px;}
.rhBox p{}
#Content ul.countries{ margin:0; padding:0; margin-top:10px;}
#Content ul.countries li{ margin:0; padding:0; background-image:none; float:left; width:122px; line-height:1.4em;}
#Content ul.countries li img{ margin-right:4px; border:1px solid #666; vertical-align:text-top;}
#Content ul.countries li a{ text-decoration:none; color:#333;}
#Basket{ margin-bottom:10px;}
#Basket img{ float:left; margin-right:10px; padding-top:3px;}
#Basket h2{ font-size:1em; font-weight:bold; margin-bottom:0px;}
#Basket p.viewBasket{ margin-top:0px; font-size:0.9em;}
#Basket p.viewBasket a{ text-decoration:none;}
#Basket p.continueShopping{ font-size:0.8em; float:left; margin:0px;}
#Basket input.button{ background-image:url(/images/design/buyNowButton.gif); float:right;}
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}