/* ============================ common ============================== */

body { 
	color: #000; background: #fff;
	font: normal 62.5% Arial, sans-serif;
}

a{ color: #0072bc; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: normal; }

.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.aural{
	position: absolute;
	left: -2007px;
	font: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#holder{ 
	width: 950px;
	margin: 0 auto;
}

#header{
	border-bottom: 1px solid #8b8b8b;
}

#content{ 
	float: right;
	width: 722px;
}
	.col-1{
		float: left;
		width: 489px;
	}
	.col-2{
		float: right;
		width: 219px;
	}

#side-bar{ 
	float: left;
	width: 220px;
}

#footer{ 
	
}
/* ========================== layout end ============================ */

/* ============================ header ============================== */

h1{
	float: left; display: inline;
	width: 213px;
	margin: 18px 0 15px 15px;
}
h1 a{
	display: block; 
	padding: 44px 0 0 0;
	background: url(../img/logo.gif) no-repeat 0 0;
	font-size: 11px; font-weight: bold;
	color: #0c0042;
}

.tools{
	float: right;
	padding: 0px 0 10px;
}
.tools li{
	float: left;
	font-size: 11px;
	padding: 0 6px 0 8px;
	background: url(../img/divider.gif) no-repeat 0 60%;
}
.tools li.login{
	background: none;
}

#basket{
	clear: right; float: right;
	width: 215px; height: 43px;
	margin: 0 0 10px 0;
	background: url(../img/bg-basket.gif) no-repeat 0 0;
}

#basket h2 {
    margin-bottom:0px;
}

#basket h2 a{
	float: left;
	width: 50px; height: 43px;
	overflow: hidden;
	text-indent: -666px;
}
#basket p{
	margin: 0 0 0 50px;
	color: #333;
	font-size: 1.1em; text-align: center;
}
#basket p a{
	display: block;
	height: 27px;
	padding: 8px;
	text-align: center;
}

#search-form{
	clear: both; 
	float: left;
	padding: 0 0 0 27px;
	background: url(../img/bg-search.gif) no-repeat 0 60%;
	/*position:absolute;
	left:158px;
	top:91px;*/
}
#search-form input.text{
	width: 130px;
	padding: 3px;
	color: #a6a6a6; border: 1px solid #000;
	font: normal 1.2em Arial, sans-serif;
}
#search-form input.submit{
	padding: 1px 5px;
	font: normal 1.2em Arial, sans-serif;
}

#nav{
	clear: right; float: right;
	margin: 0 7px -1px 0;
	width:700px;
}
#nav li{
	float: left;
	width: 99px; height: 30px;
}
#nav li a{
	display: block;
	width: 99px; height: 23px;
	padding: 7px 0 0 0;
	color: #333; background: url(../img/bg-nav.gif) no-repeat 0 0;
	font-size: 1.2em; text-align: center;
}
#nav li.active a{ background-position: 0 100%; }
#nav li a:hover,
#nav li a:focus,
#nav li a:active,
#nav li.active a{ font-weight: bold; color: #a06060; }

/* ========================== header end ============================ */

/* ========================== sub-header ============================ */

#breadcrumbs{
	margin: 10px 0;
	font-size: 1.2em;
}
#breadcrumbs li{
	float: left;
	margin: 0 8px 0 0; padding: 0 14px 0 0;
	background: url(../img/bg-breadcrumb.gif) no-repeat 100% 60%
}
#breadcrumbs li.last{
	background: none;
	font-weight: bold;
}
#breadcrumbs li a{ color: #333; }

/* ======================== sub-header end ========================== */

/* ============================ content ============================= */

