/*color*/
.black {color:#000}
.bold {font-weight: 400 !important}
.blue {color:#356aa0 !important; font-weight:500}
/*min-height */
.height500 {min-height:500px}
.height800 {min-height:800px}
.height980 {min-height:980px}

/* TYPOGRAPHY */
.h1-tag{color:#737F89;font-size:25px;margin:5px 0; letter-spacing:-1px;}
.h2-tag{color:#737F89;font-size:21px;margin:5px 0;}
.h3-tag{color:#737F89;font-size:19px;margin:5px 0;}
.h4-tag{color:#737F89;font-size:16px;margin:5px 0;}
.h5-tag{color:#737F89;font-size:15px;margin:5px 0;}
.h6-tag{color:#737F89;font-size:13px;margin:5px 0;}
.p-tag{color:#7D8991;line-height:20px;display:block;padding:5px 0 16px;}

blockquote{
	/*background:#FFF9DB;
	border:1px solid #F3D97E;
	border-left:7px solid #F3D97F;
		color:#988833;
*/
	font-size:12px;
	line-height:17px;
	padding:10px;
	border-radius:3px;
	background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjZjZmNmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(45deg,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	}

.list-plus{
	color:#64727C;
	padding:5px 10px;}
.list-plus li{
	display:block;
	background:url(/static/img/icons/mini/plus.gif) no-repeat left 7px;
	padding-left:13px;
	line-height:17px;
	padding-top:2px;
	padding-bottom:8px;}

.list-arrow{
	color:#64727C;
	padding:5px 10px;}
.list-arrow li{
	display:block;
	background:url(/static/img/icons/mini/arrow.png) no-repeat left 7px;
	padding-left:13px;
	line-height:17px;
	padding-top:2px;
	padding-bottom:8px;}

.list-shop li{
	display:block;
	background:url(/static/img/icons/mini/icon-checkmark_gray.png) no-repeat left 2px;
	padding-left:19px;
	line-height:13px;
	padding-top:2px;
	padding-bottom:1px;
	color:#666666 !important;
	font-size:11px;
}
.list-shop-product li{
	display:block;
	background:url(/static/img/icons/mini/icon-checkmark_gray.png) no-repeat left 2px;
	padding-left:19px;
	margin-top:6px;
	padding-bottom:1px;
	color:#666666 !important;
	font-size:12px;
}
.code-title{
	background:#F3D97F;
	color:#000;
	padding:5px;
	position:absolute;
	top:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	left:0;}
code{
	background:#FFF9DB;
	border:1px solid #F3D97F;
	display:block;
	position:relative;
	color:#333;
	border-radius:5px;
	padding:40px 20px 20px 20px;
}
code strong{
	background:#F8E9B4;
	letter-spacing:0.3px;
	color:#000;
	margin:0px 3px;
	padding:1px;}



.hg-yellow{
	background:#FFF9DB;
	border:1px solid #F3D97F;
	border-radius:3px;
	padding:0px 4px;
	text-shadow: 0px 1px #fff;}

.hg-red{
	background:#F2DECD;
	border:1px solid #E9C8AE;
	border-radius:3px;
	padding:2px 4px;
	text-shadow: 0px 1px #fff;}

.hg-blue{
	background:#CDDFF2;
	border:1px solid #AECDE9;
	border-radius:3px;
	padding:2px 4px;
	text-shadow: 0px 1px #fff;}

.hg-green{
	background:#E1F2CD;
	border:1px solid #CFE9AE;
	border-radius:3px;
	padding:2px 4px;}

.hg-purple{
	background:#E4CDF2;
	border:1px solid #D4AEE9;
	border-radius:3px;
	padding:2px 4px;
	text-shadow: 0px 1px #fff;}

.hg-gray{
	background:#EAEAEA;
	border:1px solid #C6C6C6;
	border-radius:3px;
	text-shadow: 0px 1px #fff;
	padding:2px 4px;}



/* basic */
.display-block{ display:block;}
.float-left{ float:left;}
.float-right{ float:right;}
.border-0{ border:none;}
.background-0{ background:none;}

/* Overflow */
.overflow-hidden{ overflow: hidden;}
.overflow-scroll{ overflow:scroll;}

/* Text align */
.text-left{ text-align:left;}
.text-right{ text-align:right;}
.text-center{ text-align:center;}
.text-underline{ text-decoration:underline;}
.f-bold{ font-weight:bold;}
.f-italic{ font-style:italic;}

/* FONT SIZE */
.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font14{ font-size:14px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font17{ font-size:17px;}
.font18{ font-size:18px;}
.font19{ font-size:19px;}
.font20{ font-size:20px;}
.font21{ font-size:21px;}
.font22{ font-size:22px;}
.font23{ font-size:23px;}
.font24{ font-size:24px;}
.font25{ font-size:25px;}
.font26{ font-size:26px;}
.font27{ font-size:27px;}
.font28{ font-size:28px;}
.font29{ font-size:29px;}
.font30{ font-size:30px;}

.invoice-title {color: #364656; font-size: 14px;font-weight: bold; padding-bottom: 22px; text-align: left; display: block; clear: both;}

/* MARGIN */
/* All */
.margin5{ margin:5px;}
.margin10{ margin:10px;}
.margin20{ margin:20px;}
.margin30{ margin:30px;}
.margin40{ margin:40px;}
.margin50{ margin:50px;}
.margin60{ margin:60px;}
.margin70{ margin:70px;}
.margin80{ margin:80px;}
.margin90{ margin:90px;}
.margin100{ margin:100px;}
.margin150{ margin:150px;}
.margin200{ margin:200px;}

/* margin left */
.margin-left5{ margin-left:5px;}
.margin-left10{ margin-left:10px;}
.margin-left15{ margin-left:15px;}
.margin-left20{ margin-left:20px;}
.margin-left30{ margin-left:30px;}
.margin-left40{ margin-left:40px;}
.margin-left50{ margin-left:50px;}
.margin-left60{ margin-left:60px;}
.margin-left70{ margin-left:70px;}
.margin-left80{ margin-left:80px;}
.margin-left90{ margin-left:90px;}
.margin-left100{ margin-left:100px;}
.margin-left150{ margin-left:150px;}
.margin-left200{ margin-left:200px;}
.margin-left-17{margin-left:-17px;}

/* margin right */
.margin-right5{ margin-right:5px;}
.margin-right10{ margin-right:10px;}
.margin-right20{ margin-right:20px;}
.margin-right30{ margin-right:30px;}
.margin-right40{ margin-right:40px;}
.margin-right50{ margin-right:50px;}
.margin-right60{ margin-right:60px;}
.margin-right70{ margin-right:70px;}
.margin-right80{ margin-right:80px;}
.margin-right90{ margin-right:90px;}
.margin-right100{ margin-right:100px;}
.margin-right150{ margin-right:150px;}
.margin-right200{ margin-right:200px;}
.margin-right-17{margin-right:-17px;}

/* margin top */
.margin-top5{ margin-top:5px;}
.margin-top10{ margin-top:10px;}
.margin-top20{ margin-top:20px;}
.margin-top30{ margin-top:30px;}
.margin-top40{ margin-top:40px;}
.margin-top50{ margin-top:50px;}
.margin-top60{ margin-top:60px;}
.margin-top70{ margin-top:70px;}
.margin-top80{ margin-top:80px;}
.margin-top90{ margin-top:90px;}
.margin-top100{ margin-top:100px;}
.margin-top150{ margin-top:150px;}
.margin-top200{ margin-top:200px;}

/* margin bottom */
.margin-bottom5{ margin-bottom:5px;}
.margin-bottom10{ margin-bottom:10px;}
.margin-bottom20{ margin-bottom:20px;}
.margin-bottom30{ margin-bottom:30px;}
.margin-bottom40{ margin-bottom:40px;}
.margin-bottom50{ margin-bottom:50px;}
.margin-bottom60{ margin-bottom:60px;}
.margin-bottom70{ margin-bottom:70px;}
.margin-bottom80{ margin-bottom:80px;}
.margin-bottom90{ margin-bottom:90px;}
.margin-bottom100{ margin-bottom:100px;}
.margin-bottom150{ margin-bottom:150px;}
.margin-bottom200{ margin-bottom:200px;}

/* PADDING */
/* All */
.no-padding {padding:0px}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding12{ padding:12.5px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.padding50{ padding:50px;}
.padding60{ padding:60px;}
.padding70{ padding:70px;}
.padding80{ padding:80px;}
.padding90{ padding:90px;}
.padding100{ padding:100px;}
.padding150{ padding:150px;}
.padding200{ padding:200px;}

/* padding left */
.padding-left0{ padding-left:0px !important;}
.padding-left5{ padding-left:5px;}
.padding-left10{ padding-left:10px;}
.padding-left10{ padding-left:10px;}
.padding-left20{ padding-left:20px;}
.padding-left30{ padding-left:30px;}
.padding-left40{ padding-left:40px;}
.padding-left50{ padding-left:50px;}
.padding-left60{ padding-left:60px;}
.padding-left70{ padding-left:70px;}
.padding-left80{ padding-left:80px;}
.padding-left90{ padding-left:90px;}
.padding-left100{ padding-left:100px;}
.padding-left150{ padding-left:150px;}
.padding-left200{ padding-left:200px;}

/* margin right */
.padding-right5{ padding-right:5px;}
.padding-right10{ padding-right:10px;}
.padding-right20{ padding-right:20px;}
.padding-right30{ padding-right:30px;}
.padding-right40{ padding-right:40px;}
.padding-right50{ padding-right:50px;}
.padding-right60{ padding-right:60px;}
.padding-right70{ padding-right:70px;}
.padding-right80{ padding-right:80px;}
.padding-right90{ padding-right:90px;}
.padding-right100{ padding-right:100px;}
.padding-right150{ padding-right:150px;}
.padding-right200{ padding-right:200px;}

/* margin top */
.padding-top5{ padding-top:5px;}
.padding-top10{ padding-top:10px;}
.padding-top20{ padding-top:20px;}
.padding-top30{ padding-top:30px;}
.padding-top40{ padding-top:40px;}
.padding-top50{ padding-top:50px;}
.padding-top60{ padding-top:60px;}
.padding-top70{ padding-top:70px;}
.padding-top80{ padding-top:80px;}
.padding-top90{ padding-top:90px;}
.padding-top100{ padding-top:100px;}
.padding-top150{ padding-top:150px;}
.padding-top200{ padding-top:200px;}

/* margin bottom */
.padding-bottom5{ padding-bottom:5px;}
.padding-bottom10{ padding-bottom:10px;}
.padding-bottom20{ padding-bottom:20px;}
.padding-bottom30{ padding-bottom:30px;}
.padding-bottom40{ padding-bottom:40px;}
.padding-bottom50{ padding-bottom:50px;}
.padding-bottom60{ padding-bottom:60px;}
.padding-bottom70{ padding-bottom:70px;}
.padding-bottom80{ padding-bottom:80px;}
.padding-bottom90{ padding-bottom:90px;}
.padding-bottom100{ padding-bottom:100px;}
.padding-bottom150{ padding-bottom:150px;}
.padding-bottom200{ padding-bottom:200px;}