Im currently selling web hosting services and i have a template and site is running well untill if found out that my template only works for IE7 and Safari and doesnt work for FireFox or any other browsers. I really need help because im losing customers who visit my site via firefox.
Im not really sure whats wrong, please help.
Here is my CSS file
/* Base Style */
body {
background-image: url(../..\bgcolorc.jpg);
background-position: center;
background-repeat: repeat-y;
background-color:#ffffff;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
a {
color: #4183cd;
text-decoration: underline;
}
a:hover {
color: #4183cd;
background: #f5fbff;
text-decoration: none;
}
img {
border: none;
}
p {
margin: 0;
padding: 0 0 0px 0;
}
.clr {
clear: both;
height: 1px;
}
input {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
textarea {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
select {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
h1 {
font: 2em "Century Gothic", Arial, Helvetica, sans-serif;
color: #5393d4;
letter-spacing: -1px;
margin: 0;
}
h2 {
color: #ff6600;
margin: 0;
font: 1.5em "Century Gothic", Arial, Helvetica, sans-serif;
}
h3 {
font: 1.2em "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
color: #5c6b7b;
font-weight: bold;
margin: 0;
padding: 0;
display: inline;
}
h4 {
font: 1em "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #5c6b7b;
margin: 0;
}
h5 {
font-size: 12px;
font-weight: bold;
margin: 0;
}
/* Header */
#container {
width: 782px;
margin: auto;
}
#containerx {
width: 782px;
margin: auto;
background: #fff url(../..\images\header_shadow.gif) repeat-x top left;
}
#header {
margin-bottom: 13px;
}
#top_left {
background: url(../..\images\tl.gif) no-repeat top left;
}
#top_right {
background: url(../..\images\tr.gif) no-repeat top right;
}
#identity_outer {
padding: 15px 0 0 17px;
}
#identity {
float: left;
}
#header_right {
float: right;
color: #000;
width: 340px;
margin-top: 20px;
}
#search {
margin-top: 10px;
}
#header_links {
color: #d4d4d4;
text-align: right;
padding-right: 9px;
margin-bottom: 5px;
}
#header_links a {
color: #5c6b7b;
text-decoration: none;
border-bottom: 1px dotted #d4d4d4;
}
#header_links a:hover {
color: #ffffff;
background: none;
text-decoration: none;
border-bottom: 1px dotted #ffffff;
}
/* Main Nav */
#menuList {
background: url(../..\images\menubgx.gif) repeat-x top left;
padding: 7px 0 8px 0;
margin: 0 auto;
font-size: 12px;
width: 782px;
text-align: center;
}
#menuList li {
list-style: none;
display: inline;
margin: 0;
}
#menuList li a {
padding: 8px 11px;
border-right: 1px solid #ecf1f5;
text-decoration: none;
}
#menuList li a:link { color: #3f5771; }
#menuList li a:visited { color: #3f5771; }
#menuList li a:hover {
color: #0487c8;
background: #fff;
border-color: #edf2f6;
}
#menuList li a#current {
color: #fff;
background: #37475b;
border: 1px solid #37475b;
font-weight: bold;
}
#menuList li a#ordernow {
background: url(../..\images\bullet6.gif) no-repeat 90px;
padding: 8px 20px 8px 11px;
border-right: 0px solid #ecf1f5;
text-decoration: none;
font-weight: bold;
}
#menuList li a:hover#ordernow {
background: #fff url(../..\images\bullet6.gif) no-repeat 90px;
color: #0487c8;
border-color: #edf2f6;
}
#menuList li a#ordernowX {
padding: 8px 20px 8px 11px;
color: #fff;
background: #37475b;
border: 1px solid #37475b;
font-weight: bold;
}
/* Sub Nav */
#sub_menu {
background: #5292d4 url(../..\images\sub_menu_bg.gif) repeat-x top left;
color: #fff;
padding: 7px 10px;
}
#sub_menu_links a {
color: #fff;
background: none;
text-decoration: underline;
padding: 0 3px;
}
#sub_menu_links a:hover {
color: #fff;
background: none;
text-decoration: none;
padding: 0 3px;
}
#date {
float: right;
text-align: right;
}
/* Main Content Area */
#print_friend_bookmark {
float: right;
text-align: right;
padding: 0;
margin: 0;
}
#print_friend_bookmark a.st1 {
background: url(../..\images\print.gif) no-repeat 10px 7px;
padding: 5px 10px 5px 30px;
}
#print_friend_bookmark a.st1:HOVER {
background: url(../..\images\printh.gif) no-repeat 10px 7px
}
#print_friend_bookmark a.st2 {
background: url(../..\images\send_friend.gif) no-repeat 10px 9px;
padding: 5px 10px 5px 30px;
}
#print_friend_bookmark a.st2:HOVER {
background: url(../..\images\send_friendh.gif) no-repeat 10px 9px
}
#print_friend_bookmark a.st3 {
background: url(../..\images\add_bookmark.gif) no-repeat 10px 7px;
padding: 5px 10px 5px 30px;
}
#print_friend_bookmark a.st3:HOVER {
background: url(../..\images\add_bookmarkh.gif) no-repeat 10px 7px
}
#content {
padding: 7px 0 0 25px;
font-size: 110%;
}
#content_sub {
padding: 27px 0 0 13px;
font-size: 110%;
line-height: 16px;
}
#order_sub {
padding: 27px 0 0 13px;
line-height: 16px;
}
#full_content_sub {
float: left;
text-align: left;
width: 740px;
margin-top: 25px;
}
/* Page Layout */
.leftalign {
float: left;
text-align: left;
}
#left_content {
float: left;
text-align: left;
width: 528px;
}
#best_value_image {
width: 528px;
height: 245px;
margin: 5px 0 0 0;
padding: 0;
}
#three_columns {
padding: 0 0 25px 0;
margin: 0;
width: 523px;
}
#tc_col_one {
float: left;
margin: 0;
padding-right: 10px;
width: 249px;
border-right: 1px solid #e4eef8;
}
#tc_col_two {
float: left;
margin: 0;
padding-left: 10px;
width: 249px;
}
.tc_heading {
color: #5292d4;
font-size: 100%;
text-transform: uppercase;
background: #f0f4f6;
padding: 7px;
font-weight: bold;
}
.tc_text {
padding: 12px 7px 0;
}
.tc_text ul {
margin: 0 0 0 10px;
padding: 0;
list-style-type: square;
list-style-image: url(../..\images\bullet.gif);
}
.tc_text li {
margin-left: 10px;
}
#included {
color: #f0f4f6;
}
#included .heading {
color: #f0f4f6;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 12px;
padding-top: 3px;
}
#included ul {
margin: 0 0 0.5em 0;
padding: 0 0 0 6px;
list-style-type: square;
list-style-image: url(../..\images\bullet-10a.gif);
line-height: 1.25em;
}
#included li {
margin: 0 0 4px 10px;
}
#included .box_top {
float: right;
width: 200px;
padding: 9px 0 0;
margin-bottom: 20px;
background: #f0f4f6 url(../..\images\included_top.gif) no-repeat left top;
}
#included .box_bot {
background: url(../..\images\included_bot.gif) no-repeat left bottom;
padding: 0 0 9px;
}
#included .box {
background-color: #5c6b7b;
padding: 0 10px 0;
}
#included a {
color: #bce0ff;
background: none;
border-bottom: 1px dotted #fff;
text-decoration: none;
}
#included a:hover {
color: #bce0ff;
background: #394b5e;
border-bottom: 1px solid #fff;
text-decoration: none;
}
.included {
margin: 5px 0 0.5em 0;
padding: 0 0 0 6px;
list-style-type: square;
list-style-image: url(../..\images\bullet10.gif);
line-height: 1.25em;
}
.included li {
margin: 0 0 4px 10px;
}
.content_heading {
border-bottom: 1px dotted #5c819a;
margin: 20px 0 0;
padding-bottom: 2px;
width: 268px;
}
.content_heading_sub {
border-bottom: 1px solid #DEE1E4;
margin-bottom: 15px;
padding-bottom: 2px;
width: 510px;
}
.content_heading_suba {
border-bottom: 1px solid #DEE1E4;
margin-bottom: 15px;
padding-bottom: 2px;
width: 100%;
}
.plan_heading {
border-bottom: 1px solid #DEE1E4;
margin-bottom: 15px;
padding-bottom: 2px;
}
.content_content {
line-height: 16px;
margin: 10px 0 40px 0;
}
.orderheading {
border-bottom: 1px solid #DEE1E4;
padding-bottom: 2px;
margin-bottom: 10px;
}
.orderheading h3 {
color: #5393d4;
font-size: 1.2em;
margin: 0;
padding: 0;
display: inline;
font-family: "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
}
#misc_links {
padding: 7px 13px 0;
}
#mContenth h3 {
font-size: 1.2em;
margin-top: .5em;
}
#mContenth h4 {
font-size: 1.1em;
margin-top: .5em;
}
#mContenth {
font-family: Arial, "Lucida Grande", Helvetica, sans-serif;
line-height: 21px;
}
#mContenth h2, #mContenth h3 {
font-family: "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
margin-top: .5em;
}
#leftcontent_sub {
margin-top: 25px;
float: left;
width: 202px;
}
#leftcontent_sub h3 {
font-size: 1.1em;
margin-top: .5em;
}
#left_content_sub {
float: left;
text-align: left;
width: 510px;
margin-top: 25px;
}
#left_content_subx {
float: left;
text-align: left;
width: 510px;
}
#plantable TD {
border-bottom: 1px solid #ced8df;
padding: 1px 0px 1px 5px;
}
.plantableheader TD {
background-color: #d8ebff;
color: #4183cd;
font-weight: bold;
font-size: 12px;
border-top: 15px solid #FFFFFF;
}
.planspecs TD {
font-size: 12px;
}
.planspecsH TD {
font-size: 12px;
background: #ffffeb;
}
.planspecsH2 TD {
font-size: 12px;
background: #fff6ac;
}
.planCell1 {
border-top: 1px solid #D5DADF;
border-bottom: 1px solid #D5DADF;
background: #f7f7f7;
padding: 8px;
font-size: 11px;
}
.planCell2 {
padding: 8px;
font-size: 11px;
}
.listCell1 {
border-top: 1px solid #D5DADF;
border-bottom: 1px solid #D5DADF;
padding: 3px;
font-size: 11px;
}
.listCell2 {
padding: 3px;
font-size: 11px;
}
#partners {
width: 720px;
height: 39px;
margin-left: 25px;
display: block;
background-image: none;
background-repeat: no-repeat;
}
#sitemap ul {
margin: 7px 0px 0px 15px;
padding: 0px;
}
#sitemap ul li{
padding: 0px 0px 0px 15px;
margin: 0px 0px 7px 0px;
list-style-type: none;
background: url(../..\images\sitemap.gif) no-repeat 0px 5px;
font-weight: bold;
}
#sitemap ul li li{
padding: 0px 0px 0px 20px;
margin: 0px 0px 7px 0px;
list-style-type: none;
background: url(../..\images\sitemap1.gif) no-repeat 0px 5px;
font-weight: normal;
}
#sitemap ul li li li{
padding: 0px 0px 0px 20px;
margin: 0px 0px 7px 0px;
list-style-type: none;
background: url(../..\images\sitemap2.gif) no-repeat 0px 5px;
font-weight: normal;
}
.pricesplan {
font-size: 1.3em;
font-weight: bold;
}
#instantM {
padding-bottom: 15px;
padding-top: 5px;
background-color: #fff;
border-bottom: 1px solid #DEE1E5;
}
#instantM p {
margin-left: 20px;
font-size: 11px;
padding-bottom: 1px;
padding-top: 5px;
}
/* Sidebar */
#right_content {
margin: 5px 0 0 0;
padding: 0;
float: left;
width : 204px;
font-weight: lighter;
}
#right_content h3 {
font-size: 1.1em;
margin-top: .5em;
}
#right_content_sub {
margin: 55px 0 0 25px;
padding: 0;
float: left;
width: 209px;
}
#right_content_sub h3 {
font-size: 1.1em;
margin-top: .5em;
}
#right_nav_sub {
margin: 55px 0 0 25px;
padding: 0;
float: right;
width: 209px;
}
#right_content_contact_details {
background: url(../..\images\arrow_one.gif) no-repeat top left;
padding-left: 22px;
margin: 12px 0 0 7px;
font-weight: normal;
}
#right_content_testimonials {
font: 0.9em Arial, Helvetica, sans-serif;
padding-left: 22px;
margin: 28px 0 0 7px;
font-weight: normal;
}
#right_content_testimonials .sitename {
color: #8b98a9;
text-align: right;
}
#right_content_testimonials .quotetext {
font-size: 12px;
}
#right_content_testimonials .cname {
color: #d77e00;
font-weight: bold;
text-align: right;
padding-top: 10px;
}
#right_content_testimonials .quotess {
text-align: left;
font: 3em "Century Gothic", Arial, Helvetica, sans-serif;
line-height: 0.1em;
font-weight: bold;
padding: 0;
margin: 0;
}
#right_content_testimonials h3 {
font-size: 13px;
}
.transfernew {
background: url(../..\images\new_site_image.jpg) no-repeat top left;
height: 56px;
padding: 5px 0 5px 28px;
}
#order_content_sub {
margin : 55px 0 0 25px;
padding : 0;
float : left;
width : 209px;
font-size : 110%;
}
#aff ul {
margin: 0.5em 0 0.5em 0.5em;
padding: 0 0 0 6px;
list-style-type : square;
list-style-image : url(../..\images\bullet6.gif);
line-height: 1.25em;
font-size: 0.9em;
}
#aff li {
margin : 0 0 5px 10px;
}
#sidenav {
padding-bottom: 10px;
}
.sidenavtitle {
padding: 5px;
font-weight: bold;
background: #f0f4f6 url(../..\images\whitespace.gif) no-repeat right;
}
#sidenav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#sidenav li {
border-bottom: 1px solid #ced8df;
border-right: 1px solid #ced8df;
margin: 2px;
padding-left: 15px;
background: #fff url(../..\images\bullet4.gif) no-repeat left;
}
#sidenav li a {
display: block;
padding: 5px 5px 5px 0.5em;
text-decoration: none;
}
#sidenav li a:hover {
border-right: 5px solid #ced8df;
background-color: #FFF;
color: #5c6b7b;
}
#code_of_ethics {
color: #5c6b7b;
font-size: 90%;
margin-top: 50px;
text-align: center;
background-color: #fff;
}
/* Misc */
#awards {
background: url(../..\images\awards.gif) no-repeat 0px 36px;
width: 194px;
height: 115px;
padding: 10px 0px 0px 10px;
margin: 10px 0px 0px 10px;
}
#awards h3 {
padding-left: 10px;
}
.note {
background: url(../..\images\note.gif) #FFFFED no-repeat 8px 8px;
padding: 6px 26px;
margin: 5px 0;
font-family: tahoma, verdana, arial, sans-serif;
font-size: 11px;
line-height: 17px;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.icons {
position: relative;
font-size: 11px;
margin-top: 8px;
padding-bottom: 5px;
padding-top: 5px;
background-color: #fff;
border-bottom: 1px solid #DEE1E5;
}
.icons img {
position: absolute;
}
.icons p {
margin-left: 40px;
}
.icons p a {
font-weight: bold;
}
#uptimechart {
float: left;
width: 197px;
height: 104px;
display: inline;
background-image: url(../..\images\uptime.png);
margin: 5px 10px 5px 2px;
}
#mbgx {
float: left;
width: 100px;
height: 96px;
display: inline;
background-image: url(../..\images\60daysmbg.gif);
margin: 0 5px 5px 2px;
}
#client_text {
text-align: left;
padding-left: 16px;
margin: 28px 0 0 7px;
}
#client_text .sitename {
color: #8b98a9;
text-align: right;
}
#client_text .cname {
color: #d77e00;
font-weight: bold;
text-align: right;
padding-top: 10px;
}
#client_text .quotetext {
font-size: 12px;
}
#client_text .testimonials_t {
width: 185px;
padding: 5px 0 0;
margin-bottom: 8px;
background: url(../..\images\testimonial_top2.gif) no-repeat left top;
}
#client_text .testimonials_b {
width: 185px;
margin: 0;
background: url(../..\images\testimonial_bot2.gif) no-repeat left bottom;
padding: 0 0 15px;
}
#client_text .testimonials_m {
background: url(../..\images\testimonial_mid2.gif) repeat-y left top;
padding: 5px 10px 0;
}
#client_text .testimonial_txt {
font: 0.9em Arial, Helvetica, sans-serif;
color: #5c6b7b;
line-height: 16px;
padding-top: 10px;
}
#client_text h3 {
background: url(../..\images\bullet3.gif) no-repeat center right;
padding-right: 15px;
font-size: 13px;
}
#clientquote {
float: left;
text-align: left;
}
#clientquote .sitename {
color: #8b98a9;
text-align: right;
}
#clientquote .cname {
color: #d77e00;
font-weight: bold;
text-align: right;
padding-top: 10px;
}
#clientquote .quotetext {
font-size: 12px;
}
#clientquote .testimonials_t {
width: 209px;
padding: 5px 0 0;
margin-bottom: 8px;
background: url(../..\images\testimonial_top.gif) no-repeat left top;
}
#clientquote .testimonials_b {
width: 209px;
margin: 0;
background: url(../..\images\testimonial_bot.gif) no-repeat left bottom;
padding: 0 0 15px;
}
#clientquote .testimonials_m {
background: url(../..\images\testimonial_mid.gif) repeat-y left top;
padding: 5px 10px 0;
}
#clientquote .testimonial_txt {
font: 0.9em Arial, Helvetica, sans-serif;
color: #5c6b7b;
line-height: 16px;
padding-top: 10px;
}
#clientquote h3 {
background: url(../..\images\bullet3.gif) no-repeat center right;
padding-right: 15px;
font-size: 13px;
}
#printPage {
background: #FFFFFF url(../..\images\printpage.gif) repeat-x top left;
margin: 0;
padding: 0;
}
.bullet2 ul {
margin: 0 0 0.5em 0;
padding: 0 0 0 6px;
list-style-type: square;
list-style-image: url(../..\images\bullet2.gif);
line-height: 1.25em;
}
.bullet2 li {
margin: 0 0 2px 10px;
padding: 2px;
}
#bullet5 {
padding-left: 25px;
}
#bullet5 ul {
margin: 0 0 0.5em 0;
padding: 0 0 0 6px;
list-style-type: square;
list-style-image: url(../..\images\bullet5.gif);
line-height: 1.2em;
}
#bullet5 li {
font-size: 90%;
margin: 0 0 2px 10px;
}
.bullet7 {
font-size: 11px;
padding-left: 10px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
}
.bullet7 ul {
margin: 0 0 0.5em 0;
padding: 0 0 0 6px;
list-style-type: square;
list-style-image: url(../..\images\bullet7.gif);
line-height: 1.2em;
}
.bullet7 li {
margin: 0 0 2px 0;
}
.bullet5a {
padding-left: 10px;
}
.bullet5a ul {
margin: 0 0 0.5em 0;
padding: 0 0 0 6px;
list-style-type: square;
list-style-image: url(../..\images\bullet5.gif);
line-height: 1.2em;
}
.bullet5a li {
margin: 0 0 2px 10px;
}
.bullet-small {
margin: 15px 0 10px 10px;
padding: 0 0 0 6px;
list-style-type: square;
list-style-image: url(../..\images\bullet-99.gif);
line-height: 1.2em;
}
.bullet-small li {
margin: 5px 0 0 5px;
padding: 0 0 0 3px;
}
.planbullet {
font-size: 90%;
padding-left: 19px;
padding-bottom: 15px;
}
.planbullet ul {
margin: 0 0 0.5em 0;
padding: 0 0 0 6px;
list-style-type: square;
list-style-image: url(../..\images\bullet8.gif);
line-height: 1.2em;
}
.planbullet li {
margin: 0 0 5px 0;
}
.planborder {
padding: 6px;
border-right: 1px solid #ced8df;
border-bottom: 1px solid #ced8df;
}
#code_of_ethics {
font-size: 90%;
margin-top: 50px;
text-align: center;
}
.mail {
float: left;
background: #f0f4f6 url(../..\images\mailbullet.gif) no-repeat 5px;
padding: 5px 30px 5px 25px;
margin: 2px;
font-size: 90%;
width: 150px;
border-right: 1px solid #ced8df;
border-bottom: 1px solid #ced8df;
font-weight: normal;
}
#right_content_helpful_links {
padding-left: 22px;
margin: 28px 0 0 7px;
font-weight: normal;
}
#right_content_helpful_links ul {
margin: 0 0 0.5em 0;
padding: 0 0 0 6px;
list-style-type: square;
list-style-image: url(../..\images\bullet6.gif);
line-height: 1.25em;
font-size: 1.1em;
}
#right_content_helpful_links li {
margin: 0 0 5px 10px;
}
#helpful_links {
float: left;
}
#helpful_links ul {
margin: 0 0 0.5em 0;
padding: 0 0 0 6px;
list-style-type: square;
list-style-image: url(../..\images\bullet6.gif);
line-height: 1.25em;
font-size: 1.1em;
}
#helpful_links li {
margin: 0 0 3px 10px;
}
.box_helpt {
float: right;
width: 202px;
padding: 5px 0 0;
margin-bottom: 10px;
background: #f3f8fe url(../..\images\b_top_blue.gif) no-repeat left top;
}
.box_helpb {
background: url(../..\images\b_bottom_blue.gif) no-repeat left bottom;
padding: 0 0 5px;
}
.box_help {
background: url(../..\images\b_middle_blue.gif) repeat-y left top;
padding: 0 10px 0;
text-align: center;
}
.box_help h3 {
color: #5191d4;
}
.topnum {
color : #5393d4;
font: 2em "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
text-align: center;
}
A.moreinfo, A.moreinfo:active, A.moreinfo:visited {
color: #fff; text-decoration: none;
}
A.moreinfo:hover {
color: #fff; text-decoration: none; cursor: HELP;
}
A.btnsubmit {
color: #4183cd;
background-image: url(../..\images\btnsubmit.gif);
display: block;
text-align: left;
width: 98px;
height: 23px;
padding-top: 2px;
padding-left: 8px;
text-transform: uppercase;
text-decoration: none;
font-size: 10px;
}
A.btnsubmit:hover {
background-image: url(../..\images\btnhover.gif);
}
A.btnsubmit2 {
color: #5c6b7b;
background-image: url(../..\images\s2button.gif);
display: block;
text-align: left;
width: 67px;
height: 23px;
padding-top: 2px;
padding-left: 8px;
text-transform: uppercase;
text-decoration: none;
font-size: 10px;
}
A.btnsubmit2:hover {
background-image: url(../..\images\s2button_hover.gif);
}
#dashboardicons {
line-height: 14px;
}
#dashboardicons a:link {
text-decoration: none;
}
#dashboardicons a:visited {
text-decoration: none;
}
#dashboardicons a:active {
text-decoration: none;
}
.know_box {
border: 2px solid #f0f4f6;
padding: 5px;
margin-bottom: 15px;
}
#specialoffer {
clear: both;
margin: 3px 0 10px 0;
padding: 8px;
background: #f4f4f4;
border-bottom: 1px solid #ccc;
}
#specialoffer .hlight {
background-color: #FFFF99;
border-right: 1px solid #d8d85e;
border-bottom: 1px solid #d8d85e;
padding: 2px;
font-weight: bold;
}
/* ----------------------------------------
Footer
----------------------------------------- */
#bottom_left {
background: url(../..\images\bl.gif) no-repeat bottom left;
}
#bottom_right {
background: url(../..\images\br.gif) no-repeat bottom right;
}
#footer {
background: url(../..\images\footer_shadow.gif) repeat-x bottom left;
width: 772px;
margin: 30px 0 0 0;
}
.btNav {
border-top: 1px solid #eee;
padding-top: 5px;
padding-bottom: 30px;
}
.bLinks {
padding-left: 10px;
padding-top: 15px;
font-size: 12px;
float: left;
}
.bLinks2 {
padding-top: 15px;
padding-right: 10px;
text-align: right;
}
.bLinks2 a {
text-decoration: none;
}
.copyright {
padding: 0 15px 15px 0;
color: #99a4ac;
}
.trustE_logo {
float: right;
padding: 5px 35px 10px 0;
color: #99a4ac;
}
.footer_about {
color: #99a4ac;
width: 740px;
padding: 0px 0px 15px 15px;
float: left;
}
.bbonline_logo {
color: #99a4ac;
padding: 0 47px 20px 0;
float: right;
}
.footer_about a {
color: #818d97;
text-decoration: none;
}
.footer_about a:hover {
background: none;
text-decoration: underline;
}
.copyright a {
color: #5c6b7b;
text-decoration: underline;
}
.copyright a:hover {
color: #4183cd;
background: none;
text-decoration: none;
}
#copyright {
width: 772px;
margin: auto;
padding-left: 15px;
background-color: #FFFFFF;
}
#typehosting {
background: #dde6ed;
width: 772px;
margin: auto;
padding-left: 15px;
padding-bottom: 10px;
text-align: center;
}
.typehosting {
text-align: center;
}
.typehosting a {
color: #5c6b7b;
text-decoration: underline;
}
.typehosting a:hover {
color: #4183cd;
background: none;
text-decoration: none;
}
and heres my index.html file:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>2ndWindHosting - Cheap, fast and reliable host for all</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Uk Web Hosting,web hosting, hosting, webhosting, web host, reseller hosting, reseller, dedicated servers, dedicated hosting, dedicated server,cpanel, whm , google checkout,nochex, " />
<meta name="description" content="We offer high quality web hosting, along with reseller hosting starting from only ?1.49 a month" />
<meta name="author" content="FastHost4u - hosting made easy" />
<meta name="robots" content="index,follow" />
<meta name="googlebot" content="index,follow" />
<meta name="verify-v1" content="WG0pv+YCMa/l3j29BEnT5fifqqwvwvqS8ev809A6d3o=" />
<link href="include\css\style.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="include\js\functions.js" type="text/javascript"></script>
<link rel="shortcut icon" href="favicon.ico" />
<style type="text/css">
#news {
background: #f3f9ff;
border: 1px solid #abcbf6;
margin-left: 23px;
width: 170px;
font-weight: normal;
padding: 7px;
margin-bottom: 15px;
}
#news .title {
color: #fff;
background-color: #7EB6FF;
padding: 2px;
width: 167px;
}
#news h3 {
color: #fff;
}
#news p {
margin: 0px;
padding: 10px 0 0 0;
}
#news a {
line-height: 16px;
color: #7399c3;
text-decoration: none;
border-bottom: 1px dotted #7399c3;
}
#news a:hover {
color: #7399c3;
text-decoration: none;
border-bottom: 1px solid #5292d4;
}
body {
background-image: url(bgcolorc.jpg);
}
.style8 {color: #FFFFFF; font-weight: bold; }
.style10 {font-family: "Trebuchet MS"}
.style11 {color: #3C3C3C}
.style12 {color: #3C3C3C; font-weight: bold; }
.style13 {color: #FFFFFF; }
</style>
</head>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-2080162-7");
pageTracker._trackPageview();
</script><body>
<div id="container">
<div id="containerx">
<div id="header">
<div id="top_left">
<div id="top_right">
<div id="header_right">
<div id="search">
<div style="MARGIN-TOP: 0px; COLOR: #5c6b7b; MARGIN-RIGHT: 20px; TEXT-ALIGN: right">
<p> </p>
<p> </p>
<p><!-- http://www.LiveZilla.net Chat Button Link Code --><a href="javascript:void(window.open('http://2ndwindhosting.com/livezilla/livezilla.php','','width=600,height=550,left=0,top=0,resizable=yes,menubar=no,location=yes,status=yes,scrollbars=no'))"><img src="http://2ndwindhosting.com/livezilla/image.php?id=02" width="191" height="69" border="0" alt="LiveZilla Live Help" ></a><noscript><div><a href="http://2ndwindhosting.com/livezilla/livezilla.php" target="_blank">Start Live Help Chat</a></div></noscript><!-- http://www.LiveZilla.net Chat Button Link Code --><!-- http://www.LiveZilla.net Tracking Code --><div id="livezilla_tracking" style="DISPLAY: none"></div><script language="JavaScript" type="text/javascript"> var script= document.createElement("script");script.type = "text/javascript";varsrc="http://2ndwindhosting.com/livezilla/server.php?request=track&output=jscript&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script>
<!-- http://www.LiveZilla.net Tracking Code -->
<p></p>
</div>
</div>
</div>
<div id="identity_outer">
<div id="identity"></div>
<img height="101" src="images\logo.jpg" width="282" ></div>
<div class="clr">
<p><!-- Makes it Look Pretty --></p>
<p> </p>
</div>
</div>
</div>
</div>
<div id="mainMenu">
<ul id="menuList">
<li><a title="Home" href="index.html">Home</a>
<li><a title="Web Hosting" href="webhosting.html" >Web Hosting</a>
<li>
<li><a title="Dedicated Servers" href="/clients" > Clients</a>
<li><a title="Aboutus" href="aboutus.html">About us</a>
<li><a title="Aboutus" href="clients/domainchecker.php">Domain's</a>
<li><a title="Contact us" href="contactus.html" >Contact us</a>
<a href="/clients/register.php"> register with us</a></li>
</ul>
</div>
<div style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(images/top_nav_bg.gif) #5292d4 repeat-x left top; PADDING-BOTTOM: 7px; COLOR: #fff; PADDING-TOP: 7px; HEIGHT: 14px">
<div class="leftalign"><strong>2ndWindHosting </strong>- Cheap, Fast and reliable hosting for everyone </div>
</div>
</div>
</div>
<table width="782" height="193" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="193" background="images\bannerr\banner21.gif"> </td>
</tr>
</table>
<table width="782" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td background="images\top_nav_bg.gif"> </td>
</tr>
</table>
<table width="782" height="194" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="102"><table width="100%" height="191" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="66%" height="191"><table width="100%" height="204" border="0" cellpadding="0" cellspacing="0" bordercolor="#7d7d7d">
<tr>
<td width="27%" height="204" bgcolor="#ffffff"><table width="100%" height="34" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="34"><img height="34" src ="images\New Folder\we.jpg" width=173 ></td>
</tr>
</table>
<table width="100%" height="176" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style13"><strong>Latest Cpanel</strong></div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style13"><strong>10GB Disk Space</strong></div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style13"><strong>200 GB Data Transfer</strong></div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style13"><strong>Host Unlimited Domain's</strong></div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style8">Fantastico + Sitebuilder</div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style13"><strong>Starting from $4.85 /mo</strong></div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style13"><a href="webhosting.html"><strong>READ MORE</strong></a></div></td>
</tr>
</table></td>
<td width="39%" bgcolor="#ffffff"><table width="100%" height="34" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="34" background="images\bar123.gif"><div align="center"><img height="34" alt ="" src="images\New Folder\re.jpg" width=173 ></div></td>
</tr>
</table>
<table width="100%" height="176" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#000000" class="style8"><div align="center" class="style13"> Latest Cpanel</div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style8"><div align="center" class="style13">25
GB Disk space</div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style8"><div align="center" class="style13">500 GB Data Transfer</div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style8"><div align="center" class="style13">Host Unlimited Domain's</div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style8"><div align="center" class="style13">
<div align="center">Fantastico + Sitebuilder</div>
</div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style8"><div align="center" class="style13"><strong>Starting from $7.85 /mo</strong></div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style12"><div align="center" class="style13"><a href="webhosting.html" >READ MORE</a></div></td>
</tr>
</table></td>
<td width="34%" bgcolor="#ffffff"><table width="100%" height="34" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="34"><img height="34" src ="images\New Folder\di.jpg" width=173 ></td>
</tr>
</table>
<table width="100%" height="176" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style8"><div align="center" class="style13"> Latest Cpanel</div> </div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style8"><div align="center" class="style13">50 GB Disk space</div> </div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style8"><div align="center" class="style13">500 GB Data Transfer</div> </div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style8"><div align="center" class="style13">Host Unlimited Domain's</div>
</div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style8">
<div align="center">Fantastico + Sitebuilder</div> </div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style11"><div align="center" class="style8"><div align="center" class="style13"><strong>Starting from $10.85 /mo</strong></div> </div></td>
</tr>
<tr>
<td bgcolor="#000000" class="style11"><div align="center"><strong><a href="webhosting.html">READ MORE</a></strong></div></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="34%"><table width="100%" height="92" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="92" bgcolor="#5a7eb7"><img height="210" alt ="" src="images\New Folder\dell1.jpg" width=263 useMap=#Map border=0 ></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div align="center"><a href="resellers.html"><img height="109" alt ="" src="images\New Folder\bvan2.jpg" width=782 ></a></div>
<table width="782" height="17" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#000000"> </td>
</tr>
</table>
<table width="782" height="25" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img height="40" src="images\footerbari.gif" width="782" ></td>
</tr>
</table>
<p align="center"><span class="style10"><a href="privacy.html">Privacy Policy</a> | <a href="sitemap.html"> Site map</a> | <a href="contactus.html">Contactus</a> </span> <span class="style10">| <a href="/clients">Billing</a></span><br>
</p>
<table width="562" border="0" align="center" cellpadding="0" cellspacing="0" style="WIDTH: 562px; HEIGHT: 110px">
<tr>
<td width="143" height="45"><p> <!-- BEGIN WHD VOTE FOR US CODE HERE -->
<p><!-- END WHD VOTE FOR US CODE HERE -->
</p>
<p></p>
<p> </p></td>
<td width="507"><div align="center"><span class="style10">Copyright ? 2008 2ndWindHosting, All Rights Reserved.</span></div></td>
<td width="90"><!-- BEGIN DSD VOTE FOR US CODE HERE --><!-- END DSD VOTE FOR US CODE HERE --></td>
</tr>
</table>
<map name="Map" id="Map"><area shape="RECT" coords="183,134,236,176" href="dedicated.html" >
</map></body>
</html>
Heres the link to my site incase u need to take a look.
http://2ndwindhosting.com
Thanks,
Leon/rulebreaker