@charset "utf-8";

/* The next section was pulled directly from the head of the Core template. Now, all styles are designated in stylesheets and not in pages. */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0;
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #CCCCCC;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
h2 {
	text-align:center;
}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align: center;
}

/* Default typestyle, below, is what should be embedded in every page. Repeated here for reference. Taken from the "Content" Style from previous iterations. */

.DefaultText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #000000;
}

/* Headtext flag is the Header found in the content area. The below styles reformat all of the "Container1" Area typestyles. */

.HeadText h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.HeadText h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
}


.Container1 h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.Container1 p {
	font-size: 12px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	position: relative;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.SubheadText h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

/* The CoreSubGroupLeftContent group of styles, below, sets the default styles for all of the different text formats that land within the content area. They may be restyled by the Content1 styles or other subsequent tags, but this sets the default for everything that lands inside that area. */

#CoreSubGroupLeftContent p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}	

/* The following needs review to see how much needs to stay and how much can be removed, as it is being set by other styles along the way. */


#CoreContainer {
	width: 780px;
	text-align: left;
	margin: 0 auto;
	background-image: url(../Images/Interface/background_content.gif);
}
#CoreFlag {
	height: 75px;
	width: 780px;
	background-image: url(../Images/Interface/top/Banner_HOME.jpg);
}
#CoreFlagContact {
	height: 75px;
	width: 180px;
	float: left;
	position: relative;
}
#CoreFlagContact span {
	height: 26px;
	width: 180px;
	position: absolute;
	top: 42px;
	text-align: center;
}
#CoreFlagBanner {
	float: left;
	height: 75px;
	width: 400px;
	position: relative;
}

#CoreFlagLogo {
	float: left;
	height: 75px;
	width: 200px;
	text-align: center;
	position: relative;
	vertical-align: middle;
}
#CoreFlagLogo span {
	position: absolute;
	left: 9px;
	top: 9px;
	width: 185px;
	height: 58px;
	font-weight: bolder;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#CoreGroup {
}
#CoreSubGroupLeft {
	width: 640px;
	padding: 0px;
	float: left;
}
#CoreSubGroupLeftNavigation {
	height: 25px;
	width: 638px;
	margin-left: 2px;
	filter: filter: dropshadow(color=#9BAD71, offx=5, offy=5);
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
}
.CoreSubGroupLeftNavigationImage {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.CoreSubGroupLeftNavigationImage a:hover img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	visibility: hidden;
}
.CoreSubGroupLeftNavigationLinkColor {
	color: #FFFFFF;
}
.CoreSubGroupLeftNavigationLinkColor a {
	color: #E4E4E4;
}
.CoreSubGroupLeftNavigationLinkColor a:hover {
	color: #FFFFFF;
}
#CoreSubGroupLeftNavigationHome {
	height: 25px;
	width: 78px;
	position: relative;
	float: left;
}
#CoreSubGroupLeftNavigationHome-span  {
	margin: 0px;
	position: absolute;
	top: 6px;
	padding: 0px;
	left: 25px;
	filter: dropshadow(color=#333333, offx=1, offy=1);
	font-size: 15px;
	letter-spacing: 1px;
}
#CoreSubGroupLeftNavigationLaw {
	height: 25px;
	width: 140px;
	float: left;
	position: relative;
}
#CoreSubGroupLeftNavigationLaw-span1 {
	margin: 0px;
	position: absolute;
	top: 0px;
	padding: 0px;
	left: 68px;
	filter: dropshadow(color=#333333, offx=1, offy=1);
	font-size: 11px;
	text-align: center;
	letter-spacing: 2px;
}
#CoreSubGroupLeftNavigationLaw-span2 {
	margin: 0px;
	position: absolute;
	top: 10px;
	padding: 0px;
	left: 33px;
	filter: dropshadow(color=#333333, offx=1, offy=1);
	font-size: 20px;
	font-weight:bolder;
	text-align: center;
	letter-spacing: 6px;
}
#CoreSubGroupLeftNavigationFire {
	height: 25px;
	width: 140px;
	float: left;
	position: relative;
	background-image: url(../Images/Interface/top/topINT_FIRE_Inact_DIM.jpg);
}
#CoreSubGroupLeftNavigationFire-span {
	margin: 0px;
	position: absolute;
	top: 5px;
	padding: 0px;
	left: 23px;
	filter: dropshadow(color=#333333, offx=1, offy=1);
	font-size: 12px;
	text-align: center;
	letter-spacing: 2px;
	width: 116px;
}
#CoreSubGroupLeftNavigationSports {
	height: 25px;
	width: 140px;
	float: left;
	position: relative;
	background-image: url(../Images/Interface/top/topINT_SPORT_Inact_DIM.jpg);
}
#CoreSubGroupLeftNavigationSports-span1 {
	margin: 0px;
	position: absolute;
	top: 0px;
	padding: 0px;
	left: 42px;
	filter: dropshadow(color=#333333, offx=1, offy=1);
	font-size: 11px;
	text-align: center;
	letter-spacing: 2px;
}
#CoreSubGroupLeftNavigationSports-span2 {
	margin: 0px;
	position: absolute;
	top: 10px;
	padding: 0px;
	left: 40px;
	filter: dropshadow(color=#333333, offx=1, offy=1);
	font-size: 11px;
	text-align: center;
	letter-spacing: 2px;
}
#CoreSubGroupLeftNavigationComm {
	height: 25px;
	width: 139px;
	float: left;
	position: relative;
	background-image: url(../Images/Interface/top/topINT_COMM_Inact_DIM.jpg);
}
#CoreSubGroupLeftNavigationComm-span {
	margin: 0px;
	position: absolute;
	top: 5px;
	padding: 0px;
	left: 34px;
	filter: dropshadow(color=#333333, offx=1, offy=1);
	font-size: 12px;
	text-align: center;
	letter-spacing: 2px;
}
#CoreSubGroupLeftBreadcrumbs {
	width: 630px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-variant: small-caps;
	text-transform: capitalize;
	font-size: 12px;
	font-weight: bolder;
	color: #333333;
}
#CoreSubGroupLeftBreadcrumbs a:hover {
text-decoration:underline;
}

