html
{
		min-height: 101%;
}

.contactbox a
{
	color: #555;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #eee;
	line-height: 160%
}

.contactbox a:hover
{
	color: #eee;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #555;
	line-height: 160%
}

p 

{
margin: 0px;
padding-top: 1px;
}


body
{
	color: #555;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background-position: 0px 0px;
	background-image: url(i/bg.gif);
	background-repeat: repeat-x;
	line-height: 160%
}

.outside
{
	margin: 0 auto;
	width: 750px;
	padding: 0px;
	text-align: left;
	
}
	
.inside
{
	margin: 0 auto;
	width: 750px;
	padding: 0px;
	border: 1px #ccc solid;
	float:left;
	
}
		
h1
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 750px;
	height: 135px;
	background-position: 0px 0px;
	background-image: url(i/h1_banner.gif);
	background-repeat: no-repeat;
	font-size: 0px;
	text-indent: -1000em;
	display: inline;
	border: 0px red solid;
	float: left;
}
	


.catalogue
{
	padding: 0px;
	margin-left: 20px;
	width: 730px;
	height: 175px;
	background-position: 0px 0px;
	background-image: url(i/banner_catalogue.jpg);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	border: 0px red solid;
}

.catalogue img
{
	margin: 10px 0px 0px 0px;
	text-decoration: none;
}	
	
h3 {
	color: #92278f;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	}	
	
	

/* ROUNDED CORNERS */
.north
{
	background-image: url(i/northsouth.gif);
	background-repeat: repeat-x;
	background-position: top left;
}


.south
{
	background-image: url(i/northsouth.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}


.east
{
	background-image: url(i/eastwest.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.west
{
	background-image: url(i/eastwest.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.ne
{
	background-image: url(i/ne.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.se
{
	background-image: url(i/se.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.sw
{
	background-image: url(i/sw.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.nw
{
	background-image: url(i/nw.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.nw { padding: 8px; } 

.contactbox
{


	width: 169px;
	text-align: left;
	background-image: url(i/bg_gradient_yellowbox.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left: 20px;
	padding: 0px;
	border: 0px red solid;
	float: left;
	display:inline;
	
}

.orderbox
{
	

	width: 537px;
	text-align: left;
	margin-left: 6px;
	padding: 0px;
	border: 0px red solid;
	float: left;
	
}


.line
{
padding-bottom: 4px;
border-bottom: 1px #D8C58F solid;
margin-bottom: 1px;
}

.pad
{
padding: 4px 4px 4px 8px;
line-height: 130%;
}

a.padBack
{
margin: 0px 0px 0px 7px;
padding: 3px;
line-height: 300%;
}



.fieldsetTitles
{ 
padding: 0px 0px 0px 3px;
margin: 10px 0px 0px 0px;
height: 10px;
border: 0px red solid;
}

FIELDSET p
{ 
margin: 0px 0px 0px 3px;
padding: 0px;
border: 0px red solid;
text-align: top;
}

FIELDSET 
{ 
background-color: #F1E6F4; 
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 1px;
border: 0px red solid;
}

input, textarea
{ 
border: 1px #ccc solid;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 13px;
color: #555; 
margin-top: -1px;
padding: 0px;
}

#sendOrder
{ 
padding: 13px 0px 0px 0px;
border: 0px #ccc solid;
}


.formtitles
{ 
text-align: left;
width: 140px;
float: left;
margin: 0px 0px 0px 3px;
padding: 10px 0px 0px 0px;
border: 0px red solid;
}


.formboxes
{ 
width: 364px;
float:left;
margin: 0px 0px 0px 3px;
padding: 10px 0px 0px 0px;
border: 0px red solid;
}


.formProductcode
{ 
width: 80px;
float:left;
margin: 2px 0px 0px 4px;
padding-left: 2px;
}


.formQty
{ 
width: 35px;
float:left;
margin: 2px 0px 0px 2px;
padding-left: 2px;
}

.formDescription
{ 
width: 300px;
float:left;
margin: 2px 0px 0px 2px;
padding-left: 2px;
}

.formPrice
{ 
width: 60px;
float:left;
margin: 2px 0px 0px 2px;
padding-left: 2px;
}

/*-------------------------------------------------
COLOURS
-------------------------------------------------*/	
.darkgrey
{
	color: #555;
}

.white
{
	color: #FFF;
}

.purple
{
color: #92278f;
}



#aboutYou
{
height: 104px;
}


#address
{
height: 100px;
}

#order
{
height: 520px;
}



.catalogue a
{
	margin: 0px 3px 3px 10px;
	color: #fff;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	background-color: #;
	text-decoration: none; 
	line-height: 160%;
	font-size: 16px;
	border-bottom: 1px #fff solid;
	padding-right: 3px;
}

.catalogue a:hover
{
	color: #791388;
	background-color: #B579BA;

}

.catalogue p
{

	margin-left: 45px;
	color: #B982BB;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	background-color: #;
	line-height: 100%;
	font-size: 16px;
}

.catalogue a.small
{
	margin: 0px 3px 3px 10px;
	color: #F1E6F2;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	background-color: #;
	line-height: 190%;
	font-size: 11px;
	text-decoration: none;
	border-bottom: 1px #F1E6F2 solid;
}

.bottom
{
	margin-top: 39px;
}



.catalogue a.small:hover
{
	color: #791388;
	background-color: #B579BA;

}

.catalogue a img 
{ 
position: relative; 
top: 22px; 
margin-right: 2px;
}

.catalogue a.small img 
{ 
position: relative; 
top: 10px; 
margin-right: 2px;
}