body 
{font: 16px/24px Helvetica,Arial,Verdana,sans-serif;margin:0;padding:0;
background-color:#abdddf;color:#494037;}

.Header, .PageContent, .Footer 
{width:960px;margin:0 auto;}

.logo
{width:206px;margin:.3em 0 0 0;padding-right:1em;float:left;border:none;}


/*Navigation*/
.NavResized
{width:960px;margin:0 auto;}

.Nav
{background: url("../img/nav-bg.png") repeat scroll 0 0 transparent;height:60px;overflow:hidden;
width:100%; z-index:9999;}

.Nav ul
{margin:0px auto 0;width:920px;}

.Nav ul li
{display:inline;float:left;font-size:.9em;padding:15px 0 0 30px;}

.Nav li a
{color:#EDE6C9;font-weight:bold;text-decoration:none;}

#navbar {
	margin: 0;
	padding: 0;
	height: 1em; }
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 0 0 0 4px;
	background-color: #f37321;
	color: #fff;
	text-decoration: none; }

#navbar li a:hover {color:#494037;}
#navbar li ul li a:hover {color:#494037;}
	
#navbar li ul {
	display: none; 
	width: 8em; /* Width to help Opera out */
	background-color: #f37321;}
	
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #f37321;
	border-bottom: 1px solid #fff;
	color: #fff;}		

	

/*Home Page*/
.HomePage_TopContainer
{background:url("../img/topContainer-bg.png") repeat;margin:0px;
height:240px;border-bottom:1px solid #D1C9A7;}

.HomePage_Brand
{background:url("../img/homepage-top-bg.png") no-repeat;width:960px;margin:0 auto;}

.HomePage_Top
{height:280px;margin:0 auto;width:960px;}

.HomePage_Headline
{color:#2EA8AD;font-size:30px;line-height:40px;margin:0;padding-top:4em;text-align:center;}

.HomePage_Logos
{width:500px;float:left;overflow:hidden;}

.HomePage_Logos > div
{width:200px;float:left;overflow:hidden;text-align:center;height:100px;}

.HomePage_TargetAudiences 
{width:295px;float:left;overflow:hidden;margin:1em 1em 2em 0;}

.Retailer_Bg
{background:url("../img/retailer-arrow-bg.png") no-repeat;height:72px;}

.Rep_Bg
{background:url("../img/rep-arrow-bg.png") no-repeat;height:72px;}

.Supplier_Bg
{background:url("../img/supplier-arrow-bg.png") no-repeat;height:72px;}

.TargetAudience_Title
{color:#EDE6C9;font-weight:normal;margin:0 auto;padding-top:15px;text-align:center;}



/*Page*/
.PageContainer {width:1000px;margin:0 auto;}

.PageTop {width:960px;background:none repeat scroll 0 0 rgba(255,255,255,1.0);height:40px;
border-radius: 5px 5px 0px 0px;margin:2em auto 0em;box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);clear:both;}

.PageContent
{width:1000px;background:url("../img/PageContent-bg.png") repeat;
margin:0 auto;clear:both;}

.PageBottom {width:960px;background:none repeat scroll 0 0 rgba(255,255,255,1.0);height:40px;
border-radius: 0px 0px 5px 5px;margin:0em auto 2em;box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);clear:both;}

.TextContentRight {width:500px;float:right;margin-right:40px;}
.TextContentLeft {width:500px;float:left;margin-left:40px;}

.ImageContentRight {width:400px;float:right;margin-top:3em;margin-right:20px;}
.ImageContentLeft {float:left;width:400px;margin-top:3em;}


.TopContainer
{background:url("../img/topContainer-bg.png") repeat;margin:0px 0 0px 0;padding-top:0px;
height:30px;border-bottom:1px solid #D1C9A7;}

.Headline
{color:#2EA8AD;font-size:30px;line-height:38px;margin:0;padding:.7em 0;text-align:center;
text-shadow: 0 -1px #016a6c, 0 1px #fff;}

.SubHeadline
{font-size:20px;line-height:25px;margin:0px 0 10px;color:#494037;}

.InnerContent
{width:920px;padding:20px 20px 0;}

.LeftContent
{float:left;width:500px;}

.RightContent
{float:left;width:500px;margin-left:2em;}

.LeftImage
{float:left;width:400px;margin-top:2em;}

.RightImage
{float:right;width:400px;margin-top:2em;}


.RoundPage {background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    clear: both;
    margin: 2em auto;width:960px;}

/*Footer*/
.FooterOuterContainer
{height:120px;background:url("../img/footer-bg.png") repeat;border-top:1px solid #87c3c5;}

.Footer
{text-align: center;}

.Footer ul
{margin:0 auto;width:920px;margin-top:20px;}

.Footer ul li
{display:inline;font-size:.8em;padding:30px 0 0 30px;}

.Footer li a
{color:#EDE6C9;font-weight:normal;text-decoration:none;}

.Footer li a:hover
{color:#F4731F;}

.FooterCredit
{color:#EDE6C9;text-align:center;font-size:.8em;}






/********/
h1
{font-size:2.1em;font-weight:normal;color:#494037;line-height:1.16em;margin-bottom:0;}

h2
{color:#f4731f;font-weight:normal;font-size:1.2em;}

h3
{color:#2EA8AD;font-weight:normal;font-size:1em;}

.clearfloat
{clear:both;margin:0;padding:0;}

.bold
{font-weight:bold;}

/*Button*/
.ButtonRow
{text-align:center;}

.ButtonRow a
{text-align:center;margin:2em 2em 2em;}

.Button
{background: #222 url("../img/btnOverlay.png") repeat-x;display: inline-block;padding: 5px 10px 6px;
color: #fff;text-decoration: none;font-weight: bold;line-height: 1;-moz-border-radius: 5px;
-webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25); position: relative;
cursor: pointer;}

.large.Button 
{font-size: 14px;padding: 18px 14px 15px;width:180px;}

.blue.Button 
{background-color: #2EA8AD;}

.blue.Button:hover
{background-color:#1d9398;}

.orange.Button 
{background-color: #f4731f;}

.orange.Button:hover
{background-color:#e05f0b;}

.accentlink
{color:#2EA8AD}





/* ----- Div Forms ----- */

.form
{}

.form_title
{font-size:1.5em;}

.form_section
{margin:0 0 1em 0;background-color:#fff;}

.form_section_title
{font-size:1.1em;margin:0 0 1em 0;font-weight:bold;}

.form_section_content
{margin:0 0 1em 0;}

.form_statusMessage
{text-align:center;font-size:1.5em;margin:1em 0;}

.form .form_row
{padding:.5em 0;overflow:hidden;width:100%;}

.form .form_label
{float:left;width:35%;text-align:right;margin-right:5px;padding-top:6px;}

.form .form_element
{float:left;width:60%;}

.form .form_element span
{padding:4px;margin:0 4px;display:block;width:180px;border-bottom:dotted 1px #d7d7d7;color:#333;vertical-align: baseline;}



div.form input[type="text"], div.form input[type="password"], div.form select, div.form textarea
{padding:6px;border:solid 1px #d5d5d5;width:200px;color:#333;
-moz-border-radius: 4px 4px 4px 4px;}

.form_buttons
{text-align:center;margin:2em 0 0 0;}

.form_buttons input, .form_button
{padding:6px 15px;margin:0 .25em;}