/**
 * @version		$Id: component.php 16465 2010-04-26 01:46:24Z eddieajau $
 * @package		Joomla.Site
 * @subpackage	Templates.default
 * @copyright	Copyright (C) 2011 Arvin Pedregosa. All rights reserved.
 * @license		Commercial License
 *
 * Theme CSS - Layout, position and overall themes
 * - Fonts
 * - Defaults
 * - Layout
 * - Skins
 * - Components
 *
 * - Green: 		#A0BB2E
 * - Dark Green: 	#869D36
 * - Yellow: 		#FFFF00
 */
 
 
/*************************************************************************
 * Fonts
 */
	@font-face {
		font-family: Futura;
		src: url('../fonts/futura-book.eot');
		src: url('../fonts/futura-book.woff') format('woff'),
			url('../fonts/futura-book.ttf') format('truetype'),
			url('../fonts/futura-book.svg') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: Futura;
		src: url('../fonts/futura-medium.eot');
		src: url('../fonts/futura-medium.woff') format('woff'),
			url('../fonts/futura-medium.ttf') format('truetype'),
			url('../fonts/futura-medium.svg') format('svg');
		font-weight: bold;
		font-style: normal;
	}
	@font-face {
		font-family: Futura;
		src: url('../fonts/futura-bookoblique.eot');
		src: url('../fonts/futura-bookoblique.woff') format('woff'),
			url('../fonts/futura-bookoblique.ttf') format('truetype'),
			url('../fonts/futura-bookoblique.svg') format('svg');
		font-weight: normal;
		font-style: italic;
	}
	@font-face {
		font-family: Futura;
		src: url('../fonts/futura-mediumoblique.eot');
		src: url('../fonts/futura-mediumoblique.woff') format('woff'),
			url('../fonts/futura-mediumoblique.ttf') format('truetype'),
			url('../fonts/futura-mediumoblique.svg') format('svg');
		font-weight: bold;
		font-style: italic;
	}
	@font-face {
		font-family: Futura;
		src: url('../fonts/futura-light.eot');
		src: url('../fonts/futura-light.woff') format('woff'),
			url('../fonts/futura-light.ttf') format('truetype'),
			url('../fonts/futura-light.svg') format('svg');
		font-weight: lighter;
		font-style: normal;
	}
	

/*************************************************************************
 * Defaults - Delete background colour guides on live sites
 */
	html { background-color: #111111; }
	body { margin: 0 }
	html.component { background-color: #C5C6C2; }
	body, input, textarea, li, select, option { 
		font: normal 14px/1.3em Futura, Arial, sans-serif; 
	}
	body { color: #FFFFFF; }
	h1,h2,h3 { margin: 0 0 0.5em; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #000000; }
	h1 { font-size: 24px; line-height: 1.1em; }
	h2 { margin-top: 1.5em; margin-bottom: 3px; font-size: 20px; line-height: 1.1em; }
	h3 { margin-top: 1em; margin-bottom: 3px; font-size: 13px; line-height: 1.1em; }
	
	h1 small,h2 small,h3 small { text-transform: none; font-size: 0.7em }
	
	p { margin: 0 0 1em; }
	.container { }
	a { color: #666666; text-decoration: none; }
	a:link, a:visited { }
	a:hover,a:active { color: #A0BB2E; }
	
	.preload { display: none; }

	input,
	textarea,
	select {
		border: 1px solid #CCCCCC;
	}
	input[type=submit],
	a.button,
	button.default {
		padding: 5px 10px 3px;
		color: #FFFFFF;
		background-color: #000000;
		background-color: rgba(0, 0, 0, 0.65);
		border: none;
	}

	hr {
		border: none;
		border-top: 1px solid #000000;
	}
	
	.popup h2 {
		margin-top: 0;
	}

	#system-message-container {
		display: none;
	}
	
/*************************************************************************
 * Bootstrap Overrides
 */
	.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
		box-shadow: none;
		border: none;
	}
	.navbar-inner {
		padding: 0 50px;
		box-shadow: none;
		border: none;
		background: none;
	}
	.container {
		width: 1170px;
		margin: 0 auto;
	}
  
  
/*************************************************************************
 * Layout
 */
	html {
		overflow: auto;
		/* overflow-y: scroll; */
	}
	body {
		position: absolute;
		left: 0; top: 0; 
		bottom: 0; right: 0;
		height: 100%;
		min-height: 100%;
		overflow: hidden;
	} 
	
	#navbar, .navbar-inner {
		height: 40px;
	}
	#page-header {
		margin-top: 85px;
		height: 30px;
	}
	#page-content {
		margin-top: 20px;
		min-height: 400px;
	}
	#component {
		margin: 0 auto;
		width: 90%;
	}
	#content-left {
	}
	#system-debug {
		position: fixed;
		left: 70%; right: 20px;
		top: 5%; bottom: 5%;
		overflow: auto;
		opacity: 0.1;
		z-index: 9999;
	}
	#system-debug:hover {
		opacity: 1.00;
	}

	
	/* pages */
	.page_shop #page-content {
		padding: 0;
		margin: 0;
	}
	.page_shop #component {
		width: auto;
		margin: 0;
	}
		
	section h2:first-child,
	article h2:first-child	{
		margin-top: 0;
	}
	
	article.full {
		position: fixed;
		top: 0; bottom: 0;
		left: 0; right: 0;
	}
	
	article.left,
	section.blog.left {
		position: fixed;
		top: 160px;
		bottom: 30px;
		width: 40%;
		min-width: 300px;
		overflow: auto;
		overflow-x: visible;
	}
	article.right,
	section.blog.right {
		position: fixed;
		top: 135px;
		bottom: 30px;
		right: 5%;
		width: 35%;
		min-width: 420px;
		max-width: 460px;
		overflow: auto;
		overflow-x: visible;
	}

	article.center,
	section.blog.center {
		position: fixed;
		left: 0; right: 0;
		top: 0; bottom: 0;
		z-index: 120;
	}
	article.center .wrapper,
	section.blog.center .wrapper {
		width: 960px;
		margin: 175px auto 20px;
	}
	article.center .wrapper>div,
	section.blog.center .wrapper>div {
		position: relative;
		width: 90%;
		margin: 0 auto;
	}
	article.center .scroll-pane,
	section.blog.center .scroll-pane {
		position: fixed;
		width: 864px;
		top: 200px;
		bottom: 30px;
	}
	
	article.box .content,
	section.box .content {
		padding: 30px;
		background: rgba(16, 16, 16, 0.80);
		overflow: hidden;
	}
	
	.center-canvas {
		position: relative;
	}
	
	.video-container {
		position: fixed;
		left: 0; top: 0;
		right: 0; bottom: 0;
	}


