/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
      
-------------------------------------------------------------- */

/* A container should group all your columns. */
.pauf-press .pp-container, 
#paupanels-wrapper .pp-container, 
.paupress .pp-container {
  width: 100%;
  margin: 0 auto;
  padding: 1px 0 !important;
  box-sizing: border-box;
}

/*	------------------------------------------------------- 
	FIXED PERCENTAGE RESPONSIVE GRID FOR PANELS AND CART
	------------------------------------------------------- */

.pauf-press .column, .pauf-press div.span-1, .pauf-press div.span-2, .pauf-press div.span-3, .pauf-press div.span-4, .pauf-press div.span-5, .pauf-press div.span-6, .pauf-press div.span-7, .pauf-press div.span-8, .pauf-press div.span-9, .pauf-press div.span-10, .pauf-press div.span-11, .pauf-press div.span-12, .pauf-press div.span-13, .pauf-press div.span-14, .pauf-press div.span-15, .pauf-press div.span-16, .pauf-press div.span-17, .pauf-press div.span-18, .pauf-press div.span-19, .pauf-press div.span-20, .pauf-press div.span-21, .pauf-press div.span-22, .pauf-press div.span-23, .pauf-press div.span-24 {
  float: left;
  margin: 0 .17% 0 0; 
}

.pauf-press .span-1 {width:4%;}
.pauf-press .span-2 {width:8%;}
.pauf-press .span-3 {width:12%;}
.pauf-press .span-4 {width:16%;}
.pauf-press .span-5 {width:20%;}
.pauf-press .span-6 {width:24%;}
.pauf-press .span-7 {width:28%;}
.pauf-press .span-8 {width:32%;}
.pauf-press .span-9 {width:36%;}
.pauf-press .span-10 {width:40%;}
.pauf-press .span-11 {width:44%;}
.pauf-press .span-12 {width:48%;}
.pauf-press .span-13 {width:52%;}
.pauf-press .span-14 {width:56%;}
.pauf-press .span-15 {width:60%;}
.pauf-press .span-16 {width:64%;}
.pauf-press .span-17 {width:68%;}
.pauf-press .span-18 {width:72%;}
.pauf-press .span-19 {width:76%;}
.pauf-press .span-20 {width:80%;}
.pauf-press .span-21 {width:84%;}
.pauf-press .span-22 {width:88%;}
.pauf-press .span-23 {width:92%;}
.pauf-press .span-24, .pauf-press div.span-24 {width:100%;margin:0;}

.pauf-press .append-1  { padding-right: 4%; }
.pauf-press .append-2  { padding-right: 8%; }
.pauf-press .append-3  { padding-right: 12%; }
.pauf-press .append-4  { padding-right: 16%; }
.pauf-press .append-5  { padding-right: 20%; }
.pauf-press .append-6  { padding-right: 24%; }
.pauf-press .append-7  { padding-right: 28%; }
.pauf-press .append-8  { padding-right: 32%; }
.pauf-press .append-9  { padding-right: 36%; }
.pauf-press .append-10 { padding-right: 40%; }
.pauf-press .append-11 { padding-right: 44%; }
.pauf-press .append-12 { padding-right: 48%; }
.pauf-press .append-13 { padding-right: 52%; }
.pauf-press .append-14 { padding-right: 56%; }
.pauf-press .append-15 { padding-right: 60%; }
.pauf-press .append-16 { padding-right: 64%; }
.pauf-press .append-17 { padding-right: 68%; }
.pauf-press .append-18 { padding-right: 72%; }
.pauf-press .append-19 { padding-right: 76%; }
.pauf-press .append-20 { padding-right: 80%; }
.pauf-press .append-21 { padding-right: 84%; }
.pauf-press .append-22 { padding-right: 88%; }
.pauf-press .append-23 { padding-right: 92%; } 

