/* ERIKS DIRECT */

body {
  text-align: center;
  font-family:Arial;
  color:#000000;
  height:100%; 
}

a:link    { color: #0061AD; text-decoration: none; }
a:visited { color: #0061AD; text-decoration: none; }
a:hover   { color: #0061AD; text-decoration: none; }
a:active  { color: #0061AD; text-decoration: none; }

#container {
  position: relative;
  margin: 0 auto;
  text-align: left;
  padding:0px;
  width: 770px; 
  font-size:0.8em;
}

#header {
  position: relative;  
  background-image:url(../images/header-contact.png);
  background-repeat:no-repeat;
  background-position:right;
  height:113px;
}

#eriks-logo  { position:relative; z-index: 2; padding-left:10px; }
#direct-logo { position:relative; z-index: 2; padding-left:10px; }

#baseline                 { position:relative; z-index:1; bottom:32px; }
#baseline-links           { position:relative; z-index: 5; left:0; top:-20px;} 
#baseline-links ul        { list-style-type:none; margin:0; padding:0 0 0 14px; font-family:Verdana, Arial; font-size:0.9em;  }
#baseline-links li        { display:inline; }
#baseline-links a         { float:left; padding-right:20px; text-decoration:none; font-weight:bold; }
#baseline-links a:link    { color:#FFFFFF; text-decoration:none;}
#baseline-links a:visited { color:#FFFFFF; text-decoration:none;}
#baseline-links a:hover   { color:#FED008; text-decoration:none;}
#baseline-links a:active  { color:#FED008; text-decoration:none;} 



#contact-details {
  position:absolute;
  z-index: 2;
  font-size:1.1em;
  font-family:Verdana,Arial;
  font-weight:bold;
  color:#0061AD;
  width:280px;
  height:60px;
  right:0;
  top:12px;
}

#contact-details a:link    { color:#0061AD; text-decoration:none;}
#contact-details a:visited { color:#0061AD; text-decoration:none;}
#contact-details a:hover   { color:#0061AD; text-decoration:underline;}
#contact-details a:active  { color:#0061AD; text-decoration:none;} 

#content {
  position: relative;  
  background-image:url(../images/main-background.png);
  background-repeat:no-repeat;
  background-position:top right;
  top:0;
  padding:0;
  margin:0;
  height:700px;
}  

#catalogue          { position:absolute; right:0; top:-45px; width:340px; z-index:3 }
#catalogue #product { position:relative; left:0;   top:0;}
#catalogue #tech    { position:absolute; left:32%; top:7px;}
#catalogue #latest  { position:absolute; left:78%; top:20px;}



#latest-offer {
  background-image:url(../images/latest-background.gif);
  background-repeat:no-repeat;
  height:44px;
  color:#FED008;
  font-size:1.3em;
  font-family:Verdana,Arial;
  font-weight:bold;
  padding-left:10px;
  letter-spacing:2px;
  padding-top:2px
}

#special-offer {
  background-image:url(../images/special-background.png);
  background-repeat:no-repeat;
  height:112px;
  width:275px;
}

#special-offer #offer { position:relative; height:105px; font-weight:bold; top:0px; }
#special-offer #image { float:left;}
#special-offer #title { color:#0061AD; font-size:1.4em; font-family:Verdana,Arial;}
#special-offer #desc  { color:#000000; font-size:0.8em; font-family:Verdana,Arial;}
#special-offer #pound { color:#FF0000; font-size:1.6em; font-family:Bookman Old Style, Verdana, Arial;}
#special-offer #pence { color:#FF0000; font-size:1.3em; font-family:Bookman Old Style, Verdana, Arial; vertical-align: top; }

#menu {
  width:162px;
  background-color:#C5EEFB;
  height:100%; 
}  

#menulistx ul { border-top:1px solid #0068b3; font-size:0.8em; font-family:Verdana,Arial; font-weight:bold; margin:0; padding:0; }
#menulistx li { display:block; height:29px; background-image:url(../images/menubar.png); background-repeat:repeat-x; padding-left:5px; }

#menulist                    { color:#0061AD; }
#menulist ul                 { list-style-type:none; border-top:1px solid #0068b3; font-size:0.8em; font-family:Verdana,Arial; font-weight:bold; margin: 0; padding: 0; }
#menulist li                 {  margin:0; }
#menulist .menurow           { }
#menulist a                  { display:block; text-decoration: none; border-bottom: 1px solid #0068b3; padding:0.5em 0.8em; }
#menulist .menurow a         { color: #0061AD; text-decoration: none;  background-image:url(../images/menubar.jpg);background-repeat:repeat-x;}
#menulist .menurow a:link    { color: #0061AD; text-decoration: none;  background-image:url(../images/menubar.jpg);background-repeat:repeat-x;}
#menulist .menurow a:visited { color: #0061AD; text-decoration: none;  background-image:url(../images/menubar.jpg);background-repeat:repeat-x;}
#menulist .menurow a:hover   { color: #0061AD; text-decoration: none;  background-image:url(../images/menubar2.jpg);background-repeat:repeat-x;}
#menulist .menurow a:active  { color: #0061AD; text-decoration: none;  background-image:url(../images/menubar.jpg);background-repeat:repeat-x;}


#bodycontent {
  position:absolute;
  right:1em;
  width:530px;
  top:120px;
}


#downloads           { position:relative; left:0;}
#downloads #products { position:absolute; left:-50px; }
#downloads #account  { position:absolute; left:-50px; }
#downloads #terms    { position:absolute; left:-50px; top:100px; }

