/* @file jellyflap.css */
/* @group Fonts */

@font-face {
	font-family: 'DIN-Light';
	src: url('../Fonts/DIN-Light.eot');
	src: url('../Fonts/DIN-Light.eot?#iefix') format('embedded-opentype'),
   url('../Fonts/DIN-Light.woff') format('woff'),
   url('../Fonts/DIN-Light.ttf') format('truetype'),
   url('../Fonts/DIN-Light.svg#DIN-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DIN-Regular';
	src: url('../Fonts/DIN-Regular.eot');
	src: url('../Fonts/DIN-Regular.eot?#iefix') format('embedded-opentype'),
   url('../Fonts/DIN-Regular.woff') format('woff'),
   url('../Fonts/DIN-Regular.ttf') format('truetype'),
   url('../Fonts/DIN-Regular.svg#DIN-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*@font-face {
	font-family: 'DIN Bold';
	src: url('../Fonts/DIN-Bold.eot');
	src: url('../Fonts/DIN-Bold.eot?#iefix') format('embedded-opentype'),
   url('../Fonts/DIN-Bold.woff') format('woff'),
   url('../Fonts/DIN-Bold.ttf') format('truetype'),
   url('../Fonts/DIN-Bold.svg#DIN-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}*/

/*

 @end */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background: #fd3dd1 url(../Images/jellyflap_medusa_background.jpg) no-repeat fixed center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	margin: 0;
	font: 62.5%/1.4 "DIN-Regular", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: white;
	text-align: center;
	text-shadow: rgba(81,81,81,0.5) 0 1px 2px;
}

::-moz-selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

a, a:link {
	color: white;
	text-decoration: none;
}

a:hover {
	color: #ffc3ff;
}

div.chapters p a, div.chapters p a:link {
	text-decoration: underline;
}

div.chapters p a:hover {
	background-color: #fc59da;
	color: white;
}

ul.reduced {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.column_1_2, div.column_2_2 {
	width: 48%;
	float: left;
}

div.column_2_2 {
	float: right;
}

div.narrow_columns {
	width: 700px;
}

div.narrow_columns div.column_1_2, div.narrow_columns div.column_2_2 {
	width: 340px;
}

div.clearer, span.clearer {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}

h1#jellyflap-logo {
	position: relative;
	width: 273px;
	height: 132px;
	overflow: hidden;
	line-height: 400px;
	margin: 0 auto 0 210px;
}

h1#jellyflap-logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../Images/jellyflap-logo.png) no-repeat 0 0;
}

h2 {
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	margin-top: 0;
	margin-bottom: 0;
}

h3 {
	margin: 0;
}

h3, p {
	font-size: 1em;
}

p {
	margin-top: 0;
}

p.copy {
	font-size: 0.9em;
	margin-bottom: 0.4em;
}

#jellyflap-header {
	width: 840px;
	text-align: center;
}

#navigation {
	width: 100%;
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
	background: url(../Images/navigation_background.png) repeat-x 0 0;
	z-index: 99;
	font-size: 1.5em;
}

#navigation ul {
	width: 840px;
	margin: 0.3em auto 0;
}

#navigation li, #footer li {
	float: left;
	margin-right: 4em;
}

#navigation li a, #navigation li a:link, #footer a, #footer a:link {
	display: block;
	padding: 0.4em;
}

#navigation li a:hover {
	color: white;
	background-color: rgba(164,33,130,0.5);
}

#navigation li a:active, #footer a:active {
	background-color: #fa59da;
}

#message {
	width: 100%;
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	font-size: 1.5em;
	color: #503282;
	font-weight: bold;
	line-height: 300%;
	background: #ffeb7a;
	background: -moz-linear-gradient(top,  #ffeb7a 0%, #f9ba6d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeb7a), color-stop(100%,#f9ba6d));
	background: -webkit-linear-gradient(top,  #ffeb7a 0%,#f9ba6d 100%);
	background: -o-linear-gradient(top,  #ffeb7a 0%,#f9ba6d 100%);
	background: -ms-linear-gradient(top,  #ffeb7a 0%,#f9ba6d 100%);
	background: linear-gradient(top,  #ffeb7a 0%,#f9ba6d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb7a', endColorstr='#f9ba6d',GradientType=0 );
}

#main, #footer {
	width: 840px;
	margin: 50px auto 0;
	font-size: 2em;
	text-align: left;
}

#main h2, #main h3, #main p, #footer {
	width: 460px;
}

#main div.narrow_columns p {
	width: auto;
}

#footer {
	height: 50px;
	width: 100%;
	font-size: 1.5em;
	background-color: #a82297;
	padding: 0.4em 0 0.2px;
}

