body {
/* --- size --- */
	width: 100%;
	height: 100%;
/* --- margin, padding --- */
	margin: 0;
/* --- text --- */
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 14px;
	text-align: left;
/* --- colors --- */
	color: #fff;
	background-color: #000;
}

.dnone { display: none; }
.mt15 { margin-top: 15px; }
.ml15 { margin-left: 15px; }



/* __________ FONT for HEADINGS __________ */

@font-face { /* ie font */
	font-family: 'FuturaLight';
	src: url('../fonts/FUTURAL3.eot');
}
@font-face {
	font-family: 'FuturaLight';
	src: url('../fonts/FUTURAL3.ttf') format('truetype');
}
@font-face { /* ie font */
	font-family: 'FuturaBlack';
	src: url('../fonts/FUTURAXK3.eot');
}
@font-face {
	font-family: 'FuturaBlack';
	src: url('../fonts/FUTURAXK3.ttf') format('truetype');
}


/* __________ COLORS for HEADINGS __________ */

.c-blue, .c-blue a:link, .c-blue a:visited, .c-blue a:active {
	color: #31bdef;
}
.c-blue a:hover {
	color: white;
	-moz-text-shadow: 0 0 5px rgba(49,189,239,1), 0 0 15px rgba(49,189,239,.5);
	-webkit-text-shadow: 0 0 5px rgba(49,189,239,1), 0 0 15px rgba(49,189,239,.5);
	text-shadow: 0 0 5px rgba(49,189,239,1), 0 0 15px rgba(49,189,239,.5);
}

.c-pink, .c-pink a:link, .c-pink a:visited, .c-pink a:active {
	color: #e20065;
}
.c-pink a:hover {
	color: white;
	-moz-text-shadow: 0 0 5px rgba(226,0,101,1), 0 0 15px rgba(226,0,101,.5);
	-webkit-text-shadow: 0 0 5px rgba(226,0,101,1), 0 0 15px rgba(226,0,101,.5);
	text-shadow: 0 0 5px rgba(226,0,101,1), 0 0 15px rgba(226,0,101,.5);
}

.c-brown, .c-brown a:link, .c-brown a:visited, .c-brown a:active {
	color: #cc4126;
}
.c-brown a:hover {
	color: white;
	-moz-text-shadow: 0 0 5px rgba(204,65,38,1), 0 0 15px rgba(204,65,38,.5);
	-webkit-text-shadow: 0 0 5px rgba(204,65,38,1), 0 0 15px rgba(204,65,38,.5);
	text-shadow: 0 0 5px rgba(204,65,38,1), 0 0 15px rgba(204,65,38,.5);
}

.c-green, .c-green a:link, .c-green a:visited, .c-green a:active {
	color: #61c318;
}
.c-green a:hover {
	color: white;
	-moz-text-shadow: 0 0 5px rgba(97,195,24,1), 0 0 15px rgba(97,195,24,.5);
	-webkit-text-shadow: 0 0 5px rgba(97,195,24,1), 0 0 15px rgba(97,195,24,.5);
	text-shadow: 0 0 5px rgba(97,195,24,1), 0 0 15px rgba(97,195,24,.5);
}

.c-wood, .c-wood a:link, .c-wood a:visited, .c-wood a:active {
	color: #d2802f;
}
.c-wood a:hover {
	color: white;
	-moz-text-shadow: 0 0 5px rgba(210,128,47,1), 0 0 15px rgba(210,128,47,.5);
	-webkit-text-shadow: 0 0 5px rgba(210,128,47,1), 0 0 15px rgba(210,128,47,.5);
	text-shadow: 0 0 5px rgba(210,128,47,1), 0 0 15px rgba(210,128,47,.5);
}

.c-violet, .c-violet a:link, .c-violet a:visited, .c-violet a:active {
	color: #9038ce;
}
.c-violet a:hover {
	color: white;
	-moz-text-shadow: 0 0 5px rgba(144,56,206,1), 0 0 15px rgba(144,56,206,.5);
	-webkit-text-shadow: 0 0 5px rgba(144,56,206,1), 0 0 15px rgba(144,56,206,.5);
	text-shadow: 0 0 5px rgba(144,56,206,1), 0 0 15px rgba(144,56,206,.5);
}


