.offer {
	background: -moz-linear-gradient(315deg, transparent 5px, #00ccff 0px);
	background: -o-linear-gradient(315deg, transparent 5px, #00ccff 0px);
	background: -webkit-linear-gradient(315deg, transparent 5px, #00ccff 0px);
	padding: 10px 15px;
	color:#fff;
	margin-top: 15px;
}

.offer-orange {
	background: -moz-linear-gradient(315deg, transparent 5px, #ecac00 0px);
	background: -o-linear-gradient(315deg, transparent 5px, #ecac00 0px);
	background: -webkit-linear-gradient(315deg, transparent 5px, #ecac00 0px);
	padding: 10px 15px;
	color:#fff;
	margin-top: 15px;
}

.offer-red {
	background: -moz-linear-gradient(315deg, transparent 5px, #ff0000 0px);
	background: -o-linear-gradient(315deg, transparent 5px, #ff0000 0px);
	background: -webkit-linear-gradient(315deg, transparent 5px, #ff0000 0px);
	padding: 10px 15px;
	color:#fff;
	margin-top: 15px;
}

.offer-blue-dark {
	background: -moz-linear-gradient(315deg, transparent 5px, #455560 0px);
	background: -o-linear-gradient(315deg, transparent 5px, #455560 0px);
	background: -webkit-linear-gradient(315deg, transparent 5px, #455560 0px);
	padding: 10px 15px;
	color:#fff;
	margin-top: 15px;
}

.offer-green {
	background: -moz-linear-gradient(315deg, transparent 5px, #70ab1e 0px);
	background: -o-linear-gradient(315deg, transparent 5px, #70ab1e 0px);
	background: -webkit-linear-gradient(315deg, transparent 5px, #70ab1e 0px);
	padding: 10px 15px;
	color:#fff;
	margin-top: 15px;
}

.steps {
	font-size:1em;
	color:#999;
}

.banner-text-white {
	font-size:2em;
	color:#fff;
	padding-right:30px;
	text-shadow:#333 2px 2px 6px;
}

.banner-text-yellow {
	font-size:2em;
	color:#ecac00;
	padding-right:30px;
}

.banner-text-blue {
	font-size:2em;
	color:#35455f;
	padding-right:30px;
}

.banner-text-green {
	font-size:2em;
	color:#70ab1e;
	padding-right:30px;
}

.quote_name {
	color:#777;
	text-align:right;
	padding-right: 0px;
	padding-top: 15px;
	font-size:.8em;
}

.bar_gray {
	text-transform: uppercase;
	margin-bottom:.4em;
	padding: 0px 0px;
	color:#fff;
	background-color:#6a737a;
	height:28px;
}

.bar_gray:before {
	display:inline-block;
	content:' ';
	background-color: #999;
	width: 28px;
	height: 28px;
	margin: 0px 10px -7px 0px;
	border-right: 1px solid #FFFFFF;
}

.bar_red {
	text-transform: uppercase;
	margin-bottom:.4em;
	padding: 0px 0px;
	color:#fff;
	background-color:#6a737a;
	height:28px;
}

.bar_red:before {
	display:inline-block;
	content:' ';
	background-color: #ff0000;
	width: 28px;
	height: 28px;
	margin: 0px 10px -7px 0px;
	border-right: 1px solid #FFFFFF;
}

.bar_green {
	text-transform: uppercase;
	margin-bottom:.4em;
	padding: 0px 0px;
	color:#fff;
	background-color:#6a737a;
	height:28px;
}

.bar_green:before {
	display:inline-block;
	content:' ';
	background-color: #70ab1e;
	width: 28px;
	height: 28px;
	margin: 0px 10px -7px 0px;
	border-right: 1px solid #FFFFFF;
}

.bar_orange {
	text-transform: uppercase;
	margin-bottom:.4em;
	padding: 0px 0px;
	color:#fff;
	background-color:#6a737a;
	height:28px;
}

.bar_orange:before {
	display:inline-block;
	content:' ';
	background-color: #f90;
	width: 28px;
	height: 28px;
	margin: 0px 10px -7px 0px;
	border-right: 1px solid #FFFFFF;
}

.bar_blue {
	text-transform: uppercase;
	margin-bottom:.4em;
	padding: 0px 0px;
	color:#fff;
	background-color:#6a737a;
	height:28px;
}

.bar_blue:before {
	display:inline-block;
	content:' ';
	background-color: #35455f;
	width: 28px;
	height: 28px;
	margin: 0px 10px -7px 0px;
	border-right: 1px solid #FFFFFF;
}

.coding {
	font-size:11px;
	font-family:monospace;
	color:#000;
	word-spacing:0;
}

.note {
	margin: 10px 0px 20px;
	padding: 4px 10px;
	border-left:4px #35455f solid;
	background-color:#ccc;
}

.important {
	margin: 10px 0px 20px;
	padding: 4px 10px;
	border-left:4px #f90 solid;
	background-color:#ccc;
}

.warning {
	margin: 10px 0px 20px;
	padding: 4px 10px;
	border-left:4px #F00 solid;
	background-color:#ccc;
}

.float_left {
	float:left;
	display:inline;
	margin-right:1em;
	margin-bottom:.15em;
}

.float_right {
	float:right;
	display:inline;
	margin-left:1em;
	margin-bottom:.15em;
}

.center {
	text-align:center;
	margin:.5em auto;
}

.note,
.warning,
.important,
.offer { }

.note a,
.warning a,
.important a,
.offer a,
.offer-orange a,
.offer-red a,
.offer-green a,
.offer-blue-dark a {
	color:#fff;
	text-shadow:1px 1px 0px rgba(0,0,0,0.45);
}

.note a:hover,
.warning a:hover,
.important a:hover,
.offer a:hover,
.offer-orange a:hover,
.offer-red a:hover,
.offer-green a:hover,
.offer-blue-dark a:hover {
	color:#f90;
	text-shadow:1px 1px 0px rgba(0,0,0,0.45);
}

/* these are for showing alignment in RTE on the backend */
.align-left { text-align:left; }

.align-center { text-align:center; }

.align-right { text-align:right; }

.align-justify { text-align:justify; }

.go_left-10px { padding-left: 10px; }

.go_left-20px { padding-left: 20px; }

.go_left-30px { padding-left: 30px; }

.go_left-40px { padding-left: 40px; }

.go_left-50px { padding-left: 50px; }

.go_left-60px { padding-left: 60px; }

.go_left-70px { padding-left: 70px; }

.go_left-80px { padding-left: 80px; }

.go_left-90px { padding-left: 90px; }

.go_left-100px { padding-left: 100px; }

.go_left-110px { padding-left: 110px; }

.go_left-120px { padding-left: 120px; }

.go_left-130px { padding-left: 130px; }

.go_left-140px { padding-left: 140px; }

.go_left-150px { padding-left: 150px; }

.go_left-160px { padding-left: 160px; }

.go_left-170px { padding-left: 170px; }

.go_left-180px { padding-left: 180px; }

.go_left-190px { padding-left: 190px; }

.go_left-200px { padding-left: 200px; }

.go_left-210px { padding-left: 210px; }

.go_left-220px { padding-left: 220px; }

.go_left-230px { padding-left: 230px; }

.go_left-240px { padding-left: 240px; }

.go_left-250px { padding-left: 250px; }

.go_left-260px { padding-left: 260px; }

.go_left-270px { padding-left: 270px; }

.go_left-280px { padding-left: 280px; }

.go_left-290px { padding-left: 290px; }

.go_left-300px { padding-left: 300px; }

.go_left-400px { padding-left: 400px; }

.go_left-450px { padding-left: 450px; }

.go_left-500px { padding-left: 500px; }

.go_left-600px { padding-left: 600px; }

.go_left-610px { padding-left: 610px; }

.go_left-620px { padding-left: 620px; }

.go_left-630px { padding-left: 630px; }

.go_left-640px { padding-left: 640px; }

.go_left-650px { padding-left: 650px; }

.go_left-660px { padding-left: 660px; }

.go_left-670px { padding-left: 670px; }

.go_left-680px { padding-left: 680px; }

.go_left-690px { padding-left: 690px; }

.go_left-700px { padding-left: 700px; }

.go_left-30px,
.go_left-100px,
.go_left-200px,
.go_left-300px,
.go_left-400px,
.go_left-500px,
.go_left-600px { }

.go_right-15px { margin-left:-15px; }

.go_top-2 { padding-top: 2%; }

.go_top-3 { padding-top: 3%; }

.go_top-4 { padding-top: 4%; }

.go_top-5 { padding-top: 5%; }

.go_top-10 { padding-top: 10%; }

.go_top-15 { padding-top: 15%; }

.go_top-20 { padding-top: 20%; }

.go_top-25 { padding-top: 25%; }

.go_top-30 { padding-top: 30%; }

.go_top-35 { padding-top: 35%; }

.go_top-40 { padding-top: 40%; }

.go_top-45 { padding-top: 45%; }

.go_top-50 { padding-top: 50%; }

.go_top-55 { padding-top: 55%; }

.go_top-60 { padding-top: 60%; }

.go_top-70 { padding-top: 70%; }

.go_top-80 { padding-top: 80%; }

.go_top-90 { padding-top: 90%; }

.go_top-100 { padding-top: 100%; }

.go_top-px10 { padding-top: 10px; }

.go_top-px20 { padding-top: 20px; }

.go_top-px30 { padding-top: 30px; }

.go_top-px40 { padding-top: 40px; }

.go_top-px50 { padding-top: 50px; }

.go_top-px60 { padding-top: 60px; }

.go_top-px70 { padding-top: 70px; }

.go_top-px80 { padding-top: 80px; }

.go_top-px90 { padding-top: 90px; }

.go_top-px100 { padding-top: 100px; }

.go_top-px110 { padding-top: 110px; }

.go_top-px120 { padding-top: 120px; }

.go_top-px130 { padding-top: 130px; }

.go_top-px140 { padding-top: 140px; }

.go_top-px150 { padding-top: 150px; }

.go_top-px160 { padding-top: 160px; }

.go_top-px170 { padding-top: 170px; }

.go_top-px180 { padding-top: 180px; }

.go_top-px190 { padding-top: 190px; }

.go_top-px200 { padding-top: 200px; }

.text-green,
.text-green a { color:#70ab1e; }

.text-blue,
.text-blue a { color:#09C; }

.text-blue-dark,
.text-blue-dark a { color:#455560; }

.text-orange,
.text-orange a { color:#ecac00; }

.text-gray-light,
.text-gray-light a { color:#c2c2c2; }

.text-gray-dark,
.text-gray-dark a { color:#686663; }

.text-white,
.text-white a {
	color:#FFF;
	text-shadow:#333 2px 2px 6px;
}

.text-title {
	text-transform: uppercase;
	font-size: 2em;
	font-weight:700;
	margin-bottom: 0em;
}

.text-small { font-size: .7em; }

.text-bold { font-weight:bold; }

.text-banner {
	font-size: 2.5em;
	font-weight:300;
}

.text-banner-small {
	font-size: 2em;
	font-weight:300;
}

.percent-10 { width:10%; }

.percent-20 { width:20%; }

.percent-30 { width:30%; }

.percent-40 { width:40%; }

.percent-50 { width:50%; }

.percent-60 { width:60%; }

.percent-70 { width:70%; }

.percent-80 { width:80%; }

.box-shadow-inner {
	-moz-box-shadow:    inset 0 0 4px #999;
	-webkit-box-shadow: inset 0 0 4px #999;
	box-shadow:         inset 0 0 4px #999;
	padding:20px;
	margin-bottom:10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.bg-circle {
	background-color: #999999;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #FFFFFF;
	height: 180px;
	padding: 60px;
	text-align: center;
	width: 180px;
}

.bg-circle::before {
	background-color: #999999;
	border-right: 140px solid transparent;
	border-top: 140px solid #999999;
	content: " ";
	display: inline-block;
	height: 0px;
	margin: -60px;
	position: absolute;
	width: 0px;
}

.table-reseller { padding:0px; }

.table-reseller-title { padding:20px 0 0 0; }

.table-reseller-title p {
	margin-bottom:0;
	font-size:1.3em;
	color:#0099CC;
}

.inlineblock-col-2-list ul,
.inlineblock-col-3-list ul,
.inlineblock-col-4-list ul,
.inlineblock-col-5-list ul,
.inlineblock-col-2 ul,
.inlineblock-col-3 ul,
.inlineblock-col-4 ul,
.inlineblock-col-5 ul,
.inlineblock-col-2 ol,
.inlineblock-col-3 ol,
.inlineblock-col-4 ol,
.inlineblock-col-5 ol,
.inlineblock-col-2-list ol,
.inlineblock-col-3-list ol,
.inlineblock-col-4-list ol,
.inlineblock-col-5-list ol {
	padding:0;
	vertical-align: top;
}

.inlineblock-col-2-list li {
	display: list-item;
	float: left;
	margin-bottom: 1em;
	margin-left: 4em;
	padding: 0px 0px 0px 10px;
	width: 43.4%;
	vertical-align: top;
}

.inlineblock-col-3-list li {
	display: list-item;
	float: left;
	margin-bottom: 1em;
	margin-left: 4em;
	padding: 0px 0px 0px 10px;
	width: 26.7%;
	vertical-align: top;
}

.inlineblock-col-4-list li {
	display: list-item;
	float: left;
	margin-bottom: 1em;
	margin-left: 4em;
	padding: 0px 0px 0px 10px;
	width: 17.9%;
	vertical-align: top;
}

.inlineblock-col-5-list li {
	display: list-item;
	float: left;
	margin-bottom: 1em;
	margin-left: 4em;
	padding: 0px 0px 0px 10px;
	width: 13.4%;
}

.inlineblock-col-2 li {
	display: inline-block;
	padding: 0px 20px;
	width: 45.5%;
	vertical-align: top;
}

.inlineblock-col-3 li {
	display: inline-block;
	padding: 0px 20px;
	width: 28.8%;
	vertical-align: top;
}

.inlineblock-col-4 li {
	display: inline-block;
	padding: 0px 20px;
	width: 20%;
	vertical-align: top;
}

.inlineblock-col-5 li {
	display: inline-block;
	padding: 0px 20px;
	width: 15.4%;
	vertical-align: top;
}

.bgcolor-orange { background: #ecac00; }

.bgcolor-green { background: #70ab1e; }

.bgcolor-red { background: #ff0000; }

.bgcolor-white { background: #ffffff; }

.bgcolor-blue { background: #0099CC; }

.bgcolor-blue-dark { background: #455560; }

.parallelogram {
	width: 30%;
	padding: 20px;
	float: right;
	margin-right: 36px;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	background: #999;
}

.float-left { float:left; }

.float-right { float:right; }