/* Enter your CSS3 Styles Here */ 
@import url("/dealers/dealers.css"); /* for /dealers section & System (Webm) pages */


#SiteBodyDiv {
padding:0;margin:0;
}
#HeaderDesignDiv {
margin:0; padding:0;
border-top:3px solid #F7D094; /* light gold top border */
/* teal gradient:
background: #fffffff;
background: -webkit-linear-gradient(top, #00A19C, #FFFFFF);
background: -moz-linear-gradient(top, #00A19C, #FFFFFF);
background: linear-gradient(to bottom, #00A19C, #FFFFFF); */
}

#PageBodyDiv {
padding-bottom:75px;
}

 
div#product_container
{ width:600px; margin:0 auto 0; }

div#myCart {text-align:right;}
.event_info_pageBodyTable
{ width:1024px; margin:0 auto 0; }


 

#footerCredits { /* for making w3now web design centered at bottom */
text-align:center;
margin-bottom:30px;
}


.blueBorderBg {
padding:10px;
border: 1px solid #62AEE0; 
background: #EDF5FB;
}

#PageBodyDiv p {  
        line-height:25px;
	text-rendering: optimizeLegibility;
        font-size: 15px;
} 

#PageBodyDiv ul li {line-height:25px;}


/* OVERRIDE these things TO MAKE THIS WHOLE SITE 100% WIDTH: */
#SiteBodyDiv, 
#footerCredits,
table#tableMainContent,
TABLE.tableLayoutFixed {
   width:100%;
} 
/* HANDLE CALENDAR PAGE 100% (override this to 100% in mobile css) */
div#upcomingEventsButtonContainer,
div#calendar-page table#calendar {
margin:0 auto 0 auto;
width:1024px;
}
/* Also default all ID="pageBodyTable" to be 100%, UNLESS you put CLASS="make1024" (below) on them */
table#pageBodyTable,
table#PageBodyTable {
width:100%;
}
/* THEN, USE THIS CLASS ON pageBodyTable TO MAKE THEM 1024 CENTERED, (THIS IS ADJUSTED IN THE MOBILE CSS TO MAKE IT 100% INSTEAD, so they will not be 1024 on a phone, see Mobile CSS ) */
.make1024 {
  width:1024px !important;
  margin:0 auto 0 auto !important;
} 
/* CONTAINER FOR WIDE PICS ON EACH PAGE, this is fine for mobile also */
.widePic,
.widePic img {
width:100%;
height:auto;
}
/* CONTAINER FOR SERVICE MENU  */
#smCompleteMenu{
width:1024px;margin:0 auto 0 auto;
}


/* BLUE BUTTON CODE */
a.aRoundButtonBlue {
    color: #00a19c !important;
    border: 2px solid #00a19c;
    font-weight: normal;
    letter-spacing: 1px;
    transition: all 0.3s ease-out;
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 30px;
    -moz-border-radius: 30px;
    font-size: 14px;
    padding: 10px 20px;
    text-decoration: none !important;
}
a.aRoundButtonBlue:hover {
  background-color: #00a19c; 
  color:#ffffff!important;
}

/* GOLD BUTTON CODE */
a.aRoundButtonGold {
    color: #404040;
	background-color: #F8D798;
    border: 2px solid #F4BF5A;
    font-weight: normal;
    letter-spacing: 1px;
    transition: all 0.3s ease-out;   
    box-sizing: border-box;
    border-radius: 30px;
    -moz-border-radius: 30px;
    font-size: 15px;
    padding: 10px 20px;
    text-decoration: none !important;
}
a.aRoundButtonGold:hover {
  background-color: #F4BF5A; 
  color:#000000 !important;
}







/* ADDED BY KRISTI: (PLEASE KEEP) */
a.aRoundButtonBlue.smaller { 
    font-size: 13px;
    padding: 4px 8px; 
font-family:Open Sans,helvetica,sans-serif;
} 
a.aRoundButtonBlue.dealerSignin {
display: block; 
width: 244px;
font-family:Open Sans,helvetica,sans-serif;
text-align:center;
font-weight:normal;
font-size:16px;
padding:5px 10px;
} 
/* END BLUE BUTTON CODE */

 
/* FOR ROUNDED RED BUTTONS : USE  LIKE: <a class="aRoundButtonRed">  */
a.aRoundButtonRed {
background-color: #FF0000; /* red */
color: #ffffff !important;
border: 2px solid #c00000;
letter-spacing: 1px;
transition: all 0.3s ease-out;
box-sizing: border-box;
border-radius: 30px;
-moz-border-radius:30px;
font-size: 15px;
padding: 10px 20px;
font-weight:bold;
text-decoration:none !important;
}
a.aRoundButtonRed.smaller { 
font-size: 13px;
padding: 5px 8px; 
font-family:Open Sans,helvetica,sans-serif;
}
a.aRoundButtonRed:hover {
  background-color: #c00000; /* darker red*/
  color:#ffffff!important;
}
/* END RED BUTTON CODE */

