@charset "utf-8";
/* CSS Document */

/*--Main navigation start--*/

#mainnav {/* also in ie conditional css*/
	position: absolute;
	top: 87px;
	left: 45px;
	width: 795px;
	height: 54px;
	text-indent:-9999px;
	z-index: 21;
}


#mainnav ul li{display:inline; }/*very important*/

#mainnav ul li a.colours:link {display:block; width:111px; height:54px; background-image:url(../images/navigation/colours_out.gif); float:left;margin-left:1em; margin-right:.8em;}
#mainnav ul li a.colours:visited {display:block; width:111px; height:54px; background-image:url(../images/navigation/colours_out.gif); float:left;margin-left:1em; margin-right:.8em;}
#mainnav ul li a.colours:hover {display:block;width:111px; height:54px; background-image:url(../images/navigation/colours_hover.gif);float:left;margin-left:1em; margin-right:.8em;}
#mainnav ul li a.colours:active {display:block; width:111px; height:54px; background-image:url(../images/navigation/colours_out.gif);float:left;margin-left:1em; margin-right:.8em;}

#mainnav ul li a.types:link {display:block; width:111px; height:54px; background-image:url(../images/navigation/types_out.gif);float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.types:visited {display:block; width:111px; height:54px; background-image:url(../images/navigation/types_out.gif); float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.types:hover {display:block;width:111px; height:54px; background-image:url(../images/navigation/types_hover.gif);float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.types:active {display:block; width:111px; height:54px; background-image:url(../images/navigation/types_out.gif);float:left;margin-left:.8em; margin-right:.8em;}

#mainnav ul li a.ideas:link {display:block; width:111px; height:54px; background-image:url(../images/navigation/ideas_out.gif);float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.ideas:visited {display:block; width:111px; height:54px; background-image:url(../images/navigation/ideas_out.gif); float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.ideas:hover {display:block;width:111px; height:54px; background-image:url(../images/navigation/ideas_hover.gif);float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.ideas:active {display:block; width:111px; height:54px; background-image:url(../images/navigation/ideas_out.gif);float:left;margin-left:.8em; margin-right:.8em;}

#mainnav ul li a.trends:link {display:block; width:111px; height:54px; background-image:url(../images/navigation/ideas_out.gif);float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.trends:visited {display:block; width:111px; height:54px; background-image:url(../images/navigation/ideas_out.gif); float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.trends:hover {display:block;width:111px; height:54px; background-image:url(../images/navigation/ideas_hover.gif);float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.trends:active {display:block; width:111px; height:54px; background-image:url(../images/navigation/ideas_out.gif);float:left;margin-left:.8em; margin-right:.8em;}

#mainnav ul li a.tools:link {display:block; width:111px; height:54px; background-image:url(../images/navigation/tools_out.gif);float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.tools:visited {display:block; width:111px; height:54px; background-image:url(../images/navigation/tools_out.gif); float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.tools:hover {display:block;width:111px; height:54px; background-image:url(../images/navigation/tools_hover.gif);float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.tools:active {display:block; width:111px; height:54px; background-image:url(../images/navigation/tools_out.gif);float:left;margin-left:.8em; margin-right:.8em;}

#mainnav ul li a.advice:link {display:block; width:111px; height:54px; background-image:url(../images/navigation/advice_out.gif);float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.advice:visited {display:block; width:111px; height:54px; background-image:url(../images/navigation/advice_out.gif); float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.advice:hover {display:block;width:111px; height:54px; background-image:url(../images/navigation/advice_hover.gif);float:left;margin-left:.8em; margin-right:.8em;}
#mainnav ul li a.advice:active {display:block; width:111px; height:54px; background-image:url(../images/navigation/advice_out.gif);float:left;margin-left:.8em; margin-right:.8em;}

