@charset "utf-8";

/* =Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}


/* =Elements */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	margin-bottom:10px;
}



/* =Divs */
#wrapper {
	width:950px;
	margin:0px auto;
}

#landing_page #subnav {
	background:transparent url(../../images/landing_page/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
}

#main {
	width:950px; /* height is variable; defined inline */
	margin-top:-3px;
}

#callouts {
	width:950px;
	height:135px;
	_width:953px; /* hacks for our most beloved ie6 */
	_position:relative;
	_top:-3px;
}



/* =Classes */
img.subnav {
	float:left;
	cursor:pointer;
}

.callout1, .callout2, .callout3 {
	display:inline;
	float:left;
}

#landing_page .callout2 {
	background: url(../../images/landing_page/callout_middle.png) top left no-repeat;
	background-repeat:no-repeat;
	width:474px;
	height:135px;
	overflow:hidden;
}



/*********************************************** landing page ***********************************************/

#landing_page .callout2 {
	background: url(../../images/landing_page/callout_middle.png) top left no-repeat;
	width:475px;
	height:136px;
	overflow:hidden;
}

#landing_page .callout2 ul {
	padding:52px 190px 20px 45px; 
	list-style-image:url(../../images/landing_page/bullet_triangle.gif);
	list-style-position:outside;
}

#landing_page .callout2 ul li {
	margin:3px 0px;
	font-size:11px;
	line-height:13px;
	color:#1e1514;
}

#landing_page .callout2 a {
	color:#1e1514;
}

#landing_page .callout2 a:hover {
	color:#a54d01;
}

	.product_desc_top
	{
		font-size:13px;
		font-weight:bold;
		color:#5A3020;
	}
	.product_desc_bottom
	{
		font-size:11px;
		color:#5A3020;
	}
	
	
	

/*********************************************** golden shimmer ***********************************************/
#gs_page .callout2 {
    background:url(../../golden_shimmer/images/callout_middle.png) top left no-repeat;
	width:475px;
	height:136px;
	overflow:hidden;
}

#gs_page #subnav {
	background:transparent url(../../golden_shimmer/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px; 
	overflow:hidden;
}
 
 
#gs_page .callout2 ul {
	list-style-position:outside;
	list-style-type:square;
}

#gs_page .callout2 ul li{
	color:#535353;
	line-height:13px;
}

#gs_page .list_div1, .list_div2
{
	display:inline;
	float:left;
	width:160px;
	padding-top:65px;
	padding-left:70px;
	
}


/*********************************************** ni_home ***********************************************/
/* navigation */
#ni_page #mainNavigation {
	background: #d3bfaa url(/images/nav/bg-mainNav.gif) repeat-x;
	height: 32px;
}
	#ni_page #mainNavigation li {
		display: inline;
		float: left;
		list-style-type: none;
	}
	#ni_page #mainNavigation a {
		background: url(/images/nav/bg-mainNav-inactive.gif) repeat-y 100% 0;
		color: #fff;
		display: inline-block;
		line-height: 32px;
		padding: 0 10px;
		text-decoration: none;
		text-transform: uppercase;
	}
	#ni_page #mainNavigation a:hover,
	#ni_page #mainNavigation a.active {
		background: url(/images/nav/bg-mainNav-active.gif) repeat-y 100% 0;
	}
#ni_page #main.landing {
	background: url(/images/landing/bg-landing.jpg) no-repeat 100% 0;
	overflow: hidden;
}
	#ni_page #feature {
		display: inline;
		float: right;
		margin: 40px 15px 0 0;
		width: 540px;
	}
		#ni_page #feature ul {
			float: left;
		}
		#ni_page #feature li {
			background: url(/images/landing/three-signs.gif) no-repeat;
			float: left;
			height: 67px;
			list-style-type: none;
			margin: 36px 0 0 10px;
			text-indent: -9999px;
			width: 55px;
		}
		#ni_page #feature .shine {
			background-position: 0 0;
		}
		#ni_page #feature .softness {
			background-position: -55px 0;
		}
		#ni_page #feature .richness {
			background-position: -110px 0;
		}
		#ni_page #feature p {
			font-size: 1.2em;
			line-height: 1.4em;
			margin-top: 8px;
			padding-left: 225px;
		}
		#ni_page #feature p strong em {
			color: #7e2a47;
			font-style: normal;
		}
		#ni_page #coupon {
			background: url(/images/landing/get-coupon.gif) no-repeat;
			display: block;
			height: 20px;
			text-indent: -9999px;
			width: 128px;
		}
		#ni_page #feature #finePrint {
			clear: both;
			color: #333;
			font-size: 1em;
			padding: 0;
		}
