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

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

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

#header {position:relative; top:0px; left:0px; width:839px; height:84px;}
#logo {position:absolute; top:6px; left:18px;}

#cart {position:absolute; top:14px; left:448px; width:170px;}
#cart a {color:#107538; font-weight:bold; font-size:0.9em;}
#carticon {position:relative; top:0px; left:0px;}
#cartlink {position:absolute; top:9px; left:33px;}

#login {position:absolute; top:59px; left:650px; width:170px;}
#login a {color:#ffffff; font-weight:bold; font-size:0.9em;}

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

#searchbox {position:absolute; top:52px; left:446px; width:170px;}
#searchtitle {position:relative; top:0px; left:0px;}
#inputfield {position:absolute; top:0px; left:0px; width:168px; height:28px; background-image:url(../images/search_back.gif); background-position:left top; background-repeat:no-repeat;}
#inputbox {position:relative; top:6px; left:12px;}
#searchbutton {position:absolute; top:0px; left:170px; width:27px; height:27px;}
.gobutton {padding-left:0px;}

#search label {color:#959696;}
#searchbox input {border:0px; margin-bottom:0px; font-family:Verdana, Arial, Helvetica, sans-serif;} 
.searchimput {border:solid 1px #ffffff; padding:0px; margin:0px; padding-left:3px;}

/* ------------------------------------------------------- 
   toolbox
------------------------------------------------------- */

#toolbar {position:relative; left:0px; top:0px; width:839px; height:42px; background-image:url(../images/toolbar_back.gif); background-position:left top; background-repeat:no-repeat;}
#barpos {position:relative; width:819px; left:20px; top:15px;}
.tools {float:left; padding:0px; margin-right:25px;}
.toolselected {float:left; padding:0px; margin-right:25px;}

#toolbar a {color:#ffffff; font-weight:bold;}
#toolbar .toolselected a {color:#107538;}

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

#innerbox {position:relative; top:1px; left:0px; width:796px; background-color:#ffffff; padding-left:21px; padding-right:22px; padding-bottom:25px; padding-top:3px;}
#banner {position:relative; top:0px; left:0px; width:796px; height:228px; margin-bottom:20px; margin-left:0px;}

.separator {clear:both;}

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

#footertext {clear:both; position:relative; left:0px; top:0px; width:839px; height:61px; margin-left:0px; font-size:0.9em;}
#copyright {position:relative; left:21px; top:5px; width:800px; line-height:1.6em;}
#copyright a {color:#000000; text-decoration:none; }
#copyright a:hover {color:#000000; text-decoration:underline;}

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

#copybox {position:relative; top:0px; left:0px; width:796px; padding-top:10px; padding-bottom:10px;}
#copyboxleft {float:left; width:378px; margin-left:0px; margin-right:40px;}
#copyboxright {float:left; width:378px;}
#copyboxsingle {float:left; width:796px;}

/* ------------------------------------------------------- 
  contact
------------------------------------------------------- */

#contactleft {float:left; width:586px; margin-right:30px;}
#contactright {float:left; width:180px;}
#address {position:relative; top:0px; left:0px; width:150px; height:200px; background-image:url(../images/contact_grad1.jpg); background-repeat:no-repeat; background-position:left top; color:#959696; padding-left:12px; padding-top:30px; line-height:1.4em;}
#address a {color:#117538;}
#updated {position:relative; top:0px; left:0px; width:138px; height:190px; background-image:url(../images/contact_grad2.jpg); background-repeat:no-repeat; background-position:left top; color:#959696; padding-left:12px; padding-right:12px;}
#updated label {color:#117538;}
.buttonright {float:right;}

/* ------------------------------------------------------- 
  producer
------------------------------------------------------- */

#prodform {position:relative; top:0px; left:0px; padding-top:20px;}
#producer {float:left; width:350px; margin-right:20px;}
#programme {float:left; width:350px;}

#producer label {display:block; float:left; width:80px;}
#programme label {display:block; float:left; width:125px;}

/* ------------------------------------------------------- 
  login / register
------------------------------------------------------- */

#loginform {position:relative; top:0px; left:0px; padding-top:20px;}
#signin {float:left; width:350px; margin-right:40px;}
#register {float:left; width:350px;}

#signin label {display:block; float:left; width:80px;}
#register label {display:block; float:left; width:125px;}

#greenbox {position:relative; top:0px; left:0px; width:300px; background-color:#cfe6dc; padding:10px;}
#greenbox a {color:#107538;}

#greenlinks {position:relative; top:0px; left:0px; height:20px;}
#greenbutton {position:absolute; top:0px; left:222px;}

#forgot {position:relative; top:0px; left:0px; width:350px;}
#forgot label {display:block; float:left; width:80px;}

/* ------------------------------------------------------- 
  cat pages
------------------------------------------------------- */

#leftcol {float:left; width:153px; margin-right:20px; padding-left:7px; padding-right:7px; padding-top:12px; padding-bottom:12px; background-color:#ea3c2e; margin-top:6px;}
#midcol {float:left; width:422px; margin-right:25px; margin-top:6px;}
#rightcol {float:left; width:162px; margin-top:6px;}

#browselink {position:relative; top:0px; left:0px; padding-left:11px;}
#browselink a {color:#ffffff; font-weight:bold;}

#leftcol2 {float:left; width:153px; margin-right:20px; padding-left:7px; padding-right:7px; padding-top:12px; padding-bottom:12px; margin-top:6px;}

.boxbox {position:relative; top:0px; left:0px; margin-bottom:10px;}
.boxtop {position:relative; top:0px; left:0px; height:26px; width:422px;}
.boxtab {position:absolute; top:7px; left:0px; width:122px; height:19px; padding-top:3px; padding-left:7px; background-image:url(../images/tab.gif); background-repeat:no-repeat; background-position:left top; color:#ffffff; font-weight:bold; font-size:0.9em;}
.boxrequest {position:absolute; top:0px; left:342px;}
.boxstream {position:absolute; top:0px; left:258px;}
.box {position:relative; top:0px; left:0px; width:418px; border:solid 2px #000000; background-color:#ebeced;}
.boxlink {position:relative; top:0px; left:0px; margin-top:50px; margin-bottom:10px;}
.boxlink a {color:#107538; font-weight:bold;}

.boximg {float:left; width:120px;}
.boxtext {float:left; width:274px; padding:12px;}

.boxtext2 {position:relative; top:0px; left:0px; width:274px; padding:12px;}

/* ------------------------------------------------------- 
  Level 2 naviagtion
------------------------------------------------------- */
#level2 {position:relative; left:11px; top:0px; width:136px; margin-bottom:8px; font-weight:normal;}
#level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level2 li {display:block; width:148px; background-image:none;}
#level2 a {color:#ffffff; display:block; padding-top:1px; padding-bottom:1px; padding-left:0px; text-decoration:none; margin:0px; width:136px; font-weight:bold; background-image:none;}
#level2 a:hover {color:#ffffff; text-decoration:underline; background-image:none;}
.menu2 {}
.menu2 a {color:#ffffff; padding-left:0px; padding-top:1px; padding-bottom:1px; margin:0px; width:136px; font-weight:normal; background-image:none;}
.menu2 a:hover {color:#ffffff; text-decoration:underline; background-image:none;}


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

.newsbox {position:relative; left:0px; top:0px; width:162px; margin-bottom:9px;}
.newstop {position:relative; left:0px; top:0px; width:162px; height:10px; background-image:url(../images/news_top.gif); background-position:left top; background-repeat:no-repeat; }
.newsmid {position:relative; left:0px; top:0px; width:136px; background-color:#ebeced; padding-left:13px; padding-right:13px;}
.newsbot {position:relative; left:0px; top:0px; width:162px; height:10px; background-image:url(../images/news_bottom.gif); background-position:left top; background-repeat:no-repeat;}

/* ------------------------------------------------------- 
  links
------------------------------------------------------- */

#links {position:relative; top:0px; left:0px; width:163px; font-weight:bold; margin-bottom:30px;}
#links ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#links li {display:block; width:163px;  background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#links a {color:#97acbd; display:block; padding-top:6px; padding-bottom:6px; padding-left:8px; text-decoration:none; margin:0px; width:155px; font-weight:bold;}
#links a:hover {color:#97acbd; text-decoration:underline; background-image:url(../images/menu_off.gif); background-position:left top; background-repeat:no-repeat;}

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

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

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

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

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

#recordtext {position:relative; top:0px; left:0px;}
#pagingnav2 {position:absolute; top:-5px; left:150px; width:275px; font-weight:normal; text-align:right;}
#pagingnav2 ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align:right;}
#pagingnav2 li{display: inline; line-height:22px;}
#pagingnav2 li a {color:#ea3c2e; font-weight:normal; padding-right:2px; padding-top:3px; padding-bottom:3px; margin-right:2px;}
#pagingnav2 li a:hover {text-decoration:underline;}

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

.searchitem {position:relative; left:0px; top:0px; padding-top:10px; padding-bottom:10px; background-image:url(../images/search_div.gif); background-position:left top; background-repeat:no-repeat;}
.key {float:left; width:27px; height:27px; background-color:#bfbfbf; border:none; margin-right:1px; margin-bottom:1px;}
.letter {position:relative; left:8px; top:6px;}
.letter a {color:#ffffff; font-size:1.2em; font-weight:bold;} 
.keyed {float:left; width:27px; height:27px; background-color:#8a8a8a; border:none; margin-right:1px; margin-bottom:1px;}

/* ------------------------------------------------------- 
  table grid
------------------------------------------------------- */

.gridtable {width:532px;}
.gridtable tr.blank {height:30px; font-weight:bold;}
.gridtable tr.linebreak {height:10px; background-image:url(../images/search_div.gif); background-position:left top; background-repeat:no-repeat;}

#datehistory {position:absolute; left:350px; top:18px;}

.warning2 {background-color:#c11f1f; color:#ffffff; border:solid 1px #e19a9a; width:505px; padding:10px; margin-bottom:10px; padding-left:10px;}

/* ------------------------------------------------------- 
 site map
------------------------------------------------------- */

#sitemap {}
#sitemap li {list-style-type:none;}
ul#sitemap > li {margin-bottom:10px;}
#sitemap ul li {list-style-image:url(../images/l2_normal.gif);}
#sitemap ul ul li {list-style-image:url(../images/l3_normal.gif);}
#sitemap ul li.firstfollow {list-style-image:url(../images/l2_first_follow.gif);}
#sitemap ul li.last {list-style-image:url(../images/l2_last_item.gif);}
#sitemap ul ul li.firstfollow {list-style-image:url(../images/l3_first_follow.gif);}
#sitemap ul ul li.last {list-style-image:url(../images/l3_last_item.gif);}