/* OLIO CORE CSS				 															*/
/*																							*/
/*																							*/
/* copyright (c) Medusaworks Oy 2011 / ML													*/
/* Portions of this document are licensed under CC-GNU LGPL <http://creativecommons.org/licenses/LGPL/2.1/> or are in Public Domain */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* BROWSER VIEWPORT and site positioning */

html {
	width: 100%;
	height: 100%;
}
body {
	margin: 0px;
	width: 100%;
	height: 99%;
	text-align: center;
	font-size: 112%;
}
#frame {
	position: relative;
	margin: 24px auto;
	padding: 0;
	overflow: visible;
	z-index: 1;
}
/* 960GS    Fixed 24-column Grid System    http://960.gs */

.container_24 {
	margin-left:auto;
	margin-right:auto;
	width:960px
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
	display:inline;
	float:left;
	position:relative;
	margin-left:5px;
	margin-right:5px;
}
.alpha {
	margin-left:0;
	clear: left;	/* first element always cleared */
}
.omega {
	margin-right:0;
}
.container_24 .grid_1 {
	width:30px;
}
.container_24 .grid_2 {
	width:70px;
}
.container_24 .grid_3 {
	width:110px;
}
.container_24 .grid_4 {
	width:150px;
}
.container_24 .grid_5 {
	width:190px;
}
.container_24 .grid_6 {
	width:230px;
}
.container_24 .grid_7 {
	width:270px;
}
.container_24 .grid_8 {
	width:310px;
}
.container_24 .grid_9 {
	width:350px;
}
.container_24 .grid_10 {
	width:390px;
}
.container_24 .grid_11 {
	width:430px;
}
.container_24 .grid_12 {
	width:470px;
}
.container_24 .grid_13 {
	width:510px;
}
.container_24 .grid_14 {
	width:550px;
}
.container_24 .grid_15 {
	width:590px;
}
.container_24 .grid_16 {
	width:630px;
}
.container_24 .grid_17 {
	width:670px;
}
.container_24 .grid_18 {
	width:710px;
}
.container_24 .grid_19 {
	width:750px;
}
.container_24 .grid_20 {
	width:790px;
}
.container_24 .grid_21 {
	width:830px;
}
.container_24 .grid_22 {
	width:870px;
}
.container_24 .grid_23 {
	width:910px;
}
.container_24 .grid_24 {
	width:950px;
}
.container_24 .prefix_1 {
	padding-left:40px;
}
.container_24 .prefix_2 {
	padding-left:80px;
}
.container_24 .prefix_3 {
	padding-left:120px;
}
.container_24 .prefix_4 {
	padding-left:160px;
}
.container_24 .prefix_5 {
	padding-left:200px;
}
.container_24 .prefix_6 {
	padding-left:240px;
}
.container_24 .prefix_7 {
	padding-left:280px;
}
.container_24 .prefix_8 {
	padding-left:320px;
}
.container_24 .prefix_9 {
	padding-left:360px;
}
.container_24 .prefix_10 {
	padding-left:400px;
}
.container_24 .prefix_11 {
	padding-left:440px;
}
.container_24 .prefix_12 {
	padding-left:480px;
}
.container_24 .prefix_13 {
	padding-left:520px;
}
.container_24 .prefix_14 {
	padding-left:560px;
}
.container_24 .prefix_15 {
	padding-left:600px;
}
.container_24 .prefix_16 {
	padding-left:640px;
}
.container_24 .prefix_17 {
	padding-left:680px;
}
.container_24 .prefix_18 {
	padding-left:720px;
}
.container_24 .prefix_19 {
	padding-left:760px;
}
.container_24 .prefix_20 {
	padding-left:800px;
}
.container_24 .prefix_21 {
	padding-left:840px;
}
.container_24 .prefix_22 {
	padding-left:880px;
}
.container_24 .prefix_23 {
	padding-left:920px;
}
.container_24 .suffix_1 {
	padding-right:40px;
}
.container_24 .suffix_2 {
	padding-right:80px;
}
.container_24 .suffix_3 {
	padding-right:120px;
}
.container_24 .suffix_4 {
	padding-right:160px;
}
.container_24 .suffix_5 {
	padding-right:200px;
}
.container_24 .suffix_6 {
	padding-right:240px;
}
.container_24 .suffix_7 {
	padding-right:280px;
}
.container_24 .suffix_8 {
	padding-right:320px;
}
.container_24 .suffix_9 {
	padding-right:360px;
}
.container_24 .suffix_10 {
	padding-right:400px;
}
.container_24 .suffix_11 {
	padding-right:440px;
}
.container_24 .suffix_12 {
	padding-right:480px;
}
.container_24 .suffix_13 {
	padding-right:520px;
}
.container_24 .suffix_14 {
	padding-right:560px;
}
.container_24 .suffix_15 {
	padding-right:600px;
}
.container_24 .suffix_16 {
	padding-right:640px;
}
.container_24 .suffix_17 {
	padding-right:680px;
}
.container_24 .suffix_18 {
	padding-right:720px;
}
.container_24 .suffix_19 {
	padding-right:760px;
}
.container_24 .suffix_20 {
	padding-right:800px;
}
.container_24 .suffix_21 {
	padding-right:840px;
}
.container_24 .suffix_22 {
	padding-right:880px;
}
.container_24 .suffix_23 {
	padding-right:920px;
}
.container_24 .push_1 {
	left:40px;
}
.container_24 .push_2 {
	left:80px;
}
.container_24 .push_3 {
	left:120px;
}
.container_24 .push_4 {
	left:160px;
}
.container_24 .push_5 {
	left:200px;
}
.container_24 .push_6 {
	left:240px;
}
.container_24 .push_7 {
	left:280px;
}
.container_24 .push_8 {
	left:320px;
}
.container_24 .push_9 {
	left:360px;
}
.container_24 .push_10 {
	left:400px;
}
.container_24 .push_11 {
	left:440px;
}
.container_24 .push_12 {
	left:480px;
}
.container_24 .push_13 {
	left:520px;
}
.container_24 .push_14 {
	left:560px;
}
.container_24 .push_15 {
	left:600px;
}
.container_24 .push_16 {
	left:640px;
}
.container_24 .push_17 {
	left:680px;
}
.container_24 .push_18 {
	left:720px;
}
.container_24 .push_19 {
	left:760px;
}
.container_24 .push_20 {
	left:800px;
}
.container_24 .push_21 {
	left:840px;
}
.container_24 .push_22 {
	left:880px;
}
.container_24 .push_23 {
	left:920px;
}
.container_24 .pull_1 {
	left:-40px;
}
.container_24 .pull_2 {
	left:-80px;
}
.container_24 .pull_3 {
	left:-120px;
}
.container_24 .pull_4 {
	left:-160px;
}
.container_24 .pull_5 {
	left:-200px;
}
.container_24 .pull_6 {
	left:-240px;
}
.container_24 .pull_7 {
	left:-280px;
}
.container_24 .pull_8 {
	left:-320px;
}
.container_24 .pull_9 {
	left:-360px;
}
.container_24 .pull_10 {
	left:-400px;
}
.container_24 .pull_11 {
	left:-440px;
}
.container_24 .pull_12 {
	left:-480px;
}
.container_24 .pull_13 {
	left:-520px;
}
.container_24 .pull_14 {
	left:-560px;
}
.container_24 .pull_15 {
	left:-600px;
}
.container_24 .pull_16 {
	left:-640px;
}
.container_24 .pull_17 {
	left:-680px;
}
.container_24 .pull_18 {
	left:-720px;
}
.container_24 .pull_19 {
	left:-760px;
}
.container_24 .pull_20 {
	left:-800px;
}
.container_24 .pull_21 {
	left:-840px;
}
.container_24 .pull_22 {
	left:-880px;
}
.container_24 .pull_23 {
	left:-920px;
}

