/*
Theme Name: Pischke Pockets
Theme URI: http://pischkepockets.com/
Description: Custom theme for pischkepockets.com.
Version: 1.0
Author: Hami Gerdon
Author URI: http://7thwavegraphics.com/
Tags: blue, custom header, fixed width, two columns, widgets


*/

/* CSS Document */

body {
	background:#d6d0c0 url(images/bg.png) repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	color:#638896;
	padding:10px 0 100px 0;
}
h1, h2, h3, h4, p, ul, li, form {
	margin:0;
	padding:0;
	font-weight:normal;
}
.clr {
	clear:both;
	height:0px;
	overflow: hidden;
}
a, img {
	outline:none;
	border:none;
}
a {
	color:#638896;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
.spacer {
	height:200px;
}

.left {float: left;}
.right {float: right;}

ol {margin-bottom: 20px; margin-top: 20px;}
/*wrapper*/
.wrapper {
	width:1000px;
	margin:0 auto;
	position: relative;
}
/*header*/
.header {
	padding:10px 0 0 30px;
	position: relative;
	height: 92px;
}
.header .logo {
	width:485px;
	float:left;
	height: 92px;
}
.logo a {
	background:url(images/logo.png) no-repeat;
	width:485px;
	height:92px;
	display:block;
	text-indent:-10000px;
}
/*nav*/
.header .nav {
	width:445px;
	float:right;
	padding-top:67px;
}
.nav ul {
	list-style:none;
	height:20px;
}
.nav ul li:first-child {
	background:none;
	margin-left:0px;
}
.nav ul li {
	float:left;
	background:url(images/navlist.png) left no-repeat;
	padding:0 0 0 10px;
	height:20px;
	margin-left:8px;
	text-transform:lowercase;
}
.nav ul li a {
	color:#638896;
	font-size:15px;
	font-weight: lighter;
	text-decoration:none;
}
.nav ul li a:hover {
	text-decoration:underline;
}
/*content*/
.content {
	margin-top:8px;
	position:relative;
	height: auto!important;
	clear: both;
	min-height: 494px;
}
.content .wrap {

}



.content ul {display: block; }
/*rightSidebar*/
.content .rightSideBar {position: relative; float: right; width:140px; height: 494px;}
.content .rightSideBar #scroll_bar {
	width:120px;
	border:1px solid #fff;
	background:#c9e3e5;
	padding:7px 10px 10px 10px;
	height:475px;
	text-align:center;
	position: relative;
	background-image: url(images/dragdrop.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.rightSideBar #scroll_bar h3 {
	color:#638896;
	font-size:16px;
	font-weight:normal;
	margin-bottom:8px;
}
.rightSideBar #scroll_bar ul {
	display:block;
	text-align:center;
	list-style:none;
}
.rightSideBar #scroll_bar ul li {

	position:relative;
}
.rightSideBar #scroll_bar ul li span {
	height:18px;
	width:18px;
	position:absolute;
	top:5px;
	right:10px;
	display:block;
}
/*blogPage*/
.content .leftContent, .wpcf7, #wpsc_shopping_cart_container, .content .wrap {
	border:1px solid #fff;
	width:815px;
	padding:15px;
	float:left;
	position: relative;
	
}
.leftContent ul.blogList {
	list-style:none;
	padding:10px 0 0 8px;
}
ul.blogList li {
	
	padding-bottom:15px;
	margin-bottom:15px;
}
li .leftBox {
	width:548px;
	float:left;
	min-height: 270px;
	height: auto;
}
li .rightBox {
	width:245px;
	float:right;
	height: 270px;
	position: relative;
}
.topVideoBox {
	background:#c9e3e5;
	border:1px solid #fff;
	padding:8px;
	width:229px;
	float:right;
}
.videoBox {
}
.topVideoBox p {
	font-size:14px;
	color:#174d62;
	padding:0 0 5px 0;
}
p {
	font-size:15px;
	color:#638896;
	padding:15px 0 0 0px;
}
a.postButton {
	background:url(images/postButton.gif) no-repeat;
	height:28px;
	width:164px;
	display:block;
	text-indent:-10000px;
	float:left;
	margin-top:10px;
}
li .leftBottBox, .leftBottBox { 
	width:248px;
	float:left;
}
li .rightBottBox, .rightBottBox {
	width:535px;
	float:right;
	padding-left: 20px
}
li .rightBottBox h2 {
	font-size:20px;
	color:#638896;
	text-transform:capitalize;
	padding:2px 0 0 0px;
	float:left
}

.rightBottBox h2 {
	font-size:25px;
	color:#638896;
	text-transform:capitalize;
	padding:2px 0 0 0px;
}


.navigation {margin: 0px 0 30px;}

.navigation .alignright {float: right; font-size: 10px;}
.navigation .alignleft {float: left; font-size: 10px;}

