/* --------------------------------------------------
CSS Document For Leaves v1.0 - Anthonyy @ OSWD.org
-------------------------------------------------- */
@import url(http://allfont.net/allfont.css?fonts=montserrat-light);

@font-face {
	font-family: 'loler';
	src: local('☺'), url('fonts/loler.woff') format('woff'), 
	url('fonts/loler.eot') format('embedded-opentype'), 
	url('fonts/loler.ttf') format('truetype'), 
	url('fonts/loler.svg') format('svg');
	font-style: normal;
}
@font-face {
	font-family: 'lolerBold';
	src: url('fonts/loler-bold.otf');
	src: local('☺'), url('fonts/loler-bold.woff') format('woff'), 
	url('fonts/loler-bold.eot') format('embedded-opentype'), 
	url('fonts/loler-bold.ttf') format('truetype'), 
	url('fonts/loler-bold.svg') format('svg');
	font-style: normal;
}

	html, body {
  		padding: 0;
  		margin: 0;
  		-webkit-text-size-adjust: none;
  		font-family: loler, Arial, Verdana, Geneva, sans-serif;
  		font-size: 12px;
  		background-position: center 59px;
  		background-size: cover;
  		background-repeat: repeat-y;
  		background-color: #fff;
  		background-attachment: fixed;
	}

	body {
		overflow-x: hidden;
	}
	
#camoGlint {
	width: 200px; height:59px;
	position: absolute; left:300px;
	opacity: 0;
}
	
/* HEADER */
#headBG {
	width: 100%;
	height:59px;  z-index:99;
	position:fixed;
	margin: 0 auto;
	background-repeat: no-repeat;
  	background-position: top center;
  	background-color: #000;
  	//border-bottom: 1px solid #c4c4c4;
}
#containerHead {
	width: 100%;
	height: 59px;
	margin: 0 auto;
	font-size: 22px;
	color: #000; 
	position:relative;
	background-repeat: no-repeat;
  	background-position: top center;
}
#adminHeadBG {
	width: 800px; 
	height:56px;  z-index:111;
	margin: 0 auto; 
  	background-position: top center;
  	position: fixed;
  	top: 0; left: 0;
}
#adminContainerHead {
	width: 100%;
	height: 59px;
	margin: 0 auto;
	font-size: 22px;
	color: #000; 
	background: #000;
}
img { border: 0; }
		#logo {
			width: 200px; height: 50px;
			font-size: 7px; font-family: lolerBold;
			margin: 3px 0px 0px 0px;
			position:absolute;
			cursor: pointer;
			z-index: 12; 
		}
		
		#checkout {
			width: 30px; height:30px; float:right;
			font-size: 8px; line-height:21px;
			margin:6px 40px 0px 0px;
			text-align: right;
			z-index: 12; 
			background: url('../images/elements/basket.png');
			background-size: 100%;
			
		}
		#basket {
			font-size: 12px; font-weight:normal;
			color:#fff; position: relative;
			left:25px; cursor: pointer;
			text-align: center;
			-moz-border-radius: 25px;
			border-radius: 25px;
			z-index: 12;
			background-color: #ff0000;
		}

		#basketTab {
			width:11px; height: 6px;
			left:10px; top: 22px;			
			position:relative;
			z-index: 99; opacity: 0;
			background: url(../images/graphics/basketTab.png);
			background-size: 100%;
			
		}
		
		
		#basketInfo {
			width: 310px; height: 0px; line-height: 16px;
			padding: 20px 20px 0px 20px;
			background:#fff;
			cursor: pointer; opacity: 0;
			font-weight: normal;
			position:relative;
			left: -300px;
			top: 21px;
			text-align:left;
			font-size: 14px;
			z-index: 98;
			border: 1px solid #e4e4e4;
			overflow:hidden;
		}
		#checkout a {
			color:#000;
		}
		
	.basketViewAction {
		margin-top:15px;
		width:125px; height: 18px; line-height: 18px;
		font-size: 16px;
		background: url(../images/elements/actionArrow.png);
		background-position: right top;
		background-size: 14px;
		background-repeat: no-repeat;
		cursor: pointer;
	}


