body { position:relative;/* for ie7*/ background-image:url("images/template/bg.png"); background-repeat:repeat-x; margin:0; width: 980px; min-width: 980px; margin-left: auto; margin-right: auto; color: #000000; text-align: center; } body, html { padding-top: 0px; margin-top: 0px; } #page { width: 980px; margin-left: auto; margin-right: auto; position:relative; /* Added by SC - sorts IE5 header problem */ } #outer { min-height:100%; margin:0 190px; } * html #outer { height:100%; } /*IE treats height as min-height anyway*/ #header { position:absolute; top:0; left:0; width:100%; height:144px; overflow:hidden; z-index: 5000; /* think I needed to do this so toplinks are not 'behind' the top padding of the right column */ /* Changed by SC to use images1 */ margin-bottom: 5px; } #left { position:relative;/*ie needs this to show float */ width:190px; float:left; margin-left:-189px;/*must be 1px less than width otherwise won't push footer down in some browsers */ left:-1px; padding-bottom:22px;/* clear footer*/ margin-top:-1px; /* SRG - there seemed to be a small gap in most browsers */ } #right { position:relative;/*ie needs this to show float */ width:190px; float:right; margin-right:-189px;/*must be 1px less than width otherwise won't push footer down in some browsers */ padding-top:150px;/* to clear header*/ left:1px; padding-bottom:22px;/* clear footer*/ } #footer { width:100%; clear:both; height:90px; text-align:center; position:relative; margin-top:-20px;/*drag footer from below the fold*/ background-color: #e22a2a; } #centrecontent { float:right; width:100%; position:relative; padding-bottom:22px;/* clear footer*/ margin-left:-1px; } #centrepadding { margin-left: 10px; margin-right: 10px; } .outerwrap { float:left; width:100%; padding-top:150px;/* to clear header*/ margin-right:-3px;/* to stop columns dropping*/ } .clearer { height:1px; overflow:hidden; margin-top:-1px; clear:both; } form { margin:0; } .forms { font-family:Arial, Helvetica, sans-serif; font-size:10px; background-image:url(images/template/formsBg.png); background-repeat:repeat-x; border:1px solid #190000; background-color:#FFFFFF; } #bodyContent { height:100%; } * { text-align:left; } #header form { text-align:right; } /*Header*/ #tblHeaderTopMenu { margin-left:auto; margin-right:auto; width:980px; height:20px; padding-top:5px; text-align:right; background-color:#190000; } #tblHeader { margin-left:auto; margin-right:auto; width:980px; height:119px; background-image:url(images/template/headerMid.png); background-repeat:repeat-x; margin-bottom:5px;} .EnquiryButton { float: right; margin: 10px 0px 20px 0px; clear: both; border: 0;} .tblColMid { width:180px; background-image:url(images/template/colMid.png); background-repeat:repeat-y; padding:5px; } .tblColMidHeading { width:180px; height:17px; padding-left:10px; padding-top:3px; background-color:#00212c; } #tblColTopLeft { width:180px; height:17px; padding-left:10px; padding-top:3px; background-color:#00212c; background-image:url(images/template/colLeftTop.png); background-repeat:no-repeat; } #tblColBtmLeft { width:190px; height:11px; background-image:url(images/template/colLeftBtm.png); background-repeat:no-repeat; } #tblColTopRight { width:180px; height:17px; padding-left:10px; padding-top:3px; background-color:#00212c; background-image:url(images/template/colRightTop.png); background-repeat:no-repeat; } #tblColBtmRight { width:190px; height:11px; background-image:url(images/template/colRightBtm.png); background-repeat:no-repeat; } /*Body*/ #pageHeading { height:25px; padding-bottom:3px; border-bottom:3px solid #00212c; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; color:#00212c; font-style:italic; margin-bottom:10px; } .tblBodyHeading { padding-top:4px; padding-bottom:3px; margin-bottom:10px; position:relative; clear:both;} .tblBodyBody { border-bottom:3px solid #ccd3d5; padding-bottom:10px; } /*Footer*/ #tlbFooterContainer { width:100%; height:95px; } #tlbFooter { margin-left:auto; margin-right:auto; width:980px; height:95px; background-color:#190000; text-align:center; } #tblFooterText { margin-left:9px; margin-right:9px; float:left; padding-top:10px; } /* Text */ .colHeading { color:#f8d61a; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } .topMenuText {color:#9c8175; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none;} .topMenuText a:link {color:#f9dc19; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;} .topMenuText a:visited {color: #f9dc19; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;} .topMenuText a:hover {color:#f9dc19; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;} .defaultText {color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none;} .defaultText a:link {color:#d04a01; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;} .defaultText a:visited {color: #d04a01; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;} .defaultText a:hover {color:#d04a01; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;} .bodyHeading {color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none;} .bodyHeading a:link {color:#d04a01; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none;} .bodyHeading a:visited {color: #d04a01; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none;} .bodyHeading a:hover {color:#d04a01; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none;} .pageHeading { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#001824; font-weight:bold; } .columnLinks {color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none;} .columnLinks a:link {color:#005291; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;} .columnLinks a:visited {color: #005291; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;} .columnLinks a:hover {color:#005291; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none;} .columnLinks li {background-image:url(images/template/bullet.png); background-position:0 0.3em; background-repeat:no-repeat; padding:0 0 0 13px; margin-bottom:2px; margin-left: -3em;} .columnLinks ul {list-style-type:none; margin-top:0; margin-bottom:0;} .subTitle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #d04a01; text-decoration: none; } h1,h2,h3,h4,h5,h6{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } h1,h2,h3,h4,h5,h6{ bottom_margin: 0px; bottom_padding: 0px; } h1 { display: inline; } .productHeading { height:25px; padding-bottom:3px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; color:#00212c; font-style:italic; margin-bottom:10px; } /* added JE 220210 */ .productsubHeading { height:25px; padding-bottom:3px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; color:#FF0000; font-style:italic; margin-bottom:10px; } hr.productDivider { color:black; background-color:black; height:3px; border:none; } hr.ActivityDetailsDivider { color:silver; background-color:silver; height:3px; border:none; } .ActivityDetailsContainer { clear:both; min-height:90px; padding-bottom:10px; width:100%; } .ActivityDetailsImage { float:left; padding-top:5px; width:85px; } .ActivityDetailsDescription { margin-left:90px; padding-top:5px; } .ActivityDetailsButton { margin-left:90px; } td.col1 { text-align: right; vertical-align: top; font-weight: bold; } td.col2 { text-align: left; vertical-align: top; } /* */ .venueSection { clear: both; margin-bottom: 10px; }