/*************************************************************************
 * Virtuemart/Component Override
 */
#facebox .popup {
	border-color: #C5C6C2;
	background-color: #C5C6C2;
	border-radius: 0;
}
#facebox .content {
	padding: 20px 10px 0;
	background-color: #C5C6C2;
}
#facebox .close {
	top: 10px;
	background-color: transparent;
}
#facebox html {
	background-color: #C5C6C2;	
}

html.component .container {
	margin: 0;
	width: auto;
}
html.component #system-message-container  {
	bottom: auto;
	margin: 0 0 10px;
	width: auto;
}

/*************************************************************************
 * Form
 */
 	.form-validate .invalid,
 	.Chronoform .invalid {
 		color: #FF3333;
 		background-color: #FFD6D6;
 	}

	.row-container {
		margin-bottom: 7px;
		overflow: hidden;
	}
	.input-container {
		display: block;
		background: rgba(255,255,255,0.85);
		padding: 8px 8px 6px;
		margin-bottom: 7px;
	}
	
	body div.input-container input,
	body div.input-container textarea {
		display: block;
		min-width: 100%;
		width: 100%;
		color: #000000;	
		background: none;
		border: none;
	}
	.float-right {
		float: right; 
		display: inline-block;
		margin-left: 15px;
	}
	.float-left {
		float: left; 
		display: inline-block;
		margin-right: 15px;
	}


/*************************************************************************
 * UI Tabs
 */
	#ui-tabs #tabs {
		list-style: none;
		overflow: hidden;
		margin-top: 0;
		padding: 0;
	}
	#ui-tabs #tabs li {
		display: inline-block;
		float: left;
		padding: 0 10px;
		color: #666666;
		border-left: #999999 1px solid;
		text-transform: uppercase;
		font-weight: bold;
		cursor: pointer;
	}
	#ui-tabs #tabs li:first-child {
		padding-left: 0;
		border-left: none;
	}
	#ui-tabs #tabs li.current {
		color: #111111;
	}

/*************************************************************************
 * Forms
 */
 	fieldset.adminForm {
 		margin-bottom: 15px;
 	}

	table.adminlist,
	table.order-details {
		margin-bottom: 15px;
	}
	table.adminlist th {
		padding: 5px;
		border-bottom: #111111 solid 1px ;
	}
	table.adminlist td {
		padding: 5px;
		border-bottom: #999999 solid 1px ;	
	}
	table.order-details {
		border-top: #999999 solid 1px ;	
	}
	table.order-details th,
	table.order-details td {
		padding: 5px;
		border-bottom: #999999 solid 1px ;	
	}


	
