html {
	overflow-y: scroll;
	}
body {
	margin: 0;
	padding: 0;
	background: #e8eaed url(../images/body-bg.png) top left repeat-x;
	}
	
img {
	border: 0;
	}
	
#container {
	position: relative;
	margin: 0 auto;
	width: 950px;
	background: white;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
	}
	
html.js .jshide {
	display: none !important;
}


/* @group Layout */

/* @group twoColSL */

div#left {
	float: left;
	width: 220px;
	margin: -26px 0 0 -15px;
	padding: 30px 0 0 15px;
	}

div#right {
	float: left;
	width: 400px;
	margin-left:  20px;
	}

body#actifreeze div#left {
	background: transparent url(/peditech/assets/Image/actifreeze-logo.jpg) -20px 10px no-repeat;
	padding-top: 260px;
	}
body#actifresh div#left {
	background: transparent url(/peditech/assets/Image/actifresh-logo.jpg) -20px 10px no-repeat;
	padding-top: 260px;
	}

.twoColSL div#primary {
	float: left;
	width: 690px;
	}
.twoColSR div#primary {
	float: left;
	width: 500px;
	}
.threeCol div#primary {
	float: left;
	width: 320px;
	}

/* @end */

/* @end */

/* @group Navigation */

#nav {
	position: absolute;
	left: 0;
	top: 30px;
	}

/* @group Primary nav */

#nav h1 {
	margin: 0;
	float: left;
	line-height: 1px;
	margin: 0 0 0 -30px;
	border: 0;
	width: 317px;
	}

ul#navPrimary {
	position: relative;
	font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif;
	font-size: 16px;
	line-height: 19px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: white;
	}
ul#navPrimary li {
	float: left;
	width: 220px;
	margin: 0 0 0 1px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	height: 47px;
	-webkit-transition: background-color .1s ease-in-out;  
    -moz-transition: background-color .1s ease-in-out;  
    -o-transition: background-color .1s ease-in-out;  
    transition: background-color .1s ease-in-out;
	}
ul#navPrimary li a {
	font-size: 16px;
	display: block;
	padding: 3px 5px 3px 75px;
	height: 42px;
	text-align: center;
	color: white;
	text-decoration: none;
	white-space: pre-line;
	}
ul#navPrimary strong {
	display: none;
	}
	
#navActifreeze {
	background: rgb(0,132,169) url(../images/actifreeze-nav.png) 8px 5px no-repeat;
	}
body#actifreeze #navActifreeze {
	border-bottom-color: rgb(0,132,169);
	}
body#actifresh #navActifreeze,
body#actiheel #navActifreeze {
	background-color: #66b5cb;
	}
#navActifreeze:hover {
	background-color: rgb(0,132,169) !important;
	}
	
#navActifresh {
	background: rgb(0,163,137) url(../images/actifresh-nav.png) 8px 5px no-repeat;
	}
body#actifresh #navActifresh {
	border-bottom-color: rgb(0,163,137);
	}
body#actifreeze #navActifresh,
body#actiheel #navActifresh {
	background-color: #66c8b8;
	}
#navActifresh:hover {
	background-color: rgb(0,163,137) !important;
	}
	
#navActiheel {
	background: rgb(17,64,144) url(../images/actiheel-nav.png) 8px 5px no-repeat;
	}
body#actiheel #navActiheel {
	border-bottom-color: rgb(17,64,144);
	}
body#actifreeze #navActiheel,
body#actifresh #navActiheel {
	background-color: #708cbc;
	}
#navActiheel:hover {
	background-color: rgb(17,64,144) !important;
	}
	
#navBuynow {
	background: #58585a url(../images/buy-peditech.png) 13px 5px no-repeat;
	}
body#actifreeze #navBuynow,
body#actifresh #navBuynow,
body#actiheel #navBuynow {
	background-color: #888;
	}
#navBuynow:hover {
	background-color: #58585a !important;
	}
ul#navPrimary #navBuynow strong {
	display: inline;
	font-size: 18px;
	line-height: 19px;
	}
ul#navPrimary #navBuynow a {
	padding-left: 60px;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	}

/* @end */

/* @group Secondary nav */

#nav ul.navSecondary {
	clear: both;
	font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2",sans-serif;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	margin: 0;
	padding: 0 0;
	list-style: none;
	width: 950px;
	text-align: center;
	border-bottom: 1px solid white;
	}
#nav ul.navSecondary li {
	display: inline;
	padding: 0 15px;
	}
#nav ul.navSecondary li a {
	font-size: 16px;
	padding: 0;
	color: white;
	text-decoration: none;
	}
#nav ul.navSecondary li a:hover, #nav ul.navSecondary li.current a {
	border-bottom: 2px solid white;
	}
	
body#actifreeze ul.navSecondary {
	background-color: rgb(0,132,169);
	}
body#actifresh ul.navSecondary {
	background-color: rgb(0,163,137);
	}
body#actiheel ul.navSecondary {
	background-color: rgb(17,64,144);
	}
/* @end */

/* @group Breadcrumbs */

ul#crumbList {
	list-style: none;
	margin: 10px 0 15px;
	padding: 0;
	}
ul#crumbList li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 12px;
	}



/* @end */

/* @end */

/* @group CONTENT */

#content {
	padding: 120px 15px 15px 15px;
	overflow: auto;
	width: 920px;
	}

/* @group Homepage */

#homepage .sysHome #content {
	padding: 120px 0 0 370px;
	width: 580px;
	height: 542px;
	background: transparent url(../images/home-bg.jpg) top left no-repeat;
	}
#homepage .sysHome #content p {
	text-align: center;
	}