.pauf-press .prepend-1  { padding-left: 4%; }  
.pauf-press .prepend-2  { padding-left: 8%; } 
.pauf-press .prepend-3  { padding-left: 12%; } 
.pauf-press .prepend-4  { padding-left: 16%; } 
.pauf-press .prepend-5  { padding-left: 20%; } 
.pauf-press .prepend-6  { padding-left: 24%; } 
.pauf-press .prepend-7  { padding-left: 28%; } 
.pauf-press .prepend-8  { padding-left: 32%; } 
.pauf-press .prepend-9  { padding-left: 36%; } 
.pauf-press .prepend-10 { padding-left: 40%; } 
.pauf-press .prepend-11 { padding-left: 44%; } 
.pauf-press .prepend-12 { padding-left: 48%; } 
.pauf-press .prepend-13 { padding-left: 52%; } 
.pauf-press .prepend-14 { padding-left: 56%; } 
.pauf-press .prepend-15 { padding-left: 60%; } 
.pauf-press .prepend-16 { padding-left: 64%; } 
.pauf-press .prepend-17 { padding-left: 68%; } 
.pauf-press .prepend-18 { padding-left: 72%; } 
.pauf-press .prepend-19 { padding-left: 76%; } 
.pauf-press .prepend-20 { padding-left: 80%; } 
.pauf-press .prepend-21 { padding-left: 84%; } 
.pauf-press .prepend-22 { padding-left: 88%; } 
.pauf-press .prepend-23 { padding-left: 92%; } 


/*	------------------------------------------------------- 
	FLUID RESPONSIVE GRID FOR ALL PURPOSE USE
	------------------------------------------------------- */

.paupress .column, .paupress .span-1, .paupress .span-2, .paupress .span-3, .paupress .span-4, .paupress .span-5, .paupress .span-6, .paupress .span-7, .paupress .span-8, .paupress .span-9, .paupress .span-10, .paupress .span-11, .paupress .span-12, .paupress .span-13, .paupress .span-14, .paupress .span-15, .paupress .span-16, .paupress .span-17, .paupress .span-18, .paupress .span-19, .paupress .span-20, .paupress .span-21, .paupress .span-22, .paupress .span-23, .paupress .span-24 {
	float: left;
	margin: 0;
	width: 100%; 
}

@media screen and (min-width: 600px) {

.paupress .column, .paupress .span-1, .paupress .span-2, .paupress .span-3, .paupress .span-4, .paupress .span-5, .paupress .span-6, .paupress .span-7, .paupress .span-8, .paupress .span-9, .paupress .span-10, .paupress .span-11, .paupress .span-12, .paupress .span-13, .paupress .span-14, .paupress .span-15, .paupress .span-16, .paupress .span-17, .paupress .span-18, .paupress .span-19, .paupress .span-20, .paupress .span-21, .paupress .span-22, .paupress .span-23, .paupress .span-24 {
	margin: 0 .17% 0 0%;
}

.paupress .span-1 {width:4%;}
.paupress .span-2 {width:8%;}
.paupress .span-3 {width:12%;}
.paupress .span-4 {width:16%;}
.paupress .span-5 {width:20%;}
.paupress .span-6 {width:24%;}
.paupress .span-7 {width:28%;}
.paupress .span-8 {width:32%;}
.paupress .span-9 {width:36%;}
.paupress .span-10 {width:40%;}
.paupress .span-11 {width:44%;}
.paupress .span-12 {width:48%;}
.paupress .span-13 {width:52%;}
.paupress .span-14 {width:56%;}
.paupress .span-15 {width:60%;}
.paupress .span-16 {width:64%;}
.paupress .span-17 {width:68%;}
.paupress .span-18 {width:72%;}
.paupress .span-19 {width:76%;}
.paupress .span-20 {width:80%;}
.paupress .span-21 {width:84%;}
.paupress .span-22 {width:88%;}
.paupress .span-23 {width:92%;}
.paupress .span-24, .paupress .span-24 {width:100%;margin:0;}
/*
	.paupress .span-1  {width:30px;}
	.paupress .span-2  {width:70px;}
	.paupress .span-3  {width:110px;}
	.paupress .span-4  {width:150px;}
	.paupress .span-5  {width:190px;}
	.paupress .span-6  {width:230px;}
	.paupress .span-7  {width:270px;}
	.paupress .span-8  {width:310px;}
	.paupress .span-9  {width:350px;}
	.paupress .span-10 {width:390px;}
	.paupress .span-11 {width:430px;}
	.paupress .span-12 {width:470px;}
	.paupress .span-13 {width:510px;}
	.paupress .span-14 {width:550px;}
	.paupress .span-15 {width:590px;}
	.paupress .span-16 {width:630px;}
	.paupress .span-17 {width:670px;}
	.paupress .span-18 {width:710px;}
	.paupress .span-19 {width:750px;}
	.paupress .span-20 {width:790px;}
	.paupress .span-21 {width:830px;}
	.paupress .span-22 {width:870px;}
	.paupress .span-23 {width:910px;}
	.paupress .span-24, .paupress .span-24 {width:950px;margin:0;}
*/
/*	
	.paupress .append-1 {padding-right:40px;}
	.paupress .append-2 {padding-right:80px;}
	.paupress .append-3 {padding-right:120px;}
	.paupress .append-4 {padding-right:160px;}
	.paupress .append-5 {padding-right:200px;}
	.paupress .append-6 {padding-right:240px;}
	.paupress .append-7 {padding-right:280px;}
	.paupress .append-8 {padding-right:320px;}
	.paupress .append-9 {padding-right:360px;}
	.paupress .append-10 {padding-right:400px;}
	.paupress .append-11 {padding-right:440px;}
	.paupress .append-12 {padding-right:480px;}
	.paupress .append-13 {padding-right:520px;}
	.paupress .append-14 {padding-right:560px;}
	.paupress .append-15 {padding-right:600px;}
	.paupress .append-16 {padding-right:640px;}
	.paupress .append-17 {padding-right:680px;}
	.paupress .append-18 {padding-right:720px;}
	.paupress .append-19 {padding-right:760px;}
	.paupress .append-20 {padding-right:800px;}
	.paupress .append-21 {padding-right:840px;}
	.paupress .append-22 {padding-right:880px;}
	.paupress .append-23 {padding-right:920px;}
	
	.paupress .prepend-1 {padding-left:40px;}
	.paupress .prepend-2 {padding-left:80px;}
	.paupress .prepend-3 {padding-left:120px;}
	.paupress .prepend-4 {padding-left:160px;}
	.paupress .prepend-5 {padding-left:200px;}
	.paupress .prepend-6 {padding-left:240px;}
	.paupress .prepend-7 {padding-left:280px;}
	.paupress .prepend-8 {padding-left:320px;}
	.paupress .prepend-9 {padding-left:360px;}
	.paupress .prepend-10 {padding-left:400px;}
	.paupress .prepend-11 {padding-left:440px;}
	.paupress .prepend-12 {padding-left:480px;}
	.paupress .prepend-13 {padding-left:520px;}
	.paupress .prepend-14 {padding-left:560px;}
	.paupress .prepend-15 {padding-left:600px;}
	.paupress .prepend-16 {padding-left:640px;}
	.paupress .prepend-17 {padding-left:680px;}
	.paupress .prepend-18 {padding-left:720px;}
	.paupress .prepend-19 {padding-left:760px;}
	.paupress .prepend-20 {padding-left:800px;}
	.paupress .prepend-21 {padding-left:840px;}
	.paupress .prepend-22 {padding-left:880px;}
	.paupress .prepend-23 {padding-left:920px;}
*/
}


