body {
font-family:/*"Lucida Sans",*/ Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.4em;
margin-top:0px;
margin-bottom:0px;
/*margin-left:5px;
background-image:url(images/bgsolid.gif);
background-repeat:repeat-x;
background-color:#EFEBFB;*/
background: #EFEBFB url(images/bgsolid.gif) repeat-y 50% 0;
}

a:link, a:visited {
text-decoration:none;
}

a:hover {
text-decoration: underline;
}

p {
text-align:justify;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.8em;
letter-spacing:3px;
/*text-align:right;*/
color:#574A7A;
text-transform:uppercase;
line-height:1.5em;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
/*text-align:right;*/
color:#574A7A;
margin-top:5px;
text-transform:uppercase;
letter-spacing:2px;
line-height:1.1em;
}

/*h3 {
font-size:14px;
/*text-align:right;
color:#574A7A;
margin-top:6px;
}*/

h3 {
color:#574A7A;
padding-top:0px;
padding-bottom:5px;
width:100%;
margin-top:0px;
text-transform:uppercase;
border-bottom:1px solid #DDDCE3;
letter-spacing:2px;
font-size:1.2em;
line-height:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
}

h4 {
font-size:1.1em;
line-height:1.5em;
color:#574A7A;
letter-spacing:2px;
font-family:Georgia, "Times New Roman", Times, serif;
padding-bottom:0px;
margin-bottom:.6em;
}

#container {
width: 760px;
\width: 780px;
w\idth: 760px;
margin-left: auto;
margin-right: auto;
background-color:#fff;
/*border-left:2px solid #BDADC7;
border-right:2px solid #BDADC7;*/
        }

#banner {
padding-right:0px;
padding-top:20px;
margin-bottom: 5px;
height:280px;
background-image:url(images/wbbc-page-bg-04-purp.jpg);
background-position:top left;
background-repeat:no-repeat;
text-align:right;
}

#banner img {
padding-right:40px;
}

#content {
padding: 5px;
margin-top:-40px;
margin-left: 235px;
background-color: #fff;
        }

#sidebar-a {
float: left;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-bottom:20px;
padding-left:32px;
/*background-color: #fff;*/
        }
        
#fadebg {
width:485px;
background-image:url(images/fadedivbg.gif);
background-position:top;
background-repeat:no-repeat;
margin-bottom:20px;
}

#fadebg div {
padding:10px 30px 10px 30px;
}

/* for KB heading */
#kbfadeh {
padding:10px 30px 0 30px;
}

#fadebgbot {
height:52px;
background-image:url(images/fadedivbgbot.gif);
background-position:bottom;
background-repeat:no-repeat;
margin-right:32px;
margin-bottom:20px;

}

.fadebgsmall {
margin-top:10px;
float:left;
width:176px;
background-image:url(images/fadedivbg-sm.gif);
background-position:top;
background-repeat:no-repeat;
clear:both;
}

.fadebgsmall div {
padding:20px 30px 10px 30px;
background-image:url(images/fadedivbg-sm-bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
}

.fadebgsmall img {
margin:0 0 5px -5px;
}

.fadebganother {
margin-left:-20px;
padding:0px;
background-image:url(images/fadedivbg-sm.gif);
background-position:top center;
background-repeat:no-repeat;
width:385px;
height:140px;
}

.fadebganother div {
margin-left:-30px;
background-image:url(images/fadedivbg-sm-bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
}

/*.fadebganother {
margin-top:10px;
margin-left:-20px;
float:left;
width:385px;
background-image:url(images/fadedivbg-sm.gif);
background-position:top;
background-repeat:no-repeat;
clear:both;
}

.fadebganother div {
padding:10px 30px 10px 0px;
background-image:url(images/fadedivbg-sm-bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
}*/

#footer {
clear:both;
padding: 5px 45px 0px 35px;
text-align:right;
background:#fff;
}

.bottom-menu {
margin-right:30px;
}

.bottom-menu a:link, .bottom-menu a:visited {
font-family:Arial, Helvetica, sans-serif;
color: #999;
font-weight:bold;
text-decoration:none;
padding-left:16px;
}

.bottom-menu a:hover {
color:#574A7A;
}

.copyright {
margin-top:30px;
text-align:right;
color:#999;
float:right;
font-size:.9em;
}

/* page last updated */
.validate {
margin-top:30px;
float:left;
color:#ccc;
font-size:.9em;
/*padding-left:60px;*/
}

.validate a:link, .validate a:visited, .copyright a:link, .copyright a:visited {
color:#999;
}

.validate a:hover, .copyright a:hover {
color: #574A7A;
text-decoration:none;
}
        
/* navcontainer home and non-submenu pages */
#navcontainer-h {
/*width:70%;*/
height:76px;
margin-top:32px;
margin-right:5px;
/*padding-top:35px;
padding-right:5px;
padding-left:10px;*/
/*background-image:url(images/dotted-tbbot-lgrey.gif);
background-repeat:repeat-x;*/
float:right;
text-align:right;
/*-- without support in main menu
background-image:url(images/menu-1l-437-69.gif); --*/ 
/*with support in main menu*/
background-image:url(images/menu-1l-500-69.gif);
/*background-image:url(images/fademenuhbg-left.gif);*/
background-position:top left;
background-repeat:no-repeat;
}

