/* ======================== colors ========================== */

/*
light-gray: #776;
dark-gray:#333;
blue: #467;
light-blue:#2D6E89;
brown:#940F04;
light-orange:#FFBA00;
dark-orange:#FF8400;
medium-red:#c00;
*/

/* ======================== reset ========================== */

body, ul, ol, li, p, td, th, table, input, h1, h2, h3, h4, h5, h6, label, input, textarea, *{
  margin:0;
  padding:0;
  list-style:none;
}

abbr{
  border:none;
}

a img{
  border:none;
}

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

html{
  font:normal 10px trebuchet ms; 
}

body{  
	font-size:1.2em;
  line-height:150%;
	color:#000;
  text-align:justify;
}

p{
  padding:0.5em 0;
}

cite{
  font-weight:bold;
}

cite:first-letter{
  font-size:1.3em;
}

h1, .h1{
  font-size:20px;
  padding:7px 0;
}

h2, .h2{
  font-size:18px;
  padding:5px 0;
}

h3, .h3{
  font-size:16px;
  padding:0.35em 0;
}

h4, .h4{
  font-size:14px;
  padding:2px 0;
}

h5, .h5{
  font-size:12px;
  padding:2px 0;
}

h6, .h6{
  font-size:12px;
  padding:2px 0;
}

h1, h2, h3, .h1, .h2, .h3 
{
  color:#000;
}

h4, h5, h6, .h4, .h5, .h6
{
  color:#000;
}


h1 a, h2 a, h3 a, .h1 a, .h2 a, .h3 a{
  color:#c00;
}


h4 a, h5 a, h6 a, .h4 a, .h5 a, .h6 a{
  color:#c00;
}


h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover,
.h1 a:focus, .h2 a:focus, .h3 a:focus, .h4 a:focus, .h5 a:focus, .h6 a:focus,
.h1 a:active, .h2 a:active, .h3 a:active, .h4 a:active, .h5 a:active, .h6 a:active,
a:hover h1, a:hover h2 , a:hover h3, a:hover h4, a:hover h5 , a:hover h6,
a:focus h1, a:focus h2 , a:focus h3, a:focus h4, a:focus h5 , a:focus h6,
a:active h1, a:active h2 , a:active h3, a:active h4, a:active h5 , a:active h6,
a:hover .h1, a:hover .h2 , a:hover .h3, a:hover .h4, a:hover .h5 , a:hover .h6,
a:focus .h1, a:focus .h2 , a:focus .h3, a:focus .h4, a:focus .h5 , a:focus .h6,
a:active .h1, a:active .h2 , a:active .h3, a:active .h4, a:active .h5 , a:active .h6{
  text-decoration:underline;
}

/*
   1. a:link — stan normalny, odnośnik do strony jeszcze nieodwiedzonej
   2. a:visited — odnośnik do strony już odwiedzonej
   3. a:hover — kursor nad odnośnikiem
   4. a:focus — odnośniki wyróżnione podczas nawiacji klawiaturą (TAB, Shift+TAB)
   5. a:active — odnośnik aktualnie klikany
*/

a,
.link{
	text-decoration:none;
  color:#c00;
}


a[href^="http://"],
.link[title^="http://"]{
   background:transparent url(graphics/arrow-out.gif) no-repeat 100% 50%;
   padding-right:10px;
}

input.link{
  background:none;
  border:none;
  font-size:1em;
}


a:hover, 
a:focus,
a:active,
.link:hover,
.link:focus,
.link:active{
	text-decoration:underline;
  outline:none;
 /* color:#776;*/
}

a:visited{
}


a img{
}

a:hover img,
a:focus img,
a:active img{
}

img{

}

.clear{
  clear:both;
  width:100%;
}

.float-left{
  float:left;
}

.float-right{
  float:right;
}

.hidden{
  display:none !important;
}

.three-columns{
  width:33%;
  float:left;
}

.two-columns{
  width:50%;
  float:left;
}

.two-columns-text{
  padding:0 0 1em 0;
  column-count: 2;
  column-gap: 2em;
  -moz-column-count: 2; 
  -moz-column-gap: 2em; 
  -moz-column-rule: dashed 1px #467;
}