#orders           { position:relative; left:0;}
#orders #local    { position:absolute; left:-80px; }
#orders #direct   { position:absolute; left:-80px; top:100px; }
#orders #email    { position:absolute; left:-80px; top:200px; }
#orders #callback { position:absolute; left:-80px; top:300px; }

#product-list  { position:relative; }

div.product-title        { position:absolute; left:0; width:190px; z-index:5;}
div.product-title a       { width:190px; display:block; color:#FFFFFF; text-decoration:none; }
div.product-title a:link  { color: #FFFFFF; text-decoration:none; }
div.product-title a:hover { color:#FFFFFF; text-decoration:none; }

div.product-desc         {  font-size:0.95em; z-index:6; text-indent:190px; }
div.product-desc a       { width:525px; display:block; color:#FFFFFF; text-decoration:none; }
div.product-desc a:link  { color: #FFFFFF; text-decoration:none; }
div.product-desc a:hover { color:#FFFFFF; text-decoration:none; }
  
td {font-family:Verdana, Arial; padding-bottom:1em;}  
H1 {font-family:Verdana, Arial; font-size:1.2em; color:#0061AD; font-weight:bold; margin:0;}  
H2 {font-family:Verdana, Arial; font-size:1.0em; color:#0061AD; font-weight:bold; margin:0;}  
H3 {font-family:Verdana, Arial; font-size:1.0em; color:#000000; font-weight:bold; margin:0;}  

.benefits {color:red;} 

div.product-row1 { background-image:url(../images/product-bg1.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; position:relative; text-decoration:none; }
div.change1on    { background-image:url(../images/product-hl1.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }
div.change1off   { background-image:url(../images/product-bg1.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }

div.product-row2 { background-image:url(../images/product-bg2.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; position:relative; text-decoration:none; }
div.change2on    { background-image:url(../images/product-hl2.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }
div.change2off   { background-image:url(../images/product-bg2.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }

div.product-row3 { background-image:url(../images/product-bg3.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; position:relative; text-decoration:none; }
div.change3on    { background-image:url(../images/product-hl3.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }
div.change3off   { background-image:url(../images/product-bg3.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }

div.product-row4 { background-image:url(../images/product-bg4.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; position:relative; text-decoration:none; }
div.change4on    { background-image:url(../images/product-hl4.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }
div.change4off   { background-image:url(../images/product-bg4.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }

div.product-row5 { background-image:url(../images/product-bg5.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; position:relative; text-decoration:none; }
div.change5on    { background-image:url(../images/product-hl5.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }
div.change5off   { background-image:url(../images/product-bg5.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }

div.product-row6 { background-image:url(../images/product-bg6.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; position:relative; text-decoration:none; }
div.change6on    { background-image:url(../images/product-hl6.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }
div.change6off   { background-image:url(../images/product-bg6.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }

div.product-row7 { background-image:url(../images/product-bg7.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; position:relative; text-decoration:none; }
div.change7on    { background-image:url(../images/product-hl7.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }
div.change7off   { background-image:url(../images/product-bg7.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }

div.product-row8 { background-image:url(../images/product-bg8.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; position:relative; text-decoration:none; }
div.change8on    { background-image:url(../images/product-hl8.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }
div.change8off   { background-image:url(../images/product-bg8.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }

div.product-row9 { background-image:url(../images/product-bg9.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; position:relative; text-decoration:none; }
div.change9on    { background-image:url(../images/product-hl9.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }
div.change9off   { background-image:url(../images/product-bg9.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }

div.product-row10 { background-image:url(../images/product-bg10.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; position:relative; text-decoration:none; }
div.change10on    { background-image:url(../images/product-hl10.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }
div.change10off   { background-image:url(../images/product-bg10.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }

div.product-row11 { background-image:url(../images/product-bg11.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; position:relative; text-decoration:none; }
div.change11on    { background-image:url(../images/product-hl11.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }
div.change11off   { background-image:url(../images/product-bg11.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }

div.product-row12 { background-image:url(../images/product-bg12.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; position:relative; text-decoration:none; }
div.change12on    { background-image:url(../images/product-hl12.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }
div.change12off   { background-image:url(../images/product-bg12.png); background-repeat:no-repeat; height:35px; line-height:35px;  color:#FFFFFF; text-indent:5px; font-size:0.9em; font-family:Verdana,Arial; }


.rollover1  { background-image: url("../images/product-hl1.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover2  { background-image: url("../images/product-hl2.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover3  { background-image: url("../images/product-hl3.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover4  { background-image: url("../images/product-hl4.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover5  { background-image: url("../images/product-hl5.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover6  { background-image: url("../images/product-hl6.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover7  { background-image: url("../images/product-hl7.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover8  { background-image: url("../images/product-hl8.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover9  { background-image: url("../images/product-hl9.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover10 { background-image: url("../images/product-hl10.png"); background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover11 { background-image: url("../images/product-hl11.png"); background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover12 { background-image: url("../images/product-hl12.png"); background-repeat: no-repeat; background-position:  -1000px -1000px; }

.rollover13 { background-image: url("../images/product-bg1.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover14 { background-image: url("../images/product-bg2.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover15 { background-image: url("../images/product-bg3.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover16 { background-image: url("../images/product-bg4.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover17 { background-image: url("../images/product-bg5.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover18 { background-image: url("../images/product-bg6.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover19 { background-image: url("../images/product-bg7.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover20 { background-image: url("../images/product-bg8.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover21 { background-image: url("../images/product-bg9.png");  background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover22 { background-image: url("../images/product-bg10.png"); background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover23 { background-image: url("../images/product-bg11.png"); background-repeat: no-repeat; background-position:  -1000px -1000px; }
.rollover24 { background-image: url("../images/product-bg12.png"); background-repeat: no-repeat; background-position:  -1000px -1000px; }