#adv-search{
	/*position: relative;*/
	margin: 0 0 10px 0;
	/*z-index: 100;*/
}
#adv-search .set{
	position: relative; float: left;
	margin: 0 10px 0 0; 
	display: inline;
}
#adv-search h3{
	padding: 3px 30px 3px 10px;
	font: bold 1.2em Arial, sans-serif;
	color: #333; background: url(../img/triangle.gif) no-repeat 100% 50%; border: 1px solid #ccc;
}
#adv-search .active h3{ background: url(../img/triangle-active.gif) no-repeat 100% 50%; }
#adv-search .list{
	position: absolute;
	top: 24px; left: -2007px;
	padding: 8px 10px;
	background: #fff; border: 1px solid #ccc;
	z-index: 100;
	font-size: 1.1em;
}
#adv-search .active .list{ left: 0; }
#adv-search .list ul{
	margin: 0 0 7px 0; padding: 0 0 5px 0;
	background: url(../img/dots.gif) repeat-x 0 100%;
}
#adv-search .list li{ margin: 0 0 2px 0; }
#adv-search .list li a{ color: #666; white-space: nowrap; }
#adv-search .list li.active a{ color: #771c1c; font-weight: bold; }
#adv-search .list .del{
	padding: 0 0 0 15px;
	color: #666; background: url(../img/del.gif) no-repeat 0 60%;
}
#adv-search p{
	padding: 4px;
	color: #333;
	font-size: 1.2em;
}