/*	------------------------------------------------------- 
	PAUPAY RESPONIVE REQUISITES
	------------------------------------------------------- */


.pauf-press #paupay-cart-data .span-1 {width:4% !important;}
.pauf-press #paupay-cart-data .span-2 {width:8% !important;}
.pauf-press #paupay-cart-data .span-3 {width:12% !important;}
.pauf-press #paupay-cart-data .span-4 {width:16% !important;}
.pauf-press #paupay-cart-data .span-5 {width:20% !important;}
.pauf-press #paupay-cart-data .span-6 {width:24% !important;}
.pauf-press #paupay-cart-data .span-7 {width:28% !important;}
.pauf-press #paupay-cart-data .span-8 {width:32% !important;}
.pauf-press #paupay-cart-data .span-9 {width:36% !important;}
.pauf-press #paupay-cart-data .span-10 {width:40% !important;}
.pauf-press #paupay-cart-data .span-11 {width:44% !important;}
.pauf-press #paupay-cart-data .span-12 {width:48% !important;}
.pauf-press #paupay-cart-data .span-13 {width:52% !important;}
.pauf-press #paupay-cart-data .span-14 {width:56% !important;}
.pauf-press #paupay-cart-data .span-15 {width:60% !important;}
.pauf-press #paupay-cart-data .span-16 {width:64% !important;}
.pauf-press #paupay-cart-data .span-17 {width:68% !important;}
.pauf-press #paupay-cart-data .span-18 {width:72% !important;}
.pauf-press #paupay-cart-data .span-19 {width:76% !important;}
.pauf-press #paupay-cart-data .span-20 {width:80% !important;}
.pauf-press #paupay-cart-data .span-21 {width:84% !important;}
.pauf-press #paupay-cart-data .span-22 {width:88% !important;}
.pauf-press #paupay-cart-data .span-23 {width:92% !important;}
.pauf-press #paupay-cart-data .span-24, .pauf-press #paupay-cart-data div.span-24 {width:100% !important;margin:0;}

