/*  This style sheet is for the UK site only. It cannot be used with the US site.
=================================================================================================*/
/*  The transparent background image was constructed with background-color: #0c0200 + opacity: 0.8 */


/* Vague
================================================*/
html { background-color: #000; background-position: top left; background-repeat: no-repeat;  }
body { font-family: Arial, Helvetica, sans-serif; }
img { display: block; margin: 0; padding: 0; border: none; }
legend { display: block; margin-bottom: 7px; margin-left: 3px; color: #e2d7c0; font-size: 13px; text-transform: uppercase; padding: 3px; }
fieldset {
	border: none;
}
table { width: auto; margin: 0; padding: 0; border: none; border-collapse: collapse; }
table td { padding: 0; border: none; vertical-align: middle; }
a, a:link { color: #fff; }
a:hover, a:active { color: #fff; text-decoration: none; }
a:visited { text-decoration: underline; }
a:focus { outline: none; }
.bottomPadding li { padding-bottom: 20px; }
.underline {  text-decoration: underline; }
.uppercase { text-transform: uppercase; }
.leftUppercase { text-align: left; text-transform: uppercase; }
:focus { outline: 0; }

ul#skipLinks { display: block; position: absolute; top: -60px; right: 20px;  width: 100px; height: 50px; margin: 0; padding: 0; text-indent: -9999px; }
em { font-style: italic; }
#emailFriendContainer p, label { color: #b39850; font-size: 12px; line-height: 1.8em; }
#printMasthead { display: none; }


/* Text Resize
================================================*/
body.s #pageBody p, body.s #pageBody { font-size: 11px; }
body.m #pageBody p, body.m #pageBody { font-size: 13px; }
body.l #pageBody p, body.l #pageBody { font-size: 16px; }


/* International Redirect Page
================================================*/
.internationalPageHR { height: 50px; font-size: 10px; border-bottom: 1px solid #584b29; }
#internationalNavBox { height: 30px; margin-top: 400px; background: url(../images/global/transparent-background.png) 0 0 repeat; }
#chocolateGlobe { float: left; width: 240px; height: 146px; padding-top: 40px; padding-left: 50px; }
#internationalNav { float: left; width: 700px; height: 30px; padding-top: 8px; left: 100%; margin-left: -100%; position: relative; padding-left: 0px;}
#internationalNav:after { display: block; visibility: hidden; clear: both; height: 0; content:"."; }
#internationalNav { display: inline-block; }
#internationalNav ul  { margin: 0; padding: 0; list-style: none; }
#internationalNav li { position: relative; float: left; width: 150px; padding-left: 5px; color: #b39850; font-weight: bold; font-size: 11px;  text-transform: uppercase; }
#internationalNav li#europe { margin-right: 0; }
#internationalNav li#northAmerica { margin-right: 0px; }
#internationalNav li#asiaPacific { margin-right: 0px; }
#internationalNav li#canada { display: none; }


#internationalNav ul ul  { display: block; text-indent: -9999px;  padding-top: 15px; background: url(../images/global/transparent-background.png) 0 0 repeat; }

#internationalNav a { display: block; color: #b39850; font-weight: bold; font-size: 11px;  text-transform: uppercase; text-decoration: none; }
#internationalNav ul ul li, #internationalNav ul ul li a { width: 145px; background: url(../images/global/transparent-background.png) 0 0 repeat; }
#internationalNav ul ul li a { padding-bottom: 20px; }


#internationalNav ul li:hover ul { display: block !important; text-indent: 0px !important;  height: 100px; padding-top: 15px; background: url(../images/global/transparent-background.png) 0 0 repeat; }


#internationalNav ul ul a:focus, #internationalNav ul a:focus ul li { display: block !important; text-indent: 0px !important;  height: 100px; padding-top: 0px; background: url(../images/global/transparent-background.png) 0 0 repeat; }

/*
#internationalNav ul a:hover li, #internationalNav ul a:focus li { display: block; padding-top: 15px; background: url(../images/global/transparent-background.png) 0 0 repeat; }
*/

#internationalNav li a:hover, #internationalNav li a:focus { color: #fff; }

#shopUK { margin-left: 20px; }
li#europe span {  display: none; width: 248px; height: 115px; background: url(../images/global/chocolate-global-map_europe.png) no-repeat; }
li#northAmerica span { display:none; width: 248px; height: 115px; background: url(../images/global/chocolate-global-map_northAmerica.png) no-repeat;  }

li#europe a:hover span, li#europe a.sfhover span, li#europe a:focus span  {  display: block; position: absolute; left: -290px; top: 32px; }

li#northAmerica a:hover span, li#northAmerica a.sfhover span, li#northAmerica a:focus span { display: block; position: absolute; left: -445px; top: 32px;  }

li#asiaPacific a:hover span, li#asiaPacific a.sfhover span, li#asiaPacific a:focus span { display: block; position: absolute; left: -445px; top: 32px;  }




/* Header Page Tools
================================================*/
#pageHeader { position: fixed; top: 50px; width: 100%; height: 30px; color: #fff; font-size: 10px; background: url(../images/ui/pageHeader_backgrnd.png) repeat-x; z-index: 9999; }
#pageToolsContainer { position: fixed; right: 0; top: 0; width: 100%; height: 50px; font-size: 10px; border-bottom: 1px solid #584b29; background-color: #0c0200; z-index: 20000; }
#pageToolsContainer, #pageToolsContainer a { color: #b39850; font-size: 11px; text-decoration: none; }

#shopOnline  {  float: left;  margin: 15px 0 0 50px; background: url(../images/ui/Home_ShopBag.png) 0 0 no-repeat;  }
#shopOnline p { margin-top: 3px; padding-left: 30px;  }
#shopOnline  a:hover { color: #fff; }

#pageTools { float: right; margin-top: 5px; }
#languageLinks { float: left; height: 33px; margin-right: 20px; color: #b39850; font-size: 11px; line-height: 33px; }
#languageLinks a { margin: 0 3px; color: #b39850; text-decoration: none; }
#languageLinks a:hover { color: #fff; }

#pageToolsForm { float: left; width: 230px; height: 33px; }
#pageTools form { height: 33px; padding-right: 10px; }
#pageTools label { display: block;  float: left; height: 33px; }

#searchBoxLabel { position: absolute; top: -1000px; left: -1000px;  }
#pageTools input#ajaxSearch_input, #pageTools input#ajaxSearch_submit { border: none; margin-top: 5px; padding: 3px; color: #877139; font-size: 13px; background-color: #000; }
#pageTools input#ajaxSearch_input { border: 1px solid #877139; } 
#pageTools input:focus { color: #000; background-color: #fff; }
#pageTools img { margin-top: 0px; margin-left: 0px; }

#pageToolsTools { float: left; margin-right: 30px; }
#pageToolsTools ul { display: block; margin: 0; padding: 0; }
#pageToolsTools ul li { margin: 0; padding: 0; list-style: none; list-style-type: none; }
#pageToolsTools ul li a { text-decoration: none; }
#pageToolsTools span#accessibility { position: absolute; left: 20px; top: 0;  font-weight: bold; }
#pageToolsTools span#accessibility ul { display: inline; width: 100px; margin: 0; padding: 0; }
#pageToolsTools span#accessibility ul { height: 20px; }
#pageToolsTools span#accessibility ul li { float: left; height: 20px; margin: 0 5px; }
body #pageToolsTools  li a.s { padding: 0 2px; font-weight: normal; font-size: 9px; }
body #pageToolsTools  li a.m { padding: 0 2px 1px 2px; font-weight: normal; font-size: 12px; }
body #pageToolsTools  li a.l { padding: 0 2px 2px 2px; font-weight: normal; font-size: 15px; }

body #pageToolsTools a:hover { color: #fff; }


/* Index Page Page Body
================================================*/
#pageBodyIndex { width: 900px; min-height: 500px; padding-bottom: 150px; color: #8d712e; color: #b39850; font-size: 12px; line-height: 1.8em; }

#leftLogoNavColumnIndex { float: left; width: 250px; margin-top: 75px;  padding-bottom: 50px; }
#leftLogoNavColumnIndex h1#logo { width: 125px; height: 63px; margin: 15px 0 30px 30px; padding: 0; }
#leftLogoNavColumnIndex h1#logo a { display: block; width: 125px; height: 63px; }
#leftLogoNavColumnIndex h1#logo em { color: #fff; font-size: 18px; }

#pageContentIndex { float: left; width: 600px; background-color: transparent !important; }
#pageContentIndex h2#tagline { margin-top: 280px; margin-left: 50px; color: #b39850; font: 22px/1.2em "Times New Roman", Times, serif; text-transform: uppercase; }

#shopBox  { width: 140px; margin: 50px 0 0 50px; }
#shopBox p { }
#shopBox p a { display: block; width: 140px; margin-left: 10px; padding-top: 80px;  background: url(../images/ui/Home_ShopBox.png) -20px 0 no-repeat; color: #b39850; font-size: 11px; text-decoration: none; }
#shopBox  p a:hover { color: #fff; cursor: pointer; }

/* NEW code for left nav video link */

#vidBox  { width: 110px; margin: 5px 0 0 50px; padding: 5px 0; border-top: 1px solid #584B29; border-bottom: 1px solid #584B29; }

#vidBox p { }

#vidBox p a { display: block; width: 140px; margin-left: 10px; padding-top: 80px;  background: url(../images/ui/Home_VidBox.png) -20px 0 no-repeat; color: #b39850; font-size: 10px; font-weight: bold; text-decoration: none; }

#vidBox  p a:hover { color: #fff; cursor: pointer; }




/* Rotating Images

================================================*/
#bgImage {
	width: 1000px;
	height: 768px;
	overflow: hidden;
	position: relative;
	top: 20px;
}

#homeImg1 {
	background: transparent url(../images/home/Peeling_Bar_v3.jpg) no-repeat scroll left top;
	height:768px;
	position:relative;
	width:1124px;
}
#homeImg2 {
	background: transparent url(../images/home/Mil-_Bar04_indulge.jpg) no-repeat scroll left top;
	height:768px;
	position:relative;
	width:1124px;
}
#homeImg3 {
	background: transparent url(../images/home/BKGD_Belize_13_indulge.jpg) no-repeat scroll left top;
	height:768px;
	position:relative;
	width:1124px;
}







/* Page Body
================================================*/
#pageBody { width: 1040px; margin: 0; padding: 0; color: #8d712e; color: #b39850; font-size: 12px; z-index: 500; }
#pageBody:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }
#pageBody  { display:inline-block}


/* Left Logo Navigation Column
================================================*/
#leftLogoNavColumn { float: left; width: 200px; margin-top: 75px;  padding-bottom: 50px; }
#leftLogoNavColumn h1#logo { width: 125px; height: 63px; margin: 15px 0 30px 30px; }
#leftLogoNavColumn h1#logo a { display: block; width: 125px; height: 163px; }
#leftLogoNavColumn h1#logo em { color:  #fff; font-size: 18px; }

#mainMenuBar { bottom: 35px; /* remove for FF Mac */ }

#whatWeMakeList #mainMenuBar ul, #mainMenuBar ul  { margin: 0; padding: 0; list-style: none; list-style-type: none; }
#whatWeMakeList #mainMenuBar li, #mainMenuBar li  { margin: 0px; padding: 0 0 10px 0; list-style: none; list-style-type: none; }

#mainMenuBar li { line-height: 15px; }
#mainMenuBar li li:hover, #mainMenuBar li.active li { background: none; }
#mainMenuBar li li a { display: block; margin: 0; padding: 0; color: #bda96d; font-size: 10px; }
#mainMenuBar a { color: #b39850; font-weight: bold; font-size: 11px; text-transform: uppercase;  text-decoration: none;  padding-left: 20px; }
#mainMenuBar a:hover { color: #fff; }
#mainMenuBar .active a { font-weight: bold; font-size: 11px; }
#mainMenuBar .active a:hover { color: #fff; }
#mainMenuBar .active ul a { font-weight: normal; color: #bda96d; }
#mainMenuBar .active .active a { /* IE fix */ color: #FFF; font-size: 11px; }
#mainMenuBar .active .active a:hover { color: #fff; }

#mainMenuBar li.active, #mainMenuBar li:hover { color: #fff; background: url(../images/ui/leafIconSmall.gif) no-repeat;  }

#mainMenuBar .menu { padding-top: 10px; }
#mainMenuBar .menu li.active { color: #fff; }

#mainMenuBar li div.menu { display: none; }
#mainMenuBar li.active div.menu { left: 0px; display: block; }
#mainMenuBar .menu ul li a { text-transform: none; }


/* Page Body Content
================================================*/
#pageContent { float: left; width: 350px; margin: 0 0 0 0; padding-top: 130px; padding-bottom: 50px; background: url(../images/global/transparent-background.png) 0 0 repeat;  }
#pageContent:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
#pageContent { display: inline-block; }
#pageContent { display: block; }

#pageContentdealer { width: 250px; margin-right: 30px; z-index: 500; }
#pageContentdealerright { padding-left: 10px; z-index: 500; }

#content { margin: 0; padding: 20px; line-height: 1.8em; }

#pageBody .floatRight { float: right; margin: 0 0 10px 10px; }
#pageBody .floatLeft { float: left; margin: 0 10px 10px 0; }

#pageBody #pageContent .floatRightImage { float: right; width: 250px; padding-top: 0px; padding-left: 20px; }

#pageBody hr { height: 1px; margin: 20px 5px; color: #bda96d; border: none; background-color: #bda96d; }
#pageBody h2 { margin-bottom: 15px; color: #b39850; font: 22px/1.2em "Times New Roman", Times, serif; text-transform: uppercase; z-index: 100; }
#pageBody .sIFR-hasFlash h2 { font-size: 22px;  letter-spacing: 0; visibility: hidden; }
#pageBody h3 { margin-bottom: 7px; color: #e2d7c0; font-size: 13px; text-transform: uppercase; }
#pageBody h3.bullets { margin-bottom: 7px; padding: 0 25px 5px 28px; color: #e2d7c0; font-size: 13px; text-transform: uppercase; background: url(../images/ui/leafIconSmall.png) 0 0 no-repeat; }
#pageBody p { padding-bottom: 1.8em; line-height: 1.8em; }
#pageBody strong { color: #bda96d; }
#pageBody th { border: none; }
#pageBody ul, #pageBodyIndex ul { margin-bottom: 7px; padding-left: 16px; list-style: none; list-style-type: none; }
#pageBody li, #pageBodyIndex li { margin-left: 10px; padding-left: 5px; list-style: none; list-style-type: none; }
#pageBody ol { display: block; margin-left: 20px; list-style: decimal; list-style-type: decimal; }
#pageBody ol li { margin-bottom: 5px; font-size: 12px; list-style: decimal; list-style-type: decimal; }
#pageBody #pageContent ul.bullets { display: block; margin-left: -15px; }
#pageBody #pageContent ul.bullets li { padding: 0 25px 5px 25px; background: url(../images/ui/leafIconSmall.png) no-repeat; }

#pageBody img { display: block; }
#pageContent img.breakout { float: right; margin-right: -150px; margin-left: 25px; }


/* Belize Video
================================================*/
#container { margin: 0; padding: 0;  z-index: 1; }
#belizeVideo, #belizeVideoTitles { position: absolute; left: 510px; top: 130px !important; width: 480px; height: 340px; margin: 0; padding: 20px 10px 10px; background-color: #000; visibility: hidden; z-index: 9999; }


/* What We Make
================================================*/
#whatWeMake #pageBody { color: #8d712e; color: #b39850; font-size: 12px; line-height: 1.8em; overflow: visible; z-index: 500; }
#whatWeMake #pageBody #mainMenuBar { line-height: 1.4;  }
#whatWeMake #pageContent { width: 900px; margin: 0; padding: 0; }

#pageBody #pageContent  #whatWeMakeContainer { position: absolute; left: 200px; top: 150px; width: 800px;  height: 257px;  margin: 0;  z-index: 300; }
#whatWeMakeContainer:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }
#whatWeMakeContainer { display:inline-block; }
#whatWeMakeContainer { display:block; }

#whatWeMakeContainerUnderlay { position: absolute; left: 200px; top: 150px; width: 800px;  height: 257px;  margin: 0; padding: 0; background: url(../images/global/transparent-background.png) 0 0 repeat; }
#whatWeMakeList { float: left; width: 135px; }
#whatWeMakeList ul { display: block; width: 110px; margin: 20px 10px 0 0; padding: 0; text-align: right; }

#whatWeMakeList li { width: 110px; margin: 0; padding: 0;  list-style: none; }
#whatWeMakeList li a { width: 110px; color: #877139; font-weight: bold; font-size: 11px; text-transform: uppercase; text-decoration: none; }
#whatWeMakeList li a:hover { color: #fff; }

#whatWeMakeImageBox { float: left; width: 187px; height: 257px; background-image: url(assets/images/whatwemake/all.jpg); background-repeat: no-repeat; }

#whatWeMake div#pageBody div#pageContent div#whatWeMakeContainer div#whatWeMakeImageBox #categoryImage { background-color: #000;  }
#whatWeMakeContentBox { float: left; width: 450px; height: 257px; }
#whatWeMake #pageContent h2 { margin: 20px 0 0 20px; padding: 0; }
#whatWeMake #pageContent #content {  }


/******** what we make carousel browser ***********/
#browserContainer { width: 600px; }
#browserContainer .prev, #browserContainer .next { padding: 5px; }
#browser {   }
div .prevBars { float: left; width: 50px; padding: 0 !important; text-align: right; }
div .prevBars p { display: block; margin: 0; padding: 0 0 0 12px; color: #b39850; font-size: 9px; text-transform: uppercase; line-height: 1.4; background: url(../images/whatwemake/ui/leftArrow.png) left 6px no-repeat; }
div .prevBars p a { margin: 0; padding: 0; color: #b39850; text-decoration: none; }
div .nextBars  { float: right; width: 50px; margin-right: -100px;  padding: 0 !important; text-align: left; }
div .nextBars p { display: block; margin: 0; padding: 0 15px 0 0; color: #b39850; font-size: 9px; text-transform: uppercase; line-height: 1.4; background: url(../images/whatwemake/ui/rightArrow.png) right 6px no-repeat; }
div .nextBars a { margin: 0; padding: 0; color: #b39850; text-decoration: none; }
div .prevBars p a:hover, div .nextBars a:hover { color: #fff; text-decoration: none; }

#pageContent #browser a.prev, #browser a.next { display: block; float: left; width: 30px; text-decoration: none; background: url(../images/whatwemake/ui/leftArrow.png) left 60px no-repeat; }
#pageContent #browser a.next { background: url(../images/whatwemake/ui/rightArrow.png) right 60px no-repeat; }
#pageContent #browser a.next:hover { background-image: url(../images/whatwemake/ui/rightArrow.png); }
#pageContent #browser a.prev:hover { background-image: url(../images/whatwemake/ui/leftArrow.png); }
#pageContent #browser a:hover, #browser a:active { border: none; outline: none; }
#pageContent #browser .jCarouselLite { position: relative; /* Needed for rendering without flicker */ left: -5000px; float: left; border: 1px solid black; background-color: #dfdfdf; visibility: hidden; }
#pageContent #browser ul { margin: 0; padding: 0; list-style: none; list-style-type: none; }
#pageContent #browser li { position: relative; float: left; width: 120px; height: 285px; margin: 0px; padding: 30px 0 0 0; text-align: center; list-style: none; list-style-type: none; overflow-y: visible; }
#pageContent #browser li img { display: block; margin: 20px auto 0 auto; }
#pageContent #browser ul li div.productLabel { position: absolute; left: 0; top: 170px; width: 100%; margin: 0; padding: 0; font-weight: bold; font-size: 14px; text-align: center; z-index: 7000; }
#pageContent #browser li div.cocoaMeter { position: absolute; left: 0; top: 20px; width: 100%; height: 25px; margin: 0; padding: 0; text-align: center; visibility: hidden; background: url(../images/whatwemake/cocoaMeter.gif) center top no-repeat; z-index: 2000; }

/****** cocoa meter adjustments *****/
/*** 2 leaf ***/
#pageContent #browser li div.milk, #pageContent #browser li div.caramel, #pageContent #browser li div.almond { background-position: center -40px; }

/*** 3 leaf ***/
#pageContent #browser li div.ginger, #pageContent #browser li div.hazelnut-and-currant, #pageContent #browser li div.cherry, #pageContent #browser li div.maya-gold { background-position: center -80px; }

/*** 4 leaf ***/
#pageContent #browser li div.espresso, #pageContent #browser li div.mint, #pageContent #browser li div.dark-70 { background-position: center -120px; }

/*** 5 leaf ***/
#pageContent #browser li div.dark-85 { background-position: center -160px; }

#pageContent #browser li a { overflow-y: visible; }


/* Product Detail
================================================*/
#PrevNextMenu { width: 300px; }
#PrevNextMenu:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }
#PrevNextMenu  { display:inline-block;  padding-bottom: 20px; }
.prevProduct { display: block; float: left; width: 75px; height: 13px; color: #fff; font-size: 10px; text-transform: uppercase; text-decoration: underline; }
.prevProduct img { display: inline; float: left; margin: 6px 5px 0 0; }
.nextProduct { display: block; float: right; width: 75px; height: 13px; color: #fff; font-size: 10px; text-align: right; text-transform: uppercase; text-decoration: underline;  }
.nextProduct img { display: inline; float: right; margin: 6px 5px 0 0; padding-left: 5px; }

#ingredientsInformation, #nutritionInformation, #dietaryInformation, #gdaInformation, #packagingInformation { float: left;  width: 325px; margin: 0;  padding: 180px 20px 0 20px; background: url(../images/global/transparent-background.png) 0 0 repeat; }
#ingredientsInformation { padding-bottom: 270px; }
#nutritionInformation {   }
#dietaryInformation { padding-bottom: 200px; }
#gdaInformation {   }
#packagingInformation { padding-bottom: 220px; }

#needfulProductInformation { display: block; }


/* Nutrition Values GDA
================================================*/
* html #nutritionInformation { height: 1%; }
.productInformation table th { margin: 0px; padding: 3px; text-align: left; background-color: #a83718; color: #0d0000; line-height: 1em;}
.productInformation table th strong{ color: #0d0000; }
#nutritionInformation td,  #gdaInformation td { padding: 3px; vertical-align: middle; }
#nutritionInformation td p,  #gdaInformation td p,  #nutritions td p { margin: 0; padding: 0;  }
#nutritionInformation p.additionalProductValues,  #gdaInformation p.additionalProductValues  {  margin-top: 20px !important; margin-bottom: 20px;  }
#nutritions td img  {  margin: 0 auto; text-align: center !important; }

#GDAdefinition { padding: 20px 0 10px 0; }

.productInformation table {width:  100%;}

.productInformation table td p, .productInformation table th p {
	padding: 0px!important;
	margin: 0px!important;
}

/* Nutrition Table
================================================*/


#nutritions a { color: #b39850; text-decoration: none;  }
#nutritions a:hover { color: #fff; }

#nutritions th { margin: 0px; padding: 3px; text-align: left; background-color: #a83718; color: #0d0000; line-height: 1em;}





/* Recipe Search
================================================*/
form#recipeSearchForm { display: block; width: 300px; overflow: hidden; }
#recipeSearch fieldset {margin-top: 3px; }
#recipeSearch label { display: inline; float: left; width: 100px; margin-right: 10px; margin-bottom: 10px; vertical-align: top; }
#recipeSearch select { border: 2px solid #9b8449; }
#recipeSearch input { margin-left: 110px; }
#recipeSearch td { vertical-align: top; }


/* Recipe Search Results
================================================*/
#recipeResults {  clear: left;  }


/* Recipe Detail
================================================*/
.preparationTimePadding { width: 105px; }
#pageContent .recipe ul, #pageContent .recipe li { display: block; margin: 0; padding: 0; list-style: none; list-style-type: none; }


/* History Pages
================================================*/
#pageContent #content #history { margin: 0; padding: 0; }
#pageContent #content #history li { margin-left: 0; padding-left: 0; }


/* Competition Pages
================================================*/


/* Frequently Asked Questions
================================================*/
#faqIndividual { clear: both; }
.faqItem { margin-bottom: 15px; }
.faqQuestion a { color: #b39850; font-weight: bold; font-size: 13px; }
.faqQuestion a:hover { color: #fff; }
.faqAnswer { padding-top: 15px; padding-bottom: 10px; }
#faqSection { margin-bottom: 20px; margin-left: 20px; }
#pageBody .faqQuestion h3 { color: #b39850; font-weight: bold; font-size: 12px; }
#pageBody  h3.faqSectionTitle { color: #b39850; font-weight: bold; font-size: 14px;   }


/* Store Locator
================================================*/
.phpGoogleStoreLocator_results_block td { text-transform: uppercase; }
.phpGoogleStoreLocator_results_block td a { text-transform: none; }
#whereToBuy td { vertical-align: top; }


/* News/Events Tables
================================================*/
table#royalOperaHouse, table#localEvents { width: 706px; }
table#royalOperaHouse .leftTD, table#localEvents .leftTD { width: 250px; }
table#royalOperaHouse .middleTD, table#localEvents .middleTD { width: 186px; }


/* Footer
================================================*/
#pageFooter { clear: both; padding-top: 10px; border-top: 1px solid #584B29; background-color: #000; }
#footerMenu { width: 495px; margin: 0 auto; }
#footerMenu:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
#footerMenu { display: inline-block; }
#footerMenu { display: block; }
#footerMenu ul { float: left; margin: 0; padding: 0; }
#footerMenu li { list-style: none; }
#footerMenu ul li { float: left; height: 20px; margin: 0 5px; line-height: 20px; }
#footerMenu li a { display: block; float: left; padding: 0px 5px; color: #b39850; font-weight: bold;  font-size: 10px; line-height: 20px; text-decoration: none; }
#footerMenu li a:hover { color: #fff; }
#footerMenu li.leafIconSmall { margin: 0; padding: 0; }
#pageFooter p#legalNotice { clear: both; height: 10px; padding: 3px 0 20px 0; color: #454545; font-size: 9px; text-align: center; }



/* new video link styles */

.pdfLink {
float: left; margin-right: 20px; background: url(/assets/images/ui/pdficon.png) no-repeat; padding-left: 20px;
}

.allVideosLink {
float: left;
}
.videoLink {
background: url(/assets/images/ui/videoLink.png) no-repeat;
padding-left: 20px;
}





/* Site Catalyst
================================================*/
#siteCatalyst { position: relative; display: none; height: 0; width: 0; visibility: hidden; }

/****** email friend form ********/


#emailFriend * {
	margin: auto;
	padding: auto;
}
#emailFriendContainer {
	position: relative;
	display: block;
}
#emailFriend td {
	vertical-align: top;
}
#emailFriend input {
	_position: absolute;
	_left: 0px;
	_top: 0px;
	_zoom: 1;
	float: left;
}
#emailFriend label {
	float: left;
	display: block;
	width: 200px;
}
#emailFriend label.valid {
	float: left;
}
#emailFriend textarea {
	float: left;
	width: 200px;
}