html, body {
	margin: 0;
	padding: 0;
	font: normal 12px/15px helvetica, arial, sans-serif;
	color: #a1a1a5;
	background-color: #bbdc23;
}

a img {
	border: 0;
}

label {
	color: #555;
}

form {
	margin: 0;
	padding: 0;
}

sup {
	line-height: 0;
}

#headline, #jibeheadline {
	position: relative;
	width: 998px;
	height: 200px;
	margin: 70px auto 0;
}

#headline {
	background: #fff url(../_img/bg_pickacolor.png) no-repeat left top;
}

#jibeheadline {
	background: #fff url(../_img/bg_jibelogo.png) no-repeat left top;
}

#headline #jibelink, #jibeheadline #jibelink {
	position: absolute;
	top: -43px;
	left: 16px;
	width: 36px;
	height: 35px;
}

#headline p, #jibeheadline p {
	margin: 0;
	padding: 46px 100px 4px 293px;
	font: normal 27px/26px helvetica, arial, sans-serif;
	color: #a2a2a3;
}

#headline p span, #jibeheadline p span {
	color: #d9531e;
}

#content {
	width: 998px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}

#color, #hero, #movie, #snack, #transport, #catch, #assessment, #send, #bzzt, #free, #offer {
	position: relative;
	width: 888px;
	min-height: 343px;
	height: auto !important;
	height: 343px;
	margin: 0 auto;
	padding: 0;
}

#color {
	background: #fff url(../_img/bg_crayons.jpg) no-repeat center top;
}

#color div {
	position: absolute;
	width: 40px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#color div img {
	width: 40px;
	height: 295px;
}

div.white {
	left: 77px;
}

div.baby {
	left: 144px;
}

div.red {
	left: 208px;
}

div.orange {
	left: 274px;
}

div.navy {
	left: 341px;
}

div.lavendar {
	left: 401px;
}

div.gold {
	left: 462px;
}

div.black {
	left: 523px;
}

div.purple {
	left: 583px;
}

div.green {
	left: 643px;
}

div.brown {
	left: 706px;
}

div.sage {
	left: 768px;
}

#hero {
	background: #fff url(../_img/bg_people.jpg) no-repeat left top;
}

#hero div {
	float: left;
	width: 115px;
	margin: 10px 16px 0;
	_margin: 10px 15px 0;
	padding: 0;
	text-align: center;
}

#hero div img {
	width: 110px;
	height: 115px;
}

#movie {
	background: #fff url(../_img/bg_movies.jpg) no-repeat left top;
}

#movie div {
	/*border: 1px dotted pink;*/
	float: left;
	width: 135px;
	margin: 25px 6px 9px;
	text-align: center;
}

#movie div img {
	width: 95px;
	height: 85px;
}

#transport {
	background: #fff url(../_img/bg_transport.png) no-repeat center top;
}

#transport div {
	/*border: 1px dotted pink;*/
	float: left;
	width: 131px;
	margin: 25px 8px 9px;
	_margin: 25px 7px 9px;
	text-align: center;
}

#transport div img {
	width: 95px;
	height: 85px;
}

#snack {
	background: #fff url(../_img/bg_snacks.jpg) no-repeat left top;
}

#snack div {
	position: absolute;
	text-align: center;
}

div.jerky {
	top: 0; 
	left: 0; 
	width: 95px;
}

div.jerky img {
	width: 95px; 
	height: 220px;
}

div.granola {
	top: 0; 
	left: 96px; 
	width: 250px;
}

div.granola img {
	width: 200px; 
	height: 110px;
}

div.yoghurt {
	top: 125px; 
	left: 96px; 
	width: 100px;
}

div.yoghurt img {
	width: 100px; 
	height: 70px;
}

div.gum {
	top: 231px; 
	left: 80px; 
	width: 148px;
}

div.gum img {
	width: 148px; 
	height: 60px;
}

div.puffs {
	top: 125px; 
	left: 235px; 
	width: 116px;
}

div.puffs img {
	width: 100px; 
	height: 110px;
}

div.candy {
	top: 0; 
	left: 368px; 
	width: 100px;
}

div.candy img {
	width: 100px; 
	height: 100px;
}

div.cookie {
	top: 160px; 
	left: 345px; 
	width: 120px;
}

div.cookie img {
	width: 110px; 
	height: 120px;
}

div.fruit {
	top: 0; 
	left: 525px; 
	width: 140px;
}

div.fruit img {
	width: 140px; 
	height: 100px;
}

div.gourmet {
	top: 130px; 
	left: 480px; 
	width: 140px;
}

div.gourmet img {
	width: 140px; 
	height: 150px;
}

div.energy {
	top: 0; 
	right: 0; 
	width: 228px;
}

div.energy img {
	width: 228px; 
	height: 150px;
}

