/**/
/* Content Items */
/**/
/*There is a hack for IE 5 to center the div. that is why there is a text-align center dropped in
  the body styling -sigh- */
body 
{
	background-color: #dcddde;
	margin:0px; 
	padding:0px;
	text-align:center;
	font: normal 13px/160% "Arial", Tahoma, sans-serif;
	color: #636466;
}

* html body img 
{
	position: absolute;
}

* html body #midWrapperDiv img 
{
	position: relative; 
}

* html body .pressReleaseLogo
{
	position: relative;
}


/*Styling for the iframe used in the Omniture tracking
*/
#iframeOmnitureTracker
{
	display: none;
	position: absolute;
	top: -50px;
	left: -50px;
}

/**/
/* Base css definitions for the site */
/**/

p 
{
	font: normal 13px/160% "Arial", Tahoma, sans-serif;
	color: #636466;
	padding: 0px 7px 0px 5px;
}

h1 
{
	font: bold 20px/130% "Arial", Tahoma, sans-serif;
	color: #598893;
	margin: 5px 0px 6px 0px;
	padding: 0px;
}

h2 
{
	font: normal 18px/120% "Arial", Tahoma, sans-serif;
	color: #598893;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

h3 
{
	font: normal 16px/130% "Arial", Tahoma, sans-serif;
	color: #598893;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

h4 
{
	font: normal 14px/130% "Arial", Tahoma, sans-serif;
	color: #666666;
}


.leadParagraphText 
{
	font: normal 13px/160% "Arial", Tahoma, sans-serif;
	color: #231f20;
	padding: 0px 7px 0px 5px;
}


label										{text-align: left; margin: 3px; padding: 0px 2px 0px 0px;}

ul											{font-family: "Arial", Tahoma, sans-serif;}


/*Set up default link look */
a:link, a:visited, a:active							{color:#231f20;}
a:hover												{color:#333;}

.smSup {
font-size: 9px;
line-height: 14px;

}

.smSupPage {
font-size: 8px;
line-height: 16px;

}


.clear 
{
    display:block;
    clear: both;
    height: 0px;
}


/* This is used to contain all of the elements of the web page */
#outerWrapperDiv
{
	width:882px;
	margin:0px auto;
	margin-top: 20px;
	padding: 0px;
	text-align:left;	
	/*background: url(../images/gridBackground.gif) repeat-y;*/
}

#midWrapperDiv
{
	width:782px;
	margin:0px auto;
	margin-top: 20px;
	padding: 0px;
	text-align:left;	
	/*background: url(../images/gridBackground.gif) repeat-y;*/
}

/* this styles the press room entries */

div#commentForm {
	display: none;
}

/*This is styling for the logo*/
.topLogoLink							{float: left; margin: 0px 0px 0px 40px; padding: 0px;}

/**/
/* end base css definitions for the site*/
/**/

/**/
/*This css is for the top nav bar and logo images */
/**/

#topNavDiv									{height: 68px; margin: 0px 0px 0px 0px; padding: 0px;}

/* This is for the top nav bar of the site */

/*This is for the account links */

#accountTopNav
{
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 5px 3px;
	list-style: none;
	font-size: 12px;
	font-weight: normal; 
	float: right;
}

#accountTopNav li
{
	float: left; 
	color: #666666;
	padding: 0px 12px 0px 8px; 
}

#accountTopNav .removeNavBorders				{border: none; padding-right: 0px;}

/*Style them links for the account links*/
#accountTopNav a															{text-decoration: underline;}
#accountTopNav a:link, #accountTopNav a:visited, #accountTopNav a:active	{color:#231f20;}
#accountTopNav a:hover														{color:#666666;}

/* This is for the non-account links */
#topNavBar 
{
	clear: right;
	width: 350px;
	text-align: right;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	list-style: none;
	font-size: 13px;
	float: right;
	
}

#topNavBar li									{float: right; padding: 0px 7px 0px 6px;}
#topNavBar .removeNavBorders					{float: right; border: none; padding-right: 0px;}

/*Style them links for the non-account links*/
#topNavBar a									{font-weight: normal; text-decoration: none;}
#topNavBar a:link, #topNavBar a:visited			{color:#231f20;}
#topNavBar a:hover								{color:#666666;}

/**/
/*end css for the top nav bar   */
/**/

/**/
/*This css is for the main body of the page */
/**/

#mainBody										{width:780px; border: solid 1px #010101; margin: 2px 0px 0px 0px; padding: 0px; background: #808184;}
#mainBodyDetail									{width:780px; border: solid 1px #010101; margin: 2px 0px 0px 0px; padding: 0px; background: #FFF;}

#pageTopBar						
{
    width: 780px;
	height: 52px; 	
	background: url(../images/topBarGreenBG08.gif) repeat-x;
}

#pageTopBar h1				
{
	color: #ffffff;
	font-size: 25px; 
	margin: 0px 0px 0px 40px;
	padding: 8px 0px 0px 0px;
}


/**/
/*end css is for the main body of the page */
/**/

.stylesIntroText
{
	color: #FFF;
}

/**/
/*This css is for the side nav of the page */
/**/

#sideNav
{
	font-size: 14px;
	line-height: 17px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 59px 0px;
	width: 184px;
	list-style: none;
	float: left;
	text-align: right;
		
}

#sideNav li
{	
	margin: 0px;
	padding: 10px 0px 8px 0px;
}

#sideNav .sideNavButton a
{	
	margin: 0px;
	padding: 10px 0px 0px 4px;
}

/*Style them links for the side nav links*/
#sideNav a												{padding-left: 0px; padding-right: 24px; font-weight: normal; text-decoration: none;}
#sideNav a:link, #sideNav a:visited, #sideNav a:active	{color:#ffffff;}
#sideNav a:hover										{color:#adced6;}


/*this is to style the top testimonial image*/
#mainBody #pageTestimonialImage						{float: right; margin: 0px; padding: 0px; }

/**/
/*end css is for the side nav of the page */
/**/

/**/
/*This css is for the content portion of the page */
/**/

/*This is used for styling the 3000 ft view of the page. i.e it is here to quickly give a user the overall content of 
the page so it save the user time from hunting thru a page */
.LeadInText
{
	width: 572px;
	margin: 7px 0px 14px 9px;
	padding: 0px 0px 0px 0px;
	color: #663300;
	font-weight: normal;
	font-size: 16px;
	float: left;
}

/**/
/*end css is for the the content portion  of the page */
/**/

/**/
/*This css is for the bottom nav of the page */
/**/
#footerCopyright
{
	margin: 4px 0px 0px 0px;
	padding: 0px;
	float: left;
	font-size: 10px;
	color: #231f20;
	font-weight: normal;
}

#bottomNavBar
{
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	list-style: none;
	font-size: 10px;
	color: #231f20;
	float: right;
}



#bottomNavBar li
{
	float: left; 
	color: #231f20; 
	padding: 0px 15px 0px 5px;
}

#bottomNavBar .removeNavBorders							{border: none; padding-right: 0px; margin-bottom: 0px;}

/*Style them links for the footer links*/
#bottomNavBar a															{font-weight: bold; text-decoration: underline;}
#bottomNavBar a:link, #bottomNavBar a:visited, #bottomNavBar a:active	{color:#231f20;}
#bottomNavBar a:hover													{color:#666666;}

/**/
/*end css is for the bottom nav of the page */
/**/


/**/
/*This is the styling for the various pages that need specific styling*/
/**/

/*This is used to give margins and padding to the content of the web site*/
#contentDiv
{
	margin: 15px 95px 15px 95px;
	padding: 0px 0px 0px 0px;
}

/*This is for content on pages with a nav bar*/

#contentDivNav
{
	width: 450px;
	margin: 15px 95px 15px 195px;
}

#contentDivTestNav
{
	width: 550px;
	margin: 15px 35px 15px 195px;
}

* html #contentDivTestNav  /* this is recognized by IE only */
  {
  width: 540px;  /* total width, only for IE5.x/Win */
  width: 540px; /* content width for other IE */
  }

#contentThinDivNav
{	
	width: 380px;
	margin: 15px 30px 15px 195px;
	padding: 0px 0px 0px 0px;

}


.imageRight
{
	float: right;	
}

/*Style the form inputs on the textimonials page and the get more info page*/
.form 
{
	text-align: left;
	width: 100%;
	margin-bottom: 10px;	
}

label 
{
	text-align: left;
	margin: 5px 0px 5px 0px;
	padding: 0, 5px, 0, 0;	
	
}

label.formBox 
{
	color: #666666;
	font-size: 12px;
	text-align: right;
	margin: 5px 0px 5px 0px;
	padding: 0, 5px, 0, 0;
	float: left;	
}

label.formBox2 
{
	color: #666666;
	font-size: 12px;
	text-align: right;
	margin: 5px 0px 5px 0px;
	padding: 0, 5px, 0, 0;	
}

/*This is to style the content for the free brochure page*/

#InfoContentDiv
{
	width: 450px;
	margin: 15px 95px 15px 195px;

}

/*This is to style the customer testimonial page content*/
#contentDivNavTestimonial
{
	float: right;
	width: 500px;
	margin: 15px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	border: solid 1px blue;
}


/*This styles the left and right testimonials columns*/
#leftTestimonialCol
{
	width: 260px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#rightTestimonialCol
{
	width: 260px;
	float: left;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
}

/*Style the left hand content*/
.leftHandContentList
{
	list-style: none;
	margin: 3px 5px 15px 0px;
	padding: 0px;
}

.leftHandContentTop
{
	padding: 5px 0px 0px 0px;
	background: url(../images/testimoniaHeaderSub1.gif) no-repeat;
	font: normal 13px/140% "Arial", Tahoma, sans-serif;
	color: #202020;	
}

.leftHandContentBottom
{
	padding: 0px 0px 2px 0px;
	font: bold 13px/140% "Arial", Tahoma, sans-serif;
	color: #bdbdbd;	
}

/*Style the right hand part of the testimonials page*/
.rightHandContentList
{
	list-style: none;
	margin: 3px 0px 15px 0px;
	padding: 0px;
}

.rightHandContentTop
{
	padding: 12px 0px 0px 0px;
	background: url(../images/testimoniaHeaderSub2.gif) no-repeat;
	font: bold 13px/140% "Arial", Tahoma, sans-serif;
	color: #333333;	
}

.rightHandContentMid
{
	padding: 0px 0px 0px 0px;
	font: bold 13px/120% "Arial", Tahoma, sans-serif;
	color: #bdbdbd;	
}

.rightHandContentBottom
{
	padding: 19px 0px 2px 0px;
	font: normal 13px/140% "Arial", Tahoma, sans-serif;
	color: #333333;	
}

/*This is styling for the press or press release box on the right */

#newsBox
{
	float:right;
	width: 173px;
	background: url(../images/sideNavBG.gif) repeat-x;
	padding: 10px 8px 19px 8px;
	font: normal 13px/140% "Arial", Tahoma, sans-serif;
	color: #333333;
}

/*Style them links for the news links*/
#newsBox a												{font-weight: normal; text-decoration: none;}
#newsBox a:link, #newsBox a:visited, #newsBox a:active	{color:#777777;}
#newsBox a:hover										{color:#444444;}

.sideNewsTitle
{
	font: normal 14px/140% "Arial", Tahoma, sans-serif;
	color: #666666;
	margin: 10px 0px 0px 0px;
}

/*This is to style the press room page*/

/*This is used to give margins and padding to the press room content*/
#contentDivPress
{
	margin: 15px 110px 15px 95px;
	width: 450px;
}

#contentDivPress p 
{
	font: normal 13px/140% "Arial", Tahoma, sans-serif;
	text-align: left;
	margin-top: 7px;
	padding: 0px;
	line-height: 15px;
}

#contentDivPress h3 
{
	font: normal 16px/130% "Arial", Tahoma, sans-serif;
	margin: 5px 0px 3px 0px;
}

/*Style them links for the press room links*/
#contentDivPress a																{font-weight: normal; text-decoration: none;}
#contentDivPress a:link, #contentDivPress a:visited, #contentDivPress a:active	{color:#777777;}
#contentDivPress a:hover														{color:#444444;}

/*This is to style the presto team page*/

.imgFloat {
	float: left;
	padding-right: 10px;
}

/*This is to control the width of the video box on the cnet video page*/

#contentVideoDiv
{
	width: 450px;
	margin: 15px 95px 15px 95px;	
}

/*This is to apply no styling to ul and li's that need it*/

/*  Makes ul have no style */
.noStyle {
	list-style: none;
	margin-top: 0px;

}

.stFix {
	font-size: 12px;
}

.noStyle li 
{
	padding-top: 4px;
	padding-bottom: 4px;

}

.noStyle h3
{
	font: normal 16px/140% "Arial", Tahoma, sans-serif;
	color: #666666;
}

.noStyle2
{
	margin-left: 22px;	
}

.noStyle2 li 
{
	list-style: none;
	padding-bottom: 5px;

}

/*retail page style of image links*/
.retailFloat
{
	float: left;
	margin: 8px 3px 8px 3px;
}

/*style the contact us page*/
.contactUsHead
{	font: normal 14px/130% "Arial", Tahoma, sans-serif;
	color: #663399;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}body
{
}
