/*
*
* I Feel Fruity (css)
* By CTISN (23.04.09)
*
*/

* {
	padding: 0px;
	margin: 0px;
}

body {
	background: #000;
	font-family: Courier New, Times New Roman;
	font-size: 0.75em;
	font-weight: bold;
	color: #000;
	margin-top: 5%;
}

img {
	border: none;
}

img, div { behavior: url(scripts/iepngfix.htc) }


p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

a {
	color: #eb1b4a;
	text-decoration: none;
}

div#container {
	margin: auto;
	width: 960px;
	height: 570px;
	background: #fff;
	position: relative;
}

div#logo {
	float: left;
	width: 196px;
	height: 160px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
}

ul#menu {
	list-style: none;
	position: absolute;
	top: 25px;
	right: 70px;
}

ul#menu li {
	display: inline;
	margin-right: 30px;
}

div#homecontent {
	position: absolute;
	top: 70px;
	left: 330px;
	width: 450px;
	z-index: 10;
}

div#homeflash {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 380px;
	width: 960px;
	z-index: 1;
}

div#maincontent {
	position: absolute;
	top: 110px;
	left: 295px;
	width: 567px;
}

div#scrollcontent {
	width: 580px;
	height: 385px;
}

div.tsandcs {
	position: absolute;
	bottom: 10px;
	left: 420px;
	font-size: 7pt;
}

div.tsandcs ul li {
	display: inline;
	margin-right: 15px;
}

div.tsandcs ul li a {
	color: #000;
	text-decoration: none;
}

div.tsandcs ul li a:hover {
	color: #7f7f7f;
}

/* June Special */

div.junespecial {
	position: absolute;
	bottom: 55px;
	left: 73px;
	z-index: 10;
}

/* Fruity pop-ups */

div.banana {
	position: absolute;
	bottom: 105px;
	right: 100px;
}

div.cherry-a {
	position: absolute;
	bottom: 95px;
	right: 279px;
}

div.cherry-b {
	position: absolute;
	bottom: 95px;
	right: 120px;
}

div.kiwi-a {
	position: absolute;
	bottom: 105px;
	right: 274px;
}

div.kiwi-b {
	position: absolute;
	bottom: 105px;
	right: 70px;
}

div.oranges {
	position: absolute;
	bottom: 110px;
	right: 95px;
}

div.morenav {
	position: absolute;
	bottom: 26px;
	right: 80px;
}

/* COLOR SPANS */

span.red { color: #eb1b4a; }
span.green { color: #6fbf5d; }
span.yellow { color: #fdd63b; }
span.orange { color: #f59823; }
span.purple { color: #4f2e83; }
span.pink { color: #ca2f91; }

/* ORDER FORM */

div.form-col {	
	float: left;
	width: 210px;
}

input.form-text, 
input.selected-form-text,
input.form-text-date,
input.selected-form-text-date
 {
	border: none;
	height: 15px;
	width: 170px;
	margin-left: -10px;
	font-size: 8pt;
	padding-left: 15px;
	padding-right: 5px;
	margin-bottom: 10px;
}

input.error {
	background: transparent url(images/validation.gif) top right !important;
	background-repeat: no-repeat !important;
}
input.form-text {
	background: transparent url(images/input.gif) top right;
	background-repeat: no-repeat;
}
input.selected-form-text {
	background: transparent url(images/input-select.gif) top right;
	background-repeat: no-repeat;
}
input.form-text-date {
	background: transparent url(images/input-date.gif) top right;
	background-repeat: no-repeat;
}
input.selected-form-text-date {
	background: transparent url(images/input-date-select.gif) top right;
	background-repeat: no-repeat;
}

input.submit {
	height: 74px;
	width: 93px;
	background: none;
	border: none;
}

#form-popup {
	width: 406px;
	height: 286px;
	background: transparent url(images/popup-bg.png) top left no-repeat;
	z-index: 1;
}

/* POPUP */

.open-popup{
	cursor: pointer;
}

.popup{
	z-index: 1000;
	position: absolute;
	right: -48px;
	bottom: -180px;
	width: 407px;
	height: 287px;
	background-image: url(images/popup-bg.png);
}

.popup img{
	cursor: pointer;
	position: absolute;
	width: 17px;
	height: 17px;
}

.popup .internet{
	top: 96px;
	left: 37px;
}

.popup .advert{
	top: 96px;
	left: 154px;
}
.popup .friend{
	top: 96px;
	left: 289px;
}

.popup .radio{
	top: 156px;
	left: 37px;
}

.popup .accident{
	top: 156px;
	left: 154px;
}

.popup .other{
	top: 156px;
	left: 289px;
}

.valid{
	margin-left: -8px;
	padding-left: 8px;
	background: none;
}
.invalid{
	margin-left: -8px;
	padding-left: 8px;
	background-image: url(images/validation.gif);
	background-repeat: no-repeat;
}

label.error
{
	display: none !important;
}

.submit{
	cursor: pointer;
}

/*
 * ORDER FORM, SELECT BOX SIZE * 
 */

div.form-boxes div img
{
	cursor: pointer;
	float: left;
}
div.form-boxes div span
{
	padding: 0px 0px 10px 10px;
	display: block;
	float: left;	
}
div.form-boxes div{
	clear: both;
}

/** CONTACT FORM **/

form#contact-us textarea {
	background: transparent url(images/textarea.gif) top left no-repeat;
	width: 179px;
	height: 55px;
	border: none;
	font-size: 8pt;
	font-family: arial;
	padding: 3px;
}

form#contact-us input.form-text, form#contact-us input.selected-form-text {
	margin-bottom: 3px;
}

ul#error-message-box, p.errors {
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 7px;
	position: absolute;
	top: 200px;
	left: 210px;
	/*background-color: #ffdada;
	border: #ff0000 1px solid;
	padding: 3px 3px 3px 6px;
	list-style: inside;*/
	list-style: none;
}