html
{
   margin: 0;
   padding: 0;
   height: 100%;
}

body
{
	font-family: 'ubuntulight', 'Segoe UI', Arial, Verdana, Tahoma, Helvetica;
	background: #E8E8E8 url(../img/bg-body.png);
	color: #646464;
	margin: 0px;
	padding: 0px; 
	text-align: center;
	font-size: 12px;
}

a				{ outline: none; }
a:visited		{ color: #0f85ad; text-decoration: underline; }
a:active		{ color: #0f85ad; text-decoration: underline; }
a:link 	  		{ color: #0f85ad; text-decoration: underline; }
a:hover 		{ color: #15A7D8; text-decoration: underline; }

h1, .h1
{
	color: #0f85ad;
	font-family: 'ubuntulight', 'Segoe UI', Arial, Verdana, Tahoma, Helvetica;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	font-size: 17px;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

h2, .h2
{
	color: #15A7D8;
	font-family: 'ubuntulight', 'Segoe UI', Arial, Verdana, Tahoma, Helvetica;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	font-size: 16px;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

h3, .h3
{
	color: #0f85ad;
	font-family: 'ubuntulight', 'Segoe UI', Arial, Verdana, Tahoma, Helvetica;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	font-size: 16px;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

h4, .h4
{
	color: #0f85ad;
	font-family: 'ubuntulight', 'Segoe UI', Arial, Verdana, Tahoma, Helvetica;
	text-transform: uppercase;
	font-weight: normal;
	display: block;
	font-size: 16px;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}
h4 span, .h4 span { color: #15A7D8; }

.h1, .h2, .h3, .h4 { padding: 0px; }
h1 span, .h1 span, h3 span, .h3 span { color: #15A7D8; }

#h1 { padding: 0px 0px 15px 0px; margin: 0px; display: block; }
#h1 h1 { padding: 0px 0px; margin: 0px; float: left; }

form { padding: 0px; margin: 0px; }
strong, b { font-family: 'ubunturegular', Arial, Verdana, Tahoma, Helvetica; font-weight: normal; }
p { padding: 0px; margin: 0px; }
table { border-collapse: collapse; margin: 0px; padding: 0px; }
td { font-size: 12px; margin: 0px; padding: 0px; }
a img { border: 0px; }
ul { margin: 5px 0px; padding: 0px; }
ul li { list-style: none; background: url(../img/bg-li.png) 0px 5px no-repeat; padding: 0px 0px 0px 20px; margin: 0px; }
ol { margin: 5px 26px; padding: 0px; }

iframe { float: right; width: 658px; height: 300px; border: 1px solid #dcdcdc; background: #FFF; padding: 0px; margin: 0px; }

#logo a { text-decoration: none; width: 410px; margin: 0 auto; }

#mailChimp { position: absolute; top: 50px; right: 0px; float: left; z-index: 100; }
#mailChimp input[type="email"] { font-size: 11px; font-family: 'ubuntulight'; padding: 7px; background: #f4f4f4; border: 1px solid #e8e8e8; width: 220px; color: #0f85ad; }
#mailChimp input[type="submit"]{ font-size: 11px; font-family: 'ubuntulight'; text-transform: uppercase; padding: 6px; background: #0f85ad; border: 1px solid #147a98; color: #FFF; }

#socialIco { top: 50px; right: 340px; padding: 0px; margin: 0px; overflow: hidden; position: absolute; }
#socialIco ul { float: right; padding: 0px; margin: 0px; }
#socialIco li { display: inline; float: left; padding: 0px; margin: 0px 1px 0px 0px; overflow: hidden; background: none; list-style: none; }
#socialIco a { text-decoration: none; display: block; width: 30px; height: 30px; padding: 0px; margin: 0px; }
#socialIco span { visibility: hidden; }

#fb a { background-image: url(../img/bg-social.png); background-position: 0px 0px; }
#fb a:hover { background-position: 0px -30px; }
#gplus a { background-image: url(../img/bg-social.png); background-position: -30px 0px; }
#gplus a:hover { background-position: -30px -30px; }
#twitter a { background-image: url(../img/bg-social.png); background-position: -60px 0px; }
#twitter a:hover { background-position: -60px -30px; }
#youtube a { background-image: url(../img/bg-social.png); background-position: -90px 0px; }
#youtube a:hover { background-position: -90px -30px; }
#rss a { background-image: url(../img/bg-social.png); background-position: -120px 0px; }
#rss a:hover { background-position: -120px -30px; }

#langSet ul { float: right; padding: 0px; margin: 0px; }
#langSet li { display: block; float: left; padding: 0px; margin: 0px 0px 0px 4px; border: 1px solid #e8e8e8; font-size: 0px; list-style: none; background: none; }
#langSet a { text-decoration: none; display: block; padding: 0px; margin: 0px; width: 23px; height: 15px; overflow: hidden; background-position: bottom; border: 1px solid #FFF; }
#langSet a:hover { background-position: top; box-shadow: 0 0 4px rgba(190, 190, 190, 0.95); }
#langSet .current { background-position: top; }

#langset_cs { background-image: url(../img/flag-cs.png); }
#langset_en { background-image: url(../img/flag-en.png); }
#langset_de { background-image: url(../img/flag-de.png); }

#shareLogo { width: 0px; height: 0px; overflow: hidden; position: absolute; bottom: 0px; right: 0px; }

#body {
	background: #fff;
	box-shadow: 0 0 4px rgba(140, 140, 140, 0.8);
	padding: 60px 60px 0px 60px;
	min-height: 400px;
	margin: 60px auto;
	width: 1000px;
	text-align: left;
	position: relative;
	clear: both;
}

#wSA {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1000;
}

#header {
	margin: 0px 0px 35px 0px;
	clear: both;
	position: relative;
	text-align: center;
}

#header input[type="submit"] {
	background: #0f85ad;
	border: 1px solid #107496;
	color: #fff;
	font-family: 'ubuntulight';
	font-size: 11px;
	font-weight: normal;
	padding: 0px 6px;
	height: 38px;
	margin: 3px 0px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
}
#header input[type="submit"]:hover { background: #0f85ad; }
#header input[type="submit"]:active { background: #0f85ad; }

#header input[type="button"] {
	background: #303030;
	border: 1px solid #232323;	
	color: #fff;
	font-family: 'ubuntulight';
	font-size: 11px;
	font-weight: normal;
	padding: 0px 6px;
	height: 38px;
	margin: 3px 0px 0px 3px;
	text-decoration: none;
	text-transform: uppercase;
}
#header input[type="button"]:hover { 
	background: #686868; border: 1px solid #686868;
}
#header input[type="button"]:active { background: #15A7D8; }

#customerHeader { position: absolute; top: 3px; right: 0px; width: 236px; }
#customerHeader input[type="text"], #customerHeader input[type="password"] { width: 212px; border: 1px solid #dcdcdc; line-height: 36px; height: 36px; padding: 0px 10px; margin: 3px 0px; font-size: 11px; color: #303030; }

#quickSearchForm { position: absolute; top: 91px; left: 0px; float: left; }
#quickSearchForm input[type="text"] { width: 140px; border: 1px solid #dcdcdc; line-height: 36px; height: 36px; padding: 0px 10px; margin: 0px; font-size: 11px; color: #303030; }

#cartInfo {
	background: url('../img/bg-cart.png') no-repeat 0% 50%;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 12px 0px 12px 70px;
	color: #15A7D8;
	text-align: left;
	font-size: 11px;
}
#cartInfo strong { display: block; font-size: 12px; text-transform: uppercase; color: #0f85ad; font-size: 12px; }
#cartInfo em { font-size: 12px; font-style: normal; color: #0f85ad; font-size: 12px; }
#cartItemCount { 
	display: block; 
	text-align: center; 
	width: 24px; 
	height: 24px; 
	line-height: 24px; 
	color: #FFF; 
	background: #15A7D8; 
	border: 2px solid #FFF; 
	border-radius: 50%; 
	position: absolute; 
	top: 32px; 
	left: 36px; 
	font-size: 10px; 
	font-family: 'ubunturegular'; 
	z-index: 100; 
}
#cartInfo:hover #cartItemCount { width: 32px; height: 32px; line-height: 32px; border: 2px solid #FFF; top: 28px; left: 34px; font-size: 14px; }

.cartInfo { cursor: pointer; }

#breadCrumb { font-size: 12px; line-height: 24px; padding: 0px 0px 20px 0px; color: #aaa39d; margin: 0px 0px 0px -5px; }
#breadCrumb span { padding: 0px 5px; }
#breadCrumb a { text-decoration: none; color: #aaa39d; padding: 0px 5px; }
#breadCrumb a:hover { color: #15A7D8; }

.contentLeft {
	width: 380px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

.contentRight {
	width: 340px;
	padding: 0px;
	float: right;
	overflow: hidden;
}

#content {
	overflow: auto;
	clear: both;
	margin: 0px;
	padding: 0px;
	min-height: 200px;
	font-size: 12px;
	overflow: visible;
}

#content table { width: 100%; }
#content th { 
	background: #15A7D8;
	padding: 10px 5px; 
	text-align: center; 
	color: #FFF; 
	font-size: 12px; 
	font-family: 'ubunturegular';
	font-weight: normal;
	text-transform: uppercase;
	border: 1px solid #FFF; 
}
#content td { padding: 6px; font-size: 12px; border: 1px solid #FFF; }
#content tr:nth-child(odd) td { background: #fafaf8; }
#content tr:nth-child(even) td { background: #f9f8f4; } 
#content td a { text-decoration: none; color: #15A7D8; }
#content td a:hover { color: #0f85ad; }

#contentL {
	width: 230px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

#contentR {
	width: 750px;
	min-height: 645px;
	padding: 0px 0px 150px 0px;
	float: right;
	position: relative;
}

