@charSet "utf-8";

html, body {
	background-color: #FFFFFF;
	font-family: 'Arial', Helvetica, sans-serif;
	background-image: url(../images/gradient_for_background.png);
	background-repeat: repeat-x;
	text-align: center;
	}
		
#clickable_background_image {	/* Only first page www.cheekeyes.com/index.html */
	display: block;
	height: 100%;
	width: 100%;
	background-image:url(../images/background_image_index.jpg);
	overflow: hidden;	
    }
  
	DIV#shadow_container { /* This is for the drop shadow (png files) of the main_container */
		margin: auto;
		width: 1050px;
		height: 731px;
		border: none;
		}
	
			DIV#shadow_top { 
			background-image: url(../images/shadow_top.png);
			background-repeat: no-repeat;
			margin: auto;
			width: 1050px; 		
			height: 26px;
			border: none;
			}
			
			DIV#shadow_center { 
			background-image: url(../images/shadow_center.png);
			background-repeat: repeat-y;
			margin: auto;
			width: 1050px; 		
			height: 659px;
			border: none;
			}
			
			DIV#shadow_bottom { 
			background-image: url(../images/shadow_bottom.png);
			background-repeat: no-repeat;
			margin: auto;
			width: 1050px; 		
			height: 42px;
			border: none;
			}
  
DIV#main_container { /* Container in which all below divs (except DIV end) are situated. */
	background-image: url(../images/gradient_main_container.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin: auto;
	margin-top: -716px;
	width: 990px;
	height: 680px;
	border: solid;
	border-color: #736357;
	border-width: 1px;
	overflow: hidden; /* Hides scrollbar AND keeps DIV's in place when linking within page to anchor. */
	}

/* Linked logo (Cheekeyes multiple colours) */
		/* home */
		DIV#logo_home {
			width:160px;
			height:36px;
			float: left;
			display: inline;
			margin-top: 0.8em;
			margin-left: 2em;
			background-image:url(../images/logo.gif);
			background-position:0 -200px;
			}
		
		/* products */
		DIV#logo_products {
			width:160px;
			height:36px;
			float: left;
			display: inline;
			margin-top: 0.8em;
			margin-left: 2em;
			background-image:url(../images/logo.gif);
			background-position:0 -160px;
			}
		
		/* about */
		DIV#logo_about {
			width:160px;
			height:36px;
			float: left;
			display: inline;
			margin-top: 0.8em;
			margin-left: 2em;
			background-image:url(../images/logo.gif);
			background-position:0 -120px;
			}
		
		/* stores */
		DIV#logo_stores {
			width:160px;
			height:36px;
			float: left;
			display: inline;
			margin-top: 0.8em;
			margin-left: 2em;
			background-image:url(../images/logo.gif);
			background-position:0 -80px;
			}
		
		/* news */
		DIV#logo_news {
			width:160px;
			height:36px;
			float: left;
			display: inline;
			margin-top: 0.8em;
			margin-left: 2em;
			background-image:url(../images/logo.gif);
			background-position:0 -40px;
			}
		
		/* contact */
		DIV#logo_contact {
			width:160px;
			height:36px;
			float: left;
			display: inline;
			margin-top: 0.8em;
			margin-left: 2em;
			background-image:url(../images/logo.gif);
			background-position:0 0px;
			}

/* These DIV's represent the different coloured backgrounds. */	
		DIV#artwork_container_home { 	
			background-color:none; 
			background-image: url(../images/background_image_home.jpg);
			background-repeat: no-repeat;
			background-color: #FFFFFF;
			margin: auto;
			margin-bottom: 15px;
			width: 960px;
			height: 598px;
			border: solid;
			border-color: #A8A8A8;
			border-width: 1px;
			}
		
		DIV#artwork_container_products {
			background-color:none; 
			background-image: url(../images/background_image_products.jpg);
			background-repeat: no-repeat;
			background-color: #FFFFFF;
			margin: auto;
			margin-bottom: 15px;
			width: 960px;
			height: 598px;
			border: solid;
			border-color: #A8A8A8;
			border-width: 1px;
			}
		
		DIV#artwork_container_about {
			background-color:none; 
			background-image: url(../images/background_image_about.jpg);
			background-repeat: no-repeat;
			background-color: #FFFFFF;
			margin: auto;
			margin-bottom: 15px;
			width: 960px;
			height: 598px;
			border: solid;
			border-color: #A8A8A8;
			border-width: 1px;
			}
		
		DIV#artwork_container_stores {
			background-color:none;
			background-image: url(../images/background_image_stores.jpg);
			background-repeat: no-repeat;
			background-color: #FFFFFF;
			margin: auto;
			margin-bottom: 15px;
			width: 960px;
			height: 598px;
			border: solid;
			border-color: #A8A8A8;
			border-width: 1px;
			}
		
		DIV#artwork_container_news {
			background-color:none; 
			background-image: url(../images/background_image_news.jpg);
			background-repeat: no-repeat;
			background-color: #FFFFFF;
			margin: auto;
			margin-bottom: 15px;
			width: 960px;
			height: 598px;
			border: solid;
			border-color: #A8A8A8;
			border-width: 1px;
			}
		
		DIV#artwork_container_contact {
			background-color: none; 
			background-image: url(../images/background_image_contact.jpg);
			background-repeat: no-repeat;
			background-color: #FFFFFF;
			margin: auto;
			margin-bottom: 15px;
			width: 960px;
			height: 598px;
			border: solid;
			border-color: #A8A8A8;
			border-width: 1px;
			}

	
