body
{
	margin: 0;
	padding: 0;
	padding-top: 20px;
	text-align: center;
	min-width: 780px;	
	background-color: #ffffff;
}

#pagewrapper
{
	position: relative;
	text-align: left;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(background.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

#logoheader
{
	clear: both;
	height: 124px;
	width: 780px;
	background-color: #ffffff;	
}

#logoheader1
{
	float: left;
	width: 208px;
	padding-top: 52px;	
}


#logoheader2b
{
	float: left;
	width: 103px;	
	height: 124px;
	background-image: url(front_splash_brushtip2.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;		
}

#logoheader3
{
	float: left;
	width: 469px;	
	height: 124px;	
}

#logoheader4
{
	clear: both;
	width: 469px;	
	height: 99px;	
}

#logoheader5
{
	clear: both;
	width: 469px;	
	height: 25px;
}

#logoheader6
{
	float: left;
	width: 225px;	
	height: 99px;	
}

#logoheader7
{
	float: left;
	width: 147px;
	padding-top: 50px;
	text-align: center;
}

#logoheader7 a
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: black;
}

#logoheader7 a:hover
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: black;
}

#logoheader8
{
	float: left;
	width: 97px;	
	padding-top: 30px;
	text-align: right;
}

#frontsplash
{
	clear: both;
	height: 199px;	
	width: 780px;
	background-image: url(front_splash3.jpg);
	background-repeat: no-repeat;
	background-position: top left;		
}

#frontsplash2
{
	clear: both;
	height: 126px;	
	width: 770px;
	background-image: url(front_splash2.jpg);
	background-repeat: no-repeat;
	background-position: top left;		
}

#columns
{
	clear: both;
	padding: 15px 15px 15px 15px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #000000;	
}

.frontcolumn
{
	float: left;
	width: 375px;	
}

.frontcolumn a
{
	font-weight: bold;
	text-decoration: underline;
	color: #202a7f;	
}

.frontcolumn a:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #8d1d09;	
}

#frontcolumninner1
{
	clear: both;
	padding: 0px 15px 15px 0px;
}

#frontcolumninner2
{
	clear: both;
	padding: 0px 0px 15px 15px;
}

#columns td
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #000000;		
}

.nameLink
{
	font-weight: bold;
	text-decoration: underline;
	color: #202a7f;	
}

.nameLink:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #8d1d09;	
}

.linkText
{
	font-weight: bold;
	text-decoration: underline;
	color: #202a7f;	
}

.linkText:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #8d1d09;	
}

.addToTrolleyLink
{
	display: block;
	line-height: 21px;
	font-weight: bold;
	color: #ffffff;	
	background-color: #85ac31;
	text-decoration: none;
}

.addToTrolleyLink:hover
{
	display: block;
	line-height: 21px;
	font-weight: bold;
	color: #ffffff;	
	background-color: #4f6a16;
	text-decoration: none;	
}

.removeFromTrolleyLink
{
	display: block;
	line-height: 21px;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;	
	background-color: #f5751e;
	text-decoration: none;
}

.removeFromTrolleyLink:hover
{
	display: block;
	line-height: 21px;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;	
	background-color: #cd5709;
	text-decoration: none;		
}

.updateTrolleyLink
{
	display: block;
	line-height: 21px;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;	
	background-color: #029de0;
	text-decoration: none;
}

.updateTrolleyLink:hover
{
	display: block;
	line-height: 21px;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;	
	background-color: #085b7e;
	text-decoration: none;	
}

.titleLink
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #006699;	
	text-decoration: none;	
}

.titleLink:hover
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #c21c1d;
	text-decoration: none;
}

#topslogan
{
	clear: both;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #000000;
	line-height: 25px;
	display:block;
	height: 25px;
}

#bottomslogan
{
	clear: both;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #000000;
	line-height: 25px;
	display: block;
	height: 25px;
}

#bottomslogan a
{
	text-decoration: none;
	color: #ffffff;	
}

#bottomslogan a:hover
{
	text-decoration: none;
	color: #ffffff;	
}

	
#bottomsloganinner
{
	float: left;
	width: 560px;
}