#navcontainer-h div {
padding: 39px 55px 0px 10px;
/*background-image:url(images/fademenuhbg-right.gif);
background-position:top right ;
background-repeat:no-repeat; */
}



/* navcontainer - most pages, main menu plus submenu of one line*/

#navcontainer {
height:96px;
margin-top:31px;
margin-right:5px;
float:right;
text-align:right;
/*background-image:url(images/fademenu2bg-left.gif);*/
/*-- without support in main menu
background-image:url(images/menu-2l-437-95.gif); --*/
/*with support in main menu*/
background-image:url(images/menu-2l-500-95.gif);
background-position:left;
background-repeat:no-repeat;
}

#navcontainer div {
padding: 40px 55px 0px 10px;
/*background-image:url(images/fademenu2bg-right.gif);
background-position:bottom right;
background-repeat:no-repeat;  */
}

/* navcontainer, if submenu goes to two lines */
#navcontainer3 {
height:112px;
margin-top:33px;
margin-right:5px;
float:right;
text-align:right;
/* without support menu item
background-image:url(images/menu-3l-437-114.gif); */
/* with support */
background-image:url(images/menu-3l-500-114.gif);
/*background-image:url(images/fademenu3bg-left.gif); */
background-position: left;
background-repeat:no-repeat;
}

#navcontainer3 div {
/*height:72px;*/
padding: 38px 55px 0px 10px;
/*background-image:url(images/fademenu3bg-right.gif);
background-repeat:no-repeat;
background-position:bottom right;   */
}


#navlist
{
margin: 0;
padding: 0 0 10px 0px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
/*float: left;
line-height: 14px;*/
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight: bold;
margin: 0 0px 4px 12px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
/*border-bottom: 4px solid #574A7A;*/
padding-bottom: 2px;
background: transparent;
color: #574A7A;
}

#navlist a:hover { 
color: #574A7A; 
/*background-image: url(images/hover.gif);
background-repeat: no-repeat;
background-position:right;*/
}


/* --- submenu --- */
#navlist2
{
margin: 0;
padding: 0 0 15px 0px;
}

#navlist2 ul, #navlist2 li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist2 a:link, #navlist2 a:visited
{
/*float: left;
line-height: 14px;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
margin: 0 0px 4px 9px;
text-decoration: none;
color: #999;
}

#navlist2 a:link#current, #navlist2 a:visited#current, #navlist2 a:hover {
/*border-bottom: 2px solid #574A7A;*/
padding-bottom: 2px;
background: transparent;
color: #574A7A;
}

#navlist2 a:hover { color: #574A7A; }

/* --- submenu if it needs a 2nd line --- */
#navlist3
{
margin: 0;
margin-top:-12px;
padding: 0 0 15px 0px;
background-image:none;
}

#navlist3 ul, #navlist3 li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist3 a:link, #navlist3 a:visited
{
/*float: left;
line-height: 14px;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
margin: 0 0px 4px 9px;
text-decoration: none;
color: #999;
}

#navlist3 a:link#current, #navlist3 a:visited#current, #navlist2 a:hover {
/*border-bottom: 2px solid #574A7A;*/
padding-bottom: 2px;
background: transparent;
color: #574A7A;
}

#navlist3 a:hover { color: #574A7A; }


.fadebgsmall h4 {
margin-top:0;
letter-spacing:1.5px;
text-transform:uppercase;
/*border-bottom:1px solid #C1B1D4; */
padding-bottom:5px;
margin-bottom:1em;
}

.fadenbgsmall h3 {
border-bottom:0;
}

.portfolio h4 {
padding-top:.4em;
margin-top:1em;
letter-spacing:1.2px;
text-transform:uppercase;
/*padding-bottom:5px;*/
margin-bottom:1em;
}