.headNav {
	//width 520 420	
	width: 520px; height:45px; margin: 7px 0px 0px 0px; float:right;
	font-size: 14px; position:relative; 
}
.headNavMob {
	width: 510px; height:45px; margin: 7px 0px 0px 0px; float:left;
	font-size: 14px; position:relative;  
}
	.click-nav{
		margin:1px 0 0 0px; padding:2px 0 0 0; height:45px;
		text-align:center; line-height:40px; float:left; 
		z-index: 30;  
	}
	.click-nav ul {
		position:relative; margin:0; padding:0; 
	}
	.click-nav ul li {
		position:relative; list-style:none; cursor:pointer; 
		margin: -10px 0 0 0;  height: 50px; padding: 0px; 
		
	}
	.click-nav > ul > li > ul  {
		margin: 28px 0 0 -24px; 
		background: #000;
		width: 120px;
		position: absolute;
		opacity: 0;
		line-height: 55px;
	}
	.redDownArrow {
		background-image: url(../images/elements/red-down-arrow.png);
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: 10px 5px;
	}

	.navPad {
		padding: 8px 20px 7px 20px;
	} 
	.activeNav {
		
	}
	.click-nav ul .clicker {
		position:relative; 
		color:#fff; height:31px; padding:0; 
	}
	.mainExtra {
		padding: 0 6px 0 6px;
	}
	.click-nav ul .clicker:hover,.click-nav ul .active {
		color:#a6a6a6;
	}
	.click-nav ul li a {
		transition:background-color 0.2s ease-in-out;
		display:block; padding:10px 0 10px 0;
		color:#fff; text-decoration:none;
	}

	/* Fallbacks */
	.click-nav .no-js ul {display:none;}
	.click-nav .no-js:hover ul {
		display:block;
		opacity: 1;
  	  	-webkit-transition: all 0.2s ease-in-out;
 	   	-moz-transition: all 0.2s ease-in-out;
   	 	o-transition: all 0.2s ease-in-out;
    	transition: all 0.2s ease-in-out;		
	}
	.click-nav > ul > li > ul:hover  {
		display:block;
		z-index: 999;
	}				
#container {
	width: 906px; 
	min-height: 100%;
	opacity: 1;
	margin: 0 auto; background: #fff;
	padding-top: 59px;
	border-right: 10px #fff solid;
	border-left: 10px #fff solid;
}


/* GENERAL MOJO AND MULA */
		
		h1 {
			font-weight: normal;
			font-size: 18px;
			margin: 0; padding: 0;
			display: inline;
		}
		
		a {
			color:#009cff;
			text-decoration: none;
		}

		a:hover {
			color:#000;
		}
		
		.sub {
			font-family: lolerBold;
			font-size: 14px;
			display: inline;
		}
		.subHead {
			font-family: lolerBold; color:#000;
			font-size: 16px;
			font-family: Avalon;
			margin: 0 0 5px 0;
		}
		
		.keyLine {
			height: 1px; width:100%;
			background-color: #ebebeb;
		}
		
		.infop {
			font-family: loler; 
			color: #7b7b7b; 
			padding: 40px 0 0 0;
			margin-top: 10px;
		}
		
		.infop a {
			color: #7b7b7b;
		}
		
		.infop a {display: block; position: relative; top: -70px;  }
		
	input[type=text] {
		background-color: #ebebeb;
		border: 1px solid grey;
		width:300px;
		padding: 5px;
	}
	textarea {
		background-color: #ebebeb;
		border: 1px solid grey;
		padding: 5px;
	}

/* LIGHTBOX FADE MESSAGES */		
.fade {
    width: 100%;
    height: 100%;
    background-image:url('../images/bgs/fade.png');
    background-color: transparent;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 13;
}
.messageBoxTop {
	top: 135px;
	width: 540px; height: 65px;
	left: 50%; color: #fff;
	margin: 0 0 0 -320px;
	position: absolute;
	background: #000;
	z-index: 14;
} 
.messageBox {
	top: 200px;
	width: 430px; padding: 0px 55px 0px 55px;
	left: 50%; margin: 0 0 0 -320px;
	font-family: Frankfurter, Arial;
	text-transform:uppercase;
	font-size: 18px; color: #fff;
	position: absolute;
	background: #000;
	z-index: 14;
}
.messageBoxBot {
	width: 540px; height: 65px;
	margin-left: -55px; color: #fff;
	position: absolute;
	background: #000;
	z-index: 14;
} 

/* FOOTER ELEMENTS */
#footerBG {
	width: 1500px; position:relative; 
	height:53px;  z-index:9;
	margin: 0 auto;
	background: #fff;
	text-transform: uppercase;
	font-family: lolerBold;
}
#containerFooter {
	width: 100%;
	height: 53px;
	margin: 0 auto;
}
#footer {
	width: 897px; padding: 0 0 0 20px; height: 53px; line-height: 53px;
	position: relative; color:#000; font-size: 12px;
	z-index:10;
}
#footer a {
	color:#000; 
}
#footer a:hover {
	color:#545454;
}

.whiteLineBtn {
	background: transparent; font-size: 30px; border: 3px solid #fff; padding: 10px 25px;
	font-family: loler; color: #fff; cursor: pointer;
}

.whiteLineBtn:hover {
	border: 3px solid #fff; background:#fff; color: #000;
}

.richdatablock{ display: none; }
		/* And they lived happily ever after. The End. */