html, body {
	margin: 0; padding: 0;
	font-family: verdana , sans-serif;
}

body {
	font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6, dd, dt, dl {
	margin: 0; padding: 0;
	font-size: 1em;
	font-weight: normal;
}

img {
	border: none;
	display: block;
}

a {
	text-decoration: none;
}

ul, ol , p, fieldset {
	margin: 0; padding: 0;
	list-style-type: none;
}

/*** WYSIWYG ***/

.content {
	color: #1e4487;
	overflow: hidden;
	padding: 7px 0 0 0;
}


.content a {
	color: #1E4487;
	text-decoration: underline;
}

.content p {
	padding: 0 0 8px 0;
	font-size: 1.2em;
	line-height: 1.3em;
}

#content .content h1 {
	font-size: 2.4em;
}

#content .content h2{
	font-size: 2em;
}

#content .content h3{
	font-size: 1.6em;
}

.content ul,
.content ol {
	padding: 5px 0 10px 5px;
	font-size: 1.2em;
}

.content ul li {
	list-style: disc;
	margin: 0 0 0 15px;
}

.content ol li {
	list-style: decimal;
	margin: 0 0 0 15px;
}

.warning {
	color: #69ac4b;
	font-weight: bold;
}

.highlight {
	background: yellow;
	padding: 0 3px;
}

.wysiwygleft {
	float: left;
	margin: 0 10px 0 0;
}

.wysiwygright {
	float: right;
	margin: 0 0 0 10px;
}

.wysiwyg {
	margin: 10px;
}


/*** GENERIC ***/

.more {
	text-decoration: underline;
	font-weight: bold;
	color: #2f5396;
}

#wrapper {
	width: 760px;
	margin: auto;
	padding: 7px 0 27px 0;
}

.title {
	color: #2f5497;
	font-size: 1.7em;
	padding: 0 0 8px 0;
	letter-spacing: -1px;
}

#sidenav .title {
	padding: 8px 0 6px 10px;
	overflow: hidden;
}


/*** HEADER ***/

#header {
	overflow: hidden;
	padding: 8px 0 13px 0;
}

#logo {
	float: left;
}

#logo a {
	/*background: url(../images/logo.png) no-repeat;*/
	display: block;
	width: 144px;
	height: 66px;
	text-indent: -5000px;
}

#search {
	float: right;
	padding: 42px 0 0 0;
}

#search label {
	background: url(../images/search_label.png) no-repeat;
	float: left;
	text-indent: -5000px;
	width: 61px;
	height: 11px;
	margin: 5px 5px 0 0;
}

#search .textbox {
	background: url(../images/spyglass.png) no-repeat 3px 3px;
	float: left;
	border: 1px solid #d7d7d7;
	padding: 1px 1px 1px 20px;
	width: 113px;
}

#search .submit {
	float: left;
	padding: 6px 0 0 6px;
}


/*** NAV ***/

#nav  {
	overflow: hidden;
	padding: 0 0 9px 0;
}

#nav li {
	/*background: url(../images/stick.png) no-repeat right center;*/
	float: left;
	padding: 0 0 0 0;
}

#nav .last {
	background: none;
	padding: 0;
}

#nav a {
	background-image: url(../images/spritesheet.png);
	background-repeat: no-repeat;
	height: 29px;
	display: block;
	text-indent: -5000px;
}

#nav #index a {
	background-position: 0 0;
	width: 65px;
}

#nav #product-overview a {
	background-position: -65px 0; 
	width: 138px;
}

#nav #features a {
	background-position: -203px 0;
	width: 76px;
}

#nav #benefits a {
	background-position: -279px 0;
	width: 76px;
}

#nav #news a {
	background-position: -355px 0;
	width: 55px;
}

#nav #testimonials a {
	background-position: -410px 0;
	width: 105px;
}

#nav #purchasing-options a {
	background-position: -515px 0;
	width: 149px;
}

#nav #contact-us a {
	background-position: -664px 0;
	width: 96px;
}


#nav #index .active,
#nav #index a:hover {
	background-position: 0 -29px;
}

#nav #product-overview .active,
#nav #product-overview a:hover {
	background-position: -65px -29px; 
}

#nav #features .active,
#nav #features a:hover {
	background-position: -203px -29px;
}

#nav #benefits .active,
#nav #benefits a:hover {
	background-position: -279px -29px;
}

#nav #news .active,
#nav #news a:hover {
	background-position: -355px -29px;
}

#nav #testimonials .active,
#nav #testimonials a:hover {
	background-position: -410px -29px;
}

#nav #purchasing-options .active,
#nav #purchasing-options a:hover {
	background-position: -515px -29px;
}

#nav #contact-us .active,
#nav #contact-us a:hover {
	background-position: -664px -29px;
}

/*** BANNER ***/

#banner {
	overflow: hidden;
}

#banner.large {
	width: 742px;
	height: 195px;
	padding: 9px;
}

.small {
	width: 742px;
	height: 109px;
	padding: 9px;
}

#banner #slogan{
	font-size: 2.8em;
	width: 192px;
	float: left;
	color: #ffffff;
	overflow: hidden;
	text-indent: -5000px;
}


#banner_right {
	float: right;
}

#banner #quote {
	background: url(../images/quotebox.png) no-repeat;
	width: 200px;
	height: 90px;
	color: #1e4487;
	font-size: 1.2em;
	padding: 9px 15px 9px 9px;
	margin: 0 0 8px 0;
}

blockquote {
	display: block;
	overflow: hidden;
	margin: 0;
	line-height: 1.5em;
}

blockquote .start {
	background: url(../images/QuoteLeft.png) no-repeat;
	float: left;
	margin: 0 3px 0 0;
	vertical-align: bottom;
}