#contentL p { display: block; text-transform: uppercase; font-size: 13px; font-family: 'ubunturegular'; color: #0f85ad; padding: 0px; margin: 25px 0px 15px 0px; }
#contentL p span { color: #15A7D8; }
#contentL ul { padding: 0px; margin: 0px; list-style: none; background: none; }
#contentL li { 
	text-transform: uppercase; 
	padding: 0px; 
	margin: 0px; 
	position: relative; 
	border-top: 2px solid #E9E9E9;
	background: none;
	list-style: none;
	padding: 0px 0px 0px 20px;
}
#contentL li li { text-transform: none; border-top: 1px solid #E9E9E9; }
#contentL li a {
	padding: 9px 0px;
	font-family: 'ubunturegular';
	font-size: 12px;
	text-decoration: none;
	color: #0f85ad;
	display: block;
}
#contentL li a:hover { color: #15A7D8; }

#contentL li li a { color: #15A7D8; }
#contentL li li a:hover { color: #0f85ad; }

#contentL .expandable { background-image: url(../img/bg-tree-expandable.png); background-position: 0px 12px; background-repeat:no-repeat; }
#contentL .collapsable { background-image: url(../img/bg-tree-collapsable.png); background-position: 0px 12px; background-repeat: no-repeat; }
#contentL .hitarea { width: 20px; height: 32px;cursor: pointer; position: absolute; left: 0px; }