.subcategories{
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
}
.karuzela{
	width: 100%; height: 233px;
	overflow: hidden;
}
.subcategories h2{
	position: relative;
	margin: 0 7px 10px 0; padding: 6px 10px 10px 23px;
	font-size: 1.6em; font-weight: bold;
	background: url(../img/bg-h2.gif) no-repeat 0 0;
}
.subcategories h2 a{ color: #000; }
.subcategories h2 a.more{
	position: absolute;
	bottom: 10px; right: 10px;
	font-size: 11px; font-weight: normal;
	color: #0072bc;
}
.subcategories ul{
	margin: 0 0 0 10px;
}
.subcategories li{
	float: left;
	margin: 0 10px 10px 0; padding: 0 6px;
	text-align: center;
	display: inline;
}
.karuzela li img{
/*	border: 1px solid #ccc;  */
	display: inline;
}
.subcategories li a{
	font-size: 1.1em;
}
.subcategories li small{
	display: block;
	text-align: center;
}
.subcategories .see-all{
	float: right;
	margin: 10px;
	font-size: 1.1em;
	display: inline;
}

.product-list{
	position: relative;
	padding: 1px 1px 0 1px;
	background: url(../img/bg-product-list.gif) no-repeat 0 0;
	z-index: 10;
}
.product-list ul{

}
.product-list .product{
	float: left;
	width: 239px; height: 450px;
	padding: 0 1px 1px 0;
	background: url(../img/bg-product-list-li.gif) no-repeat 100% 100%;
}

.picture{ margin: 10px auto; }
.product .picture{ height: 220px; }
.picture td{
	vertical-align: bottom;
}

/*	=layer
---------------------------------------------------------------------------- */

.layer {
	float: left;
	padding: 0 7px 8px 0;
	position: relative;
	display: inline;
}
.layer img{ border: 1px solid #8a8a8a; }
.frames-suggestion .layer img{ border: 0; }
/*	=shadow
---------------------------------------------------------------------------- */

.layer .left,
.layer .right,
.layer .center {
	position: absolute;
	z-index: 10;
}


.layer .shadow-top .right{
	width: 7px;
	height: 13px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.layer .shadow-bottom .left{
	width: 8px;
	height: 8px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.layer .shadow-bottom .right {
	width: 9px;
	height: 8px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.layer .shadow-bottom .center {
	height: 8px;
	right: 9px;
	left: 8px;
	background-repeat: repeat-x;
}

.layer .shadow-middle div {
	width: 7px;
	bottom: 8px;
	top: 13px;
	background-repeat: repeat-y;	
}

.layer .shadow-top div { top: 0; }
.layer .shadow-bottom div { bottom: 0; }

.layer .left { left: 0; }
.layer .right { right: 0; }

.layer .shadow-top .left { background-image: url(../img/img/stl.gif); }
.layer .shadow-top .right { background-image: url(../img/str.gif); }
.layer .shadow-bottom .left { background-image: url(../img/sbl.gif); }
.layer .shadow-bottom .right { background-image: url(../img/sbr.gif); }
.layer .shadow-top .center { background-image: url(../img/st.gif); }
.layer .shadow-bottom .center { background-image: url(../img/sb.gif); }
.layer .shadow-middle .left { background-image: url(../img/sl.gif); }
.layer .shadow-middle .right { background-image: url(../img/sr.gif); }

.product-list{
	position: relative;
	padding: 1px 1px 0 1px;
	background: url(../img/bg-product-list.gif) no-repeat 0 0;
	z-index: 10;
	width: 722px;
}
.product-list td{
	background: url(../img/bg-product-list-li.gif) no-repeat 100% 0;
	width: 33%;
}
.product-list td td{ width: auto; border: 0; background: none; }
.product-list .buttons td, .product-list .not-availible {
	background: url(../img/bg-product-list-li.gif) no-repeat 100% 100%;
}

.product-list .see td{
	padding: 0 0 10px 0;
	font-size: 1.1em; text-align: center;
	color: #333;
}
.product-list .titles td{
	background: #e8e8e8 url(../img/bg-product-list-li.gif) no-repeat 100% 0;
	vertical-align: middle;
}
.product-list .titles td h3{
	padding: 10px;
	text-align: center;
}
.product-list .titles td h3{ font-size: 1.2em; font-weight: bold; }

.product-list .titles td h3 a.title{
	display: block;
	color: #771c1c;
	font-size: 1.1em; font-weight: bold; text-align: center; text-transform: uppercase;
}

.product-list .product{
	float: left;
	width: 239px; height: 450px;
	padding: 0 1px 1px 0;
	background: url(../img/bg-product-list-li.gif) no-repeat 100% 100%;
}

.picture 
{
	margin:10px auto;
	width:auto
}
.product .picture{ height: 220px; }
.product-list .picture .layer img{
	max-width: 200px;
	width: expression(this.width > 200 ? 200: true);
}
.picture td{
	vertical-align: bottom;
}

.promo-table, .price-table 
{
	width:173px;
	margin-bottom:10px;
	font-size:12px;
}
.promo-table tr td
{	
	text-align:right;
}
.promo-table tr td, .promo-table tr th	
{	
	font-weight:bold;
}
.promo-table .old 
{
	text-decoration:line-through;
}
.promo-table .new
{
	font-weight:bold;
	color:Red;
}

.product-list .details td{
	padding: 10px;
	vertical-align:top;	
}
.product-list .details td .promocja 
{	
	width:100%;
}
.product-list .details td .promocja img 
{
	margin: 0 auto;
	padding-bottom:5px;
}	
.product-list .details td .dimensions{
	font-size: 1.2em;
	text-align: center;
}
.product-list .details td .dimensions a{
	display: block;
	text-align: center;
}
.product-list .details td .price{
	margin: 0 0 10px 0;
	font-size: 1.2em;
	text-align: center;
}
/* .product-list .details td */ .price .old{ text-decoration: line-through; }
/* .product-list .details td */.price .new{ color: red; }
.product-list .buttons ul{
	width: 170px;
	margin: 0 auto 15px auto;
}
.product-list .buttons li{ height: 28px; }
.product-list .buttons .btn-frame{ float: left; }
.product-list .buttons .btn-fav{ float: right; }
.product-list .buttons .btn-add{ clear: both; }

.artist-list{
	margin: 0 0 10px 0; padding: 0 0 10px 0;
	border: 1px solid #ccc;
}
.artist-list h2{
	margin: 0 7px 10px 0; padding: 6px 10px 10px 23px;
	font-size: 1.6em; font-weight: bold;
	background: url(../img/bg-h2.gif) no-repeat 0 0;
}
.artist-list ul{
	margin: 0 0 0 10px;
}
.artist-list li{
	float: left;
	width: 165px;
	height: 250px;
	margin: 0 0 10px 0; padding: 0 6px;
	text-align: center;
	display: inline;
}
.artist-list li table{
	height: 220px;
}
.artist-list li a{
	font-size: 1.1em;
}

.page-nav{
	margin: 10px 0;
}
.page-nav ul{ float: right; }
.page-nav ul li{
	float: left;
	margin: 0 3px 0 0;
}
.page-nav ul li a{
	display: block;
	padding: 2px 5px;
	color: #000; border: 1px solid #ccc;
	font-size: 1.2em;
}
.page-nav ul li a:hover,
.page-nav ul li a:focus,
.page-nav ul li a:active,
.page-nav ul li.active a{
	background: #ccc;
	border: 1px solid #cbdce6;
	text-decoration: none;
}
.page-nav ul li.active{ 
	padding: 2px 5px;
	color: #000; background: #ccc; border: 1px solid #ccc;
	font-size: 1.2em;
}
.page-nav ul li.dots{ 
	padding: 2px 5px;
}



.product-box .product-image{
	float: left;
	width: 500px;
}
.product-box .product-image .layer{ margin: 0 auto; }

.product-box .product-details{
	float: right;
	width: 190px;
	margin: 10px 25px 10px 0;
	display: inline;
}
.product-box .product-details .product-header{
	margin: 0 0 8px 0; padding: 0 0 8px 0;
	border-bottom: 1px solid #ccc;
}
.product-box .product-details .product-header h2{
	display: block;
	color: #771c1c;
	font-size: 1.3em; font-weight: bold; text-transform: uppercase;
}
.product-box .product-details .product-header a{ font-size: 1.2em; }
.product-box .product-details .product-size{
	font-size: 1.2em;
}
.tooltip2{ position: relative; }
.tooltip2 span{
	position: absolute; display: none;
	top: -12px; left: -190px;
	width: 170px;
	padding: 5px 15px 5px 5px;
	color: #333; background: url(../img/bg-tooltip2.png) no-repeat 0 0;
	z-index: 100;
}
.tooltip2:hover,
.tooltip2:focus,
.tooltip2:active{ text-decoration: none; }
.tooltip2:hover span,
.tooltip2:focus span,
.tooltip2:active span{ display: block; }
.tooltip2 span span{
	display: block; position: absolute;
	top: auto; bottom: 0; left: 0;
	width: 100%; height: 1px;
	padding: 0;
	background: url(../img/bg-tooltip2-bottom.gif) no-repeat 0 0;
}
.product-box .product-details .product-size .active label{ 
	color: #771c1c;
	font-weight: bold;
}
.product-box .product-details .product-size label small,
.product-box .product-details .product-size .active label small{ font-size: 0.9em; color: #ccc; }

.product-box .product-details ul, .product-details .chosen-dimension{
	margin: 10px 0 0 0;
	font-size: 1.2em;
}
.product-box .product-details .buttons{
	width: 170px;
	margin: 10px auto;
}
.product-box .product-details .buttons li{ height: 28px; }
.product-box .product-details .buttons .btn-frame{ float: left; }
.product-box .product-details .buttons .btn-fav{ float: right; }
.product-box .product-details .buttons .btn-add{ clear: both; }



.artist-bio h2{
	margin: 0 7px 10px 0; padding: 6px 10px 10px 23px;
	font-size: 1.6em; font-weight: bold;
	background: url(../img/bg-h2.gif) no-repeat 0 0;
}
.artist-bio p{
	margin: 10px 10px 0 10px;
	font-size: 1.2em;
}
.artist-bio .see-more{
	float: right;
	margin: 10px;
	font-size: 1.1em;
	display: inline;
}


.sidebar-online-details 
{
	text-align: center;
	display: inline;
}
.sidebar-online-details ul li
{
	text-align: center;
}
.sidebar-online-details img{
	display:inline;
}


.talk-to-us h2{
	margin: 0 7px 10px 0; padding: 6px 10px 10px 23px;
	font-size: 1.6em; font-weight: bold;
	background: url(../img/bg-h2.gif) no-repeat 0 0;
}
.talk-to-us  .online-details{
	float: left;
	width: 150px;
	margin: 8px;
	text-align: center;
	display: inline;
}
.talk-to-us  .online-details img{
	margin: 0 auto 8px auto;
}
.talk-to-us .online-details li{ margin: 0 0 3px 0; font-size: 1.2em; }
.talk-to-us .online-details li img{
	display: inline;
	margin: 0 5px 0 0;
	vertical-align: text-bottom;
}
.talk-to-us .contact-form{
	float: right;
	width: 310px;
	margin: 0 8px 0 0;
	display: inline;
}
.talk-to-us .contact-form p{ margin: 0 0 5px 0; }
.talk-to-us .contact-form label{
	float: left;
	padding: 2px 0 0 0;
	font-size: 1.2em;
}
.talk-to-us .contact-form .text{
	float: right;
	width: 180px;
	border: 1px solid #6c6c6c;
}
.talk-to-us .contact-form textarea{
	width: 308px;
	border: 1px solid #6c6c6c;
}



.frames-suggestion h2{
	margin: 0 7px 10px 0; padding: 6px 10px 10px 23px;
	font-size: 1.6em; font-weight: bold;
	background: url(../img/bg-h2.gif) no-repeat 0 0;
}
.frames-suggestion p{
	margin: 10px 8px;
	font-size: 1.2em;
}
.frames-suggestion .frame-image{
	width: 100%;
	margin: 10px 0;
}
.frame-details{
	width: 467px;
	margin: 0 auto 10px auto; padding-bottom: 10px;
}
.frame-details.border{
	width: 467px;
	margin: 0 auto 10px auto; padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.frame-details .frame{
	float: left;
}
.frame-details .frame-description{
	float: right;
	width: 318px;
}
.frame-details .frame-description p, .frame-details .frame-description ul {
	margin: 0 0 8px 0;
	font-size: 1.2em;
}
.frame-details .buttons{
	width: 170px;
	margin: 0 auto;
}
.frame-details .buttons li{ height: 28px; }
.frame-details .buttons .btn-frame{ float: left; }
.frame-details .buttons .btn-fav{ float: right; }
.frame-details .buttons .btn-add{ clear: both; }

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

.block{
	margin: 0 0 9px 0;
	border: 1px solid #ccc;
}

.image-block img {
	margin: 0 0 9px 0;
}

#side-nav, .side-nav{ margin: 0 0 10px 0; }
#side-nav h2, .side-nav h2 {
	margin: 0 0 10px 0; padding: 6px 10px 10px 23px;
	font-size: 1.6em; font-weight: bold;
	background: url(../img/bg-h2-side-bar.gif) no-repeat 0 0;
}
#side-nav h2 small, .side-nav h2 small {
	font-size: 0.8em; font-weight: normal;
}
#side-nav ul, .side-nav ul{
	padding: 0 10px;
	font-size: 1.2em;
}
#side-nav ul ul,
#side-nav ul ul ul,
.side-nav ul ul,
.side-nav ul ul ul
{ font-size: 1em; }

#side-nav a, .side-nav a{
	color: #333;
}

#side-nav a .items, .side-nav a .items, a .items{
	color: #888;
}

#side-nav .active > a, .side-nav .active > a{ color: #771c1c; font-weight: bold; }

.tooltip{
	float: left;
	position: relative; display: block;
	width: 12px; height: 12px;
	background: url(../img/bg-info.gif) no-repeat 0 0;
	text-decoration: none;
}
.tooltip span{
	position: absolute; display: none;
	bottom: 12px; left: -12px;
	width: 169px;
	padding: 5px 5px 15px 5px;
	color: #333; background: url(../img/bg-tooltip.png) no-repeat 0 100%;
	font-size: 1.1em;
	border-top: 1px solid #dcd691;
}
.tooltip:hover,
.tooltip:focus,
.tooltip:active{ text-decoration: none; }
.tooltip:hover span,
.tooltip:focus span,
.tooltip:active span{ display: block; }

#side-search{
	margin: 10px; padding: 10px 0 0 0;
	background: url(../img/bg-product-list.gif) no-repeat 100% 0;
}
#side-search h3{
	margin: 0 0 20px 0;
}
#side-search h3 .text{
	float: left;
	margin: 0 5px 0 0;
	color: #333;
	font-size: 1.4em; font-weight: bold;
	display: inline;
}
#side-search h4 .text{
	float: left;
	margin: 0 5px 0 0;
	color: #4c4c4c;
	font-size: 1.2em; font-weight: bold;
	display: inline;
}
#side-search ul{
	margin: 0 0 20px 0;
}
#side-search ul li{
	font-size: 1.2em;
	color: #4c4c4c;
}
#side-search ul li a{
	color: #333;
}
#side-search ul li a .items{
	color: #888;
}
#side-search ul li.active a{ color: #771c1c; font-weight: bold; }

