/* $Header: /DCC/Applications/DCC.COM/Stylesheet.css 25    5/25/10 11:19a Claudecannafarina $ */

*
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#canvas
{
	margin: auto;
	width: 900px;
}

#apology
{
	font-weight: bolder;
	color: #FFA200;
}

#errorMessageContainer
{
	border: solid 1px red;
	padding: 5px 5px 5px 5px;
}

#flashContainer
{
	z-index: 2;
}

/*-------------------------------------------------------------------------------------------
Styles used at multiple locations */

.Annunciator
{
	display: block;
	font-weight: bold;
	color: Red;
}

a.Link, a.Link:visited, a.Link:active
{
	color: #505050;
	text-decoration: none;
}

.LightLabel
{
	color: #505050;
}

.WhiteFormText
{
    color: #FFFFFF;
    padding-bottom: 7px;
    font-size: smaller;
}

.tblCenter
{
    margin-left: auto;
    margin-right: auto;
}

.LinkSeparator
{
	color: #505050;
}

img
{
	border: none;
}

select
{
	font-size: 11px;
	color: #505050;
}

input[type="text"]
{
	font-size: 11px;
	color: #505050;
}

.ValidationError
{
	width: 95%;
	text-align: center;
}

p
{
	text-align: justify;
}

/*-------------------------------------------------------------------------------------------
Styles associated with the header */

#header
{
	margin: auto auto 5px auto;
	position: relative;
	top: 0px;
}

#breadCrumbContainer
{
	background: url('Images/bg-breadcrumb.gif') no-repeat;
	width: 100%;
	height: 25px;
	position: relative;
	float: left;
}

.BreadCrumb
{
	display: block;
	margin: 5px 0px 0px 25px;
}

#logoContainer
{
	margin: auto auto auto 10px;
}

#blurbContainer
{
	display: inline-block;
	margin: auto 10px auto 30px;
	width: 470px;
	color: #505050;
}

/* Styles assciated with the menu bar within the header */

#menuContainer
{
	position: relative;
	float: left;
}

#menuContainer a
{
	font-size: 12px;
	font-weight: bold;
}

#menuContainer a, #menuContainer a:visited, #menuContainer a:active
{
	clear: right;
	float: left;
	color: White;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	display: inline-block;
	height: 30px;
}

a#applyForFinancingMenuLink, a#applyForFinancingMenuLink:visited, a#applyForFinancingMenuLink:active,
a#aboutUsMenuLink, a#aboutUsMenuLink:visited, a#aboutUsMenuLink:active,
a#CareersMenuLink, a#CareersMenuLink:visited, a#CareersMenuLink:active
{
	background: url(Images/btn-L1-about.gif) no-repeat;
	width: 125px;	/* Image width */
/*	height: 40px;*/
}

a#applyForFinancingMenuLink:hover,
a#aboutUsMenuLink:hover,
a#CareersMenuLink:hover
{
	background-position: bottom;
	/*color: #ffad00;*/
	/*font-size: larger;*/
}

a#financingOptionMenuLink, a#financingOptionMenuLink:visited, a#financingOptionMenuLink:active,
a#BrowseMenuLink, a#BrowseMenuLink:visited, a#BrowseMenuLink:active
{
	background: url(Images/btn-L1-financing.gif) no-repeat;
	width: 183px;	/* Image width */
/*	height: 40px;*/
}

a#financingOptionMenuLink:hover,
a#BrowseMenuLink:hover
{
	background-position: bottom;
	/*color: #ffad00;*/
	/*font-size: larger;*/
}

a#equipmentForSaleMenuLink, a#equipmentForSaleMenuLink:visited, a#equipmentForSaleMenuLink:active,
a#EditMenuLink, a#EditMenuLink:visited, a#EditMenuLink:active
{
	background: url(Images/btn-L1-apply.gif) no-repeat;
	width: 197px;	/* Image width */
/*	height: 40px;*/
}

a#equipmentForSaleMenuLink:hover,
a#EditMenuLink:hover
{
	background-position: bottom;
	/*color: #ffad00;*/
	/*font-size: larger;*/
}

a#equipmentQuoteMenuLink, a#equipmentQuoteMenuLink:visited, a#equipmentQuoteMenuLink:active,
a#SearchMenuLink, a#SearchMenuLink:visited, a#SearchMenuLink:active
{
	background: url(Images/btn-L1-quotes.gif) no-repeat;
	width: 206px;	/* Image width */
/*	height: 40px;*/
}

