/***************OVERALL LAYOUT START******************/ /* Page Layout css courtesy of http://www.pmob.co.uk/temp/3col-content-first.htm ***/ body{ background:  #efefef url("shadow.jpg"); background-position:center top; background-repeat:repeat-y; font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #333333; margin: 5px 0;} #container { width: 959px; margin: 0 auto 0 auto; text-align: left; background: #fff url("background.gif") repeat-y left; border: 0 solid #ff9900; } #horizontal-nav{ margin: 5px 0 25px 0; } #header { width: 959px; background-color: white; margin-left: auto; margin-right: auto; text-align: left; border-bottom:1px dotted #BED600; height: 30px; background: #fff url("cart.jpg") no-repeat; background-position: 74.5% -5%; } #leftmenu { width: 200px; float: left; /*now the width of the content div*/ left:-569px; display: inline; position:relative; } #content { width: 549px; text-align: left; float:left; position:relative; left:200px; padding: 0 10px 0 10px; } #rightmenu { width: 190px; /*** use below if checking border ***********/ background-color: white; height: auto; margin: 0 0 10px 0; display: inline; float: right; text-align: left; padding: 20px 0 0 0; font-size: 0.8em;  } #footer { width: 949px; clear: both; background-color: white; margin-left: auto; margin-right: auto; text-align: center; border-top:1px dotted #BED600; padding: 10px 10px 2px 0; font-size: 0.8em; } /***************OVERALL LAYOUT END******************/ /* END  css courtesy of http://www.pmob.co.uk/temp/3col-content-first.htm ***/ #footer #left{ float: left; text-align: left; margin-left: 7px; } .last { margin-bottom: 0; } .clearing { height: 0; clear: both; } /*common*/ #logo {margin: 0 0 0 0;} div.hide { display: none;} form {margin: 0;} a:link{text-decoration: underline; color: #871e6d;  } a:visited{text-decoration: underline; color:#cf5db3;} a:hover{text-decoration: none; color: #cf5db3; } /*a.rollover img {border-width: 0;}*/ h1{ margin: 15px 0 12px 0; text-align: left; } h2, h3, h4, h5, h6 { margin: 15px 0 10px 0; text-align: left; } h1{font-size: 1.6em; color: #333333;} h2{font-size: 1.3em; color: #333333;} h3{font-size: 1.1em;} h4{font-size: 0.9em; } h5{font-size: 0.8em; color: #0044aa; clear: both;} h6{font-size: 0.8em; color: #666; background-color: #dddddd; padding: 0 0 0 1px;} th {background-color: #555; color: #fff; font-size: 1em; text-align: left;} ul {padding-left: 15px;} img {border: 0;} div.breadcrumb{margin: 0; text-align:left; font-size: 1em; color: #444; padding-top: 5px; } #content {color: #333333; font-size: 0.8em;} #content p {margin: 6px 0 6px 0; font-size: 1em;}  #content ul {color: #333333; font-size: 1em;} /**Header**/ #header ul {margin: 7px 0 0; padding: 0 5px 0 0; list-style-type: none; } #header ul li {font-size: 0.8em;display: inline; color: #444; padding: 0 10px 0 10px; border-right: 1px solid #BED600;;} #header ul li.last {font-size: 0.8em;display: inline; color: #444; padding: 0 10px 0 10px; border: 0;} #header ul li.hide {font-size: 0.8em;display: inline; color: #444; padding: 0 10px 0 10px; border: 0; display: none;} #header ul li a:link{color: #444444;  text-decoration:none;} #header ul li a:visited {color: #777777; text-decoration:none; } #header ul li a:hover {color: #000000;  text-decoration:underline;} #header ul li a:focus {color: #000000;  text-decoration:underline;} #header ul li a:active {color: #FF2C00;  text-decoration:underline; } #basket {float: right;} #quicklinks {float: left;} /** LEFT COL **/ #nav {margin: 10px 0 10px;  padding: 0;  background: #ffffff;  list-style-type: none;  width: 200px; float: left; /* contain floated list elements */ } #nav li {margin: 0; padding: 0; float:left; /* corrects the */ width: 100%  /*ie whitespace bug*/} #nav a { font-size: 0.75em;  display: block;  color: #444444; text-decoration: none; padding: 0 20px; line-height: 2.5;  border-bottom: 1px dotted #dddddd;} /*  #nav #nav_chec a {border: none;} remove border from last item */ #nav a:hover {background: #efefef url("background-hover.gif") no-repeat;}  #nav a:focus {background: #efefef url("background-hover.gif") no-repeat;}  #body_hom #nav_live a {background: #efefef url("background-on.gif") no-repeat; color:#222222; font-weight: bold;} #body_domains #nav_domains a {background: #efefef url("background-on.gif") no-repeat; color:#222222; font-weight: bold;} #body_hosting #nav_hosting a {background: #efefef url("background-on.gif") no-repeat; color:#222222; font-weight: bold;} #body_design #nav_design a {background: #efefef url("background-on.gif") no-repeat; color:#222222; font-weight: bold;} #body_ecommerce #nav_ecommerce a {background: #efefef url("background-on.gif") no-repeat; color:#222222; font-weight: bold;} #body_actinic #nav_actinic a {background: #efefef url("background-on.gif") no-repeat; color:#222222; font-weight: bold;} #body_online-marketing #nav_online-marketing a {background: #efefef url("background-on.gif") no-repeat; color:#222222; font-weight: bold;} #body_about #nav_about a {background: #efefef url("background-on.gif") no-repeat; color:#222222; font-weight: bold;} #body_contact #nav_contact a {background: #efefef url("background-on.gif") no-repeat; color:#222222; font-weight: bold;} #body_support #nav_support a {background: #efefef url("background-on.gif") no-repeat; color:#222222; font-weight: bold;} /**RIGHT COLUMN START**/ #feature { background: #CF5DB2 url("rhs-feature-footer.gif") no-repeat bottom left;  padding: 0 0 20px; margin: 0; text-align: center; width: 180px; } #feature h3 { background: url("rhs-feature-top.gif") no-repeat; padding: 10px 10px 0;  color: white;  margin: 0 0 5px; font-size: 1em; text-align: center; } #feature p { padding: 0 0 15px;  color: white;  line-height: 1.3; margin: 15px 10px; border-bottom: 1px dotted #fff; } #feature  a:link{text-decoration: underline; color: #ffffff;} #feature a:visited{text-decoration: underline; color: #ffffff;} #feature a:hover{text-decoration: none; color: #ffffff; } /***************FOOTER START******************/ #footer ul {margin: 0 auto 0 auto; padding: 0 0 5px 0; list-style-type: none;  text-align: right; float: right;} #footer #foot-right {width: 150px; margin: 0 auto 0 auto; padding: 0 0 5px 0; list-style-type: none;  text-align: right; float: right;} #footer #foot-centre {width: 225px; margin: 0 auto 0 auto; padding: 0 0 5px 0; list-style-type: none;  text-align: right; float: right;} #footer #foot-left {width: 175px; margin: 0 auto 0 auto; padding: 0 0 5px 0; list-style-type: none;  text-align: right; float: right;} #footer ul li {font-size: 1em; color: #444; padding: 0 0 0 10px;} #footer ul li a:link{color: #444444;  text-decoration:none;} #footer ul li a:visited {color: #777777; text-decoration:none;} #footer ul li a:hover {color: #000000; text-decoration:underline; } #footer ul li a:focus {color: #000000; text-decoration:underline; } #footer ul li a:active  {color: #FF2C00;  text-decoration:underline; } /***************FOOTER END******************/ /* home page */ div.matrix-sb {width: 177px; border-right:1px dotted #BED600; border-bottom: 1px dotted #BED600; padding: 10px 0 0 4px; float:left; height: 144px;} div.matrix-b {width: 177px;  border-bottom: 1px dotted #BED600; padding: 10px 0 0 4px; float:left; height: 144px;} div.matrix-s {width: 177px; border-right:1px dotted #BED600; padding: 10px 0 0 4px; float:left; height: 144px;} div.matrix {width: 177px; padding: 10px 0 0 4px; float:left; height: 144px;} div.matrix-sb img, div.matrix-b img, div.matrix-s img, div.matrix img {margin: 0 0 2px 0;}  div.matrix-sb ul, div.matrix-b ul, div.matrix-s ul, div.matrix ul {margin: 0; padding: 0 0 0 10px; list-style-type: none; font-style:italic;} div.matrix-sb ul li, div.matrix-b ul  li, div.matrix-s ul  li, div.matrix ul li {padding:3px 0 0 20px; background-image: url(list_bullet.gif); background-repeat: no-repeat;} div.float-left {width: 264px; border-right:1px dotted #BED600; padding-right: 10px; text-align: justify; float:left; margin: 0 0 10px;} div.float-right {width: 263px; padding-left: 11px; text-align: justify; float:right; margin: 0 0 10px; vertical-align: top;} table.domains td{ border-bottom: 1px dotted #BED600; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px; vertical-align:top; text-align:center; } th.domains{ padding: 2px 2px 2px 5px; font-size: 0.9em; text-align:center; } /***************BULLET LIST******************/ ul.bullet_points{ list-style-type: none; line-height: 1.4; padding: 0; margin: 8px 5px 15px 10px; } li.bullet_points{ background-image: url("list_bullet.gif"); background-repeat: no-repeat; background-position: 0 .2em; padding: 0 0 10px 22px; font-weight: normal; font-style:italic; } /***************BULLET LIST END******************/ #breadcrumb{ margin: 10px 0 10px 0; height: 1em; font-size: 1em; color:#333333;} table.form td{ border-bottom: 1px dotted #BED600; padding-top: 5px; padding-bottom: 5px; vertical-align:top; }