#fav h2{
	padding: 7px 5px 7px 30px;
	color: #333; background: url(../img/bg-fav.gif) no-repeat 0 0;
	font-size: 1.4em; font-weight: bold;
}
#fav .layer a img{
	filter:alpha(opacity=15);
	-moz-opacity: 0.15;
	opacity: 0.15;
}
#fav.active .layer a img{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#fav .page-nav{
	margin: 10px;
}
#fav .page-nav ul{ float: left; }
#fav .page-nav .see{
	display: block;
	clear: both;
	font-size: 1.2em;
}

#side-nav .alphabet li{
	float: left;
	margin: 0 3px 3px 0;
}
#side-nav .alphabet li a{
	display: block;
	width: 1.6em; 
	padding: 2px 0;
	color: #000; border: 1px solid #ccc;
	font-size: 1em; text-align: center;
}
#side-nav .alphabet li a:hover,
#side-nav .alphabet li a:focus,
#side-nav .alphabet li a:active,
#side-nav .alphabet li.active a{
	background: #ccc;
	border: 1px solid #cbdce6;
	text-decoration: none;
}
#side-nav .alphabet li.active a{ font-weight: bold; }

.other-images h2{
	margin: 0 7px 10px 0; padding: 6px 10px 10px 23px;
	font-size: 1.6em; font-weight: bold;
	background: url(../img/bg-h2.gif) no-repeat 0 0;
}
.other-images .see-more{
	float: right;
	margin: 10px;
	font-size: 1.1em;
	display: inline;
}


