#snapLimit {
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:1;
}

/* please leave "default" position at 0,0 for now - client 
	(and many other reviewers) have 1024x768 resolution.  thanks! Troy*/
#nav {
	left:0;
	position:fixed;
	top:0;
	width:167px;
	z-index:100;
}

#navControl {
	background:url(/images/nav/navLogoDietcoke.png) no-repeat left top;
	height:85px;
	margin:0 0 0 -3px;
	overflow:hidden;
	padding:0;
	position:relative;
}

#navControl a#logo {
	height:100%;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	left:5px;
	text-indent:-1000px;
	top:0;
	width:100%;
	z-index:1;
}

#footerLegal #styleDisclaimer {
	margin-left:150px;
	margin-top:10px;
	text-align:left;
}


#navControl a#minmax {
	background:url(/images/nav/navOpenclose.png) no-repeat left top;
	bottom:0;
	cursor:pointer;
	height:16px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	right:5px;
	text-indent:-1000px;
	width:61px;
	z-index:2;
}

#navControl a#minmax:hover {
	background:url(/images/nav/navOpenclose.png) no-repeat -61px top;
}

#navControl a#minmax.active {
	background:url(/images/nav/navOpenclose.png) no-repeat left -16px;
}

#navControl a#minmax.active:hover {
	background:url(/images/nav/navOpenclose.png) no-repeat -61px -16px;
}

#navContent {
	background:url(/images/nav/navBkgdTile.png) repeat-y left top;
	overflow:hidden;
	padding:0 4px 10px 4px;
}

#navContent.active {
	background:url(/images/nav/navBkgdClosed.png) no-repeat left -5px;
}


#navContent ul.menu,
#navContent ul.menu ul {
	list-style-type:none;
	margin:5px 0 0 0;
	padding:0;
}

#navContent ul.menu li {
	background:url(/images/nav/navPrimaryBkgd.png) no-repeat left top;
	clear:both;
	font-size:1em;
	margin-top:1px;
	min-height:25px;
	overflow:hidden;
}

#navContent ul.menu li.utilityNav {
	background:url(/images/nav/navUtilityBkgd.png) no-repeat left top;
	font-size:1em;
	min-height:19px;
}

#navContent ul.menu li.utilityNav ul li a {
	font-size:8px;
	padding-top:3px;
}
.reddress #navContent ul.menu li.utilityNav a {
	font-size:85%;
}

#navContent ul.menu li.utilityNav a.control {
	background:url(/images/nav/navBkgdArrows.gif) no-repeat left 1px;
	margin-top:4px;
}

#navContent ul.menu li.utilityNav a.control:hover,
#navContent ul.menu li.utilityNav a.active {
	background:url(/images/nav/navBkgdArrows.gif) no-repeat left -10px;
}
#navContent ul.menu li#navCalendar a.control:hover,
#navContent ul.menu li#navCalendar a.active {
    background-position:left 1px;
    cursor:default;
}
#navContent ul.menu li#navHome a.active,
#navContent ul.menu li#navRD a.active,
#navContent ul.menu li#navCS a.active {
	background:url(/images/nav/navBkgdArrows.gif) no-repeat left -23px;
}

#navContent ul.menu li.utilityNav ul li .control {
	background:url(/images/nav/subNavBkgdIcon.png) no-repeat left top;
	font-size:0.9em;
	margin-top:5px;
}
/*
#navContent ul.menu li.utilityNav ul li a.control:hover {
	background:url(/images/nav/subNavBkgdIcon.png) no-repeat left top;
}
*/
#navContent ul.menu li a {
	color:#000;
	float:left;
	padding:5px;
	text-decoration:none;
	text-transform:uppercase;
	width:140px;
}

#navContent ul.menu li a:hover {
	color:#E61D2B;
}

#navContent ul.menu li a.link {
	height:9px;
	margin:8px 0 0 2px;
	overflow:hidden;
	padding:0;
	text-indent:-10000px;
}

#navContent ul.menu li#navHome a.link {
	background:url(/images/nav/navPrimaryBkgdHome.gif) no-repeat left top;
}
body.dch #navContent ul.menu li#navHome a.link,
#navContent ul.menu li#navHome a.link:hover {
	background:url(/images/nav/navPrimaryBkgdHome.gif) no-repeat left -9px;
}

#navContent ul.menu li#navTHT a.link {
	background:url(/images/nav/navPrimaryBkgdHeartTruth.gif) no-repeat left top;
}

body.theHeartTruth #navContent ul.menu li#navTHT a.link,
#navContent ul.menu li#navTHT a.link:hover {
	background:url(/images/nav/navPrimaryBkgdHeartTruth.gif) no-repeat left -9px;
}

