body {margin-top:0px; margin-right:0px; margin-bottom:20px; margin-left:0px; background-color:#cccccc; font-family:arial,helvetica,sans-serif; font-size:12px; color:#000000; background-image:url(picts/gradient_backbround_bg.jpg); background-repeat:repeat-x}
body.ezypaint {margin-top:0px; margin-right:0px; margin-bottom:20px; margin-left:0px; background-color:#000000; font-family:arial,helvetica,sans-serif; font-size:12px; color:#000000; background-image:url(picts/background-black.jpg); background-repeat:repeat-x}


/* IMAGES */
img.right {float: right; padding: 0px 0px 10px 20px; border:0px}
img.rightpadding {float: right; padding: 0px 0px 20px 20px; border:0px}
img.rightNoPadding {float:right; padding:0px 0px 0px 20px; border:0px}
img {border:0px}

code { color:#000000; font-weight:normal; font-family:arial narrow,arial,helvetica,sans-serif; font-size:12px; }


/* HIGHLIGHTING TEXT */
.highlight     {color: #ffffff; background-color: #cccccc;}
.highlightlight     {color: #000000; background-color: #eeeeee; padding: 2px}
.highlightborder {padding: 3px; background-color:#cccccc; border:thin solid #999999; font-weight:bold; font-size:14px}
.highlightborderpad {padding: 3px 20px 3px 20px; background-color:#cccccc; font-weight:bold; font-size:14px}

.HighlightTopBot {padding:3px; border-top:1px solid #999999; border-bottom:1px solid #999999; font-weight:bold; font-size:14px}
.HighlightTopBot2 {padding:3px; border-top:1px solid #999999; border-bottom:1px solid #999999; background-color:#eeeeee; font-weight:bold; font-size:14px}
.HighlightTopBot3 {padding:3px 20px 3px 20px; border-top:1px solid #999999; border-bottom:1px solid #999999; background-color:#eeeeee; font-weight:bold; font-size:14px}


/* GENERAL LINKS */
a:link{color:#6666cc;} a:visited{color:#9966cc;} a:hover{color:#cc0000;}


/* REFER A FRIEND LINKS */
a.refer:link{color:#6666cc; background-color:#eeeeee; padding:3px; border-left: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999; font-size:10px} 
a.refer:visited{color:#9966cc; background-color:#eeeeee; padding:3px; border-left: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999; font-size:10px} 
a.refer:hover{color:#ffffff; background-color:#999999; padding:3px; border-left: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999; font-size:10px}


/* FOOTER LINKS */
a.white:link{color:#ffffff; padding: 2px} 
a.white:visited{color:#ffffff; padding: 2px} 
a.white:hover{background: #666666; padding: 2px}

/* FOOTER - CELL THAT CONTAINS LINKS */
.whitefooter {font-family:arial,helvetica,sans-serif; font-size:10px; color:#eeeeee; white-space:nowrap; padding:3px 2px 3px 2px}


/* CONTACT DETAILS - STRETCHING TABLE THAT CONTAINS THE CONTACTS TABLES*/
.ContactsContainer {background-color:#eeeeee;padding-top:5px; border-top:1px solid #999999;  border-left:1px solid #999999;  border-right:1px solid #999999}
.ReferContainer {background-color:#ffffff; padding:3px}

/* CONTACT DETAILS TABLE*/
.ContactLeftSide {background-color:#eeeeee; width:42%}
.ContactRightSide {background-color:#eeeeee; width:58%}
.ContactMidCell {background-color:#eeeeee;padding-left:15px; padding-right:20px}
.footer {font-size:10px; color:#666666; white-space:nowrap; text-align:left}
.FooterVision {font-size:10px; color:#666666; white-space:normal; text-align:left}


/* NOT SURE LINKS */
a.whitefooter:link{color:#ffffff; padding: 3px} 
a.whitefooter:visited{color:#ffffff; padding: 3px} 
a.whitefooter:hover{background: #666666; padding: 3px}

/* NO DROPDOWN HEADER LINKS - FOR CLEARFIELD PAGES */
a.white2:link{color:#ffffff;} 
a.white2:visited{color:#ffffff;} 
a.white2:hover{color: #333333;}

/* NO DROPDOWN HEADER - CELLS FOR LINKS */
.bordernav {text-align: center; color:#ffffff; border: 1px solid #eeeeee; background:#999999; white-space: nowrap}
.bordernav2 {text-align: center; font-size:12px; color:#ffffff; border: 1px solid #eeeeee; background:#878787; white-space: nowrap}


/* MAKES LINKS HAVE NO UNDERLINE */
a { text-decoration:none; }



/* GENERAL FORMATING */
.small {font-size:10px; color:#000000;}
.smallc {font-size:10px; color:#000000; text-align: center;}
.smallcenter {font-size:10px; color:#000000; text-align: center;}
.smallright {font-size:10px; text-align: right;}
.ten {font-size:10px; color:#000000;}
.tenc {font-size:10px; text-align: center}
.eleven {font-size:11px; color:#000000;}
.elevenc {font-size:11px; text-align: center;}
.twelve {font-family:arial, helvetica, sans-serif; font-size:12px;}
.twelvec {font-size:12px; text-align: center;}
.fourteen {font-size:14px; color:#000000;}
.fourteenc {font-size:14px; text-align: center;}
.sixteen {font-size:16px; color:#000000;}
.sixteenc {font-size:16px; text-align: center;}

.nowrap {white-space: nowrap}
.bold {font-weight: bold}
.right {text-align: right;}
.RightFloat {float:right;}
.LeftFloat {float:left;}
.center {text-align:center}
.inline {display:inline}
.centerinline {display:inline; text-align:center}
.FloatStop {clear:both; width:1px; height:1px; background-color:#ffffff}
.RightBox {float:right; padding:0px 0px 10px 20px; width:200px; text-align:center}

/* HEADERS */
.header {font-size:16px; font-weight:bold}
.headerc {font-size:16px; text-align: center; font-weight:bold}
.swatchtitles {font-size:14px; font-weight: bold;}

h1 {font-size:18px; display:inline;}
h1.center {font-size:16px; text-align:center}
h2 {font-size:14px; display:inline}
h3 {font-size:12px; display:inline}

/* TEXT COLOURS */
.red {color:#cc0000;}
.white {color:#ffffff;}
.yellow {color:#cc9900; font-size:14px;}
.teal {color:#339999; font-size:14px;}
.grey {color:#999999;}
.greymid {color:#666666;}
.greydark {color:#333333;}
.green {color:#006600}


/* UNIQUE TAGS*/
.searchbackground {background-image:url(swatches/images/background_search_button.jpg); background-repeat:repeat-y; border-bottom: 1px solid #999999; font-family:arial,helvetica,sans-serif; font-size:13px; color:#000000; font-weight: bold; white-space: nowrap}
.searchshadow {background-image:url(swatches/images/background_search_shadow.jpg); background-repeat:no-repeat}


/* BORDERS */
.BorderBottomPale {border-bottom: 1px solid #cccccc}
.BorderBottomPaleC {border-bottom: 1px solid #cccccc; text-align:center}

.BorderPale {border: 1px solid #cccccc}
.BorderPaleCenter {border: 1px solid #cccccc; text-align:center}


.border {border: 1px solid #999999;}
.bordersmall {border: 1px solid #999999; font-size:10px;}
.bordercenter {border: 1px solid #999999; text-align: center;}
.bordercenter2 {border: 1px solid #999999; text-align: center; font-weight:bold; background-color:#dddddd}

.BorderHeader {border-bottom:1px solid #999999; text-align:center; font-weight:bold; background-color:#eeeeee}
.BorderHeader2 {border-top:1px solid #999999; border-bottom:1px solid #999999; text-align:center; font-weight:bold; background-color:#eeeeee}
.BorderHeaderLeft {border-bottom:1px solid #999999; text-align:left; font-weight:bold; background-color:#eeeeee}
.BorderHeaderLeft2 {border-top:1px solid #999999; border-bottom:1px solid #999999; text-align:left; font-weight:bold; background-color:#eeeeee}
.BorderHeaderLeft3 {border:1px solid #999999; text-align:left; font-weight:bold; background-color:#dddddd}
.BorderHeaderLeft4 {border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:left; font-weight:bold; background-color:#ffffff}

.BorderRightLinesC {border-right:1px solid #999999; text-align:center}
.BorderRightLinesL {border-right:1px solid #999999; text-align:left}
.BorderRightLinesLB {border-right:1px solid #999999;border-bottom:1px solid #999999; text-align:left; background-color:#eeeeee}


/*Background colours */
.GreyMidBackground {background-color:#666666}


/* CSS LAYOUTS */
div.ContentWindow {margin-left: auto; margin-right: auto; width:87%; padding:12px 12px 12px 12px; text-align:left; border: 1px solid #ffffff}
div.RightImageTop {float:right; padding:16px 20px 20px 20px; text-align:center;}
div.RightImage {float:right; padding:0px 20px 20px 20px; text-align:center;}
div.ImageTitle {text-align:center; font-weight:normal; padding-top:10px}


/* TABLE TAGS / STYLES*/
table.center {margin-left: auto; margin-right: auto; text-align:left}
table.CenterBorder {margin-left: auto; margin-right: auto; border:1px solid #999999; text-align:left}
.MainTable {margin-left: auto; margin-right: auto; width:960px; text-align:left; border: 0px solid #999999; background-color:#ffffff; margin-top:30px}
.MainTableBC {margin-left: auto; margin-right: auto; width:960px; text-align:left; border: 0px solid #999999; background-color:#ffffff; margin-top:0px}
.BreadCrumbs {margin-left: auto; margin-right: auto; width:920px; padding: 10px 20px 1px 20px; text-align:left; border: 0px solid #999999; background-color:#ffffff; margin-top:30px}

table.FooterContainer {margin-left: auto; margin-right: auto; width:960px; background-color:#999999;}
table.FooterLinks {margin-left: auto; margin-right: auto; width:800px}
table.Contact {margin-left: auto; margin-right: auto; width:800px}
table.RightImage {float:right; padding-left:20px; padding-bottom:10px; width:200px}
table.Form {margin-left:auto; margin-right:auto; border:1px solid #cccccc; background-color:#eeeeee; padding:10px}

.MainTableTop {margin-left: auto; margin-right: auto; width:960px; text-align:left; border: 0px solid #999999; background-color:#ffffff}
.MainTableTopTrans {margin-left: auto; margin-right: auto; width:960px; text-align:left; border: 0px solid #999999}

.borderPad10 {border: 1px solid #999999; margin-left: auto; margin-right: auto; padding:10px}
.borderPad20 {border: 1px solid #999999; margin-left: auto; margin-right: auto; padding:20px}
.Width80Percent {width:80%; margin-left: auto; margin-right: auto;}

/* TABLE CELL TAGS*/
td {}
td.footerwhite {font-size:10px; color:#ffffff;}
td.whitefooter2 {font-size:10px; color:#eeeeee; white-space:nowrap; padding:3px}

td.bordernav {font-family:arial narrow, arial,helvetica,sans-serif; text-align: center; font-size:12px; color:#ffffff; border: 1px solid #eeeeee; background:#999999; white-space: nowrap}
td.bordernav2 {font-family:arial narrow, arial,helvetica,satens-serif; text-align: center; font-size:12px; color:#ffffff; border: 1px solid #eeeeee; background:#878787; white-space: nowrap}

.PadLeft20NoWrap {padding:3px 20px 3px 20px; white-space:nowrap;}
.PadLeft20NoWrapGrey {padding:3px 20px 3px 20px; white-space:nowrap; background-color:#cccccc; font-weight:bold;}
.PadLeft20 {padding-left:20px}
.PadLeft10 {padding-left:10px}
.RightImage {padding-top:10px; text-align:center; font-weight:normal}
.thirds {width:33%; padding-left:20px}
.thirdspadding {width:33%; padding-left:20px}

/* Sytles for Headings on Main SubIndex Pages e.g. painters.htm */
.IndexTitles {background-color:#ffffff; font-weight:bold; color:#000000; padding:3px 10px 3px 10px; border-bottom:1px dotted #ffffff; background-image:url(picts/fade.jpg); background-repeat: repeat-y;}
.IndexTitles a {color:#000066} 
.IndexTitles a:hover {color:#cc0000}



/* LISTS - BULLETS AND NUMBERS */
ul {list-style-type: disc;}
ul.ten {list-style-type: disc;font-size:10px;}

ol {list-style-type: decimal;}
ol.ten {list-style-type: decimal; font-size:10px;}



/* ID FOR TABLE NAVIGATION - entire cell has rollover */
#navigation td {background-color: #dddddd; border-top:1px solid #999999;}
#navigation td.bl {background-color: #dddddd; border-left: 1px solid #999999}
#navigation td.NL {background-color: #dddddd; border-left: 1px solid #999999;border-right:1px solid #999999;padding:3px 10px 3px 10px}
#navigation td.nocolor {background-color:#FFFFFF; border-top: 1px solid #ffffff; border-bottom:1px solid #ffffff; padding-bottom:5px; font-weight: bold;}
		
#navigation a {
	font-family: arial-narrow, arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:100%;
	color: #333333;
	text-decoration: none;
	display:block;
	padding-top:3px; padding-bottom:3px; padding-left:10px; padding-right:10px;
	text-align:center;
	border-right: 1px solid #999999;
	white-space:nowrap
	}
	
#navigation a:hover {background-color: #666666; color:#FFFFFF}


/* ID FOR TOP NAVIGATION - FOR AUTO PAGES, NO DROPDWON */
div.AutoTopNav {background-color: #666666;}
#topnav td {border-right:0px solid #eeeeee;}
#topnav td.left {border-left: 0px solid #eeeeee}
		
#topnav a {
	font-family: arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13PX;
	color: #ffffff;
	text-decoration: none;
	display:block;
	height:34px; vertical-align:middle; line-height:34px;
	text-align:center;
	padding-right:12px; padding-left:10px;
	white-space:nowrap
	}
	
#topnav a:hover {background-color:#000000; color:#ffffff}


/* Coating Tech Styles */
div.ContainerCoatingTech {margin:auto; background-image:url(picts/coatingtech_shadow.jpg); background-repeat:no-repeat; min-height: 490px; width:1000px}

/* MyPalette Entries - Styles */
.MyPalette {width:996px}
.MyPalette td {text-align:left; width:146px; white-space:normal; vertical-align:top; padding:4px 0px 4px 20px; font-weight:bold}
.MyPalette td.left {text-align:left; width:146px; white-space:normal; vertical-align:top; padding:4px 0px 4px 0px; font-weight:bold}
.MyPalette td.notes {text-align:left; width:146px; white-space:normal; vertical-align:top; padding:4px 0px 4px 20px; font-size:13px}
.MyPalette td.links {padding:4px 0px 4px 20px;}
.MyPalette td.links2 {padding:4px 0px 4px 2px;}

.MyPalette a {padding:6px; text-align:center; border-top:1px solid #666666; border-bottom:1px solid #666666; background-color:#999999; display:block; padding:4px 6px 4px 6px; color:#ffffff; letter-spacing:1px;}
.MyPalette a.vlink {padding:6px; text-align:center; border-top:1px solid #666666; border-bottom:1px solid #666666; background-color:#999999; display:block; padding:4px 6px 4px 6px; color:#ffffff; letter-spacing:1px}
.MyPalette a:hover {padding:6px; text-align:center; border-top:1px solid #333333; border-bottom:1px solid #333333; background-color:#666666; display:block; padding:4px 6px 4px 6px; color:#ffffff; letter-spacing:1px}

.MyPalette textarea {border:1px solid #cccccc; padding:2px; background-color:#f8f8f8; width:146px}

/* Karen walker rollover table */
#kw td {}
		
#kw a {
	font-family: times, arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:100%;
	color: #000000;
	text-decoration: none;
	display:block;
	text-align:center;
	background-image:url(karen_walker_paints/picts/circle.jpg);
	background-repeat:no-repeat;
	width:22px; height:22px; line-height:22px; vertical-align:middle;
	}
	
#kw a:hover {color:#cc0000;background-image:url(karen_walker_paints/picts/circle_on.jpg);
	background-repeat:no-repeat;}
	
	#kw a.back {
	font-family: times, arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:100%;
	color: #000000;
	text-decoration: none;
	display:block;
	text-align:right;
	background-image:url(karen_walker_paints/picts/arrow.jpg);
	background-repeat:no-repeat;
	width:22px; height:22px; line-height:22px; vertical-align:middle;
	}
	
#kw a.back:hover {color:#cc0000;background-image:url(karen_walker_paints/picts/arrow_on.jpg);
	background-repeat:no-repeat;}

/* karen walker styles*/

.KWTop {width:200px; height:27px; background-image:url(karen_walker_paints/picts/curve-top.jpg); background-repeat:no-repeat; text-align:center}
.KWMid {width:178px; border-left:1px solid #666666;  border-right:1px solid #666666; padding:10px}
.KWBot {width:200px; height:27px; background-image:url(karen_walker_paints/picts/curve-bottom.jpg); background-repeat:no-repeat; text-align:center}
.KWContent {width:600px; padding-left:20px}
.KWCircles {background-image:url(karen_walker_paints/picts/circlelg.jpg); text-align:center; width:29px; height:29px; margin-left:auto; margin-right:auto; line-height:29px; vertical-align:middle; font-family: times, arial, Helvetica, sans-serif;font-weight:bold;font-size:130%}
.KWheight {height:550px; width:1px}
.KWLeftWidth {width:17px}