.text-div{
  /*border-top:1px dashed #000;*/
  padding:10px 0;
  overflow:hidden;
}

.logo-left, 
.logo-left:hover,
.logo-left:focus,
.logo-left:active,
a:hover .logo-left,
a:focus .logo-left,
a:active .logo-left{
  float:left;
  margin:0 10px 5px 0;
  border:none;
}

.image-left{
  float:left;
  margin:0 10px 5px 0;
}

.image-block{
  display:block;
  margin:0 10px 0px 0;
}

.button{
  padding:10px;
  line-height:60px;
  background:#c00;
  color:#fff;
  font-weight:bold;
  font-size:14px;
  border-radius:10px;
  border:none;
  cursor:hand;
}

.button:hover{
  cursor:pointer;
  text-decoration:underline;
}

.back{
  float:left;
  white-space:nowrap;
  line-height:20px;
}

.go{
  float:right;
  white-space:nowrap;
  line-height:20px;
}

.middle{
  width:100px;
  margin:auto;
}

.communicate{
  font-weight:bold;
  color:#090;
  padding:20px;
  font-size:1.1em;
  text-align:center;
  border:solid 4px #090;
}

.error{
  font-weight:bold;
  color:#f00;
}

.mandatory{
  color:#c00;
}

.notification{
  text-align:right;
}

.error-2{
  border:solid 4px #f00;
  color:#f00;
  font-size:1.1em;
  font-weight:bold;
  padding:20px;
  margin:10px 0;
  text-align:center;
}

.message{
  border:solid 4px #060;
  color:#060;
  font-size:1.25em;
  font-weight:bold;
  padding:50px 20px;
  text-align:center;
}

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

body{  
  background:#ca9a43 url(graphics/bg-cycle-3a.jpg) repeat 50% 0 fixed;
  padding:0;
}


#hold-all{
  position:relative;
}

#page-top{  
  border-bottom:solid 25px transparent;
}

#page-middle{
  margin:auto;
  position:relative;
  min-width:960px;
  max-width:960px;
  min-height: 500px;
  clear:both;
}

#page-bottom{
  clear:both;
 /* background:#ffd800  url(graphics/fabric.png) repeat 0 0;*/
  /*background:#ffd800  url(graphics/body-bg-3a.png) repeat 0 0; */
}

#container{
  /*background:#fff;*/
  /*background:#fc0 url(graphics/body-bg-3a.png) repeat 50% 0;
  background:#fc0 url(graphics/body-bg-3b.png) repeat 50% 0; */
}

#main-content{
  margin:auto;
  float:right;
  position:relative;
  width:100%;
  padding-bottom:30px;
}

.content-narrow #main-content{
  width:715px;
}

.content-narrowest #main-content{
  width:470px;
  margin:auto;
  float:none;
  clear:both;
}

.content-middle #main-content{
  width:720px;
  margin:auto;
  float:none;
  clear:both;
}

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

#header{
  height:75px;
  margin:auto;
  position:relative;
  max-width:960px;
  min-width:960px;
}

#header .logo{
    left: 30px;
    position: absolute;
    top: 23px;
    width: 75px;
} 

#header .motto{
  position:absolute;
  top:15px;
  left:160px;
  width:365px;
} 

#header .motto-a,
#header .motto-b{
  position:absolute;
  height:23px;
  display:none;
} 
/*
#header .drop-a{
  position:absolute;
  bottom:-201px;
  left:-139px;
}

#header .drop-b{
  position:absolute;
  bottom:-201px;
  right:-139px;
}  */

#header .motto-a{
  top:20px;
  left:245px;
} 

#header .motto-b{
  top:50px;
  right:60px;
}

@font-face
{
font-family: wonton;
src: url(font/wonton.ttf),
     url(font/wonton.eot); /* IE9+ */
}

#header .motto-text{
   /* color: #bb0000; */
    color: #c00;
    font: 23px wonton;
    left: 243px;
    letter-spacing: 18px;
    margin-right: -30px;
    position: absolute;
    text-align: center;
    top: 32px;
    word-spacing: 21px;
} 