/* Clear Floated Elements */
.clear, .clrbrk {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
	}
* html .clearfix { zoom: 1; }	/* IE6 */
*:first-child+html .clearfix { zoom: 1; }	/* IE7 */

/* full-width elements */

.wd100 {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

/* rounded corners */

.rounded {
	behavior: url(./border-radius.htc);
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
.rounded-s {
	behavior: url(./border-radius.htc);
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	}
.rounded-l {
	behavior: url(./border-radius.htc);
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}

/* rounded box titles */

#main .box.rounded h3 {
	-khtml-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
/* TRANSPARENCY */

.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
/* transparent PNGs 
.alpha90 {
	background: url(./imgs/alpha-black-90.png);
	}
.alpha80 {
	background: url(./imgs/alpha-black-80.png);
	}
.alpha70 {
	background: url(./imgs/alpha-black-70.png);
	}
.alpha60 {
	background: url(./imgs/alpha-black-60.png);
	}
.alpha50 {
	background: url(./imgs/alpha-black-50.png);
	}
.alpha40 {
	background: url(./imgs/alpha-black-40.png);
	}
.alpha30 {
	background: url(./imgs/alpha-black-30.png);
	}
.alpha20 {
	background: url(./imgs/alpha-black-20.png);
	}
.alpha10 {
	background: url(./imgs/alpha-black-10.png);
	}
*/


/* CSS PRESETS */
/* First some very important defaults */
body {
	font-size: 112%;
	font-family: Arial, Helvetica, sans-serif;		/* Default font */
}
body>div {		/* normally, this is #frame */
	font-size: 68%;
	line-height: 1.4em;
	text-align: left;
}
img {
	max-width: 100%;
}
/* Content */
h1 {
	clear: both;
	font-size: 2.6em;
	line-height: 1.4em;
	margin-top: 0.2em;
	margin-bottom: 0.4em;
}
h2 {
	clear: both;
	font-size: 2.2em;
	line-height: 1.6em;
}
h3 {
	clear: both;
	font-size: 1.6em;
	line-height: 2.2em;
}
h4 {
	clear: both;
	font-size: 1.4em;
	line-height: 2.0em;
}
h5 {
	font-size: 1.2em;
	line-height: 2.0em;
}
h6 {
	font-size: 0.9em;
	line-height: 1.8em;
	font-weight: bold;
}
p {
	font-size: 1.0em;
	margin-bottom: 1.4em;
}
blockquote {
	width: 80%;
	font-style: italic;
	margin: 1em 0 1em 3em;
}
cite {
	font-style: normal;
	margin: 0 0 0 10em;
}
pre, code, samp, tt {
	font-family: Courier New, Courier, monospace;
	font-size: 1.0em;
	margin-bottom: 1.4em;
	white-space: pre-wrap;
	word-wrap: break-word;
}
kbd {
	font-family: Courier New, Courier, monospace;
	font-size: 1.0em;
}
a, a:link {
	color: #d5d5d5;
	text-decoration: underline;
	}
a:visited {
	color: #d5d5d5;
	text-decoration: underline;
	}
a:hover {
	color: #e3e3e3;
	text-decoration: underline;
	}
a:active {
	color: #f2f2f2;
	text-decoration: underline;
}
/* Visual elements */

b, strong {
	font-weight: bold;
}
i, em, dfn, var {
	font-style: italic;
}
strike, s, del {
	text-decoration: line-through;
}
big {
	font-size: 1.2em;
}
small {
	font-size: 0.8em;
}
sub {
	font-size: 0.8em;
	vertical-align: sub;
}
sup {
	font-size: 0.8em;
	vertical-align: super;
}
q {
	font-style: italic;
}
q:before, q:after {
	content: "\"";
}
q {
	quotes: "" "";
}
.left {
	float: left;
	margin-right: 2em;
}
.right {
	float: right;
	margin-left: 2em;
}
hr {
	height: 1px;
	clear: both;
}
/* Lists */

ul {
	list-style: disc;
	margin-left: 2em;
	margin-bottom: 1em;
}
ol {
	list-style: decimal;
	margin-left: 2em;
}
li {
}
dl {
	margin-bottom: 1em;
}
dt {
	display: block;
	float: left;
	font-weight: bold;
}
dd {
	display: block;
	margin-bottom: 1.0em;
	margin-left: 4em;
}
/* Tables */

table {
	border-collapse: collapse;
	margin-bottom: 1em;
}
caption {
	font-size: 1.2em;
	line-height: 2.0em;
	text-align: center;
}
th, td {
	padding: 2px 6px;
}
th {
	background-color: #f3f3f3;
}
thead {
	border-bottom: 1px solid #999999;
}
tfoot th {
	font-size: 0.8em;
	line-height: 1.8em;
	border-top: 1px solid #999999;
	text-align: right;
}
/* Forms */
form {
	display: block;
}
/* apply new-clearfix-hack to forms (to bulletproof badly-written HTML) */
form:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html form {
	zoom: 1;
} /* IE6 */
*:first-child+html form {
	zoom: 1;
} /* IE7 */
fieldset {
	margin-bottom: 4px;
}
fieldset fieldset {
	display: block;
	position: relative;
	float: left;
	clear: left;
	margin-bottom: 0;
 #margin-left: 10em;
}
legend {
	font-weight: bold;
}
fieldset fieldset legend {
	display: block;
	float: left;
	clear: left;
	min-width: 10em;
	text-align: right;
	height: 1.6em;
	line-height: 1.6em;
	margin: 0px 4px 0px 4px;
	font-weight: normal;
 #margin-left: -10em;
}
label {
	display: block;
	float: left;
	clear: left;
	min-width: 10em;
	text-align: right;
	height: 1.6em;
	line-height: 1.6em;
	margin: 0px 4px 0px 4px;
	font-weight: normal;
}
fieldset ol {
	margin-left: 0;
}
form ol {
	list-style: none;
}
fieldset li {
	clear: left;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal;
}
fieldset fieldset label {
	display: inline-block;
	clear: none;
	width: auto;
	min-width: 0;
	height: 1.6em;
	line-height: 1.6em;
	margin: 0px 12px 0px 4px;
}
input {
	display: block;
	margin: 2px 0px;
}
fieldset fieldset input {
	margin: 2px 0px;
}
select {
	float: left;
}
input.checkbox {
	margin-top: 2px;
	width: 20px;
}
input[type="number"].small {
	width: 40px;
}

/* hCard styling */

.vcard {
	float: left;
	padding: 6px 8px;
	margin: 0 10px 8px 0;
	width: 240px;
}
.vcard span {
	display: block;
	clear: left;
}
.vcard h5 {
	font-size: 1.0em;
	font-weight: bold;
	border-bottom: 1px solid #766666;
}
.vcard p {
	text-indent: 32px;
}
.vcard p, .vcard a {
	margin-bottom: 0;
}
.vcard .tel {
}
.vcard .type, .vcard .adr .postal-code {
	display: block;
	float: left;
	clear: left;
	margin-right: 0.4em;
}
.vcard .adr .locality {
	float: left;
	clear: none;
	margin-right: 0.4em;
	text-indent: 0;
}
.vcard .email {
	clear: left;
}
/* FONT DEFINITIONS / TYPOGRAPHY */

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

@font-face {
    font-family: 'GridnikBold';
    src: url('./type/gridnik.eot');
    src: url('./type/gridnik.eot?#iefix') format('embedded-opentype'),
         url('./type/gridnik.woff') format('woff'),
         url('./type/gridnik.ttf') format('truetype'),
         url('./type/gridnik.svg#GridnikRegular') format('svg');
    font-weight: bold;
    font-style: normal;
	}/* !LAYOUT.CSS */

#header {
	position: relative;
	z-index: 10;
	}
#footer {
	position: relative;
	margin-bottom: 80px;
	z-index: 10;
	}

