﻿/* 
================================
CSS for Market Pride
================================
*/  

*
{
	margin: 0;
	padding: 0;
}

BODY {
	background-color: #ADB0B8;
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
}
.background {
	background-image: url(Images/MP_HomeTableBKG.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 100%;
	height: 100%;
}
.homePageTable {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 1070px;
}
.recipeCardTable {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 640px;
}
.homeWatermark {
	background-image: url(Images/MP_HomeWM.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.lhBoarder {
	background-image: url(Images/MP_lhBoarder.gif);
	background-repeat: repeat-y;
}
.rhBoarder {
	background-image: url(Images/MP_rhBoarder.gif);
	background-repeat: repeat-y;
}
.navElement {
	border-top: 10px solid #FFFFFF;
	background-image: url(Images/MP_HomeLogo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.largeNavElement {
	border-top: 10px solid #FFFFFF;
	background-image: url(Images/MP_1ColumnLogo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
.pictureNavElement {
	border-top: 10px solid #FFFFFF;
	background-image: url(Images/MP_HeroPic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.secondNavElement {
	border-top: 10px solid #FFFFFF;
	background-image: url(Images/MP_SecondLogo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.abstractNavElement {
	border-top: 10px solid #FFFFFF;
	background-image: url(Images/MP_AbstractPic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
.recipeNavElement {
	border-top: 10px solid #FFFFFF;
	background-image: url(Images/MP_RecipeNavPic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
.footerElements {
	background-image: url(Images/MP_bottomBoarder.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;

}
.footer {
	color: 003C79;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.footerLinks {
	color: 003C79;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.oneColContentArea {
	padding: 95px 30px 40px 30px;

}
.secondContentArea {
	padding: 110px 30px 40px 30px;
}
.recipeContentArea {
	background-color: #FFFFFF;
}
#transparentbkg {
	background-color: #BBAD9D;
	filter: Alpha(Opacity=40);-moz-opacity: 0.4;opacity: 0.4;

}
.breadcrumbElement {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 30px;
}
.homeContentArea {
}
.homeRHContentArea {
}
.homePicPane {
	background-color: #FFFFFF;
}
.padFive {
	padding: 5px;
}
.padFiveRight {
	padding-right: 5px;
}
.padTen {
	padding: 10px;
}
.whiteBorder {
	border: 10px solid #FFFFFF;
}
.rangeTitle {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	color: #333333;

}
.rangeTitle A:link, .rangeTitle A:active, .rangeTitle A:visited {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
}
.rangeTitle A:hover {

}
.printRecipeLink {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	color: #003C79;
	text-transform: uppercase;
	text-align: right;
}

/*----------------------------------------*/
/*Xmap styling for National Stockists Page*/
/*----------------------------------------*/
.RssMap {
	background-image: url(DunkWeatherMap.jpg);
}
.NormalMap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
	color: #333333;
}
.MapTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
	color: #333333;
	font-weight: bold;
}
.MapBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: normal;
	color: #333333;
}
.MapBody img {
}

.mapHover {
	margin: 3px;
	border: 1px solid #FFFFFF;
	padding: 10px;
	cursor: hand;
}

/* 
----- Specific Content Pane styling --------------
*/ 

.headerPane {
}

.leftPane {
}

.oneColContentPane {
	BACKGROUND: transparent;
	padding: 20px 60px;
	z-index: 1000;
}
.contentPane {
}
.rightPane {
}

.bottomPane {
	width: 100%;
	background-color: transparent;
}


/*====================================*/
/* GENERIC STYLES*/
/*====================================*/
.Normal{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	text-align: left;
	}
.NormalWhite{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
}
	
H1  {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	text-align: left;
}

H2  {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	text-align: left;
	color: #4F4F4F;
}

H3  {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 28px;
	font-weight: normal;
	text-align: left;
    color:#276193;
}

H4  {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	text-align: left;
	font-style: italic;
	color:#003C79;
}

H5, {
}

	
TH,TD,DIV {
}

A,A:link,A:visited ,A:active {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	color: #003C79;
}

A:hover {
    color:#6095CB;
	text-decoration: underline;
}
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active  {	
	COLOR: #000000; 
	TEXT-DECORATION: underline
}
A.CommandButton:hover {
	COLOR:#000000; 
	TEXT-DECORATION: none
}
.user,A.user:link ,A.user:active,A.user:visited {
	padding-left: 4px;
	COLOR:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
A.user:hover {
	padding-left: 4px;
	COLOR:#6095cb;
}
img, img:link, img:active, img:visited {
	border: none;

}
img:hover {
	border: none;
}
.search,A.search:link,A.search:active,A.search:visited  {	
    color: #3A3E3E;
	TEXT-DECORATION: none
}
A.search:hover {	
    COLOR:#FF9B13;
}
A.footer:link ,A.footer:active,A.footer:visited {
	COLOR:003C79;
}
A.footer:hover {
	COLOR:#6095cb;
	TEXT-DECORATION: underline;
}
.breadcrumb ,A.breadcrumb:link,A.breadcrumb:active,A.breadcrumb:visited{	
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9px; 
	COLOR: #003C79; 
	TEXT-DECORATION: none
}
A.breadcrumb:hover {	
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9px; 
	COLOR: #6095CB; 
	TEXT-DECORATION: none
}
/* END*/
/*---------------------------------------------------------------------------*/

/*====================================================*/
/* Styles the Content Pane Headings in Edit Mode*/
/*====================================================*/
.Head {	
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #000000
}
.SubHead {	
	FONT-SIZE: 11px; 
	COLOR: #000000
}
.SubSubHead {	
		FONT-SIZE: 11px; 
COLOR: #000000
}

/* END*/
/*---------------------------------------------------------------------------*/


/*====================================*/
/*SOLPARTMENU STYLES VERTICAL*/
/*====================================*/

/*---------------------------------------------------------------------------*/

.MainMenu_MenuContainer {
	background-color: Transparent;
}
.MainMenu_MenuBar {
	height:25px;
	width:145px;
}

.MainMenu_TabRootMenuItem TD {
	PADDING-RIGHT:5px;
	PADDING-LEFT:0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #003C79;
	text-align:left;
	BACKGROUND: transparent;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	line-height: 25px;
	width: 160px;
}
.MainMenu_TabRootMenuItemSel TD {
	PADDING-RIGHT:5px;
	PADDING-LEFT:0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #003C79;
	text-align:left;
	BACKGROUND: transparent;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	line-height: 25px;
 }

.MainMenu_MenuItem {
	FONT-WEIGHT: normal;
	COLOR: #FFFFFF;
	padding:0px 5px 0px 5px;
	border:0px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	Z-INDEX: 1000;
	text-decoration: none;
	BACKGROUND: transparent;
	/*background-color: #6095cb;
	filter: Alpha(Opacity=70);-moz-opacity: 0.7;opacity: 0.7;*/
}

.MainMenu_MenuItemSel {
	BACKGROUND: transparent;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	line-height: 20px;
	color: #003C79;
	Z-INDEX: 1000;
	font-weight: normal;
	text-decoration: none;
	padding:0px 5px 0px 5px;
}
.MainMenu_TabMenuItemHover TD {
	PADDING-RIGHT:5px;
	PADDING-LEFT:0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #003C79;
	text-align:left;
	BACKGROUND: transparent;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	line-height: 25px;
	Z-INDEX: 1000;
	text-decoration: underline;
}
	
.MainMenu_TabMenuItemSelHover TD {
	PADDING-RIGHT:5px;
	PADDING-LEFT:0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #003C79;
	text-align:left;
	BACKGROUND: transparent;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	line-height: 25px;
	Z-INDEX: 1000;
}
.MainMenu_MenuIcon {
display:none;
}

/* Styles the second level background */
.submenu {
	background-color: #6095cb;
	filter: Alpha(Opacity=70);-moz-opacity: 0.7;opacity: 0.7;
}

/* Styles the second level hover states */
.submenuitemselected ,.submenuitembreadcrumb { 
	BACKGROUND: #6386A5;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	line-height: 20px;
	color: #003C79;
	Z-INDEX: 1000;
	font-weight: normal;
	text-decoration: none;
	/*padding:0px 8px 0px 8px;*/
}
.MainMenu_MenuBreak {
	background-color: transparent;
}
.MainMenu_MenuArrow {
    DISPLAY: none
}
.MainMenu_TabRootMenuArrow {
	display: none; 
}
.MainMenu_RootMenuArrow {
	display: none; 
}

/* END*/

#PromoPane {
	width: 220px;
	height: 220px;
	float: left;
}