.imgTop {
	float:right;
}
p .more-link {
	color:#638896;
	text-decoration:none;
	font-weight:bold;
}
.shareBox {
}
.shareBox strong {
	color:#638896;
	display:block;
	font-size:12px;
	margin-bottom:3px;
	margin-left:4px;
}
.shareBox img {
	border:1px solid #a2a5a7;
	margin-left:3px;
	float:left;
}
/*instructions*/

#pdfdload{
	
position: absolute;
right: 25px;
top:190px;
	
	
}





.leftContent ul.instructionsList {
	list-style:none;
	padding-top:20px;
}
ul.instructionsList li {
	margin-bottom:50px;
	
}

ul.instructionsList li li {
	margin-bottom: 0;
}

li .leftInBox {
	width:148px;
	float:left;
	margin-left:15px;
}
li .leftInBox img {
	border:1px solid #fff;
}
li .rightInBox {
	width:610px;
	float:right;
	margin-right:10px;
	position: relative;
	height: auto!important
}

.rightInBox ol {padding-left: 26px;}

.textImg {
	margin:10px 0 55px 0;
}
li .rightInBox h3 {
	font-size:16px;
	font-weight:bold;
	color:#638896;
}
li .rightInBox p a {
	font-weight:bold;
	text-decoration:none;
}
.leftshareBox {
	width:102px;
	float:left;
	margin-top:10px;
}
.leftshareBox strong {
	color:#638896;
	font-size:14px;
	display:block;
	margin-bottom:3px;
	margin-left:5px;
}
.leftshareBox img {
	border:1px solid #a2a5a7;
	margin-left:3px;
	float:left;
}
/*product Zone Page*/

#products_page_container {height: 490px;}

.content .leftContentZone {
	border:none;
	padding:0px;
	width:838px;
	padding-left:7px;
	position: relative;
	
}

.leftContent .height {height: 270px; position: relative;}

.leftContentZone ul:first-child {
	border:1px solid #fff;
	padding:15px;
	width:804px;
	margin-bottom:14px;
	position: relative;
	height: 270px;
}

.leftContentZone ul.single_list {border: 0; height: auto; width: auto; margin: 0;}

.leftContentZone>ul {
	list-style:none;
	border:none;
	display:block;
	width:835px;
	position: relative;
}

.leftContentZone li {}

.leftBox .leftCol {
	width:81px;
	float:left;
	height: 270px;
	position: relative;
}
.leftCol img {
	margin-bottom:10px;
}
.leftBox .midCol {
	width:268px;
	float:left;
	margin-left:16px;
	height: 270px;
	position: relative;
}
.leftBox .rightCol {
	width:165px;
	float:right;
	height: 270px;
	position: relative;
}
.rightptext {
	font-size:19px;
	color:#638896;
	padding:15px 0 10px 0px;
	overflow: auto;
	height: 155px;
}
.cardBox {
	width:108px;
	float:left;
	margin-left:10px;
	text-align:center;
	font-size: 14px;
	margin-top: 25px;
}
.cardBox h3 {
	font-size:29px;
	color:#fff;
}
.cardBox h3 span {
	font-size:19px;
}
a.cardButton {
	background:url(images/cardbutt.png) no-repeat;
	width:105px;
	height:26px;
	display:block;
	text-indent:-10000px;
	margin-top:5px;
}

.content .cardBox input.wpsc_buy_button{
 background:url(images/cardbutt.png) no-repeat;
	width:105px;
	height:26px;
	display:block;
	text-indent:-10000px;
	margin-top:5px;
	border: 0;
	float: left;
	margin-top: 0;
 }
 
.rightInBox li {margin: 0; padding: 0;} 

 
.rightptext p.white {color: #fff;}
 
 
 
.shareBoxRight {
	width:103px;
	float:right;
	margin-top:26px;
}
.shareBoxRight strong {
color:#638896;
display:block;
font-size:12px;
margin-bottom:4px;
margin-left:5px;
	
	
	
}
.shareBoxRight img {
	border:1px solid #a2a5a7;
	margin-left:3px;
	float:left;
}
li.leftSlider {
	width:545px;
	float:left;
	border:1px solid #fff;
	list-style:none;
	background:#e0e4b3;
	padding:15px;
	height: 142px;
}
li.leftSlider div {
	position:relative;
}
.leftArrow {
	position:absolute;
	left:-16px;
	top:40px;
}

.rightArrow {
	position:absolute;
	right:-16px;
	top:40px;
}

.product_form ul {

	list-style-type: none;

}

/*footer*/
.footer {
	background:url(images/footerBg.png) bottom repeat-x;
	padding:8px 0 8px 0;
	margin-top:10px;
}
.footer ul {
	display:block;
	width:858px;
	float:left;
	list-style:none;
}
.footer ul li:first-child {
	background:none;
}
.footer ul li {
	float:left;
	background:url(images/navlist.png) left no-repeat;
	padding:0 0 5px 10px;
	
	margin-right:10px;
	text-transform:lowercase;
}
.footer ul li a {
	color:#638896;
	font-size:11px;
	text-decoration:none;
}
.footer ul li a:hover {
	text-decoration:underline;
}
.footer .followArea {
	width:138px;
	float:right;
}
.followArea strong {
	padding:4px 5px;
	font-size:14px;
	color:#638896;
	display:block;
	float:left;
	background:#eceae3;
	font-weight:normal;
}
.followArea img {
	float:left;
	border:1px solid #b6b3b1;
	margin-left:3px;
}

/* Drop related stuff */

div#dragdrop_container{
 width: 120px;
 height: 415px;
 position:relative;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0px 0px 0px;
/*  outline: 1px solid red; */
 _width: 120px;
 }

