/*
 *  DATA IT (2010)
 *      dla PRIMA MODA
 *        
 *      Szymon Piwowarczyk (szymon@datait.pl)
 *      Kamil Walkowiak (kamil@datait.pl) 
 */
 
/* GENERAL */

body {
 font-family: tahoma;
 color: #404040;
 font-size: 9pt;
 min-height : 100%;
 position : absolute;
 left : 0;
 width : 100%;
 margin : 0; 
}

a {
  text-decoration : none;
  color : #202020;
}

a img {
  border : 0;
}

:focus{
  outline: none;
}

#header, #menu, #content, #footer {
  position : relative;
  width : 996px;
  left : 50%;
  margin-left : -498px;
}

#menu h2, #content h2.title, #footer h2 {
  display : none;
}

.terminator {
  clear : both;
  display : block;
}
 
/* HEADER */

#header h1 {
  margin : 0;
  padding : 0;
  width : 350px;
  height : 80px;
  overflow : hidden;
  text-indent : -10000px;
  background-image : url('../images/logo.gif');
  background-repeat : no-repeat;
}

#header h1 a {
  display : block;
  width : 100%;
  height : 100%;
}

.search {
  position : absolute;
  right : 0;
  top : 28px;
}

.search input[type=text] {
  border : 1px solid #909090;
  padding : 2px;
  width : 140px;
  font-family : tahoma;
}

.search input[type="image"] {
  display: block;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
}

/* AJAX SEARCH */

.ajax_search {
  margin : 0;
  padding : 0;
  background-color : white;
  border : 1px solid #404040;
  position : absolute;
  display : none;
  right : 0;
  width : 200px;
  max-height : 300px;
  overflow : auto;
  font-size : 10pt;
  font-weight : bold;
  z-index : 10000;
}

.ajax_search li {
  list-style-type : none;
  padding : 5px 20px 5px 10px;
  cursor : pointer;
}

.ajax_search li:hover {
  background-color : yellow;
}

/* MENU */

#menu ul {
  margin : 0;
  padding : 0;
  height : 25px;
  overflow : hidden;
  background-color : #6D6E71;
  text-align : center;
}

#menu ul li {
  display : inline;
  list-style-type : none;
  margin : 0;
  text-transform : uppercase;
}

#menu ul li a {
  color : white;
  display : inline-block;
  font-size : 12pt;
  height : 23px;
  padding : 0px;
}

#menu ul li.currentpage a span, #menu ul li a:hover span{
  background-color : #6D6E71;
  background-position: 0 -25px;
  
}

#menu ul li a.promocje span{
 color: #EC6194;
 background-position: 0 -75px;
}

#menu ul li a.promocje:hover span{
 color: #EC6194;
 background-position: 0 -100px;
}

#menu ul li a.wydarzenia span{
 color: #00B5CC;
  background-position: 0 -125px;
}

#menu ul li a.wydarzenia:hover span{
 color: #00B5CC;
  background-position: 0 -150px;
}

/* CONTENT */

#content {
  min-height : 400px;
  z-index : 10;
}

.column {
  /*display : inline-block;
  vertical-align : top;*/
  float:left;
  margin-left: 200px;
  width : 796px;
}

.column-center {
  /*display : inline-block;
  vertical-align : top;*/
  float:left;
  margin-left: 120px;
  width : 796px;
}

.context-menu {
  margin-left: 0;
  width : 200px;
  position: absolute;
  left : 0;
  height: 400px;
}

.damska-back {
  background-image: url('/layouts/wl2010/damska_back.jpg');
}

.meska-back {
  background-image: url('/layouts/wl2010/meska_back.jpg');
}

.akcesoria-back {
  background-image: url('/layouts/wl2010/akcesoria_back.jpg');
}

.context-menu ul {
  margin : 22px 0 0 0;
  padding : 0;
}

.context-menu ul li {
  list-style-type : none;
  margin-bottom : 6px;
  text-align : right;
  text-transform : uppercase;
}

.context-menu ul li a {
  display : block;
  color : white;
  background-color : #6D6E71;
  font-size : 11pt;
  line-height : 25px;
  width : 140px;
  padding-right : 9px;
  text-align: right;
}

.context-menu ul li a span{
 position: relative;
 background-position: right top;
 background-repeat: no-repeat;
 width: 140px !important;
}

.context-menu ul li.currentpage a span, .context-menu ul li a:hover span, .context-menu ul li.currentpage a, .context-menu ul li a:hover{
  background-color : #404040;
  background-position: right -25px;
}

/* FOOTER */

#footer {
  clear : both;
  position : absolute;
  bottom : 10px;
}

#footer ul {
  border-top : 1px solid #808080;
  margin : 0;
  padding : 0;
  height : 30px;
  overflow : hidden;
  text-align : right;
}