.content {
	margin: 0;
	border-bottom: 8px solid #313131;
	overflow: visible;
	z-index: 10;
	}
#contact.content {
	padding-bottom: 0;
	}

.section_title {
	margin: 12px 0;
	}
#contact .section_title {	/* positioned differently in chapter 6 */
	margin-right: 5px;
	}

/* PAGE ELEMENTS */ 

/* videoplayer */
#video {
	height: 540px;
	width: 948px;
	overflow: hidden;
	border: 1px solid #1c1c1c;
	}

/* headliner */
#headliner {
	position: relative;
	height: 420px;
	width: 948px;
	overflow: hidden;
	border: 1px solid #1c1c1c;
	}
#headliner .pagetitle {
	position: absolute;
	bottom: 6px;
	padding: 6px 0;
	left: -1px;
	z-index: 9000;
	width: 846px;
	}

#product_menu {
	float: right;
	margin: 0;
	padding: 4px 0 8px 0;
	}

/* Content blocks */
.imgblock, .prod_group img {
	margin-top: 8px;
	}
.imgblock img, .prod_group img {
	border: 1px solid #1c1c1c;
	}
.textblock {
	padding-top: 8px;
	}


/* NAVIGATION */

#menu {
	overflow: visible;
	}
#menu ul.navigation {
	list-style: none;
	margin: 8px 0 0 0;
	height: 24px;
	}
