body {
background-color: #004c82;
font-size: 11px; 
color: #000000;
font-family: Arial, Verdana; 
}

div, p, ol, ul, dl, li, dt, dd, td, nobr {
font-size: 11px; 
color: #000000;
font-family: Arial, Verdana; 
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #c5c5c5; 
scrollbar-3dlight-color: #f0f0ff; 
scrollbar-arrow-color: #c0c0cc; 
scrollbar-track-color: #e5e5e5; 
scrollbar-darkshadow-color: #a0a0a0;
}

#str_based {
	margin: 10px 20px 10px 20px;
	width: 802px;
	background-color: #ffffff;
}

.str_copyright {
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none; 
}

.str_smalltext {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none; 
}

.str_normaltext {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none; 
}

.str_mediumtext {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none; 
}

.str_links {
	color: #004c82;
	font-weight: bold;
}

.str_breadcrumb {
	font-weight: normal;
	font-size: 10px;
	color: #888888;
}

.str_sidebar {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	line-height: 11px;
}

.str_title {
	font-weight: bold;
	font-size: 14pt;
	color: #0B218E;
	line-height: 24pt;
}

.str_title_pr {
	font-weight: bold;
	font-size: 12pt;
	color: #cc9900;
	line-height: 14pt;
}

.str_title_cp {
	font-weight: bold;
	font-size: 11pt;
	color: #0B218E;
	line-height: 13pt;
}

.str_title_cp_gray {
	font-weight: bold;
	font-size: 11pt;
	color: #888888;
	line-height: 13pt;
}

.str_sidenav_title {
	font-weight: normal;
	font-size: 16pt;
	color: #9da3be;
	line-height: normal;
}

.str_sidenav_tp {
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	border-top: 1px solid #004c82;
}

.str_sidenav_subtp {
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	border-top: 1px solid #b8b8b8;
	padding: 3px 10px 3px 20px;
}

.str_hp_content {
	border-bottom: 1px solid #b8b8b8;
	padding: 5px 5px 5px 5px;
}


