/*Elements*/
*{margin:0;padding:0}
body          { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: #e1e1e1 url(components/general/grad.gif) repeat-x; text-align: center; overflow: auto }
p,h1,h2 { margin: 0px 10px 10px }		
h1       { color: #ef3e34; font-size: 20px; margin-top: 0px; padding-top: 0px }
h2     { color: #ef3e34; font-size: 12px; margin-top: 10px }
h3     { color: #ef3e34; font-size: 14px; margin-bottom: 5px; margin-left: 10px }
h4  { font-size: 11px; margin-left: 10px }
h5     { color: #ef3e34; font-size: 12px; margin-bottom: 0px; margin-left: 10px; padding-bottom: 0px }
img { border: 0px }
p   { color: black; font-size: 12px; line-height: 16px }
a   { color: #ef3e34; text-decoration: none }
a:hover  { color: gray }
ul { margin-bottom: 10px; margin-left: 40px }
li { font-size: 12px }

/*Navigation*/
#subNav      { color: white; font-size: 10px; background-image: url(components/nav/subNavBg.gif); padding-top: 2px; padding-bottom: 2px; width: 784px }
#subNav ul   { margin-bottom: 0px; margin-left: 20px }
#subNav li      { color: white; font-size: 10px; padding-right: 10px; padding-left: 10px; border-right: 1px solid #ef3e34; display: inline }
#subNav a { color: black }
#subNav .user a { color: #ef3e34 }
#subNav a:hover  { color: #808080 }
#newNavPos     { font-weight: bold; font-size: 11px; line-height: 11px; background: url(components/nav/navBg.gif) repeat-x; width: 100%; height: 31px; display: block }
#newNavPos a  { color: #f5f5f5; background-color: #ef3e34 }
#newNavPos a:hover    { color: #dcdcdc }
#newNavPos .newNavSel a { color: #808080; background-color: #ebebeb }
#newNavPos .newNavSel a:hover { color: #979797 }
.newNav    { background: url(components/nav/leftbar.gif) no-repeat; float: left; padding-left: 15px }
.newNavSel   { background-image: url(components/nav/lefbarSel.gif); float: left; padding-left: 15px }
.navRight     { float: left; width: 19px; height: 31px }
.navLink   { color: white; text-align: center; float: left; margin-right: auto; margin-left: auto; padding-top: 4px; width: 75px }

/*Page*/
#bg        { background: white url(components/general/bgBord.gif); text-align: center; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 10px; width: 804px }
#frame    { text-align: left; margin-right: 10px; margin-left: 10px; border: none }
#contentheader    { }
.headTop  { height: 85px }
.logo  { margin-bottom: 5px }
#main    { background: url(components/general/mainBG.gif) repeat-y; margin-bottom: 5px; padding-top: 5px; overflow: hidden }
.address   { color: #ef3e34; font-size: 11px; text-align: right; float: right; padding-top: 10px; width: 200px }
.logoPos  { float: left; width: 550px }

/*Small page*/
#bgsm        { background: white url(components/general/bgBordSm.gif); text-align: center; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 10px; width: 504px }
#bgsm h2 { margin-left: 0px; padding-left: 0px }
#bgsm #close { font-size: 12px; text-align: right; float: right; width: 75px }
#mapTxt { font-size: 12px; line-height: 18px; float: right; width: 140px }

/*left column*/
#left   { float: left; padding-top: 5px; width: 180px }
#left p  { font-size: 11px; line-height: 14px; margin-bottom: 0px; margin-left: 0px; padding-bottom: 5px; padding-left: 5px }
#left h3    { font-size: 11px; margin-left: 0px; padding-top: 0px; padding-bottom: 2px; padding-left: 5px; border-bottom: 2px solid #dcdcdc }
.line    { background: #ebebeb no-repeat; margin-left: 5px }
.line p  { margin-right: 5px }
.round { text-align: right; padding-left: 5px }
.roundBot { text-align: right; margin-bottom: 5px; padding-left: 5px }
/*Right column*/
#right    { float: left; width: 602px }
.col3    { background: url(components/general/col3BG.gif) no-repeat; float: left; margin-top: 10px; width: 200px }
.col3 p     { color: #808080; margin-right: 20px; margin-left: 20px }
.col3 h2 { margin-right: 20px; margin-left: 20px }
.col3mid        { background: url(components/general/col3BG.gif) no-repeat; float: left; margin-top: 10px; margin-bottom: 15px; border-top: none white; border-right: 1px solid #ef3e34; border-bottom: none white; border-left: 1px solid #ef3e34; width: 200px }
.col3mid p    { color: #808080; margin-right: 20px; margin-left: 20px }
.col3mid h2 { margin-right: 20px; margin-left: 20px }
.col3img { margin-left: 10px }
.proBut   { background-color: #f5f5f5; margin-bottom: 10px; margin-left: 10px; padding-top: 10px; border: solid 1px #dcdcdc; height: 60px }
.proBut1         { color: #ef3e34; font-weight: normal; font-size: 13px; background: #f5f5f5 url(components/general/prodBg.gif); margin-bottom: 10px; border: solid 1px #dcdcdc }
.newsBut1 { color: #ef3e34; font-weight: normal; font-size: 13px; background: #f5f5f5 url(components/general/newsBg.jpg); margin-bottom: 10px; border: solid 1px #dcdcdc }
.newsbut1 h2 { margin-top: 0px; padding-top: 0px }
.proBut1 p { color: #585858; margin: 0px; padding: 0px }
.proBut1 a:hover    { }
.proBut1pic     { float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; width: 75px; height: 75px; display: block }
.newsBut1pic  { float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; display: block }
.proBut1txt { font-weight: bold; float: left; margin-top: 5px; margin-left: 5px; padding-bottom: 8px; width: 105px }
.newsBut1txt { font-weight: bold; float: left; margin-top: 5px; margin-left: 5px; padding-bottom: 8px; width: 350px }

.proBut2          { color: #ef3e34; font-weight: normal; font-size: 13px; background: #f5f5f5 url(components/general/prodBg.gif); margin-bottom: 10px; border: solid 
1px #dcdcdc; width: 245px }
.proBut2 p  { color: #585858; font-size: 13px; line-height: 13px; margin: 0px 0px 5px 8px; padding: 0px }
.proBut2pic   { float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; width: 75px; height: 50px; display: block }
.proBut2txt    { font-weight: bold; float: left; margin-top: 5px; margin-left: 5px; width: 150px }

/*buttons on right*/
.proBut3          { color: #ef3e34; font-weight: normal; font-size: 13px; background: #f5f5f5 url(components/general/prodBg.gif); margin-bottom: 10px; border: solid 1px #dcdcdc; width: 240px }
.proBut3 p  { color: #585858; font-size: 13px; line-height: 13px; margin: 0px 0px 5px 8px; padding: 0px }
.proBut3pic   { float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; width: 75px; height: 50px; display: block }
.proBut3txt    { font-weight: bold; float: left; margin-top: 5px; margin-left: 5px; width: 150px }

.prodCol { float: left; margin-left: 10px; width: 285px }
.newsCol { margin-right: 10px; margin-left: 10px }
.txtHomeEur    { float: left; margin-bottom: 10px; padding-top: 5px; width: 325px }
.txtVidEur { float: left; margin-bottom: 10px; padding-top: 5px; width: 250px }
.txtSearchEur { float: left; margin-bottom: 10px; margin-left: 10px; padding-top: 5px; width: 425px }
.txtNewsEur { float: left; margin-bottom: 10px; padding-top: 5px; width: 370px }
.txtHomeEurLg { float: left; margin-bottom: 10px; padding-top: 5px; width: 400px }
.homeTopEur   { line-height: 0px; margin-left: 10px; border-bottom: 2px solid #808080; width: 580px; height: 1px }
.prodHomeColEur  { float: left; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; border-left: 1px solid #ef3e34 }
.prodVidColEur { float: left; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; border-left: 1px solid #ef3e34 }
.newsPageCol { float: left; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; border-left: 1px solid #ef3e34 }
.newsPageCol p { margin-bottom: 10px; margin-left: 0px }
.newsPageCol ul { color: #f5817b; font-weight: bold; font-size: 12px; margin-left: 10px; padding-left: 10px }
.newsPageCol li { list-style-image: url(components/general/newsArrow2.gif); margin-top: 5px; margin-bottom: 5px }
.newsPageCol b { color: #ef3e34 }
.newsPageCol a { text-decoration: underline }
.newsIndexCol { float: left; margin-bottom: 10px; padding-top: 40px; padding-bottom: 10px; padding-left: 15px; border-left: 1px solid #ef3e34 }
.newsIndexCol p { font-weight: bold; line-height: 16px; margin-bottom: 0px }
.prodHomeColEur h2 { margin-left: 0px; padding-left: 0px }
.enviNav { float: left; width: 200px }
.leftNav     { text-align: left; margin-top: 8px; margin-right: 20px; margin-left: 30px; border: solid 1px #dcdcdc }
.leftNav h2    { color: white; font-weight: bold; background: #dcdcdc url(components/general/greenBg.jpg); margin-top: 0px; margin-right: 0px; margin-left: 0px; padding: 10px; border-bottom: 1px solid #dcdcdc }
.leftNav h2 a { color: white }
.leftNav h2 a:hover { color: #dcdcdc }
.leftNav ul { margin-left: 10px; padding-left: 10px }
.leftNav a { color: green }
.specFull table { margin-left: 10px }
.specFull p { margin: 0px; padding: 3px }
#techList ul   { color: #808080; list-style-type: square; margin-left: 0px; padding-left: 25px }
#techList li   { margin-bottom: 5px }
/*Footer*/
#footer      { color: #808080; font-size: 11px; margin-top: 10px; margin-bottom: 0px; padding-right: 10px; padding-left: 10px; border-top: 1px solid #ef3e34; border-bottom: 2px none; height: 30px }
#footer a  { color: #808080; text-decoration: underline }
.copy  { text-align: left; float: left; padding-top: 10px; width: 300px }
.design  { text-align: right; float: right; padding-top: 10px; width: 300px }
.comment { overflow: auto }
/*Gallery*/
.bargainform   { text-align: left; margin-left: 50px }
.CTAbuttons  { background-color: gray }
.demo  { float: right; padding-bottom: 5px; width: 180px; height: 16px }
.bargTable   { font-size: 12px; margin-top: 3px; margin-left: 0px; border: solid 1px #000; width: 580px }
.bargTableImg    { background-color: white }
.bargTable p  { color: #585858; font-size: 12px; margin-top: 3px; margin-bottom: 5px; padding-left: 5px }
.bargTable a  { text-decoration: underline }
.bargTable h1        { color: #ef3e34; font-size: 16px; margin-top: 3px; margin-bottom: 3px }
.bargTable h2    { color: #ef3e34; font-size: 12px; margin-top: 3px; margin-bottom: 3px; padding-left: 5px }
.bargTable td { background-color: #fff; border-bottom: 1px solid #a6a6a6 }
.bargTable th  { color: #f5f5f5; font-weight: bold; background: url(components/general/tablebg.gif) no-repeat }
.specTable { color: #585858; font-size: 12px; margin-top: 10px; margin-left: 10px; border: solid 1px #000; width: 580px }
.specTable td  { padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #a6a6a6; height: 30px }
.specTable th  { font-weight: bold; background-color: #e9e9e9; height: 30px }
.shopTable  { color: #585858; font-size: 12px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; border: solid 1px #000; width: 450px }
.shopTable td  { padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #a6a6a6; height: 30px }
.shopTable th { font-weight: bold; background-color: #e9e9e9; height: 30px }
.appTable   { font-size: 11px; line-height: 16px; margin-left: 10px; width: 570px }
.appTable td   { vertical-align: top; margin-top: 0px; padding: 5px 10px; border-bottom: 1px solid #a6a6a6 }
.appTable th { font-weight: bold; background-color: #e9e9e9; height: 30px }
.appTable b { color: #ef3e34 }
.top5px { margin-top: 5px }
.selected   { color: #585858; font-size: 14px; line-height: 1em }
.bigger   { font-size: 18px; line-height: 1em }
.arrowTop  { margin-top: 10px }
.arrow, .arrowTop   { font-size: 20px; margin-left: 10px; width: 150px; height: 40px; display: block }
.arrow a, .arrowTop a { color: #b0b0b0 }
.arrow a:hover. arrowTop a:hover { color: #696969 }
.arrowLine  { margin-right: 30px; margin-bottom: 8px; margin-left: 30px; border-bottom: 1px solid #dcdcdc }
.barginFormTop { margin-top: 10px }
.barginFormLeft { float: left; margin-top: 10px; padding-right: 20px }
.barginFormRight { float: left; margin-top: 10px }
.barginFormBot { clear: both; margin-bottom: 10px; padding-top: 10px; width: 400px }
.barginForm { padding-left: 95px }
.selectform  { margin: 0px; padding: 10px 0px 0px }
/*Openday*/
#openday    { background: url(components/openday/eur588_openday_outside1.gif) no-repeat; margin-left: 10px; padding-top: 150px; width: 585px }
#openday #l { margin-right: 210px }
#battersea      { background: url(components/openday/battersea.gif) no-repeat; margin-left: 10px; padding-top: 65px; padding-right: 280px; padding-bottom: 1px }
#battersea p { font-weight: bold; font-size: 15px }
#battersea ul  { margin-top: 15px; margin-bottom: 15px }
#battersea li { margin-bottom: 4px }
#batterseaBot  { background: url(components/openday/batterseaBot.gif) no-repeat; margin-left: 10px; width: 573px; height: 18px }
#openday #r  { float: right; width: 200px }
#openday #r h4  { color: red; font-weight: bold; font-size: 14px; margin-bottom: 10px; margin-left: 10px }
#smOpenday { font-weight: bold; font-size: 14px; background: url(components/openday/eur588_openday_outsideSmall.gif) no-repeat; text-align: center; margin-top: 10px; padding-top: 60px; width: 245px }
#smOpenday.home { font-weight: bold; font-size: 14px; background: url(components/openday/eur588_Small2.gif) no-repeat; text-align: center; margin-top: 10px; padding-top: 60px; width: 245px }
#smOpenday a { color: gray }
#smOpenday a:hover { color: red }
/*Unsubscribe*/
p.unsubAddress   { color: #ef3e34; font-weight: bold; font-size: 14px; background-color: #ffefe5; margin-right: 50px; margin-bottom: 0px; margin-left: 20px; padding: 5px 20px; border: solid 1px #ef3e34 }
p.notAddress { color: gray; font-weight: normal; font-size: 8px; margin-left: 20px }