/* 
    Document   : herremode
    Created on : 14-03-2011, 09:04:12
    Author     : Calle Hunefalk
    Description:
        Sandbox CSS by Calle Hunefalk.
*/

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: black;
  padding: 0 0 70px 0;
  margin: 0;
}

img {border: 0;}

#header,#footer {
  display: block;
}
#header {
  background: #000;
  margin-bottom: 35px;
}
#header h1 {
	text-decoration:none;
	border:0;
	width : 483px;
	height : 55px;
	margin : 0;
	padding : 0;
	background : url(/img/menu/logo.png) no-repeat 0 0;
}

#header h1 a {
	display : block;
	height : 55px;
	text-indent : -99999px;
}
#footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  padding: 2px 10px;
  width: auto;
}
#footer p {
  margin: 0;
  float: left;
}
#footer p img {
  vertical-align: middle;
}
#footer small {
  float: right;
}

#crumbs {
	height:2.3em;
	border:1px solid #dedede;
	margin: 0.7em 0.1%;
	width: auto;
	}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}
#crumbs li a {
	background:url(/img/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}
#crumbs li a.this-page {
	background:transparent;
	}
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}
a:link, a:visited,
#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
	}		

#content {
  
}

#header h1,
#header h1 a,
#header h2,
#header h2 a,
#header h3,
#header h3 a,
#header a,
#header p,
#footer a,
#footer p {
  color: #fff;
  text-decoration: none;
}

#header-menu {
  padding: 0;
  background: #333 url(/img/menu-skin/bg_black.png) bottom left repeat-x;
  position: absolute;
  left: 0;
  top: 55px;
  width: 99.5%;
  padding: 0;
  z-index: 99;
}

#topmenu-pagination, 
#footer-pagination {
  padding: 0;
  position: fixed;
  margin: 0;
  right: 20%;
  z-index: 97;
  font-size: 9px;
  font-family: verdana;
  color: #6e6e6e;
}
#topmenu-pagination {
  top: 95px;
  background: transparent url(/img/menu/pagination_left.png) bottom left no-repeat;
}
#footer-pagination {
  bottom: 20px;
  background: transparent url(/img/menu/pagination_bottom_left.png) top left no-repeat;
}
#topmenu-pagination a,
#footer-pagination a {
  font-size: 10px;
  font-family: verdana;
  font-weight: bold;
  color: #6e6e6e;
  margin-left: 5px;
  text-decoration: none;
}
#topmenu-pagination a:hover,
#footer-pagination a:hover,
#topmenu-pagination a:active,
#footer-pagination a:active {
  color: #de440f;
}
#topmenu-pagination div,
#footer-pagination div {
  padding: 0;
  background: transparent url(/img/menu/pagination_right.png) bottom right no-repeat;
  position: relative;
  margin: 0 0 0 27px;
  display: block;
}
#footer-pagination div {
  background: transparent url(/img/menu/pagination_bottom_right.png) top right no-repeat;
}
#topmenu-pagination div span.inner,
#footer-pagination div span.inner {
  padding: 10px;
  background: transparent url(/img/menu/pagination_bg.png) bottom left repeat-x;
  position: relative;
  margin: 0 27px 0 0;
  display: block;
}
#topmenu-pagination div span.inner strong,
#footer-pagination div span.inner strong {
  color: #de440f;
  margin-left: 5px;
  font-size: 11px;
}
#footer-pagination div span.inner {
  background: transparent url(/img/menu/pagination_bottom_bg.png) top left repeat-x;
}

#left_column {
  background: #d4e9e1;
  margin: 0;
  border-right: #b9d5cb;
  z-index: 98;
}


#left_column #menu-controller {
  position: absolute;
  right: -26px;
  top: 0;
  width: 30px;
  height: 30px;
  background: transparent url(/img/menu/sbox_hide.png) top right no-repeat;
  cursor: w-resize;
}

#left_column ul, #left_column ul li {
  list-style: none;
  margin: 0;
  display: block;
  float: left;
  -webkit-padding-start: 0;
  width: 100%;
  padding: 0;

}