#footer ul li {
  display : inline;
  list-style-type : none;
  margin : 0;
  text-transform : uppercase;
}

#footer ul li a {
  color: #404040;
 /* color : #A0A0A0; */
  display : inline-block;
  font-size : 11pt;
 /* font-weight : bold; */
  line-height : 30px;
  padding : 0 25px 0 0;
  vertical-align : middle;
  
}

#footer ul li a span{
 background-position: 0 -50px;
}

#footer ul li a.special {
  color : #3FC7D8;
}

#footer ul li.currentpage a, #footer ul li a:hover {
  color : #707070;
}

#footer ul li a.special span {
	background-position : 0 -175px;
}

#footer #certificates li.separator {
	border-left : 1px solid gray;
	height : 25px;
	margin : 2px 0;
}

#certificates {
  position : absolute;
  left : 10px;
  top : 0;
}

#certificates ul li {
  float : left;
}

#certificates ul li a {
  display : block;
  background-repeat : no-repeat;
  background-position : center center;
  height : 30px;
  text-indent : 10000px;
  padding : 0 24px 0 0;
}

#certificates .gazele {
  background-image : url('../images/icons/gb.gif');
  width : 49px;
}

#certificates .gpw {
  background-image : url('../images/icons/gpw.gif');
  width : 43px;
}

#certificates .zj {
  background-image : url('../images/icons/dq.gif');
  width : 19px;
}

#certificates .ue {
  background-image : url('../images/icons/ue.gif');
  width : 30px;
}

#certificates .facebook {
  background-image : url('../images/icons/facebook.gif');
  width : 18px;
}

#certificates .tweeter {
  background-image : url('../images/icons/tweeter.gif');
  width : 18px;
}

#certificates .flickr {
  background-image : url('../images/icons/flickr.gif');
  width : 45px;
}

#certificates .blip {
  background-image : url('../images/icons/blip.gif');
  width : 31px;
}

/* INFO */

.info {
  position : relative;
  clear : both;
  left : 50%;
  margin-left : -498px;
  width : 996px;
  text-align : right;
  margin-bottom : 50px;
}

.info span {
  border-top : 6px solid #58585a;
  color : #f5649c;
  font-size : 11pt;
  /*font-weight : bold;*/
  display : block;
  width : 996px;
  padding-top : 2px;
}

/* PRODUCTS */

#paginator {
 clear: both;
}

#paginator a {
 display: inline-block;
 padding: 2px 4px 2px 4px;
 border: 1px solid #D6D6D6;
 margin: 32px 2px 32px 2px;
 color : black;
}

#paginator a:hover {
  background-color : #707070;
  color : white;
}

#paginator a.current {
  background-color : #404040;
  color : white;
  font-weight : bold;
}

.last {
 border: 0px;
}

.current {
 background: #ECECEC;
}

.items li {
  position : relative;
  display: block;
  width: 220px;
  height: 240px;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  border: 1px solid #FFFFFF;
  background-color : white;
  text-align: center;
}

.items li:hover {
  border : 1px solid #DEDEDE;
}

.items li.pending{
   border: 1px solid #EFEAAC;
}

.items li.pending:hover{
   border: 1px solid #DBCE46;
}

.items li.deleted{
   border: 1px solid #D89C9C;
}

.items li.deleted:hover{
   border: 1px solid #D67171;
}

.items li.hiden{
 display: none;
}

.items li img {
 width: 200px;
 height: 200px;
 margin: 5px auto 0px auto;
}

.items li a {
  text-decoration: none;
  color: #040404;
}

.items li a.name {
  right : 20px;
  bottom : 20px;
  text-transform: uppercase;
  position : absolute;
}

.items li a.price {
  right : 20px;
  bottom : 5px;
  position : absolute;
}

.items li a.newprice {
	right : 20px;
	bottom : 5px;
	color : red;
  position : absolute;
}

.items li a.oldprice {
	left : 20px;
	bottom : 5px;
	text-decoration : line-through;
  position : absolute;
}

/*
 widok produktu
*/

.product{
 padding: 48px 0px 20px 20px;
}

.product h2{
 position: absolute;
 top: 17px;
 left: 220px;
  font-size: 13pt;
 font-weight: bold;
 font-family: tahoma;
 margin: 0px;
 padding: 0px;
 text-transform: uppercase;
}

.product .desc{
 margin-right: 458px;
 line-height: 16px;
  text-align: justify;
 min-height: 380px;
}

.product .price{
 position: absolute;
 top: 17px;
 right: 180px;
 font-size: 13pt;
 font-weight: bold;
 font-family: tahoma;
}

.product .newprice {
	color : red;
}

