body {
font-size:62.5%;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
background:#FFF url('images/bkg2.png') repeat-x;
color:#333;
text-align:center;
margin:0;
padding:0
}

#page {
background-color:#FFF;
border:1px solid #ececec;
text-align:left;
width:960px;
border-width:0 1px 1px;
margin:0 auto;
padding:0
}

#header {height:86px; width:960px; margin:0 auto; padding:0;}
#headerimg {margin-left:30px; margin-top:10px; height:62px; width:261px; display:inline; float:left;}

#banner_large,#banner_small {width:960px; color:#fff; text-align:left; overflow:hidden; margin:0 auto; padding:0;}
#banner_large {height:281px; text-align:justify;}
#banner_small {height:72px;}

#content {font-size:12px;}

.narrowcolumn .entry {line-height:1.4em;}
.narrowcolumn {float:left; width:900px; margin:0; padding:0 0 20px 30px;}

#footer {background:#FFF; border:none; width:960px; clear:both; margin:0 auto; padding:0;}
#footer p.fleft {text-align:left; display:inline-block; margin:0; padding:20px;}
#footer p.fright {text-align:right; display:inline-block; margin:0 0 0 60px; padding:20px;}

/* GENERAL SETTINGS */
a {color:#06c; text-decoration:none;}
a:hover {color:#0051a1; text-decoration:underline;}
a:active {outline:none;}
a:focus {-moz-outline-style:none;}
a img,.boreset {
border:none
}

p {line-height:16px;}

small {font-family:Arial, Helvetica, Sans-Serif; font-size:0.9em; line-height:1.5em;}

p img {max-width:100%; padding:0;}

.clear {clear:both;}

hr,.hidden,.hide {display:none;}
/* end GENERAL SETTINGS */

/* HEADINGS */
h1, h2, h3 ,h4 {font-family:Arial, Sans-Serif; font-weight:700; color:#123f95; text-decoration:none;}
h1, h2 {font-size:36px; margin:12px 0 0;}
h3 {font-size:28px; margin:12px 0 0; padding:0;}
h4 {font-size:18px; color:#0c337d; margin-bottom:3px;}

div#banner_large h1, div#banner_large h2 {color:#fff; margin-top:22px; line-height:36px;}
div#banner_small h1, div#banner_small h2 {color:#fff; margin-top:22px; margin-left:30px;}

div.inline3 h1, div#contact h1, div.inline3 h2, div#contact h2 {font-size:36px; color:#123f95;}
div.inline2 h3, div#contact h3 {font-size:28px; color:#0c337d;}
div.inline2 h4, div#contact h4 {font-size:18px; color:#0c337d;}

h3.subh, img.contus, h3.contus, h4.offtop {margin-top:20px;}
/* end HEADINGS */

/* CONTENT */
.inline3 {width:270px; display:inline-block; margin-top:20px; vertical-align:top; text-align:justify;}
.in3margin {margin-left:40px;}
.inline3 ul {list-style-type:none; padding:0;}
.inline3 p {line-height:18px;}

.inline2 {width:415px; display:inline-block; margin-top:20px; vertical-align:top;}
.in2margin {margin-left:20px; padding-left:29px; border-left:1px solid #ececec;}

#wvtv {width:440px; height:280px; float:right; background:url('images/monitor.png') no-repeat center; display:inline; margin-top:8px; margin-right:20px;}
#bl-info {width:400px; height:280px; float:left; display:inline; font-size:12px; line-height:16px; margin-left:30px;}

p.suburl a:hover {color:#666; text-decoration:none;}
p.suburl, p.suburl a {color:#909090; font-size:10px; margin-top:0;}

ul.featlist,ul.advfeat {margin-top:10px; font-weight:400;}
ul.featlist li, ul.advfeat li {list-style-type:none; background:url('images/tick-s.png') left no-repeat; text-indent:14px; font-size:10px;}
ul.featlist li {margin:0 0 4px 202px;}

ul.advfeat ul {margin-bottom:16px;}
ul.advfeat li {margin:4px 0 0;}

ul.featlist li.listhead, ul.advfeat li.listhead {background:none; text-indent:0;}

ul.genlist li {list-style-type:none; background:url('images/tick-m.png') left no-repeat; text-indent:30px; line-height:18px; margin:0 0 4px;}
ul.genlist li.first {background:none;}

.learnm {display:inline-block; width:79px; height:23px; background:url('images/learn_more.png') no-repeat 0 0;}
.learnm:hover {background-position:0 -23px;}

p.hoverbutr {float:right; margin:0; padding:0;}

.cemail {display:inline-block; width:59px; height:27px; background:url('images/email.png') no-repeat 0 0;}

.cenq, .cgall {display:inline-block; width:104px; height:27px;}
.cenq {background:url('images/call_enquire.png') no-repeat 0 0;}
.cgall {background:url('images/call_gallery.png') no-repeat 0 0;}
.cenq:hover,.cgall:hover,.cemail:hover {background-position:0 -27px;}

p.pone {margin-top:20px; margin-bottom:0;}

.mreset,h3.mreset {margin:0;}
.mbreset,p.mbreset {margin-bottom:0;}
/* End CONTENT */

/* DROPDOWN MENU */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:496px; height:35px; position:relative; z-index:100; font-family:arial, sans-serif; display:inline; float:right; margin-right:30px;}

* html .menu {width:597px; w\idth:496px;}

.menu ul {padding:0; margin:0; list-style-type:none;}
.menu ul ul {width:119px;}

.menu li {float:left; width:119px; position:relative; background:#fafafa;}

.menu a, .menu a:visited {display:block; font-size:12px; text-decoration:none; color:#696969; width:119px; height:34px; background:#fafafa; line-height:33px; font-weight:normal;}

* html .menu a, * html .menu a:visited {width:119px; w\idth:118px;}

/* style the second level */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#fafafa url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 100px center;}
.menu ul ul a.drop:hover{background:#efefef url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 100px center;}
.menu ul ul :hover > a.drop {background:#efefef url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 100px center;}

/* style the third level */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fafafa;}
.menu ul ul ul a:hover {background:#efefef;}

.menu ul ul {visibility:hidden;position:absolute;height:0;top:35px;left:0; width:119px;}
* html .menu ul ul {top:34px;t\op:35px;}

/* position the third level*/
.menu ul ul ul{left:119px; top:-1px; width:119px;}
.menu ul ul ul.left {left:-119px;}

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fcfcfc; color:#696969; height:auto; line-height:16px; padding:5px 10px; width:98px; border-width:0 1px 1px 1px; border-color:#cfcfcf; border-style:solid;}

* html .menu ul ul a, * html .menu ul ul a:visited {width:120px;w\idth:98px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {background:#f0f0f0; color:#696969;}
.menu :hover > a, .menu ul ul :hover > a {background:#f0f0f0; color:#696969;}

.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{ visibility:visible;}

li.menlhs {width:5px; height:35px; background: url(images/menu_lhs.png) no-repeat;}
li.menrhs {width:5px; height:35px; background: url(images/menu_rhs.png) no-repeat;}

.menu a:hover {text-decoration:none;}

a.unbutton, a.unbutton:hover {cursor:default;}
/* end DROPDOWN MENU */

/* CODA SLIDER */
#slider {width:500px; position:relative; margin-left:0; margin-top:19px; overflow:visible;}

.navigation {height:10px; padding:0;}

.scroll {height:195px; width:345px; position:relative; overflow:auto; clear:left; margin-left:47px;}

.scrollContainer .panel {height:195px; width:365px; overflow:hidden; padding:0;}

.scrollButtons {cursor:default; margin-left:-20px; display:inline;}
.scrollButtons a {cursor:pointer; display:inline-block; margin-top:4px; width:39px; height:33px;}

.scrollMeRight {margin-left:400px;}
/* end CODA SLIDER */

/* CONTACT */
td.field input,td.field textarea {font-family:Helvetica, sans-serif; font-size:15px; border:2px solid #ececec; margin:0 0 10px; padding:5px;}

td.submit input.submit {cursor:pointer;}

td.field textarea {height:90px; width:400px;}
td.field textarea:focus, td.field input:focus {border:2px solid #ccc;}

td.label,td.label2 {width:80px; font-size:14px; vertical-align:top; padding-top:6px; padding-right:12px; text-align:right; font-weight:700;}

label.error {position:absolute; color:red; font-size:11px; padding-left:.5em;}

td.validate {vertical-align:top; padding-top:3px;}

td.submit {text-align:right;}

tr.padr20 td {padding-right:20px;}

tr.val_row {height:27px;}

.tab_top {margin-top:13px;}
/* end CONTACT */