/*



Theme Name: Zokai - Nor Designs



Theme URI: 



Description: Wordpress theme for Zokai



Version: 1.0



Author: Derooted Creative Agency



Author URI:



Tags: 



*/















/* Css Reset */



/* ----------------------------------------- */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 



	margin:0;



	padding:0;



}







:focus {



	outline: 0;



}







html, body {



	height: 100%;



}







table {



	border-collapse:collapse;



	border-spacing:0;



}



fieldset,img { 



	border:0;



}



address,caption,cite,code,dfn,em,strong,th,var {



	font-style:normal;



	font-weight:normal;



}



ol,ul {



	list-style:none;



}



caption,th {



	text-align:left;



}



h1,h2,h3,h4,h5,h6 {



	font-size:100%;



	font-weight:normal;



}



q:before,q:after {



	content:'';



}



abbr,acronym { border:0;



}







em {



	font-style:italic



}







a {



	outline:none;



}







/* Misc */



/* ----------------------------------------- */



strong {



	font-weight: bold;



}



em {



	font-style: italic;



}







.right {



	float: right;



}



.left {



	float: left;



}



.hide {



	display: none;



}



.clear {



	clear: both;



}



.clearfix:after {



	content: ".";



	display: block;



	clear: both;



	visibility: hidden;



	line-height: 0;



	height: 0;



}



.clearfix {



	display: block;



}







body {



	overflow:hidden;/*Needed to eliminate scrollbars*/



}











/**** supersize - fullscreen background/slideshow ****/



#loading {



	position: absolute;



	top: 49.5%; 



	left: 49.5%;



	z-index: 3;



	width: 24px; 



	height: 24px;



	text-indent: -999em;



	background-image: url(../images/progress.gif);



}



#supersize{



	position: fixed;

	

	border: 35px #fff solid;



}



#supersize img, #supersize a{



	cursor:default;



	height:100%;



	width:95%;

  
	height:100%;
	

	position:absolute;



	z-index: 0;	



}



#supersize .prevslide, #supersize .prevslide img{



	z-index: 1;



}



#supersize .activeslide, #supersize .activeslide img{



	z-index: 2;



}



/**** end supersize - fullscreen background/slideshow ****/











/* Wrapper Start */



/* ----------------------------------------- */



#wrap{



	position: relative;



	font: normal 12px "Times New Roman", Times, serif;



	z-index: 4;



}







#content{



	width: 340px;



	position: absolute;



	top: 0;



	left: 45px;



	z-index:10;



}







#header{



	width: 340px;



	height: 132px;



	background-color: #f3f3f3;



}







#header h1#logo{



	margin: 27px 0 0 19px;



	padding-bottom: 8px;



	border-bottom: #c4c4c4 1px solid;



	float: left;



	display: inline;



}







/* Navigation */



/* ----------------------------------------- */



#nav{



	float: left;



	margin: 3px 0 0 15px;



	display: inline;



}







#nav ul li{



	display: inline;



	float: left;



	margin: 0 10px;



}







#nav ul li a{



	font: bold 10pt "Times New Roman", Times, serif;



	color: #808080;



	text-decoration: none;



	text-transform:uppercase;



}







#nav ul li.active a, #nav ul li a:hover{



	color: #000000;	



	text-decoration: none;



}















/* Content */



/* ----------------------------------------- */



.content-wrap{



	background: url(images/bg-content.png) repeat;



	display: block;



}







#about{



	font: 12px "Times New Roman", Times, serif;



	color: #231F20;



	display:none;



	padding: 10px 20px;	



}







#about p{



	margin: 0 0 20px 0;



}















/*** groups ***/



#groups{



	display:none;



	padding: 10px 5px 20px 20px;



	position:relative;



}







#group-nav ul li{



	width: 100px;



	float: left;



	display: block;



	list-style-type: disc;



	list-style-position: outside;



	color: #808080;



}







#group-nav ul li a{



	color: #808080;



	text-decoration: none;



	background: url(images/disc-CC.png) no-repeat;



	background-position: left;



	padding-left: 8px;



	



}







#group-nav ul li a:hover, #group-nav ul li.active a{



	color: #000;



	background: url(images/disc-00.png) no-repeat;



	background-position: left;



	padding-left: 8px;



}







#groups #thumbs{



	min-height:257px;



}







#groups #thumbs ul li{



	width: 70px;



	margin:5px 2px 5px 0;



	float: left;



	display: block;



}