#treeSwitchers { padding: 0px; font-size: 10px; line-height: 12px; clear: both; width: 235px; overflow: hidden; }
#treeSwitchers a { display: block; float: left; width: 115px; margin: 0px 1px 0px 0px; padding: 6px 0px; text-decoration: none; background: #E9E9E9; color: #aaa39d; text-align: center; font-family: 'ubunturegular'; }
#tree { margin: 0px 0px 15px 0px; }

.reference div { display: block; float: left; padding: 30px 0px 0px 40px; margin: 0px; text-decoration: none; color: #aaa39d; font-family: 'ubunturegular'; border-radius: 5px; background: #E9E9E9 url(../img/bg-reference-quotes.png) 0% 0% no-repeat; clear: both; }
.reference div span { display: block; padding: 0px 30px 30px 0px; background: url(../img/bg-reference-quotes.png) 100% 100% no-repeat; clear: both; }
.reference em { display: block; background: url('../img/bg-reference-arrow.png') 50% 0% no-repeat; text-align: center; padding: 22px 0px 0px 0px !important; margin: 0px; font-style: normal; font-family: 'ubunturegular'; }

#favoriteProduct { width: 16px; height: 16px; background-image: url(../img/ico-favorites.png); background-position: 50% 100%; cursor: pointer; float: left; margin: 2px 0px 0px 8px; position: relative; color: #fff; }
#favoriteProduct p { width: 260px; padding: 32px 20px 20px 20px; top: 16px; left: -142px; position: absolute; background: url(../img/bg-favorites-desc.png); border-bottom: 1px solid #FFF; z-index: 100; font-family: 'ubuntulight'; font-size: 11px; display: none; }
#favoriteProduct p strong { font-family: 'ubunturegular'; font-size: 12px; text-transform: uppercase; display: block; margin: 0px 0px 5px 0px; }
#favoriteProduct p br { font-size: 5px; }
#favoriteProduct p a { display: inline; width: auto; height: auto; color: #15A7D8; }
#favoriteProduct p a:hover { background: none; text-decoration: underline; color: #fbe9d8; }
#favoriteProduct a { display: block; width: 16px; height: 16px; text-decoration: none; }
#favoriteProduct a:hover { background: url(../img/ico-favorites.png) 50% 0%; }
.favoriteProduct { background-position: 50% 50% !important; }

#contentL .banner a { border: 1px solid #FFF; display: block; }
#contentL .banner a:hover { box-shadow: 0 0 4px rgba(190, 190, 190, 0.95); }

.contentL { width: 410px; float: left; }
.contentR { width: 340px; float: right; }

#menu {
	background: #303030;
	padding: 0px; 
	margin: 50px 0px 30px 0px; 
	position: relative;
	width: 1000px;
	border: 1px solid #FFF;
}
#menu ul { list-style: none; padding: 0px; margin: 0px; }
#menu li { display: inline-block; float: left; line-height: 52px; padding: 0px; margin: 0px; background-image: none; list-style: none; }
#menu li a { 
	display: block; 
	color: #FFF; 
	text-decoration: none; 
	font-size: 12px; 
	text-transform: uppercase; 
	margin: 0px; 
	padding: 0px 17px;
}
#menu li:first-child a { border-left: none; }
#menu li:last-child a { border-right: none; }
.menuActive, #menu li a:hover {
	background: #15A7D8;
}
#mliFill { 
	// background: #15A7D8;
	position: absolute; right: 0px; line-height: 52px; height: 52px; font-size: 0px; width: 0px; overflow: hidden; clear: both; 
}

