/* -------------------------------------------------------------
	
	Copyright (C) 2008 - 2012 IceTheme. All Rights Reserved
 
	IceTheme - http://wwww.icetheme.com
  
---------------------------------------------------------------- */

/* Bootstrap Reset
--------------------------------------------------*/
body {
	background:#d9d9d9;
	line-height:24px;}
	
h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;}	
  
p {
	margin-bottom:18px}

a {
	cursor:pointer}
	
hr {
	border:none;
	border-top:1px solid #fff;
	box-shadow:0 -1px 0 #ccc;}


label {
	display:inline-block;}
	
	
input[type="radio"], 
input[type="checkbox"] {
	margin-top:0;
	vertical-align:baseline}



/* Top Bar 
--------------------------------------------------*/
#topbar {
	padding:7px 0;
	color:#888;
	font-size:.9em;
	border-bottom:1px solid #BFBFBF;
	box-shadow:0 1px 0 #fff;
	margin-bottom:14px;}
	
	/* welcome */
	div#welcome {
		float:left}
	
	/* Links */
	div.links {
		float:right;}	
			
		div.links ul {
			list-style-type:none;
			padding:0;
			margin:0}
				
			div.links ul li {
				padding-left:15px;
				display:inline-block}
					
					div.links ul li a {
						color:#888}
						
						div.links ul li a:hover {
							color:#111;
							text-decoration:none}
	
	
	
	
	
	
/* Header
--------------------------------------------------*/
#header {}

	
	/* Logo */
	div#logo {
		float:left;
		margin-bottom:16px;}
		
	/* Currency */
	#currency {
		float:right;
		color:#999;
		margin: 26px 30px 0;}
		
		#currency br { display:none}
		
		#currency a {
			display:inline-block;
			border:1px solid #ccc;
			color:#999;
			background:#eee;
			line-height:1.75em;
			margin:0 0 0 2px;
			padding:0px 6px;
			-webkit-transition:all .25s ease-out;
			-moz-transition:all .25s ease-out;
			-o-transition:all .25s ease-out; 
			transition:all .25s ease-out;}
			
			#currency a:hover {
				text-decoration:none;
				background:#fff;
				color:#111;}
	
	
		
	/* search */
	#search {
		float:left;
		position:relative;
		margin:18px 0 8px}	
		
		#search .button-search {
			position: absolute;
			right: 1px;
			background: #eee url('../image/button-search.png') center center no-repeat;
			width: 28px;
			height: 28px;
			border-left: 1px solid #dcdcdc;
			cursor: pointer;
			top: 1px;
			border-radius: 0 4px 4px 0;}
			
			#search .button-search:hover {}
			
		
		#search input[type="text"] {
			color:#999}
			
			#search input[type="text"]:focus {
				border-color:#B2B2B2;
				box-shadow:none;
				color:#444}
	
	
		/* contact header */
		#header_contact {
			background: url(../image/phone.png) no-repeat center left;
			float: right;
			color: #999;
			font-size: 1.2em;
			padding-left:28px;
			margin-top: 21px;}
			
			#header_contact p {
				margin-bottom:0}
					
		
		
		
	
/* Main Menu
--------------------------------------------------*/	
div#menu {
	clear:both;
	height:45px;
	background:#222;}
	
	div#menu ul {
		margin-left:6px; }
		
		div#menu ul li {
			position:relative;
			padding:6px 0;}
		
			div#menu ul li a {
				-webkit-transition:all .25s ease-out;
				-moz-transition:all .25s ease-out;
				-o-transition:all .25s ease-out; 
				transition:all .25s ease-out;
				border-radius:0;
				color:#ccc}
				
				div#menu ul li:hover > a {
					color:#fff;
					background:#444}
					
					.dropdown-menu li > a:hover {
						filter:none;}
		
	
		
		/* dropdown */
		div#menu ul.dropdown-menu {
			background:#222;
			border-radius:0!important;
			top:42px;
			opacity: 0;
			margin:20px 0 0 5px;
			box-shadow:none;
			display:block;
			visibility:hidden;
			border:none;
			left:-5px;
			-webkit-transition:all .25s ease-out;
			-moz-transition:all .25s ease-out;
			-o-transition:all .25s ease-out; 
			transition:all .25s ease-out;}
			
				
			div#menu ul li:hover ul.dropdown-menu {
				opacity: 1;
				visibility: visible;
				margin-top: 0!important;}
			
			div#menu ul li:hover ul.dropdown-menu {
				display:block}
					
					
					div#menu ul.dropdown-menu li {
						padding:2px 0}
	
		



/* Columns
--------------------------------------------------*/	
#content {
	background:#fff;
	padding:15px 30px;
	min-height:480px;
	margin-bottom: 25px;}
	
#column-left {
	float:left;
	width: 180px;
	margin-bottom: 25px;}

#column-right {
	float: right;
	width: 180px;
	margin-bottom: 25px;}
	

	/* on frontpage */
	.frontpage {
		background:none!important;
		padding:0!important}
	
	
	/* if sidebars are visible */
	#column-left + #column-right + #content,
	#column-left + #content {
		margin-left: 195px;/* column-left width + 15px padding */} 
		
	#column-right + #content {
		margin-right: 195px;/* column-right width + 15px padding */}



	

