#startpreloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:1000; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:fixed;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%;
    margin:-10px 0 0 -10px; /* is width and height divided by two */
}
#map-canvas { height: 330px; }

.logo {height: 100px;width: 960px;margin: 0 auto; background: #000 url('../img/top_bg.jpg') no-repeat top left; display: none;}
.logo img {padding: 10px 0 0 60px;}

.container {
    width:850px;
    max-width: 850px;
}
#status img{
    width: 20px;
}

body {
    font-family: "Tahoma", sans-serif;
    color: #010101;
}   

input[type="checkbox"] {
    margin-top:15px;
    padding:0px;
}

.marginT10{
    margin-top:10px;
}

h3{
    font-size: 11px;
    font-weight: bold;
}

p, ul > li, label{
    font-size: 11px;
    font-weight: normal;
}

label{
    margin-top:-4px;
    }

span {
    font-size: 9px;
    font-weight: normal;
}

.placeItem {
    margin-top:20px;
    padding-bottom:20px;
    border-bottom:1px solid #333;
    position: relative;
    font-size: 12px;
}

.placeItem a.map{
    position: absolute;
    right:0px;
    bottom:10px;
}


.modal-footer {
    padding: 0px;
    margin-top: 0px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
}

.modal-header {
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 0px solid #e5e5e5;
}

.modal-header h3{
    font-size: 20px;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

/*************************************************/

body {
	font: normal 14px/1.25 'Open Sans', Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 100%;
	background: #000;
}

#container {
	width: 920px;
	height: 600px;
	margin: 0 auto;	
	padding-right: 15px;
	position: relative;
}

aside { float: right; display: block; position: relative; top: 200px; right: 0; }
aside form div { padding-top: 30px; }
aside form div:first-child { padding: 0; }
label { font: bold 17px 'Open Sans'; font-weight: 600; text-transform: uppercase; }
.area { padding: 20px; padding-top: 0;}
.products { width: 415px; height: 375px; }
.packshots { width: 130px; height: 160px; position: absolute; top: 210px; right: 10px; }
.packitem, .hidden { display: none; }
.shown { display: block; }

.form-control { border-radius: 0; }
.form_text { width: 236px; }
.form-submit { display: block; width: 236px; height: 58px; border: none; background-image: url(../img/utils.png); background-position: 236px 235px; text-indent: -999em; }
.gamaHolder, .colorHolder { text-transform: uppercase; }