#homepage .sysHome #content img {
	margin: 0 15px;
	}
#homepage .sysHome #content h3 {
	color: white;
	font-size: 48px;
	width: 441px;
	height: 109px;
	margin: 15px auto 0;
	background: url(/peditech/assets/Image/home/new-generation-hi.png) top left no-repeat;
	text-indent: -999em;
	}

/* @end */

/* @group Intro */

div#intro {
	float: left;
	width: 360px;
	}
span.newgen {
	color: #d9006b;
	}

/* @end */

/* @group NewGen */

div#newgen {
	float: right;
	position: relative;
	background-position: top left;
	background-repeat: no-repeat;
	margin: -50px 0 15px 0;
	width: 268px;
	height: 310px;
	overflow: hidden;
}
#actifreeze div#newgen {
	background-image: url(/peditech/assets/Image/newgen-flash-simple.png);	
	}
#actifresh div#newgen {
	background-image: url(/peditech/assets/Image/newgen-flash-simple.png);	
	}
html.js div#newgen {
	cursor: default;
}
div#newgen h3 {
	margin: 0;
	position: relative;
	left: -999em;
	height: 80px;
}
div#newgen h4 {
	margin: 0.3em 0;
	text-align: center;
	color: #d9006b;
	font-size: 250%;
	text-transform: lowercase;
}
div#newgen p {
	margin: 0.6em 0;
	line-height: 1.4;
}
div#newgen-points {
	width: 1200px;
	height: 250px;
	overflow: hidden;
}
div.newgen-point {
	width: 268px;
	padding-right: 20px;
	height: 250px;
	float: left;
}
div.newgen-point img {
	float: right;
	margin: 0 0 2px 5px;
}


/* @end */

/* @group Images */

img.right {
	float: right;
	margin:  0 0 5px 10px;
	}
img.left {
	float: left;
	margin:  0 10px 5px 0;
	}

/* @end */

/* @group Contacts */

dl.contact {
	margin: 0 0 1em 30px;
	}
dl.contact dt {
	clear: both;
	font-weight: bold;
	float: left;
	width: 7.5em;
	margin: 0;
	padding-top: 0.5em;
	}
dl.contact dd {
	margin: 0 0 0 8em;
	padding-top: 0.5em;
	}

/* @end */

.footnote {
	color: #bbb;
	font-size: 120%;
	}

.rounded {
	padding: 20px;
	background-color: #eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: auto;
	}
	
#actifreeze .rounded {
	background-color: #cce6ee;
	}
#actifresh .rounded {
	background-color: #ccede7;
	}
#actiheel .rounded {
	background-color: #cfd9e9;
	}

h2, h3 {
	color: #d9006b;
	}
#actifreeze h2, #actifreeze h3 {
	color: rgb(0,132,169);
	}
#actifresh h2, #actifresh h3 {
	color: rgb(0,163,137);
	}
	
a.pdf {
	padding-left: 20px;
	background: transparent url(../images/pdf.gif) 0 50% no-repeat;
	}

/* @group ActiFresh */

/* @group Usage 12 */

ol#steps-1-2 {
	margin: 0;
	padding: 0;
	}
ol#steps-1-2 li p {
	margin-bottom: 0;
	}

/* @end */



/* @end */

/* @group ActiFreeze */

/* @group Home steps */

div#steps {
	clear: both;
	position: relative;
	overflow: hidden;
}
div#steps h3 {
	margin: -10px 0 15px;
	color: #d9006b;
}
div#steps ol {
	margin: 0 -10px;
	padding: 0;
	list-style: none;
}
div#steps ol li {
	margin: 0;
	padding: 0 10px;
	float: left;
	width: 30%;
	text-align: center;
}
div#steps ol li img {
	margin: 0 15px 0 0;
}
div#steps a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	text-indent: -999em;
	outline: 0;
}


/* @end */

/* @group FAQ */

dl#faq {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
dl#faq dt {
	margin-top: 0.5em;
	font-weight: bold;
	color: rgb(0,132,169);
}
dl#faq dt.first {
	margin-top: 0;
}
dl#faq dd {
	margin: 0;
	padding-left: 16px;
}
dl#faq dd p {
	margin: 0;
	padding-bottom: 0.5em;
}
dl#faq dd ul {
	margin: 0;
	padding-bottom: 0.3em;
}
dl#faq dd li {
	margin: 0;
	padding: 0 0 0.2em;
}


/* @end */

/* @group Usage 123 */

ol#usage-123 {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
ol#usage-123 li {
	clear: left;
	margin-bottom: 1em;
}
ol#usage-123 img {
	float: left;
	margin-left: -10px;
}
ol#usage-123 p {
	margin: 0 0 0 135px;
	line-height: 1.4;
}


/* @end */

/* @group Wart types */

dl#wart-types {
	font-size: 85%;
}
dl#wart-types dt {
	clear: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #d9006b;
}
dl#wart-types dt img {
	float: left;
	margin: 2px 10px 10px 0;
	border: 1px solid #004289;
}
dl#wart-types dd {
	margin: 0 0 10px 87px;
	padding: 0;
	line-height: 1.4;
}


/* @end */



/* @end */

/* @end */

/* @group Footer */

#footer {
	margin: 0 auto;
	padding: 10px 0 20px;
	width: 950px;
	}
#footer p {
	margin: 0;
	font-size: 14px;
	}
#footer, #footer a {
	color: #888;
	}
#footer a + a {
	margin-left: 10px;
	}

/* @end */

* html .clearfix {
    height: 1%; /* IE5-6 */
    }
*+html .clearfix {
	display: inline-block; /* IE7not8 */
	}
.clearfix:after { /* FF, IE8, O, S, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
