/* 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
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 146px;
	height: 110px;
}

ul#wtb
{
	position: absolute;
	top: 0px;
	left: 438px;
	width: 241px;
	height: 26px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: url(../images/navigation/bg-nav-wtb.jpg);
}

ul#wtb li
{
	position: absolute;
	top: 10px;
	height: 8px;
	padding: 0;
	margin: 0;
}

ul#wtb li#wtbp
{
	left: 21px;
	width: 119px;
}

ul#wtb li#cu
{
	left: 161px;
	width: 60px;
}

ul#linksMain
{
	position: absolute;
	top: 47px;
	left: 179px;
	width: 484px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	z-index: 2;
}

ul#linksMain li
{
	position: absolute;
	top: 0px;
	padding: 0;
	margin: 0;
}

ul#linksMain li.op
{
	left: 0px;
	z-index: 1;
}

ul#linksMain li.op h3
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 129px;
	height: 38px;
	z-index: 2;
}

ul#linksMain li.taa
{
	left: 132px;
	z-index: 3;
}

ul#linksMain li.taa h3
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 119px;
	height: 38px;
	z-index: 4;
}

ul#linksMain li.cafs
{
	left: 255px;
	z-index: 5;
}

ul#linksMain li.cafs h3
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 229px;
	height: 38px;
	z-index: 6;
}

li.op h3, li.op div#opTop, li.op div#opCtr, li.op div#opBtm, li.taa h3, li.taa div#taaTop, li.taa div#taaCtr, li.taa div#taaBtm, li.cafs h3, li.cafs div#cafsTop, li.cafs div#cafsCtr, li.cafs div#cafsBtm
{
	display: none;
}

li.op:hover h3, li.over h3, li.op:hover div#opTop, li.over div#opTop, li.op:hover div#opCtr, li.over div#opCtr, li.op:hover div#opBtm, li.over div#opBtm, li.taa:hover h3, li.taa:hover div#taaTop, li.over div#taaTop, li.taa:hover div#taaCtr, li.over div#taaCtr, li.taa:hover div#taaBtm, li.over div#taaBtm, li.cafs:hover h3, li.cafs:hover div#cafsTop, li.over div#cafsTop, li.cafs:hover div#cafsCtr, li.over div#cafsCtr, li.cafs:hover div#cafsBtm, li.over div#cafsBtm
{
	display: block;
}

div#opTop
{
	position: relative;
	width: 484px;
	height: 10px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(../images/navigation/op-dropdown-top.jpg) top no-repeat;
}

div#taaTop
{
	position: relative;
	width: 397px;
	height: 10px;
	margin: 0;
	padding: 0 0 0 3px;
	overflow: hidden;
	background: url(../images/navigation/taa-dropdown-top.jpg) top no-repeat;
}

div#opCtr
{
	position: relative;
	width: 471px;
	padding: 9px 0 0 13px;
	background: url(../images/navigation/bg-op.png);
}

* html div#opCtr
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/images/navigation/bg-op.png", sizingMethod="scale");
}

div#taaCtr
{
	position: relative;
	width: 260px;
	padding: 0 0 0 13px;
	background: url(../images/navigation/bg-taa.png);
}

* html div#taaCtr
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/images/navigation/bg-taa.png", sizingMethod="scale");
}

div#cafsCtr
{
	position: relative;
	width: 216px;
	padding: 9px 0 0 13px;
	background: url(../images/navigation/bg-cafs.png);
}

* html div#cafsCtr
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/images/navigation/bg-cafs.png", sizingMethod="scale");
}

div#opIEFix
{
	width: 467px;
	background: #FFFFFF;
}

div#taaIEFix
{
	width: 380px;
	background: #FFFFFF;
}

div#cafsIEFix
{
	width: 212px;
	background: #FFFFFF;
}

div#opCtr ul, div#taaCtr ul, div#cafsCtr ul
{
	position: relative;
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	font: 0.8em Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-transform: uppercase;
}

div#opCtr ul li, div#taaCtr ul li, div#cafsCtr ul li
{
	position: relative;
	_height: 0px;
	margin: 0 0 8px 0;
	padding: 0;
}

div#opCtr ul li.endOfList, div#taaCtr ul li.endOfList, div#cafsCtr ul li.endOfList
{
	margin: 0;
}

div#opCtr ul li a, div#taaCtr ul li a, div#cafsCtr ul li a
{
	display: block;
	width: auto;
	margin: 0;
	padding: 1px 3px 1px 10px;
	color: #000000;
	overflow: hidden;
	text-decoration: none;
	background: url(../images/navigation/nav-list-bullet-off.gif) 2px 4px no-repeat;
}

div#opCtr ul li a:hover, div#taaCtr ul li a:hover, div#cafsCtr ul li a:hover
{
	color: #FFFFFF;
	background: url(../images/navigation/nav-list-bullet-on.gif) 2px 4px no-repeat #C0994B;
}

div#opCtr h4, div#opCtr h5, div#taaCtr h4
{
	position: relative;
	margin: 0 0 8px 0;
	padding: 0 0 1px 0;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #000000;
	text-transform: uppercase;
}

div#opCtr ul#opCol1
{
	width: 98px;
	margin: 0 16px 0 0;
}

div#taaCtr ul#taaCol1
{
	width: 100px;
	margin: 0 8px 0 0;
}

div#cafsCtr ul#cafsCol1
{
	width: 190px;
	margin: 0 8px 0 0;
}

div#opCtr ul#opCol1 li, div#taaCtr ul#taaCol1 li, div#cafsCtr ul#cafsCol1 li
{
	margin: 0 0 5px 0;
	padding: 0;
}

div#opCtr ul#opCol1 li a, div#taaCtr ul#taaCol1 li a, div#cafsCtr ul#cafsCol1 li a
{
	padding: 1px 3px;
	background: none;
}

div#opCtr ul#opCol1 li a:hover, div#taaCtr ul#taaCol1 li a:hover, div#cafsCtr ul#cafsCol1 li a:hover
{
	color: #FFFFFF;
	background: #C0994B;
}

div#opCtr ul#opCol1 li.linkBorder, div#taaCtr ul#taaCol1 li.linkBorder, div#cafsCtr ul#cafsCol1 li.linkBorder
{
	padding: 6px 0 0 0;
	border-top: 1px solid #E8E8E8;
}


div#opCtr ul#opCol1 li.linkBorder span#challenge { background:url(/10daychallenge/img/bg-top-nav-10day.gif) 0 0 no-repeat; display:block; height:87px; padding:3px 0 0 0; width:100px; }
	div#opCtr ul#opCol1 li.linkBorder span#challenge a { color:#fff; }
	div#opCtr ul#opCol1 li.linkBorder span#challenge a:hover { background:none; color:#C0994B; }

div#cafsCtr ul#cafsCol1 li#challenge2 { background:url(/10daychallenge/img/bg-top-nav-10day2.gif) 0 0 no-repeat; display:block; height:42px; margin:0 0 0 -5px; padding:11px 0 0 3px; width:198px; }
	div#cafsCtr ul#cafsCol1 li#challenge2 a { color:#fff; }
	div#cafsCtr ul#cafsCol1 li#challenge2 a:hover { background:none; color:#C0994B; }


div#ctrOpCol2n3
{
	position: relative;
	float: left;
	width: 221px;
	margin: 0 5px 0 0;
	padding: 0 0 0 5px;
	background: url(../images/navigation/nav-list-separator.jpg) top left no-repeat;
}

div#opCol2
{
	position: relative;
	float: left;
	width: 106px;
	margin: 0 5px 0 0;
}

div#opCol2 ul
{
	width: 106px;
}

div#taaCol2
{
	position: relative;
	float: left;
	width: 120px;
	padding: 0 0 0 5px;
	background: url(../images/navigation/nav-list-separator.jpg) top left no-repeat;
}

div#taaCol2 ul
{
	width: 120px;
}

div#opCol3
{
	position: relative;
	float: left;
	width: 105px;
	padding: 0 0 0 5px;
	background: url(../images/navigation/nav-list-separator.jpg) top left no-repeat;
}

div#opCol3 ul
{
	width: 105px;
}

div#opCol4
{
	position: relative;
	float: left;
	width: 115px;
	padding: 0 0 0 5px;
	background: url(../images/navigation/nav-list-separator.jpg) top left no-repeat;
}

div#opCol4 ul
{
	width: 110px;
}

div.clearLists
{
	clear: both;
	height: 0px;
	font-size: 0.1em;
	line-height: 0.1em;
	overflow: hidden;
}

div#opBtm
{
	position: relative;
	width: 484px;
	height: 54px;
	background: url(../images/navigation/op-dropdown-btm.png);
}

div#taaBtm
{
	position: relative;
	width: 393px;
	height: 54px;
	background: url(../images/navigation/taa-dropdown-btm.png);
}

div#cafsBtm
{
	position: relative;
	width: 229px;
	height: 54px;
	background: url(../images/navigation/cafs-dropdown-btm.png);
}

div#crumbCtr
{
	position: relative;
	clear: both;
	width: 908px;
	margin:0 0 0 20px;
	padding: 0;
	z-index: 0;
}

div#crumbTop
{
	position: relative;
	width: 908px;
	height: 5px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(../images/navigation/crumb-trail-top.png);
}

div#crumbCtrLeft
{
	position: relative;
	float: left;
	width: 659px;
	margin: 0 4px 0 0;
	padding: 0 0 0 20px;
	background: url(../images/navigation/crumb-trail-left-bg.jpg) left bottom no-repeat #F0F0F0;
}

div#crumbCtrRight
{
	position: relative;
	float: left;
	width: 215px;
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/navigation/crumb-trail-right-bg.jpg) left bottom no-repeat #F0F0F0;
}

div#crumbBtm
{
	position: relative;
	width: 908px;
	height: 5px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(../images/navigation/crumb-trail-btm.png);
}

div#crumbCtr ul
{
	position: relative;
	margin: 0;
	padding: 0;
	font: 0.8em Arial, Helvetica, sans-serif;
	list-style-type: none;
	color: #C0994B;
	text-transform: uppercase;
}

div#crumbCtr ul li
{
	position: relative;
	float: left;
	margin: 0 9px 0 0;
	padding: 0 0 0 11px;
	background: url(../images/navigation/crumb-arrow.gif) left center no-repeat;
}

div#crumbCtr ul li.first
{
	padding: 0;
	color: #000000;
	background: none;
}

div#crumbCtr ul li.second
{
	color: #000000;
}

div#crumbCtr ul li a
{
	color: #000000;
	text-decoration: none;
}

div#crumbCtr ul li a:hover
{
	color: #C0994B;
}

div#content
{
	position: relative;
	z-index: 0;
}



















/* 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
{
	position: relative;
	width:908px;
	margin:0 0 0 20px;
	padding:0;
	border:0;
	float:left;
	display:inline;
	z-index: 4000;
}

#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
{
	position: relative;
	width:679px;
	height: 110px;
	margin:0;
	padding:0;
	border:0;
	background: url(../images/navigation/bg-inner-main-nav.jpg);
	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;
}