@charset "utf-8";
/* CSS Document */



/*homepage quicklinks start*/
li#virtualpainter, li#cclinic, li#locator{list-style-type:none;}

li#virtualpainter a.vp
{display:block; width:310px; height:110px; background-image:url(../images/quicklinkicons/vpainter_static_b.gif);text-indent:-9999px;}
li#virtualpainter a.vp:hover
{display:block; width:310px; height:110px; background-image:url(../images/quicklinkicons/vpainter_hover_b.gif);text-indent:-9999px;}

li#cclinic a.cc
{display:block; width:310px; height:110px; background-image:url(../images/quicklinkicons/cclinic_static_b.gif);text-indent:-9999px;}
li#cclinic a.cc:hover
{display:block; width:310px; height:110px; background-image:url(../images/quicklinkicons/cclinic_hover_b.gif);text-indent:-9999px;}

li#locator a.sl
{display:block; width:310px; height:110px; background-image:url(../images/quicklinkicons/slocator_static_b.gif);text-indent:-9999px;}
li#locator a.sl:hover
{display:block; width:310px; height:110px; background-image:url(../images/quicklinkicons/slocator_hover_b.gif);text-indent:-9999px;}
li#colourcard_request a.rcc
{display:block; width:310px; height:110px; background-repeat:no-repeat;background-image:url(../images/quicklinkicons/request_colourcard.jpg);text-indent:-9999px;}


/*homepage quicklinks end*/



/*colour icon quicklinks start*/

ul.colourleft li
{float:left; margin: 0px 12px 12px 0px;}

li#schemebluegrey, li#schemeredpink, li#schemecreamnatural, li#schemegreens, li#schemeyellowsorange,
li#rangebluegrey, li#rangeredpink, li#rangecreamnatural, li#rangegreens, li#rangeyellowsorange{list-style-type:none;}


li#schemebluegrey a
{display:block; width:91px; height:94px;  background: url(../images/colouricons/scheme_bluegreystatic.gif);}

li#schemebluegrey a:hover
{display:block; width:91px; height:94px; background: url(../images/colouricons/scheme_bluegreyhover.gif);}

li#schemeredpink a
{display:block; width:91px; height:94px; background: url(../images/colouricons/scheme_redpinkstatic.gif);}

li#schemeredpink a:hover
{display:block; width:91px; height:94px; background: url(../images/colouricons/scheme_redpinkhover.gif)}

li#schemecreamnatural a
{display:block; width:91px; height:94px; background: url(../images/colouricons/scheme_creamnaturalstatic.gif);}

li#schemecreamnatural a:hover
{display:block; width:91px; height:94px; background: url(../images/colouricons/scheme_creamnaturalhover.gif)}

li#schemegreens a
{display:block; width:91px; height:94px; background: url(../images/colouricons/scheme_greensstatic.gif);}

li#schemegreens a:hover
{display:block; width:91px; height:94px; background: url(../images/colouricons/scheme_greenshover.gif)}

li#schemeyellowsorange a
{display:block; width:91px; height:94px; background: url(../images/colouricons/scheme_yelloworangestatic.gif);}

li#schemeyellowsorange a:hover
{display:block; width:91px; height:94px; background: url(../images/colouricons/scheme_yelloworangehover.gif)}


li#rangebluegrey a
{display:block; width:91px; height:94px;  background: url(../images/colouricons/range_bluegraystatic.gif);}

li#rangebluegrey a:hover
{display:block; width:91px; height:94px; background: url(../images/colouricons/range_bluegrayhover.gif);}

li#rangeredpink a
{display:block; width:91px; height:94px; background: url(../images/colouricons/range_redpinkstatic.gif);}

li#rangeredpink a:hover
{display:block; width:91px; height:94px; background: url(../images/colouricons/range_redpinkhover.gif)}

li#rangecreamnatural a
{display:block; width:91px; height:94px; background: url(../images/colouricons/range_creamnaturalstatic.gif);}

li#rangecreamnatural a:hover
{display:block; width:91px; height:94px; background: url(../images/colouricons/range_creamnaturalhover.gif)}

li#rangegreens a
{display:block; width:91px; height:94px; background: url(../images/colouricons/range_greensstatic.gif);}

li#rangegreens a:hover
{display:block; width:91px; height:94px; background: url(../images/colouricons/range_greenshover.gif)}

li#rangeyellowsorange a
{display:block; width:91px; height:94px; background: url(../images/colouricons/range_yelloworangestatic.gif);}

li#rangeyellowsorange a:hover
{display:block; width:91px; height:94px; background: url(../images/colouricons/range_yelloworangehover.gif)}

/*colour icon quicklinks end*/







/*quicklinks for PAINT TYPES start*/

ul.painttypesleft
{float:left; margin: 0px 15px 0px 0px;}
ul.painttypesright
{float:left; width:155px; margin: 0px 5px 0px 5px;}

li#pt_interior, li#pt_woodmetal, li#pt_multisurface, li#pt_exterior, li#pt_specialpaints {list-style-type:none; margin-bottom:28px; text-indent:-9999px;}