#CoreSubGroupLeftBreadcrumbsLinkColor {
	color: #333333;
}
#CoreSubGroupLeftContent {
	width: 630px;
	margin: 5px;
}
#CoreSubGroupLeftContent a:hover {
text-decoration:underline;
}

#CoreSubGroupRight {
	width: 140px;
	padding: 0px;
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: #CCCCCC;
}
.CoreSubGroupRightGSA {
	min-height: 100%;
	height: 100%;
	padding-top: 15px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 75px;
	padding-right: 0px;
	padding-bottom: 5px;
	vertical-align: bottom;
	margin-top: auto;
}

.CoreSubGroupRightLabelDivs {
	height: 22px;
	width: 140px;
	background-repeat: no-repeat;
	background-position: center center;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	position: relative;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #000000;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	text-align: center;
}
.CoreSubGroupRightLabelDivs img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.CoreSubGroupRightLabelDivs a {
	color: #E4E4E4;
}
.CoreSubGroupRightLabelDivs a:hover {
	color: #FFFFFF;
}


.CoreSubGroupRightLabelDivs span {
	text-align: left;
	width: 80px;
	position: absolute;
	left: 30px;
	top: 2px;
	cursor: pointer;
}


.CoreSubGroupRightLabelDivsContent {
	width: 140px;
	font-size: 11px;
	display: none;
}

.CoreSubGroupRightLabelDivsContent a {
	width: 140px;
	color: #CCCCCC;
}
.CoreSubGroupRightLabelDivsContent a:hover {
	width: 140px;
	color: #FFFFFF;
}
.CoreSubGroupRightLabelDivsContent ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 22px;
	list-style-image: url(../Images/arrow_right12.gif);
	list-style-position: outside;
	position: relative;
}




.CoreSubGroupRightLabelDivsContentFooter {
	background-color: #2E2E2E;
	font-size: 14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	display: block;
}





#CoreFooter {
	height: 25px;
	width: 780px;
	background-image: url(../Images/Interface/footer.gif);
	clear: both;
	text-align: center;
	padding: 0px;
	position: relative;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#CoreFooter span {
	width: 760px;
	padding: 0px;
	position: absolute;
	left: 10px;
	top: 5px;
}
#Debug {
	color: #333333;
	width: 400px;
	background-color: #CCCCCC;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 10px;
	text-align: left;
	visibility: hidden;
}


