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

/* Bootstrap Reset
--------------------------------------------------*/
body {
	width:100%; height:100%;
	background:#1354cb;
	line-height:24px;}
	
	
	

/* Start Tuckpointing Page Styles
--------------------------------------------------*/
.clear {clear:both;}
h3.tuckpointing-title {font-size:18px; } 
.product-list-tuckpointing	{width:45%; float:left; margin:0 20px 20px 0; padding:10px 3px 10px 3px; border:1px solid #ccc; text-align:center !important;}
.product-list-tuckpointing .image {width:50%; float:left;}
.product-list-tuckpointing .image img {width:120px; height:auto; border:none !important;}	
.product-list-tuckpointing .name {line-height:18px;}
.product-list-tuckpointing .price {font-weight:bold; }
/* End Tuckpointing Page Styles
--------------------------------------------------*/


	
h1 {font-size:26px !important; }
.button-serv {width:360px; text-align:center;  padding:20px; margin:0 auto 20px auto; 
background:#fff; border:1px solid #333; color:#fff; text-shadow:1px 1px 1px #222; font-size:18px; border-radius:20px; }
.red1 {background:#a00909;}
.red2 {background:#b30a0a;}
.red3 {background:#c80a0a;}
.red4 {background:#d60a0a;}
.red5 {background:#eb0c0c;}
#bg {display:none; width:100%; height:100%; position:fixed; top:0; z-index:-1;}
#wrapper {width:980px; margin:30px auto; padding:10px 0 15px 0;  background:#fff;
border-right:1px solid #777; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;
box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000;
}
.hidefirst li:first-child{display:none;}
.hidesome li:nth-child(1){display:none;}
.hidesome li:nth-child(2){display:none;}
.hidesome li:nth-child(3){display:none;}
.hidesome li:nth-child(4){display:none;}
.hidesome li:nth-child(5){display:none;}

#bottom-nav {width:100%; height:40px; background:#0e409c;}
#bottom-nav ul {list-style-type:none !important; width:100%; margin:0 auto; text-align:center; padding:8px 0 0 0;}
#bottom-nav ul li {display:inline; margin:0 10px 0 0; border-right:1px solid #ccc;}
#bottom-nav ul li:last-child {border:none;}
#bottom-nav ul li a {color:#fff; padding:0 10px 0 0;}
#owner {padding:15px 0 15px 0; text-align:center; color:#fff;}
#owner a {color:#fff;}
.gridx {padding:0 0 20px 0; border:1px solid #ccc; background:#f3f3f3 !important;}
.gridx img {background:#f3f3f3 !important;}	
.welcome {padding:0 40px 20px 0; margin:-30px 0 20px 0; width:90%; border-bottom:1px dotted #ccc;}


.tool-chart th{padding:3px 6px; background:#000; color:#fff; text-align:left;}
.tool-chart td { padding:4px 6px 4px 6px; }



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 {
		position:absolute;
		bottom:15px; right:0;}
	
	/* 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 {height:120px; position:relative; padding:20px 0 0 0;}

	
	/* 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:25px 0 8px 320px;}	
		
		#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:#1354cb;
	margin:0 0 20px 0;
	}
	
	div#menu ul {
		margin-left:6px; }
		
		div#menu ul li {
			position:relative;
			padding:6px 0;}
			
		div#menu ul li.space {float:right; margin:0 10px 0 0; min-width:100px;  height:33px;} 	
		div#menu ul li.right {float:right; background:#0e409c; }
		div#menu ul li.last {margin:0 0 0 0;}
		div#menu ul li.right > 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:#fff; padding:7px 10px; margin:2px 5px;}
			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:#fff;}
				
				div#menu ul li:hover > a {
					color:#fff;
					background:#093078;}
					div#menu ul li.right:hover > a {
					color:#fff;
					}
					
					.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:0px; 
	}

	
/* featured + latest + bestsellers + specials */
#content div.box {
	margin-bottom:60px;
	text-align:center;}	
		
	#content div.box h3 {
		
		text-align:left;
		height:40px;
		margin:0 0 15px}
		
		
	
	#content .box-content {}
	
		#content .box-content .span3 { position:relative}
	
	
	#content div.box h4 {
		font-size:16px;}
		
		
	#content div.box div.image {
		padding:10px 0 0 0;
		position:relative;
		background:#f3f3f3;}
		
		#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:0px;
		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:#db0000;
		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;}