*
{
	padding: 0;
}
body
{
	text-align: center;
   font-family: Verdana;
   font-size: 11px;
   color: #000000;
   line-height: 16px;
   margin-top: 0px;
   margin-bottom: 10px;
   background-image: url('../Images/background.gif');
}
a
{
	font-size: 11px;
	text-decoration: none;
	color: #7F2022;
}
a:hover
{
	text-decoration: underline;
	
}
textarea, input
{
	font-family: Verdana;
	font-size: 0.9em;
	color: #7F2022;
}
ul
{
	list-style-type: disc;
	padding-left: 48px;
	margin: 0px;
}
li
{
	padding-bottom: 2px;
}

/*** Master Page ***/

#Wrapper
{
	text-align: left;
	width: 906px;
	margin-left: auto;
	margin-right: auto;
}







#Wrapper div#MenuContainer
{
	text-align: center;
	width: 100%;
	background-color: #7F2022;
}
#Wrapper div#Menus
{
	height: 60px;
	width: 632px;
	margin-left: auto;
	margin-right: auto;
}

#Wrapper div#Menus #Navigation, #Navigation ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	z-index: 100;
}

#Wrapper div#Menus #Navigation ul
{
	position: absolute;
	display: none;
}

#Wrapper div#Menus #Navigation li
{
	float: left;
	position: relative;
	margin-top: 32px;
}

#Wrapper div#Menus #Navigation a
{
	text-align: center;
	text-decoration: none;
	display: block;
	height: 28px;
	text-indent:-9000px;
	border-right: solid 2px #CA6666;
	
}
#Wrapper div#Menus #Navigation a:hover
{
	cursor: pointer;
}


#Wrapper div#Menus #Navigation a.HomeMenu {background-image: url('/Images/menu_home_off.jpg'); width: 57px;}
#Wrapper div#Menus #Navigation a.HomeMenu:hover {background-image: url('/Images/menu_home_over.jpg');}
#Wrapper div#Menus #Navigation a.HomeMenuSelected {background-image: url('/Images/menu_home_on.jpg'); width: 57px;}

#Wrapper div#Menus #Navigation a.AboutMenu {background-image: url('/Images/menu_about_off.jpg'); width: 78px;}
#Wrapper div#Menus #Navigation a.AboutMenu:hover {background-image: url('/Images/menu_about_over.jpg');}
#Wrapper div#Menus #Navigation a.AboutMenuSelected {background-image: url('/Images/menu_about_on.jpg'); width: 78px;}

#Wrapper div#Menus #Navigation a.ServicesMenu {background-image: url('/Images/menu_services_off.jpg'); width: 72px;}
#Wrapper div#Menus #Navigation a.ServicesMenu:hover {background-image: url('/Images/menu_services_over.jpg');}
#Wrapper div#Menus #Navigation a.ServicesMenuSelected {background-image: url('/Images/menu_services_on.jpg'); width: 72px;}

#Wrapper div#Menus #Navigation a.RequestQuoteMenu {background-image: url('/Images/menu_quote_off.jpg'); width: 121px;}
#Wrapper div#Menus #Navigation a.RequestQuoteMenu:hover {background-image: url('/Images/menu_quote_over.jpg');}
#Wrapper div#Menus #Navigation a.RequestQuoteMenuSelected {background-image: url('/Images/menu_quote_on.jpg'); width: 121px;}

#Wrapper div#Menus #Navigation a.RepairStatusMenu {background-image: url('/Images/menu_check_off.jpg'); width: 145px;}
#Wrapper div#Menus #Navigation a.RepairStatusMenu:hover {background-image: url('/Images/menu_check_over.jpg');}
#Wrapper div#Menus #Navigation a.RepairStatusMenuSelected {background-image: url('/Images/menu_check_on.jpg'); width: 145px;}