#mainnav ul li a.locator:link {display:block; width:111px; height:54px; background-image:url(../images/navigation/locator_out.gif);float:left;margin-left:.8em; }
#mainnav ul li a.locator:visited {display:block; width:111px; height:54px; background-image:url(../images/navigation/locator_out.gif); float:left;margin-left:.8em; }
#mainnav ul li a.locator:hover {display:block;width:111px; height:54px; background-image:url(../images/navigation/locator_hover.gif);float:left;margin-left:.8em; }
#mainnav ul li a.locator:active {display:block; width:111px; height:54px; background-image:url(../images/navigation/locator_out.gif);float:left;margin-left:.8em; }


/*currently selected section indicators*/
body#colours #mainnav li a.colours{display:block;width:111px; height:54px; background-image:url(../images/navigation/colours_hover.gif);cursor:default;}
body#types #mainnav li a.types{display:block;width:111px; height:54px; background-image:url(../images/navigation/types_hover.gif);cursor:default;}
body#trends #mainnav li a.trends{display:block;width:111px; height:54px; background-image:url(../images/navigation/ideas_hover.gif);cursor:default;}
body#ideas #mainnav li a.ideas{display:block;width:111px; height:54px; background-image:url(../images/navigation/ideas_hover.gif);cursor:default;}
body#tools #mainnav li a.tools{display:block;width:111px; height:54px; background-image:url(../images/navigation/tools_hover.gif);cursor:default;}
body#advice #mainnav li a.advice{display:block;width:111px; height:54px; background-image:url(../images/navigation/advice_hover.gif);cursor:default;}
body#locator #mainnav li a.locator{display:block;width:111px; height:54px; background-image:url(../images/navigation/locator_hover.gif);cursor:default;}
/*end of current section indicators*/

/*--Main navigation end--*/


/*---sub section navigation IDEAS start (STYLE ONLY - width height colour etc)---*/

#subnavholder {position: relative; float: left; width: 133px; height: 100%; overflow: auto; z-index: 6;}
#subnav {position: relative; float: left; height: 100%; overflow: auto; background-color: #FFFFFF; list-style: none;}
ul#subnav{ list-style-type: none; margin-left: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif;}

body#ideas ul li a.one{color:#002e65; display: block; padding: 5px; height:15px; width:113px; border-bottom: 2px solid #e8ecf1;}
body#ideas ul li a.one:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#ideas ul li a.one:active{display: block; padding: 5px; height: 15px; width:113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#ideas ul li a.two{color:#002e65; display: block; padding: 5px; height:15px; width:113px; border-bottom: 2px solid #e8ecf1;}
body#ideas ul li a.two:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#ideas ul li a.two:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#ideas ul li a.three{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#ideas ul li a.three:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#ideas ul li a.three:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#ideas ul li a.four{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#ideas ul li a.four:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#ideas ul li a.four:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#ideas ul li a.five{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#ideas ul li a.five:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#ideas ul li a.five:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#ideas ul li a.six{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#ideas ul li a.six:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#ideas ul li a.six:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#ideas ul li a.seven{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#ideas ul li a.seven:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#ideas ul li a.seven:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#trends ul li a.one{color:#002e65; display: block; padding: 5px; height:15px; width:113px; border-bottom: 2px solid #e8ecf1;}
body#trends ul li a.one:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#trends ul li a.one:active{display: block; padding: 5px; height: 15px; width:113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#trends ul li a.two{color:#002e65; display: block; padding: 5px; height:15px; width:113px; border-bottom: 2px solid #e8ecf1;}
body#trends ul li a.two:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#trends ul li a.two:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#trends ul li a.three{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#trends ul li a.three:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#trends ul li a.three:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#trends ul li a.four{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#trends ul li a.four:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#trends ul li a.four:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}


/*---sub section navigation IDEAS End(STYLE ONLY - width height colour etc)---*/


/*---sub section navigation start TIPS ADVICE(STYLE ONLY - width height colour etc)---*/

#subnavholder {position: relative; float: left; width: 133px; height: 100%; overflow: auto; z-index: 6;}
#subnav {position: relative; float: left; height: 100%; overflow: auto; background-color: #FFFFFF; list-style: none;}
ul#subnav{ list-style-type: none; margin-left: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}