#menu ul.navigation ul {
	display: none;
	}

#menu ul.navigation li {
	display: block;
	position: relative;
	list-style: none;
	float: left;
	line-height: normal;
	}

#menu ul.navigation li a {
	display: block;
	padding: 0 0 0 14px;
	color: #8c8c8c;
	height: 16px;
	line-height: 16px;
	background: url(./imgs/menu-blt.png) no-repeat 0 2px;
	text-decoration: none;
	white-space: nowrap;
	#margin: 0 0 0 12px;
	}
#menu ul.navigation li a span {
	color: #626262;
	}
#menu ul.navigation li a:after {
	content: "|";
	color: #3b3b3b;
	line-height: 16px;
	height: 16px;
	padding: 0 6px;
	}
#menu ul.navigation li:last-child a:after {
	content: "";
	}
#menu ul.navigation li a:hover {
	color: #aeaeae;
	background: url(./imgs/menu-blt.png) no-repeat 0 -14px;
	}
#menu ul.navigation li a:hover span {
	color: #e49c9c;
	}

/* Language */

#langselect {
	display: none;
	}
#menublock 	#langselect {
	display: block;
	list-style: none;
	}

#langselect li {
	list-style: none;
	float: left;
	width: 20px;
	height: 12px;
	margin: 8px 8px 0 0;
	padding: 0;
	}
#langselect a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #4a4a4a;
	}
#langselect a span {
	display: none;
	}
#langselect #lang {
	width: 60px;
	text-align: right;
	text-transform: uppercase;
	color: #8c8c8c;
	line-height: 14px;
	}
#en a { background: url(./imgs/lang-en.png) no-repeat 0px 0px; }
#fi a { background: url(./imgs/lang-fi.png) no-repeat 0px 0px; }
#langselect .active a {
	background-position: 0px -20px;
	}
#langselect a:hover {
	background-position: 0px -40px;
	}


/* MICRONAV (repeats main menu) */


.section_title ul.navigation {
	display: none;
	position: absolute;
	top: 0;
	left: 18px;
	list-style: none;
	margin: 0;
	height: 50px;
	width: 220px;
	border: 1px solid #d6d6d6;
	background: #181818;
	}
.section_title ul.navigation ul {
	display: none;
	}
.section_title .menutrigger {
	position: relative;
	display: block;
	float: left;
	width: 18px;
	height: 52px;
	list-style: none;
	background: #d5d5d5 url(./imgs/ag-au.png) no-repeat center center;
	padding: 0;
	margin: 0 0 0 8px;
	}
.section_title .menutrigger li {
	display: block;
	width: 100%;
	height: 100%;
	}
.section_title .menutrigger li>span {
	display: none;
	}
.section_title .menutrigger li:hover ul.navigation {
	display: block;
	z-index: 9000;
	}
.section_title .menutrigger li:hover ul.navigation ul {
	display: none;
	}
.section_title ul.navigation li {
	display: block;
	float: left;
	width: 110px;
	position: relative;
	list-style: none;
	margin: 0;
	height: 17px;
	line-height: normal;
	}
.section_title ul.navigation li a {
	display: block;
	float: left;
	padding: 0 0 0 14px;
	color: #8c8c8c;
	height: 17px;
	font-size: 0.9em;
	line-height: 17px;
	background: url(./imgs/menu-blt.png) no-repeat 0px 2px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	}
.section_title ul.navigation li a span {
	color: #626262;
	}
.section_title ul.navigation li a:hover {
	color: #aeaeae;
	background: url(./imgs/menu-blt.png) no-repeat 0px -14px;
	}
.section_title ul.navigation li a:hover span {
	color: #e49c9c;
	}

/* PRODUCT NAVIGATION */

#product_menu ul.navigation {
	display: block;
	position: relative;
	list-style: none;
	top: inherit;
	left: inherit;
	margin: inherit;
	height: auto;
	width: auto;
	border: none;
	background: none;
	padding-left: 12px;
	}
#product_menu ul.navigation li {
	display: block;
	float: none;
	clear: left;
	position: relative;
	list-style: none;
	width: auto;
	margin: 0;
	height: 42px;
	line-height: normal;
	}
#product_menu ul.navigation ul {
	display: block;
	clear: both;
	}