div#dragdrop_container div.next a{
 width: 110px;
 height: 33px;
 padding: 0px;
 margin: 0 auto;
 background-image: url(images/arrowBott.jpg);
 position: relative;
 display: block;

 }

div#dragdrop_container div.prev a{
 width: 110px;
 height: 33px;
 padding: 0px;
 margin: 0 auto;
 background-image: url(images/arrowTop.jpg);
  display: block;
 }

div#dragdrop_cart_container{
 width: 120px;
 height: 335px;

 overflow: hidden;
 position:relative;
 margin-top: 5px;
 margin-left: auto;
 margin-right: auto;
 }
 
div#dragdrop_cart_container li {

		
}

.item_remover {background-image: url(images/cancleIcon.png); display: block; width: 18px; height: 18px; position: absolute; right: 11px; top:4px; text-indent: -99999px;}
.cart_item_quantity {
	
background:none repeat scroll 0 0 #C9E3E5;
bottom:0;
color:#638896;
font-size:12px;
font-weight:bold;
height:10px;
left:5px;
margin-bottom:46px;
padding:3px 14px 10px 5px;
position:absolute;
text-align:left;
width:10px;}
 
table#sortable_cart_contents{
  left:0pt;
  top:0pt;
  margin: 0px;
  position:relative;
  border-collapse: collapse;
  }
 
 
table#sortable_cart_contents tr td{
  padding: 0px;
  width: 74px;
  }

div.draggable_cart_item{
  text-align: center;
  position: relative;
  }

div.draggable_cart_item div.cart_item_quantity{
  position: absolute;
  right:  -4px;
  bottom: -4px;
  height: 22px;
  width: 22px;
  vertical-align: middle;  
  background-image: url(../../images/drop_shop_circle.png);
  }

div.draggable_cart_item div.cart_item_quantity span{
  display: block;
  margin-top:5px;
  text-align: center;
  width: 22px;
  font-size: 8pt;
  }

div.draggable_cart_item form{
 display: none;
  }

strong.cattitles{
  position: static;
  }

img.product_image{
  position: static;
  z-index: 8;
  }
 
#drop_cart_empty{
  margin-top: 30px;
  font-size: 14pt;
  font-weight: bold;
  color: #999999;
  text-align: center;
  }

 
#drop_cart_empty img{
  margin-bottom: -16px;
  }

/* Colours and style */
#drop_wrapper {
/*   border-top:2px solid #cccccc; */
  background: url(../../images/bgr-header.png);
}

#drop {
  margin-top:1px;
  width: 120px;
  text-align: center;
  }

/* Functionality */


#page {
	margin-bottom:90px;
}

#drop_wrapper {
	position:absolute;
 	left:11px;  
	top:11px;
	width:120px;
	height:475px;
	z-index:10; 
}

#drop div#shopping_cart_text {
 
 width: 120px;
 }

#drop div#shopping_cart_text div.subtitle {
 font-size: 12pt;
 font-weight: bold;
 color: #999999;
 text-align: center;

 }

#drop div#shopping_cart_text div.subtitle img{
 margin-right: 4px;
 margin-bottom: -2px;
 } 

div#shopping_cart_text div#drop_total{
 text-align: left;
 margin-top: 3px;
 margin-left: 20px;
 font-size: 8pt;
 }
 
 #drop_total {text-align: center;}

#page_container {
 height:100%;
 overflow:scroll;
 position: relative;
 }
 
 
#dragdrop_spinner{
 position: absolute;
 left: 50%;
 margin-left: -16px;
 margin-top: -16px;
 top: 50%;
 display: none;
 z-index: 999;
 }
 
object.mp3_player{
  z-index: 8;
  }
  
 .checkout_link {background-image: url(images/checkOutButt.gif); background-repeat: no-repeat; display: block; height: 28px; background-position: center center;}
 
h2.prodtitles {

font-weight: bold;
}