/*************************************************************************
 * Skins
 */
	html.page body {
		background: #000000 no-repeat scroll center;
		background-size: cover;
	}
	html.page body.loader {
		background-color: #C5C6C2;
		background-image: url(../img/loader.gif);
		background-position: 60% 50%;
		background-repeat: no-repeat;
		background-size: auto;
	}
	html.page_intro body {
		background-color: #000000;
	}
	html.page_about body {
		background-image: url('../img/bg/about-mission-vision.jpg');
	}
	html.page_designers body {
		background-image: url('../img/bg/about-designers.jpg');
	}
	html.page_materials body {
		background-image: url('../img/bg/about-materials.jpg');
	}
	html.page_thecompany body {
		background-image: url('../img/bg/about-the-company.jpg');
	}
	html.page_thecommunity body {
		background-image: url('../img/bg/about-the-community.jpg');
	}
	html.page_video body {
		background-color: #D0C8C0;
	}
	html.page_news body {
		background-image: url('../img/bg/news.jpg');
	}
	html.page_contactform body {
		background-image: url('../img/bg/contact-us.jpg');
	}
	html.page_user-area body {
		background-image: url('../img/bg/user-area.jpg');
	}
	
	html.page_error body {
		background-color: #110000;
	}
	
	/* System Error */
	#system-message-container { 
		position: relative;
		bottom: 25px;
		margin: 5px auto;
		width: 525px;
		z-index: 200;
	}
	#system-message {
		padding: 5px 7px; 
		border-radius: 5px;
		background-color: #FFFFFF;
		background-color: rgba(255, 255, 255, 0.80);
	}
	#system-message .message { color: #66AA55; }
	#system-message .warning { color: #FFFF00; }
	#system-message .error { color: #FF9900; }
	#system-message { margin: 0; }
	dl#system-message dd { margin: 0; text-align: center; }
	dl#system-message dt { display: none; }
	dl#system-message ul { list-style: none; margin: 0; padding: 0; }



	/* Global */
	.black body {
		color: #000000;
	}
	.white h1, .white h2, .white h3 {
		color: #FFFFFF;
	}
	.profiler .close-btn {
		float: right;
	}
	.placeholder {
		color: #333333;
	}
	
	/* Articles */
	section.blog h2 {
		cursor: pointer;
	}
	section.blog h2:hover {
		color: #A0BB2E;
	}
	.action-icons {
		margin: 0; padding: 0;
		float: right;
	}
	.action-icons li {
		list-style: none;
		float: left;
	}
	p.subtitle {
		margin-top: -2px;
		color: #869D36;
	}
	header+p.subtitle {
		margin-top: -0.8em;
	}
	p strong {
		color: #869D36;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	.defer {
	}
	div.loader {
		position: absolute;
		left: 0; top: 2em;
		width: 109px; height: 9px;
		background: url(../img/loader.gif) 0 0 no-repeat;
	}
	.facebook-link {
		padding-left: 25px;
		background: url(../img/social-networks.png) 0 -40px no-repeat;
		line-height: 20px;
	}
	.twitter-link {
		padding-left: 25px;
		background: url(../img/social-networks.png) 0 -80px no-repeat;
		line-height: 20px;
	}