/* transitions */
.c-blue a, .c-pink a, .c-brown a, .c-green a, .c-wood a, .c-violet a {
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
	
	-moz-transition-property: color, text-shadow;
	-moz-transition-duration: .7s, .4s;
	-webkit-transition-property: color, text-shadow;
	-webkit-transition-duration: .7s, .4s;
	-o-transition-property: color, text-shadow;
	-o-transition-duration: .7s, .4s;
}
.c-blue a:hover, .c-pink a:hover, .c-brown a:hover, .c-green a:hover, .c-wood a:hover, .c-violet a:hover {
	-moz-transition-property: color, text-shadow;
	-moz-transition-duration: .7s, .4s;
	-webkit-transition-property: color, text-shadow;
	-webkit-transition-duration: .7s, .4s;
	-o-transition-property: color, text-shadow;
	-o-transition-duration: .7s, .4s;
}






/* __________ GLOBAL SETTINGS __________ */


h1, h2, h3 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 13px;
	text-transform: uppercase;
}
h2 {
	font-size: 13px;
	text-transform: uppercase;
}
h3 {
	font-size: 13px;
	text-transform: uppercase;
}


p {
	margin: 0;
	padding: 0;
}


ul {
	margin: 0;
	padding: 0;
}
ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


img {
	border: 0;
}


div.linehr { /* ----- neviem ci budem potrebovat ----- */
	clear: both;
	width: 100%;
	height: 1px;
}


div.clear {
	float: left;
	clear: both;
	width: 100%;
	height: 1px;
}








/* __________ GRAND DIVS __________ */


div#page-all {
	position: relative;
	float: left;
	width: 100%;
}

div#page {
}



div#header-all {
	width: 100%;
	height: 320px;
	border-bottom: 1px solid #2b2b2b;
}
div#header {
	position: relative;
	margin: 0 auto;
	width: 880px;
	height: 320px;
}


div#content-all {
	float: left;
	width: 100%;
}
div#content {
}


div#left {
	position: absolute;
	left: 0;
	top: 340px;
	width: 260px;
	min-height: 200px;
	_height: 200px;
	margin-left: 20px;
	background-color: #2b2b2b;
}


div#footer-all {
	float: left;
	width: 100%;
	height: 70px;
	background-color: #000;
}
div#footer {
	margin: 0 auto;
	position: relative;
	width: 880px;
	*width: 881px;
	height: 70px;
}
	div#footer p {
		padding-top: 18px;
		text-align: center;
		color: #4c4c4c;
	}
	div#footer a:link, div#stoneshops a:link {
		color: #666;
	}
	div#footer a:active, div#stoneshops a:active {
		color: #666;
	}
	div#footer a:visited, div#stoneshops a:visited {
		color: #666;
	}
	div#footer a:hover, div#stoneshops a:hover {
		color: #999;
	}
	
	div#footer div.verified {
		float: left;
		width: 215px;	
	}
		div#footer div.verified a {
			display: inline-block;
			margin-left: 20px;
		}
		
		div#footer div.verified img {
			height: 50px;
		}
	
	div#footer div.copyright {
		float: left;
		width: 450px;	
		text-align: center;
	}
	
	div#footer div.accepted {
		float: left;
		width: 215px;
		position: relative;
		top: 22px;
	}
		div#footer div.accepted img {
			height: 23px;
			margin-left: 5px;
			
		}



div#brands-all {
	clear: both;
	width: 100%;
	height: 229px;
	background: #000 url(../design/footer-all.jpg) bottom center repeat-x;
}
div#brands {
	margin: 0 auto;
	position: relative;
	width: 880px;
	height: 100px;
}
	div#brands h2 {
		position: absolute;
		margin-top: 45px;	
		margin-left: 20px;
	}
	div#brand-player {
		position: relative;
		float: left;
		clear: left;
		width: 818px;
		height: 50px;
		margin: 90px 0 0 20px;/*@@@10px 0 0 20px;*/
	}
		div#brand-player img {
			float: left;
			height: 50px;
			margin: 0 10px;
		}
		div#brand-player a {
			float: left;
			height: 50px;
			padding: 0 10px;
		}
		div#brand-player a.brand-arrow-left {
			width: 10px;
			height: 50px;
			background: url(../design/icons/brand-arrow-left.gif) left center no-repeat;
		}
		div#brand-player a.brand-arrow-left:hover {
			background: url(../design/icons/brand-arrow-left-over.gif) left center no-repeat;
		}
		div#brand-player a.brand-arrow-right {
			float: right;
			width: 10px;
			height: 50px;
			background: url(../design/icons/brand-arrow-right.gif) right center no-repeat;
		}
		div#brand-player a.brand-arrow-right:hover {
			background: url(../design/icons/brand-arrow-right-over.gif) right center no-repeat;
		}
			div#brand-player a span {
				position: absolute;
				left: -2000px;
			}



