/* Content 	*********************************/
/*  	 									*/
/*		1- General Reset 					*/
/*		2- Body & headers 					*/
/*		3- Logo 							*/
/*		4- Banners 							*/
/*		5- Rows and columns containers		*/
/*		6- Buttons 							*/
/*		7- Pricing tables 					*/
/*		8- Sale row 						*/
/*		9- Product image with label 		*/
/*		10- Quote 							*/
/*		11- Others 							*/
/*		12- Footer						 	*/
/*  	 									*/
/* / Content ********************************/


/* General reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
}
:focus {
	outline: 0;
}
/* / General reset */

/* Body & headers */
html, body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 170%;
	font-weight: normal;
	font-size: 12px;
	min-width: 980px;
}
h1 {
	font-size: 30px;
	font-weight:bold;
    line-height: 140%;
	margin:0 0 15px 0;
}
h1.mediumHeader {
	font-size: 20px;
    line-height: 150%;
}
h2 {
	font-size: 20px;
	font-weight:bold;
	line-height: 150%;
	margin:0 0 15px 0;
}
h3 {
	font-size: 15px;
    font-weight:bold;
    line-height: 140%;
	margin:0 0 10px 0;
}
h3.features {
	margin:0 0 10px 0 !important;
}

h4 {
	font-size:13px;
	font-weight:bold;
	line-height: 140%;
}
/* / Body & headers */


/* Logo */
#logo {
	width:940px;
	margin:10px auto;
	padding:0 20px;
}
#logo img {
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}

/* / Logo */