.pauf-press #paupay-cart-data .append-1  { padding-right: 4% !important; }
.pauf-press #paupay-cart-data .append-2  { padding-right: 8% !important; }
.pauf-press #paupay-cart-data .append-3  { padding-right: 12% !important; }
.pauf-press #paupay-cart-data .append-4  { padding-right: 16% !important; }
.pauf-press #paupay-cart-data .append-5  { padding-right: 20% !important; }
.pauf-press #paupay-cart-data .append-6  { padding-right: 24% !important; }
.pauf-press #paupay-cart-data .append-7  { padding-right: 28% !important; }
.pauf-press #paupay-cart-data .append-8  { padding-right: 32% !important; }
.pauf-press #paupay-cart-data .append-9  { padding-right: 36% !important; }
.pauf-press #paupay-cart-data .append-10 { padding-right: 40% !important; }
.pauf-press #paupay-cart-data .append-11 { padding-right: 44% !important; }
.pauf-press #paupay-cart-data .append-12 { padding-right: 48% !important; }
.pauf-press #paupay-cart-data .append-13 { padding-right: 52% !important; }
.pauf-press #paupay-cart-data .append-14 { padding-right: 56% !important; }
.pauf-press #paupay-cart-data .append-15 { padding-right: 60% !important; }
.pauf-press #paupay-cart-data .append-16 { padding-right: 64% !important; }
.pauf-press #paupay-cart-data .append-17 { padding-right: 68% !important; }
.pauf-press #paupay-cart-data .append-18 { padding-right: 72% !important; }
.pauf-press #paupay-cart-data .append-19 { padding-right: 76% !important; }
.pauf-press #paupay-cart-data .append-20 { padding-right: 80% !important; }
.pauf-press #paupay-cart-data .append-21 { padding-right: 84% !important; }
.pauf-press #paupay-cart-data .append-22 { padding-right: 88% !important; }
.pauf-press #paupay-cart-data .append-23 { padding-right: 92% !important; } 

.pauf-press #paupay-cart-data .prepend-1  { padding-left: 4% !important; }  
.pauf-press #paupay-cart-data .prepend-2  { padding-left: 8% !important; } 
.pauf-press #paupay-cart-data .prepend-3  { padding-left: 12% !important; } 
.pauf-press #paupay-cart-data .prepend-4  { padding-left: 16% !important; } 
.pauf-press #paupay-cart-data .prepend-5  { padding-left: 20% !important; } 
.pauf-press #paupay-cart-data .prepend-6  { padding-left: 24% !important; } 
.pauf-press #paupay-cart-data .prepend-7  { padding-left: 28% !important; } 
.pauf-press #paupay-cart-data .prepend-8  { padding-left: 32% !important; } 
.pauf-press #paupay-cart-data .prepend-9  { padding-left: 36% !important; } 
.pauf-press #paupay-cart-data .prepend-10 { padding-left: 40% !important; } 
.pauf-press #paupay-cart-data .prepend-11 { padding-left: 44% !important; } 
.pauf-press #paupay-cart-data .prepend-12 { padding-left: 48% !important; } 
.pauf-press #paupay-cart-data .prepend-13 { padding-left: 52% !important; } 
.pauf-press #paupay-cart-data .prepend-14 { padding-left: 56% !important; } 
.pauf-press #paupay-cart-data .prepend-15 { padding-left: 60% !important; } 
.pauf-press #paupay-cart-data .prepend-16 { padding-left: 64% !important; } 
.pauf-press #paupay-cart-data .prepend-17 { padding-left: 68% !important; } 
.pauf-press #paupay-cart-data .prepend-18 { padding-left: 72% !important; } 
.pauf-press #paupay-cart-data .prepend-19 { padding-left: 76% !important; } 
.pauf-press #paupay-cart-data .prepend-20 { padding-left: 80% !important; } 
.pauf-press #paupay-cart-data .prepend-21 { padding-left: 84% !important; } 
.pauf-press #paupay-cart-data .prepend-22 { padding-left: 88% !important; } 
.pauf-press #paupay-cart-data .prepend-23 { padding-left: 92% !important; } 

/*	------------------------------------------------------- 
	SHARED RESPONIVE REQUISITES
	------------------------------------------------------- */

