/******************************
*FatBoy® Icecream
*Design and CSS code by mkrogh
*mark dot krogh at gmail dot com
******************************/

/************************
*STICKY FOOTER
************************/

html, body {
 height: 100%;
}
.wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -69px;
}
.footer, .push {
 height: 69px;
}

.footer {
background-image:url(../../images/footerB.jpg);
}

.footerB {
height:69px;
background-image:url(../../images/footerA.jpg);
background-position:center;
background-repeat:no-repeat;
text-align:center;
color:#4d88bb;

}

a {
color: #AF1C00;
}



/******************************
*Body Structure
******************************/

* {
padding: 0;
margin:0; 
}

body {


color: #333;
text-align: left;
font-family:  Verdana, Arial, sans-serif serif; 
font-size: 11px;
background-image:url(../../images/mainContainerBg1.jpg);
background-repeat: repeat-y;
background-position:center 0;
background-color: #00549d;
}

.wrapper {


}


.header {
background-color:#e3ebfe;
background-image:url(../../images/headerBg.jpg);
background-repeat:no-repeat;
background-position:center 0;
text-align:center;
}


.header .headerContent {
width:800px;
margin: 0 auto;
padding:0;
text-align:left;


}


.header .menuWrapper {
background-image:url(../../images/menuBg.jpg);
background-color:#00347a;
border-bottom: 1px solid #4b729f;
}

.header .menuContainer {
background-image:url(../../images/menuBg2.jpg);
background-repeat:no-repeat;

background-position:center 0;

}

.header .menuContainer .menuContent {
width:800px;
margin: 0 auto;
padding:0;
text-align:left;
}

.headerTable {

width:100%;
}

.headerTable td {
border:0px solid #333;
}
.headerLogo {
width:135px;

}

.headerTag {
background-image:url(../../images/tagBg.jpg);
vertical-align:middle;
text-align:center;
font-size:21px;
font-weight:bold;
color:#505050;
}

.menuTable  {

}

.menuTable td {

height:33px;
vertical-align:middle;
color:#fff;
font-weight:bold;
font-size:13px;
padding:0 12px 0 10px;
background-image:url(../../images/menuDivider.gif);
background-repeat:no-repeat;
background-position:center right;
}

.menuTable td.last {
background-image:none;

}

.menuTable a {
display:block;
padding:0 10px;
color:#fff;
font-weight:bold;
font-size:12px;
padding:3px 10px;
text-decoration:none;
}

.menuTable a:hover {
color:#e9effe;
}

.mainWrapper {
background-image:url(../../images/mainContainerBg2.jpg);
background-repeat:no-repeat;
background-position:center 0;
text-align:center;

}

.mainInsideWrapper {

width:740px;
margin:0 auto;
padding-top:30px;
text-align:left;

}

.mainInsideStoreWrapper {

width:800px;
margin:0 auto;
padding-top:10px;
text-align:left;

}





.leftCol {
width:200px;
float:left;
margin-right:30px;
marign-bottom:30px;
}

.rightCol {
width:510px;
float:left;
marign-bottom:30px;
}


.leftCol h2 {
color:#9d1816;
font-size:13px;
font-weight:bold;

}


.upcomingEventsList  {

padding-top:10px;
}

.upcomingEventsList a {
display:block;
padding-left:15px;
margin-bottom:10px;
background-image:url(../../images/leftMenuArrows.gif);
background-position:left 3px;
background-repeat:no-repeat;
color:#333;
line-height:16px;
text-decoration:none;
}

.upcomingEventsList a:hover {
color:#0c296f;
background-image:url(../../images/leftMenuArrowsHover.gif);
}

.casperStub {
margin-top:40px;
text-align:center;
}

.indexStubs img {border:0 }


/************************
Main Content Box
*************************/

.mainBoxDiv {

margin-bottom:10px;
}

.mainBoxTop {
background-image:url(../../images/mainBoxTop.gif);
font-size:13px; font-weight:bold; vertical-align:top; color:#0c296f;
height:20px;
padding:0 20px;
}

.mainBoxTop span {

font-size:10px; font-weight:normal;
margin-left:10px;
}

.mainBoxMiddleOutside {
background-image:url(../../images/mainBoxMiddle.gif);
padding:0 2px;

}

.mainBoxMiddleInside {
background-image:url(../../images/mainBoxMiddleGradient.gif);
background-repeat:repeat-x;
padding:5px 20px 0 20px;

}

.mainBoxMiddleInside p {
	margin: 0 0 20px 0;
	
	line-height: 140%;
}

.mainBoxBottom {
background-image:url(../../images/mainBoxBottom.gif);
background-repeat:no-repeat;

height:20px;

}


/*********products********/

.productTable {
width:100%;
margin-bottom:20px;
}

.productTable td {
border:0px solid #333;
vertical-align:top;
}

.productTable .productImage  {
width:302px;

}

.productTable .productImage img {
border:1px solid #172279;

}

.productTable .productNutrition {
text-align:center;
}

.productTable .productNutrition a {
font-size:10px;
color:#666;
text-decoration:none;
}

.productTable .productNutrition a:hover {
font-size:10px;
color:#172279;
text-decoration:underline;
}


.productDetails {
line-height:16px;
}

.productDetails h2 {
font-size:12px;
font-weight:bold;
color:#ab1906;
margin-bottom:2px;
}


.sideMenu {
margin-top:10px;
}

.sideMenu ul {
list-style:none;

}

