* {
margin : 0;
padding : 0;
}
body {
background : #ffffff url(images/header-bg.png) repeat-x;
font-family : Trebuchet MS;
color : #303030;
font-size : 14px;
}
#wrapper {
width : 1010px;
margin : 0 auto;
padding : 0;
}
h1 {
color : #ffffff;
font-size : 34px;
font-weight : bold;
margin : 10px 0;
letter-spacing : -0.5px;
font-family : 'Trebuchet MS', Verdana, sans-serif;
}
h2 {
color : #8345C0;
font-size : 24px;
font-weight : normal;
margin : 10px 0 10px 0;
letter-spacing : -0.5px;
font-weight : bold;
font-family : 'Trebuchet MS', Verdana, sans-serif;
}
h3 {
color : #8345C0;
font-size : 18px;
font-weight : normal;
margin : 0 0 10px 0;
}
h4 {
color : #8345C0;
font-size : 16px;
font-weight : normal;
margin : 0 0 10px 0;
letter-spacing : -0.5px;
font-weight : bold;
font-family : 'Trebuchet MS', Verdana, sans-serif;
}
h5 {
font-size : 15px;
margin : 0 0 10px 0;
}
h6 {
font-size : 13px;
font-weight : bold;
margin : 4px 0;
color : #8345C0;
}
.right {
margin-left : 30px;
}
.left {
margin-right : 10px;
float : right;
}
a {
text-decoration : none;
color : #8345C0;
}
a:hover {
text-decoration : underline;
}
p {
line-height : 18px;
margin : 0 0 10px 0;
}
p.last {
margin-bottom : 24px;
}
.side-sep {
background : url(images/side-separator.gif) no-repeat center top;
height : 7px;
clear : both;
margin-bottom : 10px;
}
.quote {
font-style : italic;
}
.clear {
clear : both;
}
.top {
top : 0;
left : 0;
}
.bottom {
bottom : 0;
left : 0;
}
ul {
list-style-type : none;
}
.boxes {
width : 1em;
}
#header {
background : url(images/header-bg.png) repeat center top;
height : 115px;
}
#logo {
background : url(images/logo.png) no-repeat left top;
position : relative;
top : 0;
left : 0;
float : left;
width : 305px;
height : 107px;
}
#navigation ul {
float : right;
margin : 4px 0 0;
padding : 0 10px 0 0;
list-style : none;
margin-top : 70px;
}
#navigation li {
float : left;
list-style : none;
margin-left : 10px;
}
#navigation li a {
float : left;
display : block;
color : #ffffff;
text-decoration : none;
font : 15px 'Trebuchet MS', sans-serif;
padding : 0 0 0 10px;
height : 45px;
line-height : 46px;
text-transform : lowercase;
text-align : center;
cursor : pointer;
}
#navigation li a span {
float : left;
display : block;
padding : 0 9px 0 2px;
}
#navigation li.current a, #navigation li.current a:hover {
color : #ffffff;
background : url(images/nav-left-selected.png) no-repeat left 5px;
}
#navigation li.current a span, #navigation li.current a:hover span {
color : #ffffff;
background : url(images/nav-right-selected.png) no-repeat right 5px;
}
#navigation li a:hover {
color : #fff;
background : url(images/nav-left-hover.gif) no-repeat 2px 5px;
}
#navigation li a:hover span {
color : #fff;
background : url(images/nav-right-hover.gif) no-repeat right 5px;
}
#landing-content {
overflow : hidden;
}
.slideshow {
width : 400px;
height : 250px;
float : right;
background : url(images/slideshow-back.png) no-repeat;
margin : 20px 10px 0 10px;
}
.slideshow-images {
margin : 6px 0 0 17px;
}
.intro-content {
font-family : Trebuchet MS;
font-size : 18px;
line-height : 22px;
color : #ffffff;
}
#home-intro {
width : 900px;
height : 120px;
padding : 40px 0 20px 10px;
float : left;
}
#services-intro {
background : url(images/services-image.png) no-repeat right;
width : 610px;
height : 180px;
padding : 40px 400px 20px 20px;
}
#contact-intro {
background : url(images/contact-image.png) no-repeat right;
width : 610px;
height : 180px;
padding : 40px 400px 20px 20px;
}
#about-intro {
background : url(images/about-image.png) no-repeat right;
width : 610px;
height : 180px;
padding : 40px 400px 20px 20px;
}
#blog-intro {
background : url(images/blog-image.png) no-repeat right;
width : 610px;
height : 180px;
padding : 40px 400px 20px 20px;
}
#testimonial-intro {
background : url(images/testimonial-image.png) no-repeat right;
width : 610px;
height : 180px;
padding : 40px 400px 20px 20px;
}
.buttons {
margin : 24px 0 0 0;
width : 584px;
}
.buttons .sign-up {
background : transparent url(images/sign-up-btn.png) no-repeat scroll 0% 0%;
color : #ffffff;
display : inline;
float : left;
height : 39px;
margin-right : 18px;
width : 145px;
text-indent : -2000px;
}
.buttons .read-more {
background : transparent url(images/read-more-btn.png) no-repeat scroll 0% 0%;
color : #ffffff;
display : inline;
float : left;
height : 46px;
margin-right : 18px;
width : 214px;
text-indent : -2000px;
}
#main-content-top {
background : url(images/main-top.png) no-repeat;
height : 10px;
margin-top : 16px;
}
#main-content {
background-color : #ffffff;
background : url(images/main-repeat.png) repeat-y;
width : 970px;
padding : 0 20px 10px 24px;
overflow : hidden;
}
#main-content-bottom {
background : url(images/main-bottom.png) no-repeat;
height : 15px;
}
#main-content-left {
width : 620px;
float : left;
line-height : 22px;
}
#main-content-right {
width : 290px;
float : right;
}
.para {
margin : 10px 10px 10px 0;
line-height : 18px;
word-spacing : 0;
}
#main-content-left p {
margin-top : 8px;
}
#main-content-left h2 {
margin-top : 10px;
}
#main-content-left h3 {
margin : 8px 0 4px 0;
line-height : 14px;
font-size : 16px;
}
#services-list li {
list-style : none;
width : 290px;
float : left;
display : inline;
margin-top : 10px;
margin-bottom : 6px;
margin-right : 20px;
}
#services-list-large li {
list-style : none;
width : 600px;
float : left;
display : inline;
margin-top : 10px;
margin-bottom : 6px;
margin-right : 20px;
}
.service {
width : 54px;
height : 44px;
float : left;
margin : 0 16px 0 0;
}
#services-list .first, #services-list-large .first {
background : url(images/service-1.gif) no-repeat;
}
#services-list .second, #services-list-large .second {
background : url(images/service-2.gif) no-repeat;
}
#services-list .third, #services-list-large .third {
background : url(images/service-3.gif) no-repeat;
}
#services-list .fourth, #services-list-large .fourth {
background : url(images/service-4.gif) no-repeat;
}
#services-list .fifth, #services-list-large .fifth {
background : url(images/service-5.gif) no-repeat;
}
#services-list .sixth, #services-list-large .sixth {
background : url(images/service-6.gif) no-repeat;
}
#services-list h4 {
width : 210px;
float : left;
margin-left : 10px;
font-weight : bold;
}
#services-list li p {
clear : both;
padding-top : 6px;
margin : 20px 20px 10px 0;
}
.left-top {
background : url(images/side-top.gif) no-repeat;
height : 7px;
margin-top : 16px;
}
.left-bottom {
background : url(images/side-bottom.gif) no-repeat;
height : 7px;
margin-bottom : 10px;
}
.side-container {
background-color : #eaeaea;
width : 268px;
padding : 6px;
}
.side-container h4 {
background : url(images/side-heading-bg.png) no-repeat;
color : #ffffff;
font-weight : normal;
height : 33px;
margin-left : 6px;
padding : 7px;
}
#phone {
background-image : url(images/phone.html);
background-position : left top;
background-repeat : no-repeat;
height : 36px;
padding-left : 50px;
margin-left : 20px;
}
#contact-form {
margin : 10px;
overflow : hidden;
}
label {
float : left;
width : 120px;
font-weight : bold;
margin : 4px;
}
.submitbutton {
text-align : center;
background : url(images/login_btn.gif) no-repeat center;
border : none;
width : 103px;
height : 36px;
cursor : pointer;
padding-bottom : 6px;
text-indent : -9000px;
font-size : 0;
line-height : 0;
}
#sign-up {
float : left;
width : 140px;
line-height : 20px;
}
#sign-up p {
margin-bottom : 0;
}
.contact-us-quickies {
margin-left : 10px;
}
input, textarea {
font-family : Verdana, Arial, Helvetica, sans-serif;
width : 240px;
background : #ffffff url(images/input-bg.gif) repeat-x top;
border : 1px solid #dadada;
padding : 2px 0 0 0;
margin : 4px 0;
height : 22px;
}
textarea {
width : 300px;
height : 150px;
}
#submitbutton {
text-align : center;
background : url(images/send-it.gif) no-repeat center;
border : none;
margin-top : 4px;
margin-left : 330px;
width : 103px;
height : 36px;
cursor : pointer;
text-indent : -9000px;
}
.team-member {
clear : both;
padding : 16px 0;
}
.team-member .member-image {
background-image : url(images/about-person.png);
width : 110px;
height : 97px;
float : left;
}
.team-member .member-details {
background : url(images/about-person-repeat.png) repeat-y;
width : 471px;
float : right;
overflow : hidden;
padding : 0 18px;
}
.team-member-top {
background : url(images/about-person-top.png) no-repeat;
height : 10px;
width : 507px;
float : right;
}
.team-member-bottom {
background : url(images/about-person-bottom.png) no-repeat;
height : 10px;
width : 507px;
float : right;
}
.team-member .member-image img {
position : relative;
top : 8px;
left : 9px;
border : 1px solid #dadada;
}
.post {
clear : both;
padding : 10px 0;
}
.post-month {
font-size : 11px;
font-weight : bold;
font-family : Geneva, Arial, Helvetica, sans-serif;
text-transform : uppercase;
color : #ffffff;
display : block;
line-height : 11px;
padding-top : 2px;
margin-left : -3px;
}
.entry {
clear : both;
padding-top : 10px;
}
.post-cat {
background : url(images/comments.gif) no-repeat left top;
padding-left : 20px;
height : 18px;
float : right;
font-size : 12px;
color : #8345C0;
margin-bottom : 10px;
}
.post-date {
background : url(images/calendar.gif) no-repeat left top;
padding-left : 20px;
height : 18px;
float : left;
font-size : 12px;
color : #8345C0;
}
h4.blog-head {
line-height : 26px;
border-bottom : 1px solid #dadada;
}
.testimonial {
clear : both;
background : url(images/quotes.gif) no-repeat left top;
padding : 0 4px 0 22px;
margin : 8px;
}
.testimonial-big {
clear : both;
padding : 16px 0;
}
.testimonial-big .member-image {
background-image : url(images/about-person.png);
width : 110px;
height : 97px;
float : left;
}
.testimonial-big .member-details {
background : url(images/testi-repeat.png) repeat-y;
width : 400px;
float : right;
overflow : hidden;
padding : 0 18px;
}
.testimonial-top {
background : url(images/testi-top.png) no-repeat;
height : 10px;
width : 436px;
float : right;
}
.testimonial-bottom {
background : url(images/testi-bottom.png) no-repeat;
height : 10px;
width : 436px;
float : right;
}
.testimonial-big .member-image img {
position : relative;
top : 8px;
left : 9px;
border : 1px solid #dadada;
}
.services-list {
margin : 0 0 10px 10px;
list-style : none;
}
.services-list li {
background : url(images/side-separator.gif) no-repeat bottom;
font-size : 14px;
line-height : 28px;
height : 32px;
}
.services-list li a {
background : url(images/category.html) no-repeat left 50%;
padding-left : 24px;
color : #303030;
}
.services-list li a:hover {
text-decoration : none;
color : #8345C0;
}
.downloads {
background : url(images/pdf-icon.png) no-repeat left 50%;
width : 53px;
height : 52px;
float : left;
}
.downloads-list li {
background : url(images/side-separator.gif) no-repeat bottom;
padding : 8px 0;
}
#footer {
margin : 0 auto;
padding : 0;
background : #1d1d1d url(images/footer-bg.png) repeat-x center bottom;
height : 270px;
font-size : 14px;
margin-top : 10px;
padding-top : 10px;
}
#footer-content {
margin : 0 auto;
width : 990px;
color : #ffffff;
padding : 20px 10px 10px 10px;
}
#footer-left {
float : left;
width : 650px;
}
#footer-right {
float : right;
width : 310px;
text-align : right;
}
#footer a {
text-decoration : none;
color : #8345C0;
}
#footer a:hover {
text-decoration : underline;
color : #8345C0;
}
.footer-block {
width : 226px;
margin-right : 20px;
float : left;
}
.footer-blog {
height : 30px;
display : block;
outline : none;
}
.footer-partners {
height : 30px;
display : block;
outline : none;
}
.footer-news {
height : 30px;
display : block;
outline : none;
}
.footer-block ul {
list-style : none;
margin-bottom : 10px;
}
.footer-block a {
margin-top : 10px;
}
.footer-block ul li {
margin-top : 6px;
padding-bottom : 6px;
}
.footer-block ul li a {
color : #ffffff !important ;
}
.footer-block ul li a:hover {
text-decoration : underline;
}
.footer-block strong {
line-height : 135%;
font-weight : bold;
}
ul.bullet-list {
list-style : none;
margin : 0 auto;
padding : 0;
margin-top : 4px;
}
ul.bullet-list li {
width : 130px;
float : left;
background : url(images/footer-bullet.gif) no-repeat 0% 2px;
padding : 0 0 2px 16px;
}
#hor-sep {
background : url(images/footer-sep.gif) no-repeat center bottom;
height : 10px;
clear : both;
margin-bottom : 10px;
}
.date {
color : #8345C0;
}
.Promo1 {
font-size : 16px;
color : #bb370b;
}
.Promo2 {
color : #bb370b;
font-size : 24px;
}
.side-container2 {
background-color : #eaeaea;
width : 268px;
padding : 6px;
}
.side-container2 h4 {
background : url(images/side-heading-bg.png) no-repeat;
color : #ffffff;
font-weight : normal;
height : 33px;
margin-left : 6px;
padding : 7px;
}
.InStock {
font-size : 12px;
color : #009933;
}
#table-a {
width : 650px;
height : auto;
float : right;
border-collapse : separate;
border-bottom : 1px solid #cecece;
margin : 0 0 20px;
}
#table-a caption {
font-family : Trebuchet MS;
font-size : 20px;
color : #333;
text-align : left;
margin : 10px 0 20px;
padding : 0;
}
#table-a thead th {
color : #fff;
text-align : left;
font-size : 14px;
padding : 0 0 0 10px;
}
#table-a tbody {
font-size : 0.9em;
background : #fcfcfc;
}
#table-a tr.alt {
background : #e9e9e9;
}
#table-a tr.alt td {
border-left : 1px solid #fff;
border-bottom : 1px solid #e4e4e4;
border-top : 1px solid #e4e4e4;
}
#table-a tr.alt td.left {
border-left : 1px solid #cecece;
}
#table-a td {
color : #666;
font-weight : 400;
border : none;
border-left : 1px solid #cecece;
vertical-align : middle;
padding : 10px;
}
#table-a td.left {
width : 150px;
color : #333;
font-weight : 700;
border-left : 1px solid #cecece;
padding : 10px 10px 10px 15px;
}
#table-a td.last {
border-right : 1px solid #cecece;
}
#table-a td.price {
color : #5381ac;
font-size : 14px;
}
#table-a td.order {
background : #fff;
border : none !important ;
padding : 20px 0 0 10px;
}
#indexplans {
font-family : Trebuchet MS;
position : relative;
width : 944px;
margin : 0;
padding : 15px 15px;
}
#indexplans ul {
margin-top : -2px;
}
#indexplans a {
background : #5381ac none repeat scroll 0% 0%;
color : #fff;
font-weight : 400;
margin-top : 55px;
float : left;
padding : 0 7px;
padding-top : 2px;
}
#indexplans a:hover {
background : #343434 none no-repeat scroll 0% 0%;
color : #fff;
}
.planBox {
margin : 0 auto;
padding : 0;
}
.planBoxDetail {
width : 235px;
position : relative;
float : left;
margin : 0 auto;
padding : 0;
}
.planVZ-1 {
background-color : #fbfbfb;
height : 209px;
width : 215px;
float : left;
border-left : 1px solid #ccc;
border-bottom : 1px solid #ccc;
padding : 10px;
}
.planVZ-2, .planVZ-3 {
background-color : #fbfbfb;
height : 209px;
width : 215px;
float : left;
border-bottom : 1px solid #ccc;
padding : 10px;
}
.planVZ-4 {
background-color : #fbfbfb;
height : 209px;
width : 220px;
float : left;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
padding : 10px;
}
.planBoxTitle-vz1 {
background : #a8a8a8;
color : #fff;
font-size : 14px;
font-weight : 700;
height : 30px;
width : 235px;
left : 16px;
float : left;
text-align : center;
padding-top : 10px;
}
.planBoxTitle-vz2, .planBoxTitle-vz3 {
background : #a8a8a8;
color : #fff;
font-size : 14px;
font-weight : 700;
height : 30px;
width : 235px;
float : left;
text-align : center;
padding-top : 10px;
}
.planBoxTitle-vz4 {
background : #a8a8a8;
color : #fff;
font-size : 14px;
font-weight : 700;
height : 30px;
width : 241px;
float : left;
text-align : center;
padding-top : 10px;
}
table#plans thead th em.tagline {
color : #35759e;
font-size : 14px;
font-weight : 400;
text-align : left;
}
table#plans thead th h5 {
color : #1c6997;
font-size : 22px;
font-weight : lighter;
line-height : 23px;
text-align : left;
}
table#plans td.most_popular a.signupnowsmall {
background : #1c6997 url("http://www.xnetbroadband.co.uk/images/bg_button.png") repeat-x scroll center bottom;
border : 1px solid #1c6997;
}
table#plans td.most_popular a.signupnowsmall:hover {
background : #4aa3d7 url("http://www.xnetbroadband.co.uk/images/bg_button.png") repeat-x scroll center bottom;
}
table#plans {
border-collapse : collapse;
border-spacing : 0;
border : 1px solid #cfcfcf;
margin : 40px 0 20px;
}
table#plans thead {
background-color : #ececec;
border-bottom : 2px solid #cfcfcf;
}
table#plans th, table#plans td {
border-right : 1px solid;
font-size : 1em;
text-align : left;
width : 146px;
padding : 20px 0 20px 20px;
}
table#plans th {
border-right-color : #cfcfcf;
}
table#plans td {
background : #E7EFF5 none repeat scroll 0% 0%;
border-right-color : #cfcfcf;
}
table#plans td.last {
border-right : 0 none;
}
table#plans td sup {
color : #666;
font-size : xx-small;
vertical-align : top;
}
table#plans th.most_popular {
background : #f5f5f5 none repeat scroll 0% 0%;
border-top : 8px solid #cfcfcf;
border-left : 8px solid #cfcfcf;
border-right : 8px solid #cfcfcf;
border-style : solid solid none;
border-width : 8px 8px medium;
}
table#plans thead th h4 {
color : #000;
font-size : 24px;
line-height : 20px;
margin-bottom : 0;
text-align : left;
}
table#plans thead th h4 em {
color : #000;
}
table#plans thead th h5 em {
color : #666;
font-family : Trebuchet MS;
font-size : 11px;
font-style : normal;
font-weight : 400;
line-height : 15px;
vertical-align : top;
}
table#plans td.most_popular {
background : #fff none repeat scroll 0% 0%;
border-left : 8px solid #cfcfcf;
border-right : 8px solid #cfcfcf;
border-style : none solid;
border-width : medium 8px;
}
table#plans td.border {
border-bottom : 8px solid #cfcfcf;
}
table#plans th img, table#plans td img {
margin-right : 8px;
}
table#plans td p {
margin-right : 10px;
}
table#plans td ul {
list-style : none;
margin : 0;
}
table#plans td ul li strong {
font-size : 1.1em;
}
table#plans td ul li {
font-size : 0.9em;
padding : 0 !important ;
background : none;
}
a.signupnowsmall {
background : #77b4d7 url("http://www.xnetbroadband.co.uk/images/bg_button_light.png") repeat-x scroll center bottom;
border : 1px solid #4e99c4;
color : #fff;
cursor : pointer;
display : block;
font-size : 14px;
letter-spacing : normal;
text-align : center;
margin : 0 18px 0 0;
padding : 8px 0;
}
a.signupnowsmall:hover {
background : #77b4d7 url("http://www.xnetbroadband.co.uk/images/bg_button.png") repeat-x scroll center bottom;
}
.currency {
background : #ececec none repeat scroll 0% 0%;
border-left : 1px solid #cfcfcf;
border-right : 1px solid #cfcfcf;
border-top : 1px solid #cfcfcf;
right : 2px;
position : absolute;
top : 171px;
padding : 5px 20px 7px 24px;
}
.topnotice {
position : absolute;
top : 155px;
width : 512px;
text-align : center;
right : 90px;
}
span.topnoticecomm {
font-size : 16px;
color : #5381ac;
}
span.topnoticecomm2 {
font-size : 13px;
color : #666;
}
#vplannotes p {
font-size : 12px;
line-height : 1.7em;
}
.colleft, .colright {
float : left;
width : 47%;
}
.colright {
margin : 0 0 0 35px;
}
.center {
text-align : center;
}
.pb10 {
padding-bottom : 10px;
}
.col-tablerightvp {
border-left : 1px dotted #efefef;
float : left;
margin-left : 12px;
padding-left : 20px;
width : 675px;
}