/* Banners */
.bannerContainer {
	width:940px;
	margin:0 auto;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	position:relative;
	background-color:#ffffff;
}
.bannerBackground {
	width:470px;
	padding:20px 0;
	float: left;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.bannerBackground2 {
	width:300px;
	padding:20px 0;
	float: left;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.bannerImage {
	width:640px;
	height: 300px;
	float: left;
	background-repeat:no-repeat;
	background-position:0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.bannerImage2 {
	width:940px;
	height: 200px;
	background-repeat:no-repeat;
	background-position:0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position:relative;
}
.productImageContainer {
	float:left;
	width:450px;
	padding:0 3px 0 10px;
	overflow:hidden;
}
.productImageContainer2 {
	float:left;
	width:280px;
	padding:0 3px 0 10px;
	overflow:hidden;
}
.productImage {
	margin:0 auto;
	position:relative;
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
}
.whiteLabel {
	width:50px;
	height:20px;
	padding:18px 0 12px 0;
	position:absolute;
	right:10px;
	bottom:10px;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
	background: -moz-linear-gradient(top, #ffffff, #ededed);
	background: -ms-linear-gradient(top, #ffffff, #ededed); /* IE10 */
	background: -o-linear-gradient(top, #ffffff, #ededed); /* Opera 11.10+ */
	background: linear-gradient(top, #ffffff, #ededed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-size:14px;
	line-height:100%;
	cursor:default;
}
.productImage:hover .whiteLabel {
	width:70px;
	height:50px;
	padding:15px 0 5px 0;
	font-size:18px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	right:0;
	bottom:0;
}
.productImage:hover .just {
	display:block;
	font-size:14px;
}
.bannerText {
	width:260px;
	height:260px;
	float:left;
	padding:20px;
}
.bannerText2 {
	padding:20px;
}
.bannerText3 {
	width:430px;
	float:left;
	padding:20px;
}
.bannerText4 {
	width:600px;
	float:left;
	padding:20px;
}
.bannerText p, .bannerText2 p,.bannerText3 p, .bannerText4 p {
	margin:0 0 20px 0;
}
.arrow {
	float:right;
	margin:25px 0 0 0;
}
.arrow2 {
	bottom:0;
	margin:0 0 0 20px;
	position:absolute;
}
.arrow3 {
	float:right;
	margin:5px 0 0 0;
}
/* / Banners */

/* Rows and columns containers */
.rowContainer {
	width:960px;
	overflow:hidden;
	position:relative;
	clear:both;
	padding:0 0 0 20px;
	margin: 0 auto 30px auto;
}
.rowContainer2 {
	overflow:hidden;
	position:relative;
	clear:both; 
	margin: 0 0 40px 20px;
}
.rowContainer3 {
	position:relative;
	clear:both; 
	margin: 0 0 0 20px;
}
.rowContainer4 {
	padding:20px 0 20px 20px;
	overflow:hidden;
	position:relative;
}
.halfRow {
	position:relative;
	overflow:hidden;
}
.oneFromThree {
	width:300px;
	float:left;
	margin:0 20px 0 0;
}
.oneFromThree2 {
	width:260px;
	float:left;
	margin:0 40px 0 0;
}
.oneFromFour {
	width:210px;
	float:left;
	margin:0 20px 0 0;
}
.oneFromThree h3, .oneFromFour h3 {
	margin:10px 0 15px 0;
}
.oneFromTwo p, .oneFromFour p {
	margin:0 0 20px 0;
}
.threeFromFour {
	width:670px;
	float:left;
	margin:0 20px 0 0;
}
.oneFromTwo {
	width:440px;
	float:left;
	margin:0 20px 0 0;
	position:relative;
}
.oneFromTwo h3 {
	margin:0 0 15px 0;
}
.oneFromTwoRightSide {
	width:460px;
	float:left;
	margin:0;
}
.columnIcon {
	float:left;
	margin:0 20px 20px 0;
}
.columnText {
	clear: both;
	margin:0 !important;
}
.block, .productWithFeatures {
	width:940px;
	margin:0 auto;
	padding:20px 0;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	position:relative;
	background-color:#ffffff;
}
.productWithFeatures h2 {
	margin:0 20px 15px 20px;
	display:block;
}
.block2 {
	width:940px;
	margin:0 auto;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	position:relative;
	background-color:#ffffff;
}
/* / Rows and columns containers */

/* Buttons [buttons colors deffined in the active color css (ie orange.css if you use the orange theme)] */
.button {
	display: inline-block;
	zoom: 1;
	vertical-align: 0px;
	margin: 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none !important;
	line-height:120%;
	padding:6px 0 7px 0;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 1px #fff;
	-moz-box-shadow: inset 0 0 1px #fff;
	box-shadow: inset 0 0 1px #fff;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.big {
	width:210px;
	font-size:18px;
}
.medium {
	width:118px;
	font-size:14px;
}
.right {
	margin:0 0 0 20px;
}
/* / Buttons */

/* Pricing tables */
.pricingTableContainer {
	width:940px;
	margin:0 auto;
	padding:20px 0 0 0;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	position:relative;
	background-color:#ffffff;
}
.pricingTableTitle {
	padding:0 20px 10px 20px;
}
.pricingTable {
	width:100%;
	border-collapse:collapse;
}
.pricingTable td{
	width:20%;
	padding:10px 20px;
	border:1px #dddddd solid;
	text-align:center;
	vertical-align:top;
}
.twoProducts td {
	width:30% !important;
}
.twoProducts tr td:first-child {
	width:40% !important;
}
.pricingTable .first, .pricingTable .last {
	border-left-width:0;
	border-right-width:0;
}
.pricingTable tr td:first-child  {
	background-color:#fff;
	text-align:left !important;
}
.pricingTable h3 {
	margin:0;
}
.price {
	padding:20px !important;
}
.price p {
	font-size:28px;
	padding:0 0 20px 0;
}
ul.pricingTableReadMore {
	padding:15px 20px 20px 20px;
	text-align:right;
}
ul.pricingTableReadMore li {
	float:right;
	clear:both;
	padding:0 0 0 10px;
	background-position:left 7px;
	background-repeat:no-repeat;
}
/* / Pricing tables */

/* Sale row */
.sale {
	width:920px;
	margin:0 auto;
	padding:20px 0 20px 20px;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	position:relative;
	background-color:#ffffff;
}
.saleText {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	line-height:140%;
	font-weight:bold;
	font-style:italic;
	text-shadow:0 2px 0px #eee;
	color:#555;
}
/* / Sale row */

/* Product image with label */
.imageWithLabel {
	position:relative;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
}
.label {
	width:50px;
	height:20px;
	padding:17px 0 13px 0;
	position:absolute;
	right:0;
	bottom:0;
	color: #ffffff;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-size:14px;
	line-height:100%;
	cursor:default;
}
.imageWithLabel:hover .label {
	width:70px;
	height:50px;
	padding:14px 0 6px 0;
	font-size:18px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	right:-10px;
	bottom:-10px;
}
.just {
	display:none;
}
.imageWithLabel:hover .just {
	display:block;
	font-size:14px;
}
/* / Product image with label */

/* Quote */
.circleIcon {
	width:30px;
	height:20px;
	margin:0 auto 10px auto;
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	padding:5px 0 5px 0;
	line-height:100%;
	text-align:center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.circleIcon2 {
	width:30px;
	height:20px;
	margin:40px auto 10px auto;
	position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	padding:5px 0 5px 0;
	line-height:100%;
	text-align:center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.quoteContainer /*Layout1 quote container, to change the background or border color check the background CSS file*/{
	width:100%;
	position:relative;
	padding: 0 0 30px 0;
}
blockquote {
	margin:0;
	font-size:14px;
	line-height:145%;
	text-align:center;
	font-weight:lighter;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-shadow:0 1px 0 #ccc;
}
.quoteContainer blockquote {
	width:940px;
	margin:0 auto;
	padding:0 20px;
}
.quoteAuthor {
	text-align: center;
	margin:5px 0 0 0;
}
/* / Quote */

/* Others */
ul.productFeatures {
	width:95%;
	margin-left:-38px;
}
ul.productFeatures li {
	display:block;
	padding:0 0 0 10px;
	margin:0 0 8px 0;
	background-position:left 7px;
	background-repeat:no-repeat;
}
ul.productFeatures li:last-child {
	margin:0;
}
img.leftImage {
	float: left;
	margin:0 20px 10px 0;
	
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}
.marginBottom {
	margin-bottom:20px;
}
.centeredImageContainer {
	text-align:center;
	margin:0 0 20px 0;
}
/* / Others */

/* Footer */
#footerContainer {
	width:100%;
	position:relative;
}
#footer {
	width:940px;
	margin:0 auto;
	padding:10px 0;
	color:#cccccc;
	overflow:hidden;
	position:relative;
}
#footer2 {
	width:920px;
	margin:0 auto;
	padding:10px 0 10px 20px;
	color:#777777;
	background-color:#f4f4f4;
	overflow:hidden;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.marginTop {
	margin-top:9px;
}
ul.socialMedia {
	width:100%;
	margin:2px 0 0 0;
}
ul.socialMedia li {
	width:32px;
	float:right;
	margin:0 0 0 10px;
}
ul.socialMedia li:last-child {
	margin:0;
}
ul.socialMedia li a {
	border:0;
}
/* / Footer */
/* Content 	*********************************/
/*  	 									*/
/*		1- Headers and links 				*/
/*		2- Banners 							*/
/*		3- Colored text elements 			*/
/*		4- Read More button 				*/
/*		5- Buy Now button					*/
/*		6- Quote 							*/
/*		7- List arrow 						*/
/*		8- Label 							*/
/*  	 									*/
/* / Content ********************************/


/* Headers and links */
h1, h1.mediumHeader, h2, h3, h4 {
	color: #39434D;
	text-shadow:0px 1px 1px #fff;
}
a, a:link, a:visited {
	color:#8ead3c;
	text-decoration:none;
	border-bottom:1px #8ead3c dotted;
}
a:hover, a:active {
	color:#63792a;
	border-bottom:1px #63792a dotted;
}
/* / Headers and links */

/* Banners */
.bannerBackground {
	background: #8ead3c;
	background: -webkit-gradient(linear, left top, left bottom, from(#8ead3c), to(#738d2d));
	background: -moz-linear-gradient(top, #8ead3c, #738d2d);
	background: -ms-linear-gradient(top, #8ead3c, #738d2d); /* IE10 */
	background: -o-linear-gradient(top, #8ead3c, #738d2d); /* Opera 11.10+ */
	background: linear-gradient(top, #8ead3c, #738d2d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ead3c', endColorstr='#738d2d');
}
.bannerBackground2 {
	background: #8ead3c;
	background: -webkit-gradient(linear, left top, left bottom, from(#8ead3c), to(#738d2d));
	background: -moz-linear-gradient(top, #8ead3c, #738d2d);
	background: -ms-linear-gradient(top, #8ead3c, #738d2d); /* IE10 */
	background: -o-linear-gradient(top, #8ead3c, #738d2d); /* Opera 11.10+ */
	background: linear-gradient(top, #8ead3c, #738d2d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ead3c', endColorstr='#738d2d');
}
/* / Banners */

/* Colored text elements */
.price p, .phoneNumber, blockquote, .highlighted, .whiteLabel {
	color:#8ead3c;
}
/* / Colored text elements */

/* Read More button */
.readMore {
	color: #777777 !important;
	text-shadow: 0 0px 1px #ffffff;
	border: solid 1px #e0e0e0 !important;
	background: #d0d0d0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d0d0d0));
	background: -moz-linear-gradient(top, #f2f2f2, #d0d0d0);
	background: -ms-linear-gradient(top, #f2f2f2, #d0d0d0); /* IE10 */
	background: -o-linear-gradient(top, #f2f2f2, #d0d0d0); /* Opera 11.10+ */
	background: linear-gradient(top, #f2f2f2, #d0d0d0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#d0d0d0');
}
.readMore:hover {
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dddddd));
	background: -moz-linear-gradient(top, #fff, #dddddd);
	background: -ms-linear-gradient(top, #ffffff, #dddddd); /* IE10 */
	background: -o-linear-gradient(top, #ffffff, #dddddd); /* Opera 11.10+ */
	background: linear-gradient(top, #ffffff, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
}
.readMore:active {
	color: #444444 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#fff));
	background: -moz-linear-gradient(top, #d0d0d0, #f2f2f2);
	background: -ms-linear-gradient(top, #d0d0d0, #f2f2f2); /* IE10 */
	background: -o-linear-gradient(top, #d0d0d0, #f2f2f2); /* Opera 11.10+ */
	background: linear-gradient(top, #d0d0d0, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#ffffff');
}
/* / Read More button */

/* Buy Now button */
.buyNow {
	text-shadow: 0 1px 1px #444;
	color: #ffffff !important;
	border: solid 1px #64782e !important;
	background: #8ead3c;
	background: -webkit-gradient(linear, left top, left bottom, from(#8ead3c), to(#738d2d));
	background: -moz-linear-gradient(top, #8ead3c, #738d2d);
	background: -ms-linear-gradient(top, #8ead3c, #738d2d); /* IE10 */
	background: -o-linear-gradient(top, #8ead3c, #738d2d); /* Opera 11.10+ */
	background: linear-gradient(top, #8ead3c, #738d2d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ead3c', endColorstr='#738d2d');
}
.buyNow:hover {
	background: #b7cc80;
	background: -webkit-gradient(linear, left top, left bottom, from(#b7cc80), to(#859951));
	background: -moz-linear-gradient(top, #b7cc80, #859951);
	background: -ms-linear-gradient(top, #b7cc80, #859951); /* IE10 */
	background: -o-linear-gradient(top, #b7cc80, #859951); /* Opera 11.10+ */
	background: linear-gradient(top, #b7cc80a, #859951);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7cc80', endColorstr='#859951');
}
.buyNow:active {
	color: #000000 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#738d2d), to(#8ead3c));
	background: -moz-linear-gradient(top, #738d2d, #8ead3c);
	background: -ms-linear-gradient(top, #738d2d, #8ead3c); /* IE10 */
	background: -o-linear-gradient(top, #738d2d, #8ead3c); /* Opera 11.10+ */
	background: linear-gradient(top, #738d2d, #8ead3c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#738d2d', endColorstr='#8ead3c');
}
/* / Buy Now button */

/* Quote [ Quote color located in 'Colored text elements' ] */
.circleIcon, .circleIcon2 {
	color:#8ead3c;
	background-color:#f4f4f4;
}
blockquote {
	text-shadow:0 1px 0 #ccc;
}
/* / Quote */

/* List arrow */
ul.pricingTableReadMore li, ul.productFeatures li {
	background-image:url('../images/green_arrow.png');
}
/* / List arrow */

/* Label */
.label {
	background: #8ead3c;
	background: -webkit-gradient(linear, left top, left bottom, from(#8ead3c), to(#738d2d));
	background: -moz-linear-gradient(top, #8ead3c, #738d2d);
	background: -ms-linear-gradient(top, #8ead3c, #738d2d); /* IE10 */
	background: -o-linear-gradient(top, #8ead3c, #738d2d); /* Opera 11.10+ */
	background: linear-gradient(top, #8ead3c, #738d2d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ead3c', endColorstr='#738d2d');
}
/* / Label */
/* Page background and text color */
html, body {
	background-color: #eeeeee;
	color: #777777;
}
/* / Page background and text color */

/* Shadow under blocks */
.shadow {
	width:940px;
	height:20px;
	margin: 0 auto 10px auto;
	background-image:url('../images/shadow.png');
	background-position:center top;
	background-repeat:no-repeat;
}
/* / Shadow under blocks */

/* Layout1 quote container */
.quoteContainer {
	background-color:#ffffff;
	border-top:1px #dddddd dashed;
}
/* / Layout1 quote container */

/* Layout1 footer background */
#footerContainer {
	border-top:1px #ddd dashed;
	background-color:#444444;
}
/* / Layout1 footer background */