.bg { background: red; }

body { margin: 0; padding: 0; }

#header { height: 150px; background: #fff no-repeat top; }
#header img.productfamily { float: right; margin-top: 60px; }
#header img.carcolorlogo { margin-top: 80px; margin-left: 100px; }

#content { background: #fff url(../../img/maston/content-background.png) repeat top center; overflow: hidden; }
#content .intro p img {  float: right; margin-top: -30px; }
#content h2 img { vertical-align: middle; margin-right: 10px; }

#aside { background: #333; width: 260px; margin-left: 15px; border-radius: 4px; margin-top: 10px; padding-bottom: 20px; padding-top: 20px; margin-bottom: 20px; }
#aside div { margin-left: 20px; }

#footer { text-align: center; margin-top: 20px; }
#footer .bottom { background: #fff url(../../img/maston/footer-background.png) repeat-x center; height: 5px; }

h1, h2, h3, h4 { font-family: "Open Sans"; }
h1,h2,h3, h4 { font-weight: 700; margin-bottom: 5px; }
h1.info { margin-bottom: 0; }

input { border: 1px solid #333; padding: 5px; }
input[type=submit], button {
	border: 1px solid #666;
	height: 30px;
	padding: 5px 10px;
	width: 85%;
	font-weight: bold;
	cursor: pointer;
}

input[type=submit]:hover, button:hover {
	background-color: #ddd;	
}

button#showall {
	font-weight: normal;
	font-size: 10px;
}

hr {
	height: 1px;
	border: 0;
	background: #666;
	margin: 15px 10px 10px 10px;
	padding: 0;
}

a#showall:hover { text-decoration: underline; }
.row.is_link { cursor: pointer; }

.text-center { text-align: center; }
.text-right { text-align: right; }

.rgb_ball {
	margin-left: 5px;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	position: relative;
	overflow: hidden;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.rgb_ball.big {
	margin-left: 10px;
	width: 70px;
	height: 70px;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.rgb_ball span.metallic_overlay {
	display: block;
	position: absolute;
	background: url(../../img/metallic_overlay.png) center center no-repeat;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.rgb_ball.big span.metallic_overlay {
	display: block;
	background: url(../../img/metallic_overlay_big.png) center center no-repeat;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.row_container {
	margin-top: 20px;
}

#aside h3, #aside h4 { margin: 0 20px 5px;  color: #fff; font-weight: normal; }
#aside label { font-family: "Open Sans"; font-size: 11px; color: #19A3FF; padding: 10px 0 3px 0; display: block; text-transform: uppercase; }
.separator span { font-family: "Open Sans"; font-size: 10px; color: #19A3FF; background: #fff; padding: 0 10px;  }

p { font-family: Arial; color: #222; font-size: 13px; line-height: 1.56; }
p.copyrights { font-family: Arial; color: #222; font-size: 10px; }

h3.info { margin-top: 0px; }
ol.info { list-style-position: inside; padding-left: 0; }
ol.info li { line-height: 1.3em; }
ol.info, ol.info a { font-size: 13px; font-family: "Arial"; }
ol.info a, p a { color: #19A3FF; text-decoration: none; font-weight: bold; }

.separator { width: 100%; background: #fff url(../../img/maston/separator.png) repeat-x center center; text-align: center; margin: 15px 0 15px 0; }

.js-area h2 { margin-top: 0; }
div.even * { background-color: #A8D5E6; }
.info p { margin-top: 0; margin-bottom: 0; }
p.bottom { margin-bottom: 10px; }
div.data p { margin-top: 5px; margin-bottom: 5px; font-size: 12px;}
p.show_info { text-align: right; }

.js-search { padding: 5px 15px; width: 120px; height: 40px; margin-top: 20px; }
.js-introduction h2 { font-size: 16px; }
.js-introduction h2 img {  }
.js-introduction h3 { font-size: 13px; }
.js-introduction.info h2 { font-size: 22px; }
#content .info p img { float: none; margin: 10px 0; }
#content .info h2 span { font-size: 13px; display: block; }

p img { float: right; }

.right { margin-left: 28px; }

.ui-menu a { font-size: 12px; font-family: "Arial"; }

div.downloadlink { width: 260px!important; margin-left: 15px; float: right; }
div.downloadlink img { margin-left: 15px; margin-top: 5px; margin-right: 5px; }
div.downloadlink a { text-decoration: none; color: #333; }
div.downloadlink a h3 { margin: 0; font-size: 14px; margin-bottom: -5px; }
div.downloadlink a span { font-family: "Arial"; font-size: 12px; }

div.colortypes { }
div.colortypes p { font-size: 13px; }
div.colortypes p span { font-size: 17px; font-weight: normal; margin-right: 10px; color: #444; font-family: "Open Sans"; font-weight: 700; }

a.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	padding: 10px 18px;

	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#409adb),
		to(#0060aa));
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border: 0px solid #ffffff;
	background: #409adb;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#409adb), to(#0060aa));
	background: -webkit-linear-gradient(#409adb 0%, #0060aa);
	background: -moz-linear-gradient(#409adb 0%, #0060aa);
	background: -o-linear-gradient(#409adb 0%, #0060aa);
	background: linear-gradient(#409adb 0%, #0060aa);
	margin: 10px 0 30px;
	display: inline-block;
}

.browser-button { margin-bottom: 5px!important; }

a img {
	border: 0;
}