body{background:#555451 url(../images/bg_main.jpg) top left repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:75%;}
form{padding:0px; margin:0px;} a{color:#027c5b; text-decoration:underline;} a:hover{color:#000; text-decoration:none;}

/* Reasoning for zoom call in CSS - in internet explorer things magically disappear but if you drag your mouse over where they are meant to be */
/* they appear again the zoom method makes them appear 100%. This shows as invalid markup but is required to display properly. */

/* custom styles */
.clear_left{clear:left;} .clear_right{clear:right;} .clear_both{clear:both;}

#base{width:982px; margin:auto;}
#mainframe{width:799px; float:left; color:#fff;} #subframe{width:183px; float:left; color:#fff;}

#frame_bottom{background:url(../images/frame_bottom.jpg) bottom left no-repeat;}
#frame_top{background:#fff url(../images/frame_top.jpg) top left no-repeat;}
#frame_content{color:#000;} #sub_top_nav{color:#fff; height:20px; text-align:right; padding-right:10px;}
#sub_top_nav a{color:#fff; text-decoration:none;} #sub_top_nav a:hover{color:#fff; text-decoration:underline;}

#act_content{padding:8px;}
#centre_source{min-height:510px; height: expression( this.scrollHeight < 510 ? "510px" : "auto" ); /* sets min-height for IE */}

#logo{float:left;} #quick_links{float:right; padding-top:20px;}

#main_nav{margin-top:10px;}
#main_nav div a{float:left; padding:3px 0px 3px 0px; background:#d8d8d8; margin-right:3px; color:#000; text-decoration:none;}
#main_nav div a:hover{background:#027c5b; color:#fff;}
#main_nav .one a{width:48px; text-align:center;} /* Home */
#main_nav .two a{width:65px; text-align:center;} /* About Us */
#main_nav .three a{width:120px; text-align:center;}  /* Production */
#main_nav .four a{width:65px; text-align:center;}  /* Products */
#main_nav .five a{width:55px; text-align:center;} /* Design */
#main_nav .six a{width:75px; text-align:center;} /* Decoration */
#main_nav .seven a{width:50px; text-align:center;} /* Filling */
#main_nav .eight a{width:65px; text-align:center;} /* Recycling */
#main_nav .nine a{width:95px; text-align:center;} /* Customer Base */
#main_nav .ten a{width:42px; text-align:center;} /* News */
#main_nav .eleven a{width:70px; text-align:center;} /* Contact Us */

#bread_trail{font-size:90%; padding:10px 0px 10px 0px; border-bottom:1px dotted black; zoom:1;}

#banner_frame{margin-top:4px;}
#side_banner{width:220px; background:url(../images/bg_side_banner.jpg) top left no-repeat; border-right:1px solid #fff; padding:130px 10px 115px 22px; float:left;}
#bookingform{padding:90px 0px 0px 15px;}
#bookingform h4 {color:#fff; font-size:90%; margin-bottom:8px;}
#bookingform input {background-color:#1d548d; border:1px solid black; color:#fff;}
#banner{zoom:1; float:left; width:510px; padding:225px 10px 20px 10px;} 
#banner_synop{background:url(../images/bg_synop.png); padding:8px; color:#fff;} #banner_synop span{font-size:120%}

#banner a{color:#fff; text-decoration:underline;} #banner a:hover{color:#fff; text-decoration:none;}
#side_banner a{color:#90bfa8; text-decoration:underline;} #side_banner a:hover{color:#fff; text-decoration:none;}

#lower_content{margin:0;padding:0;}
#lower_content ul{margin:0px; padding:5px; list-style-type:none;}
#lower_content li{color:#000; text-decoration:none; display:block; background:url(../images/icon_pointer.jpg) left 0.4em no-repeat; padding:0px 2px 2px 10px; margin-bottom:5px;}
#lower_content h2{padding:0px; margin:0px; color:#027c5b; font-size:140%;}
#lower_content h3{padding-top:5px; margin:0px; color:#027c5b; font-size:120%;}
.green{font-weight:bold; color:#027c5b;}

#left_pane{float:left; width:252px; border-right:1px solid #fff;} #right_pane{float:left; width:530px;}
#left_pane ul{margin:0px; padding:0px; list-style-type:none;}
#left_pane li{padding:3px; border-bottom:1px dotted #000; padding-left:18px;}
#left_pane li.pdf{background:url(../images/icon_pdf.jpg) left center no-repeat;} 
#left_pane li.doc{background:url(../images/icon_doc.jpg) left center no-repeat;}
#left_pane li.video{background:url(../images/icon_video.jpg) left center no-repeat;}

#downloads{width:252px; border-right:1px solid #fff;} 
#downloads ul{margin:0px; padding:0px; list-style-type:none;}
#downloads li{padding:3px; border-bottom:1px dotted #000; padding-left:18px;}
#downloads li.pdf{background:url(../images/icon_pdf.jpg) left center no-repeat;} #downloads li.doc{background:url(../images/icon_doc.jpg) left center no-repeat;}
#downloads h2{padding:0px; margin:0px; color:#9b1e5b; font-size:140%;}

.pod_top{background:#e2e2e2 url(../images/pod_top.jpg) top left no-repeat; margin-bottom:5px; zoom:1;}
.pod_top-map{background:#e2e2e2 url(../images/pod_top-map.jpg) top left no-repeat; margin-bottom:5px; zoom:1;}
.pod_bottom{background:url(../images/pod_bottom.jpg) bottom left no-repeat;}
.pod_content{padding:10px;} div.pod_content h4{margin:0px; background:#fff; padding:4px; color:#027c5b; font-weight:normal;}
.pod_struct{background:#fff; margin-top:8px; padding:4px;} .pod_struct_none{margin-top:8px; padding:0px;}
#salesteamflash{margin-top:4px; padding:0;}

#sales_left{margin-top:4px;float:left; padding:4px;} #sales_right{float:right;}

#general_welcome{padding:5px; padding-bottom:0px;} 
#general_welcome h3{padding:0px; padding-top: 5px; margin:0px; color:#027c5b; font-size:120%;}
#product_showcase_container{padding:5px;}

#ps_links{float:left; width:160px;} #ps_dsp{float:left; background:#fff; width:360px;}
#ps_links div a{background:#9d9983; border-bottom:1px solid #fff; border-right:1px solid #fff; color:#fff; padding:4px 3px 4px 3px; display:block; text-decoration:none;}
#ps_links div a:hover{background:#000;}

#footer{background:#027c5b; color:#fff; zoom:1;}
#footer div.weblink{float:left; padding:8px;} #footer div.weblink a{color:#fff; text-decoration:none;} #footer div.weblink a:hover{text-decoration:underline;}
#footer div.legal{float:right; padding:8px;} #footer div.legal a{color:#fff; text-decoration:none;} #footer div.legal a:hover{text-decoration:underline;}

#subframe_container{margin-top:15px; padding:5px;} 
.instruct{padding:8px; border-bottom:1px dotted #fff; border-top:1px dotted #fff; margin-bottom:4px; margin-top:4px;}
.instruct a{color:#fff; text-decoration:none;} .instruct a:hover{color:#fff; text-decoration:underline;}


#factions{width:163px; margin:auto;}
#factions div a{color:#fff; display:block; text-align:left; padding:3px; padding-left:15px; margin-bottom:2px; text-decoration:none;}
#factions div.bp a{background: url(/images/tab_bp.jpg) top left no-repeat;} #factions div.bp a:hover{text-decoration:underline; background: url(/images/tab_blank.jpg) top left no-repeat;}
#factions div.energy a{background: url(/images/tab_e.jpg) top left no-repeat;} #factions div.energy a:hover{text-decoration:underline; background: url(/images/tab_blank.jpg) top left no-repeat;}
#factions div.insurance a{background: url(/images/tab_i.jpg) top left no-repeat;} #factions div.insurance a:hover{text-decoration:underline; background: url(/images/tab_blank.jpg) top left no-repeat;}
#factions div.glass a{background: url(/images/tab_g.jpg) top left no-repeat;} #factions div.glass a:hover{text-decoration:underline; background: url(/images/tab_blank.jpg) top left no-repeat;}
#factions div.hotels a{background: url(/images/tab_h.jpg) top left no-repeat;} #factions div.hotels a:hover{text-decoration:underline; background: url(/images/tab_blank.jpg) top left no-repeat;}
#factions div.packaging a{background: url(/images/tab_pack.jpg) top left no-repeat;} #factions div.packaging a:hover{text-decoration:underline; background: url(/images/tab_blank.jpg) top left no-repeat;}
#factions div.plastics a{background: url(/images/tab_plas.jpg) top left no-repeat;} #factions div.plastics a:hover{text-decoration:underline; background: url(/images/tab_blank.jpg) top left no-repeat;}
#factions div.property a{background: url(/images/tab_prop.jpg) top left no-repeat;} #factions div.property a:hover{text-decoration:underline; background: url(/images/tab_blank.jpg) top left no-repeat;}
#factions div.radiators a{background: url(/images/tab_r.jpg) top left no-repeat;} #factions div.radiators a:hover{text-decoration:underline; background: url(/images/tab_blank.jpg) top left no-repeat;}
#factions div.healthcare a{background: url(/images/tab_health.jpg) top left no-repeat;} #factions div.healthcare a:hover{text-decoration:underline; background: url(/images/tab_blank.jpg) top left no-repeat;}
#factions div.life a{background: url(/images/tab_life.jpg) top left no-repeat;} #factions div.life a:hover{text-decoration:underline; background: url(/images/tab_blank.jpg) top left no-repeat;}


/* Lower Page CSS Extras*/

#lower_left{float:left; width:160px; margin-right:10px;}
#lower_right{float:left; width:613px;}

#item_info ul{margin:0px; padding:0px; margin-left:15px; list-style-type:none;}
#item_info li{padding:0px; padding-left:10px;}
#item_info li{background:url(../images/icon_pointer.jpg) left 0.4em no-repeat;}

#sub_nav ul{margin:0px; padding:5px; list-style-type:none;}
#sub_nav li a{color:#000; text-decoration:none; border-bottom:1px dotted #a0a0a0; display:block; background:url(../images/icon_pointer.jpg) left center no-repeat; padding:2px 2px 2px 10px;}
#sub_nav li a:hover{color:#027c5b;}
#sub_nav li.subsub a{padding:0px 0px 0px 20px; margin:4px 0px 4px 0px; background:none; font-size:95%; color:#027c5b; border:0px;} #sub_nav li.subsub a:hover{background:#f4f4f4; color:#000;}
#sub_nav li.selected a{background:url(../images/icon_pointer_down.jpg) left center no-repeat; font-weight:bold;}

#sub_nav_video ul{margin:0px; padding:5px; list-style-type:none;}
#sub_nav_video li a{color:#000; text-decoration:none; border-bottom:1px dotted #a0a0a0; display:block; background:url(../images/icon_video.jpg) left center no-repeat; padding:2px 2px 2px 22px;}
#sub_nav_video li a:hover{color:#027c5b;}

#sub_nobanner{background:white url(../images/bg_no_banner.jpg) top left no-repeat;}
#sub_nobanner_synop{padding:11px; color:#fff; padding-bottom:12px;} 
#sub_nobanner_synop span{font-size:120%;}

#sub_banner{zoom:1; padding:90px 10px 10px 10px; margin-bottom:20px;}
#sub_banner_synop{background:url(../images/bg_synop.png); padding:8px; color:#fff;} #sub_banner_synop span{font-size:120%}

#sub_left{float:left; padding-top:10px; padding-right:5px;} 
#sub_left img{padding-bottom:10px;} 
#sub_right{float:left;} #sub_right h2{padding:0px; margin:0px; color:#027c5b; font-size:140%;}
.medium_thumbnail{padding:140px 10px 10px 182px; margin-bottom:20px;} #item_info{padding:10px; width:370px;}

#downloadslower ul{margin:0px; padding:0px; list-style-type:none;}
#downloadslower li{padding:3px; border-bottom:1px dotted #000; padding-left:18px;} #downloadslower li a{text-decoration:none;} #item_info li a:hover{text-decoration:underline;}
#downloadslower li.pdf{background:url(../images/icon_pdf.jpg) left center no-repeat;} #downloadslower li.doc{background:url(../images/icon_doc.jpg) left center no-repeat;} #downloadslower li.video{background: url(../images/icon_video.jpg) left center no-repeat;}

#downloadslowerimage ul{margin:0px; padding:0px; list-style-type:none;}
#downloadslowerimage li{padding:3px; padding-left:0px; background-image:none; float:left; width:145px; height:200px; text-align:center;}
#downloadslowerimage ul li img{border:1px solid black;}


#news h3{padding:0px; margin:0px; margin-top:15px; padding-bottom:3px; margin-bottom:15px; color:#027c5b; font-size:120%; border-bottom:1px dotted #000;}

.rel_products{float:left; margin:5px; text-align:center;}

#util{background:#e7e7e7; padding:10px;}
.util_1{float:left; padding-left:20px; background:url(../images/icon_print.jpg) top left no-repeat;}
.util_2{float:right; padding-left:20px; background:url(../images/icon_email.jpg) top left no-repeat;}
.highlight{color:#027c5b; font-weight:bold;}
.question{color:#027c5b;}
.border{border:1px solid #000;}
.noborder{border:0px;}
.bold{font-weight:bold;}

#productline {list-style-type:none; padding:4px; margin:0;}
#productline li {float:left; padding-bottom:15px; padding-top:10px; padding-left:12px;  padding-right:15px; font-size:110%; border-bottom:1px dashed #e1e1e1; border-right:1px dashed #e1e1e1; background-image:none;}
.productlineleft{border-left:1px dashed #e1e1e1;}
.productlinelefttop{border-top:1px dashed #e1e1e1; border-left:1px dashed #e1e1e1;}
.productlinetop{border-top:1px dashed #e1e1e1;}
.bottleimage{width:30px;text-align:right;}
.bottlecontent{width:170px;}
#productline th {background-color:#027c5b; color:#fff; font-size:80%;}

#processlisting ul{margin:0; list-style-type:none;}
#processlisting ul li{background-color:#fff; padding:5px; margin-bottom:2px; background-image:none;}
#processlisting ul li a{color:#000;  text-decoration:none;}
#processlisting ul li a:hover{text-decoration:underline;}
#processlisting td{margin-right:10px; vertical-align:top}