charset "utf-8";
/* CSS Document */

/* -- ACCESSIBILITY SPECIFIC -- */
ul#skiplinks{position:absolute; width:0;}
ul#skiplinks li {line-height:0px; font-size:0.5px; height:0px;}

html {height:100%;}
body {background:#FFF; color:#000; font-size:101%; font-family:Arial, Helvetica, sans-serif; height:100%; margin:0; padding:0;}
form, fieldset, dl, dd, dt {border:0; margin:0; padding:0;}
ul {list-style-type:none; margin:0; padding:0;}
p {line-height:1.4em; margin:0 0 0.9em 0; padding:0; font-size:0.8em;}
hr {display:none;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
img {border:none;}

#wrapper {width:900px; margin:0 auto;}
#header {width:900px; height:313px; background:url(../images/header-back.gif) left bottom repeat-x scroll; position:relative;}
#header img.logo {position:absolute; left:42px; bottom:6px; z-index:3;}
#header img.product {position:absolute; right:5px; bottom:1px; z-index:2;}
#header div.quote {position:absolute; left:42px; top:46px; width:340px; font-size:0.75em;}
#header div.quote span {display:block; margin-top:5px;}
#header img.avrio {position:absolute; left:74px; top:158px; z-index:4;}

#mainNav {width:900px; height:29px; background:#fe9326; margin-bottom:25px; position:relative;}
#mainNav ul {margin-left:42px;}
#mainNav ul li {text-transform:uppercase; font-weight:bold; font-size:0.75em; float:left; display:inline; height:29px; margin-right:7px;}
#mainNav ul li.active {background:url(../images/btn-right-active.gif) right top no-repeat scroll;}
#mainNav ul li a {display:block; color:#FFF; text-decoration:none; background:url(../images/btn-left.gif) left top no-repeat scroll; padding:8px 7px 0 15px; height:21px;}
#mainNav ul li a:hover {color:#000;}
#mainNav ul li.active a {background:url(../images/btn-left-active.gif) left top no-repeat scroll; color:#fe9326;}
#mainNav ul li.active a:hover {color:#000;}

#content {width:900px;}
#content span.just {color:#4fa1ca; text-transform:uppercase; font-weight:bold;}
#content span.vote {color:#fe9326; text-transform:uppercase; font-weight:bold;}
#content h1.home {font-size:1em; font-weight:normal; margin-bottom:0.5em;}
#content p.intro {font-size:1em;}
#content p.intro a {color:#000;}
#content div.compatibility {float:right; display:inline; width:260px;}
#content div.compatibility {font-size:1.3em;}
#content div.compatibility img {margin-right:15px;}
#content div.compatibility img.last {margin-right:0;}
#content h2, #content h3 {float:left; display:inline; width:900px; background:#fe9326; height:35px; margin-bottom:25px;}
#content h2 img, #content h3 img {margin:10px 0 0 42px;}
#content div.content {float:left; display:inline; width:812px; margin:0 0 25px 42px;}
#content div.content .col1 {float:left; display:inline; width:400px;}
#content div.content .col2 {float:right; display:inline; width:400px;}
#content div.home  {width:838px;}
#content div.home .col1 {float:left; display:inline; width:540px;}
#content div.home .col2 {float:right; display:inline; width:260px;}
#content div.content dl {float:left; display:inline; width:370px; margin-bottom:35px;}
#content div.content .col2 dl {float:right;}
#content div.content dl dt {font-size:1.1em; text-transform:uppercase; padding-left:23px; background:url(../images/tick.gif) 1px 0.3em no-repeat scroll; color:#fe9326; margin-bottom:10px;}
#content div.content dl dd {font-size:0.75em; line-height:1.4em;}
#content div.content table {width:362px; font-size:0.75em; float:right; display:inline; border:none;}
#content div.content table td, #content div.content table th {padding:5px 20px; width:50%; border:none; border-right:2px solid #FFF;}
#content div.content table td {border-bottom: 1px solid #d8d8d8;}
#content div.content table td.handsets {border-right:7px solid #FFF;}
#content div.content table td.price {border-left:3px solid #FFF;}
#content div.content table thead th {text-align:left; background:#fe9326; color:#FFF;}
#content div.content table tfoot td {width:auto; border-bottom:none; padding-top:20px;}
#content div.look {position:relative;}
#content div.look div.image {float:left; display:inline; margin:0 20px 0 0;}
#content div.look div.last {margin-right:0;}
#content div.look div.image p {position:static; text-transform:uppercase; font-size:0.9em; font-weight:bold;}
#content div.look p.link {float:left; display:inline; width:592px; margin:1.2em 10px 1.4em 0;}
#content div.look a {display:block; float:right; display:inline; background:url(../images/btn-blue-right.gif) right top no-repeat scroll; height:29px; text-transform:uppercase; font-weight:bold; font-size:0.75em; text-decoration:none; margin:8px 0 0 0;}
#content div.look a span {display:block; background:url(../images/btn-blue-left.gif) left top no-repeat scroll; padding:8px 10px 0 22px; height:21px; color:#FFF; cursor:pointer;}
#content div.cost p {color:#4fa1ca; font-size:2em; line-height:1.3em;}
#content div.cost p.first {margin-bottom:3.0em;}
#content div.cost p a {color:#fe9326; text-decoration:none;}
#content div.cost p a:hover {text-decoration:underline;}
#content div.technical {width:900px; margin-left:0;}
#content div.technical h1 {margin-left:42px; margin-right:42px;}
#content div.technical p {margin:0 42px;}
#content div.technical table {clear:both; float:none; display:block; margin:0 0 30px; w idth:700px; margin-left:42px;}
#content div.technical table td {vertical-align:top;}
#content div.technical table thead {display:none;}
#content div.technical table thead th {background:#4fa1ca;}
#content div.technical table tbody th {padding:5px 20px 5px 0; border:none; border-bottom:1px solid #d8d8d8; text-align:left; vertical-align:top;}
#content div.technical .col1 {clear:both; float:left; display:inline; width:450px; margin:0;}
#content div.technical .col1 h3 {width:450px;}
#content div.technical .col2 {float:right; display:inline; width:450px; margin:0;}
#content div.technical .col2 h3 {width:450px;}
#content div.spec ul.downloads li {font-size:0.8em; padding:5px 0 5px 10px; background:url(../images/blue-arrow.gif) left 0.9em no-repeat scroll;}
#content div.spec ul.downloads li a {color:#4fa1ca;}
#content div.technical #servicePack {background:#4FA2CA; padding:10px; margin:0 0 0 42px; width:500px; color:#FFF; border-bottom:1em solid #FFF;}
#content div.technical #servicePack p {margin:0 0 0.9em 0;}
#content div.technical #servicePack p a {color:#FFF; font-weight:bold;}
#content div.technical #servicePack p a:hover {text-decoration:none;}
#content div.technical #servicePack ol {font-size:0.75em;}

#content div.different {position:relative;}
#content div.different a.testimonials {position:absolute; right:0; top:-93px;}
#content div.testimonials {width:900px; margin-left:0;}
#content div.testimonials h1 {margin-left:42px; margin-right:42px;}
#content div.testimonials p.intro {margin:0 42px;}
#content div.testimonials div.testimonial {background:#c9e5f3 url(../images/quote-start.gif) 8px 22px no-repeat scroll; padding:20px 42px; margin-top:20px;}
#content div.testimonials div.testimonial span.end-quote {background:url(../images/quote-end.gif) right bottom no-repeat scroll; width:27px; height:24px; display:inline-block; vertical-align:text-top; padding:2px 0 0 5px;}
#content div.testimonials div.testimonial p.source {color:#2c81ac; margin-bottom:0;}

#content div.contact address {font-style:normal; font-size:0.75em;}
#content div.contact a {color:#4fa1ca; font-weight:bold;}
#content div.contact a:hover {color:#000;}

#footer {width:900px; height:140px; background:#4fa1ca; margin:40px 0 0; position:relative;}
#footer img.strapline {position:absolute; right:44px; top:22px;}
#footer img.telephone {position:absolute; left:42px; top:61px;}
#footer img.fax {position:absolute; left:405px; top:61px;}
#footer img.accreditation {position:absolute; right:45px; top:60px;}
#footer p {color:#FFF; font-size:0.75em; margin-bottom:10px;}
#footer p.copyright {position:absolute; left:42px; top:26px; width:400px;}
#footer p.company {position:absolute; left:42px; bottom:10px; width:324px;}
#footer p.regAddress {position:absolute; right:142px; bottom:10px; width:380px;}

/* -- USEFUL CLASSES -- */
.clr {clear:both; line-height:0px; font-size:0.5px; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* Non IE clearfix */