#header  h2{
  display:none;
}

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

#footer{
  clear:both;
}

#footer .list-2 {
  text-align:center;
  padding:9px 0;
  
}

#footer .list-2 li{
  display:inline;
  padding:0 5px;
  font-size:1.1em;
  font-weight:bold;
}

#footer .list-2 li a{
  color:#c00;
}

#footer .list-2 .active a{
  color:#c00;
}

#footer .list-2 li a,
#footer .list-2 li span{
 /* color:#ab0808; */
  color:#c00;
  background-image:none;
  padding:10px;
  border-left:none;
  line-height:18px;
  border:dashed 1px transparent;
}

#footer .list-2 .active span,
#footer .list-2 .active a,
#footer .list-2  a:hover,
#footer .list-2  a:focus,
#footer .list-2  a:active{
  text-decoration:none;
  background:#fff;
  background:#fc0 url(graphics/bg-light-a.png) repeat 50% 0;
  position:relative;
  border:dashed 1px #c00;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#footer .motto-text-2{
 /* color: #BB0000;*/
  color: #c00;
  font: 16px wonton;
  letter-spacing: 12px;
  word-spacing: 14px;
  text-align: center;
  padding:30px 0 15px 0;
  display:block;
} 

#footer .info{
  width:500px;
  margin:auto;
  font-size:10px;
  padding:20px 0 10px 0;
  text-align:center;
  color:#000;
}

#footer .copyright{
  padding-right:10px;
}

#footer .engine{
  padding-left:10px;
}

/* ====================== main-nav ============================ */

#main-nav-wrapper{
  width:100%;
  /*background:url(graphics/nav-bg.png) repeat 0 145px;*/
}

#main-nav{
  padding:0 0 0 0;
  top:0;
  line-height:225%;
  font-weight:bold;
  margin:auto;
  position:relative;
  width:960px;
}
/*
#main-nav *{
  border: 1px solid #c00;
  padding:3px;
} */

#main-nav ul li{
  float:left;
  padding:0 5px;
}

#main-nav ul li a,
#main-nav ul li span{
 /* color:#ab0808; */
  color:#c00;
  display:block;
  background-image:none;
  padding:0 10px;
  border-left:none;
  margin:4px 0 0 0;
}

/* ----------- level-1 ----------- */

#main-nav .nav-level-1{
  font-size:14px;
  line-height:275%;
  height:60px;
  position:relative;
}

#main-nav .active li a{
  text-decoration:none;
}

#main-nav .nav-level-1{
  margin-left:135px;
  margin-right: 270px;
}

#main-nav.nav-level-1 li{
  padding:5px;
  position:relative;
}

#main-nav ul  h3{
  font-size:14px;
}

#main-nav .nav-level-1 h3 span,
#main-nav .nav-level-1 h3 a {
  background:none;
  border:dashed 1px transparent;
}

#main-nav .nav-level-1:hover .active h3 span,
#main-nav .nav-level-1:hover .active h3 a {
  background:none;
  border:dashed 1px transparent;
}

#main-nav .nav-level-1 .active h3 span,
#main-nav .nav-level-1 .active h3 a,
#main-nav .nav-level-1  h3 a:hover,
#main-nav .nav-level-1  h3 a:focus,
#main-nav .nav-level-1  h3 a:active,
#main-nav .nav-level-1 .level-1:hover  h3 span,
#main-nav .nav-level-1 .level-1:hover  h3 a,
#main-nav .nav-level-1:hover .active:hover h3 span,
#main-nav .nav-level-1:hover .active:hover h3 a {
  background:#fc0 url(graphics/bg-light-a.png) repeat 50% 0;
  text-decoration:none;
  /*background:#fff; */
  position:relative;
  /*border-color:#fff; */
  border:dashed 1px #c00;
  /* border-top-left-radius: 15px;
  border-top-right-radius: 15px; */
  
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* ----------- level-2 ----------- */

#main-nav  .nav-level-2{
  display:none;
  position:absolute;
  left:255px;
  padding-left:15px;
  top:-10px;
  line-height:195%;
}