.mid h4 {
margin-top:.5em;
letter-spacing:1.2px;
/*padding-bottom:5px;*/
margin-bottom:1em;
}

.portfolio h4 {
margin-top:.5em;
letter-spacing:1.2px;
text-transform:uppercase;
/*padding-bottom:5px;*/
margin-bottom:1em;
}

.intextpic-left {
text-align:left;
margin-right:10px;
}

.portfolio {
margin-left:-20px;
padding:0px;
background-image:url(images/roundedbox.gif);
background-repeat:no-repeat;
width:385px;
height:140px;
}

.portfolio p {
margin:0;
/*padding:5px 0 0px 0;*/
}

.another {
margin-left:-20px;
padding:0px;
background-image:url(images/roundedbox-stretch-top.gif);
background-repeat:no-repeat;
width:375px;

}

.another div {
background-image:url(images/roundedbox-stretch-bot.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:0;
margin-left:-15px;
/*width:375px;*/
margin-bottom:-10px;
}

.another p {
padding-left:15px;
}

.another h3 {
margin-left:10px;
}

/* dropshadow images, thanks ala */
.dropshadow {
float:left;
background: url(images/shadowalpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 20px 5px 0 3px;
margin: 10px 11px 0 6px !important; 
}

.dropshadow  img { 
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px; 
}

.dropshadow-mid {
float:left;
background: url(images/shadowalpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 20px 5px 0 3px;
margin: 5px 11px 0 -10px !important; 
}

.dropshadow-mid  img { 
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px; 
}

.dropshadow-mid2 {
float:left;
background: url(images/shadowalpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 20px 5px 0 3px;
margin: 5px 11px 0 -10px !important; 
}

.dropshadow-mid2  img { 
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px; 
}

.latest {
margin-left:0px;
}


.contactmid2 {
margin:0 0 0 -20px;
}

.contactmid2 p {
padding:0;
margin:0;
}

.roundedbox325 {
margin-left:-14px;
padding:0px;
background-image:url(images/roundedbox325h-bg.gif);
background-repeat:no-repeat;
width:385px;
height:320px;
}

.roundedbox325 p {
margin:0;
padding:0 5px;
}

.roundedbox325 h3 {
padding-top:5px;
padding-bottom:5px;
width:100%;
margin-top:0px;
text-transform:uppercase;
border-bottom:1px solid #DDDCE3;
letter-spacing:3px;
}

/* table on hosting page */

.hosttable {
/*border:1px solid #574A7A;*/
}

.hosttable td {
padding:3px;
vertical-align:top;
}

.hosttableheader {
width:60px;
background:#574A7A;
font-weight:bold;
color:#fff;
}

.hosttable-a td {
background-color:#EFEBFB;
}

/* table on domains page */

.domaintable td {
padding:3px;
}

.domaintableheader {
background:#574A7A;
font-weight:bold;
color:#fff;
}

.domaintablesubheader {
background:#D0C3E0;
color:#574A7A;
font-weight:bold;
}

.domaintable-a td {
background-color:#efebfb;
}

/* this stuff is form styling on the hosting page */
form {
    padding: 0;
}

.hosting-enq td {
padding:4px;
}

.hosting-enq input, .hosting-enq select, .hosting-enq textarea {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.top {
background-image:url(images/stretch-top.gif);
background-repeat:no-repeat;
width:353px;
}

.mid {
background-color:#F6F5FD;
background-image:url(images/stretch-midright.gif);
background-repeat:repeat-y;
background-position:right;
width:353px;
margin-bottom:-1px;
}

.bot {
background-image:url(images/stretch-bottom.gif);
background-repeat:no-repeat;
margin-bottom:20px;
}

/* bullet image from http://www.stylegala.com/features/bulletmadness, slightly modified */
#fadebg ul, .fadebgsmall ul
    {
    padding: 0;
    margin: 0 0 0.7em 0;
    list-style: none;
    }
#fadebg ul ul {
margin: 0;
padding: 10px 0 0 25px;
}


#fadebg li, .fadebgsmall li {
    margin: 0;
    padding-left: 2em;
    padding-bottom:.8em;
    background:  url(images/bullet-arrowbox.gif) no-repeat;
    }
    
/*.fadebgsmall li {
padding-bottom:1em;
background:  url(images/bullet-arrowbox.gif) no-repeat;
}   */

.sidemenu a:link, .sidemenu a:visited {
font-weight: bold;
text-decoration: none;
color: #999;
font-family:Arial, Helvetica, sans-serif;
}

.sidemenu a:hover {
color:#574A7A;
}

.home-port-link a:link, .home-port-link a:visited {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.2em;
text-align:left;
}

.previousnext {
text-align:right;
font-weight:bold;
}

.uber {
color:#999;
}

/* this stuff if form styling for the login section */
form {
    padding: 0;
}

fieldset {
border:0;
margin:-20px 0 -40px -38px;
padding-bottom:0;
}

fieldset br {
    display: none;
}

/*the 'heading' */
legend {
    font-weight: bold;
    color: #435f94;
    padding: .2em .5em;
    border: 1px solid #435F94;
    background:#eee;
}

label {
    display: block;
    text-decoration: none;
padding:12px 5px 5px 0;
font-weight:bold;
color:#574A7A;
}

input {
font-family:Verdana, Arial, sans-serif;
font-size:11px;
padding:.1em .2em .1em .2em;
width:20em;
}

#kbcontent {
padding: 5px;
margin-top:-40px;
margin-left: 25px;
/*background-color: #fff;*/
        }

#kbfadebg {
width:700px;
background-image:url(images/kbfadedivbg.gif);
background-position:top;
background-repeat:no-repeat;
margin-bottom:20px;
}
		
#sb {
width:25px;
}