#Wrapper div#Menus #Navigation a.FAQMenu {background-image: url('/Images/menu_faq_off.jpg'); width: 57px;}
#Wrapper div#Menus #Navigation a.FAQMenu:hover {background-image: url('/Images/menu_faq_over.jpg');}
#Wrapper div#Menus #Navigation a.FAQMenuSelected {background-image: url('/Images/menu_faq_on.jpg'); width: 57px;}

#Wrapper div#Menus #Navigation a.ContactMenu {background-image: url('/Images/menu_contact_off.jpg'); width: 88px;}
#Wrapper div#Menus #Navigation a.ContactMenu:hover {background-image: url('/Images/menu_contact_over.jpg');}
#Wrapper div#Menus #Navigation a.ContactMenuSelected {background-image: url('/Images/menu_contact_on.jpg'); width: 88px;}

#Wrapper div#Menus #Navigation li ul
{
	position: absolute;
	margin-left: -2px;
	background-color: #696969;
	font-weight: normal;
	font-size: 0.9em;
	width: 106px;
	line-height: normal;
	margin-top: 2px;
	border: solid 1px #CA6666;
	height: auto;
	padding: 0px;
}
#Wrapper div#Menus #Navigation li ul li
{
	margin: 0px;
	padding: 0px;
}
#Wrapper div#Menus #Navigation li ul a
{
	display: block;
	background-color: #F5F5F5;
	padding: 4px 1px 4px 6px;
	text-decoration: none;
	color: #575757;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10px;
	text-align: left;
	width: 97px;
	text-indent: 0px;
	border: solid 1px #696969;
	height: auto;
	font-weight: normal;
}

#Wrapper div#Menus #Navigation li ul a:hover
{
	border: solid 1px #CA6666;
	background-color: #7F2022;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}

#Wrapper div#Menus #Navigation li:hover ul
{
	display: block;
}

/* DO NOT consolodate next 2 lines into one, this breaks IE6 */
#Wrapper div#Menus #Navigation :hover > a.ServicesMenu, #Wrapper div#Menus #Navigation ul ul :hover > a.ServicesMenu
{
	background-image: url('/Images/menu_services_over.jpg');
}

#Wrapper div#PageContainer
{
	background-color: #FFFFFF;
	border-right: solid 4px #7F2022;
	border-bottom: solid 4px #7F2022;
	border-top: solid 8px #7F2022;
	border-left: solid 4px #7F2022;
	margin-top: 25px;
	height: 100%;
}
#Wrapper div#PageContainer div.Banner
{
	width: 898px;
	height: 352px;
}
#Wrapper div#PageContainer div.Banner div#FindOutMore
{
	padding-left: 618px;
	padding-top: 26px;
}
#Wrapper div#PageContainer div.Banner div#FindOutMore a
{
	color: #FFFFFF;
	font-size: 0.8em;
}
#Wrapper div#PageContainer div#BannerRedBorder
{
	height: 4px;
	background-color: #7F2022;
}
#Wrapper div#PageContainer div#BannerGrayBorder
{
	height: 7px;
	background-color: #4D4D4D;
}
#Wrapper div#PageContainer div#ContentWrapper
{
	background-image: url("Images/content_border.jpg");
	background-repeat: repeat-x;
	width: 898px;
	min-height: 78px;
}
#Wrapper div#PageContainer div#ContentSpacer
{
	height: 25px;
	clear: both;
}
#Wrapper div#PageContainer div#AssociationContainer
{
	background-image: url('Images/footer_border.gif');
	background-repeat: no-repeat;
	width: 898px;
	height: 40px;
}
#Wrapper div#PageContainer div#AssociationContainer div#Associations
{
	padding-top: 7px;
	padding-right: 15px;
	float: right;
}
#Wrapper div#PageContainer div#AssociationContainer div#Associations a
{
	padding-left: 12px;
   padding-right: 12px;
}
#Wrapper div#PageContainer div#Footer
{
	background-color: #666666;
	clear: both;
}
#Wrapper div#PageContainer div#Footer div#FooterMenus
{
	padding-top: 5px;
   padding-bottom: 5px;
	text-align: center;
}
#Wrapper div#PageContainer div#Footer div#FooterMenus a
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
   font-size: 0.8em;
   text-align: center;
}
#Wrapper div#PageContainer div#Footer div#FooterMenus span
{
	color: #FFFFFF;
	font-weight: normal;
   font-size: 0.8em;
   text-align: center;
   padding-left: 1px;
   padding-right: 1px;
}
#Wrapper div#PageContainer div#Footer div#Copyright
{
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: center;
   color: #FFFFFF;
   font-size: 0.8em;
}
#Wrapper div#PageContainer div#Footer div#Copyright a
{
	color: #FFFFFF;
   font-size: 1.0em;
	padding-left: 1px;
   padding-right: 1px;
   font-weight: normal;
}
#Wrapper div#PageContainer div#Footer div#Copyright img.FlagImage
{
	padding-right: 4px;
	vertical-align: bottom;
	margin-bottom: 2px;
	margin-top: 1px;
}

