@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 ***********************************************/
#ni_page .callout2 {
	background:url(../../home/images/callout_middle.png) top left no-repeat;
	width:475px;
	height:136px;
	overflow:hidden;
}

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

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




/*********************************************** 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;
}
