
/* **************************************************************** */
/* box */
/* **************************************************************** */
.box { float:left; background-color:#fff; margin:0px 0px 10px 0px; border:1px solid #d5d5d5; width:200px; position:relative;}
.box h3 { font-size:14px; padding:0px 0px 0px 11px; color:#363636; margin-bottom:10px; font-weight:bold; }

.box .content { padding: 10px 5px 5px 5px; }

.box ul { margin:0; padding:0; list-style:none; }
.box ul li  
{
	margin:0; 
	padding:5px 5px 10px 70px; 
	position:relative; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e6e6e6; 
	margin-bottom:12px;
	min-height:53px;
}

.box h4 { font-size:12px; font-weight:bold; margin-bottom:2px; padding-bottom:2px; border-bottom:1px solid #d5d5d5; }
.box h4 a, .box h4 a:link  { color:#515152; }

.box a.product  
{
	position:absolute; top:5px; left:5px;
	background-color:#FFFFFF;	
	height:58px;	
	width:58px;
}

span.price { font-weight:bold; font-size:12px; margin-left:5px;}

.fp      span.price  { color:#0f75bc; }
.fashion span.price  { color:#ca0088; }
.health  span.price  { color:#9ec54d; }
.kids    span.price  { color:#cf4239; } 
.home    span.price  { color:#575757; } 
.books   span.price  { color:#13a89e; }

span.price.fp       { color:#0f75bc; }
span.price.fashion  { color:#ca0088; }
span.price.health   { color:#9ec54d; }
span.price.kids     { color:#cf4239; } 
span.price.home     { color:#575757; } 
span.price.books    { color:#13a89e; }

/* **************************************************************** */
/* Frontpage product          																			*/
/* **************************************************************** */
.fp-product { float:left; position:relative; margin-bottom:10px; width:750px; border:1px solid #d5d5d5;  }
.fp-product .content { float:left;  padding:0px 0px 0px 0px; }
.fp-product img { float:left;  }
.fp-product h2 { font-size:44px; font-weight:bold; margin-top:30px;}

.fp-product .bottom { float:left; position:relative; width:100%; height:42px; background:#fff url(../img/fp-product-bg.gif) repeat-x bottom left; }
.fp-product .bottom a { position:absolute; left:15px; bottom:10px;}

/* we recommend */
.fp-recommend { float:left; width:750px; margin-top: 10px; margin-bottom:10px; border:1px solid #d5d5d5; background: #414141 url(../img/recommend-bg.gif) repeat-x top left; }
.fp-recommend .content { padding:8px 5px 5px 10px  }
.fp-recommend .content .item { padding-bottom:10px; width:171px; height:218px; position:relative;}
.fp-recommend .price-row { position:absolute; bottom:6px; left:3px; float:left; }
.fp-recommend h4 { color:#fff; padding:0px 0px 5px 5px; font-size:14px; font-weight:bold; }
.fp-recommend h5 a { color:#fff; font-size:12px; font-weight:bold;  }
.fp-recommend ul { margin:0; padding:0; list-style:none; }
.fp-recommend ul li { float:left; margin-left:12px; }
.fp-recommend ul li:first-child { margin-left:0px; }
.fp-recommend .item a.img { float:left; border:1px solid #dedfda; height:155px; width:171px; margin-bottom:8px; }
.fp-recommend ul li span { color:#fff;  }

/* info boxes */
.fp-box { float:left; min-height:134px; position:relative; width:370px; background-color:#fff; border:1px solid #d5d5d5; margin-right:8px; }

#two-col-sub .fp-box.marta { width:200px;  }

.fp-box.marta .deco { position:absolute; background: url(../img/tisku-icon-hair.png) no-repeat top left; top:7px; right:7px; width:46px; height:53px; }
.fp-box.marta .content { padding:10px 15px 10px 15px; }
.fp-box.marta h5 { color:#ec008c;  }

.fp-box.info { margin-right:0px; min-height:134px;}
.fp-box.info .content { padding:10px 40px 10px 40px; }

.fp-box .list { float:left; margin-right:80px; }
.fp-box .list.right { margin-right:0px; }

.fp-box.info p { font-weight:bold; font-size:13px; margin-bottom:8px; }

.fp-box ul { margin:0; padding:0; list-style:none; }
.fp-box ul li { padding:0 0 8px 0; }
.fp-box ul li a { color:#414141; }


/* **************************************************************** */
/* Sub page definitions																							*/
/* **************************************************************** */

.standard-content { padding:0px 10px 5px 10px; }

.cat-img { margin-bottom:10px; }
.cat-img img { border:1px solid #d5d5d5; }

/* product list, popular, news products and complete product list */
.sub-prodlist { float:left; margin-bottom:10px; padding-bottom:10px;  width:100%;}


.sub-prodlist.new { border:none; }
.sub-prodlist h2 { font-weight:bold; margin-left:0px; margin-top:10px; }
.sub-prodlist ul { margin:0; padding:0; list-style:none; }
.sub-prodlist ul li { float:left; margin-right:6px; }
.sub-prodlist ul li .item { float:left; width:145px; min-height:240px; }
.sub-prodlist ul li:last-child { margin-right:0px; }
.sub-prodlist .item a.img { float:left; background-color:#fff; border:1px solid #dedfda; height:120px; width:143px; margin-bottom:8px; }

.fp      .sub-prodlist .item a.img:hover { border:1px solid #0f75bc; }
.fashion .sub-prodlist .item a.img:hover { border:1px solid #ca0088; }
.health  .sub-prodlist .item a.img:hover { border:1px solid #9ec54d; }
.kids    .sub-prodlist .item a.img:hover { border:1px solid #cf4239; }
.home    .sub-prodlist .item a.img:hover { border:1px solid #575757; }
.books   .sub-prodlist .item a.img:hover { border:1px solid #13a89e; }

.sub-prodlist ul li span { color:#515152;  }
.sub-prodlist h5 { margin-bottom:5px; }
.sub-prodlist h5 a {  color:#414141; font-size:12px; font-weight:bold; }
.sub-prodlist h5 a:link { color:#515152; font-size:12px; font-weight:bold;  }

.fp      .sub-prodlist h5 a:hover { color: #0f75bc; }
.fashion .sub-prodlist h5 a:hover { color: #ca0088; }
.health  .sub-prodlist h5 a:hover { color: #9ec54d; }
.kids    .sub-prodlist h5 a:hover { color: #cf4239; }
.home    .sub-prodlist h5 a:hover { color: #575757; }
.books   .sub-prodlist h5 a:hover { color: #13a89e; }

/* **************************************************************** */
/* Product detail view																							*/
/* **************************************************************** */
.prod-detail { float:left; padding-bottom:6px; margin-bottom: 7px; }

/* color specific*/
.fp				.prod-detail { border-bottom:3px solid #0f75bc; }
.fashion	.prod-detail { border-bottom:3px solid #ca0088; }
.health		.prod-detail { border-bottom:3px solid #9ec54d; }
.kids		  .prod-detail { border-bottom:3px solid #cf4239; } 
.home			.prod-detail { border-bottom:3px solid #575757; } 
.books		.prod-detail { border-bottom:3px solid #13a89e; }

.prod-detail .title { position:absolute; top:195px; left:499px; }
.prod-detail .title h2 { margin-bottom:3px; font-weight:bold; }
.prod-detail .title p { margin:2px 0 2px 0; }

.prod-detail .img { float:left; /*width:336px;*/}
.prod-detail .img #image { /*position:relative;*/ width:336px; background-color:#fff; border:1px solid #d5d5d5; text-align:center; height:415px; display:table-cell; vertical-align:middle;}
.prod-detail .img #image img { vertical-align:middle;}
.prod-detail .img #image .big-view  { position:absolute; bottom:5px; right:10px; }
.prod-detail .img #image .enlarge { float:right; margin:0px 5px 5px 0;  }

.prod-detail .info { float:left; width:474px; }
.prod-detail .info .content { float:left; padding:10px 10px 10px 15px; min-height: 20px; }

/* tabs, style also in ../js/ui.tabs.css */
.prod-detail .info .tabs { width:100%; float:left; margin-left:10px; }
.prod-detail .info .tabs ul { margin:0; padding:0; list-style:none; }
.prod-detail .info .tabs ul li { margin:0 5px 0 0; padding:0; float:left; }
.prod-detail .info .tabs ul li a,  
.prod-detail .info .tabs ul li a:hover { float:left; text-decoration:none; color:#a3a0a0; padding:5px 10px 5px 10px; border: 1px solid #d5d5d5; border-bottom:none; }

.fp       .prod-detail .info .tabs ul li.ui-tabs-selected a { color: #0f75bc; }
.fashion  .prod-detail .info .tabs ul li.ui-tabs-selected	a	{ color: #ca0088; }
.health   .prod-detail .info .tabs ul li.ui-tabs-selected	a	{ color: #9ec54d; }
.kids     .prod-detail .info .tabs ul li.ui-tabs-selected	a	{ color: #cf4239; }
.home     .prod-detail .info .tabs ul li.ui-tabs-selected	a	{ color: #575757; }
.books    .prod-detail .info .tabs ul li.ui-tabs-selected	a	{ color: #13a89e; }

.prod-detail .info .tabs-content { width:100%; min-height:80px; float:left; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }

/* size info */
.prod-detail .info .size { float:left; width:100%; border-bottom: 1px solid #d5d5d5; position:relative; }
.prod-detail .info .size .choose { float:left; }
.prod-detail .info .size .choose table { width:150px; margin-left: 50px; }
.prod-detail .info .size .choose .inp { float:left; width:215px; border-right:1px solid #d5d5d5; }
.prod-detail .info .size .choose .inp p { position:absolute; top:37%; left:15px; font-weight:bold;  }
.prod-detail .info .size .choose .inp input { float:left; }

.prod-detail .info .size .quantity { float:left; margin-left:80px; }
.prod-detail .info .size .quantity p { position:absolute; top:37%; right:150px; font-weight:bold; }
.prod-detail .info .size .quantity select { position:absolute; top:39%; right:100px;  }

.prod-detail .info .size .soldout { position: absolute; right: 20px; font-weight: bold; font-size:14px; }
.fp      .soldout  { color:#0f75bc; }
.fashion .soldout  { color:#ca0088; }
.health  .soldout  { color:#9ec54d; }
.kids    .soldout  { color:#cf4239; } 
.home    .soldout  { color:#575757; } 
.books   .soldout  { color:#13a89e; }

/* Price, amount add to basket */
.prod-detail .info .amount { width:100%; float:left; border-bottom: 1px solid #d5d5d5; position:relative; }
.prod-detail .info .amount-info { float:left; margin-top:10px; }
.prod-detail .info .amount-info span { float:left; font-size:13px; margin-bottom:2px; padding-bottom:2px;  }
.prod-detail .info .amount-info span.price { margin-left:0px; font-size:22px; font-weight:bold; border-top:1px solid #d5d5d5; }

.prod-detail .info .amount-info a { position:absolute; color:#fff; text-decoration:none; top:35px; right:0px; text-transform:uppercase; font-weight:bold; font-size:0.9em; padding:6px 0px 5px 0;  text-indent:28px; width:125px; height: 13px;  background:url(../img/add-basket.png) no-repeat 0px -24px; }

.fp      .prod-detail .info .amount-info a				{ background:url(../img/add-basket.png) no-repeat 0px -24px; }
.fp      .prod-detail .info .amount-info a:hover	{ background:url(../img/add-basket.png) no-repeat 0px 0px; }
.fashion .prod-detail .info .amount-info a				{ background:url(../img/add-basket.png) no-repeat 0px -72px; }
.fashion .prod-detail .info .amount-info a:hover	{ background:url(../img/add-basket.png) no-repeat 0px -48px; }
.health  .prod-detail .info .amount-info a				{ background:url(../img/add-basket.png) no-repeat 0px -120px; }
.health  .prod-detail .info .amount-info a:hover	{ background:url(../img/add-basket.png) no-repeat 0px -96px; }
.kids    .prod-detail .info .amount-info a				{ background:url(../img/add-basket.png) no-repeat 0px -168px; }
.kids    .prod-detail .info .amount-info a:hover	{ background:url(../img/add-basket.png) no-repeat 0px -144px; }
.home    .prod-detail .info .amount-info a				{ background:url(../img/add-basket.png) no-repeat 0px -216px; }
.home    .prod-detail .info .amount-info a:hover	{ background:url(../img/add-basket.png) no-repeat 0px -192px; }
.books   .prod-detail .info .amount-info a				{ background:url(../img/add-basket.png) no-repeat 0px -264px; }
.books   .prod-detail .info .amount-info a:hover	{ background:url(../img/add-basket.png) no-repeat 0px -240px; }

.prod-detail .info .amount-info a span { float:right; color:#fff; text-transform:uppercase; font-weight:bold; font-size:11px; padding-right:5px; }

/*back button, social media*/
.prod-detail .info .back { width:100%; float:left;  position:relative; padding-bottom:10px; }
.prod-detail .info .back ul { margin:0; padding:0; float:right; list-style:none; position:absolute; right:5px;  }
.prod-detail .info .back ul li {  float:left; margin-left:10px; }

.prod-detail .info .back a.back { padding-top:5px;  }
.prod-detail .info .back a, .prod-detail .info .back a:link  { float:left; color:#333333;  }

.prod-detail .info .back li a { padding:4px 0 4px 0; }
.prod-detail .info .back li.facebook { /*background:url(../img/facebook.png) no-repeat 5% 50%;*/ }
span.FBConnectButton_Simple { margin: 0px 0px 0px 0px; background:url(../img/facebook.png) no-repeat 5% 50%; height:100px; padding:10px 10px 10px 13px; }
.prod-detail .info .back .facebooklike { }
.prod-detail .info .back li.facebook a { text-indent:35px; }
.prod-detail .info .back li.twitter { background:url(../img/twitter.png) no-repeat 5% 50%; }
.prod-detail .info .back li.twitter a { text-indent:35px; }

/* Splash window when product is added to basket */
.basket-splash { position:absolute; z-index:999; top:45%; color:#fff; left:45%; height:114px; width:150px; background:url(../img/mini-basket.gif) no-repeat top left; }
.basket-splash .basket-padding { padding:40px 10px 5px 10px;} 
.basket-splash h3 { font-size:14px;  font-weight:bold; color:#fff; }

/* Image replacement, image scrolling (carousel) */
.prod-img-small { position:absolute; left:17px; top:248px; }
.prod-img-small ul { margin:0; padding:0; list-style:none; }
.prod-img-small ul li { margin:0 0 10px 0; padding:0; }
.prod-img-small ul li img {  border:1px solid #d5d5d5;  }

/* Product related to the detail view */
.prodlist-related { float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #afafaf; }
.prodlist-related h2 { font-weight:bold; margin-left:10px; color:#414141; }
.prodlist-related ul { margin:0; padding:0; list-style:none; }
.prodlist-related ul li { float:left; margin-right:6px; }
.prodlist-related ul li .item { float:left; width:173px; background: url(../img/dots-bg.gif) repeat-x 0px 199px;  }
.prodlist-related ul li .item a { color:#414141; font-size:12px; font-weight:bold; }
.fp      .prodlist-related .item a.img:hover { border:1px solid #0f75bc; }
.fashion .prodlist-related .item a.img:hover { border:1px solid #ca0088; }
.health  .prodlist-related .item a.img:hover { border:1px solid #9ec54d; }
.kids    .prodlist-related .item a.img:hover { border:1px solid #cf4239; }
.home    .prodlist-related .item a.img:hover { border:1px solid #575757; }
.books   .prodlist-related .item a.img:hover { border:1px solid #13a89e; }

.prodlist-related ul li .item h5 { height:28px; margin-bottom:9px; }

.prodlist-related ul li:last-child { margin-right:0px; }
.prodlist-related .item a.img { float:left; border:1px solid #dedfda; height:155px; width:171px; margin-bottom:8px; }

/* **************************************************************** */
/* Product popup      																							*/
/* **************************************************************** */
body.popup { float:left; background: #222222 url(../img/popup-body-bg.gif) repeat-x top left;  }
body.popup .header { float:left; background: url(../img/popup-header.gif) no-repeat top left; height:90px; width:500px }
body.popup .prodimg { float:left; width:100%; }


/* subpage news */
.news-list { float:left; margin:0px 0 0 0; width:700px;}
.news-list .item { float:left; width:100%; padding:5px 0px 5px 0px; margin-bottom:5px; border-bottom:1px solid #d8d8d8; }
.news-list .item span.date { font-size:10px; }
.news-list .item h3 { margin-top:1px; }
.news-list .item h3 a { color:#0F75BC; font-size:14px; font-weight:bold; }
.news-list .item .more a { float:left; color:#0F75BC; background:url(../img/arrow-red.gif) no-repeat 100% 50%; padding-right:10px; }

.news-list ul { padding:5px 0px 5px 0px; margin-top:20px; float:left; width:700px; }
.news-list li { padding:4px 0px 4px 0px; width:100%; float:left; border-bottom:1px solid #d8d8d8; list-style:none;}
.news-list li a { color:#0F75BC; font-weight:bold; }
.news-list li span { float:left; font-size:12px; padding:0 8px 0 0; }

.news-overview { padding:5px 35px 5px 0px; }
.news-overview span.date { font-size:10px; }
.news-overview  h3 { margin-top:1px; margin-bottom:4px; font-weight:bold; color:#0F75BC; }
.news-overview .back { margin-top:5px; }
.news-overview .back a { color:#0F75BC;  }

/* Query */
.field 
{
    margin: 5px 0 2px 0;
}
.field div {padding: 3px 0 0px 0; }
.submit { margin-top: 10px; }
          
          
/* Turn banner */
.randombanner-upperright
{
    height:auto;
    margin-left:1020px;
    position:fixed;
    top:15px;
    width:160px;
}
          