a#equipmentQuoteMenuLink:hover,
a#SearchMenuLink:hover
{
	background-position: bottom;
	/*color: #ffad00;*/
	/*font-size: larger;*/
}

a#vendorProgramsMenuLink, a#vendorProgramsMenuLink:visited, a#vendorProgramsMenuLink:active,
a#StatusMenuLink, a#StatusMenuLink:visited, a#StatusMenuLink:active
{
	background: url(Images/btn-L1-vendor.gif) no-repeat;
	width: 188px;	/* Image width */
/*	height: 40px;*/
}

a#vendorProgramsMenuLink:hover,
a#StatusMenuLink:hover
{
	background-position: bottom;
	/*color: #ffad00;*/
	/*font-size: larger;*/
}

/*-------------------------------------------------------------------------------------------
Styles associated with the footer */

#copyright
{
	clear: both;
	text-align: center;
	color: #505050;
	font-size: 6pt;
}

#footer
{
	clear: both;
	margin: 10px 10px 0px 10px;
	padding: 10px 5px 10px 10px;
	background-color: #f5f5f5;
}

#footerLinkContainer
{
	float: left;
	height: 25px;
}

#footerLinkContainer .LinkSeparator
{
	vertical-align: middle;
}

#footerLinkContainer a
{
	font-size: smaller;
	vertical-align: middle;
}

#footerLinkContainer a:hover
{
	text-decoration: underline;
}

.NewsContainer
{
	float: right;
	position: relative;
	top: -2px;
}

#newsletterSignup input[type="text"],
#newsletterSignup .LightLabel
{
	position: relative;
	top: -6px;
	font-size: smaller;
}

#footer .ValidationError
{
	font-size: smaller;
}

.CareersFooter
{
	width: 880px;
}

.CareersFooter #footerLinkContainer
{
	margin: auto auto auto 200px;
}

/*-------------------------------------------------------------------------------------------
Styles associated with the content */

#content
{
	position: relative;
	float: left;
}

#centerPane ul.NoBullet,
#centerPane ul.ContactInformation
{
	list-style-type: none;
}

#centerPane ul li
{
	margin-bottom: 10px;
}

#centerPane ul li a
{
	color: #003E74;
}


#centerPane ul.CompactList li,
#centerPane ul.ContactInformation li
{
	margin: 0px;
}

#centerPane ul.ContactInformation li
{
	margin-left: 20px;
}


/*-------------------------------------------------------------------------------------------
Styles associated with DataGrid */

table.DataGrid
{
	border-collapse: collapse;
	border: solid 1px #325486;
}

table.DataGrid caption
{
	background-color: #A0F0C8;
	white-space: nowrap;
	letter-spacing: 1px;
	font-weight: bold;
	color: Blue;
	padding: 5px 10px 10px 5px;
	border: solid 1px #325486;
}

table.DataGrid th
{
	border-collapse: collapse;
	font-weight: bold;
	font-size: larger;
	background-color: Blue;
	color: White;
	padding: 2px 5px 2px 5px;
}

table.DataGrid tr td
{
	border-right: 1px solid #325486;
	border-left: 1px solid #325486;
	border-top-style: none;
	border-bottom-style: none;
	padding: 5px;
}

table.DataGrid tr.DifferentSettings td
{
	background-color: #FFB0B0;
}

table.DataGrid tr td textarea
{
	background-color: Yellow;
	color: Black;
}

/*-------------------------------------------------------------------------------------------
Styles associated with the focus areas in Main.aspx */

#focusAreas
{
	clear: both;
	height: 220px;
	width: 895px;
}

.FocusBox
{
	width: 210px;
	height: 215px;
	background: url('Images/bg-focusarea.gif');
	float: left;
	margin: 0px 0px 0px 10px;
}

.FocusTitle
{
	position: relative;
	top: 10px;
	left: 5px;
	height: 18px;
	width: 95%;
	margin-bottom: 15px;
	background: url('Images/bg-focusarea-title.gif') no-repeat;
}

.FocusTitle a, .FocusTitle a:visited, .FocusTitle a:active
{
	position: relative;
	left: 10px;
	text-decoration: none;
	font-size: 14px;
	color: #5F574F;
	font-weight: bold;
}

