/***
 RESET
***/
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, font, 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, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
	padding:0; 
	border:0; 
	outline:0;
	font-size:100%; 
	vertical-align:baseline; 
	background:transparent;
}

* {
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-o-user-select:none;
}

*:focus {
	outline:0;
}

/***
 BASICS
***/
html {
	overflow-x:hidden;
	padding:0 !important;
	margin:0 !important;
}

ol, ul {  
	list-style:none; 
}

a {	
	text-decoration:none;
}

body {
	font:normal 100% Tahoma,Arial,Sans-Serif;
	color:#333;
	background:#F1F1F1 url(../images/preview/bg/bg.png) repeat top left;
}

.clearfix:after {
	content:"."; 
	visibility:hidden;
	display:block; 
	clear:both; 
	height:0; 
	font-size:0;
}

.clear {	
	clear:both;
}

.space10 {
	width:100%;
	height:10px;
}

.space15 {	
	width:100%;
	height:15px;
}

.space20 {	
	width:100%;
	height:20px;
}

.space30 {	
	width:100%;
	height:30px;
}

.space40 {	
	width:100%;
	height:40px;
}

/***
 HEADER
***/
header {
	display:block; 
	clear:both; 
	position:relative; 
	width:100%;
}

header .container {
	clear:both;
	max-width:990px; 
	height:40px;
	margin:0 auto;
	padding:50px 20px 0px 20px;
}

/***
 LOGO
***/
header .logo {
	float:left;
	width:273px;
	height:26px;
	padding-top:6px;
}

/***
 NAVIGATION SELECTOR
***/
header .nav {
	float:right;	
}

header .nav .thumbbutton {
	float:right;
	background:url(../images/preview/btn.png);
	width:auto;
	height:18px;
	padding:9px;
	padding-left:15px;
	padding-right:15px;
	border-radius:5px 0px 0px 5px; 
	-moz-border-radius:5px 0px 0px 5px; 
	-webkit-border-radius:5px 0px 0px 5px; 
	cursor:pointer;
}

header .nav .thumbbutton a {
	display:block;
	position:relative;
	color:#444;
	font-size:12px;
	font-weight:800; 
	font-family:'Open Sans', sans-serif; 
	text-shadow:0px 1px 0px #ddd;
	margin-top:1px;
}

header .nav .thumbbutton .grain {
	background:url(../images/preview/grain.png);
}

header .nav .middle {
	border-radius:0px 0px 0px 0px; 
	-moz-border-radius:0px 0px 0px 0px; 
	-webkit-border-radius:0px 0px 0px 0px; 
}

header .nav .right {
	border-radius:0px 5px 5px 0px; 
	-moz-border-radius:0px 5px 5px 0px; 
	-webkit-border-radius:0px 5px 5px 0px; 
}

header .nav .seperator {
	height:36px;
	width:1px;
	background-color:#777;
	float:right;
}

header .nav .thumbbutton:hover, header .nav .active {
	background:url(../images/preview/btn.png);
	background-position:bottom;
}

header .nav .thumbbutton:hover a, header .nav .active a {
	color:#fff;	
	text-shadow:0px 1px 0px #000;
}

/***
 CONFIGURATOR
***/
.configurator {	
	max-width:990px; 
	margin:auto; 
	padding:0px 20px;
}

.configurator table {
	padding:0;
	margin:0;	
}

.configurator table tr {		
	width:100%; 
	color:#D31E00; 
	font-weight:800; 
	font-family:'Open Sans', sans-serif; 
	font-size:18px;
	line-height:39px;
	white-space:nowrap;
}

.configurator table td:first-child {	
	padding-right:10px;
}

.configurator table td.divider {		
	width:100%; 
	height:10px; 
	background:url(../images/preview/bg/divider.png) repeat-x left 18px;
}

.one_third {	
	width:32%;
	margin-right:2%; 
	float:left;
}
	
.one_third.last {	
	margin-right:0;
}

.configurator .conftitle {	
	color:#000; 
	font-weight:800; 
	font-family:'Open Sans', sans-serif; 
	font-size:12px;
}

.configurator .conftitle span {	
	font-size:10px; 
	font-weight:500; 
	color:#999;
}

.configurator .selecter	{	
	position:relative; 
	min-width:200px; 
	max-width:320px; 
	margin-top:5px;
}

.configurator select {	
	min-width:200px; 
	max-width:320px;  
	width:100%; 
	opacity:0; 
	-moz-opacity:0; 
	-webkit-opacity:0; 
	filter:alpha(opacity=0); 
	cursor:pointer; 
	background:#fff; 
	height:30px; 
}

.configurator .dropdown	{	
	min-width:200px;
	max-width:320px;
	width:100%;
	height:27px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#fff;
	-webkit-border-radius:5px; 
	border-radius:5px; 
	-moz-border-radius:5px;
	border:1px solid #CCC;
}

.configurator .dropcontent {	
	line-height:30px;
	padding:0px 20px;
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	color:#404040;
	float:left;
}

.configurator .dropbutton {	
	width:23px;
	height:23px; 
	background:url(../images/preview/bg/dropdown.png) no-repeat;
	float:right;
	margin-right:2px;
	margin-top:2px;
}

.configurator .selecter:hover .dropbutton { 
	background-position:bottom;
}

.configurator .radio-img {
	float:left;
	cursor:pointer;
	background-color:#fff;
	border:3px solid #888;
	margin-right:5px;
	margin-bottom:5px;		
}

.configurator .radio-img-selected {
	border:3px solid #333;
}

.configurator .radio-img:last-child {
	margin-right:0px;	
}

.configurator ul li	{			
	background:url(../images/preview/tick.png) no-repeat 0px 4px; 
	padding-left:45px;
	font-family:'Open Sans', sans-serif;
	font-size:12px; 
	line-height:15px;
	padding-left:20px;
	color:#404040;
	margin-bottom:10px;
}

.configurator ul li	b { 			
	font-size:13px;
	font-weight:bold; 
	line-height:15px;
}

.cross_platform {
	width:100%;
	text-align:center;	
}

/***
 RESPONSIVE
***/
@media only screen and (min-width:0px) and (max-width:767px) {
	header .container {
		height:70px;	
	}
	
	header .container .logo {
		clear:both;
	}
	
	header .container .nav {
		float:left;
		clear:both;		
		margin:0;
		margin-top:15px;
	}
	
	.one_third { 
		float:none; 
		clear:both;
		width:100%; 
		margin-bottom:20px;
	}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.cross_platform img {
		width:400px;
		height:59px;
	}
}

@media only screen and (min-width:0px) and (max-width:479px) {
	.cross_platform img {
		width:300px;
		height:44px;
	}
}