#main-nav  .nav-level-1:hover .nav-level-2{
  display:none;
}

#main-nav .nav-level-1:hover .level-1:hover .nav-level-2{
  display:block;
}

#main-nav .active .nav-level-2{
  display:block;
}

#main-nav .nav-level-2 li{
  font-size:12px;
  padding:15px 10px 15px 0;
}

#main-nav .nav-level-2 .level-2 a,
#main-nav .nav-level-2 .level-2  span{
  background:none !important;
  border:dashed 1px transparent;
}

#main-nav .nav-level-2:hover .level-2.active  a,
#main-nav .nav-level-2:hover .level-2.active  span{
  background:none !important;
  border:dashed 1px transparent;
}

#main-nav .level-2.active  a,
#main-nav .level-2.active  span,
#main-nav .nav-level-2:hover .level-2:hover  a,
#main-nav .nav-level-2:hover .level-2:hover  span{
  background:#fc0 url(graphics/bg-light-a.png) repeat 50% 0 !important; 
   text-decoration:none;
  /*background:#fff; */
  position:relative;
  /*border-color:#fff; */
  border:dashed 1px #c00;
  /* border-top-left-radius: 15px;
  border-top-right-radius: 15px; */ 
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* ----------- level-3 ----------- */


#main-nav  .nav-level-3{
  display:none;
  position:absolute;
  top:53px;
  line-height:195%;
  width:345px;
}

#main-nav  .nav-level-2:hover .nav-level-3,
#main-nav  .nav-level-2:hover .level-2.active .nav-level-3{
  display:none;
}


#main-nav  .nav-level-2:hover .nav-level-3 a,
#main-nav  .nav-level-2:hover .nav-level-3 span,
#main-nav  .nav-level-2:hover .level-2 .nav-level-3 a,
#main-nav  .nav-level-2:hover .level-2 .nav-level-3 span,
#main-nav  .nav-level-2:hover .level-2.active .nav-level-3 a,
#main-nav  .nav-level-2:hover .level-2.active .nav-level-3 span{
  background:none !important; 
}

#main-nav  .nav-level-2:hover .level-2.active .level-3:hover a,
#main-nav  .nav-level-2:hover .level-2.active .level-3:hover span{
  background:#fc0 url(graphics/bg-light-a.png) repeat 50% 0 !important; 
}

#main-nav .nav-level-2:hover .level-2:hover .nav-level-3{
  display:block;
}

#main-nav .level-2.active .nav-level-3{
  display:block;
}

#main-nav .nav-level-3 li{
  font-size:12px;
  padding:5px 10px 15px 0;
  background:none !important; 
}

#main-nav .nav-level-3 .level-3 a,
#main-nav .nav-level-3 .level-3  span{
  background:none !important;
  _border:dashed 1px transparent !important; 
}

#main-nav .nav-level-3:hover .level-3.active  a,
#main-nav .nav-level-3:hover .level-3.active  span{
  background:none !important;
  _border:dashed 1px transparent !important;
}

#main-nav .level-3.active  a,
#main-nav .level-3.active  span,
#main-nav .nav-level-3:hover .level-3:hover  a,
#main-nav .nav-level-3:hover .level-3:hover  span{
  background:#fc0 url(graphics/bg-light-a.png) repeat 50% 0 !important; 
  text-decoration:none;
  position:relative;
  border:dashed 1px #c00;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}


/* ====================== account-nav ========================== */
#account-nav-wrapper{
  margin:auto;
  position:relative;
  max-width:960px;
  min-width:960px;
}

.account-nav {
  float:right;
  height:20px;
  margin-top:-42px;
}

.account-nav  li{
  display:inline;
  padding:0 10px;
}
/*
.account-nav  li a{
  color:#c00;
}*/


/* ====================== account-nav-2 ========================== */


/*
.account-nav-2  li{
  display:inline;
  padding:10px 30px;
  font-weight:bold;
  line-height:18px;
  border-radius:10px 10px 0 0;
}

.account-nav-2  li.active{
  background:#fff;
}

.account-nav-2  li:hover{
  background:#fff;
}

.account-nav-2  li:hover a{
  text-decoration:none;
  border-radius:10px 10px 0 0;
}

*/