#footer ul {
	width: 840px;
	margin: 0 auto;
}

#footer li {
	margin-right: 3em;
}

#footer a:hover {
	background-color: rgba(85,0,87,0.5);
}

#movie {
	width: 700px;
	height: 394px;
	background: rgba(164,33,130,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f3381', endColorstr='#f768ff',GradientType=0 );
	box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.5);
}

div.chapters {
	position: relative;
	padding-top: 40px;
}

div#chapter_intro.chapters {
	padding-top: 0;
}

div.chapter_mark {
	position: absolute;
	right: 0;
	bottom: 20px;
}

div#chapter_mark-accessories.chapter_mark, div#chapter_mark-contact.chapter_mark {
	bottom: 210px;
}

div.chapter_mark a {
	display: block;
	width: 100px;
	height: 125px;
	background: url(../Images/anchor_background.png) no-repeat 0 0;
	color: #4b2e8a;
	text-align: center;
	text-shadow: #000000 0 1px 2px;
	line-height: 590%;
	font-size: 0.9em;
}

div.chapter_mark a:hover {
	text-decoration: underline;
}

div#chapter_annotations-product {
	font-size: 0.6em;
	position: absolute;
	top: 241px;
	left: 740px;
	line-height: 120%;
}

div#chapter_annotations-product ul {
	border-bottom: 1px solid white;
	padding-bottom: 0.8em;
}

div#chapter_annotations-product ul.gapped {
	border-top: 1px solid #656565;
	border-bottom-style: none;
	padding-top: 1.4em;
}

div#chapter_annotations-product li {
	margin-bottom: 1em;
}

div#chapter_annotations-product li a {
	display: block;
}

div#chapter_annotations-product li a:hover {
	background-color: rgba(255,255,255,0.3);
	color: white;
}

div.productshots {
	width: 695px;
	min-height: 220px;
}

div#productshot-lighting {
	background: url(../Images/productshot-lighting.png) no-repeat 100% 0;
}

div#productshot-filtering {
	background: url(../Images/productshot-filtering.png) no-repeat 100% 0;
}

div#productshot-maintenance {
	background: url(../Images/productshot-maintenance.png) no-repeat 100% 0;
}

div#productshot-jellyflap_chiller {
	background: url(../Images/productshot-jellyflap_chiller.png) no-repeat 100% 0;
}

div#productshot-jellyflap_frontcirclet {
	background: url(../Images/productshot-jellyflap_frontcirclet.png) no-repeat 100% 0;
}

ul#colours {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#colours li {
	background: url(../Images/product_colours.png) no-repeat 0 0;
	padding-left: 35px;
	margin: 0;
}

ul#colours li#pink {
	background-position: 0 4px;
}

ul#colours li#purple {
	background-position: 0 -24px;
}

ul#colours li#aqua {
	background-position: 0 -52px;
}

ul#colours li#green {
	background-position: 0 -80px;
}

ul#colours li#white {
	background-position: 0 -108px;
}

li.checkbox {
	margin-bottom: 0.4em;
}

label.before {
	display: block;
	float: left;
	width: 80px;
}

li.checkbox label {
	display: block;
	float: right;
	width: 312px;
}

li.error {
	border-radius: 5px;
	background-color: #fb8044;
	margin-top: 0.2em;
	padding: 0.2em 0.4em;
	font-style: italic;
}

input {
	color: #820282;
	padding: 0.2em 0.2px 0.2px;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

li.checkbox input {
	float: left;
	border: 1px solid silver;
	box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.4);
	margin-top: 6px;
}

input.required {
	background: url(../Images/mark_as_required.png) no-repeat 98% 3px;
}

input.text {
	width: 247px;
	background-color: white;
	border-radius: 3px;
	box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.4);
	padding: 0 0.2em;
}

input.text:focus {
	background-color: #e0f3fc;
}

input.submit {
	width: 338px;
	border-radius: 3px;
	border: 1px solid silver;
	background-color: white;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
	font-size: 0.9em;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #efefef 50%, #d3d3d3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f7f7f7), color-stop(50%, #efefef), color-stop(100%, #d3d3d3));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #efefef 50%, #d3d3d3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #efefef 50%, #d3d3d3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #efefef 50%, #d3d3d3 100%);
	background: linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #efefef 50%, #d3d3d3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d3d3', GradientType=0);
	margin-top: 0.6em;
}