body#advice ul li a.one:link{color:#002e65; display: block; padding: 5px; height:15px; width:113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.one:visited{color:#002e65; display: block; padding: 5px; height:15px; width:113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.one:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#advice ul li a.one:active{display: block; padding: 5px; height: 15px; width:113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

/*Added to accomodate double line links*/
body#advice ul li a.two:link{color:#002e65; display: block; padding: 5px; height:15px; width:113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.two:visited{color:#002e65; display: block; padding: 5px; height:15px; width:113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.two:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#advice ul li a.two:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

/*Added to accomodate double line links*/
body#advice ul li a.twobig:link{color:#002e65; display: block; padding: 5px; height:30px; width:113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.twobig:visited{color:#002e65; display: block; padding: 5px; height:30px; width:113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.twobig:hover{display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_b.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#advice ul li a.twobig:active{display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_b.gif) no-repeat top ; color: #fff; text-decoration: underline;}
/*Added to accomodate double line links*/

body#advice ul li a.three:link{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.three:visited{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.three:visited{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.three:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#advice ul li a.three:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

/*Added to accomodate double line links*/
body#advice ul li a.threebig:link{color: #002e65; display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.threebig:visited{color: #002e65; display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.threebig:hover{display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_b.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#advice ul li a.threebig:active{display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_b.gif) no-repeat top ; color: #fff; text-decoration: underline;}
/*Added to accomodate double line links*/

body#advice ul li a.four:link{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.four:visited{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.four:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#advice ul li a.four:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

/*Added to accomodate double line links*/
body#advice ul li a.fourbig:link{color: #002e65; display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.fourbig:visited{color: #002e65; display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.fourbig:hover{display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_b.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#advice ul li a.fourbig:active{display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_b.gif) no-repeat top ; color: #fff; text-decoration: underline;}
/*Added to accomodate double line links*/

body#advice ul li a.five:link{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.five:visited{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.five:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#advice ul li a.five:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

/*Added to accomodate double line links*/
body#advice ul li a.fivebig:link{color: #002e65; display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.fivebig:visited{color: #002e65; display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.fivebig:hover{display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_b.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#advice ul li a.fivebig:active{display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_b.gif) no-repeat top ; color: #fff; text-decoration: underline;}
/*Added to accomodate double line links*/

body#advice ul li a.six:link{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.six:visited{color: #002e65; display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1;}
body#advice ul li a.six:hover{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
body#advice ul li a.six:active{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}
/*---sub section navigation start TIPS ADVICE(STYLE ONLY - width height colour etc)---*/



/*currently selected subnav indicators (THIS HIGHLIGHTS THE CURRENT PAGE button*/

body#ideas.one #subnav li a.one{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#ideas.two #subnav li a.two{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#ideas.three #subnav li a.three{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#ideas.four #subnav li a.four{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#ideas.five #subnav li a.five{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#ideas.six #subnav li a.six{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}


body#trends.one #subnav li a.one{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#trends.two #subnav li a.two{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#trends.three #subnav li a.three{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#trends.four #subnav li a.four{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}



body#advice.one #subnav li a.one{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#advice.two #subnav li a.two{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#advice.two #subnav li a.twobig{display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_b.gif) no-repeat top ; color: #fff; text-decoration: underline;}/*Added to accomodate double line links*/

body#advice.three #subnav li a.three{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#advice.three #subnav li a.threebig{display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_b.gif) no-repeat top ; color: #fff; text-decoration: underline;}/*Added to accomodate double line links*/

body#advice.four #subnav li a.four{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#advice.four #subnav li a.fourbig{display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_b.gif) no-repeat top ; color: #fff; text-decoration: underline;}/*Added to accomodate double line links*/

body#advice.five #subnav li a.five{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}

body#advice.five #subnav li a.fivebig{display: block; padding: 5px; height: 30px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_b.gif) no-repeat top ; color: #fff; text-decoration: underline;}/*Added to accomodate double line links*/

