/* CSS Document */

body {
	margin:0px;
	padding:0px;
	}

#headerbar {
    height:170px;
}
	
/* logo */

/*
#logo	{
	position:absolute;
	top:30px;
	left:20px;
    background-color:#fff;
	}
	
#logo h1{
	padding:0;
	margin:0;
	}

#logo h1 a img {
    border:0;
}
*/

#logo
{
	margin:0;
	padding:0;
	border:0;
	float:left;
}

/* Product nav box */

#productBtn {
	position:absolute;
	top:30px;
	left:244px;
	z-index:2;
	padding:0px;
	margin:0px;
	width:119px;
	height:75px;
	}

#productBtn ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	

#productBtn li {
	height:15px;
	padding:0;
	margin:0;
	display:inline; /*needed for ie - to remove spacing from list items */
	}
	
#productBtn img {
	display:block; /*needed for ie - to remove spacing from list items */
	}

#productPhoto {
	z-index:3;
	position:absolute;
	top:30px;
	left:249px;
	}
	
#productArrow	{
	z-index:4;
	position:absolute;
	top:140px;
	left:353px;
	}

/* Your needs Nav box */

#needsHdr {
	position:absolute;
	top:30px;
	left:478px;
	z-index:2;
	}
	
#needsHdr h2 {
	padding:0px;
	margin:0px;
	}
	
#needsBG {
	position:absolute;
	top:50px;
	left:478px;
	z-index:1;
	padding:0px;
	margin:0px;
	}

#needsBtn {
	position:absolute;
	top:60px;
	left:572px;
	z-index:3;
	padding:0px;
	margin:0px;
	width:119px;
	height:75px;
	}
	
#needsBtn ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#needsBtn li {
	height:15px;
	padding:0;
	margin:0;
	display:inline; /*needed for ie - to remove spacing from list items */
	}

	
#needsBtn img {
	display:block; /*needed for ie - to remove spacing from list items */
	}

#yourNeedsGirl {
	z-index:2;
	position:absolute;
	top:30px;
	left:478px;
	}
	
#needsArrow	{
	z-index:4;
	position:absolute;
	top:140px;
	left:585px;
	}
	
/* placeholder for moments */

#moments {
	position:absolute;
	top:5px;
	left:707px;
    padding:0;
	}

#moments a img {
    border:0;
    width:235px;
    height:138px;
}

#moment_1, #moment_2, #moment_3, #moment_4 {
    display:none;
}
/* submenu */

#submenu {
	position:absolute;
	height:22px;
	width:682px;
	top:144px;
	left:20px;
	background-image:url(/images/bg_submenu.gif);
	background-position:0px 1px;
	background-repeat:no-repeat;
	}
	
#submenu ul {
	padding:0;
	margin:0px 0px 0px 13px;
	}
	
#submenu li	{
	display: inline;
	list-style-type: none;
	padding:0px;
	}
	
#submenu img {
	display:block;
	float:left;
	margin:8px 20px 0px 0px;
	}

#submenuRight {
	position:absolute;
	top:145px;
	left:706px;
	}
	
#submenuRight img{	
	margin:0px 0px 0px 1px;
	}

/************************
* NEW NAVIGATION LINKS  *
************************/

#navigationBar
{

}

#containerMainNav
{
	width:908px;
	margin:0 0 0 20px;
	padding:0;
	border:0;
	float:left;
	display:inline;
}

#containerMainNav img
{
	margin:0;
	padding:0;
	border:0;
	display:block;	
}

#callout
{
	width:224px;
	margin:0 0 0 5px;
	padding:0;
	border:0;
	float:left;
}

#innerMainNav
{
	width:679px;
	margin:0;
	padding:0;
	border:0;
	background:#FFFFFF;
	float:left;
}


a.mainNav:link, a.mainNav:visited
{
	width:190px;
	padding:3px 0 3px 3px;
	font:bold 0.8em Geneva, Arial, Helvetica, sans-serif;
	color:#60605F;
	display:inline;
	text-decoration:none;
}

a.mainNav:hover, a.mainNav:active
{
	width:190px;
	padding:3px 0 3px 3px;
	background:#C0994B;
	font:bold 0.8em Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	display:inline;
	text-decoration:underline;
}

.navHighlight
{
	width:190px;
	padding:3px 0 3px 3px;
	background:#C0994B;
	font:bold 0.8em Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	display:inline;
	text-decoration:underline;
}

ul.navLinks
{
	margin:13px 0 0 18px;
	padding:0;
	border:0;
	list-style:none;
}

li.navLinks
{
	margin:0 0 2px 0;
	padding:0;
	border:0;
	list-style:none;
}

#productRanges
{
	width:230px;
	background:url(/images/navigation/bg-product-range.gif) #FFFFFF;	
	float:left;
}

#features
{
	width:222px;
	background:url(/images/navigation/bg-features.gif) #FFFFFF;	
	float:left;
}

#containerSubNav
{
	width:908px;
	margin:0;
	padding:0;
	border:0;
	float:left;
	display:inline;
}

#containerSubNav img
{
	margin:0;
	padding:0;
	border:0;
	display:block;	
}

.subNav
{
	width:679px;
	margin:0;
	padding:0;
	border:0;
	background:#FFFFFF;
	float:left;
	display:inline;
}

a.subNav:link, a.subNav:visited
{
	width:auto;
	margin:0 7px 0 7px;
	font:bold 0.75em Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	float:left;
}

a.subNav:hover, a.subNav:active
{
	width:auto;
	margin:0 7px 0 7px;
	font:bold 0.75em Geneva, Arial, Helvetica, sans-serif;
	color: #AF7B26;
	text-decoration:none;
	float:left;
}

.subNavOn
{
	width:auto;
	margin:0 7px 0 7px;
	font:bold 0.75em Geneva, Arial, Helvetica, sans-serif;
	color: #AF7B26;
	text-decoration:none;
	float:left;
}

a.navCallout:link, a.navCallout:visited, a.navCallout:hover, a.navCallout:active
{
	width:auto;
	margin:0 7px 0 7px;
	padding:0;
	border:0;
	font:bold 0.75em Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	float:left;
}

.moments
{
	width:124px;
	margin:0 0 0 1px;
	padding:0;
	border:0;
	background:#FFFFFF;
	float:right;
	display:block;
}

.touch
{
	width:99px;
	margin:0 0 0 1px;

	padding:0;
	border:0;
	background:#FFFFFF;
	float:right;
	display:block;
}