a.str_nav_title {
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a.str_nav_title:hover {
	font-size: 13px;
	color: #003399;
	font-weight: bold;
	text-decoration: none; 
}

a.str_nav_title:active {
	font-size: 13px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

a.downloadlink {
	font-size: 14px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	background-color: #003399;
	padding: 5px;
	border: 1px solid #FFFFFF;
	outline:1px solid #9B9B9B;
	text-align: center;
}

a.downloadlink:hover {
	font-size: 14px;
	color: #FFFF66;
	font-weight: normal;
	text-decoration: none;
	background-color: #001166;
	padding: 5px;
	border: 1px solid #FFFFFF;
	outline:1px solid #001166;
	text-align: center;
}

.str_note {
	font-weight: normal;
	font-size: 11px;
	color: #757575;
}

input.textstyle   { border: 1px #1F205F solid; padding: 2px; font-family: "Trebuchet MS", Arial; font-size: 11px; height:20px; background-color: #ffffff;}
input.buttonstyle { border: #454545 1px solid; padding: 2px; font-family: "Trebuchet MS", Arial; font-size: 11px; height:20px; background-color: #DDDFDF; cursor:hand;}
select { border: #1f205f 1px solid; padding: 0px; font-family: "Trebuchet MS", Arial; font-weight: normal; font-size: 11px; CURSOR: normal; background-color: #ffffff}
option { border: #1f205f 0px solid; padding: 1px; font-family: "Trebuchet MS", Arial; font-weight: normal; font-size: 11px; color: #1f205f; CURSOR: normal; background-color: #ffffff}
textarea { border: #1f205f 1px solid; padding: 2px; font-family: "Trebuchet MS", Arial; font-weight: bold; font-size: 11px; CURSOR: normal; background-color: #ffffff}
.FormFields  { border: 1px #1F205F solid; padding: 2px; font-family: "Trebuchet MS", Arial; font-size: 11px; background-color: #ffffff;}

A        {color:#004c82; text-decoration: none; }
A:hover  {color:#7a8585; text-decoration: underline; }
A:active {color:#71d0d0; text-decoration: underline; }

a.toplinks         { font-size: 9pt; color:#686868; font-weight: normal; text-decoration: none; }
a.toplinks:hover   { font-size: 9pt; color:#ff6600; font-weight: normal; text-decoration: none; }
a.toplinks:active  { font-size: 9pt; color:#686868; font-weight: normal; text-decoration: none; }

a.blackboldlinks         { font-size: 9pt; color:#000000; font-weight: bold; text-decoration: none; }
a.blackboldlinks:hover   { font-size: 9pt; color:#000000; font-weight: bold; text-decoration: underline; }
a.blackboldlinks:active  { font-size: 9pt; color:#000000; font-weight: bold; text-decoration: none; }

a.whitelinks         { font-size: 9pt; color:#ffffff; font-weight: normal; text-decoration: none; }
a.whitelinks:hover   { font-size: 9pt; color:#ffffff; font-weight: normal; text-decoration: underline; }
a.whitelinks:active  { font-size: 9pt; color:#ffffff; font-weight: normal; text-decoration: none; }

a.btmlinks         { font-size: 9pt; color:#686868; font-weight: normal; text-decoration: none; }
a.btmlinks:hover   { font-size: 9pt; color:#ff6600; font-weight: normal; text-decoration: none; }
a.btmlinks:active  { font-size: 9pt; color:#686868; font-weight: normal; text-decoration: none; }

a.subnav         { font-size: 9pt; color:#686868; font-weight: normal; text-decoration: none; }
a.subnav:hover   { font-size: 9pt; color:#ff6600; font-weight: normal; text-decoration: none; }
a.subnav:active  { font-size: 9pt; color:#686868; font-weight: normal; text-decoration: none; }

.whitetext {  color: #ffffff; }
.redtext {  color: #FD2669; }
.pagetitle {  font-weight: bold; font-size: 12pt; color: #010664; }
.pagetitle2 {  font-weight: bold; font-size: 13pt; color: #0B218E; }
.submenu1 {  font-weight: normal; font-size: 9pt; color: #3366FF; }
.submenu2 {  font-weight: normal; font-size: 9pt; color: #0B218E; }
.biggrey {  font-weight: bold; font-size: 9pt; color: #A1A1A1; }
.smalltxt {  font-weight: normal; font-size: 8pt; color: #7d7d7d; }
.smalltxt2 {  text-align: justify; font-weight: normal; font-size: 8pt; color: #000000; }
.smalltxt3 {  font-weight: normal; font-size: 8pt; color: #000000; }
.greytxt {  font-weight: normal; font-size: 9pt; color: #7d7d7d; }
.onpage {  font-weight: bold; font-size: 10pt; color: #FF0000; }
.justify { text-align: justify; }
.justifyBoxStory { text-align: justify; color: #666699; }

td.paintback {background:none; }
.paintheadingmain { color:#333399; font-size:24px; font-weight:bold; }
.paintheading2 {color:#3333FF; font-size:15px; font-weight:bold; }


div.swatchscroll {
width: 520px; 
height: 280px; 
overflow: auto;
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-shadow-color: #c5c5c5; 
scrollbar-3dlight-color: #f0f0ff; 
scrollbar-arrow-color: #c0c0cc; 
scrollbar-track-color: #e5e5e5; 
scrollbar-darkshadow-color: #a0a0a0
}
.paintsubhead {
	font-size: 20px;
	font-weight: bold;
	color: #333399;
}

.paintsurface {
	font-size: 20px;
	font-weight: bold;
	color: #47444D;
}

.paintsubsurface {
	font-size: 20px;
	font-weight: normal;
	color: #47444D;
}

.paintQuestion {
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}
.paintorgsubhead {
	font-size: 10pt;
	font-weight: bold;
	color: #00335f;
}

/* Colour Palette */
.tdColourDetail {padding-top:10px; padding-left:10px;}
.tblColourDetail {margin-top:10px;}
.floatswatch {width:76px; height:96px; background-image:url(../../tradeprofessional/images/bg_floatswatch.gif); padding-top: 12px; background-position: left top; background-repeat:no-repeat;}
.stripeBasket {width:76px; height:100px; background-image:url(../../tradeprofessional/images/bg_stripecard1.gif); padding-top: 12px; background-position: left top; background-repeat:no-repeat;}
.stripe1 {width:76px; height:105px; background-image:url(../../images/bg_stripecard1_1.png); padding-top: 12px; background-position: left top; background-repeat:no-repeat;}
.stripe1large {width:125px; height:158px; background-image:url(../../tradeprofessional/images/bg_stripecard1large.png); padding-top: 19px; background-position: left top; background-repeat:no-repeat; }
.stripe4 {width:76px; height:248px; background-image:url(../../tradeprofessional/images/bg_stripecard4.gif); padding-top: 12px; background-position: left top; background-repeat:no-repeat;}
.stripe6 {width:76px; height:350px; background-image:url(../../tradeprofessional/images/bg_stripecard6.png); padding-top: 12px; background-position: left top; background-repeat:no-repeat;}
.stripe7 {width:76px; height:401px; background-image:url(../../tradeprofessional/images/bg_stripecard7.gif); padding-top: 12px; background-position: left top; background-repeat:no-repeat;}
.swatch {width:72px; padding-bottom: 5px; color:#808080; font-size:9px; padding-left:1px;}
.swatchlarge {width:118px; padding-bottom: 5px; color:#808080; font-size:9px; padding-left:1px;}
.ColourName {color:#808080; font-size:9px; width:62px; margin-left:6px;}
.StripeCardName {color:#808080; font-size:9px; width:62px; margin-top: 5px; margin-left:6px; font-weight:bold; text-align:right;}
.ColourName A:link, .ColourName A:visited, .ColourName A:active {color:#C0C0C0; text-decoration: none;}
.ColourName A:hover {color:#539CCD;}
.StripeLaydown {width:90px;}
.ChipLaydown {width:83px;}
.tdLaydown {margin-top:10px;}
.tdColourSearchBox {border-bottom: 1px solid #FFFFFF;}
.ColourSearchLanding {margin:13px;}
.ColourSearchItem {width:125px; font-size:70%;}
.CPLogo {width:590px; text-align:right;}
.CPLogo2 {text-align:right; width:570px;} 
.WSLogo {text-align:right; width:570px;}
.availability {font-size:70%; margin: 0; padding: 0;}
.availability ul {list-style: none; margin: 0; padding: 0; list-style-type:none; text-decoration: none;}
.availability li {margin: 0; list-style:none; padding:0; list-style-type:none; text-decoration: none; font-weight:bold;}
.sub-surface li {margin-left:5px;}
.sub-products {font-weight:normal; margin-left:0;}
.sub-products ul {font-weight:normal; margin-left:0;}
.sub-products li {font-weight:normal; margin-left:0;}
.sub-products li a {color:#085694; text-decoration:none;}
.sub-products li a:hover {color:#539CCD;}
.sub-products1 {font-weight:normal;}
.sub-products1 ul {font-weight:normal;}
.sub-products1 li {font-weight:normal; margin-left:5px;}
.sub-products1 li a {color:#C0C0C0;}
.sub-products1 li a:hover {color:#539CCD;}
.ClassicLaydown {margin-top:15px;}
.ImgDetail {color:#808080; font-size:70%; margin-top:5px; text-align:right;}
.tdMP {margin-left:10px; width:760px;}
.tdSavedSchemes {border-bottom:1px solid #C0DCDD; padding-top:10px; padding-bottom:10px;}
.stop {clear:both;}


/* For Eco Guard */

.str_eg_title {
	font-weight: bold;
	font-size: 16pt;
	color: #000000;
	line-height: normal;
	font-family: Helvetical, Arial, Verdana, sans-serif; 
}

.str_eg_subtitle {
	font-weight: bold;
	font-size: 12pt;
	color: #000000;
	line-height: normal;
	font-family: Helvetical, Arial, Verdana, sans-serif; 
}

.str_eg_subsubtitle {
	font-weight: bold;
	font-size: 11pt;
	color: #fa0371;
	line-height: normal;
	font-family: Helvetical, Arial, Verdana, sans-serif; 
}

.str_eg_smalltext {
	font-size: 9px;
	font-weight: normal;
	text-decoration: none; 
}