body#advice.six #subnav li a.six{display: block; padding: 5px; height: 15px; width: 113px; border-bottom: 2px solid #e8ecf1; background: url(../images/navigation/subnav_hover_s.gif) no-repeat top ; color: #fff; text-decoration: underline;}



/*end of current section indicators*/


#subnav a:active {
	background: url(../images/subactive.jpg) repeat-x left;
	color: #fff;
}*/


/*---sub section navigation style end---*/

/*---vp (virtual painter section Nav Start---*/

#vp_crumbsnav {background:#FFF url(../images/drop_shad_x.png) repeat-x bottom; height:44px; width:100%}
#vp_crumbsnav ul li{display:inline; float:left;}
#vp_crumbsnav ul li a{text-indent:-9999px;}

body#tools #vp_crumbsnav ul li a.vp_setcolour{display:block;width:96px; height:22px; margin:8px 3px 5px 8px; background-image:url(../images/navigation/vp_buttons.gif); background-position:0px 0px;}
body#tools #vp_crumbsnav ul li a.vp_setcolour:hover{display:block;width:96px; height:22px; margin:8px 3px 5px 8px;   background-image:url(../images/navigation/vp_buttons.gif); background-position:0px 22px;}

body#tools #vp_crumbsnav ul li a.vp_applycolour{display:block;width:128px; height:22px; margin:8px 3px 5px 2px;  background-image:url(../images/navigation/vp_buttons.gif); background-position:-96px 0px;}
body#tools #vp_crumbsnav ul li a.vp_applycolour:hover{display:block;width:128px; height:22px; margin:8px 3px 5px 2px; background-image:url(../images/navigation/vp_buttons.gif); background-position:-96px 22px;}

body#tools #vp_crumbsnav ul li a.vp_calculator{display:block;width:105px; height:22px; margin:8px 3px 5px 2px;  background-image:url(../images/navigation/vp_buttons.gif); background-position:-224px 0px;}
body#tools #vp_crumbsnav ul li a.vp_calculator:hover{display:block;width:105px; height:22px; margin:8px 3px 5px 2px;  background-image:url(../images/navigation/vp_buttons.gif); background-position:-224px 22px;}

body#tools #vp_crumbsnav ul li a.vp_locator{display:block;width:105px; height:22px; margin:8px 3px 5px 2px; background-image:url(../images/navigation/vp_buttons.gif); background-position:-329px 0px;}
body#tools #vp_crumbsnav ul li a.vp_locator:hover{display:block;width:105px; height:22px; margin:8px 3px 5px 2px; background-image:url(../images/navigation/vp_buttons.gif); background-position:-329px 22px;}

body#tools #vp_crumbsnav ul li a.vp_shopping{display:block;width:90px; height:22px; margin:8px 3px 5px 2px; background-image:url(../images/navigation/vp_buttons.gif); background-position:-434px 0px;}
body#tools #vp_crumbsnav ul li a.vp_shopping:hover{display:block;width:90px; height:22px; margin:8px 3px 5px 2px;   background-image:url(../images/navigation/vp_buttons.gif); background-position:-434px 22px;}

body#tools #vp_crumbsnav ul li a.vp_nextstep{display:block;width:82px; height:30px;  margin:5px 0px 5px 0px;  background-image:url(../images/navigation/nextstep_button.gif); background-position:0px 0px;}
body#tools #vp_crumbsnav ul li a.vp_nextstep:hover{display:block;width:82px; height:30px; margin:5px 0px 5px 0px;  background-image:url(../images/navigation/nextstep_button.gif); background-position:0px 30px;}

body#tools #vp_crumbsnav ul li a.vp_printlist{display:block;width:82px; height:30px;  margin:5px 0px 5px 0px;  background-image:url(../images/navigation/printlist_button.gif); background-position:0px 0px;}
body#tools #vp_crumbsnav ul li a.vp_printlist:hover{display:block;width:82px; height:30px; margin:5px 0px 5px 0px;  background-image:url(../images/navigation/printlist_button.gif); background-position:0px 30px;}

