/* ----- GLOBAL & BODY ----- */
body { margin: 0 auto; background: #003A2B url(../Images/Frame/bgd_gradient.jpg) repeat-x center top;}
body.bodyhome { margin: 0 auto; background: #003A2B url(../Images/Frame/bgd_gradient_home.jpg) repeat-x center top;}

* { 
	margin: 0;
	padding: 0;
}
* html img,
* html #productsearch,
* html #highlightstitle,
* html #highlightstext { behavior: url(iepngfix.htc); } /* for use of png file as bgd images in divs. Enter all div names in wich a png is use as bgd  */

/* ----- PAGE STRUCTURE ----- */

#container { margin: 0px auto; padding: 0px; text-align: center;}

#header { margin: 0px auto; padding: 0px; width: 867px; height: 60px; background: transparent url(../Images/Header/bgd_header.gif) no-repeat center top;}
body.bodyhome #header { margin: 0px auto; padding: 0px; width: 867px; height: 89px; background: transparent url(../Images/Header/bgd_header_home.gif) no-repeat center top;}

#menucontainer { margin: 0px auto; padding: 0px; width: 1050px; height: 33px;}

#banner { margin: 0px auto; padding: 0px; width: 867px; height: 129px; background: transparent url(../Images/Header/banner.jpg) no-repeat center top;}
body.bodyhome #banner { margin: 0px auto; padding: 0px; width: 867px; height: 229px; background: transparent url(../Images/Header/banner_home.jpg) no-repeat center top;}
body.bodyproduct #banner { margin: 0px auto; padding: 0px; width: 867px; height: 129px; background: transparent url(../Images/Header/banner_products.jpg) no-repeat center top;}

#contentcontainer { margin: 0px auto; padding: 0px; width: 867px; text-align: left; background: transparent url(../Images/Frame/bgd_main.gif) repeat-y center; border: none;}
#left { text-align: left; float: left; width: 210px; min-height: 250px;}
#productsearch { text-align: left; width: 210px; min-height: 250px; background: transparent url(../Images/ProductSearch/bgd_searchbox.png) no-repeat right bottom; line-height: 14pt;}
.searchboxtext { padding: 0px 10px 30px 15px;}

/* -------- HAREMAIL ------- */
#haremail { margin: 20px 0px 20px 0px;}
#haremailtitle { text-align: left; width: 210px; height: 25px; background: transparent url(../Images/Haremail/bgd_haremailtitle.png) no-repeat right bottom; line-height: 14pt;}
#haremailtitle H2 { font-size: 9pt; padding: 4px 0px 0px 15px;}
#haremailtext { text-align: left; width: 210px; min-height: 120px; background: transparent url(../Images/Haremail/bgd_haremail.png) no-repeat right bottom; line-height: 14pt;}
#haremailtext div { padding: 0px 10px 30px 15px;}

#right { float: left; width: 656px;}
body.bodyabout #right, body.bodyspecials #right, body.bodynews #right, body.bodylinks #right, body.bodycontact #right , body.bodyfocuson #right { /* add page class here */
float: left; width: 845px; margin: 0px 0px 0px 22px;}

#scrollingtext { width: 641px; height: 28px; padding: 0px; margin: 0px; background: #E1E1E1;}
body.bodyabout #scrollingtext, body.bodyspecials #scrollingtext, body.bodynews #scrollingtext, body.bodylinks #scrollingtext, body.bodycontact #scrollingtext , body.bodyfocuson #scrollingtext { /* add page class here */
width: 829px; background: transparent url(../Images/Frame/bgd_scrollingtext.jpg) no-repeat left bottom;}

#mid { float: left; width: 445px;}
body.bodyabout #mid, body.bodyspecials #mid, body.bodyproducts #mid, body.bodynews #mid, body.bodylinks #mid, body.bodycontact #mid , body.bodyfocuson #mid { /* add page class here */
float: left; width: 634px;}

#rightcol { float: left; width: 211px;}
#rightcol #highlights { margin: 10px 0px 0px 0px;}
#rightcol #highlightstitle { width: 211px; height: 25px; margin: 0px; background: url(../Images/RightCol/bgd_highlight_title.png) no-repeat left bottom;}
#rightcol #highlightstitle H2 { font-size: 10pt; padding: 4px 0px 0px 7px; }
#rightcol #highlightstext {  background: url(../Images/RightCol/bgd_highlight.png) no-repeat left bottom;}
#rightcol #highlightstext div { padding: 5px 2px 45px 5px;}

#footer { font-size: 10px; text-align: right; background: transparent url(../Images/Footer/bgd_footer.gif) no-repeat center top; height: 48px; width: 867px; margin: 0px auto; padding: 0px;}
#footer, #footer a { color: #333300; font-size: 10px;}
#footer span { float: right; padding: 4px 20px 0px 20px;}
#footerlinks { font-size: 10px; text-align: left; width: 867px; min-height: 55px; margin: 0px auto; padding: 0px;}
#footerlinks, #footerlinks a { color: #ffffff; font-size: 10px; text-decoration: none;}
#footerlinks span { text-align: left; margin: 0px; padding: 5px 35px 15px 25px;}

.login { padding: 30px 12px 0px 55px; background: transparent url(images/login_bgd.gif) no-repeat right top;}
.loginfooter { background: transparent url(images/login_footer.gif) no-repeat right top; height: 22px;}

/* -------- OLG ------- */

#olg { float: right; padding: 0px 30px 0px 0px;}
#olg a, #olg a:visited, { text-decoration: none;}
#olg a:hover { text-decoration: underline;}