/*************************************************************************
 * Intro
 */

	div.intro-loading {
		position: fixed !important;
		top: 0; left: 0;
		right: 0; bottom: 0;
		background-color: black;
		z-index: 300;
	}
	div.intro-loading .intro-skip {
		display: block;
		position: fixed;
		top: 50%; left: 50%;
		margin-left: -125px;
		margin-top: -85px;
		width: 250px; height: 20px;
		padding-top: 150px;
		background: url(../img/loader-intro.gif) 50% 0 no-repeat;
		text-align: center;
		text-transform: uppercase;
		z-index: 310;
	}
	div.intro-loading .intro-skip:link,
	div.intro-loading .intro-skip:visited {
		color: #FFFFFF;
	}
	
	.center-canvas .message {
		position: absolute;
		left: 50%; top: 50%;
		margin-left: -150px; margin-top: -50px
		width: 300px; height: 60px;
		text-align: center;
		z-index: 140;		
	}
	.center-canvas .message p {
		margin: 0;
		line-height: 1.25em;
		color: #A0BB2E;
	}
	.center-canvas .message p.subtitle {
		color: #999999;
	}
	
	.page_intro .center-canvas img {
		display: block;
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		opacity: 0;
		z-index: 120;
	}
	.page_intro .center-canvas img:first-child {
		position: relative;
		z-index: 99;
		opacity: 1;
		z-index: 110;
	}
	.page_intro .center-canvas a {
		position: absolute;
		display: block;
		z-index: 110;
		outline: none;
		z-index: 150;
	}
	.center-canvas a.intro-01 {
		left: 38.54167%; top: 71.97751%;
		bottom: 0%; right: 36.66667%;
	}
	.center-canvas a.intro-02 {
		left: 7.96875%; top: 13.12090%;
		bottom: 33.08341%; right: 78.54167%;
	}
	.center-canvas a.intro-03 {
		left: 78.125%; top: 0%;
		bottom: 0; right: 8.85417%;
	}
	.center-canvas a.intro-04 {
		left: 51.19792%; top: 16.86973%;
		bottom: 52.48360%; right: 39.6875%;
	}
	.center-canvas a.intro-05 {
		left: 36.66667%; top: 0;
		bottom: 67.85379%; right: 56.51042%;
	}
	
	.audio-controls {
		position: fixed;
		right: 30px; top: 30px;
		width: 20px; height: 20px;
		z-index: 155;
	}
	.audio-controls a {
		display: block;
		background: url(../img/audio.png) 0 0;
		text-indent: -9999px;
		outline: none;
		overflow: hidden;
	}
	.audio-controls a.pause {
		background-position: -40px 0;
	}
	.audio-controls a.play:hover {
		background-position: -40px 0;
	}
	.audio-controls a.pause:hover {
		background-position: -20px 0;
	}
	
	.copyright {
		position: fixed;
		right: 35px;
		bottom: 25px;
	    font-size: 11px;
		color: #CCCCCC;
		opacity: 0.5;
		z-index: 210;
		transition: opacity 0.2s ease;
		-o-transition: opacity 0.2s ease;
		-moz-transition: opacity 0.2s ease;
		-webkit-transition: opacity 0.2s ease;
	}
	.copyright:hover {
		opacity: 1.0;
	}
	.copyright .fb-icon {
		padding-left: 20px;
		margin-right: 20px;
		background: url(../img/social-networks.png) 0 -160px no-repeat;
		line-height: 15px;
	}
	.copyright .tw-icon {
		padding-right: 20px;
		margin-right: 10px;
		background: url(../img/social-networks.png) 100% -175px no-repeat;
		line-height: 15px;
	}
	.copyright a {
		color: #A0BB2E	
	}
	.copyright a:hover {
		color: #666666;
	}
	

/*************************************************************************
 * Error
 */
 	html.page_error h1,
 	html.page_error h2,
 	html.page_error h3 {
 		color: #992222;
 	}