#product_menu ul.navigation ul li {
	display: block;
	float: left;
	clear: none;
	position: relative;
	list-style: none;
	margin: 0;
	height: 16px;
	line-height: normal;
	}
#product_menu ul.navigation li a {
	display: block;
	color: #d5d5d5;
	height: 19px;
	line-height: normal;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	font-size: 1.0em;
	line-height: normal;
	background: none;
	}


#product_menu ul.navigation ul li a {
	color: #8c8c8c;
	}
#product_menu ul.navigation ul li a {
	padding: 0 6px 0 6px;
	}
#product_menu ul.navigation li a:hover {
	color: #89FFD1;
	}

/* BACK-TO-TOP LINK */
/* Placed at the end of each .content block */

.backtop {
	margin-top: 6px;
	}
.backtop a {
	display: block;
	float: right;
	font-size: 0.9em;
	text-decoration: none;
	padding: 2px 8px 0px 24px;
	color: #8c8c8c;
	background: #313131 url(./imgs/backtop.png) no-repeat 10px 6px;
	}
.backtop a:hover {
	color: #e49c9c;
	background: #313131 url(./imgs/backtop.png) no-repeat 10px -9px;
	}

/* RETAILER ACCCORDION */

.accordion a.head:hover, .accordion .active a.head:hover {
	color: #d6d6d6;
	}
.accordion .active a.head {
	outline: none;
	color: #e49c9c;
	}

/* SLIDER/CYCLE CONTROLS */

.c_nav {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	margin-top: -1px;
	}
.c_nav a {
	position: absolute;
	top: 0px;
	display: block;
	width: 20px;
	height: 200px;
	background: blue;
	z-index: 9000;
	text-indent: -9000px;
	overflow: hidden;
	}
.c_nav a.prev {
	left: 0;
	background: url(./imgs/cnav-prev.png) no-repeat center left;
	}
.c_nav a.next {
	right: 0;
	background: url(./imgs/cnav-next.png) no-repeat center left;
	}
.c_nav a:hover {
	background-position: right;
	}
.c_nav a:focus {
	outline: none;
	}

/* SITE ICONS */

.icon, .icon-s, .icon-m, .icon-l {
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-indent: -9000px;
	margin: 0 2px;
	overflow: visible;
	}
.icon {
	display: inline-block;
	position: relative;
	height: 16px;
	width: 16px;
	}
.icon-s {
	height: 8px;
	width: 8px;
	}
.icon-m {
	height: 25px;
	width: 25px;
	}
.icon-l {
	height: 50px;
	width: 50px;
	}
.icon span, .icon-m span, .icon-l span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(./imgs/iconset.png) no-repeat;	
	}
.icon span {
	top: 0px;
	}
.icon-s span {
	top: -2px;
	}
.icon-m span {
	top: 4px;
	}
.icon-l span {
	top: 8px;
	}

/* SPRITES */

.icon span, .icon-s span, .icon-m span, .icon-l span {
	background-position: 0 0;
	}
.icon .arrow-gray {
	background-position: 0px -50px;
	}
.icon .arrow-white {
	background-position: 0px -75px;
	}
.icon .arrow-red {
	background-position: 0px -100px;
	}
.icon .arrow-yellow {
	background-position: 0px -150px;
	}
.icon .circlearrow {
	background-position: 0px -125px;
	}
.icon .delete {
	background-position: 0px -175px;
	}

.icon .vip {
	background-position: 0px 0px;
	}
.icon-m .vip {
	background-position: -50px 0px;
	}
.icon .vipticket {
	background-position: -25px -25px;
	}
.icon-m .vipticket {
	background-position: -50px -25px;
	}
.icon .ticket {
	background-position: -25px -50px;
	}
.icon-m .ticket {
	background-position: -50px -50px;
	}
.icon .vip-disabled {
	background-position: 0px 0px;
	}
.icon-m .vip-disabled {
	background-position: -75px 0px;
	}
.icon .vipticket-disabled {
	background-position: -75px -25px;
	}
.icon-m .vipticket-disabled {
	background-position: -100px -25px;
	}
.icon .ticket-disabled {
	background-position: -75px -50px;
	}
.icon-m .ticket-disabled {
	background-position: -100px -50px;
	}
.icon .notice {
	background-position: -50px -100px;
	}
.icon .warning {
	background-position: -50px -75px;
	}



/* EXCEPTIONS: POSITIONING */

#ticketbox .icon-l {
	position: absolute;
	top: -22px;
	left: 4px;
	}
#cart .delete {
	margin-top: 8px;
	}
.icon .notice {
	margin-top: 4px;
	}
#password_forgtten_link .arrow-red, #login_link .arrow-red {
	margin-top: 4px;
	}


/* BUTTONS */

#main .button, #main .button:link, #main .button:visited {
	display: inline-block;
	margin: 6px 0 0 0;
	padding: 0 8px;
	height: 32px;
	line-height: 32px;
	border: 0;
	background-color: #000000;
	font-size: 0.9em;
	font-weight: bold;
	color: #fdb812;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	}
#main .button.checkout, #main .button.checkout:link, #main .button.checkout:visited {
	background-color: #fdb812;
	color: #000000;
	}

#main .button {
	text-align: center;
	width: 100px;
}
#main .button.small {
	width: 60px;
	}
#main .button.large {
	width: 140px;
	}

