* { margin:0px; padding:0px; }
html {font-family: Verdana, Arial; font-size: 10pt;}
body div#header-ribbon {height:160px;background: #000000 url('/images/content/top_ribbon_0.jpg');}
body div#header-constrainer {width:1100px; height:160px; margin-left: auto; margin-right: auto;}
body div#header-logo {width:360px; float:left; padding-top:40px;}
body div#header-menu {float:right;}
body div#header-menu .menugroup{height:120px; width:105px; float:left;margin-top:20px;padding-left:15px;padding-right:5px;}
body div#header-menu .menugroup.left{height:120px; width:80px; float:left;margin-top:20px;padding-left:15px;padding-right:5px;border-right:1px #999999 solid;}
body div#header-menu .menugroup.middle{ border-right:1px #999999 solid;}
body div#header-menu h1{ font-family:Arial; font-weight:normal;color:#FF9200; font-size:14pt; padding:0px;margin:0px;}
body div#header-menu h1 a{ font-family:Arial; font-weight:normal;color:#FF9200; font-size:14pt; padding:0px;margin:0px;}
body div#header-menu h1.menucontact{ font-family:Arial; font-weight:normal;color:#e0e0e0; font-size:14pt; padding:0px;margin:0px;}
body div#header-menu ul{list-style: none; padding-left:0px;}
body div#header-menu li, div#header-menu a{ font-family:Arial; color:#FFFFFF; font-size:9pt; padding-top:2px;}
body div#content-body {width:976px; margin-left: auto; margin-right: auto;}
body div#content-body div#banner {height:250px; width:976px; margin-top:20px;clear:both;}
body div#content-body div#banner div#slideshow {height:250px; width:683px; background: #F2F2F2; float:left;}
body div#content-body div#banner div#promo {height:250px; width:273px; margin-left:20px; float:right;}
body div#content-body div#banner div#promo h1{font-family:Arial;font-size:15pt; color:#999999; padding-top:0px; font-weight:normal;}
body div#content-body div#banner div#promo ul{list-style: url("/images/content/green_tick_0.jpg"); padding-left:40px;}
body div#content-body div#banner div#promo li{ font-family:Arial; color:#333333; font-size:22pt; padding-top:12px;}
body div#content-body div#products {height:180px; width:976px; background: #ff6600 url('/images/content/home_product_ribbon_0.jpg');clear:both;}
body div#content-body div#products .productgroup{height:140px; width:170px; float:left;margin-top:20px;padding-left:15px;padding-right:5px;}
body div#content-body div#products .productgroup.left{height:140px; width:170px; float:left;margin-top:20px;padding-left:15px;padding-right:5px;border-right:1px #FFCC99 solid;}
body div#content-body div#products .productgroup.middle{ border-right:1px #FFCC99 solid;}
body div#content-body div#products a {color:#FFFFFF;}
body div#content-body div#products h1{ font-family:Arial; font-weight:normal;color:#FFFFFF; font-size:24pt; padding:0px;margin:0px;}
body div#content-body div#products ul{list-style: none; padding-left:0px;}
body div#content-body div#products li{ font-family:Arial; color:#FFFFFF; font-size:12pt; padding-top:3px;}
body div#content-body div#contact {padding-top:20px;color:#666;float:left; background:#ffffff; width:250px;}
body div#content-body div#contact a {color:#666;}
body div#content-body div#contact p {font-family: Verdana; font-size:8pt; padding-top:2px;}
body div#content-body div#contact p.mainphone {font-family: Verdana; font-size:10pt;font-weight:bold;}
body div#content-body div#quicklinks {float:right;margin-top:20px;}
body div#content-body div#quicklinks ul{list-style: none; padding-right:0px;float:right;width:650px;}
body div#content-body div#quicklinks li{ font-family:Verdana; color:#999999; font-size:8pt; padding-left:10px;padding-top:3px;float: right; position: relative; text-align:center; height:100px;}
body div#subtitle-constrainer {width:976px; height:82px; margin-left: auto; margin-right: auto;}
body div#subtitle-constrainer h1 {font-family:Arial; font-weight:normal;color:#FFFFFF; font-size:24pt; padding-top:20px;margin:0px;}
.clear { clear:both; line-height:0px; height:0px;}
ul {padding:5px; padding-left:20px; }
ol { margin:10px; margin-left:20px;}
ol li { margin:3px; }
hr {color: #e0e0e0;
background-color: #e0e0e0;
height: 1px;
border: 0;
margin: 15px 0 15px 0;
}
a { text-decoration: none;}
a:hover { text-decoration: underline; /*#f3920b*/}
body h1,
body h2,
body h3,
body h4,
body h5 { font-family: arial; font-weight: bold; }
/* START SEARCHBOX */
body#page-content div#searchbox.box, body#page-home div#searchbox.box {border:none; float:right; padding-right:5px; margin:10px 10px; width: 342px;}
body#page-content div#searchbox.box div#inner, body#page-home div#searchbox.box div.inner { background:none; }
body div#searchbox h3 { display:none; }
body div#searchbox form { float: left; padding: 0px; margin:6px 6px 0px 3px; }
body div#searchbox form * { margin:0px; }
body div#searchbox form input.button { width: 101px; color:#444; }
body div#searchbox form#search { float: right; }
body div#searchbox form#search input { width: 150px; }
body div#searchbox form#search input.button { width: 40px; }
body div#searchbox p {font-size:8pt; text-align:right;margin-bottom:4px;}
body div#searchbox p a {color:#666;}
/* END SEARCHBOX */
/*START MENU & BREADCRUMB */
body div#breadcrumb {float:left; font-size:8pt; padding-top:7px;padding-left:13px;}
body div#breadcrumb, div#breadcrumb a {color:#ccc;}
/* OPT ROUND BAR MENUBAR */
/*body div#menu {clear:right; background: url("/images/layout/menu_bg2.png") no-repeat; height:30px;}*/
/* OPT FLAT BOX MENUBAR*/
body div#menu {margin:0px 0px 0px 0px;clear:right; background: #444444; height:30px;}
#menu ul { margin: 0; padding: 0; list-style: none; float: right; z-index:3000;}
#menu li { /* all list items */ float: left; position: relative; width:5.5em; }
#menu li a.toprow{ border-left:1px dotted #4F4F4F;}
#menu li a.toprowfirst{ border-left:0px; padding: 1px;}
#menu li.active{ /* all list items */ float: left; position: relative; width:5.5em; background:#E75717;}
#menu li.hover{ /* all list items */ float: left; position: relative; width:5.5em; background:#E75717; z-index:1000; }
#menu li ul {/* second-level lists */ position: absolute; display: block; top: 2em; left: 0; }
#menu li>ul {/* to override top and left in browsers other than IE */ top: auto; left: auto; }
#menu li ul li ul {/* third-level lists */ position: absolute; display: block; top: 0; left: 9em; }
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */
/*Turns of submenus */
#menu li:hover ul { display: block; }
#menu li.hover ul { display: block; }
#menu ul ul { display:none; }
/* Make-up syles */
#menu ul, li { margin: 0 0 0 0; }
/* Styles for Menu Items */
#menu ul a { display: block; font-size:8pt; font-weight:bold; text-decoration: none; color: #fff; padding: 8px; text-align:center; }
#menu li ul a { text-decoration: none; color: #000; background: #fff; /* IE6 Bug */ padding: 5px; }
#menu ul li ul li a { display: block; text-align:left; font-size:8pt; font-weight:normal; text-decoration: none; color: #000;
padding: 7px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width:130px; }
/* Hover Styles */
#menu ul a:hover {background-color: #E75717; color:#fff}
#menu ul a.hover { color: #E75717; }
/* Sub Menu Hover Styles */
#menu li ul a:hover { color: #000; background: #FED7AB; }
/*START MENU & BREADCRUMB */
#master, #master #canvas0_0, #master #canvas0_1 { z-index:-1000; }
body div.box div p { padding: 5px 7px 5px 7px;}
body#page-home div#home-left-column div.box div ul li { margin-bottom: 6px; line-height: 1.2em;}
body#page-home div#home-right-column div.box div ul li { margin-bottom: 2px; line-height: 1.2em;}
body div.box div form { padding:0px; margin:0px; }
body div.box div form select, body div.box div form input { font-size: 11px; padding:1px 0px; }
body div.box div form input { padding-bottom: 3px; }
body div.box div a.button, body div.box div form input.button {
text-transform: uppercase;
font-size:7pt; padding:2px 5px;
}
body div.box div form { padding: 0px; margin:0px; }
body div.box div a.button { padding: 4px 5px; }
body div.box div form input.button.grey { background: url("/images/layout/btn-grey-bg.jpg") center; }
body div.box div a.button:hover, body div.box div form p input.button:hover { background-position: top center; }
body div.box div a.button:active, body div.box div form p input.button:active { background-position: bottom center; }
body div.box div form p input#area-code { width: 30px; }
body div.box div form p input#phone-number { width: 80px;}
body div.box div form p input#username { width: 185px; }
body div.box div form p input#password { width: 123px; }
body div.box div form p { line-height: 1.2em; }
input#area-code.valuehint {padding-left:3px; color:#999; }
input#phone-number.valuehint { padding-left:3px; color:#999;}
input#username.valuehint { padding-left:3px; color:#999; }
input#password.valuehint { padding-left:3px; color:#999; }
input#find.valuehint { padding-left:3px; color:#999; }
select#login-server.valuehint { padding-left:0px; color:#666; }
/* home page specific styles */
body#page-home div.box div h3 { font-size: 1em; color: #E75717; padding: 5px 5px 5px 5px;}
body#page-home div#home-left-column, body#page-home div#home-right-column { margin-top: 20px; padding-bottom:0px;background:#fff;}
body#page-home div#home-left-column {margin-left:20px; float:left; width: 730px; margin-right:0px; padding-right:0px;}
body#page-home div#home-right-column { margin-right:20px;float:right; padding:0px;}
body#page-home div#home-right-column div.box { padding:0px; }
body#page-home div#home-left-column div.box { padding:0px; height:180px;}
body#page-home div#getonline p, div#benefits li, div#gettingstarted li, div#call li{font-size:8pt;}
/***********************************************/
body#page-home div#soho div h2 { background: #EA5E14; margin-top:10px;margin-bottom:10px;}
body#page-home div#business div h2 { background: #1E3B7A; margin-top:10px;margin-bottom:10px;}
body#page-home div#corporate div h2 { background: #502886; margin-top:10px;margin-bottom:10px;}
body#page-home div#support div h2 { background: #929292; margin-top:10px;margin-bottom:10px;}
body#page-home div#soho div.inner h2 a, body#page-home div#business div.inner h2 a, body#page-home div#support div.inner h2 a, body#page-home div#corporate div.inner h2 a{color:#fff; font-size: 10pt;}
body#page-home div#soho div.inner h2 a:hover, body#page-home div#business div.inner h2 a:hover, body#page-home div#support div.inner h2 a:hover, body#page-home div#corporate div.inner h2 a:hover{color:#fff; font-size: 10pt;}
body#page-home div.box div h2 { padding: 5px 3px 6px 10px;
font-family:arial;
color: #fff; font-size: .9em;
margin-top:2px;
padding-left: 15px;
margin-bottom: 3px;
}
body#page-home div#soho { width:228px; float:left; padding-bottom: 19px; font-size:9pt; background:#F2D9C9;}
body#page-home div#business { width:228px; float:left; padding-bottom: 19px; font-size:9pt; background:#E0E5F2;}
body#page-home div#corporate { width:228px; float:left; padding-bottom: 19px; font-size:9pt; background:#F3EFFA;}
body#page-home div#support { width:228px; float:left; padding-bottom: 19px; font-size:9pt;background:#F2F2F2;}
body#page-home div#support, body#page-home div#corporate, body#page-home div#banner { margin-right:0px; }
body#page-home div#soho, body#page-home div#banner { float:left; }
body#page-home div#banner { margin-bottom:20px;}
body#page-home div.box { padding:0px;}
body#page-home div.box { margin-right:20px; margin-bottom:20px;}
body#page-home div#home-right-column div.box { margin-right:20px; margin-bottom:10px; }
body#page-home div#home-left-column div.box {height:204px;}
body#page-home div#home-right-column div.box { margin-right:0px;}
body div.box div.inner input.button.search { width:65px;}
body#page-home div#right-column div#banner,
body#page-home div.box,
body#page-home div.smallbox,
body#page-content div#left-column div.box,
body#page-content div#right-column div.box,
body#page-content div#right-column div.featurebox { }
body#page-home div#soho,body#page-home div#business,body#page-home div#support , body#page-home div#corporate{width:200px;}
/*body#page-content div#right-column div.bigbox, */
body div#searchbox {padding-right:5px;}
/*div#footer { text-align:center; margin-top:0px; padding-top:0px; color: #000;}*/
div#footer {width:300px; margin-left:10px; float:left;}
div#footer ul{list-style: none; margin:0px;padding:0px;}
div#footer ul li {display:block; text-align:left; color:#999; font-size:.8em;}
div#footer ul li a{color:#999;}
div#copyright {width:300px; margin-right:10px; float:right;}
div#copyright ul{list-style: none; margin:0px;padding:0px;}
div#copyright ul li {display:block; text-align:right; color:#999; font-size:.8em;}
div#copyright ul li a{color:#999;}
span.docpdf { padding-left: 26px; background: url("/images/icons/PDF-Icon.jpg") no-repeat left center; }