/*************************************************************************
 * Collection Slideshow
 */
 
	.slideshow {
		margin: 0; padding: 0;
		list-style: none;
	}
	.slideshow .full-frame {
		position: fixed;
		left: 0; top: 0; 
		bottom: 0; right: 0;
		margin: 0; padding: 0;
		overflow: hidden;
	}
	.slideshow .full-frame ul {
		position: absolute;
		top: 0; left: 0; right: 0;
		margin: 0; padding: 0;
	}
	.slideshow .full-frame ul > li {
		display: block;
		position: absolute;
		top: 0; left: 0;
		margin: 0; padding: 0;
		overflow: hidden;
		opacity: 0;
		z-index: 100;
	}
	.slideshow .full-frame ul > li:first-child {
		position: relative;
		opacity: 1;
		z-index: 110;
	}
	.slideshow .full-frame ul  a,
	.slideshow .full-frame ul  img {
		display: block;
	}
	.slideshow .full-frame ul  img {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		height: auto;
	}
	 
 	.slideshow aside {
		position: fixed;
		left: 0; bottom: 0; right: 0;
		height: 55px;
		background: rgba(0,0,0,0.5);
		z-index: 120;
	}
	.slideshow aside p.caption {
		position: absolute;
		left: 30px; top: 10px;
		margin: 0;
		height: 20px;
		font-size: 13px;
		line-height: 20px;
	}
	.slideshow aside .thumbnails {
		position: absolute;
		top: 30px; 
		/* right: 150px; */
		right: 30px;
		height: 16px;
		margin: 0; padding-left: 100px;
		overflow: hidden;
	}
	.slideshow .thumbnails ul,
	.slideshow .thumbnails li {
		margin: 0; padding: 0;
		list-style: none;
	}
	.slideshow .thumbnails li {
		float: left;
	}
	.slideshow .thumbnails li a {
		display: block;
		width: 14px; height: 14px;
		background: url(../img/circle.png);
		text-indent: -9999px;
		outline: none;
	}
	.slideshow .thumbnails li a.active,
	.slideshow .thumbnails li a:active {
		background-position: -14px 0;
	}
	.slideshow .thumbnails li a:hover {
		background-position: -28px 0;
	}
	.slideshow aside .link {
		display: none !important;
		position: absolute;
		right: 30px; top: 20px;
		height: 20px;
		font-size: 12px;
		line-height: 20px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.slideshow aside .link:link,
	.slideshow aside .link:visited {
		color: #FFFFFF;
	}
	
	.slideshow .loader {
		position: fixed !important;
		top: 0; left: 0;
		right: 0; bottom: 0;
		height: 100%; width: 100%;
		background: rgba(0,4,0,0.95) url(../img/loader.gif) 50% 50% no-repeat;
		z-index: 150;
	}
	
	.slideshow .nav-left,
	.slideshow .nav-right	{
		position: absolute;
		top: 0; bottom: 0;
		width: 25%;
		min-width: 200px;
		max-width: 300px;
		z-index: 118;
	}
	.slideshow .nav-left {
		left: 0; 
	}
	.slideshow .nav-right {
		right: 0; 
	}
	.slideshow .nav-left:hover,
	.slideshow .nav-right:hover {
		/* background color hover? */
	}
	
	.slideshow .nav-left span,
	.slideshow .nav-right span {
		display: block;
		position: absolute;
		top: 50%; margin-top: -25px;
		width: 50px; height: 50px;
		background: url(../img/arrows.png) 0 0 no-repeat;
		text-indent: -9999px;
	}
	.slideshow .nav-left span {
		left: 50px;
		background-position: 0 0;
	}
	.slideshow .nav-right span {
		right: 50px;
		background-position: -50px 0 
	}
	.slideshow .nav-left:hover span {
		background-position: 0 -50px;
	}
	.slideshow .nav-right:hover span {
		background-position: -50px -50px; 
	}

/*************************************************************************
 * Category Showcase
 */
 	.showcase article.showcase {
		position: fixed;
		top: 160px;
		bottom: 155px;
		width: 40%;
		min-width: 300px;
		overflow: auto;
		overflow-x: visible;
	}
	.showcase .thumbnail-text {
		position: fixed;
		bottom: 115px;
		display: block;
		margin: 0; padding: 0;
		width: 80%; height: 20px; 
	}
	.showcase nav.thumbnails {
		position: fixed;
		bottom: 30px;
		width: 80%; min-width: 860px;
		height: 80px;
	}
	.showcase .thumbnails {
		margin: 0; padding: 0;
	}
	.showcase .thumbnails ul {
		margin: 0; padding: 0;
		list-style: none;
	}
	.showcase .thumbnails li {
		display: inline-block;
		float: left;
		margin-right: 8px;
		background-color: #999999;
	}
	.showcase .thumbnails li a {
		opacity: 0.3;
		transition: opacity 0.5s ease 0.01s;
		-moz-transition: opacity 0.5s ease 0.01s; /* Firefox 4 */
		-webkit-transition: opacity 0.5s ease 0.01s; /* Safari and Chrome */
		-o-transition: opacity 0.5s ease 0.01s; /* Opera */
	}
	.showcase .thumbnails li a.active,
	.showcase .thumbnails li a:active,
	.showcase .thumbnails li a:hover {
		opacity: 1;
	}
	.showcase .thumbnails li img {
		width: 63px; height: auto;
		min-height: auto; max-height: auto;
	} 
	.showcase-nothumb {
		display: block;
		width: 43px; height: 42px;
		padding: 15px 10px;
		text-align: center;
		color: #FFFFFF;
		text-decoration: none;
	}

/*************************************************************************
 * Contact Form
 */
	.page_contactform textarea {
		height: 4em;
	}
	.page_contactform input[type=submit] {
		float: left;
	}
 
/*************************************************************************
 * Components
 */

	.video-poster {
		display: block;
		position: absolute;
		width: 100%;
		z-index: 150;
	}
	.video-poster img {
		width: 100%;
		height: auto;
	}
	.video-poster span.play-button {
		display: block;
		position: absolute;
		left: 50%; margin-left: -35px;
		margin-top: -50px;
		width: 70px; height: 70px;
		background: url(../img/video-buttons.png) 0 0;
		text-indent: -9999px;
	}
	.video-poster:hover span.play-button {
		background-position: -70px 0;
	}
	.video-poster span.text {
		display: block;
		position: absolute;
		left: 0; right: 0;
		top: 40px;
		font-size: 24px; line-height: 1.1em;
		text-align: center;
		color: #000000;
	}
 
 /*************************************************************************
 * Shop
 */
	article.product-page {
	}
	html.page_shop body,
	html.page_none body {
		background-color: #c5c6c2;
	}

	.popup html, .popup body {
		background-color: #FFFFFF;
	}

	.page_shop #component {
		position: absolute;
		top: 0; left: 0;
		right: 0; bottom: 0;
		width: 100%; height: 100%;
	}
	.page_shop #page-content {
		position: absolute;
		top: 0; left: 0;
		right: 0; bottom: 0;
		width: 100%; height: 100%;
		padding: 0;
	}
	.page_shop .prod-img {
		position: absolute;
		left: 0; top: 0;
		right: 0; bottom: 0;
		width: 100%; height: 100%;
		z-index: 90;
		background-color: #c5c6c2;
	}
	.page_shop .prod-details {
		position: absolute;
		left: 0; top: -100%;
		width: 100%; height: 100%;
		z-index: 300;
		background: #FFFFFF url(../img/prod-details-bg.png) repeat;
		overflow: hidden;
	}
	.page_shop .prod-img .center-canvas {
	}
	.page_shop .prod-img img {
		display: block;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

	.page_shop .prod-links {
		position: absolute;
		bottom: 30px; left: 50px;
		height: 70px; 
		line-height: 50px;
		overflow: hidden;
	}

	.page_shop .socials {
		display: block;
		height: 20px;
		line-height: 20px;
		margin-top: 15px;
	}

	.page_shop .white-box {
		height: 30px;
		line-height: 30px;
	}


	/* Product Field */
	.page_shop .product-fields {
		float: right;
		margin-left: 10px;
		height: 22px;
		line-height: 22px;
		padding: 5px 10px;
		background-color: #A6A4A6;
	}
	.page_shop .product-fields label {
		display: inline-block;
		float: left;
		margin-right: 10px;
		font-size: 10px; font-weight: bold;
		line-height: 22px;
		color: #000000;
		text-transform: uppercase;
	}
	.page_shop .product-fields select {
		display: block;
		border: 0; padding: 0;
		background: none;
	}
	.page_shop .product-fields select option {
		background: #CCCCCC;
	}	
	.page_shop .product-fields select option[selected] {
		background: #CCCCCC;
	}
	.page_shop .product-field {
		float: left;
		
	}

	/* Socials */
	.page_shop .prod-links .facebook-share-button,
	.page_shop .prod-links .twitter-share-button,
	.page_shop .prod-links .pin-it-button,
	.page_shop .prod-links .linkedin-button {
		float: left;
		display: inline-block;
		width: 20px; height: 20px;
		margin-right: 8px;
		background: url(../img/social-networks.png) no-repeat;
		text-indent: -9999px;
		outline: none;
	}
	.page_shop .prod-links .facebook-share-button {
		background-position: 0 -40px;
	}
	.page_shop .prod-links .twitter-share-button {
		background-position: 0 -80px;
	}
	.page_shop .prod-links .pin-it-button {
		background-position: 0 0;
	}
	.page_shop .prod-links .linkedin-button {
		background-position: 0 -120px;
	}
	.page_shop .prod-links .facebook-share-button:hover {
		background-position: 0 -60px;
	}
	.page_shop .prod-links .twitter-share-button:hover {
		background-position: 0 -100px;
	}
	.page_shop .prod-links .pin-it-button:hover {
		background-position: 0 -20px;
	}
	.page_shop .prod-links .linkedin-button:hover {
		background-position: 0 -140px;
	}
	.page_shop .prod-links .tech-info-go {
		display: inline-block;
		float: left;
		padding: 0 10px;
		text-transform: uppercase;
		line-height: 30px;
		/* color: #ffffff;
		background: url(../img/box.png) 0 0 repeat-x; */
		background-color: rgba(240, 240, 240, 0.65);
	}
	.page_shop .prod-links .tech-info-go:hover {
		color: #A0BB2E;
		/* background: url(../img/box.png) 0 -100px repeat-x; */
	}

	/* Product Details */
	.page_shop .prod-details .prod-img-go {
		position: absolute;
		top: 30px; right: 40px;
		width: 25px; height: 25px;
		background: url(../img/arrows.png) -100px -100px;
		text-indent: -9999px;
		outline: none;
	}
	.page_shop .prod-details .prod-img-go:hover {
		background-position: -100px -125px;
	}

	.page_shop .prod-details .prod-info {
		position: absolute;
		left: 5%; right: 50%;
		top: 120px; bottom: 50px;
		padding-left: 50px;
	}
	.page_shop .prod-info table th {
		width: 110px;
		padding: 2px 18px 2px 0;
		text-align: left; vertical-align: top;
		text-transform: uppercase;
		font-weight: normal;
		color: #666666;
	}
	.page_shop .prod-info table td {
		padding: 2px 20px 2px 0;
		vertical-align: top;
		color: black;
	}

	/* Add to cart area */
	.page_shop .addtocart-area,
	.page_shop div.ask-a-question {
		margin-top: 2em;
		line-height: 32px;
		text-transform: uppercase;
		overflow: hidden;
	}
	.page_shop div.ask-a-question {
		margin-top: 0.5em;
	}
	.addtocart-area .quantity-box {
		display: inline-block; float: left;
		padding: 3px 10px 2px; height: 27px;
		line-height: 27px;
		color: #666666;
		background: #FFFFFF;
		background-color: rgba(255, 255, 255, 0.65);
	}
	.addtocart-area .addtocart-bar {
		height: 32px; overflow: hidden;
		vertical-align: top;
	}
	.addtocart-area .quantity-box .quantity-input {
		color: #666666;
		width: 30px;
		background: none;
		border: none;
	}
	.addtocart-area span.quantity-controls {
		position: relative;
		display: inline-block;
		float: left;
		margin-left: 3px;
		margin-right: 10px;
		width: 15px; height: 32px;
	}
	.addtocart-area .quantity-controls input {
		width: 15px; height: 15px;
		border: none;
		background: url(../img/symbols.png) no-repeat;
	}
	.addtocart-area .quantity-controls.quantity-plus {
		position: absolute;
		top: 0px;
		left: 0;
		background-position: 0 0;
	}
	.addtocart-area .quantity-controls.quantity-minus {
		position: absolute;
		bottom: 0px;
		left: 0;
		background-position: -15px 0;
	}
	input.addtocart-button,
	a.ask-a-question {
		display: inline-block;
		float: left; 
		margin-right: 10px;
		padding: 0 10px;
		line-height: 32px; height: 32px;
		text-transform: uppercase;
		color: #666666;
		background: #FFFFFF;
		background-color: rgba(255, 255, 255, 0.65);
		border: none;
	}

	/* Button hover */
	.addtocart-area .quantity-box:hover,
	input.addtocart-button:hover,
	a.ask-a-question:hover {
		color: #A0BB2E;
	}

	.addtocart-area .quantity-controls.quantity-plus:hover {
		background-position: 0 -15px;
	}
	.addtocart-area .quantity-controls.quantity-minus:hover {
		background-position: -15px -15px;
	}

	/* Product illustration */
	.page_shop .prod-details .prod-illust {
		position: absolute;
		left: 55%; right: 5%;
		top: 5%; bottom: 50px;
		padding-top: 20px;
		padding-right: 50px;
	}
	.page_shop .prod-illust .illust-frame {
		position: relative;
		width: 470px; height: 600px;	
		border: solid 1px #666666;
	}
	.page_shop .prod-illust ul.full-frame li {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 100;
	}
	.page_shop .prod-illust ul.full-frame li:first-child {
		z-index: 110;
	}
	.prod-illust a {
		outline: none;
	}
	.prod-illust .nav-next {
		position: absolute;
		top: 0; left: 0;
		display: block;
		width: 470px; height: 600px;
		text-indent: -9999px;
	}
	.prod-illust .thumbnails {
		position: absolute;
		bottom: -30px;
		left: 0; right: 0;
		text-align: center;
	}
	.prod-illust  .thumbnails ul {
		display: inline-block;
	}
	.prod-illust  .thumbnails ul,
	.prod-illust  .thumbnails li {
		margin: 0; padding: 0;
		list-style: none;
	}
	.prod-illust  .thumbnails li {
		float: left;
	}
	.prod-illust  .thumbnails li a {
		display: block;
		width: 14px; height: 14px;
		background: url(../img/circle.png) -42px 0;
		text-indent: -9999px;
		outline: none;
	}
	.prod-illust  .thumbnails li a.active,
	.prod-illust  .thumbnails li a:active {
		background-position: -14px 0;
	}
	.prod-illust  .thumbnails li a:hover {
		background-position: -28px 0;
	}

/* normal/mobile */
	.viewDesktop .prod-illust .illust-frame,
	.viewMobile .prod-illust .illust-frame,
	.viewDesktop .prod-illust .nav-next,
	.viewMobile .prod-illust .nav-next  {
		width: 370px; height: 472px;
	}
	.viewDesktop .prod-illust .illust-frame img,
	.viewMobile .prod-illust .illust-frame img {
		width: 370px; height: 472px;
	}

 /*************************************************************************
 * VM Dfaults
 */
 	.marginbottom15 {
 		margin-bottom: 15px;
 	}
 	.vm-button-correct,
 	.continue_link,
 	.modern-button {
 		display: block;
		padding: 5px 10px 3px;
		margin: 0 10px 10px 0;
		width: 135px;
		color: #FFFFFF;
		background-color: #000000;
		border: none;
 	}
 	.continue_link,
 	.modern-button.default {
 		background-color: #555555;
 	}

 	.page_shop article.center,
 	.page_shop section.center {
 		color: #000000;
 		background-color: #E5E6E2;
 	}
 	.page_shop article.center h1 {
 		position: fixed;
 		top: 160px;
 	}

 	.page_shop table.cart-summary {
 		margin-bottom: 1em;
 		border-spacing: 0;
 		border-top: 1px solid #000000;
 		border-bottom: 1px solid #000000;
 		border-left: none;
 		border-right: none;
 	}
 	.page_shop table.cart-summary th {
 		
 		padding: 10px 5px;
 		border-bottom: 1px solid #000000;
 	}
 	.page_shop table.cart-summary td {
 		padding: 5px 5px;
 		border-bottom: 1px solid #CCCCCC;
 	}
	.page_shop table.cart-summary tr.hr td {
		height: 1px;
		padding: 0;
		border: none;
		border-top: 1px solid #000000;
		font-size: 1px;
		line-height: 1px;
	}

 	.page_shop label[for=tosAccepted] {
 		display: block;
 		margin-bottom: 10px;
 	}

 	/* Ask a question */
 	.ask-a-question-view .form-field textarea {
 		width: 500px; height: 180px;
 	}
 	.ask-a-question-view .form-field div {
 		margin-top: 10px;
 	}


 	/* Forms/Fields */
 	table.user-details {
 		margin-bottom: 7px;
 	}
 	table.user-details .key {
 		width: 160px;
 	}
 	.userfields_info {
 		font-weight: bold;
 	}


 	/* Cart */
 	.vm2-add_quantity_cart {
 		height: 16px; width: 16px;
 		padding: 2px;
 		background: transparent url(../img/sprites.png) 2px 2px no-repeat !important;
 	}

 /*************************************************************************
  * Login/Registration
  */
	.login-dialog {
		width: 50%;
		margin: 0 auto;
	}
	.register-dialog {
		position: absolute;
		width: 800px;
		margin: 0 auto;
		top: 180px;
		bottom: 40px;
	}
	.dialogue-white-bg {
		padding: 30px 25px 15px 25px;
		color: #333333;
		background: rgba(255, 255, 255, 0.75);
		overflow: hidden;
	}
	.register-dialog h2:first-child {
		margin-top: 0;
	}
	.register-dialog h5 {
		margin-top: 0;
		margin-bottom: 10px;
		text-align: right;
		border-bottom: 1px solid #333333;
	}
	.register-dialog .align-right {
		text-align: right;
	}
	.row-container {
		overflow: hidden;
	}

	.form-layout td {
		padding-right: 12px;
		padding-bottom: 10px;
	}
	.form-layout input[type=text],
	.form-layout input[type=email],
	.form-layout input[type=password],
	.form-layout input[type=date],
	.form-layout select {
		width: 100%;
	}
	.form-layout .birth_month,
	.form-layout .birth_day,
	.form-layout .birth_year {
		display: inline-block;
		float: left;
		margin-right: 6px;
	}
	.form-layout .birth_month {
		width: 60px;
	}
	.form-layout .birth_day {
		width: 45px;
	}
	.form-layout .birth_year {
		width: 65px;
	}
	.form-column {
		display: inline-block;
		width: 49%;
		overflow: hidden;
	}
	.form-column-12 {
		float: left;
		background: url(../img/vdots.png) 100% 0 repeat-y;
	}
	.form-column-22 {
		float: right;
	}

 /*************************************************************************
  * Modal
  */
	.ask-a-question-view, productdetails-view {
		margin: 20px 0;
	}
	#sbox-window {
		border-radious: 0;
	}
	#sbox-window.shadow {
		margin: 12px 10px;
		padding: 0;
	}

	#sbox-btn-close {
		right: 20px;
		top: 20px;
		width: 14px; height: 14px;
		background: url(../img/glyphicons-halflings-white.png) -312px 0 no-repeat;
	}