/* The last column in a row needs this class. */
.pauf-press .last, 
.pauf-press div.last,
.paupress .last, 
.paupress div.last { margin-right: 0; }

/* Border on right hand side of a column. */
.pauf-press div.border, .paupress div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.pauf-press div.colborder, .paupress div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

/*	------------------------------------------------------- 
	SHARED RESPONIVE REQUISITES
	------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.pauf-press .prepend-top, .paupress .prepend-top { 
	margin-top: 1.5em; 
}
.pauf-press .append-bottom, .paupress .append-bottom { 
	margin-bottom: 1.5em; 
}

/* Use a .box to create a padded box inside a column.  */ 
.pauf-press .box, .paupress .box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
.pauf-press hr, 
.paupress hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
.pauf-press hr.space, 
.paupress hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.pauf-press .clearfix:after, 
.paupress .clearfix:after, 
.pauf-press .pp-container:after, 
.paupress .pp-container:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}
.pauf-press .clearfix, 
.paupress .clearfix, 
.pauf-press .pp-container, 
.paupress .pp-container {
	display: block;
	background-color: transparent;
}

/* Regular clearing
   apply to column that should drop below previous ones. */

.pauf-press .clear, .paupress .clear { clear:both; }

.paupress-row {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	float: left;
	clear: both;
	width: 100%;
}
.paupress-col {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	float: left;
	padding: 1%;
	width: 100%;
}
.paupress-col img {
	max-width: 100%;
}

@media screen and (min-width: 769px) {
	.paupress-col .paupress-col-1-1 {
		width: 100%;
	}
	.paupress-col-1-2 {
		width: 50%;
	}
	.paupress-col-1-3 {
		width: 33.33%;
	}
	.paupress-col-1-4 {
		width: 25%;
	}
	.paupress-col-1-5 {
		width: 20%;
	}
	.paupress-col-2-3 {
		width: 66.66%;
	}
}

/*	------------------------------------------------------- 
	FULL WIDTH BASED ON 5% GRID
	------------------------------------------------------- */

