/* RESETS & BASIC PAGE SETUP */
* {margin: 0; padding:0;}
html{overflow-y:scroll;}
body {
	background: url(images/bodybg.jpg) repeat-x;
}

p{
	font-size:14px; 
	line-height: 20px; 
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#a0a0a0;
	}
h1{
	font-size:17px;
	color:#3f70b3;
}
li {
	list-style:none;
}
img {
	border:none;
	display:block;
}
div.float{
	float:left;
}

/* END RESET */

/* TOOLBOX */
.floatleft { float:left;}
.floatright { float:right;}
.clear {clear:both;}
.bg-img{position:absolute; z-index:1;}

/* PAGE ELEMENTS */
#page-wrap {
	padding-top:25px;
	width:1005px;
	margin:0 auto 0;
}
#header-img {
	position:absolute;
	top:90px;
	margin-left:240px;
}
#product-header-img {
	position:absolute;
	top:85px;
	margin-left:240px;
}
#content-text {
	z-index:16;
	position:absolute;
	top:120px;
	width:615px;
	height:400px;
	margin-left:250px;
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:14px;
	line-height:1.5em;
	color:#a0a0a0;
	font-weight:bold;
	overflow:auto;
}
/*this was changed from content-text*/
#ourstory-text {
	position:absolute;
	top:60px;
	margin-left:250px;
	height:500px;
	width:630px;
	font-size:10px;
	
}
#ourstory-text p {
color:#555;
	
}

#product-content-text {
	position:absolute;
	top:145px;
	width:475px;
	margin-left:250px;
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:13px;
	line-height:1.7em;
	color:#777777;
}

#checkbox {
	position:absolute;
	top:330px;
	margin-left:235px;
}
#pack {
margin-left:505px;
position:absolute;
top:0px;
}
#fruit {
	z-index:1;
	position:absolute;
	top:240px;
	margin-left:380px;
	
}
#product-nav {
	z-index:2;
	display:inline;
	position:absolute;
	top:375px;
	margin-left:245px;
}
#buy-it {
	position:absolute;
	top:500px;
	margin-left:785px;
}

#other-size{
	position:absolute;
	top:430px;
	margin-left:242px;
	
	
}
#other-size p {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:15px;
	margin-left:-2px;
}


#product-nav p{
z-index:10;
color:#FFF;
margin:0px 0px 3px -5px;
font-size:14px;
}

#main-product {
	z-index:800;
	position:absolute;
	top:263px;
	margin-left:255px;
	width:700px;
}
#buy-buttons {
	z-index:900;
	position:absolute;
	top:415px;
	margin-left:245px;
	width:700px;
}
#buy-buttons img{
	padding-right:63px;
}
#nav {
	width:200px;
	position:absolute;
	z-index:900;
	top:211px;
	margin-left:14px;
}
#nav-links ul {
	position:absolute;
	top:20px;
	padding:0;
	margin:0;
	text-indent:-9999px;
}
#contact-form {
	position:absolute;
	top:170px;
	text-indent:166px;
	
}
#address {
	position:absolute;
	top:170px;
	margin-left:700px;
	font-size:13px;
	color:#eb1d24;
}
/* STORE LOCATOR */
#coco-locator {
	position:absolute;
	top:150px;
	width:515px;
	margin-left:250px;
	height:415px;
	background:url(../images/location_output.png) no-repeat -19px 48px;
}
#locator-body {
	margin: 60px 0px 5px 30px;
	line-height:35px;
	width:250px;
	height:50px;
	font-size:14px;
	color:#4070b7;
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:16px;
}


#locator-field {
	font-size:14px;
	color:#4070b7;
}
#state-text{
	margin: 50px 25px 30px 40px;
	height:195px;
	overflow: auto;
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:14px;
	text-indent:0px;
}


#logo-container {
	position:absolute;
	top:55px;
	margin-left:780px;
	width:180px;
	background:url(../images/logo_container.png) no-repeat;
}
#logo-container img{
	padding-bottom:30px;
	margin:0 auto 0;
}
#logo-container p{
	padding-top:20px;
	text-align:center;

}
#state-text div.hidden {
	display:none;
}
#state-text div.visible {
	display:block;
}
#uk-info {
	z-index:999;
	position:absolute;
	top:200px;
	margin-left:620px;
}
#uk-info p{
	text-align:right;
	color:#FFF;
	font-size:14px;	
	line-height:18px;
}

#find-buy{
	position:absolute;
	top:240px;
	margin-left:615px;
}
/* END STORE LOCATOR */
#the-buzz {
	z-index:20;
	position:absolute;
	top:125px;
	margin-left:245px;
	width:600px;
	}
#archives{
	position:absolute;
	top:95px;
	margin-left:760px;
}	
#archives li{
display:inline;
}
#archives li a{
font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
font-size:14px;
margin-right:15px;
color:#5c9110;
text-decoration:none;
}

#archives li a:hover{
	text-decoration:underline;
}

#address p {
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:15px;
	text-indent:0px;
}
#umbrella {
	position:absolute;
	top:35px;
	margin-left:475px;
}
/* START CAREERS FORM STYLING 
---------------------------------------------------*/
#careers-form {
	z-index:999;
	position:absolute;
	top:210px;
	margin-left:240px;
		background:url('../images/careers_bg.png') no-repeat ;
}

form.cmxform {
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:15px;
	width:520px;
}


form.cmxform fieldset {
margin-bottom: 10px;

	color:#195eab;
}
form.cmxform legend {
	display:none;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
margin:20px 0 0 40px;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 12px 0 3px 10px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}

form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label,
.resume {
  width: 120px; /* Width of labels */

}
form.cmxform fieldset fieldset label {
  margin-left: 143px; /* Width plus 3 (html space) */
}
form.cmxform form, fieldset {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset { border:none; }

form.cmxform select {
	margin: 0;
	padding: 1px;
	font-size: 90%;
	font-family: inherit;
	}
#name,
#email,
#phone,
#resume {
	width:290px;
}
#submit {
	margin-left:40px;
margin-bottom:40px;
}
form.cmxform textarea {
	margin:5px;
	padding:2px;
	width:290px;
	color:#999;
	resize:none;
	
}
	
form.cmxform select { padding: 0; }

/*----FLASH------*/
#flash-home{
	z-index:1;
	position:absolute;
	top:0;
}

#footer {
	position:absolute;
	z-index:999;
	font-size:11px;
	padding-left:9px;
}
#footer li {
	z-index:900;
	font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
	display:inline;
	color:#5c9110;
	}
#footer a {
	color:#0069a3;
	text-decoration:none;
	word-spacing:3px;
	margin: 0px 7px 0px 7px;
}
span.benefits {
	text-transform:uppercase;
}
#footer a:hover {
	color:#5c9110;
}

#copyright {
	margin-left:240px;
	
}
#bikini{
	z-index:999;
	position:absolute;
	top:-10px;
	margin-left:675px;
}