body{
font-family: tahoma, verdana, arial, sans-serif;
font-size:75%;
color: #3c3c3c;
}


#containerall{
font-size:1.2em;
}



#contentwrapper{
}

/*fix for IE 5.5 that was not inheriting the font-size into table*/
table, form, input{
font-size:100%;
}
img {
border:none;
}
p{
padding:1em;
margin:0 0 .5em 0;

}



/*keeps the clearing div from view (only 1px of it seen - can't find great fix for this*/
.clear{ 
clear:both; 
height: 0px; 
line-height: 0px;
}

/*the top bit works but not in IE so this is used*/
* html .clear{ 
font-size: 1px; 
height: 1px;
}
/*mainb body links*/
a:link {
text-decoration: underline;
color: #363636;
font-weight:bold;
} 
a:visited {
color: #363636;
text-decoration: underline;

}
a:hover {
color: #707070;
text-decoration: none;
}
a:active {
color: #363636;
}

/*nav links*/



#sidebar{display:none;}

h1, h2, h3, h4, h5, h6{
font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
font-weight:bold;
margin:0;
padding:0;
}

h1{
font-size:2em;
}
h2{font-size:1.8em;
}

h3{
font-size:1.4em;
}
h4{
font-size:1.3em;
}
h5{
font-size:1.2em}

h6{
font-size:1.1em;}


#topnav ul{
display:none;
}

#header{
text-align:right;
padding-right:15px;
}
#maincontent p{
font-size:1.1em;
line-height:1.4em;
margin:0 0 1.6em 0;
padding: 0 20px;
}

#maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h{
margin-left:20px;
margin-right:20px;
margin-bottom:.5em;
}

#maincontent h1{
padding:1px 5px 1px 20px;
margin:0 0 .5em 0;
}

#maincontent blockquote{
width:458px;
margin:0 0 20px 20px;
background:#fff url(/img/bg/bqbott.gif) no-repeat right bottom;
padding:0;
font-style:italic;
line-height:2.0em;
font-size:1.2em;
clear:both;
}

#maincontent blockquote  p{
padding:15px;
margin:0;
background: url(/img/bg/bqtop.gif) no-repeat left top;
}


#functions{
display:none;
}

#sidebar{
display:none;
}


#footer{
display:none;

}
.sflright{
float:right;
margin:0 0 10px 10px;
}

.flleft{
float:left;
margin:0 10px 10px 0;
}


.flright{
float:right;
margin:0 0px 10px 10px;
}

#maincontent p.capt{
clear:both;
font-size:.8em;
margin-top:-25px;
}


/**front page***/


body#home #maincontent p.mainpage{
margin: 30px 40px 40px 30px ;
font-weight:bold;
line-height:1.5em;
}

body#home #b, body#home #c, body#home #d{
margin-left:9px;
}

/**brands**/

/*contact*/


body#contact form{
margin:20px;
padding:0px;
background:#f4f4f4 url(/img/bg/form_top.gif) no-repeat left top;
}

body#contact #maincontent input, body#contact #maincontent textarea,
body#contact #padd input, body#contact #padd textarea
{
width:200px;
margin:0;
padding:0;
border: 1px #E19A84 solid;
padding:.2em;
font-family: Geneva, "Lucida Sans Unicode", verdana, sans-serif;
font-size:100%;
}
body#contact textarea{
overflow:auto;
height:8em;
width:198px;
}
body#contact #maincontent dl,
body#contact #padd dl{
padding:0;
margin:0;
width:100%;
}


body#contact #maincontent dt,
body#contact #padd dt
{
text-align:left;
width:190px;
padding-top:.5em;
padding-bottom:.5em;
float:left;
font-weight:bold;
padding-left:10px;
}
body#contact #maincontent dd,
body#contact #padd dd
{
text-align:right;
padding:.5em 10px .5em 0px;
margin:0 0 1em 0;
border: #eeeeee 1px solid;

}

/*hide from IEMAC as it seems to put the colour over the text in the dt\*/
body#contact #maincontent dd,
body#contact #padd dd{
background:#eeeeee;
}
/*end hide*/
body#contact #maincontent dd input.button,
body#contact #padd dd input.button
{
width:8em;
font-weight:bold;
background:#EFD7C5 url(/img/bg/arrowlight.gif) no-repeat 80% 50%;
font-family: tahoma, verdana, arial, sans-serif;
}

body#contact #maincontent fieldset,
body#contact #padd fieldset
{
padding:20px;
margin:0;
border:none;
background:url(/img/bg/form_bott.gif) no-repeat left bottom;
}

#padd{
width:500px;
margin:20px;
background:#eeeeee;
}
body.emailurl{
background:#eeeeee;
}

#skiplinks{
display:none;
}

/*history*/



/*brands*/




/*about*/
.phone{
text-align:right;
padding:.7em 15px .7em 0;
display:block;
letter-spacing:.5px;
}

.call{
font-weight:bold;
}


#maincontent .phonebottom{
font-size:2em;
font-weight:bold;
text-align:center;
color:#3F0F6F;
}

.bold{
font-weight:bold;
}



#maincontent p.whatever{
font-size:1.6em;
font-weight:bold;
}

#maincontent p.wecreate{
font-size:1.2em;
margin-top:-1.2em;
}

#maincontent p.wecreate span{
font-weight:bold;
font-size:1.1em;
}

#maincontent p.third{
margin-top:1.4em;
font-size:1.2em;
}
#maincontent p.third span{
font-weight:bold;
} 


.larger{
font-size:1.2em;
}
.larger span{
font-weight:bold;
}