.pp-theme-wrap { width: 100%; }
.pp-theme-pad { padding: 1em; }
div.pp-theme-col-1, div.pp-theme-col-2, div.pp-theme-col-3, div.pp-theme-col-4, div.pp-theme-col-5, div.pp-theme-col-6, div.pp-theme-col-7, div.pp-theme-col-8, div.pp-theme-col-9, div.pp-theme-col-10, div.pp-theme-col-11, div.pp-theme-col-12, div.pp-theme-col-13, div.pp-theme-col-14, div.pp-theme-col-15, div.pp-theme-col-16, div.pp-theme-col-17, div.pp-theme-col-18, div.pp-theme-col-19, div.pp-theme-col-20, div.pp-theme-col-21, div.pp-theme-col-22, div.pp-theme-col-23, div.pp-theme-col-24 {
	float:left;
	width: 100%;
}
@media screen and (min-width: 950px) {
	
	.pp-theme-wrap {
		margin: 0 auto;
		width: 100%;
	}
	div.pp-theme-col-1, div.pp-theme-col-2, div.pp-theme-col-3, div.pp-theme-col-4, div.pp-theme-col-5, div.pp-theme-col-6, div.pp-theme-col-7, div.pp-theme-col-8, div.pp-theme-col-9, div.pp-theme-col-10, div.pp-theme-col-11, div.pp-theme-col-12, div.pp-theme-col-13, div.pp-theme-col-14, div.pp-theme-col-15, div.pp-theme-col-16, div.pp-theme-col-17, div.pp-theme-col-18, div.pp-theme-col-19, div.pp-theme-col-20, div.pp-theme-col-21, div.pp-theme-col-22, div.pp-theme-col-23, div.pp-theme-col-24 {
		float: left;
		margin: 0 auto;
	}
	
	div.pp-theme-col-1 {width:5%;}
	div.pp-theme-col-2 {width:10%;}
	div.pp-theme-col-3 {width:15%;}
	div.pp-theme-col-4 {width:20%;}
	div.pp-theme-col-5 {width:25%;}
	div.pp-theme-col-6 {width:30%;}
	div.pp-theme-col-7 {width:35%;}
	div.pp-theme-col-8 {width:40%;}
	div.pp-theme-col-9 {width:45%;}
	div.pp-theme-col-10 {width:50%;}
	div.pp-theme-col-11 {width:55%;}
	div.pp-theme-col-12 {width:60%;}
	div.pp-theme-col-13 {width:65%;}
	div.pp-theme-col-14 {width:70%;}
	div.pp-theme-col-15 {width:75%;}
	div.pp-theme-col-16 {width:80%;}
	div.pp-theme-col-17 {width:85%;}
	div.pp-theme-col-18 {width:90%;}
	div.pp-theme-col-19 {width:95%;}
	div.pp-theme-col-20 {width:100%;}
	
	div.pp-theme-pre-1 {margin-left:5%;}
	div.pp-theme-pre-2 {margin-left:10%;}
	div.pp-theme-pre-3 {margin-left:15%;}
	div.pp-theme-pre-4 {margin-left:20%;}
	div.pp-theme-pre-5 {margin-left:25%;}
	div.pp-theme-pre-6 {margin-left:30%;}
	div.pp-theme-pre-7 {margin-left:35%;}
	div.pp-theme-pre-8 {margin-left:40%;}
	div.pp-theme-pre-9 {margin-left:45%;}
	div.pp-theme-pre-10 {margin-left:50%;}
	div.pp-theme-pre-11 {margin-left:55%;}
	div.pp-theme-pre-12 {margin-left:60%;}
	div.pp-theme-pre-13 {margin-left:65%;}
	div.pp-theme-pre-14 {margin-left:70%;}
	div.pp-theme-pre-15 {margin-left:75%;}
	div.pp-theme-pre-16 {margin-left:80%;}
	div.pp-theme-pre-17 {margin-left:85%;}
	div.pp-theme-pre-18 {margin-left:90%;}
	div.pp-theme-pre-19 {margin-left:95%;}
	div.pp-theme-pre-20 {margin-left:100%;}
	
	div.pp-theme-pos-1 {margin-right:5%;}
	div.pp-theme-pos-2 {margin-right:10%;}
	div.pp-theme-pos-3 {margin-right:15%;}
	div.pp-theme-pos-4 {margin-right:20%;}
	div.pp-theme-pos-5 {margin-right:25%;}
	div.pp-theme-pos-6 {margin-right:30%;}
	div.pp-theme-pos-7 {margin-right:35%;}
	div.pp-theme-pos-8 {margin-right:40%;}
	div.pp-theme-pos-9 {margin-right:45%;}
	div.pp-theme-pos-10 {margin-right:50%;}
	div.pp-theme-pos-11 {margin-right:55%;}
	div.pp-theme-pos-12 {margin-right:60%;}
	div.pp-theme-pos-13 {margin-right:65%;}
	div.pp-theme-pos-14 {margin-right:70%;}
	div.pp-theme-pos-15 {margin-right:75%;}
	div.pp-theme-pos-16 {margin-right:80%;}
	div.pp-theme-pos-17 {margin-right:85%;}
	div.pp-theme-pos-18 {margin-right:90%;}
	div.pp-theme-pos-19 {margin-right:95%;}
	div.pp-theme-pos-20 {margin-right:100%;}
	
	div.vpan-1 {padding:5% 0;}
	div.vpan-2 {padding:10% 0;}
	div.vpan-3 {padding:15% 0;}
	div.vpan-4 {padding:20% 0;}
	div.vpan-5 {padding:25% 0;}
	div.vpan-6 {padding:30% 0;}
	div.vpan-7 {padding:35% 0;}
	div.vpan-8 {padding:40% 0;}
	div.vpan-9 {padding:45% 0;}
	div.vpan-10 {padding:50% 0;}
	
	div.hpan-1 {height:5%;}
	div.hpan-2 {height:10%;}
	div.hpan-3 {height:15%;}
	div.hpan-4 {height:20%;}
	div.hpan-5 {height:25%;}
	div.hpan-6 {height:30%;}
	div.hpan-7 {height:35%;}
	div.hpan-8 {height:40%;}
	div.hpan-9 {height:45%;}
	div.hpan-10 {height:50%;}
	div.hpan-11 {height:55%;}
	div.hpan-12 {height:60%;}
	div.hpan-13 {height:65%;}
	div.hpan-14 {height:70%;}
	div.hpan-15 {height:75%;}
	div.hpan-16 {height:80%;}
	div.hpan-17 {height:85%;}
	div.hpan-18 {height:90%;}
	div.hpan-19 {height:95%;}
	div.hpan-20 {height:100%;}
}

.pp-theme-wrap:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}
.pp-theme-wrap {display: block;}