/* ALLG
------------------------------------------------------------------------------*/

*{
  font-family: helvetica, arial, sans-serif;
  font-size:12px;
  outline:none;
  color:#333;
}

body{
  margin:0;
  padding:0;
  background:#FFF;
  text-align:center;
}

.clear{
  clear:both;
  height:0;
}

img{
  border:0;
}

.counter,
.facebook{
  position:absolute;
  left:-2000px;
  top:-2000px;
}




h1,
h2{
  margin:0;
  padding:0 0 10px 0;
  font-family: Georgia;
  font-size:12px;
}

h2{
  font-size:12px;
  color:#666;
}

#content .line,
#sidebar .line{
  width:100%;
  background:transparent url(../images/layout/line.gif) repeat-x 50% 50%;
  clear:both;
}

#content .line{
  height:40px;
}

#sidebar .line{
  height:10px;
}



#content a{
  color:#e54690;
  text-decoration:none;
}

#content a:hover{
  color:#666;
}

#sidebar a{
  color:#666;
  text-decoration:none;
}

#sidebar a:hover{
  color:#e54690;
}

#content p{
  line-height: 1.4em;
  padding:0 0 10px 0;
  margin:0;
}

#sidebar ul,
#content ul{
  margin:0;
  padding:0;
  list-style-type:none;
}

#sidebar ul li,
#content ul li{
  line-height:1.4em;
  background: url(../images/layout/dot.gif) no-repeat left 50%;
  padding:0 0 0 12px;
}

#sidebar ul li span{
  color:#999;
  font-size:11px;
}


#content ol{
  margin:0 0 10px 0;
  padding:0 20px;
}

#content ol li{
  line-height:1.4em;
}

.right{
  text-align:right;
}


/* TOOLTIP
------------------------------------------------------------------------------*/

#tooltip {
	padding: 2px 5px;
	background: #ffffe0;
	border: 1px solid #ebeba9;
	text-align: left;
	font-size: 11px;
	color:#666;
}

#tooltip b{
  color:#666;
}

/* BOX > SIDEBAR
------------------------------------------------------------------------------*/

#sidebar .box_top{
  height:10px;
  width:230px;
  background: url(../images/layout/bg_sb_top.gif) no-repeat left top;
}

#sidebar .box_mid{
  background: #f2f2f2;
  width:200px;
  padding:5px 15px;
}

#sidebar .box_bot{
  height:10px;
  width:230px;
  background: url(../images/layout/bg_sb_bot.gif) no-repeat left bottom;
  margin:0 0 20px 0;
}

#sidebar .banner{
  margin:0 0 20px 0;
}


/* BOX > CONTENT
------------------------------------------------------------------------------*/

#content .box_top{
  height:10px;
  width:710px;
  background: url(../images/layout/bg_content_top.gif) no-repeat left top
}

#content .box_mid{
  background: #f2f2f2;
  width:670px;
  padding:5px 20px;
}

#content .box_bot{
  height:10px;
  width:710px;
  background: url(../images/layout/bg_content_bot.gif) no-repeat left bottom;
}

/* CONTENT > ARTIKEL > LIST
------------------------------------------------------------------------------*/

#content .article_list a{
  width:150px;
  height:150px;
  background-repeat: no-repeat;
  background-position: center;
  display:block;
  margin:15px 15px 15px 0;
  float:left;

}

#content .article_list a{
  border:3px solid #FFF;
}

#content .article_list a.last{
  margin:15px 0 15px 0;
}

/* CONTENT > ARTIKEL > DETAIL
------------------------------------------------------------------------------*/

#content .detail{
  margin:20px 0;
}


#content .detail .images{
  width:380px;
  float:left;
}

#content .detail .images a img{
  width:350px;
  border:4px solid #FFF;
  margin:0 0 20px 0;
}


#content .detail .info{
  width:280px;
  float:left;
}

#content .detail .info p{
  color:#666;
  margin:0 0 10px 0;
}

#content .detail .info .price{
  font-size:25px;
  font-weight:bold;
  font-family: Georgia;
}


#content .detail .info .price span{
  color:#999;
  font-size:10px;
}

#content #interview{
  margin:0 0 20px 0;
}

#content .detail .info span.sold{
  font-size:12px;
  font-weight:bold;
  font-family: Georgia;
  text-transform:uppercase;
}


/* CONTENT > ARTIST
------------------------------------------------------------------------------*/

#content .artist{
  margin:20px 0;
}

#content .artist .images{
  width:260px;
  float:left;
}

#content .artist .images img{
  border:4px solid #FFF;
  margin:0 0 20px 0;
}

#content .artist .info{
  width:390px;
  float:left;
}

#content .artist .info p{
  color:#999;
  margin:0 0 10px 0;
}

#content .artist .info p i{
  color:#999;
}


#content .artist .info h2{
  margin:0 0 0 0;
}

#content .artist .info h3{
  color:#999;
  font-size:10px;
  margin:0 0 20px 0;
  padding:0;
  text-transform: uppercase;
}

/* CONTENT > SIZECHART
------------------------------------------------------------------------------*/

table.sizechart {
  float:left;
  height:100px;
  margin:20px 0 60px;
  width:350px;
}

table.sizechart th {
  border-bottom:1px solid #aaa;
  color:#999;
  font-size:10px;
  padding:5px 3px;
  text-align:right;
}

table.sizechart td {
  color:#333333;
  font-size:10px;
  height:20px;
  padding:3px;
  text-align:right;
}
table .border {
  border-bottom:1px solid #FFF;
}

img.sizechart {
  float:left;
  margin:0 0 20px 30px;
}