/*---END of main vp virtual painter section Nav---*/



/*---START of main vp virtual painter section Nav - Currently highlighted screen---*/

body#tools.vp_setcolour #vp_crumbsnav ul li a.vp_setcolour{display:block;width:96px; height:22px; background-image:url(../images/navigation/vp_buttons.gif); background-position:0px 22px; margin-right:3px;}

body#tools.vp_applycolour #vp_crumbsnav ul li a.vp_applycolour{display:block;width:128px; height:22px; background-image:url(../images/navigation/vp_buttons.gif); background-position:-96px 22px; margin-right:3px;}

body#tools.vp_calculator #vp_crumbsnav ul li a.vp_calculator{display:block;width:105px; height:22px; background-image:url(../images/navigation/vp_buttons.gif); background-position:-224px 22px; margin-right:3px;}

body#tools.vp_locator #vp_crumbsnav ul li a.vp_locator{display:block;width:105px; height:22px; background-image:url(../images/navigation/vp_buttons.gif); background-position:-329px 22px; margin-right:3px;}

body#tools.vp_shopping #vp_crumbsnav ul li a.vp_shopping{display:block;width:90px; height:22px; background-image:url(../images/navigation/vp_buttons.gif); background-position:-434px 22px; margin-right:3px;}

body#tools.vpnextstep #vp_crumbsnav ul li a.vp_nextstep{display:block;width:96px; height:30px; background-image:url(../images/navigation/nextstep_button.gif); background-position:0px 22px; margin-right:3px;}

/*---END of main vp virtual painter section Nav - Currently highlighted screen---*/




/*---top links navigation style start---*/

#toplinks ul {
	margin: 0;
	padding: 0;	
}

#toplinks li {
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border-right: 1px solid #666666;
	float: left;
	list-style-type: none;
	line-height: 1.1em;
	padding: 0 5px 0 5px;

}

#toplinks li a{
	color:#666666;
	display: inline;
}

a:link, a:visited {
	text-decoration: none;
}

#toplinks a:hover, a:active {
	color: #002e65;
	text-decoration: underline;
}

/*---top links navigation style end---*/


/*---content footer links navigation style start---*/

#footerlinkholder li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border-right: 1px solid #FFFFFF;
	float: right;
	list-style-type: none;
	line-height: 1.1em;
	padding: 0 5px 0 5px;
	color: #FFFFFF;
}

#footerlinkholder li a{
	color:#FFFFFF;
}

#footerlinkholder a:link, a:visited {
	text-decoration: none;
}

#footerlinkholder a:hover, a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
/*---content footer links navigation style end---*/

/*footer logo links start*/
ul.logos
{float:left; width:400px;}

ul.logos li
{float:left; margin: 0px 12px 12px 0px;}

li#tradelogo, li#trophylogo, li#ppglogo{list-style-type:none; cursor:hand;}


li#tradelogo a.tl
{display:block; width:71px; height:25px; background:url(../images/logos/Johnstones_tradelogo.png) no-repeat;text-indent:-9999px; border: none; }

li#trophylogo a.trl
{display:block; width:124px; height:25px; background:url(../images/logos/Johnstones_trophylogo.png) no-repeat; text-indent:-9999px; }

li#ppglogo a.pl
{display:block; width:104px; height:25px; background:url(../images/logos/ppg_logo.png) no-repeat;text-indent:-9999px; }


/*footer logo links  end*/



/*---search style start---*/

#searchholder {
	position: relative;
	float: left;
	width: 125px;
	height: 100%;
	overflow: auto;
	margin-right:10px;
	background-color: #FFFFFF;
}

#searchholder img {
	padding: 10px 6px 2px 12px;
}

#search {
	position: relative;
	float: left;
	height: 100%;
	overflow: auto;
	background-color: #FFFFFF;
}

#apply td#applybutton{
	margin-right: 5px;
	background-color:#00FF00;
}

#search td {
	height: 30px;
	padding-left: 3px;
}


/*---search style end---*/