input.submit:hover {
	cursor: pointer;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f3d9f4 50%, #e5c9e8 50%, #dab3dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3d9f4), color-stop(50%, #e5c9e8), color-stop(100%, #dab3dd));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3d9f4 50%, #e5c9e8 50%, #dab3dd 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3d9f4 50%, #e5c9e8 50%, #dab3dd 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3d9f4 50%, #e5c9e8 50%, #dab3dd 100%);
	background: linear-gradient(top, #ffffff 0%, #f3d9f4 50%, #e5c9e8 50%, #dab3dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dab3dd',GradientType=0);
}

input.submit:active {
	color: white;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efb5f2 50%, #dea0e5 50%, #d383db 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #efb5f2), color-stop(50%, #dea0e5), color-stop(100%, #d383db));
	background: -webkit-linear-gradient(top, #ffffff 0%, #efb5f2 50%, #dea0e5 50%, #d383db 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #efb5f2 50%, #dea0e5 50%, #d383db 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #efb5f2 50%, #dea0e5 50%, #d383db 100%);
	background: linear-gradient(top, #ffffff 0%, #efb5f2 50%, #dea0e5 50%, #d383db 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d383db',GradientType=0);
}

#fb-root {
	position: absolute;
	top: 12px;
	right: 10px;
}
/* @end_of_file */

/* @file SlideshowJS.min.css */
div.slideshow{width:700px;}ul.horizontal li{float:left;}ul.slides{position:relative;margin:0;list-style-type:none;width:700px;height:394px;line-height:1;box-shadow:0 2px 4px rgba(0,0,0,0.5);padding:0;}ul.slides img{border:0;border-top-left-radius:3px;border-top-right-radius:3px;}ul.slides li{position:absolute;left:0;bottom:0;padding:0;width:700px;height:394px;}ul.slides li a{display:block;}div.slideshow_controls{clear:right;height:40px;position:relative;background:#931a6e;border-bottom-right-radius:3px;border-bottom-left-radius:3px;overflow:hidden;border-top:1px solid silver;box-shadow:0 2px 4px rgba(0,0,0,0.5);text-align:center;width:700px;}div.slideshow_play_pause_overlay{background:url(../Images/SlideshowJSPlayPauseSprite.png) no-repeat 0 0;height:232px;width:232px;position:absolute;z-index:99;top:50%;left:50%;margin-left:-116px;margin-top:-135px;}div.slideshow_play_pause_overlay.play{background-position:0 0;}div.slideshow_play_pause_overlay.pause{background-position:-232px 0;}div.slideshow_navigation{position:relative;width:25px;}div.slideshow_navigation a{display:block;position:absolute;left:0;top:0;width:25px;height:25px;line-height:512px;overflow:hidden;}div.slideshow_navigation_back{position:absolute;top:9px;left:9px;z-index:10;}div.slideshow_navigation_forth{position:absolute;top:9px;right:9px;z-index:10;}div.slideshow_navigation_back a,div.slideshow_navigation_forth a{background:url(../Images/SlideshowJSNavigationSprites.png) no-repeat -23px 0;width:23px;height:23px;}div.slideshow_navigation_forth a{background-position:-23px -115px;}div.slideshow_navigation_back a{background-position:-23px -184px;}div.slideshow_navigation_forth a:hover{background-position:-23px -138px;}div.slideshow_navigation_back a:hover{background-position:-23px -207px;}div.slideshow_navigation_forth a:active{background-position:-23px -161px;}div.slideshow_navigation_back a:active{background-position:-23px -230px;}div.slideshow_thumbnail_navigation{margin:0 auto;position:absolute;bottom:6px;left:50%;_left:47%;}div.slideshow_thumbnail_navigation ul.slideshow_previews img.slideshow_thumbnails{border:0;margin:0;width:50px;height:25px;}div.slideshow_thumbnail_navigation ul.slideshow_previews a{display:block;border:1px solid silver;margin:0 2px;box-shadow:0 1px 1px rgba(0,0,0,0.5);border-radius:2px;position:relative;width:50px;height:25px;-webkit-filter:blur(1px);-webkit-transition:-webkit-filter .4s;}div.slideshow_thumbnail_navigation ul.slideshow_previews a:hover{box-shadow:0 2px 8px rgba(0,0,0,0.5);opacity:1;top:-1px;border:1px solid white;-webkit-filter:blur(0);}div.slideshow_thumbnail_navigation ul.slideshow_previews a:active{box-shadow:0 2px 8px #fff;opacity:1;top:0;-webkit-filter:blur(0);border:1px solid #919191;}div.slideshow_thumbnail_navigation ul.slideshow_previews a.selected{box-shadow:0 2px 8px rgba(0,0,0,0.5);opacity:1;top:-2px;-webkit-filter:blur(0);border:1px solid white;}
/* @end_of_file */