/*
#Wrapper div.SubMenu
{
	position: absolute;
	visibility: hidden;
	background-color: #696969;
	font-weight: normal;
	font-size: 0.9em;
	width: 125px;
	margin-left: 3px;
	line-height: normal;
	margin-top: 2px;
	border: solid 1px #CA6666;
}
#Wrapper div.SubMenu a
{
	display: block;
	border: solid 1px #696969;
	background-color: #F5F5F5;
	padding: 4px 0px 4px 7px;
	text-decoration: none;
	color: #575757;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}
#Wrapper div.SubMenu a:hover
{
	border: solid 1px #CA6666;
	background-color: #7F2022;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}
*/

/*** Common Styles ***/

#FAQ, #Repairs, #Detailing, #Privacy, #Contact, #RepairStatus, #RequestQuote
{
	padding-top: 15px;
	width: 100%;
	padding-left: 25px;
}
div#ContentTitle
{
	padding-bottom: 15px;
}



/*** Home Page + Common Styles ***/

#Home div#LeftContent, #About div#LeftContent
{
	padding-left: 25px;
	padding-top: 15px;
	width: 332px;
	float: left;
}
#Home div#RightContent, #About div#RightContent
{
	padding-top: 15px;
	width: 541px;
	float: left;
}
#Home div#LeftContent div#HomeAward
{
	background-image: url('Images/panel1_home.gif');
	background-repeat: no-repeat;
	height: 150px;
	width: 307px;
	padding-left: 18px;
}
#Home div#LeftContent div#HomeAward div.Content
{
	padding-top: 52px;
	width: 180px;
	float: left;
	font-size: 0.8em;
	line-height: 14px;
}
#Home div#LeftContent div#HomeAward div.Image
{
	padding-top: 45px;
	width: 110px;
	float: left;
}
#Home div#LeftContent div#HomeCourtesy
{
	background-image: url('Images/panel2_home.gif');
	background-repeat: no-repeat;
	height: 128px;
	width: 307px;
	padding-left: 18px;
	margin-top: 25px;
}
#Home div#LeftContent div#HomeCourtesy div.Content
{
	padding-top: 52px;
	width: 150px;
	float: left;
	font-size: 0.8em;
	line-height: 14px;
}
#Home div#LeftContent div#HomeCourtesy div.Image
{
	padding-top: 50px;
	width: 140px;
	float: left;
}
#Home div#RightContent div#TitleLine, #About div#RightContent div#TitleLine
{
	border-style: solid; 
	border-color: #7F2022;
	padding-bottom: 10px;
	border-width: 0px 0px 2px 0px; /* top, right, bottom, left */
	margin-bottom: 15px;
}
#Home div#RightContent div.Content
{
	width: 500px;
	padding-left: 8px;
	padding-bottom: 15px;
}