/* BOX > CART
------------------------------------------------------------------------------*/

#sidebar .box_mid .cart hr{
  margin:0;
  padding:1px 0 0 0 ;
  height:1px;
  border:0;
  border-top:1px solid #dcdcdc;
  clear:both;
}

#sidebar .box_mid .cart{
  font-size:11px;
  margin:10px 0 0 0;
}

#sidebar .box_mid .cart div.quantity,
#sidebar .box_mid .cart div.article a,
#sidebar .box_mid .cart div.article,
#sidebar .box_mid .cart div.price,
#sidebar .box_mid .cart div.total{
  font-size:11px;
  padding:2px 0 1px 0;
}

#sidebar .box_mid .cart div.article{
  float:left;
  width:120px;
  color:#666;
}

#sidebar .box_mid .cart div.price{
  float:right;
}

#sidebar .box_mid .cart div.total{
  float:right;
  padding:3px 0;
}

/* CONTENT > CART (SITE)
------------------------------------------------------------------------------*/

#content table.cart{
  width:100%;
  margin:10px 0 0 0;
  empty-cells: show;
}

#content table.cart th{
  border-bottom:1px solid #CCC;
  padding:3px 3px 6px 3px;
}

#content table.cart td{
  border-bottom:1px solid #dcdcdc;
  padding:10px 3px;
}


#content table.cart td.article,
#content table.cart th.article{
  text-align:left;
  width:300px;
}

#content table.cart td.article span{
  color:#666;
  font-size:11px;
}

#content table.cart td.price,
#content table.cart th.price,
#content table.cart td.subtotal,
#content table.cart th.subtotal{
  text-align:right;
  width:120px;
}

#content table.cart td.quantity,
#content table.cart th.quantity{
  text-align:center;
  width:60px;
  text-align:right;
}

#content table.cart td.quantity input{
  width:25px;
  text-align:center;
}

#content table.cart td.code{
  text-align:right;
  color:#666;
}


#content table.cart td.code input{
  width:80px;
  margin:0 0 0 5px ;
}

#content table.cart td.code_msg b{
  font-weight: bold;
}


#content table.cart td.code_msg p.error{
  color:#870000;
  font-size:11px;
}


#content table.cart td.quantity img,
#content table.cart td.code img{
  margin:0 0 0 5px;
  position:relative;
  top:3px;
  cursor:pointer;
}


#content table.cart td.delete,
#content table.cart th.delete{
  text-align:center;
  width:40px;
}

#content table.cart td.delete a{
  font-weight:bold;
  text-decoration:none;
  color:red;
}

#content table.cart td.mwst{
  text-align:right;
}

#content table.cart td.total{
  text-align:right;
  font-weight:bold;
}

#content table.cart td.link{
  text-align:right;
  padding:5px 0 5px 0;
  border-bottom:0;
}


/* FORM
------------------------------------------------------------------------------*/

fieldset{
  margin:0;
  padding:0;
  border:0;
}

select.error,
input.error{
  background: #ffdddd;
}

.msg_error{
  color: #870000;
  padding:10px 10px 10px 30px;
  background:#FFF url(../images/layout/icon_error.gif) no-repeat 10px 50%;
  margin:20px 0 0 0;
}


select.opt{
  width:200px;
  float:left;
}

p.opt{
  font-size:11px;
  width:200px;
  font-style: italic;
  float:left;
}

#content div#quantity{
  float:left;
  width:20px;
  margin:0 0 0 10px;
}


#content input.quantity{
  width:20px;
  text-align:center;
}


#content #form_cash{
  width:100%;
}

#content #form_cash fieldset{
  margin:0 0 10px 0;
  padding:0;
  border:0;
}

#content #form_cash legend{
  font-weight:bold;
  margin:0 0 0 0;
}

#content #form_cash label{
  float:left;
  font-size:11px;
  width:110px;
  margin:5px 0;
}

#content #form_cash input,
#content #form_cash select{
  width:300px;
  float:left;
  margin:5px 0;
  padding:2px;
}

#content #form_cash input.sml,
#content #form_cash select.sml{
  width:70px;
  padding:2px;
}

#content #form_cash textarea{
  width:300px;
  height:100px;
  overflow:auto;
  padding:2px;
}

#content a.btn_cart{
  width:280px;
  height:40px;
  line-height:40px;
  display:block;
  background: url(../images/layout/btn_cart.gif) no-repeat left top;
  text-align:center;
}

#content a:hover.btn_cart{
  background: url(../images/layout/btn_cart.gif) no-repeat left bottom;
}

#content a.btn_cash{
  width:140px;
  height:40px;
  line-height:40px;
  display:block;
  background: url(../images/layout/btn_cash.gif) no-repeat left top;
  text-align:center;
  float:right;
}

#content a:hover.btn_cash{
  background: url(../images/layout/btn_cash.gif) no-repeat left bottom;
}



/* CONTAINER
------------------------------------------------------------------------------*/

#container{
  width:960px;
  margin: 0 auto;
  text-align: left;
}

#header{
  margin:20px 0 20px 0;
  background: url(../images/layout/header.jpg) no-repeat;
}

#header a{
  background: url(../images/layout/header.jpg) no-repeat;
  width:960px;
  height:250px;
  display:block;
}


#sidebar{
  width:230px;
  float:left;
}

#content{
  width:710px;
  float:right;
}

#footer{
  clear:both;
  margin:20px 0;
  text-align:right;
  color:#999;
  font-size:10px;
  padding:0 10px 0 0;
}

#footer a{
  color:#999;
  font-size:10px;
  text-decoration:none;
  text-transform: uppercase;
}

#footer a:hover{
  color:#333;
}