/* Footer
--------------------------------------------------*/	
#footer {
	clear:both;
	font-size:.9em;}
	
	#footer h3 {
		font-size:18px;
		margin:0}
		
		#footer ul {
			margin-bottom:20px;}
			
			#footer ul li {
				line-height:24px;}
				
				#footer ul li a {
					color:#666}
					

	
	#powered {
		clear:both;
		font-size:.9em;
		color:#888;
		border-top:1px solid #fff;
		box-shadow:0 -1px 0 #BFBFBF;
		padding:10px 0;
		text-align:center}
	



/* Contact 	
--------------------------------------------------*/
#contact {
	border-top:1px solid #fff;
	box-shadow:0 -1px 0 #BFBFBF;}
		
		
	#contact #contact_other {
		float:left;
		padding-top: 22px;}
		
		#contact #contact_other p.contact_nr {
			background:url(../image/phone.png) no-repeat center left;
			float:left;
			color:#999;
			font-size:1.2em;
			margin-right:40px;
			padding-left: 28px;}
			
		#contact #contact_other p.contact_email {
			background:url(../image/email.png) no-repeat center left;
			float:left;
			color:#999;
			font-size:1.2em;
			padding-left: 38px;}
			#contact #contact_other p.contact_email a{
				color:#999;}
			
			
				
	/* Social (facebook and twitter) */	
	#contact #social {
		float:right}
		
		#contact #social #social_fb {
			float:right;
			padding-top: 24px;
			padding-bottom: 6px;
			padding-right:15px;}
		
		#contact #social #social_tw {
			float:right;
			padding-top:24px;}




	
/* Modules 	
--------------------------------------------------*/

/* slideshow */
.slideshow {
	margin-bottom:45px;
	clear:both}

	
/* featured + latest + bestsellers + specials */
#content div.box {
	margin-bottom:60px;
	text-align:center;}	
		
	#content div.box h3 {
		background:#ccc;
		text-align:left;
		height:40px;
		margin:0 0 15px}
		
		#content div.box h3 span {
			background:#fff;
			padding:0 12px;
			display:inline-block;
			position:relative;}
			
			#content div.box h3 span:before {
				content: "";
				position: absolute;
				bottom: -9px;
				left: 50%;
				width: 0;
				height: 0;
				border-left: 9px solid transparent;
				border-right: 9px solid transparent;
				border-top: 9px solid white;
				margin-left: -9px;}	
	
	#content .box-content {}
	
		#content .box-content .span3 { position:relative}
	
	
	#content div.box h4 {
		font-size:16px;}
		
		
	#content div.box div.image {
		padding:20px;
		position:relative;
		background:#fff;}
		
		#content div.box .span3 div.rating {
			position:absolute;
			opacity:0;
			bottom:0;
			right:0;
			text-align:right;
			width:95%;
			padding:5px 5% 5px 0;
			background:rgba(255,255,255,.75);
			-webkit-transition:all .2s ease-out;
			-moz-transition:all .2s ease-out;
			-o-transition:all .2s ease-out; 
			transition:all .2s ease-out;}
					
			#content div.box .span3:hover div.rating {
				opacity:1}
		
		
			
	#content div.box div.price {
		font-size:22px;
		color: #333;
		margin: 22px 0 18px;}
		
		#content div.box div.price span.price-old {
			text-decoration:line-through;
			display:block;
			font-size:16px;
			color:#BE2728}
	
	
	#content div.box div.cart {}
	
	


/* Banner Area */
#banner_area {
	padding-top: 35px;
	margin-right:-27px;}	
	
	#banner_area .banner {
		float:left;
		margin-bottom:50px;
		margin-right:27px;}
		
		
	
/* Box layout on the columns */	
#column-left div.box,
#column-right div.box {
	margin-bottom: 15px;}
	
	#column-left div.box .box-heading,
	#column-right div.box .box-heading {
		border:none;
		background:#222;
		padding: 0 10px;
		height:35px;
		line-height:35px;
		font-size: 16px;
		color: #fff;}
		
	#column-left div.box .box-content,
	#column-right div.box .box-content {
		background: #fff;
		border:none;
		padding: 10px;}


/* Go to Top link */
.scrollup {
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	opacity: 0.3;
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: none;
	background: url(../image/icon_top.png) no-repeat;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-o-transition:all .2s ease-out; 
	transition:all .2s ease-out;}
	
	.scrollup:hover {
		opacity: 0.6;}
		
		
		
/* Ice Style Switcher */
ul#ice-switcher {
	position:absolute;
	top:200px;
	background:#fff;
	border-radius:0 3px 3px 0;
	left:0;
	list-style-type:none;
	padding:7px 7px 0;
	margin:0;
	-webkit-transition:all .25s ease-out;
	-moz-transition:all .25s ease-out;
	-o-transition:all .25s ease-out; 
	transition:all .25s ease-out;}
	
	ul#ice-switcher:hover {
		padding-left:15px;}
	
	ul#ice-switcher li {
		padding:0;
		margin:0}
		
		ul#ice-switcher li a {
			display:block;
			width:10px;
			height:10px;
			border-radius:10px;
			margin-bottom:7px;
			background:#222; }
			
			ul#ice-switcher li a span { display:none }
		
		
		ul#ice-switcher li.style1 a { background:#BE2728 }
		ul#ice-switcher li.style2 a { background:#2157A0 }
		ul#ice-switcher li.style3 a { background:#A5C93B }
		ul#ice-switcher li.style4 a { background:#D8BA40 }
		ul#ice-switcher li.style5 a { background:#A72272 }
		ul#ice-switcher li.style6 a { background:#2185A0 }
		

	#overlay {
		display: none;
		position: absolute;
		bottom:0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index:100000;
		background:#000 url(../image/style_loading.gif) no-repeat center;}