/* -------------------------------------------------------------------

	Boondoggle - <css creator>
	<client>
	
	1. Structure
	2. Header
	3. Content
	4. Footer
	5. Miscellaneous
	
	always include reset.css, it will reset your style
	for all browers, it includes the clearfix
	
	typography specs must be specified in typography.css
	form specs must be specified in forms.css
	
	ID en class naming => use capitals for seperation: navHome

------------------------------------------------------------------- */



/* ----- imports -------------------------------------------------- */

@import url(typography.css);
@import url(forms.css);



/* ------------------------------------------------------------------------------------- 1. Structure -------------------------------------------- */
body	   { background-color:#eae5db; background-image:url(../img/css_backgrounds/bg-body.gif); background-repeat: repeat-x; }
#container {margin:0 auto; padding:0; float:left; background-image:url(../img/css_backgrounds/bg-image.jpg); background-repeat:no-repeat; width:180px; height:395px; float:left; border:0px solid #000000;  } 
#wrapper   { width:780px; margin:0 auto; padding:0 0 0 180px;  border:0px solid #000000;}

/* ------------------------------------------------------------------------------------- 2. Header ----------------------------------------------- */
#topnavigation { float:right; padding:5px 0 0 0;  height:19px; border:0px solid #000000;}
#logo { float:left; width:780px; height:123px; border:0px solid #000000; }
#navigation { width: 570px;	height: 34px; }
#navigation ul { float: left; margin: 0; padding: 0 }
#navigation li { display: inline; float: left;}
#banner { float: left; width: 780px; height: 215px;}

/* ------------------------------------------------------------------------------------- 3. Content ------------------------------------------- */
#content {margin: 15px 0 0 0; padding:0; width:780px; float:left;}
#column-left { margin: 0; width:538px; float:left; }
#column-left-top	 { background-color:#d1c7bc; margin: 0; padding:15px 15px 7px 15px; width:508px; float:left; }
#column-left-top #ttlVacanciesLondon { background: url(/img/titles/join-retail-team-london.gif) no-repeat 0 0; height: 11px; width: 199px; }

#column-left-feature { background: #cbc3ba; float: left; margin-top: 15px; padding: 0 15px 0 0; position: relative; width:523px;  }
#column-left-feature h2 a { background: url(/img/titles/join-retail-team.gif) no-repeat 0 0; float: left; height: 12px; margin: 15px 0 10px; width: 222px; }
#column-left-feature-cycle { background: #534642; float: left; height: 229px; margin-right: 10px; width: 291px; }
#column-left-feature-cycle a { display: none; }
#column-left-feature-cycle img { padding: 7px; }
#column-left-feature-cycle-pager { bottom: 10px; left: 300px; position: absolute;  }
#column-left-feature-cycle-pager a { background: #fff; display: block; float: left; height: 6px; margin-right: 3px; outline: none; text-indent: -9999px; width: 6px; }
#column-left-feature-cycle-pager a.activeSlide { background: #4d373a; color: #fff; }

#column-left-discover { background: #cbc3ba; float: left; margin-top: 15px; padding: 10px; width: 518px; }
#column-left-discover h2 { background: url(/img/titles/discover-our-world.gif) no-repeat 0 0; height: 13px; width: 118px; }

#column-left-vision	{ background-color:#dfd9ce; margin: 15px 15px 0 0; padding:15px 15px 27px 15px; width:149px; float:left; min-height:135px} 
#column-left-history	{ background-color:#d1c7bc; margin: 15px 0 0 0; padding:15px 15px 8px 15px; width:314px; float:left; min-height:104px}

#column-left-our-way { background-color:#d1c7bc; margin: 15px 0 0 0; float: left; padding:0 15px 0 15px; width:508px; }
#column-left-our-way h2 { background: url(/img/general/about-our-way.jpg) no-repeat 0 0; float: left; height: 135px; margin: 0 20px 0 0; width: 244px; }
#column-left-our-way ul { margin: 30px 0 0; list-style: none; }
#column-left-our-way ul li { margin-bottom: 5px; }
#column-left-our-way ul li strong { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; }

#column-left-london-vacancy { background:#d1c7bc; float: left; margin: 15px 0; padding: 15px; width: 508px; }
#column-left-london-vacancy h2 { background: url(/img/titles/we-are-looking-for.gif) no-repeat 0 0; height: 16px; margin-bottom: 20px; }
#column-left-london-vacancy h3 { color: #4d3729; font-size: 13px; font-weight: bold; margin: 0 0 20px 85px; }
#column-left-london-vacancy dl { margin: 0; overflow: hidden; }
#column-left-london-vacancy dt { color: #7a4539; float: left; font-weight: normal; }
#column-left-london-vacancy dd { float: left; margin: -13px 0 30px 85px; width: 425px; }
#column-left-london-vacancy a { float: left; margin-right: 10px; }
#column-left-london-vacancy a.addthis_button { float: right; margin: 0; }
#column-left-london-vacancy a.first { margin-left: 85px; }

#sidebar { margin: 0 0 0 15px; width:225px; float:right ; border:0px solid #000000;}
#sidebar-cv { background-color:#dfd9ce; padding:15px 15px 11px 15px; width:195px; float:left ;}
#sidebar-vacancies	{ background-color:#d1c7bc; margin: 15px 0 0 0; padding:15px 15px 7px 15px; width:195px; float:left; min-height:101px}
#sidebar-people	{ background-color:#dfd9ce; margin: 15px 15px 0 0; padding:29px 15px 15px 30px; width:185px; float:left; background-image:url(../img/titles/people-at-godiva-home.gif); background-repeat:no-repeat; min-height:79px; border:0px solid #000000;} 
#sidebar-gallery a { display: block; float: left; height: 82px; margin: 0 1px 0 0; width: 111px; }
#sidebar-gallery img { border: 3px solid #cdc6bb; }
#sidebar-storemap { background: #cdc6bb; float: left; margin-top: 15px; padding: 3px; width: 219px; }
#sidebar-storemap #map_canvas { height: 310px; width: 219px; }

/* ------------------------------------------------------------------------------------- 4. Footer ----------------------------------------------- */
#footer-left	{ float:left; padding-top:3px; background-color:#eae5db; margin-top: 30px; }
#footer-right	{ float:right; padding-top:3px; background-color:#eae5db; }

/* ------------------------------------------------------------------------------------- 5. Miscellaneous ---------------------------------------- */
/* buttons */
.btnApply { background: url(/img/buttons/apply-now.gif) no-repeat 0 0; height: 16px; width: 83px; }
.btnOtherVacancies { background: url(/img/buttons/other-godiva-vacancies.gif) no-repeat 0 0; height: 16px; width: 148px; }

/* People page list */
#column-left-peoplelist	{ margin: 0 0 0 0; padding: 0; width:245px; float:left; border:0px solid #000000;} 

#column-left-pdf	{ margin: 0; padding:0; width:500px; float:left; border:0px solid #000000; height:15px} 

.imgReplaced { background-repeat: no-repeat; display: block; outline: none; text-indent: -9999px; }

.left	{ float: left; }
.right	{ float: right; }
.clear	{ clear: both; }
.hide	{ display: none; }
.first	{ margin-top: 0; padding-top: 0; }
.last	{ margin-bottom: 0; padding-bottom: 0; }

hr { display: none; }

/* flash alternative styles */
.block { background: #efefef; border: 4px solid #dfdfdf; clear: both; margin: 25px 0; padding: 25px; }
ul#alternativeNav { border-bottom: 2px solid #333; border-top: 2px solid #333; list-style: none; padding: 10px 0 10px 5px; margin: 0 0 20px 0; }
ul#alternativeNav li { float: left; margin: 0 10px 0 0; }

/* clearfix */
.clearfix:after { clear: both; content: "."; display: block; height: 0;	visibility: hidden; }
.clearfix { display: inline-block; }