@charset "utf-8";
/* CSS Document */
	html, body {
		width: 100%;
		height: 100%;
		padding-top: 20px;
		margin: 0px 0px 00px 0px;
		font-family: 'Open Sans', sans-serif;
		background: #EEE;
		font-size: 12px;
		cursor: default;
	}

	  @page {
		margin: 120px 50px 80px 50px;
	  }

	#header {
		height: 40px;
		text-align: center;
		padding: 20px 15px 5px 15px;
		margin-top: -20px;
	}

	#subheader {
		padding: 3px 20px 3px 20px;
	}

	#menu, #menu-btn, #quickaction, #stickyaction, #account, #pageactions, #pagesettings, .modal, #pageheader, .actions, .row-actions, .admin {
		display: none;
		visibility: hidden;
	}

	h1, h2, h3 {
		margin: 0px;
		width: 100%;
	}

	h2 {
		font-size: 16px;
		line-height: 16px;
	}

	.width-50 > h2 {
		display: block;
		float: left;
	}

	.title {
		float: left;
		width: 100%;
		font-weight: bold;
		font-size: 14px;
		font-weight: bold;
	}

	.right {
		text-align: right;
	}

	.left {
		text-align: left;
		}

	#content {
		width: 100%;
	}

	.offerheader {
		clear: right;
		width: 100%;
		display: block;
  		overflow: auto;
	}

	.blockheader {
		height: 30px;
		line-height: 30px;
		clear: right;
		width: 100%;
		display: block;
		padding: 2px;
	}

	.pagecontent {
		clear: both;
		margin-top: 15px;
	}

	#pagecontent, .pagecontent, #offerheader {
		margin: 15px 15px 0px 15px;
		padding: 10px;
  		page-break-inside: avoid;
	}
	
	p {
		height: 12px;
		font-size: 10px;
		line-height: 12px;
		margin: 0px;
		padding: 2px 0px 2px 0px;
		clear: right;
	}

	.row.gradient-bg {
		font-weight: bold;
	}

	.blue-text {
		color: #00a9cb;
	}
	
	.gradient-bg {
		color: #fff;
		background: #00a9cb;
		background: url("../img/gradient-bg.png") center center repeat-y;
		background-size: 100%;
	}
	
	.grey-bg {
		color: #777;
		background: #BBB;
	}

	.white-bg {
		background: rgba(255,255,255,1);
		box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	}
	
	.width-10 {
		width: 10%;
	}
	
	.width-25 {
		width: 25%;
	}
	
	.width-20 {
		width: 20%;
	}
	
	.width-30 {
		width: 30%;
	}
	
	.width-40 {
		width: 40%;
	}
	
	.width-50 {
		width: 50%;
	}
	
	.width-60 {
		width: 60%;
	}
	
	.width-70 {
		width: 70%;
	}
	
	.width-80 {
		width: 80%;
	}
	
	.width-90 {
		width: 90%;
	}
	
	.width-100 {
		width: 100%;
	}
	.rowfirst {
		height: 20px;
	}
	.row {
		clear: both;
		padding: 2px;
	}
	.row > div {
		float: left;
		font-size: 10px;
		min-height: 20px;
		line-height: 20px;
	}
	.bottomdotted {
		border-bottom: 1px dotted #777;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

	.tag {
		border: 1px solid #fd397a;
		font-family: 'Rubik', sans-serif;
		color: #fd397a;
		border-radius: 3px;
		padding: 1px;
		margin-right: 2px;
		line-height: 12px;
		display: inline-block;
		margin-top: 4px;
	}
	.productImage {
		width: 100%;
		height: auto;
	}

	.clearfix {
		display: inline-block;
	}

	html[xmlns] .clearfix {
		display: block;
	}

	* html .clearfix {
		height: 1%;
	}