.account-nav-2 {
  /*background:#fc0 url(graphics/bg-light-a.png) repeat 50% 0;*/
  height:18px;
  padding:15px 0 9px 0;
  margin-top:-8px;
  text-align:center;
  border-radius:0 0 10px 10px;
}


.account-nav-2 li{
  display:inline;
  padding:0 5px;
  font-weight:bold;
}

.account-nav-2 li a{
  color:#c00;
}

.account-nav-2 .active a{
  color:#c00;
}


.account-nav-2 li a,
.account-nav-2 li span{
 /* color:#ab0808; */
  color:#c00;
  background-image:none;
  padding:10px;
  border-left:none;
  line-height:18px;
  border:dashed 1px transparent;
}

.account-nav-2 .active span,
.account-nav-2 .active a,
.account-nav-2  a:hover,
.account-nav-2  a:focus,
.account-nav-2  a:active{
  text-decoration:none;
  background:#fc0 url(graphics/bg-light-a.png) repeat 50% 0;
  position:relative;
  border:dashed 1px #c00;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}



/* ======================== breadcrumbs ================================ */

.breadcrumbs{
  padding:5px 0 15px 0;
  width:100%;
  float:right;
  margin:auto;
}

.breadcrumbs li{
  display:inline;
  padding:0 3px 0 0px;
  color:#000;
}

.breadcrumbs a{
  __color:#c00;
}

.breadcrumbs  a:hover,
.breadcrumbs  a:focus,
.breadcrumbs  a:active{
  color:#000;
}

/* ======================== paginator =========================== */

.paginator{
  padding:10px 0;
  text-align:center;
  clear:both;
}

.paginator li{
  display:inline; 
}

.paginator li a{
  padding:0 5px;
}

.paginator li span{
  color:#c00;
  text-decoration:underline;
  padding:0 5px;
}
/* ======================== prev-up-next-nav =========================== */

.prev-up-next-nav{
  text-align:center;
  border-top:1px dashed #467;
  border-top:1px dashed #000;
  clear:both;
  margin-top:30px;
  padding-top:10px;
}

.prev-up-next-nav .prev{
  padding-right:5px;
}

.prev-up-next-nav .up{
  padding:0 5px;
}

.prev-up-next-nav .next{
  padding-left:5px;
}

.prev-up-next-nav span{
  color:#999;
}


/* ======================== hentry / vevent =========================== */

.hfeed.closed{
  border-bottom:1px dashed #446677;
}

.hentry,
.vevent{
  padding:10px 0;
  position:relative;
}

.hentry.first,
.vevent.first{
  border:none;
  padding-top:0;
}

.hentry.last,
.vevent.last{
  padding-bottom:0;
}

.hentry .entry-footer,
.vevent .event-footer{
  clear:both;
  width:100%;
  padding:0.35em 0 0 0;
}

.hentry .entry-footer:after,
.vevent .event-footer:after{
  content:".";
  display: block;
  float:none;
  width:100%;
  height: 0;
  clear: both;
  visibility:hidden;
} 

.hentry .author{
  color:#940F04;
  font-size:11px;
  float:left;
  margin-left:10px;
}

.hentry .author dl,
.hentry .author dt{
  display:inline;
}

.hentry .author dd{
  display:inline;
  color:#467;
}

.hentry  .date {
  color:#467;
  float:right;
  font-size:11px;
}

.hentry .published,
.datetime{
  font-size:11px;
  float:left;
  color:#000;
}

.hentry .more{
  float:right;
  white-space:nowrap;
}

.hentry address{
  display:none;
} 

/* ======================== vcard =========================== */

.vcard.sign{
  display:none;
}
/* ======================== taglist =========================== */

.taglist{
  clear:both;
  font-size:11px;
}

.taglist ul,
.taglist li,
.taglist h5{
  display:inline;
}

.taglist h5{
  color:#c00;
  font-size:11px;
  font-weight:normal;
}

.taglist .level-1{
  display:block;
}

.taglist ul{
  padding-right:20px;
}


/* ======================== products-list  =========================== */

.products-wrapper{
  float:left;
  width:100%;
}

.products-list{
  float:left;
  width:100%;
  text-align:left;
}

.products-list .product{
  float:left;
  padding:0;
  text-align:center;
}

.products-list .product{
  width:330px;
}


.products-list .column-1{
  clear:both;
  width:315px;
}

.products-list .column-3{
  width:315px;
}

.products-list  .inside {
  padding: 0 15px;
  position:relative;
}

.products-list  .column-1 .inside {
  padding: 0 15px 0 0;
}

.products-list  .column-3 .inside {
  padding: 0 0 0 15px;
}

.products-list .hproduct .photo,
.products-list .hproduct .photo-2{
  width:300px;
  height:400px;
}

.products-list .hproduct .photo,
.products-list .hproduct:hover .photo-2{
  display:block;
}

.products-list .hproduct:hover .photo,
.products-list .hproduct .photo-2{
  display:none;
}

.products-list .hproduct .fn{
  text-align:center;
}

.products-list .hproduct .fn a{
  color:#ca9a43;
  font-size:0px;
  line-height:0;
}

.products-list .hproduct .brand,
.products-list .hproduct .description,
.products-list .hproduct .brand{
  display:none;
}

.products-list .hproduct .price-size{
  font-size:14px;
  font-weight:bold;
  position:absolute;
  right:15px;
  top:368px;
  padding: 10px 15px;
  background:#000;
  /*background:url(graphics/body-bg-2.png) repeat 0 0;*/
}

.products-list .column-3.hproduct .price-size{
  right:0;
}


.products-list .hproduct .old-price,
.products-list .hproduct .price{
  font-size:14px;
  font-weight:bold;
  color: #fff;
}

.products-list .hproduct .old-price{
  color:#c00;
  text-decoration:line-through;
  margin:0 10px 0 0;
}

.products-list .hproduct .old-price .currency{
  padding:0;
}

.products-list .hproduct .currency{
  padding:0 0 0 5px;
}

.products-list .hproduct .size{ 
  font-size:14px;
  font-weight:bold;
  color: #fff; 
}

.products-list .hproduct .entry-footer{
  display:none;
}

/* ======================== designs-list  =========================== */

.designs-wrapper{
  float:left;
  width:100%;
}

.designs-list{
  float:left;
  width:100%;
  text-align:left;
}

.designs-list .product{
  float:left;
  padding:0;
  text-align:center;
}

/* ----- 2 cols ----- */


.twocols .designs-list .product{
  width:473px;
}

.twocols .designs-list .column-1{
  clear:both;
  width:473px;
}

.twocols .designs-list .column-3{
  width:315px;
}


.twocols .designs-list  .column-1 .inside {
  padding: 0 15px 0 0;
}

.twocols .designs-list  .column-3 .inside {
  padding: 0 0 0 15px;
}

.twocols .designs-list .hproduct .photo,
.twocols .designs-list .hproduct .photo-2{
  width:472px;
  height:472px;
}

.twocols .designs-list .hproduct .price-size{
  font-size:14px;
  font-weight:bold;
  position:absolute;
  right:15px;
  top:268px;
  padding: 10px 15px;
  background:#000;
  /*background:url(graphics/body-bg-2.png) repeat 0 0;*/
}

/* ----- 3 cols ----- */


.designs-list .product{
  width:330px;
}

.designs-list .column-1{
  clear:both;
  width:315px;
}

.designs-list .column-3{
  width:315px;
}

.designs-list  .inside {
  padding: 0 15px;
  position:relative;
}

.designs-list  .column-1 .inside {
  padding: 0 15px 0 0;
}

.designs-list  .column-3 .inside {
  padding: 0 0 0 15px;
}

.designs-list .hproduct .photo,
.designs-list .hproduct .photo-2{
  width:300px;
  height:300px;
}

.designs-list .hproduct .photo,
.designs-list .hproduct:hover .photo-2{
  display:block;
}

.designs-list .hproduct:hover .photo,
.designs-list .hproduct .photo-2{
  display:none;
}

.designs-list .hproduct .fn{
  text-align:center;
}

.designs-list .hproduct .fn a{
  color:#ca9a43;
  font-size:0px;
  line-height:0;
}

.designs-list .hproduct .brand,
.designs-list .hproduct .description,
.designs-list .hproduct .brand{
  display:none;
}

.designs-list .hproduct .price-size{
  font-size:14px;
  font-weight:bold;
  position:absolute;
  right:15px;
  top:268px;
  padding: 10px 15px;
  background:#000;
  /*background:url(graphics/body-bg-2.png) repeat 0 0;*/
}

/* ----- 4 cols ----- */

.fourcols .designs-list .product{
  width:247px;
}

.fourcols .designs-list .column-1{
  clear:both;
  width:232px;
}

.fourcols .designs-list .column-4{
  width:232px;
}

.fourcols .designs-list  .column-1 .inside {
  padding: 0 15px 0 0;
}

.fourcols .designs-list  .column-4 .inside {
  padding: 0 0 0 15px;
}

.fourcols .designs-list .hproduct .photo,
.fourcols .designs-list .hproduct .photo-2{
  width:217px;
  height:217px;
}

.fourcols .designs-list .hproduct .price-size{
  font-size:14px;
  font-weight:bold;
  position:absolute;
  right:15px;
  top:217px;
  padding: 10px 15px;
  background:#000;
  display:none;
  /*background:url(graphics/body-bg-2.png) repeat 0 0;*/
}

/* ----------------- */


.designs-list .column-3.hproduct .price-size{
  right:0;
}


.designs-list .hproduct .old-price,
.designs-list .hproduct .price{
  font-size:14px;
  font-weight:bold;
  color: #fff;
}

.designs-list .hproduct .old-price{
  color:#c00;
  text-decoration:line-through;
  margin:0 10px 0 0;
}

.designs-list .hproduct .old-price .currency{
  padding:0;
}

.designs-list .hproduct .currency{
  padding:0 0 0 5px;
}

.designs-list .hproduct .size{ 
  font-size:14px;
  font-weight:bold;
  color: #fff; 
}

.designs-list .hproduct .entry-footer{
  display:none;
}

/* ======================== item-form =========================== */

.item-form,
.form-title{
  width:250px;
  margin:auto;
}

.item-form:after{
  content: '.';
  width:100%;
  height:0px;
  visibility:hidden;
  clear:both;
  display:block;
}

.item-form .field{
  padding-right:20px;
}

.item-form .field-right{
  float:left;
  padding-right:0px;
  margin-right:-20px;
}

.item-form label{
  display:block;
  font-size:12px;
  font-weight:normal;
  color:#446677;
}

.item-form input{
  display:block;
  width:100%;
}

.item-form .textfield input{
  display:block;
  width:250px;
}

.item-form .textfield{
	float:none;
	padding:0;
}

.item-form textarea{
  display:block;
  width:470px;
  height:400px;
}

.item-form .submitfield{
  padding:25px 0 0 0;
  margin-right:-20px;
}

.item-form .submitfield input{
  width:85px;
  height:40px;
  /*background:#c00;
  color:#fff; */
  margin-right:37px;
  font-weight:bold;
}

.item-form  .asterisk{
  text-align:right;
  clear:both;
  padding-top:30px;
  padding-right:18px;
}



/* ===================== system ======================================== */

.statistics{
  width:0;
  height:0;
  overflow:hidden;
}

#script-timing{
  padding: 120px 0pt 20px 120px; clear: both; font-weight: bold;
}
 
/* ===================== facebook_slider ======================================== */

#facebook-likebox{
  background: url('graphics/fb-background.png') no-repeat scroll 0 0 transparent;
  padding: 10px;
  width: 290px;
  height:485px;
  position: fixed;
  right:-278px;
  top:120px;
  /*top: 50%;
  margin-top: -160px;*/
  z-index:2000;
}

#facebook-likebox  .inside{
  float:right;
  width:240px; 
  display:block; 
  margin-right:15px;
  background: #fff;
  height:485px;
}
/*
#facebook-likebox  .close{
  background-position: 0px 0px -242px 0px;
} */