.button .icon, .button .icon-s, .button .icon-m, .button .icon-l {
	display: block;
	float: left;
	text-indent: -9000px;
	margin: 0 4px 0 -2px;
	overflow: visible;
	}
.button .right {
	float: right;
	margin: 0 -2px 0 4px;
	}
.button .icon {
	margin-top: 8px;
	}
.button .icon-m .ticket {
	top: -1px;
	left: 2px;
	}
.lock {
	display: block;
	float: left;
	height: 25px;
	background: url(./imgs/lukko.png) no-repeat 0px 6px;
	}

/*
.button .icon-s span {
	top: -2px;
	}
.button .icon-m span {
	top: 2px;
	}
.button .icon-l span {
	top: 8px;
	} */

/*
#main .button.icon {
	border: 1px solid red;
	text-indent: 30px;
	width: auto;
	background-image: url(./imgs/iconset.png);	
	background-repeat: no-repeat;
	}
.button.icon.arrow-gray {
	background-position: 0px -50px;
	}
.button.icon.arrow-white {
	background-position: 0px -75px;
	}
.button.icon.arrow-red {
	background-position: 0px -100px;
	}
.button.icon.circlearrow {
	background-position: 0px -125px;
	}
.button.icon.vipticket {
	background-position: -25px -50px;
	}
.button.icon.vipticket {
	background-position: -50px -25px;
	}
*/

/* !CONTENT.CSS */

/* CONTENT STYLING */

/* !LOGOHOLDER */
a#logo {
	display: block;
	width: 330px;
	height: 100px;
	margin: 3px 0 0 -6px;
	background: url(./imgs/logoblock.png) no-repeat;
	}
a#logo span {
	display: none;
	}

h1 {
	font-size: 1.6em;
	}
h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #333333;
	}
h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #d6d6d6;
	}
h4 {
	font-size: 1.3em;
	font-weight: normal;
	color: #333333;
	}
h5 {
	font-size: 1.2em;
	font-weight: normal;
	color: #333333;
	}

a {
	color: #d5d5d5;
	text-decoration: underline;
	}


/* PAGE TITLING : Headliners */

#headliner .pagetitle h3 {
	float: left;
	width: 350px;
	height: 90px;
	margin: 0 0 0 108px;
	padding: 4px 6px;
	border: 1px solid #d6d6d6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	line-height: 32px;
	background: url(./imgs/alpha-black-60.png) repeat;
	}
#headliner .pagetitle .chapter_id {
	display: block;
	float: left;
	height: 100px;
	width: 100px;
	font-family: Gridnik, Helvetica, Arial, sans-serif;
	color: #d6d6d6;
	margin: -14px 0 0 -114px;
	font-size: 96px;
	line-height: 96px;
	font-weight: normal;
	letter-spacing: -6px;
	text-indent: -5px;
	text-align: justify;
	border-bottom: 8px solid #d6d6d6;
	}
#headliner .pagetitle .chapter {
	display: block;
	height: 12px;
	font-family: Gridnik, Helvetica, Arial, sans-serif;
	color: #d6d6d6;
	font-size: 0.55em;
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}

/* PAGE TITLING : products */

.products_title {
	border-bottom: 8px solid #313131;
	padding: 0 0 8px 0;
	}
.products_title h3 {
	float: left;
	width: 215px;
	height: 42px;
	margin: 8px 0 8px 53px;
	padding: 4px 6px;
	border: 1px solid #d6d6d6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	line-height: 32px;
	}

/* SECTION TITLING : Defaults */

.section_title h3, #contact .section_title h3 {
	float: left;
	width: 215px;
	height: 42px;
	margin: 0 0 0 53px;
	padding: 4px 6px;
	border: 1px solid #d6d6d6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	line-height: 32px;
	}
.chapter_id, #contact .chapter_id {
	display: block;
	float: left;
	height: 43px;
	font-family: Gridnik, Helvetica, Arial, sans-serif;
	color: #d6d6d6;
	margin: -4px 0 0 -58px;
	font-size: 50px;
	font-weight: normal;
	border-bottom: 8px solid #d6d6d6;
	line-height: 40px;
	letter-spacing: -0.1em;
	text-indent: -5px;
	width: 44px;
	}
.chapter, #contact .chapter {
	display: block;
	height: 12px;
	font-family: Gridnik, Helvetica, Arial, sans-serif;
	color: #d6d6d6;
	font-size: 0.5em;
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}
.subtitle {
	float: left;
	margin: 18px 0 0 160px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1.0em;
	}

/* SECTION TITLING : Products */

#products h5 {
	line-height: normal;
	padding: 8px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	}
#products_cycle {min-height: 240px;}

/* CAPTIONS */

.content img {
	display: block;
	}
.caption a {
	}
.caption a {
	display: block;
	margin: 8px 0 6px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1.0em;
	text-decoration: none;
	}
.caption p a {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0;
	text-decoration: underline;
	}
.caption {
	font-size: 0.9em;
	line-height: 1.1em;
	background: #1c1c1c;
	padding: 6px 8px 2px 8px;
	margin: 0;
	border: 1px solid #1c1c1c;
	}
.caption span {
	display: block;
	height: 12px;
	font-family: Gridnik, Helvetica, Arial, sans-serif;
	color: #d6d6d6;
	font-size: 0.5em;
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}
.grid_8.caption {	
	padding: 0 15px 0 15px;
	width: 278px;
	margin-left: 5px;
	}


