/******* Page structure ********************/

.ColumnHalfLeft { width: 300px; margin: 0px 10px 0px 0px; float: left; } 
.ColumnHalfRight { width: 300px; float: right; } 

/************* Form elements ***********************/
#PageContent .ContentForm { padding: 0px 0px 2px 0px; } 
#PageContent .frmTxtBox, #PageContent .frmDropBox { margin: 0px 0px 2px 0px; padding: 0px 0px 2px 0px; } 
.frmDropBox label, .frmTxtBox label { width: 90px; display: block; float: left; } 
.frmTxtBox input, #PageContent .frmDropBox select,#PageContent .frmListBoxCentered select { border: 1px solid #000; width: 195px; margin: 0px 0px 2px 0px; } 
#PageContent .frmListBoxCentered select { height: 78px; } 
#PageContent .frmListBoxCentered label { display: none; } 
#PageContent .frmListBoxCentered { text-align: center; }
.frmCheckBox { padding: 0px 10px 0px 0px; }
.frmCheckBox input { margin: 0px; } 
.frmInpShort input, #PageContent .frmInpShort select { width: 90px; } 
.frmHideLabel label { text-indent: -5000px; }

#PageContent .ContentForm input { position: static; } 
#PageContent .frmButton { padding-left: 92px; display: block; height: 30px; }
#PageContent .frmButton input { height: 22px; width: 142px; border: 0px;  } 
#PageContent .frmCenteredButton { text-align: center; } 
#PageContent .frmTextAreaFull textarea { margin-left: 92px; width: 500px; height: 170px; border: 1px solid #000; } 
#PageContent .frmTextAreaFull label { display: block; } 
.frmGender span { width: 85px; display: block; float: left; } 
/***************** MAtrix Boxes ***********************/

#PageContent .MatrixBox { width: 194px; height: 105px; border: 1px solid #8E8E8E; padding: 0px; margin: 0px 0px 10px 10px; float: left; }
#PageContent .MatrixBox p { margin: 2px; }
#PageContent .MatrixBox img { float: left; margin: 1px; }
#PageContent .MatrixBox h2 { font-size: 11px; color: #fff; padding: 2px; background: #8E8E8E; }

