﻿body
{
	padding-top:0px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	/*background: #f0f0f2 url('../images/background/body_backgound.jpg') repeat;*/
	background-color: #f0f0f2;
	color: #222222;
	margin: auto; 
}
a {color: #CC0000; text-decoration: none; font-weight:bold;}
a:visited {color:#cc4444;}
a:hover {color: #FF4400; }
a:active { color:#000000;}

h1{ font-size:  20pt; font-family: Georgia, Garamond; color: #4444bb /*#bb0000*/; margin-top:0px; padding-top:12px; margin-bottom:0px; }
h2{ font-size: 12pt; font-family: Pristina, Arial, Verdana; font-weight: bold; margin-top: 10px; }
h3{ color: #006666; font-weight: bold; font-size: 12px; margin-bottom: 10px; }
h6{ font-size: 11px; margin-bottom: 4px; color: #000088; }
th,td
{
	border: none; 
	padding:.5em; 
}

.bold { font-weight: bold; }

#container
{
	width: 950px;
	background-color: #ffffff;/*#f6f6f8;*/
	margin: auto;
	margin-top: 0px;
	border: solid 1px #555555;
}
#header{ text-align: center; height: 108px; /*border-bottom: solid 1px #dddddd;*/
		 /*background: #ebebed url('../images/background/header.jpg') no-repeat left;*/
		 /*background: #ffffff url('../images/background/header.jpg') no-repeat right;*/ }

/*#topMenu { width: 100%; height: 20px; background-color: #990000; }*/
#topMenu { width: 100%; height: 20px; background-color: #e7e7ee; }

#menuItems
{
	float: left;
	font-weight: bold;
	font-size: 11px;
	padding-top: 2px;
}
#menuItems a { padding-right: 14px !important; }
#menuItems a:link, #menuItems a:visited, #menuItems a:active { color:#9999bb/*#aaaaaa*/; }
#menuItems a:hover { color:#000066/*#ffddcc*/ !important; }

#modeBar { width: 100%; height:16px; font-size: 8pt;  background-color: #ffffff;}
#modeBar a:link, #topMenu a:active, #topMenu a:visited
{
	color: #9999bb/*#aaaaaa*/;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 8pt;
	font-weight: bold;
}
#modeBar a:hover { color: #cc4444;}
#modeSelection
{
	font-weight:bold;
	float: left;
	text-align: left;
	height: 20px;
	padding-top:1px;
	color: #aaaaaa;
}
#modeSelection label { float: left; height:17px; font-size:11px; border-left: solid 1px #cccccc; border-top: solid 1px #cccccc; padding-right:2px; padding-left:4px; padding-top: 2px;}
#modeSelection label:hover { color: #888888; cursor: pointer; }
#modeSelection img { padding:0x; margin-right: 1px; margin-left: -2px; float: left; }
.selectedMode {  float:left;  color: #0044aa/*#66bb88*//*#4444bb*/; font-weight:bold;}
.unselectedMode { float: left; color: #c8c8c8; font-weight:bold; border-bottom: solid 1px #dddddd; }
.modeEmptyTab { float: left; height:20px; width: 492px; border-bottom: solid 1px #dddddd;}

#exploreBrands {height: 488px;  }
#mainPageSelection { width: 100%; height: 86px; line-height: 24px; }
#topDescription { float:left; width: 100%; height: 60px; margin-top:80px; text-align: center; font-weight:bold; color:#444444; }
.topDescriptionSmallText { font-size: 11px; font-weight:normal; margin-top: -8px; margin-bottom: 8px; }
#countrySelection { float:left;  width:40%; padding-left: 10%;  line-height: 16px; }
#countrySelection-foodServiceMode { margin-left: 8px; line-height: 16px; display: inline; }
#brandSelection   { float:right; width:30%; padding-right: 10%; line-height: 16px; }
#displayScreen { width: 100%; height: 376px; border-top: solid 1px #eeeeee; display:none; }
#displayScreenSideBar { float: right;  width: 188px; height: 100%; }
#displayScreenCenter	{ float: left; width: 760px; height: 100%; text-align: left; font-weight: bold; font-size: 8pt;  border-right: solid 1px #eeeeee; }
#displayScreenSideBarContent { width: 100%; height: 332px; text-align: left;  margin-top: 12px; overflow: scroll;  }
#productsFilter { width: 99%; height: 24px; line-height:24px; color: #336699; text-align: left; background: #ffffff url('../images/background/title_5x24lightblue.png') repeat; border: solid 1px #e8e8f8;}


#displayScreenSideBarContent ul { padding: 0px; line-height: 16px; width: 97%;}

.sideBarListItem
{
	width: 99%;
	margin: 0px;
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	padding-left: 2px; padding-right: 4px;
	color:#888888;
	font-weight: bold;
	cursor: pointer;
	background-image: none;
	list-style-type: none;
}
.sideBarListItemSelected
{
	width: 99%;
	margin: 0px;
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	padding-left: 2px; padding-right: 4px;
	color:#000000;
	font-weight:bold;
	/*background-image: url('../images/background/box_gray5x36.png');*/
	background-repeat: repeat;
}
.sideBarListItem label { color:#333333; font-size: 7pt; font-weight: normal;}
.sideBarListItem:hover { background-color:#f7f7f7 !important; color:#aa0000; font-weight: bold; }
.sideBarListItem:hover label { color:#333333; font-weight: normal; cursor: pointer; }
/*.sideBarListItemSelected { background-image: url('../images/background/title_5x40lightblue.png'); background-repeat: repeat; color:#0000aa; font-weight:bold;}*/
.sideBarListItemSelected label { color:#000066; font-size: 7pt; font-weight:normal;}


#frontImage { font-size: 7pt; color: #333333;}

#displayScreenCenter ul	{	margin-left:4px; }
#displayScreenCenter ul li{list-style-type :none;	margin-left:0px; padding-top:1px; padding-bottom:1px; }

#productsFilter select { margin-top: 2px; }
#productsFilter select option { color: #000000;}
#productsFilterSelectControl
{
	width: 108px;
	margin-left:2px;
	color: #bb0000;
	background-color:#f4f4ff;
	border:solid 1px #8888aa;
	font-size: 8pt;
}

#loadingMessage { font-size: 8pt; font-weight: normal; color: #888888; margin-top: 100px; }
.startMessage
{
	color: #e8e8e8;
	font-weight: bold;
	font-size: 24px;
	font-family: Arial black;
	text-transform: uppercase;
	text-align: center;
}

#availableBrandsLogos { text-align: center; padding: 16px; }
#availableBrandsLogosTitle { width: 100%; text-align:center; color: #aaaaaa; font-size: 10pt; font-weight: bold; margin-bottom: 10px; }
.listedBrandLogo
{
	display: inline-block;
	float: none;
	font-size: 9px;
	padding: 4px;
	margin: 4px;
	text-align: center;
	border: solid 1px #e0e0e0;
}
#availableBrandsLogos a { line-height: 20px; }
#availableBrandsLogos a:link { color: #bbbbcc }
#availableBrandsLogos a:visited { color: #9999cc }
#availableBrandsLogos a:hover { color: #4444dd; background-color: #e8e8ff; cursor:pointer; }

#productRangeToolTip
{
	/*display: none;*/
	visibility: hidden;
	z-index: 2; position: absolute; 
	/*width: 256px; via javascript code */
	filter: alpha(Opacity=94);	/* IE */
	opacity: 0.94;					/* FF, Chrome */
 	padding: 4px;
 	
 	/* for red theme
	border: solid 1px #eeccaa; padding: 4px;
 	background-color: #ffffd0;*/
 	
 	border: solid 1px #ccccff; 
 	background: #e4e4ff url('../images/background/box_grayblue5x300.png') repeat-x top;
}
/*#productRangeToolTipTitle { font-weight: bold; color:#9999ff; }*/
#productRangeToolTipContent { font-size: 9pt; line-height: 16px; }
#productRangeToolTipFooter { font-size: 10px; padding-top: 10px;}
#productRangeToolTipFooter a { color: #7777ff; padding-right: 8px; padding-left: 8px;}
#productRangeToolTipFooter a:hover { color: #1111ff; }

#regionalFilterToolTip
{
	display: none; z-index: 2; position: absolute;
	width: 292px;
	filter: alpha(Opacity=80);	/* IE */
	opacity: 0.80;					/* FF, Chrome */
 	padding: 4px;
 	
 	font-size: 8pt;
 	border: solid 1px #ffcccc;
 	background-color: #fafafa;
}

#relatedLinks li { font-weight: normal; color: #666666; margin-bottom: 8px; }
#relatedLinks a:link { color: #448866 /*#2244bb*/ }
#relatedLinks a:visited { color: #66bb77 /*#224488*/ }
#relatedLinks a:hover { color: #66bb77 /*#bb0033*/ }
#lettersIndex a, #lettersIndex a:link, #lettersIndex a:visited
{
	color: #000066;
	text-decoration: underline;
}
#lettersIndex a:hover{ color: #bb0033; }

/****************************************************/

#list
{
	width: 100%;
	padding-bottom: 12px;
}
#index
{
	border-top: solid 1px #bbbbbb;
	/*border-bottom: solid 1px #bbbbbb;*/
}
#lettersIndex { margin-left: 380px; text-align: right; padding-right: 4px; font-size: 7pt; display: inline;}
#relatedLinks
{
	font-size: 8pt;
	/*width: 98%;
	margin-left: auto;
	margin-right: auto;*/
	margin-bottom: 0px;
	/*margin-top: 4px;*/
	border-bottom: none;
	border-left: none;
	border-right: none;
}

#footer { width: 100%; }
#disclamer
{
	color: #9999bb;
	height: 18px;
	font-size: 10px;
	font-weight: bold;
	padding-top: 4px;
	vertical-align: middle;
	text-align:center;
	background-color: #eeeeee;
	border-top: solid 1px #bbbbbb;
}
#disclamer a:link, #disclamer a:active, #disclamer a:visited
{
	color: #7777aa;
}
#disclamer a:hover
{
	color: #7777ff;
}
.country
{
	color: #9A1212;
}
.vegan { color: #007755; }
.productRange { color: #3344cc; }
.highlightedProduct { color: #ff8844; font-weight: bold; }

.lastUpdate
{
	color: #555599;
	font-weight: normal;
}
.normalText { font-weight: normal; color: #564b47; }

.subRange { font-weight: bold; color: #666666; }

.indexRowTable
{
	/*display: none;*/
	padding: 0px;
	margin: 0px;
	font-weight: bold; /*border-bottom: solid 1px #DDDDDD;*/
}
.countryList
{
	margin: 0px;
	padding-left: 12px;
}
.countryList li
{
	margin-left: 4px;
	padding: 0px;
	font-size: 8pt;
	font-family: Verdana, Franklin Gothic Medium;
}
.countryList li a, countryList li a:link, countryList li a:visited
{
	color: #333333;
	font-weight: normal;
}
.countryList li:hover {  /*background-color: #eeeeee;*/ }
.countryList li a:hover {  color: #0000cc; }

.indexCountryHeader
{
	text-align: left;
	height: 18px;
	font-size: 8pt;
	width: 309px !important;
	padding-left: 4px !important;
	padding-right: 8px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	/*color: #000000;
	background: #ffffff url('../images/background/title_5x20purpleblue.jpg') repeat-x;*/
	color: #000066;
	background: #ffffff url('../images/background/title_1x29whitegray.gif') repeat-x;
}
.indexCountryData
{
	text-align: left;
	vertical-align: top;
	padding-left: 4px !important;
	padding-right: 8px !important;
	padding-bottom: 4px !important;
	padding-top: 4px !important;
}
#menuList
{
	margin-top: 0px;
}
#menuListTable, #menuListTable td
{
	margin: 0px;
	padding: 0px;
}
#detailsList
{
	text-align: left; 
	border-top: solid 1px #bbbbbb;
	margin-top: 32px;
}
.linksBox
{
	text-align: left;
	font-size: 8pt;
	border: solid 1px #bbbbbb;
	padding-bottom: 8px;
	background-color: #ffffff;
}
.linksBox li
{
	margin-bottom: 5px;
}
.boxTitle
{
	height: 14px;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: left;
	/*color: #ffffff;
	background: #ffffff url('../images/background/title_5x20blue.png') repeat;*/
	color: #000000;
	background: #ffffff url('../images/background/title_1x29whitegray.gif') repeat;
	font-size: 8pt;
	font-weight: bold;
	padding-left: 4px;
	border-bottom: solid 1px #bbbbbb;
}
.countryDetails
{
	width: 760px;
	font-weight: bold;
	font-size: 8pt;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.detailsCountryTitle
{
	height: 18px;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: left;
	color: #000000;
	background: #ffffff url('../images/background/title_5x24purpleblue.jpg') repeat;
	font-size: 8pt;
	font-weight: bold;
	padding-left: 4px;
	border: solid 1px #335588/*#bbbbdd*/;
}
.detailsBrandTitle
{
	text-align: left;
	/*color: #556699;*/
	color: #223377;
	background: #ffffff url('../images/background/title_5x24lightblue.png') repeat;
	height: 24px;
	line-height: 24px;
	/*font-size: 8pt;*/
	font-weight: bold;
	padding-left: 4px;
	border: solid 1px #e8e8f8;
}
.countryDetails ul
{
	margin-bottom: 16px;
	list-style-type :none;
	margin-left:0px;
}
.countryDetails ul li
{
	list-style-type :none;
	margin-left:0px;
}
.brandDetailsBox
{
	background-color: #ffffff;
	text-align: left;
	
	border-right: solid 1px #e8e8e8;
	border-left: solid 1px #e8e8e8;
}
.brandDetailsBox ul { padding-left: 4px; line-height: 14px; margin-top: 6px;}
.storeRegions ul { margin-top: -14px; color: #555555; margin-bottom:1px; padding-left: 107px !important;}
.shippingRegions ul { margin-top: -14px; color: #555555; margin-bottom:1px; padding-left: 128px !important;}
.serviceRegions ul { margin-top: -14px; color: #555555; margin-bottom:1px; padding-left: 122px !important;}
.storeShippingRegions ul{ margin-top: -14px; color: #555555; margin-bottom:1px; padding-left: 170px !important;}

.detailsBrandDataShort {height: 158px;}
.detailsBrandDataCompact {height: 206px;}
.detailsBrandData {height: 222px;}
.detailsBrandDataLong {height: 240px;}
.detailsBrandDataLonger {height: 260px;}
.detailsBrandDataLongerPlus {height: 280px;}
.detailsBrandDataLongest {height: 308px;}
.detailsBrandDataLongestPlus {height: 350px;}
.brandDetailsBoxColumn1 { float: left;  width: 64%; height: 100%; }
.brandDetailsBoxColumn2 { float: right; width: 36%; height: 90%; text-align: center; vertical-align: middle; padding-top: 6px; }
.brandDetailsBoxColumn3 { float: right; width: 0%; height: 100%; text-align:right; }
.excludedBrandColumn
{
	 border-top: solid 1px #e8e8e8;
	 font-weight: normal;
	 text-align: left;
	 height: 32px;
	 padding-top: 20px;
	 padding-left:4px;
}
.brandDetailsBoxColumn2 img { padding-top: 2px; }
.detailsBrandFooter { width:100%; text-align: center; padding-bottom: 10px; padding-top: 4px; }
.detailsBrandFooter a { margin-left: 8px; margin-right: 8px;}
.detailsBrandFooter a img { height: 19px;}

.displayMediaButton { float:right; cursor:pointer; color: #aaaaff; font-size:10px; margin-top:-24px; text-transform: uppercase; }
.displayMediaButton img { height: 18px; padding-right: 4px; padding-left: 3px;}

.countryBadBrands { font-weight: normal; border-right: solid 1px #e8e8e8; border-left: solid 1px #e8e8e8; }
.countryBadBrands-Title { color: #cc0000; height: 18px; padding-left: 4px; font-weight: bold; padding-top:8px; background-image: url('../images/background/title_5x24lightblue.png'); background-repeat: repeat-x; }
.countryBadBrands-RowHeader {	height: 16px; padding-bottom: 1px; padding-top: 3px; padding-left: 4px; border-bottom: solid 1px #eeeeee; font-weight: bold; }
.countryBadBrands-Row {			height: 16px; padding-bottom: 1px; padding-top: 3px; padding-left: 4px; border-bottom: solid 1px #eeeeee; line-height: 14px;}
.countryBadBrands-Row2 {			height: 30px; padding-bottom: 1px; padding-top: 3px; padding-left: 4px; border-bottom: solid 1px #eeeeee; line-height: 14px;}
.countryBadBrands-Column-BrandName { float: left; width: 32%; }
.countryBadBrands-Column-Reason { float: right; width: 68%; }
.overallBadBrands-Title { color: #444444; height: 18px; padding-left: 4px; font-weight: bold; padding-top:8px; background-image: url('../images/background/title_5x24lightblue.png'); background-repeat: repeat-x; }
.overallBadBrands-Content { font-size: 7pt; font-weight: normal; line-height: 14px;}

.backToTopImage{		text-align: right; border-bottom: solid 1px #DDDDDD; margin-top: 0px; padding-top: 6px; }
.backToTopFramedImage{	text-align: right; border: solid 1px #DDDDDD; background-color: #f8f8ee; margin: 0px;}
					   	
.backToTopImage img { height: 13px; margin-right: 3px; margin-bottom: 1px; }
.backToTopFramedImage img { height: 13px; margin-right: 3px; margin-bottom: 1px; margin-top: 2px;}

#siteSearch { position: absolute; top: 1px; left: 986px; z-index: 2; }
.searchTextBox
{
	font-size: 11px !important;
	width: 86px !important;
	height: 14px !important;
	color: #880000;
	padding: 0px !important;
	border: none !important;
}
.searchImage
{
	display: inline-block;
	width:14px;
	height: 14px;
	padding-left: 0px;
	margin-bottom: -4px;
}
/*searchButton
{
	display: inline-block;
	width: 80px;
	height: 23px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 3px;
}*/
.yesnoImage
{
	height: 10px;
	width: 10px;
}

#videoLayer
{
	z-index: 9000;
	filter: alpha(Opacity=0);	/* IE */
	opacity: 0;					/* FF, Chrome */
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #333333;
} 
#videoScreen
{
	z-index: 999999;
	display: none;
	position: fixed;
	top: 100px;
	background-color:#ffffff;
	margin: 0px;
	padding: 0px; 
	border: solid 2px #550000;
	font-size: 8pt;
}
#imageScreen
{
	z-index: 999999;
	display: none;
	position: fixed;
	top: 10px;
	background-color:#ffffff;
	margin: 0px;
	padding: 0px; 
	border: solid 2px #550000;
	font-size: 8pt;
}