.product .oldprice {
	text-decoration : line-through;
	padding-right : 15px;
}

.product .main_photo{
 position: absolute;
 right: 180px;
 top: 50px;
 text-align: left;
 width: 260px;
 height: 260px;
}

.product .main_photo ul li img, .product .photos ul li img{
 border: 1px solid #DDDDDD;
}

.product .main_photo, .main_photo ul, .main_photo li{
 margin: 0px;
 padding: 0px;
}

.product .photos{
 position: relative;
 top: 2px;
 right: 0px;
 margin-bottom: 40px;
 z-index: 20000;
 text-align: left;
}

.product .photos ul{
 text-align: left;
 
}

.product .main_photo ul, .product .photos ul{
 list-style-type: none;
 }
 
 .product .photos ul li{
 display: inline-block;
 float: left;
 margin: 0px 5px 0px 0px;
 padding: 0px;
 list-style-type: none;
 }
 
 a.new{
  position: relative;
  top: 20px;
  left: 20px;
 }
 
 a.new img{
  width: 33px;
  height: 16px;
 }
 
 .main_photo a.new{
  position: absolute;
  margin-left: 20px;
  margin-top: 20px;
  border: 1px solid #fff !important;
 }
 
.main_photo a.new img{
  border: 1px solid #fff !important;
  width: 33px;
  height: 16px;
}
 
/* PRESS ROOM */

.press {
  margin : 0;
  padding : 0;
  width : 100%;
 /* background-image : url('../images/pressroomtitle.gif'); NO TITLE */ 
  background-repeat : no-repeat;
}

.press li {
  position : relative;
  margin : 5px;
  padding : 10px;
  list-style-type : none;
  float : left;
  width : 300px;
  height : 147px;
  background-color : #eeeeee;
  border : 1px solid #cccccc;
}
 
.press_obrazek {
  border : 1px solid #202020;
  margin-right : 4px;
  float : left;
}

.press_text {
  font-weight : bold;
}

.press_link a {
  position : absolute;
  bottom : 10px;
  right : 10px;
}

.press_news {
  text-align : center;
}

/* WYDARZENIA */

.wydarzenia-tresc {
  float : left;
  width : 282px;
  height : 400px;
  text-align : center;
}

.wydarzenia-tresc .title {
  color : #0095DA;
  font-size : 15px;
  margin : 20px;
  font-weight : bold;
  font-family : times;
}

.wydarzenia-tresc .txt {
  font-size : 8pt;
  line-height : 14pt;
  color : gray;
  padding-top: 8px;
  margin : 0 10px;
}

.flash-false.wydarzenia {
  height : 400px;
  overflow : hidden;
  text-align: right;
}

.flash-false.wydarzenia img {
  margin-left : 12px;
}

.next_page, .prev_page {
  position : absolute;
  bottom : 10px;
  background-repeat : no-repeat;
  width : 32px;
  height : 32px;
  text-indent : -10000px;
}

.next_page a, .prev_page a {
  display : block;
  width : 100%;
  height : 100%;
}

.next_page {
  left : 248px;
  background-image : url('../images/turn_right.png');
}

.prev_page {
  left : 10px;
  background-image : url('../images/turn_left.png');
}

.next_page:hover, .prev_page:hover {
  background-position : 0 -32px;
}

/* frontpage admin tools */

ul.items li .admin_toolbox{
 display: none;
}

ul.items li:hover .admin_toolbox{
 display: block;
 position: absolute;
 top: 2px;
 left: 6px;
 z-index: 100000000;
}

img.admin_box_link, div.admin_box img{
 width: 16px !important;
 height: 16px !important;
}

img.admin_box_link{
 position: relative;
 margin-right: 6px !important;
}

.admin_box{
 display: none;
 font-size: 7pt;
 text-align: left;
 margin-left: -4px;
 border: 1px dotted #ddd;
 width: 100px;
 position: absolute;
 top: 22px;
 left: 6px;
 padding: 4px;
 background: url("/images/glass.png");
}


.admin_box a{
 position: relative !important;
 padding: 1px;
}

.admin_box a:hover{
  background: url("/images/glass.png");
}

.admin_box form input{
 height: 10px;
 width: 28px;
 border: 1px solid grey;
}

.admin_box form input.submit{
 width: 34px;
 height: 16px;
 font-size: 10px;
}

#panel_items{
 margin: 0px;
 padding: 60px 0 0 0;
 text-align: center;
}

#panel_items{
 list-style-type: none;
}

#panel_items li{
 display: block;
 float: left;
 padding: 10px;
}

#content .wydarzenia .wydarzenia-tresc .title{
 font-family: tahoma !important;
}
a.new{
 position: absolute;
 margin-top: 20px;
 margin-left: 20px;
}