/* FOR ROUNDED WHITE BUTTONS : USE  LIKE: <a class="aRoundButton">  */
a.aRoundButton {
    color: #ffffff !important;
    border: 2px solid #ffffff;
    font-weight: normal;
    letter-spacing: 1px;
    transition: all 0.3s ease-out;
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 30px;
-moz-border-radius:30px;
    font-size: 14px;
    padding: 10px 20px;
text-decoration:none !important;
}
a.aRoundButton:hover {
  background-color: #ffffff;
  color:#660000 !important;
}
/* END WHITE BUTTON CODE */


#FooterMenuDiv SPAN { 
text-transform:uppercase;
}
table.sitemapElemOut tr td div a { /* sitemap links */
text-transform:uppercase;
}
 
H1 { /* Used for Page Title - font size is Page Body Font Size + 6 pixels */
font-weight:normal !important;   
font-size:30px; 
font-family: Bangers,sans-serif;  
color:#202020;
margin-top:0px;
margin-bottom:15px;
padding-top:15px; /* do with padding, not top margin, so it does not put space above the h1 tag on the site */ 
text-align:center; 
}
.VLgHeadiTxt { /* like h1 */
font-weight:normal;   
font-size:30px !important; 
font-family: Bangers,sans-serif !important;  
color:#000000 !important;
margin-top:0px;
margin-bottom:15px; 
text-align:center;
} 
h2 {
font-weight:normal;
text-align:center; 
font-family: Bangers,sans-serif; 
font-size:25px !important;
color:#D29012 !imortant;
}
.MdHeadiTxt { /* like h2 */
font-weight:normal;
text-align:center; 
font-family: Bangers,sans-serif !important; 
font-size:25px !important;
color:#D29012 !imortant;
} 


/* top menu */
#TopMenuDiv #topMenuTable tr td SPAN {  
margin-left:10px;
margin-right:10px;
text-transform:uppercase;
}


#TopMenuDiv a, #TopMenuDiv a:link, #TopMenuDiv a:visited, #TopMenuDiv a:active{
	color: #ffffff;
}
#TopMenuDiv a:hover{
     color: #FFDEAB !important;/* light gold */
}

#TopMenuDiv .TopMenuOn { 	
	background:#008F9C !important; 
} 
#TopMenuDiv .TopMenuOver { 	
	background:#008F9C !important; 
}
.TopMenyOver a {
   background:#007481 !important;
   color: #FFDEAB !important;/* light gold */
}
.anylinkshadow {
display:none;
}
.anylinkcss{
	-moz-box-shadow: 2px 2px 4px #007481;
	-webkit-box-shadow: 2px 2px 4px #007481;
	box-shadow: 2px 2px 4px #007481;
}
.selectedanchor {
 	background:#008F9C !important;
	
}
.anylinkSubMenuItem { 
	background:#007481; 
        padding: 7px 0 7px 0;
text-transform:uppercase;
}
.anylinkcss ul li:hover {
      background:#008F9C !important;
        color: #FFDEAB !important;/* light gold */
}
.anylinkcss ul li:hover a {  
 	 color: #FFDEAB !important;/* light gold */
} 

.mobilew3scTopMenu {
padding:5px;
}


.img-circle {
    border-radius: 50%;
}

.shadow {
     box-shadow: -7px -5px 10px #000000;
 }

 a.thisGroupOfLinks {color:#000000 !important;}

a.thisGroupOfLinks:hover {color:#faa61a !important;}


div#blog-article-list
{ width:1024px;margin:0 auto 0 auto;}
table.blogMainTable
{ width:1024px;margin:0 auto 0 auto;}
 
H2.blogArticleTitle {
      font-weight:normal;
}
#blogMoreButton p {
      font-weight: normal;
}
#blogMoreButtonOver p {
      font-weight :normal;
}

/* stuff for Kristi */
table.tableBorder {  
margin:0 auto 0 auto;
border-top:1px solid #888888; 
border-left:1px solid #888888;
}
table.tableBorder tr td { 
padding:8px;
border-right:1px solid #888888;
border-bottom:1px solid #888888;
font-size:13px;
} 
table.tableBorder tr:nth-child(1) { 
background-color:#CEE2E2;
}
table.tableBorder tr:nth-child(1) td { 
font-weight:bold !important;
}