blockquote .end {
	background: url(../images/QuoteRight.png) no-repeat;
	vertical-align: top;
}

blockquote .start,
blockquote .end {
	display: inline-block;
	height: 17px;
	width: 21px;
	overflow: hidden;
}

blockquote .quote {
	display: block;
	padding: 0 0 0 13px;
}

#buttons {
	overflow: hidden;
	clear: both;
}

#buttons .button {
	width: 225px;
	height: 33px;
	display: block;
	text-indent: -5000px;
	margin: 0 0 8px 0;
}

#buttons #btn_purchase {
	background: url(../images/btn_purchase.png) no-repeat;
}

#buttons #btn_demo {
	background: url(../images/btn_demo.png) no-repeat;
		margin: 0;
}


#sidenav {
	background: #eaeaea url(../images/sidenav_bg.png) no-repeat;
	width: 242px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#sidenav ul {
	background: url(../images/sidenav_btm.png) no-repeat center bottom;
	padding: 0 0 5px 0;
}

#sidenav a {
	color: #60a73f;
	font-size: 1.3em;
	float: left;
}


#sidenav a:hover{
	text-decoration:underline;
}

#sidenav  .chevron {
	background: url(../images/chevron.png) no-repeat;
	width: 8px;
	height: 8px;
	display: block;
	float: left;
	margin: 5px 0 0 5px;
}

#sidenav li {
	padding: 7px 0 7px 34px;
	border-top: 1px solid #d8d7d7;
	overflow: hidden;
}

#sidenav .active a {
	text-decoration: underline;
}

/***PAGE STYLES ***/

#content {
	padding: 11px 0 0 0;
	overflow: hidden;
}

.col {
	width: 242px;
	float: left;
	padding: 0 18px 0 0;
}


/*** ROWS **/

.row {
	padding: 10px 0 0 0;
	overflow: hidden;
}

.row .last {
	margin: 0;
}

.btn_link {
	padding: 0 0 9px 0;
}

.btn_link a {
	background-image: url(../images/btn_spritesheet.png);
	display: block;
	height: 28px;
	text-indent: -5000px;
	width: 240px;
}

#btn_overview a {
	background-position: 0 0;
}

#btn_features a {
	background-position: -240px 0;
}

#btn_benefits a {
	background-position: -480px 0;
}

/*** BOXES ***/

.box {
	margin: 0 18px 0 0;
	width: 241px;
	float: left;
}

.gradientbox .top {
	background: url(../images/gradientboxtop.png) no-repeat #eaeaea;
}

.gradientbox .bottom {
	background: url(../images/gradientboxbottom.png) no-repeat;
	height: 9px;
	font-size: 0;
}

.gradientbox .content {
	min-height: 136px;
	padding: 9px 11px 0 9px;
}


/*** GENERIC FORM ***/

.generic_form fieldset {
	border: none;
}

.generic_form .textbox,
.generic_form textarea,
.generic_form select {
	border: 1px solid #d7d7d7;
}

.generic_form .textbox,
.generic_form select {
	width: 220px;
}



.generic_form textarea {
	width: 460px;
}

.generic_form .label {
	font-size: 1.2em;
	padding: 9px 0 2px 0;
	white-space: nowrap;
}

.generic_form .captcha {
	padding: 15px 0 0 0;
	clear: both;
}

.generic_form .submit {
	background: #2b4b88;
	color: #ffffff;
	font-weight: bold;
	border: 0;
	padding: 2px 4px 2px 2px;
	margin: 10px 0 0 0;
	cursor: pointer;
}

.single {
	float: left;
	padding: 0 20px 0 0;
}

.alt {
	clear: left;
}



#search_form {
	font-size: 1.3em;
}

#search_form dl {
	padding: 0 0 10px 0;
}

/*** LIST ***/

.list {
	padding: 10px 0 20px 0;
}

.list .item {
	padding: 0 0 18px 0;
	overflow: hidden;
}

.date {
	font-size: 1.2em;
	display: block;
	padding: 0 0 2px 0;
}

.list h3 a {
	font-size: 0.9em;
	color: #6ab945;
}

.list .description {
	font-size: 1.2em;
}

.list .summary {
	overflow: hidden;
	padding: 0 0 0 15px;
}

.list .productsummary {
	overflow: hidden;
	padding: 0 0 0 6px;
}


.list .summary h3 .strapline {
	font-size: 0.8em;
	padding: 0 0 4px 0;
}

.list .summary h3 a {
	font-size: 1em;
}

.list .image {
	float: left;
}


#more_prods {
	overflow: hidden;
}

#more_prods .item {
	width: 100px;
	padding: 0 10px 0 10px;
	float: left;
}

#more_prods .thumb {
	height: 100px;
	padding: 10px 0 0 0;
}


#content .content .productHeader{
	background: url('../images/features_box.png') no-repeat;
	width:456px;
	height:26px;
	padding:4px 10px;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
}

#content .content .productHeader .EditorLink{
	float:left;
}

.list .summary h3.productHeader a{
	color:#fff;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
	background:#5FA63E;
	
}


.list .summary h3.productHeader a:hover{
	text-decoration:underline;
}

/*** FOOTER ***/

#footer {
	overflow: hidden;
	padding: 10px 0 0 0;
}

#footernav {
	background: url(../images/footer.png) no-repeat;
	width: 602px;
	height: 30px;
	float: left;
	font-size: 1.2em;
}

#footernav li {
	background: url(../images/stick2.png) no-repeat right bottom;
	float: left;
	color: #ffffff;
	padding: 6px 6px 0 6px;
}

#footernav .last {
	background: none;
}

#footernav a {
	color: #ffffff;
	text-decoration: underline;
}

#footer .mclogo {
	float: right;
}