#ni_page #callouts {
	border-bottom: 4px solid #380e1c;
	clear: both;
	line-height: 1.4em;
	height: 130px;
	width: 100%;
}
	#ni_page #callouts div {
		border-bottom: 2px solid #fff;
		display: inline;
		float: left;
		height: 128px;
		position: relative;
	}
		#ni_page #callouts a {
			color: #fff;
			text-decoration: none;
		}
		#ni_page #callouts ul {
			cursor: pointer;
			left: 146px;
			position: absolute;
			top: 50px;
		}
		#ni_page #callouts li {
			color: #fff;
			list-style-position: inside;
			list-style-type: square;
		}

/*********************************************** Loving care ***********************************************/
#lc_page .callout2 {
	width:475px;
	height:136px;
	overflow:hidden;
}

#lc_page #subnav {
	background:transparent url(../../loving_care/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
	overflow:hidden;
}
 
/*********************************************** NI Men ***********************************************/
#nim_page .callout2 {
	background: url(../../ni_men/images/callout_middle.png) top left no-repeat;
	width:475px;
	height:136px;
	overflow:hidden;
}

#nim_page #subnav {
	background:transparent url(../../ni_men/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
	overflow:hidden;
}


#nim_page .callout2 ul {
	padding-top:60px;
	padding-left:80px;
	list-style-position:outside;
	list-style-type:square;
}


#nim_page .callout2 ul li {
	margin:2px 0px;
	color:#535353;
	font-size:11px;
	line-height:12px;
}


/*********************************************** Greener Canada ***********************************************/
#gc_page .callout2 {
	background: url(../../greener_canada/images/callout_middle.png) top left no-repeat;
	width:475px;
	height:136px;
	overflow:hidden;
}

#gc_page #subnav {
	background:transparent url(../../greener_canada/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
	overflow:hidden;
}



/*********************************************** Shine happy ***********************************************/
#sh_page .callout1 {
	background: url(../../shine_happy/images/callout_shade-palette.png) top left no-repeat;
	width:235px;
	height:135px;
	overflow:hidden;
}

#sh_page .callout1 p {
	font-size:11px;
	line-height:13px;
	color:#535353;
	margin:55px 23px 0px 28px;
}

#sh_page .callout2 {
	background: url(../../shine_happy/images/callout_middle.png) top left no-repeat;
	width:475px;
	height:135px;
	overflow:hidden;
}


#sh_page #subnav {
	background:transparent url(../../shine_happy/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
	overflow:hidden;
}

#sh_page .callout2 ul {
	padding-top:50px;
	padding-left:90px;
	list-style-position:outside;
	list-style-type:disc;
}


#sh_page .callout2 ul li {
	margin:2px 0px;
	color:#535353;
	font-size:11px;
	line-height:12px;
}


/*********************************************** Brass free ***********************************************/
#bf_page .callout2 {
	background: url(../../brass_free/images/callout_middle.png) top left no-repeat;
	width:475px;
	height:135px;
	overflow:hidden;
}

#bf_page #subnav {
	background:transparent url(../../brass_free/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
	overflow:hidden;
}

#bf_page .callout2 ul {
	padding-top:50px;
	padding-left:90px;
	width:310px;
	list-style-position:outside;
	list-style-type:disc;
}


#bf_page .callout2 ul li {
	margin:2px 0px;
	color:#535353;
	font-size:11px;
	line-height:12px;
}

/*********************************************** champagne indulgence ***********************************************/
#ci_page .callout2 {
    background:url(../../champagne_indulgence/images/callout_middle.png) top left no-repeat;
	width:475px;
	height:136px;
	overflow:hidden;
}

#ci_page #subnav {
	background:transparent url(../../champagne_indulgence/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
	overflow:hidden;
}
 
 
#ci_page .callout2 ul {
	padding-top:50px;
	padding-left:90px;
	width:310px;
	list-style-position:outside;
	list-style-type:disc;
}


#ci_page .callout2 ul li {
	margin:2px 0px;
	color:#535353;
	font-size:11px;
	line-height:12px;
}

/*********************************************** rich colour creme ***********************************************/
#rcc_page .callout2 {
    /*background:url(../../rich_colour_creme/images/callout_middle.png) top left no-repeat;*/
	width:475px;
	height:136px;
	overflow:hidden;
}

#rcc_page #subnav {
	background:transparent url(../../rich_colour_creme/images/nav_bg.png) top left repeat-x;
	width:950px;
	height:30px;
	overflow:hidden;
}
 
 
#rcc_page .callout2 ul {
	padding-top:50px;
	padding-left:90px;
	width:310px;
	list-style-position:outside;
	list-style-type:disc;
}


#rcc_page .callout2 ul li {
	margin:2px 0px;
	color:#535353;
	font-size:11px;
	line-height:12px;
}