/* 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, table, caption, tbody, tfoot, thead, tr, th, td {
	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: 20px;
	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:30px auto;
	padding:0 20px;
}
#logo img {
	display:block;
        width:141px;
        height:46px;
}
/* / 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 blue.css if you use the blue 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 10px 0;
}
blockquote {
	margin:0;
	font-size:18px;
	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:20px 20px;
}
.quoteAuthor {
	text-align: center;
	margin:5px 0 0 0;
}
/* / Quote */

/* Others */
ul.productFeatures {
	width:100%;
}
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 */