li#pt_interior a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/interior_static_s.gif) no-repeat; margin-top:0px;}
li#pt_interior a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/interior_hover_s.gif) no-repeat;}

li#pt_woodmetal a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/woodmetal_static_s.gif) no-repeat;}
li#pt_woodmetal a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/woodmetal_hover_s.gif) no-repeat;}

li#pt_multisurface a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/multisurface_static_b.gif) no-repeat;}
li#pt_multisurface a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/multisurface_hover_b.gif) no-repeat;}

li#pt_exterior a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/exterior_static_s.gif) no-repeat; margin-top:0px;}
li#pt_exterior a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/exterior_hover_s.gif) no-repeat;}

li#pt_specialpaints a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/speciality_static_b.gif) no-repeat;}
li#pt_specialpaints a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/speciality_hover_b.gif) no-repeat;}

/*quicklinks for PAINT TYPES end*/








/*quicklinks for ONLINE TOOLS start*/

ul.toolsleft
{float:left; margin: 0px 15px 0px 0px;}
ul.toolsright
{float:left; width:155px; margin: 0px 5px 0px 5px;}

li#otvp_sml, li#otpw_sml, li#otrp_sml, li#otpc_sml, li#otsl_sml, li#otcc_sml  {list-style-type:none; margin-bottom:28px; text-indent:-9999px;}

li#otvp_sml a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/vpainter_static_s.gif) no-repeat; margin-top:0px;}
li#otvp_sml a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/vpainter_hover_s.gif) no-repeat;}

li#otpw_sml a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/pwheel_static_s.gif) no-repeat;}
li#otpw_sml a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/pwheel_hover_s.gif) no-repeat;}

li#otrp_sml a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/rpainter_static_s.gif) no-repeat;}
li#otrp_sml a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/rpainter_hover_s.gif) no-repeat;}

li#otpc_sml a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/pcalculator_static_s.gif) no-repeat; margin-top:0px;}
li#otpc_sml a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/pcalculator_hover_s.gif) no-repeat;}

li#otsl_sml a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/slocator_static_s.gif) no-repeat;}
li#otsl_sml a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/slocator_hover_s.gif) no-repeat;}

li#otcc_sml a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/cclinic_static_s.gif) no-repeat;}
li#otcc_sml a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/cclinic_hover_s.gif) no-repeat;}

/*quicklinks for ONLINE TOOLS end*/






/*quicklinks for ROOM IDEAS start*/

ul.roomideassleft
{float:left; margin: 0px 10px 0px 0px;}
ul.roomideassright
{float:left; margin: 0px 5px 0px 10px;}

li#rir_sml, li#rit_sml, li#ricp_sml, li#riccr_sml {list-style-type:none; margin-bottom:28px; text-indent:-9999px;}

li#rir_sml a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/rooms_static_s.gif) no-repeat; margin-top:0px;}
li#rir_sml a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/rooms_hover_s.gif) no-repeat;}

li#rit_sml a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/trends_static_s.gif) no-repeat;}
li#rit_sml a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/trends_hover_s.gif) no-repeat;}

li#ricp_sml a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/cpsychology_static_s.gif) no-repeat;}
li#ricp_sml a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/cpsychology_hover_s.gif) no-repeat;}

li#riccr_sml a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/ccrequest_static_s.gif) no-repeat;}
li#riccr_sml a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/ccrequest_hover_s.gif) no-repeat;}


/*quicklinks for ROOM IDEAS end*/


/*quicklinks for TIPS AND ADVICE start*/

ul.toolsleft
{float:left; margin: 0px 15px 0px 0px;}
ul.toolsright
{float:left; width:155px; margin: 0px 5px 0px 5px;}

li#ta_ccr, li#ta_prep, li#ta_t, li#ta_s, li#ta_app {list-style-type:none; margin-bottom:28px; text-indent:-9999px;}

li#ta_ccr a
{display:block; width:155px; height:58px;  background:url(../images/quicklinkicons/cclinic_static_s.gif) no-repeat; margin-top:0px;}
li#ta_ccr a:hover
{display:block; width:155px; height:58px;  background:url(../images/quicklinkicons/cclinic_hover_s.gif) no-repeat;}

li#ta_prep a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/prep_static_s.gif) no-repeat;}
li#ta_prep a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/prep_hover_s.gif) no-repeat;}

li#ta_t a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/tools_static_s.gif) no-repeat;}
li#ta_t a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/tools_hover_s.gif) no-repeat;}

li#ta_s a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/safety_static_s.gif) no-repeat; margin-top:0px;}
li#ta_s a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/safety_hover_s.gif) no-repeat;}

li#ta_app a
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/app_static_s.gif) no-repeat;}
li#ta_app a:hover
{display:block; width:155px; height:58px;  background: url(../images/quicklinkicons/app_hover_s.gif) no-repeat;}

li.doublehover
{width:155px; height:60px;;}

/*quicklinks for TIPS AND ADVICE end*/