#navContent ul.menu li#navCS a.link {
	background:url(/images/nav/navPrimaryBkgdCelebritystyle.gif) no-repeat left top;
}

body.celebrityStyle #navContent ul.menu li#navCS a.link,
#navContent ul.menu li#navCS a.link:hover {
	background:url(/images/nav/navPrimaryBkgdCelebritystyle.gif) no-repeat left -9px;
}

body.fashionShow #navContent ul.menu li#navTHTFS a,
body.getInvolved #navContent ul.menu li#navTHTGI a,
body.learnMore #navContent ul.menu li#navTHTLM a,
body.styleseries #navContent ul.menu li#navCSSS a,
body.celebritySpotlight #navContent ul.menu li#navCSCS a,
body.recipesTips #navContent ul.menu li#navCERT a,
body.atTheTable #navContent ul.menu li#navCEAT a,
body.askTheChef #navContent ul.menu li#navCEAC a,
body.hydrationTips #navContent ul.menu li#navWBH a,
body.sweetnersYou #navContent ul.menu li#navWBSY a,
body.smartEating #navContent ul.menu li#navWBADA a,
body.ourProducts #navContent ul.menu li#navADCP a,
body.ourStory #navContent ul.menu li#navADCOS a,
body.ourPartners #navContent ul.menu li#navADCOP a,
/* RED DRESS PAGES */
body.hp #navContent ul.menu li#navWBHH a,
body.htpp #navContent ul.menu li#navWBHH a,
body.hthh #navContent ul.menu li#navWBHH a,
body.cs #navContent ul.menu li#navWBHH a,
body.gi #navContent ul.menu li#navWBHH a,
body.gisl #navContent ul.menu li#navWBHH a,
body.gisw #navContent ul.menu li#navWBHH a,
body.gidp #navContent ul.menu li#navWBHH a,
body.ss #navContent ul.menu li#navWBHH a,
body.ssfw #navContent ul.menu li#navWBHH a,
body.sshk #navContent ul.menu li#navWBHH a
{
	color:#E61D2B;
}



#navContent ul.menu li#navCE a.link {
	background:url(/images/nav/navPrimaryBkgdCookingentertaining.gif) no-repeat left top;
}

body.cookingEntertaining #navContent ul.menu li#navCE a.link,
#navContent ul.menu li#navCE a.link:hover {
	background:url(/images/nav/navPrimaryBkgdCookingentertaining.gif) no-repeat left -9px;
}

#navContent ul.menu li#navWB a.link {
	background:url(/images/nav/navPrimaryBkgdWellnessbalance.gif?v=2) no-repeat left top;
}

body.wellnessBalance #navContent ul.menu li#navWB a.link,
#navContent ul.menu li#navWB a.link:hover {
	background:url(/images/nav/navPrimaryBkgdWellnessbalance.gif?v=2) no-repeat left -9px;
}

#navContent ul.menu li#navRD a.link {
	background:url(/images/nav/navPrimaryBkgdRewardsdownloads.gif) no-repeat left top;
}

body.rewardsDownloads #navContent ul.menu li#navRD a.link,
#navContent ul.menu li#navRD a.link:hover {
	background:url(/images/nav/navPrimaryBkgdRewardsdownloads.gif) no-repeat left -9px;
}
body.styleseries #navContent ul.menu li#navCS a.link,
#navContent ul.menu li#navCS a.link:hover {
	background:url(/images/nav/navPrimaryBkgdCelebritystyle.gif) no-repeat left -9px;
}

#navContent ul.menu li#navADC a.link {
	background:url(/images/nav/navPrimaryBkgdAboutdietcoke.gif) no-repeat left top;
}
body.aboutDietCoke #navContent ul.menu li#navADC a.link,
#navContent ul.menu li#navADC a.link:hover {
	background:url(/images/nav/navPrimaryBkgdAboutdietcoke.gif) no-repeat left -9px;
}

#navContent ul.menu li#navCalendar a.link {
	background:url(/images/nav/navUtilityBkgdCalendar.gif) no-repeat left top;
}

body.calendarOfEvents #navContent ul.menu li#navCalendar a.link,
#navContent ul.menu li#navCalendar a.link:hover {
	background:url(/images/nav/navUtilityBkgdCalendar.gif) no-repeat left -10px;
}

/*
#navContent ul.menu li#navHistory a.link { 
	background:url(/images/nav/navUtilityBkgdRecentlyviewed.gif) no-repeat left top; }
#navContent ul.menu li#navHistory a.link:hover {
	background:url(/images/nav/navUtilityBkgdRecentlyviewed.gif) no-repeat left -10px; }
*/
#navContent ul.menu li#navHistory a.link,
#navContent ul.menu li#navRateShare a.link {
	/* background:url(/images/nav/navUtilityBkgdRateshare.gif) no-repeat left top; */
	color:#333;
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:9px;
	letter-spacing:0.5px;
	line-height:9px;
	margin-top:5px;
	text-indent:0;
	}