/* This is the DIV that contains the white opacity square of the background image */
DIV#main_opacity { 
	margin: auto;
	margin-top: 45px;
	width: 870px;
	height: 510px;
	border: none;
	}


/* All the lists (navigation) to be found here */
		
		DIV#main_navigation ul { 
			float: inherit;
			list-style: none;
			margin: 0;
			padding: 0;
			
			height: 4em;			
			border: none;
			}
		
		DIV#main_navigation li {
			float: left;
			width: inherit;
			display: inline;
			margin-top: 1.4em;
			margin-left: 2.4em;
			} 

				DIV#sub_navigation ul {
					list-style: none;
					margin: 0;
					padding: 0;
					padding-left: 7.6em;
					height: 3em;			
					border: none;
					}
					
				DIV#sub_navigation li {
					float: left;
					width: inherit;
					display: inline;
					margin-top: 0.85em;
					margin-left: 2em;
					margin-right: 0;
					} 
					
					DIV#sub_navigation_products ul {
						list-style: none;
						height: 1.5em;			
						border: none;
						}
						
					DIV#sub_navigation_products li {
						float: left;
						width: 100px;
						display: inline;
						margin-top: -3px;
						} 
DIV#subject{ /* Left part of the main_opacity div, with 1 border on the right. This DIV is on the left of the DIV content */
	margin-top: 0em;
	padding-left: 1em;
	float: left;
	width: 7.6em;
	height: 26em;
	border-right: solid; 
	border-color: #DDDDDD;
	border-width: 1px;
	}
	
DIV#content_index{ /* main DIV for home, this is the DIV below the DIV sub_navigation */
	float: left;
	text-align: left;
	margin-left: 15px;
	padding-right: 60px;
	width: 41em;
	height: 28em;
	overflow: auto;
	border: none;
	}

DIV#content_products{ /* main DIV for products, this is the DIV below the DIV sub_navigation */
	float: left;
	text-align: left;
	margin-left: 15px;
	padding-right: 60px;
	padding-right: 0px;
	width: 41em;
	height: 28em;
	overflow: auto;
	border: none;
	}

DIV#content_about{ /* main DIV for about, this is the DIV below the DIV sub_navigation */
	float: left;
	text-align: left;
	margin-left: 15px;
	padding-right: 60px;
	width: 41em;
	height: 28em;
	overflow: auto;
	border: none;
	}
		
DIV#content_stores{ /* main DIV for stores, this is the DIV below the DIV sub_navigation */
	float: left;
	text-align: left;
	margin-left: 15px;
	padding-right: 60px;
	width: 41em;
	height: 28em;
	overflow: auto;
	border: none;
	}
	
DIV#content_news{ /* main DIV for news, this is the DIV below the DIV sub_navigation */
	float: left;
	text-align: left;
	margin-left: 15px;
	padding-right: 60px;
	width: 41em;
	height: 28em;
	overflow: auto;
	border: none;
	}
			
DIV#content_contact{ /* main DIV for contact, this is the DIV below the DIV sub_navigation */
	float: left;
	text-align: left;
	margin-left: 15px;
	padding-right: 60px;
	width: 41em;
	height: 28em;
	border: none;
	overflow: auto;
	}
	
	DIV#contact_form { /* DIV for WUFOO.com contact form. Bad alignment in IE7. Seperate IE7 css file to fix it. */
		float: left;
		text-align:left;
		width: 100%;
		margin-left: -6px;
		margin-top: -9px;
		overflow: hidden;
		}
		
	DIV#newsletter { /* DIV for emailmeform.com newsletter subscription form. */
		float: left;
		text-align:left;
		width: 100%;
		margin-left: -2px;
		overflow: hidden;
		
		}