.subMenu { border-top: 1px solid #FFF; background: #505050; padding: 0px; margin: 0px; position: absolute; z-index: 200; }
.subMenu li { display: block; min-width: 200px; width: 100%; clear: both; padding: 0px; margin: 0px; }
.subMenu li a { line-height: 34px; display: block; color: #FFF; text-decoration: none; font-size: 11px !important; text-transform: uppercase; padding: 0px 12px; margin: 0px; }
.subMenu li a:hover { background: #0f85ad !important; }

.productList { position: relative; width: 780px; }
.productList div { 
	float: left; 
	margin: 0px 20px 20px 0px; 
	padding: 20px 20px 20px 20px; 
	background: #FFF; 
	text-align: center; 
	width: 195px; 
	height: 355px; 
	position: relative; 
	text-align: center; 
	border: 1px solid #e9e9e9; 
	@include transition(all 0.25s ease-in-out); 
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}
.productList div:hover { box-shadow: 0 0 7px rgba(190, 190, 190, 0.5); }
.productList h2 { color: #303030; font-size: 14px; position: absolute; padding: 0px; margin: 5px -15px 0px -15px; width: 225px; }
.productList h2 span { display: block; color: #15A7D8; font-size: 15px; }
.productList h2 a { display: block; padding: 190px 0px 0px 0px; color: #0f85ad; }
.productList a { text-decoration: none; }
.productList blockquote { position: absolute; top: 275px; font-size: 13px; color: #0f85ad; padding: 0px; margin: 0px -15px; width: 225px; }
.productList form { display: block; width: 195px; position: absolute; bottom: 20px; left: 20px; }
.productList strong { font-size: 16px; }
.productList em { display: block; font-style: normal; text-align: center; color: #aaa39d; font-size: 11px; line-height: 12px; padding: 10px 0px 0px 0px; }
.productList p { position: absolute; top: -5px; right: -5px; width: 105px; height: 105px; color: #fff; font-size: 0px; }
.productList i { display: block; background: url('../img/bg-cart-small.png') no-repeat 0% 50%; position: absolute; top: 232px; right: 18px; width: 24px; height: 24px; cursor: pointer; }
.productList div i span { 
	border-radius: 50%; 
	background: #15A7D8; 
	color: #fff; 
	display: block;
	text-align: center;
	@include transition(all 0.25s ease-in-out); 
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	border: none;
	overflow: hidden;
	font-style: normal;
	font-family: 'ubunturegular';
}
.productList div:hover i span { font-size: 9px; width: 18px; height: 18px; line-height: 18px; border: 1px solid #fff; margin: -4px; }

.productList .news { background: url('../img/ribbon-news.png') no-repeat right top; }
.productList .promo { background: url('../img/ribbon-promo.png') no-repeat right top; }
.productList .recommend { background: url('../img/ribbon-recommend.png') no-repeat right top; }

.productList .paramIco { position: absolute; left: 10px; top: 10px; } 

.productList input[type="submit"] {
	background: #0f85ad;
	border: 1px solid #107496;
	color: #fff;
	font-family: 'ubuntulight';
	font-size: 11px;
	font-weight: normal;
	padding: 0px 10px;
	height: 38px;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	float: right;
	cursor: pointer;
}
.productList input[type="submit"]:hover { 
	background: #0f85ad; 
}
.productList input[type="submit"]:active { background: #0f85ad; }

.productList input[type="button"] {
	width: 195px;
	background: #303030;
	border: 1px solid #232323;	
	color: #fff;
	font-family: 'ubuntulight';
	font-size: 11px;
	font-weight: normal;
	padding: 0px 10px;
	height: 38px;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	cursor: pointer;
}
.productList input[type="button"]:hover {  background: #5d5d5d; border: 1px solid #545454; }
.productList input[type="button"]:active { background: #5d5d5d; }

.pageListing {
	clear: both;
	text-transform: uppercase;
	margin: 15px 0px;
	text-align: center;
	line-height: 25px;
	font-size: 10px;
	font-family: 'ubuntulight';
}

.pageListing a {
	padding: 4px 5px;
	margin: 0px;
	border: 1px solid #0f85ad;
	background: #15A7D8;
	text-decoration: none;
	color: #ffffff;
}

.pageListing span {
	padding: 4px 5px;
	margin: 0px;
	border: 1px solid #1d1d1d;
	background: #303030;
	text-decoration: none;
	color: #ffffff;
}

.radioDiv { position: relative; line-height: 30px; background: #fff; padding: 2px 5px; margin: 1px 0px; }
.radioDiv img { height: 30px; margin: 0px 10px 0px 0px; vertical-align:middle; }
.radioDiv em { float: right; font-style: normal; font-family: 'ubunturegular'; color: #15A7D8; }

.contentTitle
{
	color: #15A7D8;
	font-family: 'ubuntulight', 'Segoe UI', Arial, Verdana, Tahoma, Helvetica;
	text-transform: uppercase;
	display: block;
	font-size: 16px;
	padding: 30px 0px;
	margin: 0px;
}

#contactPersons {
	width: 1000px;
	margin: 15px 0px 0px 0px;
	overflow: hidden;
	clear: both;
}

.contactPersons
{
	padding: 15px 0px 0px 0px;
	border-top: 3px solid #E9E9E9;
	width: 960px;
}

.contactPersons div { background: #f5f5f5; padding: 15px 0px 15px 15px; margin: 0px 20px 20px 0px; float: left; width: 445px; height: 100px; position: relative; }
.contactPersons img { border: 1px solid #dcdcdc; background: #FFF; padding: 1px; margin: 0px 15px 0px 0px; float: left; }
.contactPersons h4 { font-size: 14px; color: #0f85ad; text-transform: none; display: block; padding: 0px; margin: 0px; }
.contactPersons h5 { font-size: 13px; color: #15A7D8; font-family: 'ubuntulight'; text-transform: none; font-weight: normal; display: block; padding: 0px; margin: 0px 0px 10px 0px; }

#contactPersons .qrcode { position: absolute; top: 15px; right: 0px; border: 1px solid #FFF; }

#micrositeList { margin: 30px -60px 1px -60px; padding: 0px 60px; text-align: center; background: #E9E9E9; font-size: 11px; }
#micrositeList ul { padding: 0px; margin: 0px; border-left: 1px solid #FFF; }
#micrositeList li { padding: 0px; margin: 0px; background: none; float: left; border-right: 1px solid #FFF; }
#micrositeList a { text-decoration: none; padding: 15px 25px; color: #aaa39d; display: block; }
#micrositeList a:hover { background: #fdfdfd; color: #0f85ad; }
#micrositeList a:hover span { color: #15A7D8; }
#micrositeList span { display: block; font-size: 10px; }

#advertisement {
	background: url('../img/bg-advertisement01.jpg') no-repeat left top;
	height: 210px;
	padding: 60px;
	margin: 0px -60px 1px -60px;
	font-size: 14px;
	color: #FFF;
}
#advertisement p { width: 400px; background: url('../img/bg-alpha75b.png'); padding: 40px 60px; text-transform: uppercase; }
#advertisement p strong { font-size: 22px; color: #15A7D8; display: block; margin: 0px 0px 20px 0px; font-family: 'ubuntulight'; }

#footer { 
	margin: 0px -60px 0px -60px;
	padding: 30px 60px;
	background: #303030;
	color: #FFF;
}
#footer h3 { font-size: 14px; color: #0f85ad; font-family: 'ubunturegular'; padding: 0px; margin: 0px; height: 40px; text-transform: uppercase; position: relative; }
#footer a { text-decoration: none; color: #FFF; }
#footer a:hover { color: #0f85ad; }
#footer ul { padding: 0px; margin: 0px; }
#footer li { padding: 0px; margin: 0px; list-style: none; color: #FFF; font-size: 11px; background: url(../img/bg-footer-li.png) 0% 100% repeat-x; }
#footer li a { line-height: 32px; display: block; padding: 0px; font-family: 'ubunturegular'; }
#footer li a:hover { color: #0f85ad; }
#footer form { font-size: 0px; }
#footer blockquote { font-size: 9px; position: absolute; right: 10px; bottom: 20px; }
#footer blockquote a { color: #0f85ad; text-transform: uppercase; }

#footer .myAccount { background: url('../img/bg-myaccount.png') no-repeat 0% 0%; }

#footer input[type="button"], #footer input[type="submit"] {
	background: #0f85ad;
	border: 1px solid #107496;
	color: #fff;
	font-family: 'ubuntulight';
	font-weight: bold;
	font-size: 11px;
	font-weight: normal;
	padding: 10px 30px;
	margin: 0px 0px 2px 0px;
	text-decoration: none;
	text-transform: uppercase;
	float: right;
}
#footer input[type="button"]:hover, #footer input[type="submit"]:hover {
	background: #0f85ad; 
}
#footer input[type="button"]:hover, #footer input[type="submit"]:hover { background: #0f85ad; }
#footer input[type="button"]:active, #footer input[type="submit"]:active {
	background: #0f85ad;
	border: 1px solid #a7b61f;
}
#footer textarea, #footer input[type="text"] { padding: 10px; background: #FFF;  border: 1px solid #232323; color: #0f85ad; margin: 3px 0px; font-family: 'ubunturegular'; font-size: 12px; }
#footer textarea:active, #footer input[type="text"]:active { border: 1px solid #309dba; }

#footerCatalogue { width: 180px; padding: 0px; margin: 0px 30px 0px 0px; float: left; }
#footerUserAccount { width: 180px; padding: 0px; margin: 0px 30px 0px 0px; float: left; }

#footerContact { width: 210px; padding: 0px 0px 0px 0px; margin: 0px 20px 0px 0px; float: left; }
#footerContact a { color: #0f85ad; }
#footerContact a:hover { color: #fff; }

#footerMessage { width: 345px; height: 258px; overflow: hidden; padding: 0px; margin: 0px; float: right; }
#contactForm { position: relative; vertical-align: top; }
#footerMessageContent { vertical-align: top; padding: 0px; margin: 0px; }
#footerMessageContent form div { clear: both; font-size: 12px; color: #0f85ad; background: #FFF; padding: 15px; margin: 2px 0px 0px 0px; }
#footerMessageContent form div strong { display: block; text-transform: uppercase; font-size: 12px; background: #0f85ad; color: #fff; margin: -15px -15px 15px -15px; padding: 15px; }

#footerMessage blockquote { font-size: 10px; font-family: 'ubunturegular'; }
#footerMessage blockquote img { margin: 0px 10px -3px 0px; }

.subPages { margin: 20px 0px 0px 0px; padding: 0px; }
.subPages div { padding: 20px 0px 20px 0px; border-bottom: 2px solid #E9E9E9; position: relative; }
.subPages div:first-child { padding: 0px 0px 20px 0px; }
.subPages a img { border: 1px solid #dcdcdc; background: #FFF; padding: 1px; margin: 0px 15px 0px 0px; float: left; }
.subPages h2 { font-size: 13px; color: #15A7D8; display: block; padding: 0px; margin: 0px 0px 8px 0px; }
.subPages h2 a { color: #15A7D8; text-decoration: none; }
.subPages h2 a:hover { color: #0f85ad; }
.subPages em { position: absolute; bottom: 0px; right: 0px; text-transform: uppercase; font-size: 9px; background: #E9E9E9; color: #aaa39d; display: block; font-style: normal; padding: 4px 6px; }
.subPages em a { text-decoration: none; color: #aaa39d; }

.faq { margin: 30px 0px; padding: 0px; }
.faq div { padding: 15px 0px 5px 30px; border-bottom: 2px solid #E9E9E9; position: relative; cursor: pointer; }
.faq div blockquote { margin: 0px 0px 10px 0px; display: none; }
.faq h2 { font-size: 13px; color: #0f85ad; display: block; padding: 0px; margin: 0px 0px 8px 0px; }
.faq h2 a { color: #0f85ad; text-decoration: none; }
.faq em { position: absolute; bottom: 0px; right: 0px; text-transform: uppercase; font-size: 9px; background: #E9E9E9; color: #aaa39d; display: block; font-style: normal; padding: 4px 6px; }
.faq em span { font-size: 0px; }
.faq em a { text-decoration: none; color: #aaa39d; }

.faqExpandable { background:  url('../img/bg-faq-expandable.png') no-repeat 8px 18px; }
.faqCollapsable { background: #fafaf8 url('../img/bg-faq-collapsable.png') no-repeat 8px 18px; }
.faqCollapsable h2 { color: #15A7D8; }

.dataCol { float: left; padding: 0px 10px 0px 0px; }

.gallery { padding: 10px 0px 0px 0px; margin: 0px; width: 3000px; }
.mainImage, .gallery img { border: 1px solid #dcdcdc; padding: 0px; margin: 0px 10px 0px 0px; }

#mainImage { position: relative; display: block; }
#mainImage p { position: absolute; top: -5px; right: 23px; width: 105px; height: 105px; color: #fff; font-size: 0px; }
#mainImage .news { background: url('../img/ribbon-news.png') no-repeat right top; }
#mainImage .promo { background: url('../img/ribbon-promo.png') no-repeat right top; }
#mainImage .recommend { background: url('../img/ribbon-recommend.png') no-repeat right top; }

#stockInfo { display: inline-block; border-radius: 3px; padding: 6px; font-size: 9px; text-transform: uppercase; color: #fff; top: 10px; right: 37px; position: absolute; }
#mainImage em { display: none; font-style: normal; cursor: pointer; }
#mainImage:hover em { display: inline; }
.inStock { background: #05AA5A; }
.outStock { background: #2C92C9; }
.unavailable { background: #C92C39; }

.gallery img:hover { box-shadow: 0 0 7px rgba(190, 190, 190, 0.5); }

.downloads { clear: both; margin: 15px 0px; }
.downloads h2 { margin: 5px 0px; padding: 0px; }
.downloads ul { width: 460px; }
.downloads li { background: #f3f3f3; padding: 10px; margin: 0px 0px 1px 0px; line-height: 28px; }
.downloads li a { background: url(../img/bg-downloads.png) 0% 50% no-repeat; display: block; text-decoration: none; padding: 0px 0px 0px 36px; color: #15A7D8; }
.downloads li a:hover { text-decoration: underline; }

#altTitle { color: #FFF; font-size: 0px; visibility: hidden; padding: 0px; margin: 0px; }

#customerRegister table, #customerUpdate table, #orderUpdate table, #customerLogin table, #customerSendpass table { margin: 0px 0px 20px 0px; }
#orderContinue th {
	background: #0f85ad;
}
#orderContinue td { border: none; padding: 10px 3px !important; text-align: center; background: #f9f8f4 !important; text-transform: uppercase; font-size: 11px; color: #15A7D8; }
#customerRegister tr, #customerUpdate tr, #orderUpdate tr, #customerLogin tr, #customerSendpass tr { background: #fafaf8; }
#customerRegister td, #customerUpdate td, #orderUpdate td, #customerLogin td, #customerSendpass td { border: none; padding: 10px !important; background: none !important; }
#customerRegister tfoot td, #customerUpdate tfoot td, #orderUpdate tfoot td, #customerLogin tfoot td, #customerSendpass tfoot td  { text-align: center; text-transform: uppercase; font-family: 'ubunturegular'; line-height: 30px; color: #15A7D8; }
#customerRegister select, #customerUpdate select, #orderUpdate select { padding: 8px 3px; margin: 0px 0px 2px 0px; font-family: 'ubunturegular'; font-size: 11px; border: 1px solid #dcdcdc; background: #FFF; color: #0f85ad; width: 338px; }

#customerRegister input[type="text"], #customerRegister input[type="password"], #customerUpdate input[type="text"], #customerUpdate input[type="password"], #orderUpdate input[type="text"], #orderUpdate input[type="password"], #customerLogin input[type="text"], #customerLogin input[type="password"], #customerSendpass input[type="text"], #customerSendpass input[type="password"]  { padding: 8px 3px; margin: 0px 0px 2px 0px; font-family: 'ubunturegular'; font-size: 12px; border: 1px solid #dcdcdc; background: #FFF; color: #0f85ad; width: 330px; }

#customerRegister input[type="submit"], #customerUpdate input[type="submit"], #orderUpdate input[type="submit"], #customerLogin input[type="submit"], #customerSendpass input[type="submit"] { width: 212px; }
#customerRegister input[type="submit"], #orderUpdate input[type="submit"], #customerUpdate input[type="submit"], #customerLogin input[type="submit"], #customerSendpass input[type="submit"] {
	background: #0f85ad;
    border: 1px solid #107496;
    color: #fff;
    font-family: 'ubunturegular';
    font-size: 12px;
    font-weight: normal;
    padding: 0px 6px;
    height: 38px;
    margin: 3px 0px 0px 0px;
    text-decoration: none;
    text-transform: uppercase;
}
#customerRegister input[type="submit"]:hover, #customerUpdate input[type="submit"]:hover, #orderUpdate input[type="submit"]:hover, #customerLogin input[type="submit"]:hover, #customerSendpass input[type="submit"]:hover {
    background: #15A7D8; 
}
#customerRegister input[type="submit"]:active, #customerUpdate input[type="submit"]:active, #orderUpdate input[type="submit"]:active, #customerLogin input[type="submit"]:active, #customerSendpass input[type="submit"]:active { background: #0f85ad; }

#orderUpdate textarea { padding: 8px 3px; margin: 0px 0px 2px 0px; font-family: 'ubunturegular'; font-size: 12px; border: 1px solid #dcdcdc; background: #FFF; color: #0f85ad; width: 720px; height: 100px; }

#starRating { background: #f9f8f4; padding: 20px; margin: 20px 0px; }
#starRating p { color: #15A7D8; margin: 0px 0px 10px 0px; font-family: 'ubunturegular'; }
#starRating em { display: block; font-size: 11px; margin: 10px 0px 0px 0px; }

#socialSharing {
	margin: 20px 0px;
}
#socialSharing p { color: #15A7D8; margin: 0px 0px 10px 0px; font-family: 'ubunturegular'; }
#socialSharing .social-button { float: left; margin: 0px; padding: 0px; width: 110px; }
#socialSharing iframe { padding: 0px; margin: 0px; width: auto; height: auto; border: none; }


#addCart2 {
	display: block;
	text-align: left;
	margin: 20px 0px; 
	clear: both;
}

#addCart2 label { font-weight: bold; text-transform: uppercase; text-align: left; }
#addCart2 select { padding: 8px 0px; margin: 0px 0px 5px 0px; font-family: 'ubunturegular'; font-size: 11px; border: 1px solid #dcdcdc; background: #FFF; color: #646464; min-width: 120px; width: 340px; }

#addCart2 input[type="submit"] {
	width: 340px;
	background: #15A7D8;
	border: 1px solid #149ecc;	
	color: #fff;
	font-family: 'ubuntulight';
	font-size: 10px;
	font-weight: normal;
	padding: 0px 5px;
	height: 36px;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	cursor: pointer;
}
#addCart2 input[type="submit"]:hover { 
	background: #15A7D8;
}
#addCart2 input[type="submit"]:active { background: #15A7D8; }

#addCart {
	display: block;
	float: right;
	top: -3px;
	right: 0px;
	position: absolute;
	padding: 1px;
	box-shadow: 0 0 7px rgba(190, 190, 190, 0.85);
}

#addCart input[type="submit"] {
	width: 100px;
	background: #15A7D8;
	border: 1px solid #149ecc;	
	color: #fff;
	font-family: 'ubunturegular';
	font-size: 12px;
	font-weight: normal;
	padding: 0px 20px;
	line-height: 42px;
	height: 42px;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	cursor: pointer;
}
#addCart input[type="submit"]:hover { 
	background: #15A7D8;
}
#addCart input[type="submit"]:active { background: #15A7D8; }

#orderContinue input[type="button"] {
	width: 220px;
	background: #0f85ad;
	border: 1px solid #107496;
	color: #fff;
	font-family: 'ubuntulight';
	font-size: 12px;
	font-weight: normal;
	padding: 0px 6px;
	height: 38px;
	margin: 3px 0px 10px 0px;
	text-decoration: none;
	text-transform: uppercase;
}
#orderContinue input[type="button"]:hover { 
	background: #0f85ad; 
}
#orderContinue input[type="button"]:active { background: #0f85ad; }

#orderContinue input[type="submit"] {
	width: 220px;
	background: #15A7D8;
	border: 1px solid #149ecc;	
	color: #fff;
	font-family: 'ubuntulight';
	font-size: 12px;
	font-weight: normal;
	padding: 0px 6px;
	height: 38px;
	margin: 3px 0px 10px 3px;
	text-decoration: none;
	text-transform: uppercase;
}
#orderContinue input[type="submit"]:hover { 
	background: #15A7D8;
}
#orderContinue input[type="submit"]:active { background: #15A7D8; }

.orderDesc { font-size: 12px !important; }
.orderDesc strong { font-family: 'ubuntuheavy'; color: #0f85ad; }

#cartList { margin: 0px 0px 20px 0px !important; }
#cartList tr td:first-child, #confirmCartList tr td:first-child { width: 50px; text-align: center; }
#cartList tr td:last-child { width: 20px; text-align: center; }
#cartList form { text-align: center; display: inline-block; }
#cartList input[type="text"] { padding: 5px 3px 4px 3px; margin: 0px; font-family: 'ubunturegular'; font-size: 11px; border: 1px solid #dcdcdc; background: #FFF; color: #0f85ad; width: 30px; text-align: center; float: left; }
#cartList span, #confirmCartList span { display: block; text-transform: uppercase; font-family: 'ubunturegular'; color: #0f85ad; font-size: 11px; }
#cartList form p { float: left; display: inline-block; width: 10px; height: 24px; padding: 0px; margin: -1px 0px 0px 5px; }
#cartList a, confirmCartList a { text-decoration: none; }
#cartList tfoot td, #confirmCartList tfoot td { font-size: 12px; padding: 10px 5px; }
#cartList strong, #confirmCartList strong { font-family: 'ubuntuheavy'; color: #0f85ad; }
#cartList form a {
	display: inline-block;
	width: 9px;
	height: 9px;
	line-height: 9px;
	font-size: 9px;
	font-family: verdana;
	font-weight: bold;
	padding: 1px;
	margin: 0px 0px 1px 0px;
	background: #0f85ad;
	border: 1px solid #107496;
	color: #fff;
	text-decoration: none;
}
#cartList form a:hover { 
	color: #FFF;
	background: #15A7D8; 
	border: 1px solid #149ecc;	
}

#priceBox {
	font-size: 13px;
	line-height: 20px;
	color: #FFF; 
	padding: 15px 20px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #FFF;
	box-shadow: 0 0 7px rgba(190, 190, 190, 0.85);
	background: #0f85ad; /* Old browsers */
	background: -moz-linear-gradient(top,  #0f85ad 0%, #15a7d8 50%, #0f85ad 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f85ad), color-stop(50%,#15a7d8), color-stop(100%,#0f85ad)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0f85ad 0%,#15a7d8 50%,#0f85ad 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0f85ad 0%,#15a7d8 50%,#0f85ad 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0f85ad 0%,#15a7d8 50%,#0f85ad 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0f85ad 0%,#15a7d8 50%,#0f85ad 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f85ad', endColorstr='#0f85ad',GradientType=0 ); /* IE6-9 */
	font-family: 'ubunturegular';
}

#priceBox span { display: block; float: left; }
#priceBox em { display: block; float: right; color: #fbe9d8; font-style: normal; }
#priceBox strong { display: block; float: right; color: #073d4f; font-weight: normal; font-size: 16px; }
#priceBox small { color: #073d4f; font-size: 11px; }

.productCode { text-transform: uppercase; font-family: 'ubunturegular'; }

.warning {
	font-size: 13px;
	line-height: 20px;
	color: #FFF; 
	padding: 15px 20px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #FFF;
	background: #0f85ad;
	font-family: 'ubunturegular';
}
.warning a { color: #073d4f; text-decoration: none; }
.warning a:hover { color: #15A7D8; text-decoration: underline; }

.pageImg { padding: 5px; text-align: center; background: #FFF; }
.pageImg img { border: 0px; }

#listSet {
	background: #E9E9E9; 
	color: #aaa39d; 
	font-family: 'ubunturegular';
	padding: 15px; margin: 0px 0px 20px 0px;
}
#listSet form { display: block; float: right; }
#listSet div { float: left; }
#listSet label { display: block; font-size: 11px; margin: 0px 5px; }
#listSet select { padding: 8px 3px; margin: 0px 5px; font-family: 'ubunturegular'; font-size: 11px; border: 1px solid #dcdcdc; background: #FFF; color: #646464; min-width: 120px; }
#listSet option { font-family: 'ubunturegular'; font-size: 11px; line-height: 14px; color: #0f85ad; }

#subCategories { margin: -5px 0px 20px 0px; }
#subCategories li { font-size: 13px; padding: 0px 0px 0px 14px; line-height: 20px; background: url(../img/bg-li.png) 0px 9px no-repeat; }
#subCategories a { color: #15A7D8; text-decoration: none; font-family: 'ubunturegular' !important; }
#subCategories a:hover { color: #0f85ad; text-decoration: underline; }


.poweredByPayU { text-transform: uppercase; font-size: 11px !important; font-family: 'ubunturegular';  text-align: center; background: #fff !important; }
.poweredByPayU img { margin: 0px 3px; }

.cDiv1 { background: #f9f8f4; padding: 30px; margin: 0px 0px 20px 0px; }
.cDiv2 { margin: -10px 0px 30px 0px; padding: 0px; font-family: 'ubunturegular'; font-size: 14px; color: #15A7D8; }
.cDiv3 { padding: 0px; margin: 20px 0px 10px 0px; font-size: 13px; }
.cDiv4 { border-top: 3px solid #E9E9E9; padding: 20px 0px 0px 0px; margin: 20px 0px 0px 0px; }

.col1 { color: #0f85ad; }
.col2 { color: #15A7D8; }
.col3 { color: #fbe9d8; }

.center { text-align: center; }

.clear { clear: both; width: 0px; height: 0px; font-size: 0; line-height: 0px; overflow: hidden; }