/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
/* everything in normal font: font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif */
/* everything in bold font: font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif */

body { background: #fff url(/images/bg_body.png) repeat-x; color: #614730; font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; }
h1 { margin-bottom: 25px; font-size: 23px; line-height: 26px; text-transform: uppercase; font-weight: normal; }
h2 { margin-bottom: 3px; font-size: 25px; line-height: 32px; font-weight: normal; }
h3 { margin-bottom: 3px; font-size: 18px; line-height: 26px; font-weight: normal; }
ul, ol { margin: 0 0 16px 16px; }
p, form { margin: 0 0 16px 0; }
a { color: #614730; }
a:hover { color: #614730; }
input, textarea, select { font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; color: #614730; }
strong { font-weight: bold; }
em { font-style: italic; }

strong,
#slogan { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; }

.img_left { float: left; margin: 0 10px 10px 0; }
.img_right { float: right; margin: 0 0 10px 10px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 980px; margin: 0 auto; }
#header { position: relative; overflow: hidden; height: 126px; }
#contentWrapper { position: relative; background: url(/images/bg_sidebar.png) repeat-y right; }
#hp #contentWrapper { background: url(/images/bg_hp_sidebar.png) repeat-y right; }
#sidebar { float: right; width: 417px; }
#hp #sidebar { width: 343px; padding: 60px 37px 37px 37px; }
#footer { position: relative; clear: both; height: 36px; padding-left: 20px; background: #e9e9e9; font-size: 10px; line-height: 36px; }

/* header
------------------------------------------------------------------*/
#logo { display: block; width: 194px; height: 74px; margin: 10px 0 0 16px; }
#slogan { position: absolute; left: 263px; top: 46px; color: #ff8725; font-size: 20px; line-height: 24px; }
#languages { position: absolute; right: 8px; top: 10px; }
#languages li { float: left; padding: 0 5px; border-right: 1px solid #fff; text-transform: uppercase; color: #ff8725; font-size: 10px; line-height: 11px; }
#languages .last { padding-right: 0; border: 0; }
#languages a { color: #fff; }
#searchForm { position: absolute; right: 8px; top: 41px; }
#searchForm label { display: none; }
#searchTerm { width: 180px; height: 19px; padding: 5px 3px 1px; border: 0; vertical-align: top; }
#searchTerm,
#searchButton { float: left; }
#navigation { position: absolute; left: 0; top: 93px; }
#navigation ul { margin: 0; }
#navigation li { float: left; background: url(/images/bg_navigation.png) no-repeat 0 50%; }
#navigation .first,
#navigation .after_active { background: none; }
#navigation a { float: left; height: 33px; padding: 0 20px; text-decoration: none; font: 13px/33px Arial, sans-serif; color: #030d17; }
#navigation a:hover { color: #fff; }
#navigation .active a:hover { color: #030d17; }
#navigation .active a { background: #fff; }

/* sidebar
------------------------------------------------------------------*/
#promotionCountry { margin-bottom: 60px; }
#promotionCountry h2 { margin-bottom: 8px; font-size: 17px; color: #fff; }
#chooseCountry { margin-bottom: 10px; color: #ff8725; }
#promotionCountry ul { margin: 0; }
#promotionCountry a { color: #c1bfbf; }
#promotionCountry a:hover,
#promotionCountry .active { color: #ff8725; }
#interactiveMap { float: right; width: 200px; height: 160px; }
#care h2,
#care p { float: left; width: 200px; }
#care h2 { margin-bottom: 8px; font-size: 23px; color: #fff; }
#care p { clear: left; color: #c1bfbf; }
#care a { color: #c1bfbf; }
#care a:hover { color: #ff8725; }
#care img { float: right; }
#sidebarImage { margin-bottom: 2px; }

/* content
------------------------------------------------------------------*/
.blocks img { margin-bottom: 10px; }

#content { position: relative; float: left; width: 520px; padding: 40px 20px 5px 20px; }
#hp #content { float: left; width: 460px; }

#subNav { /*position: absolute; top: 0; left: 0; z-index: 10;*/ width: 980px; height: 26px; background: url(/images/bg_subnav.png) repeat-x; }
#subNav ul { margin: 0 0 0 20px; list-style: none; }
#subNav li { float: left; border-right: 1px solid #8a8683; line-height: 26px; /*background: url(/images/bg_subnavigation.png) no-repeat right 13px;*/ }
#subNav .first a { margin-left: 0; }
#subNav .last { border: none; }
#subNav a { float: left; display: block; height: 26px; padding: 0 10px; text-decoration: none; color: #8a8683; }
#subNav .active a { height: 24px; border-top: 1px solid #bcbbba; border-bottom: 1px solid #f7f6f4; background: #fff; color: #fd7506; line-height: 24px; }

#content ul { list-style: disc; }

#history #contentWrapper { background: none; }
#history #content { float: none; width: 940px; }
.scrollable { position: relative; overflow: hidden; width: 940px; height: 320px; }
#thumbs { clear: both; position: absolute; width: 20000em; }
#thumbs div { float: left; width: 940px; height: 300px; cursor: pointer; }
#navTabs { clear: both; margin: 0 0 31px; background: #313030; }
#navTabs li { float: left; height: 23px; padding: 0 20px; list-style: none; color: #fff; line-height: 23px; cursor: pointer; }
#navTabs .active { background: #fff; border: 1px solid #eee; border-width: 1px 0; color: #1d1d1d; }
.historyItem img { float: left; margin: 0 20px 0 0; }
#thumbs .historyText { float: right; width: 240px; }
#thumbs .historyText h3 { margin-bottom: 30px; }
#thumbs .historyText div { width: 240px; }

legend { display: none; }
fieldset div { clear: both; margin-bottom: 5px; }
form label { /*float: left; width: 150px;*/ display: block; }
fieldset input,
fieldset textarea { width: 350px; }
.button { /*margin-left: 150px;*/ border: 0; background: #030d17; color: #e3e3e3; cursor: pointer; }
input.error,
select.error,
textarea.error { border: 1px solid red; background: #fff2f2; }
input.error { padding: 4px 3px; }
label.error { display: inline; padding-left: 3px; color: red; }
.mandatory { margin-bottom: 10px; font-size: 11px; }

#news #content,
#newsitem #content { width: 563px; padding: 40px 0 0; }
#news h1 { width: 400px; margin: 0 20px 25px; }
#archiveLink { position: absolute; top: 46px; right: 20px; z-index: 10; text-align: right; }
#content #newsList { margin: 0 0 20px; list-style: none; }
#newsList li { margin-bottom: 10px; padding: 0 20px 10px; border-bottom: 1px solid #fd7506; }
#newsList h2 { margin-bottom: 0; font-size: 15px; font-weight: bold; line-height: 20px; }
.locDate { margin: 0; }
.moreLink { color: #fd7506; }
#singleItem h1,
#singleItem #locationDate,
#singleItem .blocks,
#otherNews { margin-left: 0 20px 25px 20px; }
#singleItem { margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #fd7506; }
.files a { position: relative; padding-left: 25px; }
.files img { position: absolute; top: 0; left: 0; }
.files span { font-size: 10px; }
#otherNews h2 { font-size: 13px; line-height: 18px; }
#otherNews ul { margin: 0; }
#otherNews li { list-style: none; }

#resultList li { margin-bottom: 5px; }
.searchpath { font-size: 10px; }

#storelocator #contentWrapper { background: #313030 url(/images/bg_storelocator.png) repeat-x; } 
#storelocator #content { float: none; width: 940px; height: 520px; color: #b3aba5; }
#storelocator h1 { width: 426px; color: #b3aba5; }
#storeForm { float: left; width: 171px; padding-bottom: 60px; border-right: 1px solid #b3aba5; }
#storeForm div { margin-bottom: 15px; }
#storeForm label { display: block; padding-bottom: 5px; }
#storeForm .check input { float: left; }
#storeForm .check label { float: left; width: 140px; padding-left: 5px; }
#storeResult { float: left; width: 225px; padding-left: 20px; }
#storeAddress a { color: #fff; }
#storeAddress a:hover { color: #ff8725; }
#storeName { color: #ff8725; font-size: 20px; line-height: 21px; }
#openinghours span { color: #fff; line-height: 28px; }
#storeMap { position: absolute; right: 10px; top: 26px; width: 530px; height: 500px; }

#career #content { width: 563px; padding: 40px 0 0; }
#career h1 { margin: 0 20px 25px; }
#otherCareers { padding: 0 20px; }
#careersOverview { margin-bottom: 15px; padding: 15px 30px; }
#careersOverview h2,
#otherCareers h2 { font-size: 15px; color: #fff; }
#careersOverview ul,
#otherCareers ul { margin-left: 25px; }
#careersOverview li,
#otherCareers li { list-style: none; }
#careerInfo { /*padding: 0 20px 20px;*/padding: 0 0 10px 0; border-bottom: 1px solid #fd7506; }
#careerApply,
#careerPDF { float: left; display: block; width: auto; margin: 20px 0 0; padding: 5px 15px; background: #614730; color: #fff; text-align: center; text-decoration: none; }
#careerPDF { float: right; }
#countryList { padding: 15px 30px; background: #030b14; }
#dummyForm p { float: left; padding-right: 10px; color: #fff; }
#dummyForm ul { float: left; margin: 0; }
#careersOverview,
#countryList a { color: #fff; }
#countryList a:hover,
#countryList .active a { color: #ff8725; }
#countryList .active a { text-decoration: none; }
.careerCat { border-bottom: 1px solid #9e8e80; }
.careerCat h3 { margin-top: 8px;}
.careerCat li { padding: 2px 0; }
.careerCat li a { border-bottom: 2px solid #9e8e80; color: #fff; text-decoration: none; }
.careerCat li a:hover,
.careerCat .active a { border: 0; color: #ff8725; }

ul#photoAlbum { width: 520px; margin: 0; list-style: none; }
#photoAlbum li { float: left; overflow: hidden; width: 150px; height: 150px; margin: 0 5px 5px 0; padding: 10px; background: #313030; text-aling: center; }
#photoAlbum li.last { margin-right: 0; }
#photoAlbum li img { margin-top: 20px; }

/* footer
------------------------------------------------------------------*/
#footerLinks { float: right; width: 460px; color: #614730; text-align: right; }
#footerLinks a { margin-right: 10px; padding-left: 7px; text-decoration: none; color: #614730; }
#footerLinks .first { padding: 0; }
#copyright { float: left; width: 460px; margin: 0; font-size: 10px; color: #614730; line-height: 36px; }
#copyright a { margin-left: 20px; color: #614730; }
#socialLinks { position: absolute; left: 20px; top: -40px; }

/* sIFR
------------------------------------------------------------------*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important;	margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 { visibility: hidden; }

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }