/* Global */

html,body {
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: "helvetica", sans-serif;
	background: #000000;
	outline: none;
	}

img {
	border: 0;
	}
	
a {
	color: #777777;
	text-decoration: none;
	}
	
a:visited {
	color: #777777;
	text-decoration: none;
	}

a img {
	border:none;
	}
	
	
   
/* Main Window */

#main_frame {
	overflow: hidden;
	}

#content_window {
	width: 100%;
	height: 100%;
	z-index: 1;
	}
		


/* Load Screen */

#fade_out {
	width: 100%; 
	height: 100%; 
	background: url('assets/load_splash_bg.gif') repeat; 
	z-index:3; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: hidden;
	}
	
#fade_out_screen {
	width: 100%; 
	height: 100%; 
	background: #2b2b2b; 
	z-index:2; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	right: 0px;
	bottom: 0px;
	}
	
#loading {
	width: 500px; 
	height: 500px; 
	margin-left: -250px;
	margin-top: -250px;
	}

  	
#loading_div {
	position: absolute;
	width: 500px; 
	height: 500px; 
  	left: 50%;
  	top: 50%;
  	}

#load_wheel {
	position: absolute;
	top: -15px;
	left:-8px;
	z-index: 1003;
	}
	
#load_splash_hero_bg {
	position: absolute;
	top: -250px;
	left:-250px;
	}
	
#load_splash_hero {
	position: absolute;
	top: -250px;
	left:-250px;
	z-index: 1002;
	}



/* Background */

#center_box {
	background: url('assets/website_bg.png') repeat;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 101;
	width: 800px;
	height: 1130px;
	}

	
#shadow_box {
	background: url('assets/website_bg_shadow.png') repeat;
	width: 800px;
	height: 1130px;
	}
	
	
#clovers {
	background: url('assets/still_clovers.png');
	width: 800px;
	height: 315px;
	position: absolute;
	top: 815px;
	left:0px;
	}



/* Still Graphics */
	
#bar_01 {
	background: url('assets/still_bar.png');
	position: absolute;
	top: 185px;
	left: 75px;
	width: 650px;
	height: 20px;
	}
	
#bar_02 {
	background: url('assets/still_bar.png');
	position: absolute;
	top: 741px;
	left: 75px;
	width: 650px;
	height: 20px;
	}
	
#products_label {
	position: absolute;
	top: 686px;
	left: 110px;
	}

#cart_label {
	position: absolute;
	top: 686px;
	left: 550px;
	}
	
#still_screw {
	position: absolute;
	top: 696px;
	left: 387px;
	}
	
#uk_logo {
	background: url('assets/still_uk_logo.png');
	position: absolute;
	top: 38px;
	left: 491px;
	width: 222px;
	height: 99px;
	}
	
#frog_01 {
	background: url('assets/still_frog_01.png');
	position: absolute;
	top: 55px;
	left: 127px;
	width: 130px;
	height: 130px;
	}
	
#frog_02 {
	background: url('assets/still_frog_02.png');
	position: absolute;
	top: 99px;
	left: 468px;
	width: 110px;
	height: 110px;
	}
	
#frog_03 {
	background: url('assets/still_frog_03.png');
	position: absolute;
	top: 10px;
	left: 595px;
	width: 135px;
	height: 100px;
	}
	
#still_credits {
	position: absolute;
	top: 1015px;
	left: 75px;
	z-index: 300;
	}
	
	
	
/* Credits */

#credits {
	text-align: center;
	position: absolute;
	top: 1065px;
	left: 75px;
	z-index: 301;
	width: 650px;
	height: 70px;
	color: #605B5D;
	line-height: 14px;
	}
	
#credit_top {	
	font-size: 10px;
	}
	
#credit_middle {	
	font-size: 9px;
	}
	
#credit_bottom {	
	font-size: 8px;
	color: #494949;
	}
	
#icons_bottom {	
	margin-top: 7px;
	}

#info_box {
	width: 200px;
	height: 200px;
	z-index: 999;
	display: inline;
	}

#credit {
    background: #ffffff;
    font-size: 7px;
    padding: 5px;
	height: 35px;
	width: 150px;
	position: absolute;
	bottom: 55px;
	right: 105px;
	display: none;
	line-height: normal;
	}
	
#credit a {
	color: #0000FF;	
	}
	
#credit a:hover {
	color: #333333;	
	}
	
#credit_header {
	color: #ffffff;
    background: #333333;
    height: 8px;
    width: 140px;
    margin-bottom: 5px;
    font-size: 8px;
    padding: 5px;
    text-align: left;
	}
	
#credit_text {
	color: #333333;
    position: absolute;
    top: 30px;
    left: 9px;
    font-size: 7px;
    text-align: left;
    line-height: 8px;
    }
	
#close_box {
    height: 10px;
    width: 10px;
    position: absolute;
	top: 9px;
	right: 9px;
	}



/* email form */

#email_form {
    background: #ffffff;
	height: 30px;
	width: 230px;
	position: absolute;
	bottom: 35px;
	right: 35px;
	display: none;
	line-height: normal;
	}
	
	
#close_email_link {
    background: #333333;
    color: #ffffff;
	height: 20px;
	width: 50px;
	margin: 0px;
	padding-bottom: 2px;
	position: absolute;
	border: none;
	top: 5px;
	left: 5px;
	text-align: center;
	font-size: 9px;
	}
	
#email_text_field {
    background: #999999;
    font-size: 9px;
    color: #ffffff;
    border: none;
	height: 14px;
	width: 160px;
	position: absolute;
	left: 60px;
	top: 5px;
	margin: 0px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 0px;
	text-align: left;
	}
	
	

/* Clock */
	
	
#clock {
	z-index: 99;
	position: absolute;
	top: 0px;
	left: 317px;
	}	
	
#clock_bottom {
	background: url("assets/clock_bottom.png");
	position: absolute;
	top: 10px;
	left: 327px;
	height: 150px;
	width: 150px;
	}
	
#clock_top {
	background: url("assets/clock_top.png");
	position: absolute;
	z-index: 112;
	top: 10px;
	left: 327px;
	height: 150px;
	width: 150px;
	}
	


/* Tabs */
   
#tab1 {
	background: url('assets/tab_01.gif');
	width: 60px;
	height: 70px;
	z-index: 100;
	}
	
#tab1_position  {
	position: absolute;
	top: -40px;
	left: 90px;
	width: 62px;
	height: 72px;
	z-index: 100;
	}
	
#tab2 {
	background: url('assets/tab_02.gif');
	width: 60px;
	height: 70px;
	z-index: 100;
	}
	
#tab2_position  {
	position: absolute;
	top: -40px;
	left: 146px;
	width: 62px;
	height: 72px;
	z-index: 100;
	}
	
#tab3 {
	background: url('assets/tab_03.gif');
	width: 60px;
	height: 70px;
	z-index: 100;
	}
	
#tab3_position  {
	position: absolute;
	top: -40px;
	left: 202px;
	width: 62px;
	height: 72px;
	z-index: 100;
	}	
	
#tab4{
	background: url('assets/tab_04.gif');
	width: 60px;
	height: 70px;
	z-index: 100;
	}
	
#tab4_position  {
	position: absolute;
	top: -40px;
	left: 259px;
	width: 62px;
	height: 72px;
	z-index: 100;
	}	
	
#tab1_bg {
	position: absolute;
	top: -40px;
	left: 90px;
	width: 62px;
	height: 72px;
	z-index: 100;
	}
	
#tab2_bg {
	position: absolute;
	top: -40px;
	left: 146px;
	width: 62px;
	height: 72px;
	z-index: 100;
	}
	
#tab3_bg {
	position: absolute;
	top: -40px;
	left: 202px;
	width: 62px;
	height: 72px;
	z-index: 100;
	}	
	
#tab4_bg {
	position: absolute;
	top: -40px;
	left: 259px;
	width: 62px;
	height: 72px;
	z-index: 100;
	}

	

/* Products */
	
#product_cards {
	width: 650px;
	height: 465px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 202px;
	left: 75px;
	list-style-type: none;
	}

#product_nav {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	list-style-type: none;
	}
	
#product_nav li{
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#product_button_01{
	position: absolute;
	top: 686px;
	left: 210px;
	padding: 0px;
	margin: 0px;
	}
	
#product_button_02{
	position: absolute;
	top: 686px;
	left: 250px;
	padding: 0px;
	margin: 0px;
	}
	
#cart_button{
	position: absolute;
	top: 686px;
	left: 650px;
	padding: 0px;
	margin: 0px;
	}
	


/* Items */ 

#item_page_bg_0 { 
	background: url('assets/slide_home_bg.gif');
	width: 650px;
	height: 465px;
	padding: 0px;
	}
	
#item_page_bg_1 { 
	background: url('assets/slide_lettuce_candle_bg.gif');
	width: 650px;
	height: 465px;
	padding: 0px;
	}

#item_parts_1_1 { 
	position: absolute;
	top: 319px;
	left: 47px;
	} 
	
#item_parts_1_2 { 
	position: absolute;
	top: 291px;
	left: 166px;
	} 
	
#item_parts_1_3 { 
	position: absolute;
	top: 309px;
	left: 280px;
	} 
	
#item_parts_1_4 { 
	position: absolute;
	top: 291px;
	left: 422px;
	}
	
#item_page_bg_2 { 
	background: url('assets/slide_gypsy_buttons_bg.gif');
	width: 650px;
	height: 465px;
	padding: 0px;
	}
	
#item_parts_2_1 { 
	position: absolute;
	top: 325px;
	left: 29px;
	} 
	
#item_parts_2_2 { 
	position: absolute;
	top: 325px;
	left: 171px;
	} 
	
#item_parts_2_3 { 
	position: absolute;
	top: 318px;
	left: 295px;
	} 
	
#item_parts_2_4 { 
	position: absolute;
	top: 172px;
	left: 218px;
	}
	
#item_page_bg_3 { 
	background: url('assets/slide_home_bg.gif');
	width: 650px;
	height: 465px;
	padding: 0px;
	}	
	
#item_page_bg_4 { 
	background: url('assets/slide_about_bg.gif');
	width: 650px;
	height: 465px;
	padding: 0px;
	}


/* jqZoom */  

.jqzoom{
	float: left;
	position: relative;
	padding: 0px;
	cursor: pointer;
	}

.jqzoom img{
	width: 400px;
	height: 300px;
	background-color: #ffffff;
	float: left;
	}

div.zoomdiv{
	display: none;
	overflow: hidden;
	}

	
div.jqZoomPup {
	z-index: 130;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	border: 1px solid #aaa;
	background: #ffffff 50% top  no-repeat;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
	}
		
		
		
/* Cart */  
   
#cart_position {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 400px;
	color: #000000;
	z-index: 105;
	}
	
#cart_position a {
	color: #000000;
	font-family: "arial", sans-serif;
	}



/* Receipt (Visible) */

#cart_receipt {
	background: url('assets/cart_bg.png') repeat;
	font-family: "arial", sans-serif;
	font-size: 10px;
	color: #000000;
	position: absolute;
	top: 40px;
	left: 30px;
	width: 200px;	
	display: none;
	}
	   
#receipt_close {
	position: absolute;
	top: 15px;
	left: 20px;
	}

#receipt_title {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 30px;
	}
	
.simpleCart_items {
	width:185px;
	}
	
.itemContainer {
	width:190px;
	margin-left: 20px;
	float: left;
	}
	
.itemName {
	width:105px;
	float: left;
	}
		
.itemTotal {
	width:10px;
	float: left;
	}

.itemQuantity{
    width: 15px;
    display: inline;
	}
	
.itemQuantity input{
    width: 15px;
    float: left;
    background: none;
    border: none;
    font-family: "arial", sans-serif;
	font-size: 10px;
	padding: 0px;

	}
	
#receipt_total {
	margin-bottom:30px;
	margin-left: 110px;
	line-height: 15px;
	}


#receipt_pay {
	margin-bottom:25px;
	margin-left: 20px;
	font-family: "arial", sans-serif;
	font-size: 10px;
	height: 10px;
	width: 180px;
	}
	
#receipt_empty {
	float: left;
	width: 80px;
	}
	
#receipt_checkout {
	float: left;
	width: 30px;
	margin-left: 35px
	}
	
	
	