.see-too h2{
	margin: 0 7px 10px 0; padding: 6px 10px 10px 23px;
	font-size: 1.6em; font-weight: bold;
	background: url(../img/bg-h2.gif) no-repeat 0 0;
}
.see-too .see-more{
	float: right;
	margin: 10px;
	font-size: 1.1em;
	display: inline;
}

.last-seen li{
	float: left;
	width: 60px; height: 60px;
	margin: 0 4px 4px 0;
	border: 1px solid #ccc;
}
.last-seen li table{ margin: 4px auto; height: 52px; }
.last-seen li td{ vertical-align: middle; }
.last-seen li td img{
	display: inline;
}
.see-more{
	float: right;
	margin: 10px;
	font-size: 1.1em;
	display: inline;
}



/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */




/* =========================== footer end =========================== */




.images-list-100x100 ul li
{
	width : 120px;
	height: 120px;
	float: left;
}

.images-list-100x100 img
{
	border: solid 1px #CCCCCC !important;
}

/* =========================== progress bar =========================== */

.progressBarDiv{
	background-color: Gray; 
	opacity:0.6;
	filter:alpha(opacity=60);
}

.progressBarImg{
	position: absolute;
	top: 25px; 
	left: 25px; 
	z-index: 999; 
}


/* =========================== banner =========================== */

#header .banner 
{
	float:left;	
	width: 468px;
	height:108px;
	position:relative;
	top:15px;
	margin-bottom:20px;
}

#header .banner a.old-version
{
	position:relative;
	top:15px;		
	color:Black;
	font-size:1.2em;
	width: 125px;
	padding-right:20px;
	display:block;
	background: url(../img/raquo.gif) no-repeat 100% 60%;	
}





.opinie .contact 
{
	text-align:right;
	padding-top:5px;
	padding-bottom:15px;
}