/*--------------TOP SECTION----------------*/
.top {
position:absolute;
top:0px;
height:98px;
}
.logo {background-image: url(images/logo.jpg); left:0px; width:202px;}

#icons {
position:absolute;
top:16px;
left:227px;
}

#mainpic {
position:absolute;
background-image: url(images/mainpic-eu.jpg);
left:202px;
top:0px;
width:518px;
height:248px;
}

/*---------------RULES AND BARS---------------*/
.bar {
position:absolute;
background-repeat:repeat-x;
left:0px;
width:720px;
}
.grey {background-image: url(images/bar-grey.gif); top:248px; height:17px;}
.rule1 {background-image: url(images/rule.gif); top:347px; height:3px;}

/*---------------NAVIGATION---------------*/
.nav {
position:absolute;
background-image: url(images/nav.gif);
left:0px;
width:202px;
height:30px;
text-indent:20px;
}
.nav1 {top:98px;}
.nav2 {top:128px;}
.nav3 {top:158px;}
.nav4 {top:188px;}
.nav5 {top:218px;}

.n-blank {background-image:url(images/nav-blank.gif); top:218px;}

/*-------------------PANELS-------------------*/
.panel {
position:absolute;
background-repeat: repeat-y;
top:350px;
height:400px;
}
.panel-long {
position:absolute;
background-repeat: repeat-y;
top:350px;
height:504px;
}
.left {background-color:#C3D7FF; left:0px; width:202px;}
.right {background-image:url(images/rightbg.gif); left:204px; width:516px;}
.rightblank {background-color:#EDF9FF; left:204px; width:516px;}

.shop-panel {
position:absolute;
background-image:url(images/shop-panel.jpg);
left:0px;
top:350px;
width:202px;
height:504px;
}

/*---------------TEXT BOXES---------------*/
.mid {
position:absolute;
top:266px;
height:95px;
}
.welcome {left:204px; width:500px;}
.flag {left:0px; width:49px;}
.andorra {left:49px; width:49px;}

.box {
position:absolute;
top:364px;
height:380px;
}
.b-left {left:15px; width:175px; color:#193AA5;}
.b-right1 {left:219px; width:228px;}
.b-right2 {left:477px; width:228px;}
.b-right3 {left:219px; width:470px;}
.b-shop {left:320px; width:300px;}

/*---------------SHOP---------------*/
.shop {
position:absolute;
left:220px;
width:85px;
height:96px;
}
.opale {background-image:url(images/sensitive.jpg); top:360px;}
.diamond {background-image:url(images/extra-strength.jpg); top:456px;}
.optima {background-image:url(images/shop-optima.jpg); top:552px;}
.liquid {background-image:url(images/shop-liquid.jpg); top:648px;}
.homeandaway {background-image:url(images/shop-homeandaway.jpg); top:744px;}

.desc {
position:absolute;
left:320px;
width:300px;
}
.d-opale {top:380px;}
.d-diamond {top:476px;}
.d-optima {top:572px;}
.d-liquid {top:668px;}
.d-homeandaway {top:764px;}

.click {
position:absolute;
height:20px;
width:51px;
left:600px;
}
.c-opale {top:380px;}
.c-diamond {top:476px;}
.c-rinse {top:572px;}
.c-liquid {top:668px;}
.c-homeandaway {top:764px;}

/*---------------FOOTER---------------*/
#footer {
position:absolute;
background-image:url(images/footer.gif);
left:0px;
top:751px;
width:720px;
height:39px;
}

#footer-long {
position:absolute;
background-image:url(images/footer.gif);
left:0px;
top:855px;
width:720px;
height:39px;
}

#textbox-footer-long {
position:absolute;
left:0px;
top:870px;
width:720px;
height:10px;
font-size:10px;
color:#333333;
text-indent:20px;
}

/*-----------------FONTS-------------------*/
.small {font-size:10px; color:#193AA5; text-decoration:none;}
.navtext {font-size:12px; line-height:30px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
.footext {color: #333333; text-decoration: none;}
.heading {font-size:16px; color:#193AA5;}
.blue {color:#193AA5; text-decoration: none;}
.offer {font-style:italic; font-weight:bold; color:#ffffff;}