body
{
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	overflow: auto;	
}

p
{
	font-size: 12px;
	color: #5D5B59;
}

/*  ID SPECIFIC  */
#ContentTitle { font-size: 1.6em; clear:both;  font-weight: bold; margin: 0; padding: 0.2em 0.5em 0.2em 0; font-family: Arial; }
.ContentTitle { font-size: 1.6em; clear:both;  font-weight: bold; margin: 0; padding: 0.2em 0.5em 0.2em 0; font-family: Arial; }
/* Class Specific */
.contentContainer { border: 0px; padding: 20px 20px 10px 20px;}

.articleHeading { font-size: 1em; clear: both; font-weight: bold; margin: 0; padding: 0.2em 0.5em 0.2em 0; font-family: Arial; }
.articleTeaser { font-size: 1em; clear: both; font-weight: normal; margin: 0; padding: 0.2em 0.5em 0.2em 0; font-family: Arial; line-height: 18px; }

.CannotComplete { border:solid 2px red; background-color:#FFBFBF; padding:10px; color:Black; margin-bottom:10px; text-align:center; font-size:12px; }

.teaserReadMore a, a:link, a:active, a:visited { display: inline; color: #000000; }

/* fieldset for forms */
.fsForm { } 
.fsForm div { clear: right; margin: .3em 0em 0em 0em; }
.fsForm label { margin: 0; padding: 4px 0 0 0; width: 12em; text-align:right; float:left; margin-right:0.5em; }

.FormDetailLabel { float:left; width: 200px; vertical-align:bottom;font-weight:bold; padding-right:5px; text-align:left; }
.FormDetail { background-color:#efefef;
	border:solid 1px gray;
	padding:5px;
	text-align:left;}
.FormDetail .FormLine { padding-top:3px;padding-bottom:3px; text-align:left; }
.FormDetail textarea { width:275px; height:150px; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ProductItem
{ 
	background-color:white;
	border:solid 1px gray;
	padding:5px;
	height:250px;
	clear:both;
}

.ProductItem .ProductHeading
{
	font-size: 14px;
	text-transform:uppercase;
	color: #5D5B59;
	font-weight:bold;
}

.ProductItem .ProductDescriptionLeft
{
	float:left;
	width:80%;
}

.ProductItem .ProductImageRight
{
	float:right;
	width:20%;
}

#mainContainer
{
	width: 760px;
	/*border: 1px solid #BDBDBC;*/
	margin-left: auto;
	margin-right: auto;
}

#navContainer
{
	background-color: #FFFFFF;
	height: 100px;
}

/* PAGE HEADER : with the product category navigation */

#pageHeaderContainer
{
	/*width: 759px;
	height: 30px;
	border: 0px;
	clear: both;
	border: 0px;
	border-left: 1px solid #BDBDBC;*/
}

#statusBar
{
	background-color: #678BBF;
	color:White;
	font-size:8pt;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

#statusBar a
{
	color:White;
	text-decoration:underline;
}


#pageHeaderContainerLeftBox
{
	width: 336px;
	height: 29px;
		
	float:left;
	clear: right;
	
	border: 0px;
	border-top:1px solid yellow;
	
	background-color: #E5E5E5;
}

#pageHeaderContainerRightBox
{
	width: 423px;
	float:left;
}

/* END PAGE HEADER */


/* PAGE CONTENTS */

#PageContentContainer
{
	height: auto;	
	background-color: #FFFFFF;
	width: 758px;
	margin: 0;
	border: 0px;
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
}

/* LEFT FRAME STYLES */

#leftFrame
{
	width: 203px;	
	float: left;
}

.sectionlist
{
	/*list-style-image: url(/images/bullet.gif);*/
	list-style-type: disc;
	list-style-position: outside;
	
	margin: 0px;
	padding-left: 25px;
	
	font-family: Arial;
	font-style: normal;
	font-size: 12px;
}

.sectionlistitem
{
	margin: 0 0 0 0;
	padding-left: 0px;
	padding-bottom: 5px;
}



/* END LEFT FRAME STYLES */

#contentFrame
{
	width: 555px;
	min-height: 800px;
	float: left;
	font-size: 12px;
	color: #606060;	
}

.spacer
{
	width: 100%;
}

.contentSection
{
	width: 500px;
	clear: both;
	float: none;
}

.contentSectionHeading
{
	width: 100%;
	height: 30px;
	
	text-align: right;
	clear: both;
	padding-bottom: 10px;
}

.contentSectionBody
{
	text-align: left;
	font-size: 12px;
	color: #5D5B59;
	margin: 5px;
	height: auto;
}

.contentSectionEnd
{
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	float: none;
	width: 100%;
}

.pageHeading
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	left: 20px;
	top: 30px;
}

/* END PAGE CONTENTS */



/* FOOTER */

#footer
{	
	height: 26px;
	border: 0px;
	margin: 0 0 0 0;	
	text-align: center;
}

#footerleft
{
	background-image: url(/images/footer/footerbackground.gif);
	background-repeat: repeat-x;
	border: 0px;
	border-left: 1px solid #BDBDBC;
	width: 739px;
	height: 26px;
	float:left;
}

#footerright
{
	width: 20px;
	height: 26px;
	float:left;
}

#footerText
{
	font-size: 11px;
	color: #000000;
	width: 150px;
	line-height: 26px;
}

#footerText a, a:link, a:active, a:visited { display: inline; color: #000000; }
#footerText a:hover { text-decoration: underline; }

/* END FOOTER */

.errormessage
{
	font-size: 10pt;
	font-weight: bold;
	color: Maroon;
}
.errordisplay
{
	font-size: 10pt;
	font-weight: normal;
	color: red;
	background-color:white;
	padding-left:15pt;
	padding-right:10pt;
	line-height: 15pt;
}
.errordisplay hr
{
	color: red;
}

.productDescriptionCell
{
	vertical-align: top;
	border-right: 2px solid #FFFFFF;
}

.endCell
{	
	border-right: 0px;
}

.productInformationHeader
{
	margin-top: 0px;
	font-weight: bold;
	font-size: 14px;
	height: 30px;
}

.productInformationBody
{
	font-weight: normal;
	font-size: 10px;
}

/* TABLE LAYOUT */
.productTable
{
	width: 500px;	
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.productTableRow
{
	clear: both;
	width: 500px;
	height: 250px;
}

.productTableCell
{
	width: 250px;
	height: 250px;
	float: left;
}

.productImageBox
{
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	height: 210px;
	clear: both;
}

/* PRODUCT MATRIX */

.productRatingBox
{
	
	width: 250px;
	/*clear: both;*/
	text-align: left;
	
}

.productRatingDescription
{
	font-size: 10px;
	width: 130px;
	float: left;
	text-align: left;
}

.productRatingBar
{
	width: 120px;
	float: left;
}

.productDivider
{
	width: 70%;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* SINGLE PRODUCT PAGE */

.singleProductImage
{
	margin: 0.5em 0.0em 0.5em 0.5em;
	padding: 0.2 em;
	float: right;
	border: 1px solid #999999;
}

.singleProductTitle
{
	font-size: 16px;
	font-weight: bold;
}

.singleProductHeading
{
	font-size: 12px;
	font-weight: bold;
}

.singleProductBody
{
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin-top: 4px;
	margin-bottom: 4px;
}

.singleProductInfoBlock
{
	margin-bottom: 10px;
}

/* FAQ Page */

.FAQQuestion
{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

.FAQAnswer
{
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
}

.FAQBlock
{
	border-bottom: 1px solid black;
	margin-bottom : 20px;
}

/* Dealer User Control */

.dealerName { font-size:14px; background-color:#5D5B59; color:White; font-weight:bold; padding:2px; padding-left:6px; }
.dealerAddress { float:left; width:40%; font-size:12px; padding-right:10px; }
.dealerContacts { float:left;  font-size:12px; }
.dealerDetails { padding:5px;  border-bottom:solid 5px #5D5B59;border-left:solid 5px #5D5B59;border-right:solid 5px #5D5B59; height:100px; }

/* set millions of background images */
.rbroundbox { background: url(/styles/corners/nt.gif) repeat; }
.rbtop div { background: url(/styles/corners/tl.gif) no-repeat top left; }
.rbtop { background: url(/styles/corners/tr.gif) no-repeat top right; }
.rbbot div { background: url(/styles/corners/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/styles/corners/br.gif) no-repeat bottom right; }

/* set millions of background images */
.rbroundboxyellow { background: url(/styles/corners/y_nt.gif) repeat; }
.rbtopyellow div { background: url(/styles/corners/y_tl.gif) no-repeat top left; }
.rbtopyellow { background: url(/styles/corners/y_tr.gif) no-repeat top right; }
.rbbotyellow div { background: url(/styles/corners/y_bl.gif) no-repeat bottom left; }
.rbbotyellow { background: url(/styles/corners/y_br.gif) no-repeat bottom right; }

/* set millions of background images */
.rbroundboxblue { background: url(/styles/corners/b_nt.gif) repeat; }
.rbtopblue div { background: url(/styles/corners/b_tl.gif) no-repeat top left; }
.rbtopblue { background: url(/styles/corners/b_tr.gif) no-repeat top right; }
.rbbotblue div { background: url(/styles/corners/b_bl.gif) no-repeat bottom left; }
.rbbotblue { background: url(/styles/corners/b_br.gif) no-repeat bottom right; }

/* set millions of background images */
.rbroundboxgrey { background: url(/styles/corners/gr_nt.gif) repeat; }
.rbtopgrey div { background: url(/styles/corners/gr_tl.gif) no-repeat top left; }
.rbtopgrey { background: url(/styles/corners/gr_tr.gif) no-repeat top right; }
.rbbotgrey div { background: url(/styles/corners/gr_bl.gif) no-repeat bottom left; }
.rbbotgrey { background: url(/styles/corners/gr_br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div,.rbtopyellow div,.rbtopblue div,.rbtopgrey div, .rbtop,.rbtopyellow,.rbtopblue, .rbtopgrey,.rbbot div,.rbbotyellow div,.rbbotblue div,.rbbotgrey div, .rbbot,.rbbotyellow,.rbbotblue,.rbbotgrey {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox, .rbroundboxyellow, .rbroundboxblue { margin: 1em auto; }

.instant
{
	border: solid 1px #E2E2E2; margin: 5px; padding: 5px; background-color: white;
}