#designedby
{
	float: left;
	width: 220px;
	text-align: right;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.mainTitle
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: black;	
}

h1
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: black;	
}

.imageleft
{
	float: left;
	border-width: 0px;
}

.imageright
{
	float: right;
	border-width: 0px;
}

.image
{
	border-width: 0px;
}

.colourrow
{
	clear: both;	
	height: 32px;
	width: 758px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: black;		
}

.colourrow2
{
	clear: both;	
	width: 758px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: black;		
}

#maincolumninner2 a
{
	font-weight: bold;
	color: #202a7f;	
	text-decoration: underline;	
}

#maincolumninner2 a:hover
{
	font-weight: bold;
	color: #8d1d09;	
	text-decoration: underline;		
}


.colourrow a, .formrow a
{
	font-weight: bold;
	color: #202a7f;	
	text-decoration: underline;	
}

.colourrow a:hover, .formrow a:hover
{
	font-weight: bold;
	color: #8d1d09;	
	text-decoration: underline;		
}

.colourrow input
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: black;		
}

.free
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #f5751e;			
}

.colourrowbreak
{
	clear: both;
	height: 6px;	
}

.colourhr
{
	clear: both;
	height: 1px;
	width: 758px;	
	background-color: black;
}

.paintref
{
	float: left;
	width: 65px;
	text-align: center;	
}

.colourbreak
{
	float: left;
	width: 10px;	
}

.paintcolour
{
	float: left;
	width: 53px;
	text-align: center;	
}

.paintname
{
	float: left;
	width: 268px;		
}

.paintremove
{
	float: left;
	width: 64px;		
}

.paintnametrolley
{
	float: left;
	width: 301px;		
}

.paintupdate
{
	float: left;
	width: 58px;		
}

.paintweight
{
	float: left;
	width: 65px;
	text-align: center;	
}

.paintprice
{
	float: left;
	width: 60px;
	text-align: center;	
}

.paintquantity
{
	float: left;
	width: 62px;
	text-align: center;		
}

.painttrolleylink
{
	float: left;
	width: 125px;		
}

.trolleytotal
{
	width: 590px;
	float: left;
	text-align: right;	
}

.colourborder
{
	width: 53px;
	height: 27px;
	background-color: #c0c0c0;	
}

.colourborder2
{
	width: 224px;
	height: 100px;
	background-color: #c0c0c0;	
}

.trolleybutton
{
	float: left;
		
}

.colourtab
{
	clear: both;
	padding: 1px 1px 1px 1px;	
}

.colourtabinner
{
	clear: both;
	width: 51px;
	height: 25px;	
}

.colourtabinner2
{
	clear: both;
	width: 222px;
	height: 98px;	
}

#tagline
{
	clear: both;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #000000;
	line-height: 25px;
	display:block;
	height: 25px;
}

.formrow
{
	clear: both;	
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: black;
}

.buttonrow
{
	clear: both;	
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: black;
}

.formcolumn
{
	float: left;
	width: 359px;	
}

.formlabel
{
	float: left;
	font-weight: bold;
	text-align: right;
	width: 200px;	
	padding-top: 15px;	
}

.formlabel2
{
	float: left;
	font-weight: bold;
	text-align: right;
	width: 120px;	
	padding-top: 15px;	
}

.formbottomline
{
	padding-left: 215px;
}
	
.forminput
{
	float: left;
	padding-left: 15px;
	padding-top: 15px;	
}

.forminput3
{
	float: left;
	width: 598px;
}

.forminput3inner
{
	float: left;
	padding-top: 15px;	
	padding-left: 15px;
}

form
{
	margin: 0;	
	padding: 0;
}

.highlightbox
{
	clear: both;
	background-image: url(splash.jpg);
	background-repeat: no-repeat;	
}

.buttonshadow1
{
	width: 75px;
	text-align: center;	
}

.buttonshadow3
{
	width: 108px;
	text-align: center;
}

.buttonshadow2
{
	background-color: #ffffff;
	padding: 2px 2px 2px 2px;
	border: 1px solid #a6b8c1;
}

select
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: black;
}