#groups #thumbs a img{



	border:1px solid #cacaca;



}







#groups #thumbs a:hover img, #groups #thumbs ul li.selected a img{



	border:1px solid #000;



}







#groups .slideshow-container{



	position:absolute;



	left:340px;



	height:280px;



	top:35px;



}







#groups .slideshow{



	background: url(images/bg-content.png) repeat;



	padding:0px 15px 10px 0;



}







#groups .slideshow-container a{



	margin:0 !important;



	padding:0 !important;



	text-decoration:none;



}







#groups .slideshow-container a img{



	border:none !important;



	margin:0 !important;



	padding:0 !important;



	text-decoration:none;



}







#groups .loader {



	position: absolute;



	top: 0;



	left: 0;



	background-image: url(images/loader.gif);



	background-repeat: no-repeat;



	background-position: center;



	width: 400px;



	height: 258px;



}







#groups .pagination {



	clear: both;



}



#groups .bottom {



	float:right;



}



#groups div.pagination a, #groups div.pagination span.current, #groups div.pagination span.ellipsis {



	color:#000;



	padding:0 0 0 10px;



	text-decoration:none;



}



#groups div.pagination a:hover {



	text-decoration:underline;



}











/*** retailer ***/



#retailers{



	color:#000;



	display:none;



	padding: 10px 10px 10px 20px;



}







#retailers .left{



	float:left;



	margin:0 10px 0 0;



	width:140px;



}







#retailers .right{



	float:left;



}







#retailers h2{



	font-weight:bold;



	margin:0 0 20px 0;



	text-transform:uppercase;



}







#retailer h3{



	font-weight:bold;



	margin:0;



	text-transform:uppercase;



}







#retailers ul{



	margin:0 0 15px 0;



	padding:0;



}







#retailers ul li{



	margin:0 0 8px 0;



}







#retailers ul li em{



	display:block;



}











/*** contact ***/



#contact{



	color:#000;



	display:none;



	min-height:30px;



	padding: 10px 20px;



	position:relative;



}







#contact form p{



	margin:0 0 13px 0;



}







#contact form label{



	display:block;



	font: bold 10pt "Times New Roman", Times, serif;



	margin:0 0 3px 0;



	text-transform:uppercase;



}







#contact .text-input{



	border:1px solid #cacaca;



	display:block;



	font: normal 10pt "Times New Roman", Times, serif;



	margin:0;



	padding:5px 10px;



	width:275px;



}







#contact .textarea-input{



	border:1px solid #cacaca;



	display:block;



	font: normal 10pt "Times New Roman", Times, serif;



	height:150px;



	margin:0 0 13px 0;



	padding:5px 10px;



	width:275px;



}







#contact .button{



	background:url(images/button.gif) #e2ddd8 repeat-x;



	border:1px solid #cacaca;



	color:#fff;



	cursor:pointer;



	display:block;



	float:right;



	font: bold 10pt "Times New Roman", Times, serif;



	margin:0 5px 0 0;



	padding:5px 15px;



	text-align:center;



	text-transform:uppercase;



}







#contact #join-us{



	bottom:10px;



	font: bold 10pt "Times New Roman", Times, serif;



	position:absolute;



	text-transform:uppercase;



}







#contact #join-us a img{



	margin:0 2px;



}







.wpcf7-not-valid-tip-no-ajax, .wpcf7-not-valid-tip{



	display:none !important;



}







.wpcf7 .ajax-loader{



	right:125px;



	bottom:20px;



	position:absolute;



}







.wpcf7 .wpcf7-response-output{



	background:#f3f3f3;



	color:#000;



	font-size:11px;



	right:18px;



	bottom:42px;



	padding:2px 10px;



	position:absolute;



	width:210px;



}







#posts{



	color:#000;



	padding: 10px 20px;



}







.post{



	margin:10px 0 0 0;



}







#page-loader{



	display:none;



}







/*** jscroll pane - custom scroll ***/



#retailer-pane{

	width: 100%;

	height: 410px;

	overflow: auto;

	position: relative;



}



.scrollgeneric {

	line-height: 1px;

	font-size: 1px;

	position: absolute;

	top: 0; left: 0;

}



.vscrollerbase {

	background:url(images/scroll-bg.gif) repeat-y;

	width:13px;

}

.vscrollerbar {

	background:url(images/scroll-track.png) repeat-y;

	cursor:pointer;

	width: 13px;

	height: 13px !important;

}

#footer-logo {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index:  5;
  width:  100%;
}