.maps { width: 780px; height: 375px; padding-top: 20px;}
.map { width: 350px; height: 330px; float: left; }
.results { margin-left: 370px; }
.title, .title p { font-size: 20px; font-weight: 600; line-height: 1; }
.title p.small { font-size: 14px; font-weight: 300; }
.title span { float: right; font-size: 14px; font-weight: 600; }
.results .tago { width: 375px; height: 40px; display: block; background-image: url(../img/utils.png); text-indent: -999em; }
.overview { margin-top: 10px; width: 380px; height: 205px; color: #000; }
.overview ul { list-style: none; padding: 0; margin: 0; padding-left: 10px; }
.overview ul li {cursor: pointer;}
.buttons { width: 42px; height: 84px; position: absolute; bottom: 0; left: -42px; background-image: url(../img/utils.png); background-position: -253px 0px; }
.buttons a {width: 42px;height: 42px;display: block;}
.mCustomScrollBox > .mCSB_scrollTools, .mCSB_scrollTools, .mCSB_dragger_bar { width: 10px; }
.mCSB_scrollTools .mCSB_dragger { margin: 0 auto; width: 10px; height: 10px; }

.linksWrapper {background: transparent; display: none; width: 440px; height: 600px; position: absolute; top: 0; left: 0;}
.linksWrapper .link {display: block; width: 440px; height: 140px; float: left; background: transparent; margin: 0; padding: 0;}
.linksWrapper .link-1 {margin-top: 25px;}

.gama0 { background: url(../img/bg_start.jpg) no-repeat center top; }
.gama0 aside { background: #e6e6e6; color: #4f8c03; }
.gama0 aside .buttons {  background-position: -253px -0px; }
.gama0 aside .form-submit {  background-position: 237px 779px; }
.gama0 .linksWrapper {display: block;}

.gama1 { background: url(../img/bg_sensation.jpg) no-repeat center top; }
.gama1 aside { background: url(../img/pix_casting.png); color: #ca0012; }
.gama1 aside .buttons {  background-position: -253px -128px;}
.gama1 aside .form-submit { background-position: 237px -138px; }
.gama1 .title { color: #ca0012; }
.gama1 .results .overview { color: #222222; }
.gama1 .results .tago { background-position: 375px -205px;}
.gama1 .mCSB_scrollTools { background: url(../img/mcsb_trackbar_p.png) repeat-y center center; }
.gama1 .mCSB_dragger { background: #ce0e25; }

.gama2 { background: url(../img/bg_olia.jpg) no-repeat center top; }
.gama2 aside { background: url(../img/pix_casting.png); color: #d73185; }
.gama2 aside .buttons {background-position: -253px 515px;}
.gama2 aside .form-submit { background-position: 237px 505px;}
.gama2 .title { color: #d73185; }
.gama2 .results .overview { color: #111111; }
.gama2 .results .tago { background-position: 375px 440px;}
.tagoPlaceholder {width: 375px;height: 40px;}
.gama2 .mCSB_scrollTools { background: url(../img/mcsb_trackbar.png) repeat-y center center; }
.gama2 .mCSB_dragger { background: #d73185; }

.gama3 { background: url(../img/bg_naturals.jpg) no-repeat center top; }
.gama3 aside { background: url(../img/pix_casting.png); color: #008346; }
.gama3 aside .map {color: #555555;}
.gama3 aside .buttons { background-position: -253px 383px; }
.gama3 aside .buttons.map { background-position: -253px 113px; }
.gama3 aside .form-submit { background-position: 237px 374px;}
.gama3 .title { color: #008346; }
.gama3 .results .overview { color: #222222; }
.gama3 .results .tago {  background-position: 375px 310px;}
.gama3 .mCSB_scrollTools { background: url(../img/mcsb_trackbar.png) repeat-y center center; }
.gama3 .mCSB_dragger { background: #008346; }

.gama4 { background: url(../img/bg_nutrisse.jpg) no-repeat center top; }
.gama4 aside { background: url(../img/pix_casting.png); color: #266d35; }
.gama4 aside .buttons { background-position: -253px 245px; }
.gama4 aside .form-submit { background-position: 237px 235px;}
.gama4 .title { color: #266d35; }
.gama4 .results .overview { color: #000; }
.gama4 .results .tago {background-position: 375px 171px;}
.gama4 .mCSB_scrollTools { background: url(../img/mcsb_trackbar_p.png) repeat-y center center; }
.gama4 .mCSB_dragger { background: #266d35; }

.gama5 { background: url(../img/bg_nutrisse.jpg) no-repeat center top; }
.gama5 aside { background: url(../img/pix_casting.png); color: #3a418f; }
.gama5 aside .buttons { background-position: -253px 114px; }
.gama5 aside .form-submit { background-position: 237px 104px;}
.gama5 .title { color: #3a418f; }
.gama5 .results .overview { color: #000; }
.gama5 .results .tago {background-position: 375px 171px;}
.gama5 .mCSB_scrollTools { background: url(../img/mcsb_trackbar_p.png) repeat-y center center; }
.gama5 .mCSB_dragger { background: #3a418f; }

.gama1 aside .buttons-places {background-position: -302px -128px;}
.gama2 aside .buttons-places {background-position: -302px 514px;}
.gama3 aside .buttons-places {background-position: -302px 383px;}
.gama4 aside .buttons-places {background-position: -302px 246px;}

.bubble {display: none; color: #d50202; height: 20px; margin-bottom: -20px; font-size: 15px; padding: 1px 0px 1px 17px; }
.bubble.act {display: block;background: url(../img/x.png) no-repeat left center;}

div.gama-logo {width: 83px; height: 84px; display: none; position: absolute; bottom: 26px; left: 0;}

.gama1 div.gama-logo {display: block;}
.gama2 div.gama-logo {display: block;}
.gama3 div.gama-logo {display: block;}
.gama4 div.gama-logo {display: block;}

div.model-desc {position: absolute; bottom: 0; left: 0; width: 500px; z-index:99; height: 23px; padding: 3px 0 0 8px;}
div.model-desc .model {
color: #ffffff;
display: none;
font-size: 15px;
text-shadow: 2px 2px 2px #000000;
}
.gama1 div.model-desc .model-1 {display: block;} 
.gama2 div.model-desc .model-2 {display: block; color: #000000; text-shadow: 2px 2px 2px #ffffff;}
.gama3 div.model-desc .model-3 {display: block;}
.gama4 div.model-desc .model-4 {display: block;}


.gama-btn {
    display: none;
    height: 83px;
    width: 83px;
    cursor: pointer;
}
.gama1 .gama-btn-1 {display: block;}
.gama2 .gama-btn-2 {display: block;}
.gama3 .gama-btn-3 {display: block;}
.gama4 .gama-btn-4 {display: block;}
.gama5 .gama-btn-5 {display: block;}


.footer {

    display: block;
    width: 920px;
    height: 50px;
    margin: 0 auto; 
    padding:10px;
    position: relative;
    background: url('../img/bg_f.jpg');
    color:#78837b;
    font-size: 12px;


}