#browse {
width:25px;
}

div.textBlock  ul {
    list-style: none;
}

div.textBlock  li {
    margin: 0;
    padding-left: 2em;
    padding-bottom:.8em;
    background:  url(images/bullet-arrowbox.gif) no-repeat;
}


textarea {
font-family:Verdana, Arial, sans-serif;
font-size:11px;
padding:.1em .2em .1em .2em;
width:23em;
}

/* steve 29/1/08 */
.checkbox {
width:10px;
height:10px;
margin:0 2em .2em 0;
}

#fadebg div.fmcheck, #fadebg div.submit {
padding: 10px 0;
}

.fmcheck input {
width:10px;
height:10px;
margin:0 2em .2em 0;
}

.submit input {
width:65px;
color:#574A7A;
font-weight:bold;
background-color:#fed;
}

/* end steve */

select {
font-size:11px;
font-family:Verdana, Arial, sans-serif;
}

fieldset div {
    padding: .3em 1em;
}

fieldset div span {
    display: none;
}

div.cr p {
    margin: 0;
}

.mandat {
    font-weight: bold;
    font-size: 85%;
    color: #360;
}
.mandat:after {
    content: "*";
}

div.buttons {
    clear: both;
    text-align: center;
}


.formbtn {
   color:#574A7A;
   font-weight:bold;
   background-color:#fed;
   margin: -10px -25px 5px 0px;
   width: 60px;
}

.formbtn2 {
   color:#574A7A;
   font-weight:bold;
   background-color:#fed;
   margin: 20px -25px 5px 0px;
   width: 60px;
}

.removed {
    display: none !important;
}

/* headings, main h1 page headings */

#index, #about, #contact, #webdesign-resources, #services, #port1, #port2, #port3, #port4, #cssresources, #standardsresources, #webdesign, #conmgmt, #ecom, #host, #domainsh, #customservices, #fontsh, #support, #knowledgebaseh, #emailsetuph, #emailautoresponderh, #templated, #webstatisticsh, #webmailh {
text-indent: -100em;
overflow: hidden;
background-repeat:no-repeat;
padding-top:0;
padding-bottom:10px;
margin-bottom:0;
background-position: bottom left;
background-repeat:no-repeat;
margin-top:8px;
}

#index {
background-image:url(images/h1-index.gif);
}

#about {
background-image:url(images/h1-about.gif);
padding-bottom:15px;
}

#contact {
background-image:url(images/h1-contact.gif);
padding-bottom:25px;
}

#webdesign-resources {
background-image:url(images/h1-resources.gif);
}

#services {
background-image:url(images/h1-webservices.gif);
}

#port1 {
background-image:url(images/h1-port1.gif);
padding-bottom:25px;
}

#port2 {
background-image:url(images/h1-port2.gif);
padding-bottom:25px;
}

#port3 {
background-image:url(images/h1-port3.gif);
padding-bottom:25px;
}

#port4 {
background-image:url(images/h1-port4.gif);
padding-bottom:25px;
}

#cssresources {
background-image:url(images/h1-cssresources.gif);
padding-bottom:25px;
}

#standardsresources {
background-image:url(images/h1-standardsresources.gif);
padding-bottom:25px;
}

#webdesign {
background-image:url(images/h1-webdesign.gif);
}

#conmgmt {
background-image:url(images/h1-cms.gif);
}