/* ARTICLE CONTENT */

.ingress {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 12px 0 0 0;
	}

/* RETAILER LISTING */

ul.retailers-list {
	list-style: none;
	}
ul.retailers-list li {
	list-style: none;
	margin: 0 0 0px 0;
	}
ul.retailers-list li ul {
	margin: 0;
	border-bottom: 2px solid #313131;
	}
ul.retailers-list li ul li {
	margin: 0 0 4px 0;
	}
ul.retailers-list li:hover ul {
	}
.retailers-list li a.area {
	display: block;
	padding: 4px 0;
	margin: 0 0 4px 0;
	text-decoration: none;
	font-size: 1.4em;
	color: #9189ff;
	border-bottom: 2px solid #313131;
	}
.retailers-list span {
	font-weight: bold;
	}

#contact p {
	margin-bottom: 0;
	}

/* FOOTER copyright notice */

#frame .copyrite {
	margin: 32px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1.0em;
	color: #d5d5d5;
	}

/* MISC styles */

.bannerFrontPage {
	text-align: right;
	}
.notice {
	font-weight: bold;
	color: #000000;
	padding: 4px;
	border: 2px solid #FE1132;
	}
.notice p {
	margin: 0;
	}
.notice span {
	border: none;
	}

/* !INTERFACE.CSS */
/* INTERFACE ELEMENTS */

/* !TOP: Search form */

#search {
	float: right;
	padding-right: 8px;
}
#hdr_search input {
	background: url(./imgs/hdr-search-field-bk.png) no-repeat;
	border: none;
	-webkit-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3);
	display: block;
	float: left;
	font-size: 1.1em;
	line-height: 24px;
	height: 24px !important;
	margin: 0;
	padding: 4px 0 4px 6px;
	position: relative;
	width: 305px;
	z-index: 10;
}
#hdr_search input:focus {
	outline: none;
	}
#hdr_search input#search_button {
	display: block;
	float: left;
	position: relative;
	z-index: 200;
	width: 50px;
	height: 32px !important;
	padding: 0;
	margin-left: -3px;
	text-align: center;
	line-height: normal;
	font-weight: bold;
	font-style: normal;
	font-size: 1.0em;
	text-transform: uppercase;
	color: #ffffff;
	background: #fe1132 url(./imgs/menu-ul-bk.png) repeat-x;
	text-decoration: none;
	-khtml-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

/* !CONTENT: page forms */

#content form {
	display: block;
	}
#content label {
	display: block;
	float: left;
	clear: left;
	width: 180px;
	line-height: 1.1em;
	min-width: 0;
	text-align: right;
	padding: 2px 0 0 0;
	}
#content input, #content select {
	display: block;
	margin: 0px 0px 4px 5px;
	}
#content input[type="radio"],
#content input[type="checkbox"] {
	display: block;
	float: left;
	clear: left;
	width: 20px;
	margin: 0px 0px 4px 180px;
	}
#content input[type="radio"] ~ label,
#content input[type="checkbox"] ~ label,
#content label.radio,
#content label.checkbox 
{
	display: block;
	float: left;
	clear: none;
	text-align: left;
	}
#content input.submit, #content input#submit {

	clear: left;
	margin: 16px 0 16px 210px;
	}

#main label.auto {
	width: auto;
	}

input.small {
	width: 20px;
	margin-right: 4px;
	}
input.medium {
	width: 110px;
	margin-right: 4px;
	}
input.large {
	width: 190px;
	margin-right: 4px;
	}

textarea {
	width: 190px;
	height: 75px;
	}
textarea.large {
	width: 360px;
	height: 75px;
	}

#content span.required, #checkout_customer_details span.required {
	color: #CC0000;
	}
#content input.error, #content select.error {
	float: left;
	margin-left: 0px;
	border: 1px solid #ff0000;
	}
#content input[type="radio"].error {
	background-color: #ff0000;
	border: 1px solid red;
	}
#content label.error {
	float: left;
	clear: none;
	width: 220px;
	color: #CC0000;
	text-align: left;
	}
#content input[type="radio"].error {
	margin-left: 180px;
	}
#content input[type="radio"].error ~ label {
	}


/*
input#se_wordfield {
	display: block;
	float: left;
	margin-left: 6px;
	}
*/
p.helptxt {
	clear: both;
	margin: 0 0 4px 190px;
	font-size: 0.9em;
	color: #6e6e6e;
	}



/* !RIGHT forms */

#right form {
	display: block;
	margin: 8px 0;
	}
#right legend {
	height: auto;
	margin-left: 0;
	text-align: left;
}
#right label {
	display: block;
	float: left;
	clear: left;
	width: 130px;
	line-height: 1.1em;
	min-width: 0;
	text-align: left;
	padding: 2px 0 0 0;
	}
#right input, #right select {
	clear: left;
	display: block;
/*	float: none;  */
/*	width: 180px;	*/
	margin: 0px 0px 4px 5px;
	}
#right input[type="radio"],
#right input[type="checkbox"] {
	display: block;
	float: left;
	clear: left;
	width: 20px;
	margin: 0 0 4px 0;
	}
#right input[type="radio"] ~ label,
#right input[type="checkbox"] ~ label,
#right label.radio,
#right label.checkbox {
	display: block;
	float: left;
	clear: none;
	text-align: left;
	}