.FocusText
{
	color: #505050;
	font-size: 11px;
	padding: 10px 10px 0px 10px;
}

.FocusPicture
{
	position: relative;
	float: left;
	margin-bottom: 15px;
}

#mainPageBottomLinksContainer
{
	width: 100%;
	font-size: 10pt;
	margin: 0px auto 5px auto;
}

#mainPageBottomLinksContainer .FocusTitle
{
	margin-left: 5px;
}

.ThreeLinksBox
{
	float: left;
	margin: 0px 10px 20px 10px;
}

.ThreeLinksBox a
{
	color: #505050;
	display: block;
	text-decoration: none;
}

.ThreeLinksBox a:hover
{
	text-decoration: underline;
}

/*-------------------------------------------------------------------------------------------
Styles associated with News.aspx */

.News
{
	margin-bottom: 20px;
}

.News a
{
	font-size: 12px;
	color: #003E74;
	display: block;
}

.News span
{
	font-size: 9px;
}

/*-------------------------------------------------------------------------------------------
Styles associated with the left pane */

#leftPane
{
	position: relative;
	float: left;
	margin-top: 15px;
	width: 180px;
	color: #003E74;
}

#leftPane #testimonial
{
	font-size: 13px;
	font-style: italic;
	text-align: right;
	line-height: 20px;
	margin-bottom: 55px;
}

