﻿.Outer
{
	margin:0px auto;
	width:950px;
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
}

#Main
{
	width:892px;
	margin:0px auto;
}

#StretchBg
{
	width:100%;
	height:231px;
}

#Header
{
	height:102px;
	background-image:url(/Images/HeaderBg.gif);
	background-repeat:repeat-x;
	background-position:top;
	position:relative;
	background-color:#fff;
}

#LogoHolder
{
	position:absolute;
	top:14px;
	left:20px;
}

#HeaderNav
{
	position:absolute;
	top:0px;
	right:14px;
	width:235;
}

#TopNav ul,
#FooterNav ul,
#HeaderNav ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#HeaderNav ul li
{
	display:block;
	float:left;
	margin:0px 1px 0px 0px;
	padding:0px 5px 0px 0px;
	background-image:url(/Images/HeaderListBg.gif);
	background-position:right 24px;
	background-repeat:no-repeat;
}


#HeaderNav ul li a
{
	display:block;
	float:left;
	font-size:0.9em;
	padding:18px 4px 0px 4px;
}


#FooterNav ul li
{
	display:block;
	float:left;
	margin:0px 1px 0px 0px;
	padding:0px 5px 0px 0px;
	background-image:url(/Images/HeaderListBg.gif);
	background-position:right 20px;
	background-repeat:no-repeat;
}

#FooterNav ul li a
{
	display:block;
	float:left;
	font-size:0.9em;
	padding:14px 4px 0px 4px;
}

