/* CSS Document */ * { margin: 0; padding: 0;} body { background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size: 67.5%; text-align:center; } #frame { border: 1px solid #333; padding: 1px; width: 780px; margin: auto; text-align:left; position:relative;} #header { width: 100%; height: 169px; background-image:url(../images/site_specific/header_bg.jpg); background-position: bottom; position:relative;} #companyheader { float:left;} #lightning { width: 234px; height: 169px; float: right;} #company_phone { color:#FFF; font-size: 1.3em; position:absolute; left: 530px; top: 110px; display:block;} .indent { padding-left: 14px; } .indent_fax { padding-left: 12px; } #company_phone a { color:#fff; text-decoration:none;} #breadcrumbs { background:#000; color: #666; -moz-opacity:.7; filter:Alpha(Opacity=70);} #breadcrumbs div { margin: 0px 15px;} #breadcrumbs a { background-image:url(../images/site_specific/bullet_image.jpg); background-repeat:no-repeat; background-position:left center; padding-left: 15px; color: #CCC; line-height: 18px; text-decoration:none;} #breadcrumbs a:hover { color:#66CCFF;} #maincontent { width: 100%; color:#EEE; background-image:url(../images/site_specific/page_bg.jpg); background-repeat:no-repeat; } #lh_col { margin-left: 153px; float: left;} /*#DBE7F2;*/ #rh_col { padding-right: 130px; float: right; } #mainbody { text-align: left; } #rh_colexpand { padding-right: 0px; } #rh_colexpand .rc_content { width: 260px; margin: 0 0px 0 0; float: right; text-align:left!important;} .rc_content h1 { font-size: 1.8em; color: #FFF; margin: 10px 5px;} .rc_content h2 { font-size: 1.2em; color: #CCC; margin: 10px 5px;} .rc_content h3 { font-size: 1.1em; color: #CCC; margin: 10px 5px;} .rc_content p { font-size: 1.1em; color: #CCC; margin: 5px 5px;} .rc_content table { margin: 5px;} .rc_content td { font-size: 1.0em; color: #333; margin: 5px 5px; } .lc_content { width: 153px; margin: 0 0 0 -153px; float: left;} .rc_content { width: 130px; margin: 0 -130px 0 0; float: right; text-align:center!important;} .rc_content img { margin: 5px auto; border: none;} .sidenav { width: 100%; font-size: 1.1em; margin-top: 5px;} .sidenav li { list-style:none; } .sidenav a { display:block; padding: 0 0 0 15px; height: 20px; color:#333; line-height:20px; text-decoration:none;} .sidenav a:hover { background-image:url(../images/banners/greyarrow.gif); background-repeat:no-repeat; background-position:left; color:#003366;} .sidenav p { padding: 0 0 0 15px; } .searchresults { width: 100%; font-size: 1.1em; margin: 5px 0 0 0px; list-style: decimal-leading-zero;} .searchresults li { list-style: decimal-leading-zero; margin: 0 0 0 40px; padding: 0 0 0 0px; } .searchresults a { display:block; padding: 0 0 0 15px; height: 20px; color:#333; text-decoration:none; line-height: 20px;} .searchresults a:hover { color:#003366; text-decoration:underline;} .searchresults p { padding: 0 0 0 15px!important; margin: 0 0 7px 0!important ; } .searchresults h3 { padding: 0 0 0 0!important; margin: 0!important; } #read_item { width: 650px; position:relative; margin: 5px 0px 5px 5px;} #read_article h1 { color: #003366; text-align:left; font-size: 1.8em; margin: 10px; } #read_article h2 { color: #333; font-size: 1.2em; margin: 10px; } #read_article h3 { color: #036; font-size: 1.2em; margin: 10px; } #read_article h4 { color: #333; font-size: 1.1em; margin: 10px; } #read_article p { color: #333; font-size: 1.2em; margin: 5px 10px; } #read_article img.indent {margin: 0px 0 10px 10px; float: right; } #read_article ul { margin: 5px 10px; } #read_article li { font-weight: bold;} #read_article * p { margin: 10px 15px; font-size: .9em!important; font-weight:normal; } #read_article * p a { background: none; padding: 0; color: #036; font-weight:bold; font-size:1.0em!important; } #read_article * p a:hover { background: none; color:#600 } #featured_item { width: 650px; background-color:#DBE7F2; position:relative; margin: 5px 0px 5px 5px;} #featured_article { min-height: 250px; float: none;} #featured_article img.indent {margin: 10px 0 10px 10px; float: right; } #featured_article h1 { color: #003366; text-align:center; font-size: 1.8em; margin: 10px; padding-left: 30px;} #featured_article h2 { color: #333; font-size: 1.0em; margin: 10px; font-weight:bold; } #featured_article p { color: #333; font-size: 1.0em; margin: 5px 10px; } #mpu_advert { width: 300px; height: 250px; float: right; margin: 0 0 0 10px;} #mpu_advert img { border: none;} #corner { position:absolute; left:0; top:0;} #synopsis { margin: 0 0 0 4px;} .articles { width: 229px; float: left; margin: 1px;} .articles h1.today { background-image:url(../images/articles_today_bg.jpg); width: 229px; line-height:21px; font-size: 1.1em; color: #fff; text-align:center;} .articles h1.yesterday { background-image:url(../images/articles_yesterday_bg.jpg); width: 229px; line-height:21px; font-size: 1.1em; color: #fff; text-align:center;} .articles h1.other { background-image:url(../images/articles_other_bg.jpg); width: 229px; line-height:21px; font-size: 1.1em; color: #fff; text-align:center;} .articles li { background-image:url(../images/snippet_bg.gif); background-position:bottom; list-style:none; margin: 2px 0 0 0;} .articles li h2 { background-image:url(../images/snippet_bg.gif); background-position:top; font-size: 1.1em; color:#333; text-align:left; line-height: 18px; margin: 0 5px;} .articles li p { text-align: left; font-size: 0.9em; margin: 5px;} .articles a { color: #333; text-decoration:none;} .articles a:hover { color: #900;} #copycontent2 { margin: 5px; width: 510px;} #copycontent2 h1 { font-size: 1.8em; color: #FFF; margin: 10px 5px; background-image:url(../images/site_specific/cavet.gif); background-repeat:no-repeat; line-height:30px; padding-left: 35px;} #copycontent2 h2 { font-size: 1.4em; color: #DDD; margin: 10px 5px; padding-left: 35px;} #copycontent2 h3 { font-size: 1.2em; color: #CCC; margin: 10px 5px; padding-left: 35px;} #copycontent2 p { font-size: 1.2em; color: #999; margin: 5px 5px 10px; padding-left: 35px;} #copycontent2 table { margin: 5px 40px; padding: 0;} #copycontent2 td { font-size: 1.2em; color: #ccc; margin: 5px 5px;} #copycontent2 strong { color: #ddd; } #copycontent2 a { color: #eee; } #copycontent2 a:hover { color: #fff; } #copycontent2 ul { margin: 10px auto; padding-left: 35px;} #copycontent2 li { color: #006699; margin: 5px 40px; font-size:1.1em;} #copycontent { margin: 5px; width: 650px;} #copycontent h1 { font-size: 1.8em; color: #003366; margin: 10px 5px;} #copycontent h2 { font-size: 1.4em; color: #003366; margin: 10px 5px;} #copycontent h3 { font-size: 1.2em; color: #333; margin: 10px 5px;} #copycontent p { font-size: 1.2em; color: #333; margin: 5px 5px 10px;} #copycontent table { margin: 5px;} #copycontent td { font-size: 1.0em; color: #333; margin: 5px 5px;} #copycontent strong { } #topbar, #botbar { background-image:url(../images/site_specific/topbar_bg.jpg); background-repeat:repeat-x; height: 26px; } #footer { width: 100%; background-image:url(../images/footer_bg.jpg); height: 89px;} #footer img { float: left; margin: 10px 10px;} #copyright { color:#CCC; float: left; margin: 13px 0 0 10px; font-size: 1.0em;} #bottomnav { color:#CCC; float: right; margin: 13px 10px 0 0; font-size: 1.0em;} #bottomnav a { color:#CCC; text-transform:uppercase; text-decoration:none; position: relative; top: 1px; padding: 0 2px;} #bottomnav a:hover { color:#FFF;} /* Main navigation */ #menu { width:auto; height: 22px; padding:0 0 0 8px; position:relative; z-index:2000; } #menu ul { list-style:none; padding: 0 0 0 8px; } #menu ul li { float:left; position:relative; top:0; padding: 0;} #menu ul li ul li { position:relative; top:0px; } #menu li ul { display:none; position:absolute; top:22px; left: -5px; background-color:#111; padding: 0 0 0 5px!important;} #menu li:hover ul, #menu li.over ul { margin:0; display:block; padding:0; z-index:100; } #menu a { text-decoration:none; text-align:left; display:block; padding:0 10px 0 15px; line-height: 22px; text-transform: capitalize; font-size:1.1em; font-weight:bold; background-image:url(../images/menu_arrow.gif); background-repeat:no-repeat; background-position:left; } #menu a:link { color:#ccc; } #menu a:visited { color:#ccc; } #menu a:hover { color:#fff; background-image:url(../images/menu_arrow_on.gif); background-repeat:no-repeat; background-position:left;} #menu a:active { color:#fff; } #menu ul li ul li a { display: block; line-height: 22px; width:150px; top:2px; position:relative; z-index:101; background-color: #111; border-top: 1px solid #222; padding:0 0px 0 15px;} #menu ul li ul li a:hover {} #menu ul li ul li { float:none; height: 22px; top:-2px; width: 170px;} #menu ul li { display:block; min-height:25px; height:auto !important; height:25px; } /* End Menus */ /* Enquiry Forms */ #enquiry { margin: 10px 5px;} form { margin: 30px auto; } #enquiry fieldset { width:400px; padding:10px; border:1px solid #ccc; margin:0 0 10px 0; background-color:#eee; position:relative; } #enquiry legend { padding:4px 10px ; border:1px solid #ccc; background-color:#FFFFFF; font-size:1.2em; font-weight:bold; color:#000; margin: 0; } #enquiry legend { position: absolute; left: 5px; top: -14px; } /* required for ie compatibility */ #enquiry li { padding:5px 0 5px 5px; border-bottom: #CCC solid 1px; list-style:none; list-style-image:none; } #enquiry ul { padding:0; margin:0; } #enquiry label { width:160px; float:left; font-size:1em; font-weight:bold; padding:2px 10px 0 0; text-align:right; } #enquiry .required { color:red; } #enquiry input.quicksubmit { border: none; } #enquiry input, #enquiry textarea { display:block; margin:0 0 0 0px; border: 1px solid #CCC; float: left; } .textfieldwidth { width:235px; } #enquiry .checks { font-size:1em; margin:0 0 10px 170px; } #enquiry .checks input { margin:0 5px 0 0; float:left; } /* End of Enquiry Forms */ #toolTipLayer { background-color: #FFF; color:#CC0000; Font-size: 1.6em; padding: 5px; border: 1px dotted #300; position:absolute;} /* helper styles */ .clear { clear:both;} .clearleft { clear:left;} .clearright { clear:right;} .center { text-align:center!important;} .left { text-align:left!important;} .right { text-align:right!important;} .floatleft { float: left;} .floatright { float: right;} .date { color:#600!important; font-weight:bold; font-style: italic;} .read { font-weight: bold;} .black { color:#fff;} .question { color:#FC0!important} .note { color: #3CC!important} .clickme { font-size: 0.9em; font-weight:normal; margin: 0 10px; float: right;} .smaller { font-size:.8em!important;} .articles li a.today { color:#3E8BA8!important;} .articles li a.today:hover { color:#600!important;} .articles li a.yesterday { color:#A93F9E!important;} .articles li a.yesterday:hover { color:#600!important;} .articles li a.other { color:#3AA369!important;} .articles li a.other:hover { color:#600!important;} .highlite0 { background-color: #FFFF00;} .highlite1 { background-color: #66CC66;} .highlite2 { background-color: #66CCCC;} .highlite3 { background-color: #CCCC99;} .highlite4 { background-color: #CC99FF;} .highlite5, .highlite6, .highlite7, .highlite8, .highlite9 { background-color: #CCCCCC;} .casestudy_bg { background-image:url(../images/site_specific/case_study_bg.png); background-repeat:no-repeat; background-position: bottom right; width: 466px; margin:20px 16px 20px 35px; position:relative; } .cs_thumb img { float: right; margin: 10px 19px 14px 10px;} .cs_content { display: table; margin: 10px 10px 5px 13px; width: 270px; background-color:#fff; color:#333; font-size:.8em; min-height:112px;} .cs_heading { width: 100%; } .cs_heading img { float: left;} .cs_heading a { float: right; color:#006600; margin: 5px 10px; font-size: 1.3em;} .cs_heading a:hover { color:#660000;} .quote_top { background-image:url(../images/site_specific/quote_bg.png); background-position:top; width:413px; margin: 20px auto 0 60px; text-align:center; } .quote_top p { font-size: 1.5em!important; color:#eee!important; padding: 10px 35px 0!important; font-style:italic; letter-spacing:.1em; margin: 0!important;} .quote_bot { background-image:url(../images/site_specific/quote_bg.png); background-position:bottom; width:413px; margin: 0 auto 20px 60px; text-align:right; height: 16px; } .quote_bot img{ margin: 5px; } #infobar { width: 100%; margin: 3px auto; text-align:left!important;} #copyright { color:#666; float: left; margin: 0 0 0 5px; font-size: 1.0em;} #designedby { color:#666; float: right; margin: 0 5px 0 0px; font-size: 1.0em;} #designedby a { color:#666; } #designedby a:hover { color:#333; } blockquote { margin: 0 0 0 20px;} .logo_panel { width: 470px; text-align:center; margin-left:35px;} .logo_panel img { margin: 5px;}