html, body { margin:0; padding:0; background: url(../images/bg.jpg) top left repeat-x #0b3457; }
#container { display:block; width:950px; margin:0 auto; background:url(../images/bg-page.jpg) top left no-repeat; }

/*--- Header --*/
#header { widows:950px; height:81px; background:url(../images/bg-head.jpg) top left no-repeat; margin-bottom:26px; }
#header a#logo { width:201px; height:49px; background:url(../images/logo.png) top left no-repeat; float:left; margin:20px 0 0 25px; text-indent:-9999px; }
#header a#liveassistant { width:163px; height:29px; background:url(../images/head-liveassistant.png) top left no-repeat; float:right; margin:25px 25px 0 0; text-indent:-9999px; }

/*--- Nav --*/
#nav { width:100%; height:43px; background:url(../images/bg-nav.png) top left no-repeat; border:0; }
#nav ul { list-style-type:none; margin:0; padding:13px 0 0 30px; }
#nav ul li a { font:bold 13px Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; display:block; float:left; margin-right:15px; }
#nav ul li#link-mainsite a { color:#80caf6; } 

/*--- Feature ---*/
#feature { width:890px; height:165px; background:url(../images/bg-feature.jpg) top left no-repeat; padding:30px; }
#feature h1 { width:256px; height:66px; background:url(../images/feature-title.gif) top left no-repeat; text-indent:-9999px; margin:0; }
#feature p { font:12px Arial, Helvetica, sans-serif; width:400px; color:#FFFFFF; line-height:18px; margin-top:4px; }
#feature p a { color:#FFFFFF; }
#feature #button-feature { display:block; width:208px; height:38px; background:url(../images/button-feature.png) top left no-repeat; text-indent:-9999px; margin-left:-4px; }

/*--- Content ---*/
#content { width:890px; padding:30px; background:url(../images/content-bot.png) bottom left no-repeat #FFFFFF; clear:both; }
#content #left { width:425px; float:left; }
#content #right { width:425px; float:right; }
#content #left-thin { width:325px; float:left; }
#content #right-wide { width:525px; float:right; }
#seperator { clear:both; }
#content h1, #content h2, #content h3, #contant h4 { margin:0; padding:0; }
#content p { font:12px Arial, Helvetica, sans-serif; line-height:18px; } 
#content ul#services-list { font:12px Arial, Helvetica, sans-serif; line-height:18px; display:block; width:350px; height:120px; background: url(../images/content-services.jpg) top left no-repeat; padding-left:130px; }
#content ul#services-list li { list-style-type:none; list-style-image: url(../images/tick.png); }
#content .planning { width:317px; height:18px; background: url(../images/content-title-planning.png) no-repeat; text-indent:-9999px; }
#content .personalised { width:164px; height:18px; background: url(../images/content-title-personalised.png) no-repeat; text-indent:-9999px; }
#content .quote { width:155px; height:18px; background: url(../images/content-title-quote.png) no-repeat; text-indent:-9999px; }
#content .serviceplan { width:198px; height:18px; background: url(../images/content-title-serviceplans.png) no-repeat; text-indent:-9999px; }
#content .compare { width:176px; height:18px; background: url(../images/content-title-compare.png) no-repeat; text-indent:-9999px; }
#content .downloads { width:149px; height:18px; background: url(../images/content-title-popdownloads.png) no-repeat; text-indent:-9999px; }
#content .files { width:85px; height:18px; background: url(../images/content-title-downloads.png) no-repeat; text-indent:-9999px; }
#content .contact { width:83px; height:18px; background: url(../images/content-title-contact.png) no-repeat; text-indent:-9999px; }
#content .isocert { display:block; width:172px; height:105px; background:url(../images/logo-isocert.png) no-repeat; text-indent:-9999px; }

/*--- Footer ---*/
#footer { padding:10px 20px 10px 20px; margin:0; width:910px; clear:both; }
#footer p { font:12px Arial, Helvetica, sans-serif; color:#9dbdd1; margin-left:12px; }
#footer p a { font:bold 12px Arial, Helvetica, sans-serif; color:#9dbdd1; margin-left:12px; text-decoration:underline; margin:0; padding:0; }
#footer {}
#footer ul#nav-footer { list-style-type:none; margin:0; } 
#footer ul#nav-footer li a { font:12px Arial, Helvetica, sans-serif; color:#9dbdd1; height:12px; padding:0 4px 0 4px; text-decoration:none; display:block; border-right:1px solid #9dbdd1; float:left; }
#footer p a#isocert { display:block; width:111px; height:37px; background:url(../images/footer-iso.gif) top left no-repeat; text-indent:-9999px; }

/* Footer Group --*/
#footer #group { float:right; width:478px; height:50px; background:url(../images/footer-claxsonlogo.gif) top right no-repeat; padding-right:68px; margin:-94px 13px 0 0; text-align:right; }
#footer #group p {margin:-2px 0 0 0; padding:0; }
#footer ul#nav-group { list-style-type:none; margin:5px 0 0 -33px; }
#footer ul#nav-group li a { font:12px Arial, Helvetica, sans-serif; color:#9dbdd1; height:12px; padding:0 4px 0 4px; text-decoration:none; display:block; border-right:1px solid #9dbdd1; float:left; }
#footer ul#nav-footer { margin:0 0 20px -30px; }

/* --- Footer Shared --*/
#footer ul#nav-footer li a.end, #footer ul#nav-group li a.end { border-right:0px; }
#footer ul#nav-footer li a:hover, #footer ul#nav-group li a:hover { text-decoration:underline; }

/*--- Comparison Table ---*/
#compare { width:515px; margin-left:10px; font:12px Arial, Helvetica, sans-serif; }
#compare .yes { display:block; width:85px; height:30px; background:url(../images/tick.png) center no-repeat; text-indent:-9999px; }
#compare .no { display:block; width:85px; height:30px; background:url(../images/cross.png) center no-repeat; text-indent:-9999px; }
#compare .title-platinum { display:block; width:85px; height:30px; background:url(../images/compare-title-platinum.png) center no-repeat; text-indent:-9999px; }
#compare .title-gold { display:block; width:85px; height:30px; background:url(../images/compare-title-gold.png) center no-repeat; text-indent:-9999px; }
#compare .title-silver{ display:block; width:85px; height:30px; background:url(../images/compare-title-silver.png) center no-repeat; text-indent:-9999px; }
#compare .title-bronze { display:block; width:85px; height:30px; background:url(../images/compare-title-bronze.png) center no-repeat; text-indent:-9999px; }
#compare .bold { font-weight:bold; }
#compare .centre { text-align:center;}
#compare .altrow { background:#deeff9; text-align:center; }
#compare .altrow-bottom { background:#deeff9; text-align:center; border-bottom:1px solid #b4cedd; }
#compare .altrow-main { background:#def9e6; text-align:center; border-top:1px solid #99d0a9; }
#compare .altrow-submain { background:#c5edd1; text-align:center; border-bottom:1px solid #99d0a9; }
#compare .altrow-title { background:#e7e7e7; }
#compare .altrow-title-top { background:#e7e7e7; border-top:1px solid #c5c5c5; }
#compare .altrow-title-bottom { background:#e7e7e7; border-bottom:1px solid #c5c5c5; }
#compare .altrow-title-bottomdark { background:#d0d0d0; border-bottom:1px solid #bbbbbb; }
#compare a.button-select { display:block; height:30px; width:74px; background:url(../images/compare-button-select.png) top left no-repeat; text-indent:-9999px; margin:8px 0 0 4px; }
#compare .small { font:bold 11px Arial, Helvetica, sans-serif; }
#compare .row { height:35px; }

/* --- Downloads List ---*/
#content ul#downloads { list-style-type:none; margin:10px 0 0 -30px; }
#content ul#downloads li { display:block; font:bold 12px Arial, Helvetica, sans-serif; color:#393939; border-bottom:1px solid #b4cedd; padding:10px 5px 10px 5px; }
#content ul#downloads li.alt { background:#deeff9; } 
#content ul#downloads li a.button-download { display:block; width:100px; height:23px; background:url(../images/button-download.png) top left no-repeat; text-indent:-9999px; float:right; margin:-4px 0 0 0; }

/* Contact Form ---*/
#contact { width:350px; padding-bottom:3px; background:url(../images/contact-box-bg.jpg) bottom left no-repeat; }
.contact-nomargin { margin-left:0; }
#contact p#contact-boxtitle { display:block; height:29px; width:350px; background: url(../images/contact-boxhead-bg.jpg) top left no-repeat; text-indent:-9999px; margin:0; } 
#contact p.contact-label { display:block; width:70px; float:left; text-align:right; margin:0 0 6px 0; padding-top:4px; clear:both; }
#contact form { margin:12px; padding:0; width:320px; } 
#contact input#nameinput, #contact input#emailinput, #contact input#telinput, #contact textarea#commentinput { float:right; width:240px; }
#contact div#contact-button { clear:both; } 
#contact-button #submitinput { display:block; width:102px; height:28px; background:url(../images/button-send.png) top left no-repeat; text-indent:-9999px; border:0; margin:0 0 0 75px; cursor:pointer; }
#contact p#success { width:308px; padding: 3px 10px; background: url(../images/tick.png) no-repeat #cfffd7; background-position: 70px 4px;  border: 1px solid #009218; color: #009218; font-weight: bold; margin:8px 0 5px 10px; text-align: center; }
#contact p#bademail, #contact p#badserver { width:308px; padding: 3px 10px; background: url(../images/cross.png) no-repeat #fddedd; background-position: 70px 4px; border: 1px solid #D00D00; color: #D00D00; font-weight: bold; margin:8px 0 5px 10px; text-align: center; }