#left_column ul a, #left_column ul li a {
  padding: 7px 12px;
  margin: 0;
  color: #000;
  /*font-weight: bold; */
  border-bottom: 1px dotted #fff;
  line-height: 1em;
  display: block;
  width: 100%;
  text-decoration: none;
}

#left_column input.search_input {
	padding: 5px;
	font-family: Arial, sans-serif;
	color: #333;
	font-size: 11px;
	cursor: pointer;
	border: none;
	width: 90%;
	margin: 0;
}

#left_column .product_count {
	margin: 0 0 20px 30px;
	background: #EAF5F1;
	text-align: right;
	padding: 4px 6px;
	float: right;
	width: 150px;
}

#left_column h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
}
#left_column h3#menu-q {
  padding-left: 30px;
  position: relative;
}

.menu {
  font-size: 0.9em;
}

#menu-refine {
  color: #77948a;
  border-bottom: 2px solid #f6fbf9;
  padding: 6px;
}

.menu-icon {
  position: absolute;
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px;
}

.menu-icon-price {
  background: url(/img/menu/icon_price.png) top left no-repeat;
}
.menu-icon-search {
  background: url(/img/menu/icon_search.png) top left no-repeat;
}
.menu-icon-category {
  background: url(/img/menu/icon_category.png) top left no-repeat;
}
.menu-icon-brands, .menu-icon-merchants {
  background: url(/img/menu/icon_brand.png) top left no-repeat;
}

ul, menu, dir {
  -webkit-padding-start: 0;
}

ul{list-style:none;}

#subheader {
}
#subheader .promotion, #offers.promotion, #stats.promotion {
  margin-top: 16px;
  margin-bottom: 16px;
  height: 200px;
}
#subheader #latest_products h2 {
  margin-bottom: 0;
  padding: 6px 0;
}
#subheader #latest_products ul {
  margin: 0 0 0 20px;
}
#subheader #latest_products ul li {
  font-size: 9px;
}
#subheader #about p {
  padding: 6px 20% 6px 40%;
}
#subheader #about {
  background: transparent url(/img/promo/herremode-about.jpg) bottom left no-repeat;
}
.promotion h2 {
  padding: 6px;
}


.products {
  list-style: none;
  margin: 0;
}

.product {
width: 173px;
height: 284px;
float: left;
padding: 10px 8px 10px 2px;
}

.top_prod_box{
width:173px;height:12px;background:url(/img/menu/modbox_top.png) no-repeat center bottom;float:left; padding:0px; margin:0px;
}
.bottom_prod_box{
width:173px;height:30px;background:url(/img/menu/modbox_bot.png) no-repeat center bottom;float:left;padding:0px; margin:0px;
}
.center_prod_box{
width:173px;height: auto;background:url(/img/menu/modbox_bg.png) center repeat-y;float:left; text-align:center;padding:0px; margin:0px;
}
.prod_details_tab{
width:173px;
height:31px;
float:left;
background:url(/img/menu/modbox_footer.png) no-repeat center;
margin:3px 0 0 0;
}
img.left_bt{
float:left;
padding:6px 0 0 6px;
}
a.prod_details{
display:block;
float:left;
background:url(/img/menu/icon_details.png) no-repeat right;
padding:0 16px 0 0;
margin:7px 5px 0 33px;
_margin:6px 5px 0 30px;
text-decoration:none;
color:#de440f;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 9px;
}
span.product_share {
  color: #899E95;
  background: transparent url(/img/heart.png) top left no-repeat;
  padding-left: 22px;
  margin: 7px;
  display: block;
  float: left;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
/* tooltip styling */
.tooltip {
	display:none;
	background:url(http://static.flowplayer.org/tools/img/tooltip/white.png) top left no-repeat;
	height:109px;
	padding:14px;
	width:209px;
}
.tooltip img {
	margin: 8px;
}

.product_title{
color:#000;
padding:2px 3px 2px 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product_title a{
text-decoration:none;
color:#000;
padding:0;
}
.product_title a:hover{
color:#345;
	text-overflow: normal;
}
.product_img{
padding:2px 0 5px 0;
}
.product_img img{
max-width: 140px;
max-height: 180px;
}
.prod_price, .prod_buy {
margin: 0;
float: left;
text-transform: uppercase;
}
.categorylist .prod_buy {
float: right;
font-weight: bold;
}
.categorylist .prod_buy a {
padding: 8px 24px;
}
a.categoryname {
  display: block;
  padding: 10px;
  color: #000;
  font-family: Verdana;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}
.prod_price{
padding:10px 8px 5px 0;
width: 108px;
}
.prod_price .price{
margin: 8px 0 0 20px;
color: #000;
}
.prod_buy{
padding:0;
}
.prod_buy a {
  padding: 8px 12px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
display: block;
}
span.reduce{
color:#999999;
text-decoration:line-through;
}
span.price{
color:#ea2222;
}

.width600 {width: 600px;}
#facebox .product-details {
  display: block;
}
#facebox .product-details .column {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
}
#facebox .product-details .column h1 {
  font-size: medium;
}
#facebox .product-details .left-column {
  width: 233px;
}

