/* ------------------------------------------------------- 
Container elements   	                                    
------------------------------------------------------- */

#pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:868px; font-size:1.2em;}
.separator {clear:both;}

/* ------------------------------------------------------- 
 Page header element	                                    
------------------------------------------------------- */

#toppage {position:relative; top:0px; left:0px; height:79px; width:888px;}
#logo {position:absolute; top:24px; left:0px;}
#tel {position:absolute; top:24px; left:158px;}

#toolbar {position:absolute; top:0px; left:0px; width:142px; font-weight:bold;}
#toolbar ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#toolbar li {display:block; width:142px;  background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#toolbar a {color:#95809f; display:block; padding-top:5px; padding-bottom:5px; padding-left:11px; text-decoration:none; margin:0px; width:131px; font-weight:bold;}
#toolbar a:hover {color:#95809f; text-decoration:underline; background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}

#toolselected {}
#toolselected a {color:#ffffff; padding-left:11px; padding-top:5px; padding-bottom:5px; margin:0px; width:131px; font-weight:bold; background-image:url(../images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}
#toolselected a:hover {color:#ffffff; text-decoration:underline; background-image:url(../images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}

#toolbar li.noborder {background-image: url(../images/menu_off_nb.gif);}
#toolbar a:hover.noborder {background-image: url(../images/menu_off_nb.gif);}
#toolselected a.noborder {background-image: url(../images/menu_on_nb.gif);}
#toolselected a:hover.noborder {background-image: url(../images/menu_on_nb.gif);}

/* ------------------------------------------------------- 
  Page container elements   	                                    
------------------------------------------------------- */

#innerbox {position:relative; top:0px; left:0px; width:888px;}
#homemenucol {float:left; width:124px; padding-left:0px; padding-right:18px; margin-left:0px; margin-right:0px; margin-top:20px; padding-top:0px;}
#homecontentcol {float:left; width:524px; margin-top:0px; padding-right:18px;}
#homenewscol {float:left; width:184px; margin-top:5px; }

