/*
Colors:
	Header red:  #e42932
	Body border: #424242
	Footer blue: #00274e
	Divider red: #cb0008
*/

/************************** Global Styles ***************************************/
body
{
	color:#00274e;
	font-size: 12px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 20px;
	background-color: #dfdfdf;
	background-image: url(cssImages/body-BG.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}
p
{
}
td
{
}
a:link, a:visited, a:hover, a:active
{
	margin: 0;
	padding: 0;
}
img
{
	margin: 0;
	padding: 0;
	border-width: 0;
}
h1
{
	color: #064267;
	font-size: 16px;
	font-weight: bold;
	margin: 12px 0;
}
h2
{
	color: #cb0008;
	font-size: 18px;
	font-weight: bold;
	margin: 14px 0;
}
h3
{
	color: #064267;
	font-size: 16px;
	font-weight: bold;
	margin: 12px 0;
}
.containerWrapper
{
	padding: 0;
	background-image: url(cssImages/containerWrapper-BG.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position: 50% -10px;
	margin: 0;
	top: 0;
}
.container
{
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

.alert
{
	color:Red;
}

.video
{
	background-image: url(cssImages/video-icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

/************************** Header Styles ***************************************/
.header
{
	width: 900px;
	margin: 0;
	padding: 0;
}
.logo
{
	height: 50px;
	margin-bottom: 20px;
	padding-top: 10px;
}
.cnLogo
{
	margin-left: 10px;
}

.banner
{
	background-image: url(cssImages/banner-BG.jpg);
	height: 160px;
}

.innerPageBanner
{
	font-size:1px;
	width:900px;
	background-color:#e42932;
	height: 5px;
}

/************************** Menu Styles ***************************************/
.menu
{
	background-image: url(cssImages/menu-BG.jpg);
	height: 40px;
}
.menu ul
{
	color: #064267;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 12px 0;
	list-style: none;
}
.menu ul li
{
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: inline;
}
.menu ul li a,
.menu ul li a:link, 
.menu ul li a:visited
{
	color: #064267;
	height: 20px;
	margin: 0;
	padding: 12px 30px 9px;
	text-decoration: none;
}
.menu ul li a:hover
{
	color: #cb0008;
	background-image: url(cssImages/mainmenu-hover-BG.jpg);
	background-repeat: no-repeat;
	background-position: center 27px;
}
.menu ul li a:active
{
	color: #064267;
	background-image: url(cssImages/mainmenu-active-BG.jpg);
	background-repeat: no-repeat;
	background-position: center 27px;
}

/************************** Footer Styles ***************************************/
.footerWrapper
{
	background-image: url(cssImages/footerWrapper-BG.jpg);
	background-position: 0 bottom;
	float: left;
	margin-bottom: 10px;
}
.footer
{
	background-image: url(cssImages/footer-BG.jpg);
	background-repeat: repeat-y;
	width: 900px;
	float: left;
	margin-bottom: 5px;
}
.footer .footerLinks
{
	text-align:center;
	margin: 0px;
}
.footer .footerLinks a,
.footer .footerLinks a:link,
.footer .footerLinks a:visited
{
	margin-left:20px;
	color:#ffffff;
	text-decoration:none;
}
.footer .footerLinks a:hover
{
	margin-left:20px;
	color: #cb0008;
	text-decoration:none;
}
.footer p
{
	color: #fff;
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
}


/************************** Modal Dialog Styles ***************************************/
/* Usage:
    <div class="dialog dialogSmall">
      <div class="dialogHeader">
        <h1 id="dialogHeading">Header</h1>
      </div>
      <div class="dialogBody">
        <asp:ValidationSummary ID="valSummary" runat="server" DisplayMode="BulletList" ValidationGroup="saveDealerGroup" HeaderText="Errors:" CssClass="validationSummary" />
        <!-- input controls -->
			</div>
          
      <div class="buttonContainer">
        <div class="button buttonSmall buttonSubtle">
          <asp:LinkButton ID="btnCancel" runat="server" CausesValidation="false"><span>Cancel</span></asp:LinkButton>
        </div>
        <div class="button buttonSmall buttonDominant">
          <asp:LinkButton ID="btnSend" runat="server" 
                          CausesValidation="true"
                          ValidationGroup="saveDealerGroup"
                          ><span>Send</span></asp:LinkButton>
        </div>
      </div>
    </div>
*/

.modalBackground 
{
	background-repeat: repeat; 
  background-image: url(cssImages/overlay.gif);
}

body > * .modalBackground 
{
	background-image: url(cssImages/overlay.png);
}

div.dialog
{
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	border-left: solid 2px #1F3E5B;
	border-right: solid 2px #1F3E5B;
	border-bottom: solid 2px #1F3E5B;
}

.dialogSmall
{
	width: 450px;
}

.dialogMedium
{
	width: 600px;
}

.dialogLarge
{
	width: 800px;
}

div.dialog .jquery-corner
{
}

div.dialog .dialogHeader
{
	background-color: #1F3E5B;
	text-align: center;
	margin-top: 0px;
	cursor: move;
}
div.dialog .dialogHeader h3
{
	color: #ffffff;
	font-size: 1.3em;
	margin: 0px;
	padding: 5px;
}

div.dialog .dialogBody
{
	padding: 10px;
	font: 1em;
	overflow:hidden;
}

div.dialog .dialogBody p
{
	text-align:left;
}

div.dialog .buttonContainer
{
	padding: 10px;
	font: 1em;
	overflow:hidden;
}

/*************** Input control containers **********************/
/*  Usage: (add class="required" to label for required fields)

  <div class="inputControlContainer inlineLabel">
    <label class="required" for="txtFirstName">First Name:</label>
    <span>
      <input id="txtFirstName" runat="server"/>
    </span>
  </div>
*/

.inputControlContainer
{
  overflow:hidden;
  clear:both; 
  width:98%;
  margin-top:5px;
}

.inlineLabel label 
{
  width:30%; 
  float:left; 
  margin:.3em 0px 0px 0px; 
  padding:0px; 
  line-height:100%; 
/*  position:relative; */
  font-weight:bold;
  
  padding-left:5px;
}

.inlineLabel .secondOnlineLabel
{
  width:10%; 
  float:left; 
  margin:.3em 0px 0px 6%; 
  padding:0px; 
  line-height:100%; 
/*  position:relative; */
  font-weight:bold;
  
  padding-left:5px;
}

.inlineLabel .required
{
  border-left:solid 3px #cc0000;
  padding-left:2px;
}

.required
{
  border-left:solid 3px #cc0000;
  padding-left:2px;
}

.inlineLabel input,
.inlineLabel textarea,
.inlineLabel select 
{ 
  width:65%; 
  float:left; 
  display:inline;
}

.inlineLabel .shortInput
{ 
  width:15%; 
  float:left; 
  display:inline;
}

.inlineLabel .mediumInput
{ 
  width:50%; 
  float:left; 
  display:inline;
}

.inlineLabel img
{
  margin-left:5px;
  margin-top:2px;
}

.inlineLabel .radioButtons label
{
  width:10%; 
  float:left; 
  margin:.3em 0px 0px 0px; 
  padding:0px; 
  line-height:100%; 
  font-weight:bold;
  padding-left:5px;
}

.inlineLabel .radioButtons input
{
  width:3%; 
  float:left; 
  display:inline;
}

.inlineLabel .checkBoxes label
{
  width:10%; 
  float:left; 
  margin:.3em 0px 0px 0px; 
  padding:0px; 
  line-height:100%; 
  font-weight:bold;
  padding-left:5px;
}

.inlineLabel .checkBoxes input
{
  width:3%; 
  float:left; 
  display:inline;
}

.topLabel label 
{
  display:block; 
  float:none; 
  margin:.3em 0px; 
  padding:0px; 
  line-height:100%; 
  width:auto; 
/*  position:relative; */
  font-weight:bold;
}

.topLabel .input,
.topLabel .textarea,
.topLabel .select 
{ 
  width:80%; 
  float:left; 
  display:inline;
}

/************************** Validation Summary Styles ***************************************/
.validationSummary
{
  font-weight:bold;
  font-size:1.1em;
}

.validationSummary ul
{
  margin-top:0px;
  font-weight:normal;
  font-size:0.9em;
}

/************************** Button Styles ***************************************/
/*
	Usage:
        <div class="buttonContainer">
					<div class="button [buttonSmall, buttonMedium, buttonLarge] [buttonDominant, buttonCaution, buttonSubtle]">
						<asp:LinkButton ID="btnCancel" runat="server" CausesValidation="false"><span>Cancel</span></asp:LinkButton>
					</div>
  			</div>
*/

.buttonContainer
{
	overflow:hidden;
}

.button
{
	text-align:center;
	margin:5px;
	padding:5px;
	float:left;
}

.button span
{
	display:block;
	color:inherit;
}

.button a
{
	cursor:hand;
	text-decoration:none;
	display:block;
	color:#ffffff;
	font-size:1.1em;
}

.buttonSmall
{
	width:80px;
	height:18px;
}

.buttonMedium
{
	width:120px;
	height:18px;
}

.buttonLarge
{
	width:160px;
	height:18px;
}

.buttonDominant
{
	background-color:#1F3E5B;
}

.buttonCaution
{
	background-color:#6D0418;
}

.buttonSubtle
{
	background-color:#909090;
}

/****** New button styles *********/
/* Defines styles for buttons
   Usage:
        <div class="btn btnSmall btnDominant">
          <a><span>Save</span></a>
        </div>
*/
.btn
{
  margin: 5px 5px 5px 0px;
  overflow: hidden;
}

.btn a,
.btn a:hover,
.btn a:link,
.btn a:visited
{
  background-repeat: no-repeat;
  display: block;
  cursor: hand;
  text-decoration: none;
  float: left;
}

.btn span
{
  background-repeat: no-repeat;
  display: block;
  text-align: center;
  margin-left: 5px;
  text-decoration: none;
  display: inline;
  float: left;
  line-height:normal;
}

.btnSmall
{
  height: 22px;
}

.btnSmall a,
.btnSmall a:hover,
.btnSmall a:link,
.btnSmall a:visited
{
  font-size: 1em;
  height: 22px;
  color: #ffffff;
  background-position: left -38px;
}

.btnSmall a:hover
{
/* TODO: Commented out because it was caused the form to shift in IE in some cases */	
/*  background-position: left -60px; */
}

.btnSmall a span
{
  height: 18px;
  padding: 2px 10px 2px 5px;
  background-position: right -38px;
  font-weight: bold;
}

.btnSmall a span:hover
{
/* TODO: Commented out because it was caused the form to shift in IE in some cases */	
/*  background-position: right -60px; */
}

.btnDominant a {background-image: url(images/buttons/button_dominant_left.png);}
.btnDominant a span {background-image: url(images/buttons/button_dominant_right.png);}

.btnStandard a {background-image: url(images/buttons/button_standard_left.png);}
.btnStandard a span {background-image: url(images/buttons/button_standard_right.png);}

.btnSubtle a {background-image:url(images/buttons/button_subtle_left.png); }
.btnSubtle a span{background-image:url(images/buttons/button_subtle_right.png); }

.btnCaution a {background-image:url(images/buttons/button_caution_left.png); }
.btnCaution a span{background-image:url(images/buttons/button_caution_right.png); }


/*************** JQuery Tooltip Plugin Styles **********************/
/* NOTES:
	 - The structure of the tooltip is as follows
			<h3>title</h3>
			<div>body</div>
			<div>url</div>
   - The title is the text from the title attribute for the tooltip
	 - The body is only displayed when showBody is true
   - The url is only displayed when showBody is true
*/
.tooltipContainer
{
	position: absolute;
	border: 1px solid #010101;
  background-color: #ffffcc;
	padding: 5px;
	z-index: 150000;
}

.tooltipContainer h3, .tooltipContainer div 
{ 
	margin: 0; 
}

.tooltipContainer h3
{
	font-weight:normal;
	font-size:10pt;
	text-align:left;
}

/************************** Public Master Styles ***************************************/
div.publicMaster
{
	background-image: url(cssImages/content-BG.jpg);
	background-repeat: repeat-y;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}

/************************** Home Page Styles ***************************************/
div.homePage
{
	background-image: url(cssImages/content-BG.jpg);
	background-repeat: repeat-y;
	width: 100%;
	float: left;
	margin: 0;
	padding: 20px 5px 25px 5px;
}

div.homePage .column2-1
{
	display: inline;
	width: 605px;
	float: left;
	margin-left: 25px;
	padding-right: 24px;
}

div.homePage .column2-2 .endorsed,
div.homePage .column2-2 .certifications
{
	margin-top:10px;
	border-top: 1px solid #cb0008;
}

div.homePage .quoteHeadingContainer
{
	overflow:hidden;
}

div.homePage .quoteHeading
{
	margin-top:5px;
	font-weight:bold;
	font-size:1.05em;
	text-decoration:underline;
	float:left;
}

div.homePage .controls
{
	display:block;
	float:left;
	margin-top:10px;
	margin-left:20px;
}

div.homePage .controls .next,
div.homePage .controls .prev,
div.homePage .controls .start,
div.homePage .controls .stop
{
	float:left;
	margin-left:10px;
	border:solid 1px #000000;
}

div.homePage .controls .sel
{
	border:solid 1px #00c800;
}

div.homePage .controls .disabled
{
	border:solid 1px #c8c8c8;
}

div.homePage .scrollup 
{
}

div.homePage .userQuote 
{
	margin-left:10px;
	margin-top:5px;
}

div.homePage .userQuote p
{
	font-size:0.95em;
	line-height:1.1em;
	margin-top:0px;
  margin-bottom :0px;
}

div.homePage .userQuote p.author
{
	margin-top:0.3em;
	font-weight:bold;
}

div.homePage .column2-2
{
	display: inline;
	width: 185px;
	float: left;
	padding-left: 25px;
	border-left: #cb0008 1px solid;
}

div.homePage .column2-2 h3
{
	margin-top:6px;
	margin-bottom:6px;
}

/************************** Solutions Page Styles ***************************************/
div.solutionsPage
{
	margin: 0px 25px 25px 25px;
}

div.solutionsPage .actionButton
{
	margin-left:15px;
	margin-top:10px;
}

div.solutionsPage ul
{
	margin-left:30px;
}

div.solutionsPage .newSection
{
	margin-top:10px;
}

div.solutionsPage .sectionHeading
{
	font-size:1.2em;
	font-weight:bold;
}

div.solutionsPage p
{
	margin-top:0px;
	margin-bottom:0px;
}

div.solutionsPage .sectionContent li
{
	list-style-type:circle;
}

div.solutionsPage .sectionContent .sectionTitle
{
	font-weight:bold;
}

/************************** Results Page Styles ***************************************/
div.resultsPage
{
	margin: 0px 25px 25px 25px;
}

div.resultsPage .tabContainer
{
	overflow:hidden;
}

div.resultsPage .tabContainer .selected
{
	background-color:#00274e;
}

div.resultsPage .tabContainer .selected a
{
	color:#ffffff;
}

div.resultsPage .tabContainer .notSelected
{
	background-color:#c8c8c8;
	color:#00274e;
}

div.resultsPage .tabContainer .notSelected a
{
	color:#00274e;
}

div.resultsPage .tabContainer .tab
{
	text-align:center;
	margin:5px 5px 0px 0px;
	padding:5px;
	float:left;
	width:150px;
}

div.resultsPage .tabContainer .tab span
{
	display:block;
}

div.resultsPage .tabContainer .tab a
{
	cursor:hand;
	text-decoration:none;
	display:block;
	font-size:1.1em;
}

div.resultsPage .contentContainer
{
	border:solid 1px #c8c8c8;
	background-color:#f8f8f8;
	margin:0px;
	padding:0px 20px 0px 20px;
	font-size:1.05em;
}

div.resultsPage .contentContainer .newSection
{
	margin-top:25px;
	padding-top:25px;
	border-top:solid 1px #c8c8c8;
}

div.resultsPage .contentContainer .sectionTitle
{
	font-weight:bold;
	font-size:1.4em;
}

div.resultsPage .contentContainer .highlighted
{
	color:#cb0008;
	font-size:1.1em;
}

div.resultsPage .contentContainer .standout
{
	background-color:#ffff80;
}

div.resultsPage .contentContainer .subtitle
{
	margin-left:20px;
}

div.resultsPage .contentContainer p
{
	margin-top:5px;
	margin-bottom:5px;
}

div.resultsPage .contentContainer p.resultGraph
{
	margin-left:20px;
}

div.resultsPage .contentContainer p.resultGraphLabel
{
	text-align:center;
	color:#cb0008;
	font-size:1.1em;
}

div.resultsPage .contentContainer p.levelOne
{
	margin-left:30px;
	font-size:1.4em;
	color:#274489;
}

div.resultsPage .contentContainer p.levelTwo
{
	margin-left:60px;
	font-size:1.4em;
	color:#274489;
}

div.resultsPage .contentContainer p.levelThree
{
	margin-left:90px;
	font-size:1.4em;
	color:#274489;
}

div.resultsPage .contentContainer p.levelThree span
{
	font-size:1.4em;
	color:#cb0008;
}

div.resultsPage .contentContainer p.example
{
	font-style:italic;
}

div.resultsPage .contentContainer li
{
	margin-top:5px;
}

div.resultsPage .contentContainer li.decimal
{
	list-style-type:decimal;
}

div.resultsPage .contentContainer li.noBullet
{
	list-style-type:none;
}

div.resultsPage .contentContainer .bulletHeading
{
	font-weight:bold;
	font-size:1.1em;
}

div.resultsPage .contentContainer .resultsTable
{
	width:90%;
	border:solid 1px #000000;
	margin-left:20px;
}

div.resultsPage .contentContainer .smallTable
{
	width:44%;
}

div.resultsPage .contentContainer .resultsTable th
{
	background-color:#d8d8d8;
}

div.resultsPage .contentContainer .resultsTable .dividerRow
{
	background-color:#d8d8d8;
	font-size:5px;
	padding:0px;
	height:8px;
}

div.resultsPage .contentContainer .resultsTable .column1
{
	width:30%;
}

div.resultsPage .contentContainer .resultsTable .column2,
div.resultsPage .contentContainer .resultsTable .column3,
div.resultsPage .contentContainer .resultsTable .column4,
div.resultsPage .contentContainer .resultsTable .column5,
div.resultsPage .contentContainer .resultsTable .column6
{
	width:14%;
	text-align:right;
}

div.resultsPage .contentContainer .resultsTable th,
div.resultsPage .contentContainer .resultsTable td
{
	padding:4px;
}

div.resultsPage .contentContainer .resultsTable td
{
	border-top:solid 1px #000000;
}

div.resultsPage .contentContainer .resultsTable th.leftBorder,
div.resultsPage .contentContainer .resultsTable td.leftBorder
{
	border-left:solid 1px #000000;
}

/************************** Partners Page Styles ***************************************/
div.partnersPage
{
	margin: 0px 25px 0px 25px;
}

div.partnersPage .imageRow
{
	margin-left:25px;
}

div.partnersPage .nextImage
{
	margin-left:10px;
}

div.partnersPage .mocImage
{
	margin-left:20px;
}

div.partnersPage .partnerLogos
{
	margin-right:25px;
}

div.partnersPage .contentRow
{
	margin-left:25px;
	margin-right:25px;
	margin-bottom:25px;
	border-bottom: solid 1px #c8c8c8;
}

div.partnersPage .contentRow .graph
{
	width:100%;
	text-align:center;
}

div.partnersPage .contentRow .chart
{
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	width:639px;
	text-align:left;
}

div.partnersPage .contentRow .chart label
{
	font-weight:bold;
	font-size:1.1em;
}

div.partnersPage .contentRow .chart table
{
	border:solid 1px #c8c8c8;
	width:610px;
	padding:0px;
	margin:0px;
}

div.partnersPage .contentRow .chart table th,
div.partnersPage .contentRow .chart table td
{
	padding:3px;
}

div.partnersPage .contentRow .chart table td
{
	border-top:solid 1px #c8c8c8;
}

div.partnersPage .contentRow .chart .column2,
div.partnersPage .contentRow .chart .column3,
div.partnersPage .contentRow .chart .column4,
div.partnersPage .contentRow .chart .column5,
div.partnersPage .contentRow .chart .column6
{
	border-left:solid 1px #c8c8c8;
	text-align:right;
}

div.partnersPage .contentRow .quote
{
	margin-top:25px;
}

div.partnersPage .contentRow .quote label
{
	font-weight:bold;
	font-size:1.1em;
}

div.partnersPage .contentRow .quote p
{
	margin-top:5px;
	margin-left:35px;
}

div.partnersPage .contentRow .dealerAssociationQuote
{
	font-style:italic;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:5px;
}

div.partnersPage .contentRow .dealerAssociationQuoteAuthor
{
	font-weight:bold;
	margin-left:25px;
	margin-right:25px;
}

/************************** News Page Styles ***************************************/
div.newsPage
{
	margin: 0px 25px 25px 25px;
}

/************************** About Us Page Styles ***************************************/
div.aboutUsPage
{
	margin: 0px 25px 25px 25px;
}

div.aboutUsPage .newSection
{
	margin-top:10px;
}

div.aboutUsPage .sectionHeading
{
	font-size:1.2em;
	font-weight:bold;
}

div.aboutUsPage p
{
	margin-top:0px;
	margin-bottom:0px;
}

div.aboutUsPage .additionalParagraph
{
	margin-top:10px;
}

div.aboutUsPage li.circle
{
	list-style-type:circle;
}

div.aboutUsPage li.decimal
{
	list-style-type:decimal;
}

div.aboutUsPage .actionButton
{
	text-align:center;
}

/************************** Contact Us Page Styles ***************************************/
div.contactUsPage
{
	margin: 0px 25px 25px 25px;
}

div.contactUsPage p
{
	margin-left: 10px;
}

div.contactUsPage table
{
	border: 0px;
	padding: 0px;
	width: 50%;
	margin-left: 10px;
}

div.contactUsPage table td
{
	padding-top: 6px;
	padding-bottom: 6px;
}

div.contactUsPage .column1
{
	width: 40%;
	font-weight: bold;
}

div.contactUsPage .column2
{
	width: 50%;
}

div.contactUsPage .column3
{
	width: 10%;
}

/************************** Privacy Policy Page Styles ***************************************/
div.privacyPolicyPage
{
	margin: 0px 25px 25px 25px;
}

div.privacyPolicyPage p
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div.privacyPolicyPage p.indented
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 40px;
}

div.privacyPolicyPage .sectionHeading
{
	font-size:1.2em;
	font-weight:bold;
}

div.privacyPolicyPage li.decimal
{
	list-style-type:decimal;
}

/************************** Product In Action Page Styles ***************************************/
div.productInActionPage
{
	margin: 0px 25px 25px 25px;
	overflow:hidden;
}

div.productInActionPage .container
{
	margin-left:auto;
	margin-right:auto;
}

div.productInActionPage .visibleSlide
{
	display:block;
}

div.productInActionPage .hiddenSlide
{
	display:none;
}

div.productInActionPage .column1
{
	width:40px;
	float:left;
	text-align:center;
	margin-top:250px;
}

div.productInActionPage .column2
{
	width:760px;
	height:565px;
	float:left;
	text-align:center;
	border:1px solid #e8e8e8;
}

div.productInActionPage .column3
{
	width:40px;
	float:left;
	text-align:center;
	margin-top:250px;
}

/************************** Sitemap Page Styles ***************************************/
div.siteMapPage
{
	margin: 0px 25px 25px 25px;
}

div.siteMapPage a,
div.siteMapPage a:link,
div.siteMapPage a:hover,
div.siteMapPage a:visited
{
	color:#00274e;
	text-decoration:none;
	font-size:1.05em;
}

/************************** Login Page Styles ***************************************/
div.loginPage
{
}

div.loginPage .dialogContainer
{
  background-color:#003366;
  width:45%;
  margin-top:30px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:30px;
}

div.loginPage .login
{
  background-color:#f4f4f4;
}

div.loginPage .login .heading
{
  background-color:#003366;
  color:#ffffff;
  text-align:center;
}

div.loginPage .login .heading h1
{
	color: #ffffff;
	font-size: 1.3em;
	margin: 0px;
	padding: 7px;
}

div.loginPage .login .content
{
	padding: 10px;
	text-align:left;
}

div.loginPage .login div.inputControlContainer
{
  margin-top:10px;
  text-align:left;
}

div.loginPage .login .btn
{
	margin-top:30px;
  margin-left:auto;
  margin-right:auto;
	width:75px;
}

div.loginPage .login .errors
{
  margin-top:10px;
}

div.loginPage .login .forgotPassword
{
	font-size:0.8em;
	text-align:center;
}

div.loginPage .login .forgotPassword a,
div.loginPage .login .forgotPassword a.visited,
div.loginPage .login .forgotPassword a.hover
{
	color:#000000;
}

div.loginPage .login .message
{
  margin-top:20px;
  font-size:0.8em;
  text-align:center;
}


/************************** Registration Page Styles ***************************************/
div.registration
{
	background-image: url(cssImages/content-BG.jpg);
	background-repeat: repeat-y;
	width: 100%;
	margin: 0px;
	padding: 10px 0 10px 20px;
}

div.registration p
{
	margin-right:40px;
}

div.registration .inputContainer
{
	width:90%;
	margin-top:5px;
}

div.registration .inputContainer label
{
	width:15%;
	display:inline-block;
}

div.registration .inputContainer input
{
	width:50%;
}

div.registration .btn
{
	margin-top:20px;
}

/************************** Installation Management Master Styles ***************************************/
div.installationManagementMaster
{
	background-image: url(cssImages/content-BG.jpg);
	background-repeat: repeat-y;
	width: 100%;
	margin: 0px;
	padding: 0;
}

/************************** Installation Management Styles ***************************************/

div.installationManagementPage
{
	overflow:hidden;
	width:890px;
	background-color:#ffffff;
	margin-left:5px;
}

div.installationManagementPage .btn
{
	float: left;
	margin-right:10px;
	margin-top:15px;
}

div.installationManagementPage .rightPad
{
	width: 1px;
	right: 0px;
	float: right;
	height: 100%;
	font-size:1px;
}

div.installationManagementPage div.dealerStoreSelector
{
	background-image: url(cssImages/menu-BG.jpg);
	background-repeat:no-repeat;
	background-position:-5px -2px;
	height: 38px;
	margin:0px;
}

div.installationManagementPage div.dealerStoreSelector div.controlGroup
{
	margin-top:7px;
}

div.installationManagementPage .navColumn
{
	width:15%;
	float:left;
/*	height:400px; */
	border-right:solid 1px #00274e;
	background-color: #f4f4f4;
}

div.installationManagementPage .navColumn .navHeading
{
	background-color:#ffffff;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: solid 1px #ffffff;
}

div.installationManagementPage .navColumn h1
{
	color:#00274e;
	font-size:1.3em;
	font-weight:bold;
	margin:0px;
}

div.installationManagementPage .navColumn ul
{
	margin: 0px;
	padding: 0px;
	border: none 0px;
	list-style: none;
	text-align: left;
}

div.installationManagementPage .navColumn ul li
{
	background-color:#00274e;
	color: #ffffff;
	border-bottom:solid 1px #ffffff;
}

div.installationManagementPage .navColumn ul li span.note
{
	font-size:0.7em;
}

div.installationManagementPage .navColumn ul li a,
div.installationManagementPage .navColumn ul li a:link, 
div.installationManagementPage .navColumn ul li a:visited
{
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	display:block;
	color: #ffffff;
	text-decoration: none;
	font-size:1.2em;
	font-weight:bold;
}

div.installationManagementPage .navColumn ul li a:hover
{
	background-color:#e42932;
}

div.installationManagementPage .navColumn ul li a.selected
{
	background-color: #ffffff;
	color: #064267;
}

div.installationManagementPage .contentColumn
{
	margin-left: 15%;
	border-left: solid 1px #00274e;
	background-color: #ffffff;
/*	height: 400px; */
}

div.installationManagementPage .contentColumn .menuBar
{
	background-color:#00274e;
	text-align:center;
	width:100%;
	border-bottom:solid 1px #00274e;
}

div.installationManagementPage .contentColumn .menuBar ul
{
	height:23px;
	line-height:23px;
	margin:0;
	padding:0;
	list-style: none;
}

div.installationManagementPage .contentColumn .menuBar .menuItem
{
  display:inline;
}

div.installationManagementPage .contentColumn .menuBar .menuItem a 
{
	text-decoration:none;
	cursor:hand;
  color: #ffffff;
  font-weight: bold;
  padding:4px 15px;
}

div.installationManagementPage .contentColumn .menuBar .menuItem a:hover
{
	background-color:#e42932;
}

div.installationManagementPage .contentColumn .menuBar .menuItem a.selected
{
	background-color: #ffffff;
	color: #064267;
}

div.installationManagementPage .underConstruction
{
	display:block;
	font-size:2em;
	padding-top:50px;
	text-align:center;
}

/******************************** Manage Demos Styles ******************************************/
div.manageDemos
{
	padding: 0;
	margin: 0;
}

div.manageDemos .contentContainer
{
	width:100%;
}

div.manageDemos .contentContainer .filters
{
	width:100%;
	padding: 7px 0 7px 10px;
	border-bottom:1px solid #00274e;
	overflow:hidden;
}

div.manageDemos .contentContainer .filters .filterContainer
{
	float:left;
	margin-right:15px;
}

div.manageDemos .contentContainer .filters .filterContainer label
{
	font-weight:bold;
	display:inline-block;
	margin-right:5px;
	margin-bottom:3px;
}

div.manageDemos .contentContainer .noContent
{
	text-align:center;
	padding-top:20px;
	font-weight:bold;
	font-size:1.2em;
}

div.manageDemos .contentContainer .content
{
	
}

div.manageDemos .contentContainer table
{
	width:100%;
}

div.manageDemos .contentContainer table .evenRow
{
	background-color:#FFFFe0;
}

div.manageDemos .contentContainer table th
{
	text-align:left;
	font-weight:bold;
	background-color:#9ebef5;
	vertical-align:top;
/*	line-height:normal;*/
}

div.manageDemos .contentContainer table td
{
	vertical-align:top;
	line-height:1.2em; 
}

div.manageDemos .contentContainer table .btn
{
	float:none;
	padding:0;
	margin:0;
}

div.manageDemos .contentContainer .col1,
div.manageDemos .contentContainer .col2,
div.manageDemos .contentContainer .col3,
div.manageDemos .contentContainer .col4,
div.manageDemos .contentContainer .col5,
div.manageDemos .contentContainer .col6,
div.manageDemos .contentContainer .col7,
div.manageDemos .contentContainer .col8
{
	padding:3px;
	border-bottom:1px solid #00274e;
}

div.manageDemos .contentContainer .col2,
div.manageDemos .contentContainer .col3,
div.manageDemos .contentContainer .col4,
div.manageDemos .contentContainer .col5,
div.manageDemos .contentContainer .col6,
div.manageDemos .contentContainer .col7,
div.manageDemos .contentContainer .col8
{
	border-left:1px solid #00274e;
}

div.manageDemos .contentContainer .col1,
div.manageDemos .contentContainer .col3
{
	width:12%;
}

div.manageDemos .contentContainer .col2,
div.manageDemos .contentContainer .col4
{
	width:15%;
}

div.manageDemos .contentContainer .col5
{
	width:16%;
}

div.manageDemos .contentContainer .col6
{
	width:10%;
}

div.manageDemos .contentContainer .col7
{
	width:10%;
}

div.manageDemos .contentContainer .col8
{
	width:10%;
	padding-left:10px;
}

div.manageDemos div.dialog .dialogBody
{
	overflow-x:hidden;
	overflow-y:auto;
	height:520px;
	padding-top:0;
}

div.manageDemos div.dialog .btn
{
	float: left;
	margin-right:10px;
	margin-top:0;
}

/************************** Sales and Trainning Resources Styles ***************************************/

div.salesAndTrainingResourcesPage
{
	overflow:hidden;
	width:890px;
	background-color:#ffffff;
	height:300px;
	margin-left:5px;
}

div.salesAndTrainingResourcesPage .section
{
	margin: 10px 0 0 20px;
}

div.salesAndTrainingResourcesPage li
{
	list-style-type:none;
	padding: 2px 0 2px 25px;
}


/************************** Display Videos Styles ***************************************/

div.displayVideosPage
{
	overflow:hidden;
	width:890px;
	background-color:#ffffff;
	padding:0;
	margin-left:5px;
	margin-bottom:1px;
}

.notInstalled
{
	background-color:#ffffff;
	padding:100px 25px 100px 25px;
}

/******************************** Dealer Store Selector Styles *********************************/
div.dealerStoreSelector
{
	width:100%;
	padding-left:10px;
	height:24px;
	margin-top:4px;
	overflow:hidden;
}

div.dealerStoreSelector .controlGroup
{
	float:left;
	width:33%;
}

div.dealerStoreSelector .controlGroup .controlLabel
{
  width:90px; 
  float:left; 
  font-weight:bold;
  margin-top:2px;
  margin-left:0px;
}

div.dealerStoreSelector .controlGroup .controlContainer
{
  float:left; 
  display:inline;
  width:65%;
}

div.dealerStoreSelector .controlGroup .controlContainer input, 
div.dealerStoreSelector .controlGroup .controlContainer select
{
	width:90%;
}

div.dealerStoreSelector .buttonContainer
{
	float:right;
	margin-right:10px;
}

div.dealerStoreSelector .btn 
{
	overflow:hidden;
	margin:0px;
}