#right input.submit, #right input#submit {
	float: none;
	clear: left;
	width: 110px;
	height: 24px;
	margin: 16px 0 16px 210px;
	}

/* !LOGIN */

#password_forgtten_link, #login_link {
	display: block;
	position: relative;
	float: left;
	width: 80px;
	padding-left: 20px;
	text-decoration: none;
	color: #000000;
	}

#password_forgtten_link>span, #login_link>span {
	margin-left: -20px;
	}

#main #login_submit_button, #main #password_forgotten_button {
	margin: 4px 0 0 0;
	}
#pass_wd_forgotten p {
	margin: 0 0 4px 6px;
	}

/* !CART */

#cart {
	border-bottom: 1px solid #d5d5d5;
	}
#cart_total {
	position: relative;
	float: right;
	width: 240px;
	padding-top: 8px;
	height: 60px;
	}
#cart_total p {
	float: left;
	width: 90px;
	font-size: 1.4em;
	line-height: 0.7em;
	margin: 0;
	}
#cart_total p span {
	font-size: 0.7em;
	}
#cart_total #total_price {
	width: 120px;
	text-align: right;
	line-height: 1.4em;
	}
#cart_total .price {
	font-size: 1.8em;
	padding:0;
	}
#cart_total .price span {
	font-size: 0.4em;
	padding-left: 2px;
	}
#update_cart {
	position: absolute;
	top: -4px;
	right: 0;
	width: 100px;
	margin-top: 0px;
	}


/* !Paging results*/

.pager {
	float: right;
	height: 22px;
	}
.pager .pager_page {
	float: left;
	padding: 2px 4px;
	height: 18px;
	line-height: 18px;
	}
.pager .smallbutton-container {
	display: block;
	width: 20px;
	height: 18px;
	float: left;
	}
.pager a.next, .pager a.prev {
	display: block;
	width: 20px;
	height: 18px;
	background: url(./site/themes/mysping/imgs/smallbutton.gif) no-repeat;
	color: #08090D;
	z-index: 999;
	padding: 0px;
	text-align: center;
	margin-top: 2px;
	}
.pager a.next span, .pager a.prev span {
	display: block;
	margin-top: -1px;
	}

/* !THEME.CSS */
/* !CUSTOM THEME OVERRIDES														*/
/* simple																		*/

/* !LAYOUT */

body {
	color: #d5d5d5;
	background: #313131 url(./imgs/body-bk.jpg) repeat center center;
	}
body:before {		/* this is huge, 120+ kb. Not needed? */
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 700px;
	z-index: -1;
	background: url(./imgs/body-corner.png) top left;
	}

#header {
	background: url(./imgs/header-bk.png) no-repeat 895px 0px;
	}
#menublock, #product_menu {
	background: url(./imgs/alpha-black-30.png) repeat;
	}

hr {
	color: #d5d5d5;
	background-color: #d5d5d5;
	border: 0;
	}
.box {
	background: #1c1c1c;
	}

/* theme colors by subsection */

#story h3, #story .subtitle, #story .ingress, #story .content strong, #story h5, .article h3,
.basic .ingress, .basic h3, 
 {
	color: #e49c9c;
	}
#designers h3, #designers .subtitle, .designer .ingress, #designers .content strong, #designers a:hover  {
	color: #eee09f;
	}
#products h3, #products .subtitle, #products .ingress, #products .content strong, #products h5, #products a:hover { 
	color: #89ffd1; 
	}
#retailers h3, #retailers .subtitle, #retailers .ingress, #retailers .content strong, #retailers h5, #retailers a:hover { 
	color: #9189ff; 
	}
#contact h3, #contact .subtitle, #contact .ingress, #contact .content strong, #contact h5, #contact a:hover { 
	color: #83d5ea; 
	}

/* OVERLAY CSS */

/* Main overlay */
#overlay {
	background-color: #1f1f1f;
	color: #efefef;
	}

/* Content container */
div.contentWrap {
	overflow-y: auto;
	}

/* Overlay block */
.overlay {
	display:none;	/* initially hidden */
	background-image: url(./imgs/white.png);
	width:640px;		
	}

/* default close button positioned on upper right corner */
.overlay .close {
	background: url(./imgs/overlay-close.png) no-repeat center center;
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
	height: 17px;
	width: 17px;
	border: 1px solid #8e8e8e;
	}

.overlay .print {
	background: url(./imgs/overlay-print.png) no-repeat center center;
	position: absolute;
	right: 2px;
	bottom: 2px;
	cursor: pointer;
	height: 17px;
	width: 17px;
	border: 1px solid #8e8e8e;
	}
.overlay .print span {
	display: none;
	}

/* PRODUCT VIEWER : overlay */

@media screen {		/* Print elements hidden */
	#printheader {
		display: none;
		}
	}
@media print {		/* Print elements hidden */
	#printheader {
		display: block;
		}
	}

#product_frame {	
	background: none;
	background-color: #1c1c1c;
	color: #d6d6d6;
	}
#product_frame .img-lrg {
	display: block;
	float: left;
	clear: none;
	width: 420px;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	}
#product_frame .img-lrg img {
	display: block;
	margin: 0;
	padding: 0;
	}
#product_frame .desc {
	float: right;
	width: 180px;
	height: 100%;
	margin: 24px 24px 0 0;
	}
#product_frame h5 {
	color: #d6d6d6;
	}