html{height:101%}
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:#9d9983; 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:480px; height: expression( this.scrollHeight < 480 ? "480px" : "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:#9d9983; color:#fff;}
#main_nav .one a{width:55px; text-align:center;} /* Home */
#main_nav .two a{width:70px; text-align:center;} /* About Us */
#main_nav .three a{width:103px; text-align:center;}  /* Roof */
#main_nav .four a{width:103px; text-align:center;}  /* Wall */
#main_nav .five a{width:103px; text-align:center;} /* Floor */
#main_nav .six a{width:65px; text-align:center;} /* Profiles */
#main_nav .seven a{width:87px; text-align:center;} /* Regulations */
#main_nav .eight a{width:85px; text-align:center;} /* Downloads */
#main_nav .nine a{width:85px; 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:252px; background:url(../images/bg_side_banner.jpg) top left no-repeat; border-right:1px solid #fff; float:left; min-height:260px; height: expression( this.scrollHeight < 260 ? "260px" : "auto" );}
#bookingform{padding:100px 0px 0px 15px;}
#bookingform h4 {color:#fff; font-size:90%; margin-bottom:8px;}
#bookingform input {background-color:#78745e; 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:#c1bfb1; 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 ul 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 ol{margin:20px; padding:5px; background-image:none}
#lower_content ol li{color:#000; text-decoration:none display:block; background-image:none; padding:0px 2px 2px 10px; margin-bottom:5px;}
#lower_content h2{padding:0px; padding-top: 3px; margin:0px; color:#9d9983; font-size:140%;}
#lower_content h3{padding:0px; margin:0px; color:#9d9983; font-size:110%;}
#lower_content h4{padding:0px; margin:0px; color:#9d9983; font-size:100%;}
#lower_content h5{padding:0px; margin:0px; color:#9d9983;}

#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:#9d9983; 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;} #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:#9d9983; 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:#9d9983;}
#sub_nav li.subsub a{padding:0px 0px 0px 20px; margin:4px 0px 4px 0px; background:none; font-size:95%; color:#9d9983; 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_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:#9d9983; 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:#9d9983; 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:#9d9983; font-weight:bold; font-size:100%; line-height: 16px;}
.question{color:#9d9983;}
.stone{color:#9d9983;font-weight:bold;}
.bold{font-weight:bold;}

#logos ul{margin:0px; margin:0px; padding:0px;}
#logos ul li{float:left; background-image:none; padding-right:0px;}

.yellborder{border:1px solid #9D9983;}
.imagetext {font-size:10px; text-align:center}

#tablestyle table{width:95%;}
#tablestyle th{background-color:#d8d8d8;padding-top:3px;padding-bottom:3px; padding-left:8px;text-align:left; border-bottom:1px solid #9d9983; border-right:1px solid #9d9983;}
#tablestyle td{padding:3px;padding-left:8px;}
#tablestyle .top{border-top:1px solid #9d9983;}
#tablestyle .both{border-top:1px solid #9d9983; border-bottom:1px solid #9d9983;}
#tablestyle .bottom{border-bottom:1px solid #9d9983;}
#datatable p{font-size:90%; margin-left:0px;}