/*** About Page ***/

#About div#LeftContent div#Insurances
{
	background-image: url('Images/panel1_aboutus.gif');
	background-repeat: no-repeat;
	height: 375px;
	width: 307px;
	padding-top: 55px;
	padding-left: 18px;
}
#About div#LeftContent div#Insurances div.InsuranceLogo
{
	float: left;
}
#About div#LeftContent div#Insurances div.Family
{
	padding-top: 12px;
}
#About div#LeftContent div#Insurances div.CNS
{
	padding-left: 32px;
}
#About div#LeftContent div#Insurances div.CDI
{
	padding-top: 32px;
}
#About div#LeftContent div#Insurances div.Intact
{
	padding-top: 30px;
	padding-left: 45px;
}
#About div#LeftContent div#Insurances div.ICBC
{
	padding-top: 42px;
}
#About div#LeftContent div#Insurances div.AXA
{
	padding-top: 32px;
	padding-left: 50px;
}
#About div#LeftContent div#Insurances div.RoyalSun
{
	padding-top: 30px;
}
#About div#LeftContent div#Insurances div.BCAA
{
	padding-top: 35px;
	padding-left: 28px;
}
#About div#RightContent div#OwnerContainer
{
	width: 140px;
	float: left;
}
#About div#RightContent div#OwnerContainer div.OwnerText
{
	color: #2A3F51;
	font-size: 0.8em;
	line-height: 14px;
	padding-left: 8px;
}
#About div#RightContent div#ContentContainer
{
	width: 390px;
	float: left;
}
#About div#RightContent div#ContentContainer div.Content
{
	width: 370px;
	padding-left: 8px;
	padding-bottom: 15px;
}
#About div#RightContent div#Quote
{
	float: right;
	padding-right: 60px;
}


/*** FAQ ***/