h2 {float: none;}

/* video overlay */
.overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:600px;		
	
	/* some padding to layout nested elements nicely  */
	padding:70px 70px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.overlay .close {
	background-image:url(images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div.overlay.black {
		background-image:url(images/transparent.png);		
		color:#fff;
	}


/* Zoom */

div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}


/* Easy Slider */

	.boxHome {position: relative;}
	
	.banner {position: relative;}
	
	.boxHome .textHome {position: absolute; right: 0px; top: 13%; padding: 0 42px 5px 2px; background-image: url(images/aqua.png);}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 

			
			
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1000;
		height:468px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:29px;
		height:43px;
		position:absolute;
		
		top:50%;
		margin-top: -21px;
		z-index:1000;
		
		}	
	#nextBtn, #slider1next{ 
		right:0px;
		
		}		
	#prevBtn {left: 0px;}
													
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:29px;
		height:43px;
		background:url(images/arrow_left.png) no-repeat 0 0;	
		text-indent: -99999px;
		margin-top:-21px;
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/arrow_right.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	
	.extremeWhite {font-size: 28px; width: 423px; color: #fff;}
	
	
	
	
/* // Easy Slider */

.login {float: left;}



/* //  Contact Forms

<div id="name2">Your Name (required)<br />
    [text* your-name] </div>

<div id="email2">Your Email (required)<br />
    [email* your-email] </div>

<div id="subject2">Subject<br />
    [text your-subject] </div>

<div id="message2">Your Message<br />
    [textarea your-message] </div>

<div id="send2">[submit "Send"]</div>

*/




#forma {
padding:17px;
font-size:15px;
}
#namea {
margin-bottom:8px;
width:330px;
}
#emaila {
margin-bottom:8px;
width:330px;
}
#subjecta {
margin-bottom:8px;
width:599px;
}
#messagea {
height:257px;
width:604px;
}

#wsale {
position:absolute;
left:649px;
top:455px;
}
#contactimg {
position:absolute;
left:650px;
top:132px;
}
.send{

	text-indent: -9999px;
	background-image: url(images/send.png);
	border: 0px solid #ccc;
	background-color: transparent;
	width: 64px;
	height: 25px;
	margin: 10px;
	

}

#formb{
padding:17px;
font-size:15px;
}

#businessb{
	width:330px;
margin-bottom:8px;
}

#addressb{
	width:330px;
margin-bottom:8px;
}

#phoneb{
	width:330px;
margin-bottom:8px;
}


#numberb{
	width:330px;
margin-bottom:8px;
}

#nameb{
width:330px;
margin-bottom:8px;
}
#emailb{
width:330px;
margin-bottom:8px;
}
#subjectb{
width:596px;
margin-bottom:8px;
}
#messageb{
height:257px;
width:600px;
}

#address {
position:absolute;
top:38px;
left:452px;
}

#contactimgb {
position:absolute;
left:650px;
top:322px;
}

/* Blog */

.pp_list {position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #fff;}

.clear {clear: both;}

.pp_list .blog_image {margin-right: 20px;}

.pp_list h1 {font-size: 22px;}

.bwbps_addphoto_link {
display: none;
}

.blog_text {width: 500px;}




#wp-admin-bar {display: none;}



p.picture-meta {font-size: 12px; padding: 0; margin: 30px 0;}



#sidebar-login, #sidebar-login p {font-size: 12px;}

.hidden, .item-list-tabs {display: none;}

#buttonabsolute {position: absolute; top:20px; right:10px;}

.p-li {border-bottom: 1px solid #fff;}

/* newsletter */

#newsletter small {display: none;}
#newsletter input[type=submit], #homenewsletter input[type=submit] {background-image: url(images/subscribe.png); width: 71px; height: 20px; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; font-size: 12px; color: #fff;}
#photo {position: relative;}
div#newsletter {
background-image:url("images/beige.png");
bottom:0;
font-size:13px;
font-weight:bold;
height:29px;
left:0;
padding:0 0 0 2px;
position:absolute;
text-align:right;
width:798px;}
#newsletter table {background: transparent;}
#newsletter #wpnewsletter_name, #newsletter #wpnewsletter_email {width: 200px;}
#newsletter tr.alt {background: transparent;}
	.leftContent #newsletter .sub {margin: 0;}
	
div#homenewsletter {
background-image:url("images/beige.png");
bottom:-14px;
font-size:16px;
font-weight:bold;
left:0;
padding:0 5px 5px 2px;
position:absolute;
text-align:right;
width:744px;
z-index:100;
}

div#homenewsletter small {display: none;}
div#homenewsletter table {background: transparent;}

#th {text-align: right; margin-top: 10px; font-size: 9px; color: #fff;}
#th a {font-size: 9.5px; color: #fff; text-decoration: none;}
#th a:hover {text-decoration: underline;}