/**
 * @project: People Choice
 * @location: Wax Interactive - www.wax.be
 * @date: 10.06.2010
 * @author: Jan De Wilde
 */

/**
 * Declaration of general styles.
 * Includes the clearfix, source: http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
 */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

* { margin:0; padding:0; }
html { margin-bottom: 1px; min-height: 100%; /*background:url(../images/backgroundFiller.jpg) center top repeat-y;*/ }  /* Force the scrollbar to prevent the website from shifting to the left, after viewing a page that fitted the viewport. */
body { font-size:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#384646; /*background:#AFB5B1 url(../images/background.jpg) center top no-repeat; */ background:#fff; }
body.intro { background:#9F8D45;/*url(../images/background-green.jpg) center top no-repeat*/ ; }

h1 { font-size:28px; }
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:16px; }
h6 { font-size:14px; }

a { outline:none; } /* Comment this rule if you want to see the outline of achor elements. */

.lFloat { float:left; }
.rFloat { float:right; }
.center { position:relative; margin:0 auto; width:1000px; }
.big { padding-top:32px; color:#fff; width:600px; }
.small { width:400px; background:#9F8D45; }
span.button { cursor:pointer; }
.margin { margin:10px 0; }
.tCenter { text-align:center; }

fieldset { border:0 none; }

/**
 * Declaration of website styles.
 */
 
#wrapper { position:relative; border-top:3px solid #fff; }

#wrapper.thePeopleBg #content,
#wrapper.aboutUsBg #content,
#wrapper.pressNewsBg #content,
#wrapper.contactBg #content,
#wrapper.thePeopleBg2 #content { background:#9F8D45 url(../images/bg-people.jpg) left top no-repeat; }

#wrapper.contactBg #page { padding:62px 25px 10px 25px; width:550px; }

#wrapper.aboutUsBg #page h2 { padding-top:25px; padding-left:25px; padding-right:25px; }
#wrapper.aboutUsBg #page p { padding-left:25px; padding-right:25px; }

#header { position:absolute; left:50%; top:0; margin-left:-500px; width:600px; height:32px; background:#020202 url(../images/header-bg.jpg) left top repeat-x; z-index:100; }
#header.home { background:url(../images/grad0.jpg) left top repeat-x; }
#wrapper.becomeModelBg #header { width:1000px; }
#wrapper.newlayout #header { width:1000px; }
#wrapper.newlayout #content { padding-top:42px; }
#header ul { font-size:12px; list-style:none; }
#header li { text-align:center; list-style:none; display:inline; background:url(../images/spacer-li.gif) left center no-repeat; float:left; }
#header li.the-people { background:none; }
#header li a { padding:8px 10px 9px 10px; color:#ddd; text-decoration:none; display:block; }
#header li#TextLinkActive a { color:#fff; }

#header #langSelect li a { padding:22px 15px 0 15px; }

#wpfp { margin-left:375px; padding:15px 0 10px 0; width:250px; height:21px; text-indent:-9999px; display:block; background:url(../images/withpassion.gif) center center no-repeat; }
.small h1 { padding:15px 0; text-indent:-9999px; width:400px; height:53px; background:url(../images/logo-nice.gif) center center no-repeat; }
.small h2.pInfo { padding:5px 0; font-size:22px; text-align:center; border-bottom:2px solid #384646; }
span.orq { /*text-align:right; display:block;*/ float:right; }

#content { background:#fff; }
#content.peopleAtWork { background:#030303; }

#content.peopleAtWork ul { padding:20px 0; color:#CCC; list-style:none; }
#content.peopleAtWork li { padding:0 15px; list-style:none; display:inline; }
#content.peopleAtWork li a { font-size:14px; font-weight:bold; color:#ccc; text-decoration:none; }

#intro { position:relative; padding:10px 0 0 10px; background:#fff url(../images/intrologo.jpg) left top no-repeat; width: 586px; height:410px; overflow:hidden; }
#intro div.image { position:relative; margin:0 10px 10px 0; width:107px; height:126px; overflow:hidden; float:left; z-index:1; }
#intro div.image img { width:107px; }
#intro #grid { position:absolute; left:0; top:0; width:900px; height:634px; background:url(../images/introgrid.png) left top no-repeat; z-index:100; }

#checkStat { margin-top:5px; }

.selectionSmall { padding:10px; font-size:14px; width:280px; height:135px; }
.selectionBig { padding:10px; font-size:14px; width:580px; }
.selectionSmall h2 { font-size:14px; color:#384646; background:url(../images/selection-heading.gif) left top no-repeat; }
.selectionBig h2 { font-size:14px; color:#384646; background:url(../images/selection-heading-big.gif) left top no-repeat; }
.selectionSmall h2 span,
.selectionBig h2 span { padding:7px 10px; display:block; }
.selectionSmall h2 span.female { background:url(../images/female.gif) 245px center no-repeat; }
.selectionSmall h2 span.male { background:url(../images/male.gif) 240px center no-repeat; }
.selectionSmall ul,
.selectionBig ul { padding-top:5px; list-style:none; }
.selectionSmall ul li { color:#fff; list-style:none; height:24px; }
.selectionBig ul li { padding-right:10px; color:#fff; list-style:none; height:24px; float:left; }
.selectionSmall ul li.active,
.selectionBig ul li.active { color:#000; }
.selectionSmall ul li span,
.selectionBig ul li span { padding:4px 5px 4px 35px; cursor:pointer; background:url(../images/arrow.gif) 10px center no-repeat; display:block; }
/*.selectionSmall ul li.active span,
.selectionBig ul li.active span { background-image:url(../images/checkbox-active.gif); }*/

.doubleUL ul { width:140px; }
.doubleULBig ul { width:280px; }
.singleULBig ul { width:580px; }
.doubleULBig .bigUL { width:300px; }

div.border { width:279px; overflow:hidden; border-right:1px solid #fff; }
div.border ul { width:139px; }
div.override ul { width:279px; }

#page { padding:42px 0 10px 0; width:600px; }
#page h2 { padding:0 10px 15px 10px; font-size:24px; }
#page p { padding:0 10px 15px 10px; line-height:20px; }
#page a { color:#BFBFBF; }

#wrapper.pressNewsBg #page { padding-left:40px; width:560px; }
.newsItem { padding:20px 50px 0 0; width:86px; height:130px; }
.newsItem a { text-decoration:none; }
.newsItem span { color:#fff; text-align:center; display:block; }
.newsItem .newsContent { padding-left:5px; width:475px; }

#photoDisplayRow { padding-left:10px; }
.small #photoDisplayRow { padding-left:32px; }

.small #photoDisplayRow.preselection { padding-left:23px; }
.small #photoDisplayRow.preselection ul li { margin: 0 15px 10px 0; width:52px; height:80px; }
.small #photoDisplayRow.preselection ul li img { width:50px; border:1px solid #d2dcde; }

.pager { position:relative; padding:0 25px; font-weight:bold; }
.pager .pageNo { position:absolute; left:50%; margin-left:-50px; text-align:center; width:100px; }
#page .pager .prev,
#page .pager .next { color:#fff; font-size:14px; text-decoration:none; }
.pager .prev { padding-left:20px; background:url(../images/prev.gif) left center no-repeat; }
.pager .next { padding-right:20px; background:url(../images/next.gif) right center no-repeat; }

#properties { color:#333; }
#properties strong { width:140px; display:block; float:left; }

#photoList { padding:0 0 0 15px; list-style:none; }
#photoList li { margin:0 25px 0 0; list-style:none; /*border-bottom:4px solid #d2dcde;*/ width:90px; height:150px; overflow:hidden; float:left; }
#photoList li span { padding:2px 0; color:#384646; font-size:11px; text-align:center; background:#D2DCDE; display:block; }
#photoList li.active,
#photoList li.in_list,
#photoList li.active img,
#photoList li.in_list img { border-color:#333; }
#photoList li.active span,
#photoList li.in_list span { background:#333; color:#fff; }
#photoList li.last { margin-right:0; }
#photoList li a { width:90px; height:117px; display:block; }
#photoList li img { border:1px solid #d2dcde; border-bottom:0;  width:88px; float:left; }

.rightBox { /*margin-top:10px;*/ padding:5px; background:#9F8D45; /*border-bottom:2px solid #516F1B;*/ }
.rightBox h2 { padding:0 0 5px 0; font-size:14px; border-bottom:1px solid #516F1B; }
.rightBox p { padding:10px 0; line-height:24px; }
.rightBox a { color:#5E696B; }
.rightBox input.input { width:280px; }

#actions { position:relative; margin-bottom:10px; }
#actions ul { list-style:none; /*width:190px;*/ }
#actions ul li { padding:2px 0 2px 10px; cursor:pointer; list-style:none; background:url(../images/circle.gif) 5px center no-repeat; }
#actions ul li.nobg { background:none; }
#add-to-span { margin-top:-2px; padding:2px 0 2px 30px; font-size:12px; cursor:pointer; background:url(../images/add-to-selection.gif) left center no-repeat; }
#remove_from_cart { margin-top:-2px; padding:2px 0 2px 25px; font-size:12px; cursor:pointer; background:url(../images/delete-selection.gif) left center no-repeat;  }
/*#actions #add_to_cart { background:url(../images/add-to-selection.gif) left center no-repeat; }
#actions #view_selection { background:url(../images/view-selection.gif) 4px center no-repeat; }
#actions #mail_selection { background:url(../images/mail-selection.gif) left center no-repeat; }*/
#print_selection { padding:0 25px 0 0; color:#fff; cursor:pointer; background:url(../images/print-selection.gif) right center no-repeat; }

#actions #beforePrint { position:absolute; right:94px; top:-23px; padding:5px 10px; width:195px; height:15px; background:#fff; }
#actions #beforePrint a { text-decoration:none; text-align:center; cursor:pointer; width:95px; display:block; float:left; }
#actions #beforePrint a.split { border-left:1px solid #ccc; }

#slideshow { padding:0; text-align:center; }
#slideshow span { font-size:12px; }
#picHolder { position:relative; margin:10px 0 0 0; height:310px; }
#picHolder img { border:2px solid #fff; border-bottom:0 none; width:213px; }
#scrollbar { position:relative; margin-bottom:10px; padding-left:55px; clear:both; }
#scrollbar a.pn_button { cursor:pointer; width:37px; /*height:90px;*/ height:60px; float:left; }
#scrollbar a.prev_button { text-indent:-9999px; width:36px; background:url(../images/prev-big.gif) center center no-repeat; }
#scrollbar a.next_button { border-left:2px solid #fff; text-indent:-9999px; width:36px; background:url(../images/next-big.gif) center center no-repeat; }
#scrollbar a.inactive { background:0 none; }
#scrollbar .thumbholder { position:relative; width:215px; height:59px; border-top:1px solid #fff; border-bottom:2px solid #fff; overflow:hidden; float:left; }
#thumblist { position:absolute; left:0; top:0; height:60px; list-style:none; overflow:hidden; width:20000em; }
#thumblist li { border-left:2px solid #fff; list-style:none; height:60px; width:41px; overflow:hidden; float:left; }
#thumblist li img { border:0 none; /*width:63px;*/ width:41px; }

#footernav { margin-top:2px; padding:5px 10px; font-size:12px; background:#4A4736; width:980px; }
#footernav a { margin:0 5px; color:#9F9363; text-decoration:none; }
#footernav a:hover { border-bottom:1px solid #aaa; }

#footer { padding:10px; font-size:11px; width:980px; }
#footer a { color:#fff; text-transform:uppercase; text-decoration:none; border-bottom:1px solid #DACBAC; font-size:15px; margin:0 15px; }
#footer p { padding:20px 0 0 0; text-align:center; }
#footer.nohome p { padding:0; }

div.button { position:relative; padding:5px 10px; clear:both; }
span.mailBack { margin-top:10px; margin-left:15px; padding:5px; text-align:center; background:#1F1E19; width:130px; cursor:pointer;  }
input.button { padding:5px; font-weight:bold; text-transform:uppercase; cursor:pointer; border:1px solid #d2dcde; background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input.input { padding:6px; border:1px solid #d2dcde; background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
span.info { padding:16px 15px 5px; font-size:13px; color:#8d949c; background:url(../images/info-white.gif) left center no-repeat; display:block; }

#btnStart { margin:0 0 0 250px; width:90px; height:89px; border:0 none; background:url(../images/start.gif) left top no-repeat; }

#searchByName { margin:10px 0; padding:15px 0; border-top:1px solid #fff; /*border-bottom:1px dashed #fff;*/ }
#searchByName span { padding:0 5px 0 25px; color:#fff; }
#searchByName #people_name { width:280px; }

#mailForm { margin-left:10px; }
#mailForm div.row { margin:0; padding:0; }
#mailForm div.row label { padding:5px 0; font-weight:bold; display:block; }
#mailForm div.row input { padding:5px; font-size:12px; color:#333; border:1px solid #ccc; width:565px; }
#mailForm div.row textarea { padding:5px; font-size:12px; color:#333; border:1px solid #ccc; width:565px; height:200px; }
#mailForm div.mailButton { margin-top:10px; padding:5px; text-align:center; background:#1F1E19; width:115px; cursor:pointer; }

p#mandatory { color:#F00; font-style:italic; }
span#formError { display:block; padding:10px 10px 0 10px; color:#F00; }

#specialBottom {}
#specialBottom #backToThePeople { padding:20px 25px 10px 25px; font-size:14px; }
#specialBottom #backToThePeople span span { color:#fff; background:#000; padding:3px; }
#specialBottom form { padding:14px 0 0 22px; }