div.grahams {
	top: 182px; 
	right: 120px; 
	width: 118px;
}

div.grahams img {
	width: 118px; 
	height: 92px;
}

div.chocolate {
	top: 182px; 
	right: 15px; 
	width: 85px;
}

div.chocolate img {
	width: 85px; 
	height: 100px;
}

#catch p, #send p, #offer p {
	clear: left;
	line-height: 36px;
	margin: 0 0 5px 238px;
}

#catch p label, #send p label, #offer p label {
	float: left;
	width: 242px;
	font: normal 25px/36px helvetica, arial, sans-serif;
}

#catch input, #send input, #offer input {
	width: 376px;
	height: 30px;
	padding: 3px 0 0 3px;
	font: normal 25px helvetica, arial, sans-serif;
	color: #555;
	border-width: 3px;
}

#assessment p {
	margin: 0 0 15px 238px;	
}

#assessment span {
	color: #d9531e;
}

#next {
	width: 888px;
	margin: 0 auto ;
	padding: 15px 55px 50px;
	background-color: #fff;
	color: #a2a2a3;
	font: normal 14px/22px helvetica, arial, sans-serif;
}

#offer #next {
	padding: 15px 55px 0 !important;
}

#next input {
	height: 22px;
	display: block;
	float: right;
}

#next span {
	float: right;
	width: 200px;
	margin: 0 10px 0 0;
	padding-top: 2px;
	text-align: right;
}

/* Overlay */
#modalOverlay {
	background-color: #000;
	cursor: wait;
}

/* Container */
#modalContainer {
	height: auto;
	width: 200px;
	left: 50%;
	top: 210px;
	margin-left: -100px;
	background-color: #fff;
	border: 3px solid #ccc;
	font: normal 25px helvetica, arial, sans-serif;
	text-align: center;
}

#modalContainer img {
	clear: both;
	padding: 15px;
}

/* No need for this
#modalContainer a.modalCloseImg {
	background: url(../_img/x.png) no-repeat;
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -18px;
	cursor: pointer;
}
*/

#modalContainer #basicModalContent {
	padding: 8px 8px 20px;
}

#privacy #content, #terms #content {
	width: auto;
	margin: 15px;
	padding: 15px;
}

#more {
	float: right;
	width: 671px;
	margin: 0;
	padding: 17px;
	background: #e5f6fe;
}

#more div {
	float: left;
}

#more div a {
	color: #a7dff9;
	text-decoration: underline;
}

#more #div1 {
	width: 55px;
	padding: 0;
	color: #000;
	font: normal 12px/15px helvetica, arial, sans-serif;
}

#more #div1 span {
	color: #d9531e;
	font: bold 18px helvetica, arial, sans-serif;
}

#more #div2, #more #div3, #more #div4 {
	width: 186px;
	margin: 0 0 0 10px;
	padding: 73px 0 10px;
	text-align: center;
}

#more #div2 {
	background: #fff url(../_img/jibe.png) no-repeat center 5px;
}

#more #div3 {
	background: #fff url(../_img/consultation.png) no-repeat center 5px;
}

#more #div4 {
	background: #fff url(../_img/share.png) no-repeat center 5px;
}

#more div a:link, #more div a:visited,  {
	font: normal 11px helvetica, arial, sans-serif;
	color: #a7dff9 !important;
	text-decoration: underline;
}

#more div a:hover, #more div a:active {
	color: #a1a1a5;
	text-decoration: underline;
}

#cards {
	margin: 0 0 0 238px;
	padding: 0 0 50px;
}

#cards img {
	float: left;
	margin: 0 30px 0 0;
	border: 0;
}

#footer {
	width: 998px;
	margin: 0 auto;
	padding: 0;
	color: #000;
	font: normal 10px/30px helvetica, arial, sans-serif;
	text-align: right;
}

a:link, a:visited {
	color: #d9531e;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

#footer a:link, #footer a:visited {
	font: normal 10px/10px helvetica, arial, sans-serif;
	color: #000;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	text-decoration: underline;
}

.red {
	color: #d9531e;
}

.lime {
	color: #c1d72e;
}

.grey {
	color: #a1a1a5;
}

.baby {
	color: #a7dff9;
}

.big {
	font: normal 27px/27px helvetica, arial, sans-serif;
}

p.offer {
	padding: 0 0 7px;
	font: normal 12px/17px helvetica, arial, sans-serif !important;	
}

.offer_big {
	font: bold 14px/17px helvetica, arial, sans-serif;
}

.subnext {
	padding: 0 65px 16px 0;
	font: bold 14px/16px helvetica, arial, sans-serif;
	text-align: right;
}

.notify {
	padding: 0 0 27px;
}

.attention {
	padding: 10px 0 20px;
	color: #d9531e;
	font: bold 14px/16px helvetica, arial, sans-serif;

}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */