body {
margin : 0;
padding : 0;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif;
background-color : #7cbed5;
}
img {
border : none;
}
h2 span {
font-weight : normal !important ;
}
a:link {
color : #005b84;
text-decoration : none;
}
a:visited {
text-decoration : none;
color : #005b84;
}
a:hover {
text-decoration : underline;
color : #005b84;
}
a:active {
text-decoration : none;
color : #005b84;
}
.container {
width : 100%;
height : auto;
}
.headercon {
width : 100%;
height : auto;
background : url(../images/headerbg.png) left top repeat-x;
padding : 0 0 8px 0;
}
.wrapper {
width : 950px;
height : auto;
margin : 0 auto;
}
.topright {
height : 35px;
float : right;
margin : 30px 15px 15px 0;
}
.clear {
clear : both;
}
.phone {
width : 115px;
height : 35px;
float : left;
background : url(../images/iconSmallPhone.png) left center no-repeat;
padding-left : 25px;
}
.phone a {
width : 115px;
height : 35px;
line-height : 35px;
color : #dfdfdf;
font-family : "Arial", Helvetica, sans-serif;
font-size : 14px;
display : block;
text-decoration : none;
font-weight : bold;
}
.phone a:hover {
text-decoration : underline;
}
.clientlogin {
width : 100px;
height : 35px;
float : left;
background : url(../images/iconSmallLockLight.png) left center no-repeat;
padding-left : 25px;
}
.clientlogin a {
width : 100px;
height : 35px;
line-height : 35px;
color : #dfdfdf;
font-family : "Arial", Helvetica, sans-serif;
font-size : 14px;
display : block;
text-decoration : none;
font-weight : bold;
}
.clientlogin a:hover {
text-decoration : underline;
}
.livchat {
width : 85px;
height : 35px;
float : left;
background : url(../images/iconSmallChat.png) left center no-repeat;
padding-left : 25px;
}
.livchat a {
width : 85px;
height : 35px;
line-height : 35px;
color : #dfdfdf;
font-family : "Arial", Helvetica, sans-serif;
font-size : 14px;
display : block;
text-decoration : none;
font-weight : bold;
}
.livchat a:hover {
text-decoration : underline;
}
#menu {
width : 930px;
height : 40px;
background : url(../images/menubg.png) center center no-repeat;
margin : 0 auto;
}
#menu ul {
margin : 0;
padding : 0;
list-style : none;
float : right;
}
#menu ul li {
display : inline;
float : left;
background : url(../images/image3.png) right center no-repeat;
height : 40px;
}
#menu ul li a {
height : 40px;
line-height : 40px;
display : block;
color : #FFF;
font-weight : bold;
font-size : 14px;
padding : 0 20px;
text-decoration : none;
}
#menu ul li a:hover, #menu ul li.active a {
color : #005b84;
}
.logo {
height : 84px;
width : 282px;
position : absolute;
margin : 36px 0 0 20px;
}
.logo a {
height : 84px;
width : 282px;
background : url(../images/4uhlogo.png) left top no-repeat;
display : block;
}
.banner {
width : 912px;
background : url(../images/bannerbg.png) left top no-repeat;
min-height : 320px;
padding : 17px 0 0 38px;
}
.bannerleft {
width : 235px;
height : auto;
float : left;
}
.bannerleft h1 {
margin : 0;
padding : 0;
color : #005b84;
font-size : 46px;
}
.bannerleft h2 {
margin : -10px 0 0 0;
padding : 0;
color : #333;
font-size : 28px;
}
.bannerleft ul {
margin : 0;
padding : 0;
list-style : none;
}
.bannerleft ul li {
font-size : 16px;
line-height : 27px;
height : 27px;
padding : 0 0 0 25px;
background : url(../images/image4.png) left center no-repeat;
border-bottom : 1px dotted #000;
}
.green {
color : #509100 !important ;
}
.image5 {
width : 154px;
height : 35px;
margin : 10px 0 0 0;
}
.image5 a {
width : 154px;
height : 35px;
line-height : 35px;
background : url(../images/image5.png) left top no-repeat;
display : block;
text-align : center;
text-decoration : none;
color : #FFF;
font-size : 16px;
font-weight : bold;
}
.image5 a:hover {
background : url(../images/image5.png) left bottom no-repeat;
}
.bannerright {
width : 188px;
height : auto;
float : right;
margin : 30px 55px 0 0;
padding : 0 0 0 15px;
}
.bannerright ul {


margin : 0;
padding : 0;
list-style : none;
}
.bannerright ul li {
height : 24px;
line-height : 24px;
color : #FFF;
font-size : 16px;
font-style : italic;
background : url(../images/image6.png) left center no-repeat;
padding : 0 0 0 17px;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.getting {
height : 25px;
line-height : 25px;
color : #adcb5b;
font-size : 12px;
font-style : italic;
text-align : center;
width : 165px;
}
.rate {
color : #fff;
font-size : 40px;
font-weight : bold;
text-align : center;
width : 180px;
margin-top : -13px;
}
.span1 {
color : #fff;
font-size : 80px;
font-weight : bold;
}
.span2 {
color : #ffc800;
font-size : 40px;
font-weight : bold;
position : absolute;
margin-top : 30px;
}
.month {
height : 25px;
line-height : 25px;
color : #adcb5b;
font-size : 12px;
font-style : italic;
text-align : center;
width : 165px;
margin : -15px 0 0 0;
}
.image7 {
width : 154px;
height : 35px;
margin : 10px auto 0 auto;
}
.image7 a {
width : 154px;
height : 35px;
line-height : 35px;
background : url(../images/image7.png) left top no-repeat;
display : block;
text-align : center;
text-decoration : none;
color : #FFF;
font-size : 16px;
font-weight : bold;
}
.image7 a:hover {
background : url(../images/image7.png) left bottom no-repeat;
}
.domainareacon {
width : 100%;
background : url(../images/image8.png) left top repeat-x;
}
.domainname {
background : url(../images/image9.png) left top no-repeat;
width : 305px;
height : 100px;
float : left;
margin : 0 16px 0 0;
}
.domainname h2 {
color : #FFF;
font-size : 22px;
margin : 28px 0 0 105px;
padding : 0;
}
.domainname h3 {
color : #FFF;
font-size : 16px;
margin : 0 0 0 105px;
padding : 0;
}
.domainname a {
color : #FFF;
}
.domainname a:hover {
color : #FFF;
}
.image10a {
background : url(../images/image10b.png) left top no-repeat !important ;
}
.image11 {
background : url(../images/image11.png) left top no-repeat !important ;
}
.plancon {
width : 100%;
height : auto;
background : url(../images/image12.png) left top repeat-x #005b84;
padding : 20px 0;
margin : 0 0 20px 0;
}
.plan {
width : 930px;
height : auto;
background : url(../images/image13.png) left top repeat-x #aac8da;
padding : 10px 10px 5px 10px;
border-radius : 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;          
}
.boxcon {
width : 302px;
height : auto;
float : left;
margin : 0 12px 0 0;
}
.boxbottom {
width : 302px;
height : auto;
}
.rateplan {
width : 150px;
height : 50px;
background : url(../images/image24.png) right center no-repeat;
float : left;
}
.pound {
color : #509100;
font-size : 24px;
font-weight : bold;
position : absolute;
font-style : italic;
margin : 13px 0 0 30px;
}
.big {
color : #509100;
font-size : 44px;
font-weight : bold;
font-style : italic;
position : absolute;
margin : 0 0 0 44px;
}
.small {
color : #509100;
font-size : 24px;
font-weight : bold;
position : absolute;
font-style : italic;
margin : 6px 0 0 70px;
}
.per {
color : #000;
font-size : 12px;
font-weight : bold;
position : absolute;
font-style : italic;
margin : 27px 0 0 70px;
}
.ordernow {
width : 140px;
float : left;
height : 50px;
margin : 0 0 0 10px;
}
.ordernow a {
width : 112px;
height : 50px;
line-height : 50px;
color : #509100;
font-size : 16px;
font-weight : bold;
background : url(../images/image25.png) left center no-repeat;
display : block;
text-decoration : none;
padding : 0 0 0 28px;
}
.bluecolor {
color : #2091c3 !important ;
}
.purplecolor {
color : #002e4b !important ;
}
.box {
width : 302px;
height : auto;
background : url(../images/image14.png) left top repeat-x #529202;
border-radius : 5px;
}
.boxinner {
background : url(../images/image16a.png) right top no-repeat;
padding : 20px 10px 14px 20px;
width : 272px;
}
.boxleft {
width : 170px;
height : auto;
float : left;
}
.boxleft h2 {
color : #FFF;
padding : 0;
margin : 0;
font-size : 20px;
text-shadow : 1px 1px 1px #666;
}
.boxleft ul {
margin : 0;
padding : 0;
list-style : none;
}
.boxleft ul li {
line-height : 20px;
height : 20px;
padding : 0 0 0 25px;
color : #FFF;
background : url(../images/image15.png) left center no-repeat;
}
.boxright {
width : 97px;
height : 25px;
float : right;
margin : 95px 0 0 0;
}
.boxright a {
width : 97px;
height : 25px;
line-height : 25px;
text-align : center;
text-decoration : none;
font-size : 14px;
font-weight : bold;
background : url(../images/image17.png) left top no-repeat;
display : block;
color : #FFF;
}
.boxright a:hover {
background : url(../images/image17.png) left bottom no-repeat;
}
.image18 {
background : url(../images/image18.png) left top repeat-x #2091c4 !important ;
}
.image19 {
background : url(../images/image19.png) left top repeat-x #003151 !important ;
}
.image20 {
background : url(../images/image20a.png) right top no-repeat !important ;
}
.image21 {
background : url(../images/image21a.png) right top no-repeat !important ;
}
.boxright1 {
width : 97px;
height : 25px;
float : right;
margin : 95px 0 0 0;
}
.boxright1 a {
width : 97px;
height : 25px;
line-height : 25px;
text-align : center;
text-decoration : none;
font-size : 14px;
font-weight : bold;
background : url(../images/image22.png) left top no-repeat;
display : block;
color : #FFF;
}
.boxright1 a:hover {
background : url(../images/image22.png) left bottom no-repeat;
}
.boxright2 {
width : 97px;
height : 25px;
float : right;
margin : 95px 0 0 0;
}
.boxright2 a {
width : 97px;
height : 25px;
line-height : 25px;
text-align : center;
text-decoration : none;
font-size : 14px;
font-weight : bold;
background : url(../images/image23.png) left top no-repeat;
display : block;
color : #FFF;
}
.boxright2 a:hover {
background : url(../images/image23.png) left bottom no-repeat;
}
.content {
width : 100%;
height : auto;
}
.contentleft {
width : 617px;
height : auto;
float : left;
}
.box1 {
width : 617px;
height : auto;
background : url(../images/image26blue.png) left bottom no-repeat;
padding : 0 0 11px 0;
margin : 0 0 20px 0;
}
.box1 h2 {
background : url(../images/image27.png) left top no-repeat;
padding : 0 0 0 50px;
margin : 0;
color : #FFF;
font-size : 20px;
font-weight : bold;
height : 40px;
line-height : 40px;
}
.box1text {
background : url(../images/image13.png) left top repeat-x;
padding : 20px;
width : 575px;
height : 100px;
border : #999 solid 1px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.box1left, .box1leftdomain {
font-size : 14px;
color : #333;
width : 465px;
float : left;
line-height : 18px;
}
.box1left p {
margin : 0 0 5px 0;
padding : 0;
}
.box1leftdomain p {
margin : 0 0 5px 0;
padding : 3px 0 2px 0;
}
.box1right {
background : url(../images/image28.png) left top no-repeat;
width : 110px;
height : 127px;
float : right;
margin : -40px 0 0 0;
}
.box1a {
width : 100%;
height : auto;
background : url(../images/image26blue.png) center bottom no-repeat;
padding : 0 0 11px 0;
margin : 0 0 20px 0;
}
.box1atext {
background : url(../images/image13.png) left top repeat-x;
padding : 20px;
width : 910px;
height : 59px;
border : #999 solid 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.box1aleft {
font-size : 14px;
color : #333;
width : 910px;
float : left;
line-height : 18px;
}
.box1aleft p {
margin : 0 0 5px 0;
padding : 0;
}
.domainarea {
width : 465px;
height : auto;
}
.domain {
width : 238px;
height : 36px;
float : left;
background : url(../images/image30.png) left top no-repeat;
}
.searchbar {
width : 218px;
height : 36px;
line-height : 36px;
background : none;
border : none;
padding : 0 10px;
color : #000;
font-size : 14px;
}
.com {
width : 115px;
height : 30px;
float : left;
background : url(../images/image30.png) left top no-repeat;
margin : 0 0 0 2px;
padding : 6px 8px 0 4px;
}
.dropdown {
width : 115px;
background : none;
border : none;
color : #000;
font-size : 14px;
}
.submit {
width : 46px;
height : 28px;
float : left;
margin : 0 0 0 3px;
}
.submitbtn {
width : 86px;
height : 36px;
background : url(../images/image32.png) left top no-repeat;
border : none;
cursor : pointer;
}
.submitbtn:hover {
background : url(../images/image32.png) left bottom no-repeat;
}
.domaintext {
height : 30px;
line-height : 30px;
color : #000;
font-size : 16px;
font-weight : bold;
}
.domaintext a {
color : #000;
font-weight : normal !important ;
text-decoration : none;
}
.domaintext a:hover {
text-decoration : underline;
}
.bg1 {
background : url(../images/image29.png) left top no-repeat;
width : 153px;
height : 131px;
margin : -46px 0 0 448px;
position : absolute;
}
.contentright {
width : 303px;
height : auto;
float : right;
}
.smallbox {
width : 303px;
height : auto;
background : url(../images/image33blue.png) left bottom no-repeat;
padding : 0 0 11px 0;
margin : 0 0 20px 0;
}
.smallbox h2 {
background : url(../images/rightheadingbg.png) left top no-repeat;
margin : 0;
padding : 0;
color : #FFF;
font-size : 20px;
height : 40px;
line-height : 40px;
padding : 0 0 0 20px;
}
.smallbox ul {
margin : 0;
list-style : none;
padding : 0;
}
.smallbox ul li {
line-height : 34px;
height : 34px;
padding : 0 0 0 25px;
color : #333;
font-size : 14px;
border-bottom : 1px solid #999;
background : url(../images/image39.png) left no-repeat;
}
.smallboxcontent001 {
background : url(../images/image13.png) left top repeat-x;
width : 261px;
border : #999 solid 1px;
padding : 13px 20px 22px 20px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.footer {
width : 100%;
background : url(../images/footerbg.jpg) left top repeat-x;
padding : 10px 0 0 0;
}
.sitemap {
width : 190px;
height : auto;
float : left;
margin : 0 25px 0 0;
}
.sitemap h2 {
padding : 0;
margin : 0 0 5px 0;
color : #FFF;
font-size : 22px;
}
.sitemap ul {
margin : 0;
padding : 0;
list-style : none;
}
.sitemap ul li {
height : 25px;
background : url(../images/footerli.png) left center no-repeat;
border-bottom : 1px dotted #FFF;
}
.sitemap ul li a {
line-height : 25px;
height : 30px;
padding : 0 0 0 35px;
color : #FFF;
text-decoration : none;
font-size : 14px;
}
.sitemap ul li a:hover {
color : #005b84;
}
.testimonial {
background:url(../images/testimonial2.png) no-repeat left top;
width:263px;
height:142px;
float:right;
margin-top: 12px;
}

.testimonialinner {
width:243px;
padding: 0 10px 0 10px;
}

.copyright {
width : 950px;
height : 53px;
}
.copytxt {
color : #005b84;
font-size : 12px;
float : left;
padding-top : 24px;
}
.socialmedia {
background : url(../images/cardlogos.png) left top no-repeat;
width : 152px;
height : 32px;
float : right;
margin : 15px 55px 0 0;
}
.socialmedia a {
width : 152px;
height : 32px;
display : block;
}
.nobackground {
background : none !important ;
}
.noborderbottom {
border-bottom : none !important ;
}
.nomarginright {
margin-right : 0 !important ;
}
.paddingtop {
padding : 20px 0 !important ;
}
.tweet_list {
list-style : none;
margin : 0;
padding : 0;
overflow-y : hidden;
}
.tweet_list li {
overflow-y : auto;
overflow-x : hidden;
padding : 0;
list-style-type : none;
}
.tweet_list li a {
color : #0C717A;
}
.tweet_list .tweet_avatar {
padding-right : 0.5em;
float : left;
}
.tweet_list .tweet_avatar img {
vertical-align : middle;
}
#ticker ul.tweet_list {
height : 5em;
overflow-y : hidden;
}
#ticker .tweet_list li {
height : 5em;
}
#livehelp img {
position : fixed;
left : 0;
top : 300px;
}