/* preloading images to prevent flickering/flashing of background when page reload in IE6, IE7 and especially IE8 */
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
		
		
/* table for page stores.html (country table) */
			TABLE#table{ 
				width: 67%;
				table-layout: fixed;
				}
			

/* Settings for list of products (playsets.html in subpages directory) */
			ul	{
				margin: 0;
				padding: 0;
				}
						
			ul.playsets li {
				float: left;
				text-align: center;
				display: inline;
				margin-bottom: 0.25em;
				margin-right: 2em;
				} 
			
			ul.playsetspics li {
				margin-bottom: 0.25em;
				margin-right: 1.5em;
				} 
			
			ul.playsetstext li {
				float: left;
				width: 80%;
				text-align: left;
				display: inline;
				margin-bottom: 0.25em;
				margin-right: 1.5em;
				}

/* Image gallery onmouseover */		
			DIV#event_image {
				text-align:center;
				float:left;
				width:630px;}
			DIV#event_image .left {
				border: solid; border-color:
				#DDDDDD; border-width: 1px;
				height:312px;
				width:498px;
				float:left;}
			DIV#event_image .right {
				float:right;
				margin-top:-1px;}
			DIV#product_info {
				float:inherit;
				margin-top:5px;
				text-align:left;
				}


	 	

/* Image styling */	
img.image { border: solid; border-color: #DDDDDD; border-width: 1px; border: none;}
img.imageleft { float: left; margin-right: 10px; margin-bottom: 5px; border: solid; border-color: #DDDDDD; border-width: 1px; }
img.imageleft1 { float: left; margin-right: 10px; margin-bottom: 5px; border: none;}
img.imageright { float: right; margin-left: 10px; margin-bottom: 5px; border: solid; border-color: #DDDDDD; border-width: 1px; } 
img.imageright1 { float: right; padding-top: -10px; border: none;} 
img.imagecenter1 { border: none;} 
img.smile { float: left; padding: 5px 5px 5px 5px; border: none;} 

/* Links: Main */

a.cheekeyes:link, 
a.cheekeyes:visited {color:#A8A8A8; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
a.cheekeyes:hover {color:#FAAC9D; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

	a.cheekeyes_sub:link, 
	a.cheekeyes_sub:visited, 
	a.cheekeyes_sub:hover {color:#DB6461; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

		
		a.cheekeyes_small:link, 
		a.cheekeyes_small:visited {color:#A8A8A8; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
		a.cheekeyes_small:hover {color:#FAAC9D; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

			a.cheekeyes_sub_small:link, 
			a.cheekeyes_sub_small:visited, 
			a.cheekeyes_sub_small:hover {color:#F77E77; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}


a.products:link, 
a.products:visited {color:#A8A8A8; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
a.products:hover {color:#CC8EC3; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

	a.products_sub:link, 
	a.products_sub:visited, 
	a.products_sub:hover {color:#b54da4; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
	
		a.products_small:link, 
		a.products_small:visited {color:#A8A8A8; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
		a.products_small:hover {color:#CC8EC3; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
				
			a.products_sub_small:link, 
			a.products_sub_small:visited, 
			a.products_sub_small:hover {color:#b54da4; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
			
a.about:link, 
a.about:visited {color:#A8A8A8; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
a.about:hover {color:#61B3C9; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

	a.about_sub:link, 
	a.about_sub:visited, 
	a.about_sub:hover {color:#298BB5; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

		a.about_small:link, 
		a.about_small:visited {color:#A8A8A8; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
		a.about_small:hover {color:#61B3C9; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

			a.about_sub_small:link, 
			a.about_sub_small:visited, 
			a.about_sub_small:hover {color:#298BB5; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

a.stores:link, 
a.stores:visited {color:#A8A8A8; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
a.stores:hover {color:#8DCCB4; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

	a.stores_sub:link, 
	a.stores_sub:visited, 
	a.stores_sub:hover {color:#4C9B8F; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

		a.stores_small:link, 
		a.stores_small:visited {color:#A8A8A8; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
		a.stores_small:hover {color:#8DCCB4; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
		
			a.stores_sub_small:link, 
			a.stores_sub_small:visited, 
			a.stores_sub_small:hover {color:#4C9B8F; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

a.press:link, 
a.press:visited {color:#A8A8A8; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
a.press:hover {color:#ABCE4A; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

	a.press_sub:link, 
	a.press_sub:visited, 
	a.press_sub:hover {color:#86A93C; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

		a.press_small:link, 
		a.press_small:visited {color:#A8A8A8; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
		a.press_small:hover {color:#ABCE4A; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
		
			a.press_sub_small:link,
			a.press_sub_small:visited,
			a.press_sub_small:hover {color:#86A93C; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

a.contact:link,
a.contact:visited {color:#A8A8A8; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
a.contact:hover {color:#EA8F4E; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

	a.contact_sub:link,
	a.contact_sub:visited,
	a.contact_sub:hover {color:#E26F1F; font-family: 'Arial', Helvetica, sans-serif; font-size: 18px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
	
		a.contact_small:link, 
		a.contact_small:visited {color:#A8A8A8; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
		a.contact_small:hover {color:#fdb585; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
				
			a.contact_sub_small:link,
			a.contact_sub_small:visited,
			a.contact_sub_small:hover {color:#EA8F4E; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 1px; text-decoration: none;}

/* CONTENTS */
	p  {margin: 0px; color: #707070; font-family: 'Arial', Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;}
	.date {color: #707070; font-family: 'Arial', Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none;}
	h1,h2,h3,h4,h5,h6{margin: 0px;}
	

/* HOME */
	.home_subject {padding-right: 0.7em; text-align: right; margin-top: -0.15em; color: #DB6461; font-family: 'Arial', Helvetica, sans-serif; font-size: 17px; font-weight: normal; text-decoration: none;}
	#content_index h1,
	#content_index h1 a {margin: 0px; color: #DB6461; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none;}
	#content_index h2,
	#content_index h2 a {margin: 0px; color: #FAAC9D; font-family: 'Arial', Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;}
	#content_index p a  {margin: 0px; margin-top: 0em; color: #DB6461; font-family: 'Arial', Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;}
		
/* PRODUCTS */
	.products_subject {padding-right: 0.7em; text-align: right; margin-top: -0.15em; color: #b54da4; font-family: 'Arial', Helvetica, sans-serif; font-size: 16px; font-weight: normal; text-decoration: none;}
	#content_products h1,
	#content_products h1 a {margin: 0px; color: #b54da4; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none;}
	#content_products h2,
	#content_products h2 a {margin: 0px; color: #b54da4; font-family: 'Arial', Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;}
	#content_products p a  {margin: 0px; margin-top: 0em; color: #874E87; font-family: 'Arial', Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;}

/* ABOUT */
	.about_subject {padding-right: 0.7em; text-align: right; margin-top: -0.15em; color: #4B9CAF; font-family: 'Arial', Helvetica, sans-serif; font-size: 16px; font-weight: normal; text-decoration: none;}
	#content_about h1,
	#content_about h1 a {margin: 0px; color: #469BAF; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none;}
	#content_about h2,
	#content_about h2 a {margin: 0px; color: #469BAF; font-family: 'Arial', Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;}
	#content_about p a  {margin: 0px; margin-top: 0em; color: #4B9CAF; font-family: 'Arial', Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;}
	
	
/* STORES */
	.stores_subject {padding-right: 0.7em; text-align: right; margin-top: -0.15em; color: #4C9B8F; font-family: 'Arial', Helvetica, sans-serif; font-size: 16px; font-weight: normal; text-decoration: none;}
	#content_stores h1,
	#content_stores h1 a {margin: 0px; color: #4BA093; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none;}
	#content_stores h2,
	#content_stores h2 a {margin: 0px; color: #4BA093; font-family: 'Arial', Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;}
	#content_stores p a  {margin: 0px; margin-top: 0em; color: #4C9B8F; font-family: 'Arial', Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;}

/* NEWS */
	.news_subject {padding-right: 0.7em; text-align: right; margin-top: -0.15em; color: #6C872A; font-family: 'Arial', Helvetica, sans-serif; font-size: 16px; font-weight: normal; text-decoration: none;}
	#content_news h1,
	#content_news h1 a {margin: 0px; color: #799632; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none;}
	#content_news h2,
	#content_news h2 a {margin: 0px; color: #799632; font-family: 'Arial', Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;}
	#content_news p a  {margin: 0px; margin-top: 0em; color: #6C872A; font-family: 'Arial', Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;}
	
/* CONTACT */
	.contact_subject {padding-right: 0.7em; text-align: right; margin-top: -0.15em; color: #EA8F4E; font-family: 'Arial', Helvetica, sans-serif; font-size: 16px; font-weight: normal; text-decoration: none;}
	#content_contact h1,
	#content_contact h1 a {margin: 0px; color: #EA8F4E; font-family: 'Arial', Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none;}
	#content_contact h2,
	#content_contact h2 a {margin: 0px; color: #EA8F4E; font-family: 'Arial', Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none;}
	#content_contact p a  {margin: 0px; margin-top: 0em; color: #EA8F4E; font-family: 'Arial', Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;}