#homecopy {position:relative; top:0px; left:0px; margin-left:7px; margin-top:12px; margin-bottom:20px;}
#internalcopy {position:relative; top:0px; left:0px; margin-left:0px; padding-top:15px; padding-bottom:10px; padding-left:18px; padding-right:15px;}
.pagebreak {border-bottom:solid 1px #c0c0c0;}

#menucol {float:left; width:143px; padding-left:20px; padding-right:13px; margin-top:31px;}
#contentcol {float:left; width:572px; padding-top:4px; border-top:solid 1px #e8e8e8; color:#9c9c9c;}
#search {float:left; width:156px;}
.separator {clear:both;}

/* ------------------------------------------------------- 
   search
------------------------------------------------------- */

#searchbox {position:relative; top:0px; left:0px; width:156px; height:166px; background-image:url(../images/site_search_box.gif); background-repeat:no-repeat; background-position:left top;}
#searchtitle {position:absolute; top:0px; left:0px;}
#inputfield {position:absolute; top:47px; left:11px;}
#searchbutton {position:absolute; top:69px; left:11px;}
.gobutton {padding-left:0px;}

#searchbox label {color:#a6c575;}
#searchbox input {border:#a6c575; border:0px;}
.searchimput {border:0px; padding:0px; margin:0px;}

.searchitem {border-top:solid 1px #e8e8e8; padding-left:15px; padding-top:15px; margin-bottom:15px;}

/* ------------------------------------------------------- 
   page 
------------------------------------------------------- */

#homebannerbox {position:relative; top:0px; left:0px; background-color:#ffffff; padding:5px; width:514px; height:585px;}
#banner {position:relative; top:0px; left:0px; width:514px; height:413px; margin-bottom:2px;}

#bannerbox {position:relative; top:0px; left:0px; background-color:#ffffff; padding:5px; width:514px; height:212px;}

#promo1 {position:absolute; top:420px; left:5px;}
#promo2 {position:absolute; top:420px; left:177px;}
#promo3 {position:absolute; top:420px; left:349px;}
#promo4 {position:relative; top:0px; left:0px; width:494px; margin-left:15px; border-top:solid 1px #353535; border-bottom:solid 1px #353535;}

#copybox {position:relative; top:0px; left:0px; width:505px; padding-top:0px; padding-bottom:0px;}
#copyboxleft {float:left; width:240px; margin-left:0px; margin-right:25px;}
#copyboxright {float:left; width:240px;}

#copybox2 {position:relative; top:0px; left:0px; width:505px; padding-top:0px; padding-bottom:0px;}
#copyboxleft2 {float:left; width:275px; margin-left:0px; padding-right:30px;}
#copyboxright2 {float:left; width:170px;}

#copyboxsingle {float:left; width:470px; margin-left:0px; margin-right:0px;}

.greenbold {color:#a6c673; font-weight:bold;}
.greybold {color:#6d6e70; font-weight:bold;}

/* ------------------------------------------------------- 
  Home page links
------------------------------------------------------- */

#links {position:relative; top:0px; left:0px; width:184px; font-weight:bold; margin-bottom:30px;}
#links ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#links li {display:block; width:184px;  background-image:url(../images/level2_off.gif); background-position:left top; background-repeat:no-repeat;}
#links a {color:#95809f; display:block; padding-top:5px; padding-bottom:5px; padding-left:11px; text-decoration:none; margin:0px; width:173px; font-weight:bold;}
#links a:hover {color:#95809f; text-decoration:underline; background-image:url(../images/level_off.gif); background-position:left top; background-repeat:no-repeat;}

#links li.noborder {background-image: url(../images/level2_off_nb.gif);}
#links a:hover.noborder {background-image: url(../images/level2_off_nb.gif);}

/* ------------------------------------------------------- 
  Level 2 naviagtion
------------------------------------------------------- */

#level2 {position:relative; left:0px; top:0px; width:124px; margin-bottom:5px;}
#level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level2 li {display:block; width:124px; background-image:none;}
#level2 a {color:#95809f; display:block; padding-top:0px; padding-bottom:0px; padding-left:23px; text-decoration:none; margin:0px; width:124px; font-weight:bold; background-image:none;}
#level2 a:hover {color:#95809f; text-decoration:underline; background-image:none;}

#menu2 {}
#menu2 a {color:#ffffff; padding-left:23px; padding-top:0px; padding-bottom:0px; margin:0px; width:124px; font-weight:bold; background-image:none;}
#menu2 a:hover {color:#ffffff; text-decoration:underline; background-image:none;}


/* ------------------------------------------------------- 
  Level 3 naviagtion
------------------------------------------------------- */

#level3 {position:relative; left:0px; top:0px; width:142px; margin-top:85px;}
#level3 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level3 li {display:block; width:142px;  background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#level3 a {color:#a8c575; display:block; padding-top:7px; padding-bottom:7px; padding-left:9px; text-decoration:none; margin:0px; width:142px; font-weight:bold;}
#level3 a:hover {color:#a8c575; text-decoration:underline; background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}

#menu3 {}
#menu3 a {color:#848589; padding-left:9px; padding-top:7px; padding-bottom:7px; margin:0px; width:142px; font-weight:bold; background-image:url(../images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}
#menu3 a:hover {color:#848589; text-decoration:underline; background-image:url(../images/menu_on.gif); background-position:left top; background-repeat:no-repeat;}

#level3 li.noborder {background-image: url(../images/menu_off_nb.gif);}
#level3 a:hover.noborder {background-image: url(../images/menu_off_nb.gif);}
#menu3 a.noborder {background-image: url(../images/menu_on_nb.gif);}
#menu3 a:hover.noborder {background-image: url(../images/menu_on_nb.gif);}

/* ------------------------------------------------------- 
  record paging
------------------------------------------------------- */

#pagingnav {position:relative; top:0px; left:0px; width:450px; font-weight:bold;}
#pagingnav ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;}
#pagingnav li{display: inline; line-height:22px;}
#pagingnav li a {color:#a7c474; font-weight:bold; padding-right:8px; padding-top:3px; padding-bottom:3px; margin-right:6px;}
#pagingnav li a:hover {text-decoration:underline;}

* html #pagingnav ul {margin-left:-10px; padding-left:10px;}
.pagingon {color:#5f6062; padding-right:8px; padding-top:3px; padding-bottom:3px; margin-right:6px;}


/* ------------------------------------------------------- 
 footer                                
------------------------------------------------------- */

#footertext {clear:both; position:relative; left:0px; top:0px; width:524px; height:115px; margin-top:20px; margin-left:156px;}

#copyright {position:relative; left:0px; top:0px; color:#5b5b5b; margin-left:0px;}
#copyright a {color:#8f799f; text-decoration:none; }
#copyright a:hover {color:#8f799f; text-decoration:underline;}

#loreallogo {position:absolute; left:-157px; top:-90px;}
#dataservelogo {position:absolute; left:0px; top:87px;}
#punchlogo {position:absolute; left:144px; top:87px;}

/* ------------------------------------------------------- 
   news
------------------------------------------------------- */

#news {position:relative; top:0px; left:0px; margin-top:0px; width:184px;}
.newsdiv {width:184px; height:39px; background-image:url(../images/news_div.gif); background-position:left top; background-repeat:no-repeat;}
.newtitle {font-size: 1.0em; font-weight:bold;}
#news a {font-weight:bold;}


.homesp {position:relative; top:0px; left:0px; height:20px;}