﻿
.SiteText{ color:Black; font-family:Verdana; font-size:12px;}
.SiteTextBold{ font-family:Verdana; font-weight:bold; font-size:12px;}
.SiteText2{ font-family:Verdana; font-size:10px; font-weight:bold;}
.SiteText3{ font-family:Verdana; font-size:12px;}
.SiteText4{ font-family:Verdana; font-size:10px;}
.SiteTextRed{ font-family:Verdana; font-size:12px; color:Red;}
.SiteTextRedBold{ font-family:Verdana; font-size:12px; color:Red; font-weight:bold;}
.SiteTextWhiteBold{ font-family:Verdana; font-size:13px; color:white; font-weight:bold;}
.SiteTextBigWhiteBold{ font-family:Verdana; font-size:16px; color:white; font-weight:bold;}
.SiteTextRedSmall{ font-family:Verdana; font-size:9px; color:Red;}
.SiteTextBigBold{ font-family:Verdana; font-size:12px; color:black; font-weight:bold;}

a:link.low      {color: black; text-decoration:none; font-size:10px; font-weight:bold; font-family:Verdana;}
a:visited.low  {color: black; text-decoration:none; font-size:10px; font-weight:bold; font-family:Verdana;}
a:hover.low   {color: #E56717; font-size:10px; font-weight:bold; font-family:Verdana;}

a:link.low2      {color: white; font-weight:bold; font-size:10px; font-family:Verdana;}
a:visited.low2  {color: white; font-weight:bold; font-size:10px; font-family:Verdana;}
a:hover.low2   {color: black; font-weight:bold; font-size:10px; font-family:Verdana;}

a:link.low3      {color: #4e4e45; font-weight:bold; font-size:10px; font-family:Verdana;}
a:visited.low3  {color: #4e4e45; font-weight:bold; font-size:10px; font-family:Verdana;}
a:hover.low3   {color: Black; font-weight:bold; text-decoration: underline; font-size:10px; font-family:Verdana;}

a:link.lowBold     {color: black; font-size:12px; text-decoration: underline; font-family:Verdana;}
a:visited.lowBold  {color: black; text-decoration: underline; font-size:12px; font-weight:bold; font-family:Verdana;}
a:hover.lowBold   {color: #84ad21; text-decoration: underline; font-size:12px; font-weight:bold; font-family:Verdana;}

.ControlStyle
{ 
    padding-top: 2px; padding-bottom: 2px; color: #000000; 
            font-size: 10px; background-color: white; 
            border: 1px solid; border-top-color: #dad6d6; border-left-color: #dad6d6; border-right-color: #dad6d6; 
            border-bottom-color: #dad6d6; font-family:Verdana;
}

.HomeLayoutBodyS1 { padding-right:20px;}
.HomeLayoutBodyS2 { padding-right:20px;}

/**************************************************/
/* Repeater Style 1       used by BrowseBy.ascx User Control                        
/**************************************************/
.RepeaterStyle1 {font-family:Verdana;  }
.RepeaterStyle1 .Title { font-weight:bold; font-size:12px; }
.RepeaterStyle1 .Data {}
.RepeaterStyle1 .Footer {}

/**************************************************/
/* Repeater Style 2       used by YearMakeModel.ascx User Control                        
/**************************************************/
.RepeaterStyle2 {font-family:Verdana;  }
.RepeaterStyle2 .Title { font-weight:bold; font-size:12px; }
.RepeaterStyle2 .Data { padding-right:10px; padding-bottom:7px;}
.RepeaterStyle2 .Footer {}
.RepeaterStyle2 .Field1 { padding:3px 3px 3px 3px; background-image:url(images/bg-sidebar.jpg); background-color:#D4D94D; border-top:solid 1px #CCCCCC;  border-right:solid 1px #CCCCCC;  border-left:solid 1px #CCCCCC;}
.RepeaterStyle2 .Field2 { padding:3px 3px 3px 3px; border-bottom:solid 1px #CCCCCC;  border-right:solid 1px #CCCCCC;  border-left:solid 1px #CCCCCC; }


/******Form Style ***/
.FormStyle1 .Field{ text-align:right; padding-right:3px; padding-bottom:3px;}
.FormStyle1 .Value{ padding-left:3px; padding-right:4px; padding-bottom:3px;}

/************************************************/
/*Form Layout 2
/*************************************************/
.FormStyle2{}
.FormStyle2 .Row{}
.FormStyle2 .HeaderStyle{ font-weight:bold;}
.FormStyle2 .FieldStyle{ width:150px; font-family:Verdana; font-size:10px;}
.FormStyle2 .ValueStyle{ padding-right:6px;}

.RegistrationSection{border-left:solid 1px #84ad21; border-right:solid 1px #84ad21; border-top:solid 1px #84ad21; border-bottom:solid 1px #84ad21; width:800px;}
.RegistrationTitle{ height:30px; background-repeat:repeat-x; }
.RegistrationSpacing{ padding-left:3px; }
.RegistrationSpacingData{ padding-left:3px; padding-bottom:5px;}

/************************************************/
/*GGShoppingCart Grid
/*************************************************/
.ShopCartGrid {border:solid 1px #dad6d6;}
.ShopCartGrid .ImageCell{text-align:center;}
.ShopCartGrid .Header{text-align:center; height:20px; font-family:Verdana; font-size:10px; color:black; background-image:url(images/BlackBack2.jpg); font-weight:bold;}
.ShopCartGrid .Row{ font-family:Verdana; font-size:10px; vertical-align:middle; color:Black; text-align:center;}
.ShopCartGrid .Footer{}
/*************************************************************************************/

/************************************************/
/*ProductListView DataList
/*************************************************/
.ProductListView {border:solid 1px #dad6d6; font-family:Verdana; font-size:12px;}
.ProductListView .Container{ height:225px; padding-left:15px; border-bottom:solid 1px #dad6d6; padding-top:7px;}
.ProductListView .Description{text-align:left; vertical-align:top; width:125px; padding-right:25px; padding-bottom:5px;}
.ProductListView .LongDescription{text-align:left; vertical-align:top; width:125px; padding-right:25px; padding-bottom:5px;}
/*************************************************************************************/

/************************************************/
/*ProductDetail Page
/*************************************************/
.ImageSectionSpacing { padding-right:15px; }


/************************************************/
/*GG Footer User Control
/*************************************************/
.FooterTitle{ padding:4px 4px 4px 4px; width:800px; background-image:url(images/BlackBack2.jpg);}
.FooterBorder{ text-align:center; border:solid 1px gray;}

/************************************************/


/************************************************/
/*Product List Grid
/*************************************************/
.ProdGrid{ border:solid 1px #dad6d6;}
.ProdGrid .Vehicle { border-top:solid 1px #dad6d6; padding:3px 3px 3px 3px;}
.ProdGrid .Title { padding-left:5px; background-color:#F88017; padding-top:5px; padding-bottom:5px;}
.ProdGrid .SubTitle{width:500px; padding:3px 3px 3px 3px; font-family:Verdana; color:Red; font-weight:bold; font-size:12px;}
.ProdGrid .PartTypes { border-top:solid 1px #dad6d6; padding:3px 3px 3px 3px;}
.ProdGrid .Paging { width:inherit; border-bottom:solid 1px #dad6d6; border-top:solid 1px #dad6d6; padding:3px 3px 3px 3px;}
                    
/************************************************/
/*Part Type List
/*************************************************/
.PartType{}
.PartTypeItem{ padding-right:30px; font-size:8px; }

/************************************************/
/*GG Product Vehicle Control
/*************************************************/
.PV {border:solid 1px #8A4117;}
.PVTitle{ height:20px; padding:6px 3px 3px 3px; width:640px; background-color:#F88017;}
.PVData{padding:1px 1px 1px 10px;}





.ContactForm { width: 490px; height:310px; background-image: url(images/back3.jpg);}
.ContactForm .CDataCell1{ width:50px; padding-top:2px; padding-left:20px; padding-bottom:2px; padding-right:4px;}
.ContactForm .CDataCell2{ width:300px; padding-top:2px; padding-left:20px; padding-bottom:2px; padding-right:4px;}



/* COLOR HEX VALUES */

/* darkgreen - #666600   */
/* mediumgreen - #7A7A21   */
/* lightgreen - #D4D94D */
/* gray - #CCCCCC   */
/* red - #FF3300   */

/* BEGIN CONTENT STYLES */

/* topcontent */
/* greencontent */
/* content */
/* contentbold */
/* contentheader */
/* price */

/* *************************** */

.content {
font: 10px/14px Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #4D4D00;
font-weight: normal;
}

a.content:link, a.content:visited
{
color:#4D4D00;
text-decoration:underline;
}

a.content:hover, a.content:active
{
color:#7A7A21;
text-decoration:none;
}

.content ul
{
list-style-type: disc;
}

.content li
{
display: list-item;
margin-top: 5px;
font: 10px/14px  Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #666600;
font-weight: normal;
}

/* *************************** */

.contentheader {
font: 13px  Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #666600;
font-weight: bold;
}

/* *************************** */


.contentbold {
font: 10px/13px  Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #4D4D00;
font-weight: bold;
}

a.contentbold:link, a.contentbold:visited
{
color:#4D4D00;
text-decoration:underline;
}

a.contentbold:hover, a.contentbold:active
{
color:#7A7A21;
text-decoration:none;
}

.contentbold ul
{
list-style-type: disc;
}

.contentbold li
{
display: list-item;
margin-top: 5px;
font: 10px/13px  Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #4D4D00;
font-weight: bold;
}


/* *************************** */


.topcontent {
font: 10px/14px  Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #ffffff;
font-weight: normal;
}

a.topcontent:link, a.topcontent:visited
{
color:#ffffff;
text-decoration:none;
font-weight: bold;
}

a.topcontent:hover, a.topcontent:active
{
color:#D4D94D;
text-decoration:none;
font-weight: bold;
}


/* *************************** */


.greencontent {
font: 12px/18px  Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #D4D94D;
font-weight: bold;
}

a.greencontent:link, a.greencontent:visited
{
color:#D4D94D;
text-decoration:underline;
font-weight: bold;
}

a.greencontent:hover, a.greencontent:active
{
color:#ffffff;
text-decoration:none;
font-weight: bold;
}


/* *************************** */

.price {
font: 11px/14px  Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #FF3300;
font-weight: bold;
}

a.price:link, a.price:visited
{
color:#FF3300;
text-decoration:underline;
font-weight: bold;
}

a.price:hover, a.price:active
{
color:#FF0000;
text-decoration:none;
font-weight: bold;
}


/* ***********MEGA MENU**************** */
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	text-indent: 0px; /*--Push text off of page--*/
	height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/
---------------

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 44px; left: 0;
	z-index: 99999;
	background-color:Red;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin:0; padding: 0;
	
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background-color:Yellow;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {
	color: #ddd;
	background-position: 5px 12px ;/*--Override background position--*/
}
/* END */