/* Receipt (Hidden) */

.cartHeaders {
	display: none;
	}

	
.totalRow {
	display: none;
	}

.itemPrice{
	display: none;
	}
		
.itemImage {
	display: none;
	}	

	
	
/* Film */

#film_roll {
	width: 625px;
	height: 150px;
	position:absolute;
	top: 771px;
	left:89px;
	}
	
#film {
	position:absolute;
	top: 30px;
	left:64px;

	}
	
#film ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
#film li { 
	width:495px;
	height:89px;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	}
		
#prevBtn, #nextBtn{ 
	display:none;
	}


p#controls {
		margin:0;
		position:relative;
		} 
	
#prevBtn, #nextBtn { 
		display:block;
		text-indent:-8000px;
		margin:0;
		overflow:hidden;		
		width: 75px;
		height: 140px;
		position:absolute;
		z-index: 10;
		}
		
#prevBtn {		
		top: 0px;
		left: 0px;
		}
		
#nextBtn { 
		top: 10px;
		left: 552px;
		}
															
#prevBtn a, #nextBtn a {  
		display:block;
		width: 75px;
		height: 140px;
		background:url('assets/film_roll_01.png') no-repeat 0 0;	
		}
		
#nextBtn a { 
		background:url('assets/film_roll_02.png') no-repeat 0 0;
		}



/* Clips */

.clip_01 {
	position: absolute;
	top: 13px;
	left: 3px;
	}
	
.clip_02 {
	position: absolute;
	top: 13px;
	left: 102px;
	}
	
.clip_03 {
	position: absolute;
	top: 13px;
	left: 201px;
	}
	
.clip_04 {
	position: absolute;
	top: 13px;
	left: 300px;
	}
	
.clip_05 {
	position: absolute;
	top: 13px;
	left: 399px;
	}

.slide_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	}
	
.film_slide {
	position: relative;	
	float: left;
	}
	
	
	
/* Colorbox */

.popup_imgs {
	background: url('assets/viewer_bg.gif'); 
	width: 800px;
	height: 300px;
	z-index: 99;
	position: relative;
	}

.hidden{
	display:none;
	}
	
#colorbox, #cboxOverlay, #cboxWrapper{
	position:absolute; 
	top:0; 
	left:0; 
	z-index:9999; 
	overflow:hidden;
	}
	
#cboxOverlay{
	position:fixed; 
	width:100%; 
	height:100%;
	}
	
#cboxMiddleLeft, #cboxBottomLeft{
	clear:left;
	}
	
#cboxContent{
	position:absolute; 
	overflow:visible;
	}
	
#cboxLoadedContent{
	overflow:hidden; 
	width:0; 
	height:0;
	}
	
#cboxLoadedContent iframe{
	display:block; 
	width:100%; 
	height:100%; 
	border:0;
	}
	
#cboxTitle{
	margin:0;
	}
	
#cboxLoadingOverlay, #cboxLoadingGraphic{
	position:absolute; 
	top:0; 
	left:0; 
	width:100%;
	}
	
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
	cursor:pointer;
	}

#cboxOverlay{
	background:#000;
	}

#colorbox{
	}

#cboxContent{
	background:#000; 
	margin-top:20px;
	}
	
#cboxLoadedContent{
	background:#000; 
	padding:5px;
	}

#cboxTitle{
	position:absolute; 
	top:-20px; 
	left:0; 
	color:#ccc;
	}
    
#cboxCurrent{
	position:absolute; 
	top:-20px; 
	right:0px; 
	color:#ccc;
	}
                
#cboxSlideshow{
	position:absolute; 
	top:-20px; 
	right:90px; 
	color:#fff;
	}

#cboxLoadingOverlay{
	background:#000;
	}
	
#cboxLoadingGraphic{
	background:url(assets/loading.gif) center center no-repeat;
	}
	
#cboxClose{
	position:absolute; 
	top:10px; 
	right:0px; 
	display:block; 
	background:url(assets/controls.png) top center no-repeat; 
	width:47px; 
	height:24px; 
	text-indent:-9999px;
	z-index:9999;
	}
	
#cboxClose.hover{
	background-position:bottom center;
	}