/* Paint roller navigation (primary and secondary) */

/*
	IE 6 and 7 NOTE:
	For IE 6 and 7, the z-index must be set (strangely) in two places ---> #rollerNav and #secondaryNav
	For IE 6 and 7, #rollerNav must have a larger z-index than #menus (other browsers ignore the parent-child relationship on z-index).
*/

div#pageHeader div.clear,
div#pageHeader div#rollerNav,
div#pageHeader div#primaryNav,
div#pageHeader div#primaryNav div,
div#pageHeader div#primaryNav div a,
div#pageHeader div#secondaryNav,
div#pageHeader div#secondaryNav ul,
div#pageHeader div#secondaryNav ul a
{
	margin: 0;
	border: 0;
	padding: 0;
}

div#pageHeader div#rollerNav
{
	z-index: 2000;
	margin-left: 340px;
}
	
div#pageHeader div#primaryNav div
{
	float: left;
	width: 115px;
	height: 50px;
	text-align: left;
}




/* Primary nav links */

div#pageHeader div#primaryNav div a
{
	font-size: 11px;
	margin-top: 16px;
	padding-top: 5px;
	font-weight: bold;
	padding-bottom: 6px;
	display: -moz-inline-box;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	/*background-color: yellow;*/
}

div#pageHeader div#primaryNav div a:link,
div#pageHeader div#primaryNav div a:visited,
div#pageHeader div#primaryNav div a:active,
div#pageHeader div#primaryNav div a:hover
{
	color: #0F0D64;
}

div#pageHeader div#primaryNav div a:hover
{
	/*color: white;*/
}




/* Primary nav link positions */

div#pageHeader div#primaryNav div#primaryNavHome a
{
	margin-left: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
	
div#pageHeader div#primaryNav div#primaryNavColor a
{
	margin-left: 8px;
	padding-left: 28px;
	padding-right: 28px;
}
	
div#pageHeader div#primaryNav div#primaryNavInspiration a
{
	margin-left: 9px;
	padding-left: 12px;
	padding-right: 12px;
}
	
div#pageHeader div#primaryNav div#primaryNavProducts a
{
	margin-left: 7px;
	padding-left: 17px;
	padding-right: 17px;
}
	
div#pageHeader div#primaryNav div#primaryNavHowTo a
{
	margin-left: 4px;
	padding-left: 25px;
	padding-right: 25px;
}




/* Secondary nav links */

div#pageHeader div#secondaryNav
{
	z-index: 1000;
	position: relative;
	top: -1px;
}

div#pageHeader div#secondaryNav ul
{
	top: 0;
	width: 115px;
	list-style: none;
	position: absolute;
	padding-bottom: 12px;
	background: url( '../../img/global/navigation/topNavMenuBg.png' ) no-repeat bottom left;
}

div#pageHeader div#secondaryNav ul a
{
	font-size: 12px;
	text-decoration: none;
}

div#pageHeader div#secondaryNav ul li
{
	margin-top: 8px;
	margin-left: 11px;
}

div#pageHeader div#secondaryNav ul a:link,
div#pageHeader div#secondaryNav ul a:visited,
div#pageHeader div#secondaryNav ul a:active,
div#pageHeader div#secondaryNav ul a:hover
{
	/* color: #0F0D64; */
	color: white;
}

div#pageHeader div#secondaryNav ul a:hover
{
	text-decoration: underline;
}




/* Secondary nav link positions */

div#pageHeader div#secondaryNav ul#secondaryNavColor
{
	left: 115px;
	background-position: -115px bottom;
}

div#pageHeader div#secondaryNav ul#secondaryNavInspiration
{
	left: 230px;
	background-position: -230px bottom;
}

div#pageHeader div#secondaryNav ul#secondaryNavProducts
{
	left: 345px;
	background-position: -345px bottom;
}

div#pageHeader div#secondaryNav ul#secondaryNavHowTo
{
	left: 460px;
	background-position: -460px bottom;
}




/* Paint roller navigation images (normal state) */

div#pageHeader div#primaryNavHome
{
	/* background: transparent url(../../img/global/navigation/rollernav_01_normal.jpg) no-repeat top left; */
	background: url(../../img/global/navigation/topNavBg.jpg) no-repeat top left;
	background-position: 0px 0px;
}
	
div#pageHeader div#primaryNavColor
{
	/* background: transparent url(../../img/global/navigation/rollernav_02_normal.jpg) no-repeat top left; */
	background: url(../../img/global/navigation/topNavBg.jpg) no-repeat top left;
	background-position: -115px 0px;
}
	
div#pageHeader div#primaryNavInspiration
{
	/* background: transparent url(../../img/global/navigation/rollernav_03_normal.jpg) no-repeat top left; */
	background: url(../../img/global/navigation/topNavBg.jpg) no-repeat top left;
	background-position: -230px 0px;
}
	
div#pageHeader div#primaryNavProducts
{
	/* background: transparent url(../../img/global/navigation/rollernav_04_normal.jpg) no-repeat top left; */
	background: url(../../img/global/navigation/topNavBg.jpg) no-repeat top left;
	background-position: -345px 0px;
}
	
div#pageHeader div#primaryNavHowTo
{
	/* background: transparent url(../../img/global/navigation/rollernav_05_normal.jpg) no-repeat top left; */
	background: url(../../img/global/navigation/topNavBg.jpg) no-repeat top left;
	background-position: -460px 0px;
}




/* Paint roller navigation images (over state) */

div#pageHeader div#primaryNavHome.current
{
	/* background: transparent url(../../img/global/navigation/rollernav_01_over.jpg) no-repeat top left; */
	background-position: 0px -50px;
}

div#pageHeader div#primaryNavColor.current
{
	/* background: transparent url(../../img/global/navigation/rollernav_02_over.png) no-repeat top left; */
	background-position: -115px -50px;
}

div#pageHeader div#primaryNavInspiration.current
{
	/* background: transparent url(../../img/global/navigation/rollernav_03_over.png) no-repeat top left; */
	background-position: -230px -50px;
}

div#pageHeader div#primaryNavProducts.current
{
	/* background: transparent url(../../img/global/navigation/rollernav_04_over.png) no-repeat top left; */
	background-position: -345px -50px;
}

div#pageHeader div#primaryNavHowTo.current
{
	/* background: transparent url(../../img/global/navigation/rollernav_05_over.png) no-repeat top left; */
	background-position: -460px -50px;
}