#leftPane #title
{
	position: relative;
	top: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

#leftPane #link
{
	position: relative;
	top: -30px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background: url('Images/leftFocusLink-Widget.gif') no-repeat 145px 4px;
}

#leftPane #link a
{
	color: #003E74;
}

/*-------------------------------------------------------------------------------------------
Styles associated with the center pane */

#centerPane
{
	position: relative;
	float: left;
	margin-top: 10px;
	left: 20px;
	width: 470px;
	font-size: 11px;
	color: #505050;
}

#centerPane h1
{
	font-size: 18px;
	color: #FFA200;
	border-bottom: 1px solid #EBEEEA;
	margin-bottom: 20px;
	text-transform: capitalize;
}

#centerPane h2
{
	color: #C84900;
}

#centerPane .Photo
{
	float: right;
	border: none;
	margin-left: 10px;
}

#centerPane #drivingDirections
{
	cursor: pointer;
	text-decoration: underline;
	color: Blue;
}

#centerPane .AddressPanel
{
	border: solid 1px #FFA200;
	padding: 10px 10px 20px 10px;
}

#centerPane .AddressPanel img
{
	position: relative;
	top: 10px;
	left: 125px;
}

/*-------------------------------------------------------------------------------------------
Styles associated with the right pane */

#rightPane
{
	position: relative;
	float: left;
	left: 25px;
	width: 125px;
	margin-top: 15px;
}

/*-------------------------------------------------------------------------------------------
Styles associated with NewsletterSingnup.aspx, CreditProfileReview.aspx, EquipmentQuote.aspx */

#newsletterSignupDetails,
#cprDetails,
#equipmentQuoteDetails
{
	position: relative;
	width: 430px;
	padding: 10px 0px 0px 0px;
}

#newsletterSignupDetails
{
	height: 400px;
	background: url('Images/bg-newsletter-form.gif') no-repeat;
}

#cprDetails,
#equipmentQuoteDetails
{
	height: 471px;
	background: url('Images/bg-quote-form.gif') no-repeat;
}

#newsletterSignupDetails .DataInput,
#cprDetails .DataInput,
#equipmentQuoteDetails .DataInput
{
	height: 40px;
}

#newsletterSignupDetails label,
#cprDetails label,
#equipmentQuoteDetails label
{
	position: relative;
	float: left;
	text-align: right;
	font-weight: bold;
	width: 150px;
	margin: 7px 5px 0px 0px;
}

#newsletterSignupDetails input[type="text"],
#cprDetails input[type="text"],
#equipmentQuoteDetails input[type="text"]
{
	position: relative;
	width: 200px;
	margin-top: 5px;
}

#newsletterSignupDetails p,
#cprDetails p,
#equipmentQuoteDetails p
{
	margin: 25px 15px 0px 15px;
}

#newsletterSignupDetails input[type="image"]
{
	margin: 30px 0px 0px 125px;
}

#cprDetails input[type="image"],
#equipmentQuoteDetails input[type="image"]
{
	position: relative;
	float: left;
	left: 140px;
}

#equipmentQuoteDetails input[type="image"]
{
	top: 50px;
}

#consultationContainer
{
	margin-left: 20px;
	padding: 10px 15px 10px 15px;
	width: 350px;
	text-align: center;
}

/*-------------------------------------------------------------------------------------------
Styles associated with CreditProfileReview.aspx */

#consultationContainer #calendarContainer,
#consultationContainer #timeContainer
{
	height: 45px;
}

#consultationContainer #calendarContainer label,
#consultationContainer #timeContainer label
{
	left: -35px;
	top: -3px;
}

#consultationContainer #calendarContainer input[type="text"]
{
	width: 75px;
	left: -90px;
	top: -4px;
}

#consultationContainer #calendarContainer #calendarImage
{
	position: relative;
	float: left;
	top: -25px;
	left: 210px;
}

#consultationContainer
{
	margin-top: 25px;
}

#consultationContainer #consulationInfo
{
	position: relative;
	left: -35px;
	width: 400px;
	margin-bottom: 30px;
}

#consultationContainer #calendarContainer img
{
	float: left;
}

#consultationContainer #timeContainer select
{
	position: relative;
	float: left;
	left: -35px;
}

/*-------------------------------------------------------------------------------------------
Styles associated with EquipmentQuote.aspx */

#equipmentQuoteDetails label
{
	width: 175px;
}

#equipmentQuoteDetails .DataInput select
{
	margin-top: 5px;
}

#centerPane div[class="FocusTitle"] + #reference
{
	position: relative;
	top: 30px;
}

/*-------------------------------------------------------------------------------------------
Styles associated with ApplyForFinancing.aspx */

.ApplyForFinancing
{
	padding-bottom: 10px;
}

.ApplyForFinancing .ExpansionToggler
{
	clear: left;
	position: relative;
	left: 360px;
	padding-bottom: 10px;
	font-weight: bolder;
}

.ApplyForFinancing .ExpansionToggler > a
{
	color: #505050;
	text-decoration: none;
}

.ApplyForFinancing .ExpandingPanelContainerCollapsed
{
	background: url('Images/Bubble.gif') no-repeat;
	height: 29px;
	Width: 430px;
	margin-bottom: -5px;
}

.ApplyForFinancing .ExpandingPanelContainerExpanded
{
	border: solid 1px #FFA200;
	Width: 430px;
	margin-bottom: 1px;
}

.ApplyForFinancing .ExpandingPanelExpandedView input[type="checkbox"],
.ApplyForFinancing .ExpandingPanelExpandedView input[type="radio"]
{
	position: relative;
	margin-left: 105px;
}

.ApplyForFinancing #timeInBusinessInformation
{
	display: block;
	width: 350px;
	margin-left: 5px;
}

.ApplyForFinancing #timeInBusinessInformation select
{
	margin-left: 3px;
}

.ApplyForFinancing #timeInBusinessInformation input[type="text"]
{
	position: relative;
	width: 40px;
}

.ApplyForFinancing input[type="image"]
{
	position: relative;
	float: left;
	left: 140px;
	margin-top: 10px;
}

.ApplyForFinancing span.Prompt
{
	color: Blue;
	font-style: italic;
	position: relative;
	top: -5px;
}

.ApplyForFinancing #ssnContainer
{
	position: relative;
	float: right;
	left: -50px;
	top: -22px;
}

.ApplyForFinancing #ssnContainer td:first-child
{
	text-align: right;
}

.ApplyForFinancing #ssnContainer td+td
{
	width: 140px;
}

.ApplyForFinancing #ssnValidationErrors span
{
	float: left;
	clear: left;
	width: 100%;
}

/*-------------------------------------------------------------------------------------------
Styles associated with ContactInformation.ascx */

.ContactInformation
{
	width: 400px;
}

.ContactInformation input[type="text"]
{
	width: 250px;
}

.ContactInformation > div
{
	height: 35px;
}

.ContactInformation label
{
	float: left;
	width: 100px;
	text-align: right;
	margin: 0px 10px 0px 10px;
}

/*-------------------------------------------------------------------------------------------
Styles associated with EquipmentTypes.ascx */

.EquipmentTypes
{
	clear: both;
}

.EquipmentTypes h2
{
	margin-bottom: 5px;
}

.EquipmentList
{
	display: inline-block;
	max-height: 150px;
	width: 150px;
	float: left;
}

.EquipmentList p
{
	margin: 0px;
	padding: 0px;
	text-transform: capitalize;
}

/*-------------------------------------------------------------------------------------------
Styles associated with click-to-call modal popup */

.CallMeNow
{
	background-color: #FFFFFF;
	z-index: 9;
	border: solid 1px gray;
	width: 425px;
	height: auto;
}

.CallMeNow #callMeContent
{
	padding: 20px;
}

.CallMeNow #callMeContent h1
{
	font-size: 15px;
	font-weight: bold;
	color: Red;
	text-align: center;
}

.CallMeNow #callMeContent h2
{
	font-size: 11px;
	color: Gray;
	text-align: justify;
}

.CallMeNow #callMeHeader
{
	float: right;
	margin: 10px 0px 0px 0px;
}

.CallMeNow #callMeHeader input[type="image"]
{
	margin-right: 10px;
}

.CallMeNow #callMeContent #actionContainer input[type="image"]
{
	margin: 10px 10px 0px 150px;
}

.CallMeNow #callMeContent #operatorInfo
{
	clear: both;
	background-color: #F1F1F1;
	width: 395px;
	height: 90px;
	margin: 10px auto auto -5px;
	padding-top: 10px;
}

.CallMeNow #callMeContent #operatorInfo div
{
	float: left;
	margin-left: 15px;
}

.CallMeNow #callMeContent #operatorInfo div#fmSection
{
	width: 250px;
}

.CallMeNow #callMeContent #operatorInfo h2
{
	color: Red;
	text-transform: capitalize;
	padding: 0px;
	margin: 0px;
}

.CallMeNow #callMeContent #operatorInfo div#fmImages
{
	width: 25px;
}

.CallMeNow #callMeContent #operatorInfo div#fmImages,
.CallMeNow #callMeContent #operatorInfo div#fmInformation
{
	margin: 5px 0px 0px 10px;
	padding: 0px;
}

.CallMeNow #callMeContent #operatorInfo div#fmImages p,
.CallMeNow #callMeContent #operatorInfo div#fmInformation p
{
	height: 22px;
	margin: 0px;
	padding: 0px;
}

.CallMeNow #callMeContent #callMeLogoContainer
{
	margin-left: -7px;
}

.ModalBackground
{
	background-color: Gray;
	filter: alpha(opacity=30);
	opacity: 0.3;
}

/*-------------------------------------------------------------------------------------------
Styles associated with promo pages */
 #centerFrame #content
{
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}
#centerFrame #content .centered
{
	margin: 20 0 0 0;
	color: #938B82;
	clear:left;
    float:left;
    padding:0;
    position:relative;
    text-align:center;
}
#centerFrame #content .centered .inline
{
   display:block;
   float:left;
   margin:0;
   padding:0;
}

#containerTable
{	
    margin-left: auto;
    margin-right: auto;
}

#centerFrame #content .centered img
{
   clear:right;
}
#centerFrame #content .centered .alone
{
    clear: both;
}
#centerFrame #content .centered .LightLabel
{
    clear:both;
    padding: 20 0 20 0;
}
#promoPageDataContainer #promoPageContent
{
    margin: 10 0 0 0;
}
#promoPageDataContainer #information tr
{
	text-align: right;
	vertical-align: top;
}
#promoPageDataContainer #information .options
{
    height:20px;
    text-align:left;
}
#promoPageDataContainer #information .instructions
{
    text-align: left;
}
#promoPageDataContainer #information .field input
{
    width: 100%;
}
#promoPageDataContainer #information select
{
    width: 62%;
}
#promoPageDataContainer #information td
{
    height: 9px;
}
#promoPageDataContainer #information td.field
{
    width: 250px;
    text-align: right;
}
#promoPageDataContainer #information td.label
{
    width: 150px;
    text-align: left;
}
#promoPageDataContainer #information .longLabel
{
    text-align: left;
}
#promoPageDataContainer #information td.submit
{
    padding-top:25px;
}
/*-------------------------------------------------------------------------------------------
Styles associated with Admin pages */

.CacheControl
{
	margin: 10px auto auto auto;
	border: solid 1px Gray;
	padding: 10px;
}

/* --- EOF --- */