#navContent ul.menu li#navHistory a.link:hover,
#navContent ul.menu li#navRateShare a.link:hover {
	/* background:url(/images/nav/navUtilityBkgdRateshare.gif) no-repeat left -10px; */
	color:#E61D2B;
}

/* #navContent ul.menu li#navRateShare a.link,
#navContent ul.menu li#navHistory a.link, */
#navContent ul.menu li#navCalendar a.link {
	margin-top:6px;
}

#navContent ul.menu li a.control {
	background:url(/images/nav/navBkgdArrows.gif) no-repeat left -23px;
	height:1px;
	margin-left:5px;
	margin-top:7px;
	overflow:hidden;
	padding-right:0;
	text-indent:-1000px;
	width:6px;
}

#navContent ul.menu li a.control:hover,
#navContent ul.menu li a.active {
	background:url(/images/nav/navBkgdArrows.gif) no-repeat left -10px;
}

#navContent ul.menu li#navHome a.control:hover,
#navContent ul.menu li#navRD a.control:hover,
#navContent ul.menu li#navCS a.control:hover {
	background:url(/images/nav/navBkgdArrows.gif) no-repeat left -23px;
	cursor:default;
}

#navContent ul.menu ul {
	background:url(/images/nav/subNavBkgdBtm.png) no-repeat left bottom;
	float:left;
	margin-top:9px;
	padding-bottom:3px;
	width:100%;	
}

#navContent ul.menu li ul li {
	background:url(/images/nav/subNavBkgdTile.png) repeat-y left top;
	font-size:0.9em;
	margin-top:-1px;
	min-height:0;
	padding-bottom:0;
	padding-top:3px;
}

#navContent ul.menu li ul li:first-child {
	background:url(/images/nav/subNavBkgdTop.png) no-repeat left top;	
}

#navContent ul.menu li ul li:first-child a {
	padding-top:7px;
}

#navContent ul.menu li ul li a {
	padding:0 0 3px;
	width:auto;
}

/*
#navContent ul.menu li ul li .control {
	background:url(/images/nav/subNavBkgdIcon.png) no-repeat left top;
	height:5px;
	margin-left:15px;
	margin-top:3px;
	padding-right:5px;
	width:5px;
}
*/
#navContent ul.menu li ul li .control {
	background:url(/images/nav/subNavBkgdIcon.png) no-repeat left top;
	height:5px;
	margin-left:15px;
	margin-top:3px;
	padding-right:5px;
	width:5px;
	float:left;
	overflow:hidden;
	text-indent:-1000px;
}

#navTop {
	background:url(/images/nav/navBkgdTop.png) no-repeat left top;
	cursor:move;
	height:16px;
}

#navBtm {
	background:url(/images/nav/navBkgdBtm.png) no-repeat left top;
	height:20px;
}

#bookmarkPopup {
	position:relative;
}

#nav.dragit #navContent {
	background-image:url(/images/nav/navBkgdTileDragit.png);
}

#nav.dragit #navContent.active {
	background-image:url(/images/nav/navBkgdClosedDragIt.png);
}

#nav.dragit #navTop {
	background-image:url(/images/nav/navBkgdTopDragit.png);
}

#nav.dragit #navBtm {
	background-image:url(/images/nav/navBkgdBtmDragit.png);
}

#navContent ul.menu li.utilityNav ul li:first-child .control,
#navContent ul.menu li ul li:first-child .control {
	margin-top:10px;
	padding-top:0;
}
/*
#navContent ul.menu li ul li div#flashRateIt {
	float:left;
	margin-left:26px;
	margin-top:6px;
}
*/

#navContent ul.menu li ul li div#flashRateIt {
	position:relative;
}

#navContent ul.menu li ul li div#flashRateIt object {
	position:absolute;
	right:5px;
	top:5px;
}






#navContent ul.menu li ul li a#rateIt {
	/* background:url(/images/bookmarkIt.gif) no-repeat right top; */
	padding-right:42px;
}
#navContent ul.menu li.utilityNav ul li a.joinUsNav  {
	padding:0;
}
#navContent ul.menu li.utilityNav ul li a img {
	/* background:url(/images/bookmarkIt.gif) no-repeat right top; */
	position:relative;
	top:5px;
	display:inline;
}
.joinUsLinks a img { 
	display:inline
}
#navContent ul.menu li ul li a#bookmarkIt {
	/* background:url(/images/bookmarkIt.gif) no-repeat right top; */
	padding-right:70px;
}

#navContent ul.menu li ul li a#shareIt {
	background:url(/images/shareIt.gif) no-repeat right 3px;
	padding-right:90px;
}