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;

}