#ecom {
background-image:url(images/h1-ecom.gif);
}

#host {
background-image:url(images/h1-hosting.gif);
}

#domainsh {
background-image:url(images/h1-domains.gif);
}

#customservices {
background-image:url(images/h1-customservices.gif);
}

#fontsh {
background-image:url(images/h1-fonts.gif); 
height:50px;
}

#support {
background-image:url(images/h1-support.gif);
}

#knowledgebaseh {
background-image:url(images/h1-knowledgebase.gif);
}


#emailsetuph {
background-image:url(images/h1-emailsetup.gif);
}

#emailautoresponderh {
background-image:url(images/h1-emailautoresponder.gif);
}

#templated {
background-image:url(images/h1-templated.gif);
}

#webmailh {
background-image:url(images/h1-webmail.gif);
}

#webstatisticsh {
background-image:url(images/h1-webstatistics.gif);
}

/* headings, sidebar h3s */

#quick, #latest, #thispage, #resources, #hostingside, #domains, #yoursite, #clients, #contentsys, #wdres, #oe {
text-indent: -100em;
overflow: hidden;
height:25px;
background-repeat:no-repeat;
border:0;
margin-bottom:7px;
}

#quick {
background-image:url(images/h-quicklinks.gif);
}

#latest {
background-image:url(images/h-latestsites.gif);
}

#thispage {
background-image:url(images/h-thispage.gif);
}

#hostingside {
background-image:url(images/h-hosting.gif);
}

#domains {
background-image:url(images/h-domains.gif);
}

#resources {
background-image:url(images/h-resources.gif);
margin-bottom:7px;
}

#yoursite {
background-image:url(images/h-yoursite.gif);
height:50px;
}

#clients {
background-image:url(images/h-clients.gif);
}

#contentsys {
background-image:url(images/h-contentsystems.gif); 
height:50px;
}

#wdres {
background-image:url(images/h-wdres.gif); 
height:50px;
}


/* headings, main body h3s */

#complete, #great, #people, #location, #categories, #findoutmore, #designs, #oe {
text-indent: -100em;
overflow: hidden;
height:25px;
background-repeat:no-repeat;
border:0;
padding-bottom:0px;
margin-top:15px;
margin-bottom:-5px;
}

#complete {
background-image:url(images/h-complete.gif);
}

#great {
background-image:url(images/h-greatservice.gif);
}

#people {
background-image:url(images/h-people.gif);
margin-top:0;
padding-bottom:15px !important;
}

#location {
background-image:url(images/h-location.gif);
}

#categories {
background-image:url(images/h-categories.gif);
padding-bottom:15px !important;
}

#findoutmore {
background-image:url(images/h-findoutmore.gif);
padding-bottom:15px !important;
margin:0;
}

#oe {
background-image:url(images/h-oe.gif);
height:50px;
}

#designs {
background-image:url(images/h-designs.gif);
margin:0;
}

.biggest {
font-size:1.2em;
line-height:1.4em;
}

/* CSS File for Dagon Design Formmailer Script */
/* http://www.dagondesign.com */

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
}

/* specials page */
.optional-extras, .optional-extras input, .optional-extras td, .optional-extras th {
color:#666;
}

#fadebg div.optional-extras {
padding:30px 0 0 0;
}
.specials table {
border:0;
width:100%;
}
.specials th, .specials td {
padding:5px 10px 5px 5px;
border-bottom: 1px dotted #ccc;
text-align:left;
vertical-align:top;
}

.specials th h3 {
border:0;
letter-spacing:1px;
font-size:13px;
}
/*h3, h4 {
font-family: Times New Roman, Times;
font-weight:normal;
}

h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
margin:20px 0 5px 0;
padding:0;
}*/

.specials .topth th {
text-transform:uppercase;
}
.specials th.first-col {
width:180px;
}
.specials .total th, .specials .total th input {
color:#000;
border:0;
font-family: Times New Roman, Times;
}

.specials th.pricecol {
width:50px;
}
.specials input {
border:0;
width:35px;
padding:0.1em 0;
}
.specials span.show-tooltip-text { 
display: none; 
position: absolute; 
font-size: 1em; 
background:#574A7A;
padding: 12px; 
color: #fff;

width:250px;
}

th.sumtotal {
color:#574A7A;
text-transform:uppercase;
letter-spacing:2px;
font-size:1.2em;
line-height:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
vertical-align:top;
}

.specials .total th.sumtotal input {
color:#574A7A;
text-transform:uppercase;
letter-spacing:1px;
line-height:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-weight:bold;
}