.CoreTextWhite11pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.CoreTextWhite12pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.CoreTextWhite12ptBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.CoreTextWhite18pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
.CoreTextWhite18ptBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bolder;
}

.CoreTextBlack10pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.CoreTextBlack10ptBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
.CoreTextBlack11pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.CoreTextBlack11ptBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.CoreTextBlack12pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.CoreTextBlack12ptBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.CoreTextBlack18pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
}
.CoreTextBlack18ptBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bolder;
}


.Show {
	display: block;
}
.Hide {
	display: none;
}

/* The Content_popout style creates a 530px-wide popout box with a border and a grey background, used for adding "popout" article notes. */

.Content_popout {
	width: 530px;
	background-color: #CCCCCC;
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	padding: 0px;
}

/* So far, the ContentDropdown style only effects the Dealer Selection page. It is what styles the state dropdown list. This will likely be reused elsewhere for styling the dropdowns to search by vehicle type,e tc. */

.ContentDropdown {
	text-align: center;
	position: relative;
	display: block;
}

/* The Columns styles produce side-by-side 2-up and 3-up column styles, useful for creating magazine-style formats. The lock instruction pages are a good example of how to use the 2-up column layout. */

.Columns_2up {
	padding: 0px;
	float: left;
	width: 300px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	text-indent: 0px;
}

.Columns_2up img {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.Columns_2up p {
	padding: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.Columns_2up .Image_Centered {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.Columns_2up .Image_Centered p {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.Columns_2up .Image_Centered img {
	text-align: center;
	clear: both;
	background-position: center;
}


.Columns_3up {
	padding: 0px;
	float: left;
	width: 195px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.Columns_3upSpread2 {
	padding: 0px;
	float: right;
	width: 400px;
	border: 1px dashed #999999;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.Columns_3up img {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.Columns_3up p {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.Columns_3up_Grey {
	float: left;
	width: 185px;
	border: 1px solid #333333;
	background-color: #CCCCCC;
	margin: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.Columns_3up_Grey p {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.Columns_3up_Grey img {
	float: left;
	text-align: center;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.Columns_3up_Grey_LinkListDiv {
	float: none;
	width: 100%;
	background-color: #CCCCCC;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.Clearer {
	line-height: 0px;
	clear: left;
	height: 0px;
}
.Image_Centered {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.Image_Centered img {
	text-align: center;
	clear: both;
	background-position: center;
}
.Image_Centered p {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.FloatLeft_Image {
	margin: 5px;
	float: left;
}

/* The Build_OptionRow style formats the options listed in the product-specific pages, such as sub/law_enforcement/build/chevrolet/suburban/default page, where they can pick between product height, drawer number, length, etc */
.Build_OptionRowSpacer {
	height: 16px;
	position: relative;
	padding-top: 5px;
}
.Build_OptionRow {
	height: 15px;
	position: relative;
	padding-top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-bottom: 5px;
}
.Build_OptionRow_QMark {
	height: 18px;
	display: inline;
	clear: both;
	position: absolute;
	right: 1px;
	bottom: 3px;
}

.Popout {
	width:250px;
	background-color:#E5E5E5;
	padding:5px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10pt;
	border: 2px solid #333333;
	text-align: left;
	height: auto;
}
.Popout img {
	display: block;
	position: relative;
}
.HLine {
	background-color: #000000;
	clear: both;
	float: none;
	height: 1px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.RightSideButtonDiv {
	background-image: url(../Images/Interface/rightbar/test2/buttonBG_home.gif);
	background-repeat: repeat-x;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #000000;
	width: 75px;
}
a.RightSideButtonDivLink:link {
	text-decoration: underline;
}
a.RightSideButtonDivLink:visited {
	text-decoration: underline;
}
a.RightSideButtonDivLink:hover {
	text-decoration: underline;
}
a.RightSideButtonDivLink:active {
	text-decoration: underline;
}

/* The Content_Image_Transparency_RO style is the method used to give the vibrant rollover effect throughout the site. It contains styles that effect both Mozilla and IE browsers. */

.Content_Image_Transparency_RO a{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.Content_Image_Transparency_RO a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}