div#stoneshops-all {
	float: left;
	width: 100%;
	background-color: #000;
}
div#stoneshops {
	margin: 0 auto;
	position: relative;
	width: 880px;
}
	div#stoneshops div.stoneshop {
		float: left;
		width: 310px;
		height: 140px;
	}
		div#stoneshops div.stoneshop h2 {
			margin-left: 20px;
		}
		div#stoneshops div.stoneshop p {
			margin: 20px 0 0 20px;
			color: #555;
		}
			div#stoneshops div.stoneshop p b {
				display: block;
				float: left;
				width: 70px;
			}







/* __________ INSIDE CONTENT - MAIN PANELS __________ */





div.product_panel-all {
	float: left;
	width: 100%;
	min-height: 280px;
	background: #2b2b2b url(../design/product_panel.gif) top repeat-x;
}
div.product_panel { /* only first, with headline */
	margin: 0 auto;
	width: 600px;
	position: relative;
	left: 140px;
	_left: 137px;
}
div.product_panel2 { /* all others */
	margin: 0 auto;
	margin-top: 40px;
	width: 600px;
	position: relative;
	left: 140px;
	_left: 137px;
}




div.index_panel-all { /* only index page */
	float: left;
	width: 100%;
	min-height: 420px;
	background: #2b2b2b url(../design/product_panel.gif) top repeat-x;
}
div.index_panel { /* only first, with headline */
	margin: 0 auto;
	width: 880px;
	position: relative;
	left: -10px;
}



div#search_panel-all {
	float: left;
	width: 100%;
	min-height: 120px;
	border-top: 1px solid #fff;
	background-color: #666666;
}
div#search_panel {
	margin: 0 auto;
	width: 600px;
	position: relative;
	left: 190px;
	_left: 187px;
}



div#reg_panel-all {
	float: left;
	width: 100%;
	min-height: 120px;
	border-top: 1px solid #fff;
	background-color: #666666;
}
div#reg_panel {
	margin: 0 auto;
	width: 600px;
	position: relative;
	left: 190px;
	_left: 187px;
}



div#text_panel-all {
	float: left;
	width: 100%;
	min-height: 500px;
	_height: 120px;
	background: #2b2b2b url(../design/product_panel.gif) top repeat-x;
}
div#text_panel {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 600px;
	position: relative;
	left: 190px;
	_left: 187px;
}
	div#text_panel p {
		font-size: 12px;
		margin: 10px 20px 10px 0;
	}
	div#text_panel ul {
		font-size: 12px;
		margin: 10px 20px 10px 20px;
	}
		div#text_panel ul li {
			margin: 10px 0 10px 20px;
			list-style-type: decimal;
		}
			div#text_panel ul li ul {
				margin: 10px 0 20px 20px;
			}
				div#text_panel ul li ul li {
					margin: 5px 0 5px 20px;
					list-style-type: lower-latin;
				}







/* __________ BANNERS __________ */





div.banner-left {
	float: left;
	width: 160px;
	height: 320px;
	margin-top: 50px;
	margin-left: -160px;
	background-color: #2b2b2b;
}
	div.banner-left img {
		background-color: #2b2b2b;
	}

div.banner-right {
	float: right;
	width: 160px;
	*width: 180px;
	height: 320px;
	margin-top: 50px;
	margin-right: -180px;
	background-color: #2b2b2b;
	*background-color: none;
}
	div.banner-right img {
		*float: right;
		background-color: #2b2b2b;
	}

div.banner-sub { /* subpage banner */
	float: left;
	width: 220px;
	height: 220px;
	margin: 0 0 20px 20px;
	background-color: #2b2b2b;
}



button.pay-tcp { 
	cursor: pointer;
	border: 0;
	height: 32px; 
	margin-top: 15px; 
	width: 130px;
	background: url(../design/cardpay/cardpay.gif) no-repeat scroll left top transparent;
}

	button.pay-tcp span {
		display: none;
	}
	
p.pay-instructions {
	font-weight: bold;
}