#facebox .product-details  img {
  max-width: 200px;
  display: block;
}

#facebox .product-details .left-column img {
	padding: 40px 10px;
}

#facebox .product-details .right-column {
  border-left: 1px solid #C0D1CB;
  width: 353px;
  padding-left: 12px;
  min-height: 220px;
}


#facebox .product-details .right-column .share .action {
  /*display: block;
  float: left;*/
  padding:3px 5px 3px 22px;
  margin:0 6px 0 0;
  white-space: nowrap;
  height: 24px;
  border: none;
}
#facebox .action:hover {
  color: #990000;
}
#facebox .action.favorite {
  background: transparent url(/img/favs.png) 0 4px no-repeat;
}
#facebox .action.wishlist {
  background: transparent url(/img/favorites.png) 0 4px no-repeat;
}
#facebox .action.buy {
  background: transparent url(/img/cart.gif) 0 4px no-repeat;
}

#facebox .product-details .right-column .share img{
  margin: 4px 10px;
  display: inline;
}

.product-discussion .tweet {
  border-bottom: 1px solid #999;
  margin-bottom: 15px;
}


.product-discussion .tweet img {
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.greytext, .greytext a,
#footer .greytext, #footer .greytext a {
  color: #999999;
}

#main {margin-left: 0;}
#main h1 {
  font-family: Arial;
  font-size: 21px;
  border-bottom: 2px solid #b9d5cb;
}
#main h2 {
  font-family: Arial;
  font-size: 14px;
  color: #61756e;
  font-weight: bold;
}
#main .left-column,
#main .right-column{
  width: 49%;
  float: left;
}
#back2results {
  margin-right: 0;
}
#back2results img {
  float: right;
}
.backlink_search {
  display: block;
  background: transparent url(/img/menu/productpage_header_bg.png) top left repeat-x;
}
.backlink_search p {
  margin: 0;
}
.backlink_search a {
  padding: 7px 10px 20px 20px;
  display: block;
  font-weight: bold;
  color: #de440f;
  font-family: Verdana;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
}





.product-details {
	
}
	.product-details h2 {
		margin: 0;
	}
	
	.product-details img {
		max-width: 250px;
		max-height: 250px;
	}
	
	.product-details .left-column {
		width: auto !important;
		margin: 0 15px 15px 0;
	}
	
	.product-details .buy_button {
		background: #DE440F;
		color: #fff;
		font-weight: bold;
		line-height: 34px;
		padding: 0 10px;
		text-decoration: none;
		float: left;
	}
	
	.product-details .more_details {
		background: #b9d5cb;
		color: #6f8a81;
		font-weight: bold;
		line-height: 34px;
		padding: 0 10px;
		text-decoration: none;
		display: inline-block;
	}
	
	.product-details .buy_image {
		vertical-align: top;
	}
	
	.product-details .share {
		text-transform: uppercase;
		float: left;
		line-height: 20px;
		display: block;
	}
	
	.product-details .share span {
		text-decoration: underline;
		color: #6F807A;
		float: left;
	}
	
	.product-details .share a {
		display: block;
		color: #6F807A;
		text-decoration: none;
	}
	
	.product-details .share ul {
		float: left;
		margin: 0;
		padding: 0 20px 0 10px;
		line-height: 20px;
	}