#FooterNav ul li a:hover,
#HeaderNav ul li a:hover
{
	background-image:url(/Images/HeaderLinkBg.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#FooterNav ul li.First a
{
	margin-left:0px;
	padding-left:0px;
}

#FooterNav ul li.Last,
#HeaderNav ul li.Last
{
	margin:0px;
	padding:0px;
	background-image:none;
}

#TopNav
{
	position:absolute;
	bottom:0px;
	right:0px;
	width:376px;
	z-index:20;
}

#TopNav li
{
	position:relative;
	width:125px;
	float:left;
	display:block;
	margin:0px;
	padding:0px;
}

#TopNav li a
{
	float:left;
	display:block;
	background-repeat:no-repeat;
	background-position:0px 0px;
	min-height:50px;
	cursor:pointer;
}

#TopNav li:hover a,
#TopNav li a:hover
{
	background-position:0px -50px;
}

#TopNav li.ForConsumersNav a
{
	width:125px;
	background-image:url(/Images/ForConsumersNavBg.gif);
}

#TopNav li.ForRetailersNav a
{
	width:125px;
	background-image:url(/Images/ForRetailersNavBg.gif);
}

#TopNav li.ForImportersNav a
{
	width:126px;
	background-image:url(/Images/ForImportersNavBg.gif);
}

#TopNav li:hover .FlyoutWrapper
{
	display:block;
}

#TopNav li .FlyoutWrapper
{
	position:absolute;
	float:left;
	top:50px;
	left:-1px;
	display:none;
	width:210px;
	background-color:#fff;
}

#TopNav li.ForImportersNav .FlyoutWrapper
{
	right:-2px;
	left:auto;
}

#TopNav li .FlyoutWrapper ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#TopNav li .FlyoutWrapper ul li
{
	margin:0px;
	padding:0px 1px 1px 1px;
	width:208px;
	background-color:#fff;
}

#TopNav li .FlyoutWrapper ul li a
{
	background-image:none;
	border:1px solid #e4e4e4;
	width:200px;
	min-height:31px;
	padding:0px 0px 0px 6px;
}

#TopNav li .FlyoutWrapper ul li a span
{
	background-image:none;
	border:1px solid #fff;
	width:176px;
	min-height:11px;
	padding:8px 14px 8px 8px;
	display:block;
}

#TopNav li .FlyoutWrapper ul li a:hover
{
	border:1px solid #b8be19;
	background-color:#b8be19;
}

#TopNav li .FlyoutWrapper ul li a:hover span
{
	background-color:#f1f2d1;
}

#BrandLogos
{
	width:889px;
	position:relative;
	height:111px;
	margin:20px auto 30px auto;
	background-color:#ededec;
	overflow:hidden;
}

#ScrollLeft
{
	z-index:10;
	display:block;
	width:15px;
	height:109px;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #dddddd;
	background-image:url(/Images/ScrollLeft.gif);
	background-repeat:no-repeat;
}

#BrandLogoScroller
{
	position:absolute;
	width:6000px;
	overflow:hidden;
	height:103px;
	border-top:1px solid #dddddd;
	padding:6px 0px 0px 17px;
	border-bottom:1px solid #dddddd;
}

.BrandLogoHolder
{
	width:163px;
	height:96px;
	border:1px solid #c6c6c6;
	margin-left:5px;
	float:left;
	background-color:#fff;
	display:block;
	background-repeat:no-repeat;
	background-position:center;
}

#ScrollRight
{
	z-index:10;
	display:block;
	width:15px;
	height:109px;
	position:absolute;
	top:0px;
	right:0px;
	border:1px solid #dddddd;
	background-image:url(/Images/ScrollRight.gif);
	background-repeat:no-repeat;
}

#PageHeader
{
	height:95px;
	overflow:hidden;
}

#BreadCrumbs
{
	color:#7c7c7c;
	height:33px;
	border:1px solid #e4e4e4;
	padding-left:10px;
	background-color:#fff;
}

#BreadCrumbs ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#BreadCrumbs ul li
{
	margin:0px;
	height:33px;
	float:left;
	background-image:url(/Images/BreadCrumbBg.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding:0px 23px 0px 10px;
	background-color:#fff;
	font-size:0.8em;
	color:#7c7c7c;
}

#BreadCrumbs ul li span,
#BreadCrumbs ul li a
{
	height:24px;
	margin:0px;
	padding:9px 0px 0px 0px;
	display:block;
	float:left;
	color:#7c7c7c;
}

#BreadCrumbs ul li a:hover
{
	text-decoration:underline;
}

#PageBody
{
	margin-top:20px;
}

#BookOnline
{
	margin-top:20px;
	border:1px solid #e4e4e4;
	border-bottom:5px solid #e4e4e4;
}

#BookOnline img
{
	display:block;
}

#BookOnline a.BookOnlineBtn
{
	background-image:url(/Images/BookOnlineBtn.gif);
	width:145px;
	height:35px;
	background-repeat:no-repeat;
	display:block;
	margin:0px auto 14px auto;
}

#Content
{
	width:644px;
	float:right;
	margin-right:20px;
	margin-top:10px;
}

#ContentTitle
{
	margin-bottom:8px;
}

#IntroText
{
	color:#7c7c7c;
	font-size:1.4em;
	margin-bottom:18px;
}

#IntroText p
{
	padding:0px;
	margin:0px;
}

.ContentSection ul
{
	margin:5px 0px 0px 0px;
	padding:5px 0px;
	list-style-type:none;
}

.ContentSection ul li
{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 14px;
	background-image:url(/Images/ContentSectionBullet.gif);
	background-repeat:no-repeat;
	background-position:1px 7px;
}

.ContentSection p
{
	margin-top:12px;
	margin-bottom:0px;
}

.ContentSection .TickHeader
{
	color:#000;
	font-size:1.1em;
	font-weight:bold;
	display:block;
	height:19px;
	padding-left:30px;
	background-image:url(/Images/GreenTick.gif);
	background-repeat:no-repeat;

}

.ContentSection h3 .TickHeader
{
	font-size:1em;
}


#Promos
{
	margin-top:20px;
}

#Promos .First
{
	margin-left:0px;
}

.Promo
{
	width:208px;
	margin-left:20px;
	float:left;
}

#Promos .Last
{
	width:188px;
}

.PromoImage
{
	width:208px;
	height:65px;
	display:block;
}

.PromoTitleLink
{
	display:block;
	padding-top:10px;
	background-repeat:no-repeat;
	background-position:bottom;
}

#Promos .Last .PromoImage
{
	width:188px;
}

.Promo p
{
	height:100px;
	overflow:hidden;
	margin-top:5px;
}

#Footer
{
	height:88px;
	background-image:url(/Images/FooterBg.gif);
	background-repeat:repeat-x;
	background-position:top;
}

.SectionLinks
{
	margin:5px 0px;
}

.SectionLinks ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.SectionLinks ul li 
{
	margin:0px;
	padding:4px 0px 4px 20px;
}

.SectionLinks ul li a
{
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-top:2px;
}
	