.sideMenu li {
background-image:url(../../images/productMenuRest.gif);
background-repeat:no-repeat;
background-position:left center;
border-bottom:1px solid #d7d7d7;

}

.sideMenu a {
background-image:url(../../images/productMenuRest.gif);
background-repeat:no-repeat;
background-position:left center;
padding: 3px 0 3px 20px;
display:block;
color:#262626;
text-decoration:none;

}

.sideMenu a:hover {
background-image:url(../../images/productMenuHover.gif);
display:block;
color:#172279;

}

.sideMenu .selected a, 
.sideMenu .selected a:hover {
background-image:url(../../images/productMenuSelected.gif);
display:block;
color:#500912;

}




.productDetails h3 {
font-size:11px;
font-weight:bold;
color:#ab1906;
margin-bottom:2px;
}


/*********Mini Cal********/

.miniCal {
margin-top:15px;


}

.miniCal .calendar {
width:100%;
border-collapse:collapse;
}

.miniCal .calendar th {
text-align:center;
padding:6px 0;
border-bottom:1px solid #d7d7d7;
background-color:transparent;}

.miniCal .calendar td {
text-align:center;
border:0px solid #d7d7d7;
padding:4px 0;
background-color:transparent;
}

.miniCal .calendar .linked-day  {
font-weight:bold;

padding:0 0;
}

.miniCal .linked-day a {

text-decoration:none;
color:#122F73;
display:block;
padding:6px 0;
}

.miniCal .calendar-month {
padding:10px;
font-weight:bold;
color:#666;
font-size:13px;
border-top;:1px solid #d7d7d7;
background-color:#fff;


}

.miniCal .calendar-month a {

color:#122F73;
font-size:15px;
text-decoration:none;
}


/* event List and Event Details */

.eventSummary {
margin-left:20px;
margin-top:10px;
}


.eventSummary li {
margin-bottom:10px;
padding-bottom:10px;

}


.eventSummary a {
color:#122F73;
text-decoration:none;
}

.eventDate,
.eventSummary a .eventDate  {

font-size:10px;
font-weight:bold;
color:#777;

}

.eventTitle,
.eventSummary a .eventTitle  {

font-size:12px;
font-weight:bold;


}

.eventDescription {
margin-top:10px;
line-height:18px;
padding-right:20px;
}

.eventImage {
border:1px solid #d8d8d8;
padding:10px;
background-color:#fff;
float:left;
margin-bottom:10px;
margin-right:10px;
}

.eventImage img {
border:1px solid #999;
margin-bottom:5px;

}

.eventDesc {
font-size:10px;
color:#555;
}

/*MEDIA VIDEO TYPE*/

.fbVideoTitle {
font-size:15px;
font-weight:bold;
font-color:#333;
margin-bottom:10px;
}

.fbYouTubeVideo {

margin-bottom:20px;
}

.fbMediaItem {
border:0px solid #333;
margin:20px 0;

}



.fbMediaTitle {
font-weight:bold;
font-size:12px;
color:#122F73;
}

.fbMediaDescription {

padding:3px 20px 3px 0;
}

.fbMediaLink {
background-image:url(../../images/icons/link_go.png);
background-repeat:no-repeat;
background-position:left center;
padding:3px 20px;

}

.fbMediaFile {
background-image:url(../../images/icons/page_white_go.png);
background-repeat:no-repeat;
background-position:left center;
padding:3px 20px;
}




.pdfDownloads a {
display:block;
padding:10px 10px 10px 20px;
background-image:url(../../images/pdf-icon.gif);
background-repeat:no-repeat;
background-position:center left;
}

.form { width:430px; }
.form td { border:0px solid #333;padding:5px 20px 5px 5px;  }

.form input, .form select, .form textarea {width:100%;margin-top:3px;  }

.form .mayWe {  font-size:10px; line-height:24px; 
}

.form label { font-weight:bold;
}

.form .labelerror, .error { font-weight:bold; color:#900; !important; }

.featuredProducts {width:100%;}
.featuredProducts td {padding-right:20px; vertical-align:top;}
.featuredProducts img { border:1px solid #003277; }

.featuredProducts h3 {margin-bottom:10px; font-size:12px;  }

.featuredProducts .viewMore { font-weight:bold font-size:11px;;  }


.racingGallery img {
border:1px solid #333;
margin-right:11px;
}

.graphicsLink {

width:1000px;
margin:0 auto;
padding-top:40px;
padding-right:10px;
text-align:right;
}

.graphicsLink a {
font-weight:bold;
color:#49744a;
text-decoration:none;
font-size:9px;
}

.graphicsLink a:hover {
color:#fff;
}

  /***************/
 /***Retailers***/
/***************/

.tblRetailerResult {margin-top:20px; width:100%; border-collapse:collapse; }
.tblRetailerResult th { padding:5px; }
.tblRetailerResult td { padding:5px 5px 20px 5px; border:1px solid #d7d7d7; }
.tblRetailerResult .storeName { font-size:12px; font-weight:bold; margin-bottom:5px; color:#014E9C;  }
.tblRetailerResult .storeDistance { font-size:12px; font-weight:bold; color:#333;  }
.retailerNote { padding: 10px 0; font-size:10px; color:#666; }


.retailerSearch { }
.retailerSearch td { padding: 0 20px 0 0; }
.retailerSearch label { font-weight:bold; color:#666; display:block; margin-bottom:5px; }


.mailError { border:2px solid #4B0000; padding:10px; color:#4B0000; background-color:#efefef; }

.mailError p { margin-bottom:10px; }