#FAQ div.FAQQuestion
{
	color: #7F2022;
	font-weight: bold;
	padding-left: 8px;
	padding-bottom: 5px;
	font-size: 1.1em;
	width: 800px;
}
#FAQ div.FAQAnswer
{
	background-image: url('Images/bullet_black.gif');
	background-repeat: no-repeat;
	background-position: 3px 2px;
	padding-left: 20px;
	margin-left: 15px;
	padding-bottom: 4px;
	width: 800px;
}
#FAQ div.FAQStarText
{
	background-image: url('Images/bullet_star.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
	padding-left: 15px;
	margin-left: 28px;
	padding-bottom: 4px;
	width: 800px;
}
#FAQ div.FAQSubText
{
	padding-bottom: 4px;
	width: 800px;
	padding-left: 30px;
}


/*** Repairs ***/

#Repairs div#LeftContent
{
	width: 570px;
	float: left;
}
#Repairs div#LeftContent div.ServiceHeading
{
	color: #7F2022;
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 5px;
	padding-left: 8px;
}
#Repairs div#LeftContent div.ServiceSubHeading
{
	background-image: url('Images/bullet_star.gif');
	background-repeat: no-repeat;
	background-position: 2px 3px;
	padding-left: 15px;
	margin-left: 8px;
	padding-bottom: 4px;
	font-weight: bold;
	padding-bottom: 3px;
}
#Repairs div#LeftContent div.ServiceContent
{
	width: 500px;
	padding-left: 8px;
	padding-bottom: 25px;
}
#Repairs div#LeftContent div.ServiceImage
{
	padding-left: 50px;
	float: left;
}
#Repairs div#LeftContent div.National
{
	padding-top: 10px;
}
#Repairs div#RightContent
{
	 width: 290px;
	 float: left;
	 margin-top: 50px;
}


/*** Detailing ***/

.DetailHeading
{
	color: #7F2022;
	font-weight: bold;
	padding-bottom: 3px;
	padding-left: 2px;
}
.DetailSubHeading
{
	font-style: italic;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 1px;
}
.DetailItem, .DetailItemLine
{
	padding-top: 3px;
	padding-bottom: 3px;
}
.DetailPrice, .DetailPriceLine
{
	padding-top: 3px;
	padding-bottom: 3px;
}
.DetailItemLine
{
	border-bottom: solid 1px #CA6666;
}
.DetailPriceLine
{
	border-bottom: solid 1px #CA6666;
}
.DetailNote
{
	font-style: italic;
	padding-top: 5px;
}
.DetailSubNote
{
	color: #7F2022;
	padding-bottom: 5px;
	padding-left: 5px;
}


/*** Privacy ***/

#Privacy div.PrivacyHeading
{
	color: #7F2022;
	padding-bottom: 5px;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 8px;
}
#Privacy div.PrivacyText
{
	padding-left: 8px;
}
#Privacy div.PrivacyBullet
{
	background-image: url('Images/bullet_black.gif');
	background-repeat: no-repeat;
	background-position: 3px 2px;
	padding-left: 20px;
	margin-left: 15px;
	padding-bottom: 4px;
	width: 800px;
}

/*** Contact ***/

#Contact div#LeftContent
{
	width: 570px;
	padding-left: 8px;
	float: left;
}
#Contact div#RightContent
{
	width: 290px;
	padding-left: 5px;
	padding-top: 2px;
	float: left;
}

#Contact div.ContactUsHeading
{
	color: #7F2022;
	font-weight: bold;
	border-bottom: solid 1px #C0C0C0;
	padding-bottom: 7px;
	width: 380px;
	padding-left: 10px;
	clear: both;
	padding-top: 15px;
}
#Contact div.AddressInfoTitle
{
	color: #7F2022;
	font-size: 1.0em;
	font-weight: bold;
}
#Contact div.AddressInfo
{
	background-image: url('Images/info_panel.jpg');
	background-repeat: repeat-y;
	height: 80px;
	width: 175px;
	padding-left: 25px;
	color: #4E4E4E;
	float: left;
	margin-right: 5px;
	padding-top: 10px;
}
#Contact div.AddressInfo, #Contact div.AddressInfo a
{
	font-size: 0.9em;
}
#Contact div#ContactForm
{
	margin-left: 12px;
	margin-top: 20px;
}
#Contact div#ContactForm div.ContactLabel
{
	padding-bottom: 12px;
	float: left;
	width: 100px;
}
#Contact div#ContactForm div.ContactTextBox
{
	padding-left: 10px;
	padding-bottom: 12px;
}


/*** Repair Status ***/

#RepairStatus div.ContactLabel
{
	padding-bottom: 12px;
	float: left;
	width: 100px;
}
#RepairStatus div.ContactTextBox
{
	padding-left: 10px;
	padding-bottom: 12px;
}


/*** Request Quote ***/

#RequestQuote div.ContactLabel
{
	padding-bottom: 12px;
	float: left;
	width: 70px;
}
#RequestQuote div.ContactTextBox
{
	padding-left: 10px;
	padding-bottom: 12px;
}
.QuoteInstructionText
{
	color: #7F2022;
	font-weight: bold;
	padding-left: 8px;
	padding-bottom: 5px;
}
.QuoteHeading
{
	color: #7F2022;
	font-weight: bold;
	padding-bottom: 25px;
}
.QuoteNotes
{
	color: #7F2022;
	font-size: 0.8em;
}
.GridViewButton
{
	padding-top: 3px;
	padding-left: 5px;
}
.FileUpload
{
	font-family: Verdana;
	font-size: 0.9em;
	color: #7F2022;
	padding-top: 2px;
}
.ProgressPanel
{
	cursor: move;
	background-color: #000000;
	border: solid 1px #c0c0c0;
	color: #FFFFFF;
	text-align: center;
}


/*** Other ***/

.RequiredAsterisk
{
	color: #7F2022;
	font-weight: bold;
	padding-left: 2px;
}