/****************** Other Styles **********************/
#PageContent .References { margin-top: 0px; font-size: 10px; color: #333; }
#PageContent p { margin: 0px; margin-bottom: 12px; }
#PageContent .Quotation { color: #000; background: #FFFDD5; margin: 10px; padding: 7px; border: 1px solid #002D5A; }
#PageContent .Quotation h4 { font-size: 10px; margin: 0px; margin-top: 5px; }
#PageContent .WhyBuyBox { width: 200px;	 text-align: left; margin: 0px auto; margin-bottom: 10px; }
#PageContent .KeyBenefitsBox { width: 300px;	 margin: 0px 5px;; margin-bottom: 10px; }
#PageContent .WhyBuyBox h4,#PageContent .KeyBenefitsBox h3 { font-size: 11px; color: #000; padding: 2px; text-align: center; margin: 0px; margin-bottom: 4px; }
#PageContent .KeyBenefitsBox h3 { text-align: left; }
#PageContent .WhyBuyBox ul, #PageContent .KeyBenefitsBox ul { margin: 0px; padding: 0px; list-style: none; }
#PageContent .WhyBuyBox li, #PageContent .KeyBenefitsBox li { background-image: url(/Images/Layout/bullet_whybuy.gif); padding-left: 17px; background-repeat: no-repeat; background-position: 1px 4px; padding-bottom: 2px; padding-top: 2px; }
#PageContent .ProdBox { position: relative; width: 190px; height: 315px; float: left; border: 1px solid #EBEBEB; margin: 0px 0px 15px 15px; }
.ProdBox h3 { color: #666; font-size: 11px; background: #EBEBEB; border: 0px; border-bottom: 3px solid #663399; height: 18px; padding: 2px; }
#PageContent .ProdBox_Desc { padding: 2px; }

.ProdBox_Buy { background: #fff; width: 100%; position: absolute; bottom: 5px; left: 0px; }
#PageContent .ProdBox_Buy h4 { font-size: 10px; }
#PageContent .ProdBox_Buy img { float: right; }
#PageContent .ProdBox_Buy ul { padding: 0px; margin: 0px 0px 2px 2px; width: 100px; float: left; }
#PageContent .ProdBox_Buy li { margin: 4px 0px; list-style: none; }
#PageContent .ProdBuy_Offers { float: left; }

#PageContent .SectionBottom { clear: both; clear: both; display: block; margin-bottom: 20px; }

#PageContent .Synopsys { font-weight: bold; margin: 10px 0px; }
#PageContent #ProductImage { width: 	200px; float: right; text-align: center; margin: 0px 0px 10px 10px;	 padding-top: 15px; }
#PageContent #ProductImage img { margin: 0px auto; }
#PageContent .ProductImageButton { margin-bottom: 15px;	 }

#PageContent q { quotes:"" "" "" ""; }
#PageContent q:before { content:open-quote; }
#PageContent q:after { content:close-quote; }
#PageContent cite { font-weight: bold; font-style: normal; color: #333; }
#PageContent blockquote { margin-left: 15px; }

#PageContent .InlineImage_left { float: left; width: 90px; text-align: center; margin: 5px 5px 5px 0px;	 }
#PageContent .InlineImage_right { float: right; text-align: center; width: 90px; margin: 5px 0px 5px 5px; }
#PageContent .InlineImage_left img, #PageContent .InlineImage_right img { border: 0px; display: block; }
#PageContent .InlineImage_left a, #PageContent .InlineImage_right a, #PageContent .InlineImage_left a:hover, #PageContent .InlineImage_right a:hover { font-weight: normal; }
#PageContent td,#PageContent th { font-size: 11px; }
#PageContent .NoBullets { list-style: none; }
#PageContent .ImgRight { float: right; border: 0px; clear: none; }

#PageContent .ImgLeft { float: left; border: 0px; }
#PageContent .ArticlesMenu { list-style: none; margin: 0px 0px 0px 5px; }
#PageContent .ArticlesMenu li { padding: 2px 2px 2px 10px; background: url(/Images/Layout/bullet_point_menu.gif) 4px 9px no-repeat; }
#PageContent .ArticlesMenu a { display: block; padding: 1px 0px; }
#PageContent .ArticlesMenu li.odds { border-right: 0px; border-left: 0px; background: url(/Images/Layout/bullet_point_menu.gif) 4px 9px no-repeat; }

#PageContent #Pathfinder { margin-bottom: 8px; }

#PageContent .StackInstructions { position: relative; float: right; top: -40px; }
#PageContent .QuoteSquare { position: relative; width: 180px; height: 210px; background: #ffffcc; float: left; border: 1px solid #000; padding: 5px; }
#PageContent .QuoteTwins { position: relative; width: 270px; background: #ffffcc; float: left; border: 1px solid #000; padding: 10px; margin: 0px 0px 10px 5px; }
#PageContent .QuoteTwins p { text-align: justify; }
#PageContent .QuoteTwins img { margin: 0px 4px 4px 0px; }
#PageContent .QuoteTwins .about { height: 150px; }
#PageContent .QuoteTwins .user { height: 28px; }
#PageContent .QuoteSquare blockquote, #PageContent .QuoteSquare p { margin: 0px; padding: 0px; }
#PageContent .QuoteCenter  { margin: 0px 10px; }
#PageContent .QuoteSquare img { position: relative; float: left; margin: 2px; }
#PageContent .QuoteSquare cite { display: block; }
#PageContent .QuoteSquare dfn { height: 24px; display: block; }
#PageContent .QuoteSquare div { position: absolute; bottom: 5px; }

#PageContent .SubHeadLine { margin: 10px 0px; }
#PageContent .KeyBenefitsBox h3 { font-size: 11px; color: #000; padding: 2px; margin: 0px; margin-bottom: 4px; }
#PageContent .KeyBenefitsBox ul { margin: 0px; }
#PageContent #CNTContent { float: left; width: 405px; }

#PageContent #RHSContent { text-align: center; }

#PageContent .ProductBox { position: relative; background: #fffdd6; float: right; border: 1px solid #000;   padding: 3px; width: 600px; margin-bottom: 10px; }
#PageContent .ProductBox form { margin: 0px; }
#PageContent .ProductBox select  { width: 300px; }
#PageContent .ItemDesc input { width: 30px; }
#PageContent .BuyButton { position: absolute; left: 505px; }
#PageContent .ItemDesc { width: 65px; }
#PageContent .ProductBox h4 { margin: 0px 0px 4px 65px; }
#PageContent .ProductBox .OfferPrices{ position: relative; bottom: 0px; margin-right: 10px; width: 120px; text-align: right; }
#PageContent .ProductBox.BuyDetails input { width: 100px; }

#PageContent .DullText { color: #999; }

.NutTable { border-right: #ffffff 0px solid; padding-right: 0px; border-top: #ffffff 0px solid; padding-left: 0px; padding-bottom: 0px; border-left: #ffffff 0px solid; padding-top: 0px; border-bottom: #ffffff 0px solid; background-color: #ebebeb; }
.NetCellLeft { BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; WIDTH: 400px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ebebeb; }
.NetCellRight { border-right: #ffffff 1px solid; border-top: #ffffff 0px solid; border-left: #ffffff 0px solid; width: 200px; border-bottom: #ffffff 1px solid; background-color: #ebebeb; }

.prodreview {width: 380px; background-color: #ebebeb; padding: 4px 0px 0px 4px; margin-bottom: 5px; clear: both; height:65px;  }
.pr_image {float: left; margin-right: 4px;}
.pr_content { width: 320px; font-size: 10px; float: left; text-align: left;}
#PageContent .pr_content h3 { display: block; color: #fff; font-size: 11px; background-color: #999999; font-weight: bold; color: #ffffff; padding: 2px; margin: 0px; }

#PageContent #TermsCond { width: 610px;  margin: 5px 0px 0px 0px; font-size: 9px; }
#PageContent #TermsCond h2 { margin: 5px 0px 0px 0px; font-size: 10px; }
#PageContent #TermsCond li { margin-left: 30px; }

#QuoteBox { width: 300px; position: relative; float: right; color: #717171; background: #EBEBEB; padding: 5px 5px 0px 0px; margin-bottom: 10px; }
#QuoteBox q { margin-left: 35px; font-size: 12px; font-weight: bold; line-height: 20px; display: block; }
#QuoteBox span { margin: 0px; padding: 0px; font: italic 60px 'Times New Roman';  color: #666; line-height: 40px; }
#QuoteBox .startquote { position: absolute; left: -5px; }
#QuoteBox .endquote { position: absolute; bottom: -10px; right: 0px; }
#QuoteBox cite { line-height: 16px; float: left;  font-size: 10px; margin-left: 35px; }
#QuoteBox dfn { margin-left: 10px; font-style: italic; font-weight: normal; }

#PageContent .Warning, #PageContent .ContentBox .Warning { color: #c00; }
#PageContent .Answer { display: none; } 
#PageContent  div.FirstInList { margin: 0px 0px 0px 0px; }


#SearchResults li { margin: 0px 0px 10px 0px; } 
#SearchResults li span { display: block; }

#Content #TrainingTipsNav a { font-weight: bold; }
#Content #TrainingTipsNav a:hover { color: red; }
#Content #TrainingTipsNav li { list-style: none; padding: 0px 2px; border-left: 1px solid #ccc; display: inline; padding-left: 5px}
#Content #TrainingTipsNav .FirstInList { border: 0px; }

.ProdBoxList { float: right; width: 200px; }
#PageContent .articleList { width: 410px; float: left; } 
#PageContent .ProdBoxList div.learnAbout { height: 150px; }