/**********************************************************************************************

	CSS on Sails
	Title: Cosential
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: February 2010

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }
a.lstbtn { width: 323px; height: 39px; background-image: url(../images/login-btn-states.png); background-repeat: no-repeat; display: inline-block; text-decoration: none; cursor: pointer; }
a.lstbtn:hover { background-color: transparent; }

.hidden { 
	display: none;
}

ul.webinarBulletPoints {
	margin-left: 30px; 
	list-style-position: inside; 
	font-size: 10pt;
}

ul.webinarBulletPoints li {
	list-style: circle; 
	margin-bottom: 3px;
}

div.inner-footer {
	position: relative;
	top: 175px;
}

div.inner-footer a {
	margin-right: 10px;
}

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }

/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/
#content:after,
#footer ul:after,
.clearfix:after,
#content #signup-form div.form-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/
body {
	color: #666666;
	font-size: 11px;
	font-family: Arial, sans-serif;
	background: #333 url(../images/bg.png) repeat-x 0 0;
	padding: 30px 0 0 0;
}
body.popup {
	background: #fff;
	padding: 0;
}
hr { color: #ccc; height: 1px; background-color: #ccc   ;border: 0;}
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: Arial, sans-serif; font-size: 14px; }
a, a:visited { color: #990000; text-decoration: none; }
a:hover, a:active { color: #990000; text-decoration: none; }

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.wrapper-all {
	width: 900px;
	margin: 0 auto;
	background: #fff;
	line-height: 1.8em;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3); 
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.popup .wrapper-all {
	width: 700px;
	margin: 0 auto;
}

	#content .column-left {
		float: left;
		width: 405px;
		padding: 24px 15px 0 0;
	}

	.lander #content .column-left {
		padding: 27px 15px 0 0;
	}

	#content .column-right {
		float: left;
		width: 405px;
		padding: 30px 30px 0 15px;
	}
	#content .qrcode {
		float: right;
		width: 130px;
		padding: 50px 120px 10px;
		margin: 0;
	}
	#content .map {
		float: right;
		width: auto;
		padding: 0;
		margin: 0 50px;
	}

	.lander #content .column-right {
		padding: 27px 0 0 15px;
	}

	.home #content .column-right {
		padding: 24px 0 0 15px;
	}

.wrap-inner {
	width: 623px;
	min-height: 400px;
	float: right;
}
.wrap-inner2 {
	width: 667px;
	min-height: 400px;
	float: left;
}

.wrap-inner2 ul {
	padding-bottom: 15px;
}

/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header {
	height: 71px;
	position: relative;
	z-index: 2;
}

.popup #header {
	height: 175px;
	background: url(../images/h1_popup.png) no-repeat 0 0;
	color: #fff;
}

	#header h1 {
		float: left;
		width: 206px;
		padding: 10px 0 0 29px;
	}

	.popup #header h1 {
		float: none;
		width: auto;
		padding: 10px 0 0 29px;
		text-align: center;
		font-size: 48px;
		visibility: hidden;
	}

	.popup #header p {
		float: none;
		width: auto;
		padding: 10px 0 0 29px;
		text-align: center;
		font-size: 36px;
		visibility: hidden;
	}

/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/

#header > #navigation {
	float: left;
	padding: 25px 0 0 0;
}

	#navigation > li {
		float: left;
		position: relative;
		padding: 7px 12px 10px 14px;
	}
	
	

	#navigation li.blog {
		padding-right: 28px;
	}

	#navigation li.customerlogin {
		border-left: solid 1px #ccc;
		padding-left: 25px;
	}

		#navigation > li > a {
			display: block;
			font-size: 13px;
			text-transform: uppercase;
			color: #666;
			text-decoration: none;

		}

		#navigation > li > a strong {
			color: #990000;
		}

		#navigation > li > ul {
			position: absolute;
			top: 25px;
			display: none;
			/*border: solid 1px #cfcfcf;*/
			background: #ffffff;
			padding: 14px 0 8px 0;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			background-color: #FFF;
			}

		#navigation > li:hover > ul {
			display: block;
		}

			#navigation > li > ul > li > a {
				padding: 10px 20px;
				margin: 0px;
				border-bottom: solid 1px #CCC; 
			}
			#navigation > li > ul > li > a:hover {
				background: #efefef; 
			}


		#navigation  li li {
			padding-bottom: 0;
		}

			#navigation  li li li {
				padding-bottom: 5px;
			}

			#navigation  li li li:last-child {
				padding-bottom: 0;
			}

		#navigation  ul ul {
			padding-top: 5px;
		}

			#navigation li li a {
				display: block;
				text-decoration: none;
				color: #000;
				padding: 0 11px 0 9px;
				white-space: nowrap;
				line-height: 100%;
			}

			#navigation li li a:hover {
				color: #990000;
			}

				#navigation li li li a {
					padding: 0 11px 0 14px;
				}

/* 2.4 Content
-----------------------------------------------------------------------------------------------*/

#content {
	position: relative;
	z-index: 1;
	padding: 0 30px 15px 30px;
	background: url(../images/bg_sidebar.png) repeat-y 0 0;
}

.home #content,
.lander #content,
.product #content {
	background: #fff;
}

.numlist li {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 20px;
	font-size: 14px;
}

.login #content {
	background: url(../images/bg_login.png) repeat-x 0 0;
	padding-top: 17px;
	padding-bottom: 0;
}

.popup #content {
	padding: 27px 30px 15px 30px;
	background: none;
}

	#content p.navigation {
		color: #fff;
		padding: 7px 30px 9px 30px;
		margin: 0 -30px 0 -30px;
		background: #999;
	}

		#content p.navigation a {
			color: #fff;
			text-decoration: underline;
		}

		#content p.navigation a:hover {
			text-decoration: none;
		}

	#content a.play {
		display: block;
		position: relative;
	}

		#content a.play span.play {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 86px;
			height: 87px;
			margin: -44px 0 0 -43px;
			background: url(../images/play.png) no-repeat 0 0;
			cursor: pointer;
			text-indent: -8000px;
		}

		#content a.play:hover span.play {
			display: block;
		}

	#content .box-video {
		position: relative;
		padding: 20px 0;
		background: #fff;
		text-align: center;
		margin: 0 -30px 0 -30px;
		display: none;
	}

		#content .box-video span.close {
			position: absolute;
			top: 20px;
			right: 20px;
			font-size: 24px;
			color: #f00;
			font-weight: bold;
			cursor: pointer;
		}

	#content dl.banner {
	color: #fff;
	position: relative;
	margin: 0 -30px 0 -30px;
	background-image: url(../../_media/images/cosentialWebinars.jpg);
	}
	
	#webinarbanner {
    background: url("../../_media/images/cosentialWebinars.jpg") no-repeat scroll 0 0 transparent;
    height: 270px;
	width: 901px;
	float: left;
	margin-left: -30px;
}

#trainingbanner {
    background: url("../../_media/images/cosentialTraining.jpg") no-repeat scroll 0 0 transparent;
    height: 270px;
	width: 901px;
	float: left;
	margin-left: -30px;
}

	#content h6 {
		color: #FFFFFF;
		font-size: 18px;
	}

.slogan {position: relative; top: 60px; left: 550px; width: 320px; line-height: 175%;}


	#content dl.banner.banner01 {
		height: 299px;
		background: url(../../_media/images/bg_banner01.jpg) no-repeat 0 0;
	}
	
	#bannerhome {
		height: 299px;
		background: url(../../_media/images/Banner_Home.jpg) no-repeat 0 0;
		position: relative
	}
	
	.homeslogan {position:absolute; left: 30px; top:0px; color: #FFF; width: 400px; font-size: 1.4em;}
	
	.learnmorebtn {position:relative; left: 30px; top:230px;}
	
	#bannerhome .button.learn3 {
		width: 140px;
		height: 36px;
		background-image: url(../images/button_learnmore3.png);
		}
	#bannerhome .button {
    background-position: 0 0;
    display: block;
    height: 48px;
    overflow: hidden;
    text-indent: -8000px;
}	

	#bannerhome .button.learn3:hover {
		background-position: 0 -36px;
		}
	
	.videoplayer {margin: 10px 30px 30px 480px;}

	#content dl.banner.banner02 {
		height: 270px;
		background: url(../../_media/images/bg_banner02.png) no-repeat 0 0;
		
	}

	#content dl.banner.bannerwebinars {
		height: 270px;
		background: url(../../_media/images/cosentialWebinars.jpg) no-repeat 0 0;
	}
	#content dl.banner.bannerconference {
		height: 270px;
		background: url(../../_media/images/UserConferenceBanner1.gif) no-repeat 0 0;
	}
	
	#content dl.banner.bannerwebinarCallout {
		height: 270px;
		position: relative;
		left: 460px;
		top: 55px;
		background: url(../../images/homepageCalloutsWebinar.jpg) no-repeat 0 0;
	}
	
	#content dl.banner.banner10 {
		height: 299px;
		background: url(../../_media/images/bg_banner0101.jpg) no-repeat 0 0;
	}

	#content dl.banner.banner03 {
		height: 270px;
		background: url(../../_media/images/bg_banner03.jpg) no-repeat 0 0;
	}

	#content dl.banner.banner04 {
		width: 435px;
		height: 299px;
		/*background: url(../../_media/images/spring2010.png) no-repeat 0 0;*/
		background: url(../../_media/images/bg_banner04.png) no-repeat 0 0;
		float: right;
		margin: 0 -15px 0 0;
	}
	#content dl.banner.banner05 {
		color: #045384;
		height: 270px;
		background: url(../../_media/images/bg_banner05.jpg) no-repeat 0 0;
	}
	#content dl.banner.training {
		color: #045384;
		height: 270px;
		background: url(../../_media/images/bg_bannertraining.jpg) no-repeat 0 0;
	}
	#content dl.banner.support {
		color: #045384;
		height: 270px;
		background: url(../../_media/images/bg_bannersupport.jpg) no-repeat 0 0;
	}
	#content dl.banner.architecture {
		color: #045384;
		height: 270px;
		background: url(../../_media/images/bg_bannerarchitecture.jpg) no-repeat 0 0;
	}
	#content dl.banner.construction {
		color: #045384;
		height: 270px;
		background: url(../../_media/images/bg_bannerconstruction.jpg) no-repeat 0 0;
	}
	#content dl.banner.engineering {
		color: #045384;
		height: 270px;
		background: url(../../_media/images/bg_bannerengineering.jpg) no-repeat 0 0;
	}
	#content dl.banner.software {
		color: #045384;
		height: 270px;
		background: url(../../_media/images/bg_bannersoftware.jpg) no-repeat 0 0;
	}

	#content dl.banner.banner06 {
		height: 299px;
		background: url(../../_media/images/bg_banner06.jpg) no-repeat 0 0;
	}

	#content dl.banner.banner07 {
		color: #045384;
		height: 270px;
		background: url(../../_media/images/bg_banner07.jpg) no-repeat 0 0;
	}

	#content dl.banner.banner08 {
		color: #045384;
		height: 270px;
		background: url(../../_media/images/bg_banner08.jpg) no-repeat 0 0;
	}
	
	#content dl.banner.banner09 {
		color: #045384;
		height: 303px;
		background: url(../../_media/images/bg_banner09.jpg) no-repeat 0 0;
	}
	
	#content dl.banner.banner10 {
		height: 270px;
		background: url(../../_media/images/bg_banner10.jpg) no-repeat 0 0;
	}

		#content dl.banner dt {
			font-size: 27px;
			line-height: 100%;
			text-shadow: #888 -2px 2px 7px;
			visibility: hidden;
		}

		#content dl.banner.banner01 dt {
			padding: 44px 450px 0 30px;
		}

		#content dl.banner.banner02 dt {
			padding: 66px 400px 0 30px;
		}

		#content dl.banner.banner03 dt {
			padding: 32px 450px 0 30px;
		}

		#content dl.banner.banner04 dt {
			padding: 38px 0 0 0;
			text-align: center;
		}

		#content dl.banner.banner05 dt {
			padding: 64px 400px 0 30px;
		}

		#content dl.banner.banner06 dt {
			padding: 38px 400px 0 30px;
		}

		#content dl.banner.banner07 dt {
			padding: 64px 400px 0 30px;
		}

			#content dl.banner dt small {
				display: block;
				font-size: 17px;
			}

		#content dl.banner dd {
			display: block;
			font-size: 17px;
			line-height: 140%;
		}

		#content dl.banner.banner01 dd {
			padding: 0 0 0 30px;
		}

		#content dl.banner.banner02 dd {
			padding: 0 0 0 30px;
		}

		#content dl.banner.banner03 dd {
			padding: 0 0 0 30px;
		}

		#content dl.banner.banner04 dd {
			padding: 0 0 0 0;
			text-align: center;
		}

		#content dl.banner.banner05 dd {
			padding: 0 0 0 30px;
		}

		#content dl.banner.banner06 dd {
			padding: 0 0 0 30px;
		}

		#content dl.banner.banner07 dd {
			padding: 0 0 0 30px;
		}

			#content dl.banner dd span.text {
				visibility: hidden;
			}

			#content dl.banner dd ul {
				position: absolute;
				bottom: 35px;
				left: 30px;
			}
			
				#content dl.banner.banner03 dd ul {
				bottom: 15px;
			}

			#content dl.banner.banner04 dd ul {
				bottom: 15px;
				left: 223px;
			}

			#content dl.banner.banner06 dd ul {
				left: 146px;
			}

				#content dl.banner dd ul li {
					float: left;
					padding-right: 30px;
				}

				#content dl.banner dd ul li:last-child {
					padding-right: 0;
				}

			#content dl.banner dd a.play {
				position: absolute;
				width: 330px;
				height: 220px;
				top: 19px;
				left: 508px;
			}

	#content .features {	
	padding: 10px 10px 30px 10px;	
	background:#EFEFEF;
	width: 500px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin: 0 auto;
	}
	
	#content .features h3 {
		background: #CCC; 
		padding: 10px; 
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
	   border-top-right-radius: 10px;
	}
	#content .features ul {
			padding: 0 10px; 
		}	
	
		#content p.tools {
		position: relative;
		height: 10px;
		text-align: right;
		}
		
		#content .tools2 {
		position: relative;
		height: 10px;
		text-align: right;
		right: 20px;
		}
	
	#bookmarks { 
	    left: 740px;
    	padding: 0;
   		position: absolute;
    	top: 365px;
		}	

	#content p.tools .print {
		color: #666;
		background: url(../images/icon_print.png) no-repeat 0 0;
		padding: 0 0 2px 17px;
		}
		
	#content .tools2 .print {
		position: absolute;
		top: 10px;
		right: 0px;
		color: #666;
		background: url(../images/icon_print.png) no-repeat 0 0;
		padding: 0 0 2px 17px;
		}
		
		#bookmarks2 { float: right; margin-top: -33px;}	

	#content .banner {
		display: block;
		margin: 0 0 30px 0;
		}

	#content .banner.no-margin {
		margin: 0;
		}

	#content .button {
		display: block;
		height: 48px;
		background-position: 0 0;
		text-indent: -8000px;
		overflow: hidden;
		}

	#content .button.invert {
		background-position: 0 -48px;
		}

	#content .learn2.invert {
		background-position: 0 -54px;
		}

	#content .button:hover {
		background-position: 0 -48px;
		}

	#content .learn2:hover {
		background-position: 0 -54px;
		}

	#content .button.invert:hover {
		background-position: 0 0;
		}

	#content .button.try {
		width: 174px;
		background-image: url(../images/button_tryitfree.png);
		}

	#content .button.try2 {
		width: 141px;
		height: 36px;
		background-image: url(../images/button_tryitfree1.png);
		}

	#content .button.try2:hover {
		background-position: 0 -36px;
		}
	
	#content .button.learn {
		width: 174px;
		background-image: url(../images/button_learnmore.png);
		}

	#content .button.learn2 {
		width: 199px;
		height: 54px;
		background-image: url(../images/button_learnmore2.png);
		}

	#content .button.learn3 {
		width: 140px;
		height: 36px;
		background-image: url(../images/button_learnmore3.png);
		}

	#content .button.learn3:hover {
		background-position: 0 -36px;
		}

	#content .button.learn4 {
		width: 140px;
		height: 32px;
		background-image: url(../images/button_learnmore4.png);
		}

	#content .button.learn4:hover {
		background-position: 0 -32px;
		}

	#content .button.contact1 {
		width: 296px;
		background-image: url(../images/button_contactus1.png);
		margin: 0 0 0 38px;
	}

	#content .button.contact2 {
		width: 337px;
		background-image: url(../images/button_contactus2.png);
		margin: 0 auto;
	}
	
	#content .button.demo { 
		background-image: url(../images/button_demo.png);
		width: 154px;
		height: 34px;
	 }
	 #content .button.demo:hover { 
		background-position: 0 -34px;
	 }
	 #content .button.freetrial{ 
	 	background-image: url(../images/button_freetrial.png);
		width: 137px;
		height: 34px;
	 }
	 #content .button.freetrial:hover{ 
	 	background-position: 0 -34px;
	 }
	 
	 

	#content h2 {
		color: #000;
		font-size: 18px;
		border-bottom: solid 1px #ccc;
		padding: 0 0 3px 0;
		margin: 0 0 30px 0;
		overflow: hidden;
	}	
	
	#content h5 {
    background: none repeat scroll 0 0 #A00000;
    color: #FFFFFF;
    font-size: 18px;
    margin: 0;
    overflow: hidden;
    padding: 10px 18px;
}

	.home #content h2,
	.lander #content h2 {
		margin: 0 0 3px 0;
	}

	#content #sidebar h2 {
		margin: 0 0 10px 0;
	}

	#content h2.space-top {
		padding-top: 13px;
	}

	#content h3 {
		color: #000;
		font-size: 15px;
		padding: 0 0 10px 0;
	}

	#content h3.hr {
		border-bottom: solid 1px #ccc;
		padding: 0 0 5px 0;
	}

	#content h3.padding-bottom {
		padding: 0 0 13px 0;
	}

	#content h4 {
		color: #000;
		font-size: 12px;
		padding: 12px 0 0 0;
	}

	#content p {
	padding: 0 0 14px 0;
	font-size: 120%;
	font-family: Arial, sans-serif;
	}

	.italic {
		font-style: italic;
	}

	#content ul.default {
		overflow: hidden;
		margin: 0 0 14px 0;
	}

		#content ul.default li {
			padding: 0 0 7px 43px;
			background: url(../images/bullet01.png) no-repeat 36px 6px;
		}

	#content ul.default2 {
		overflow: hidden;
		margin: 0 0 14px 0;
	}

		#content ul.default2 li {
			padding: 0 0 0 17px;
			background: url(../images/bullet01.png) no-repeat 7px 8px;
		}
		
	#content ul.bullets {
	margin-bottom: 20px;	
	}
	
	#content ul.bullets li {
	list-style: disc outside;
	margin-left: 20px;	
	font-size: 12px;	
	}
	
	
	#content table.pricing {
		font-size: 12px; background:#efefef;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
			}
	
	#content table.pricing tr td {
		padding: 5px 10px!important;
			}

	#content table.news {
		width: 620px;
	}
	#content table.comparison tr.d0 td {
		color: black;
	}
	#content table.comparison tr td {
		padding-left: 10px;
	}

	.lander #content table.news {
		margin: 0 0 14px 0;
		width: auto;
	}

	.home #content table.news.main {
		margin: 0;
		width: auto;
		margin-top: 20px;
	}

		#content table.news tr {
		}

			#content table.news tr td {
				padding-bottom: 3px;
				vertical-align: top;
			}

			#content table.news tr td:first-child {
				padding-right: 15px;
			}

			#content table.news.main tr td {
				padding-right: 15px;
			}

			#content table.news tr td:last-child {
				padding-right: 0;
				padding-left: 15px;
			}

				#content table.news.main tr td p {
					padding: 0;
				}

	#content table.default {
		width: 620px;
		margin: 0 0 14px 0;
	}

		#content table.default thead {
		}

			#content table.default thead tr {
			}

				#content table.default thead tr th {
					color: #fff;
					text-align: center;
					background: #808789;
					border-bottom: solid 1px #a2a7a9;
					padding: 3px 0;
					width: 22%;
				}

		#content table.default tbody {
		}

			#content table.default tbody tr {
			}

				#content table.default tbody tr th {
					background: #f8f8f8;
					color: #090000;
					border-bottom: solid 1px #e5e4e4;
					padding: 4px 5px 4px 5px;
					width: 38%;
				}

				#content table.default tbody tr td {
					background: #fff;
					text-align: center;
					border-bottom: solid 1px #e6e6e6;
					padding: 4px 0 4px 0;
				}

	#content table.customer {
		margin-bottom: 21px;
	}

		#content table.customer tr {
		}

			#content table.customer tr td {
				border-bottom: solid 1px #ccc;
				padding-left: 13px;
				padding-bottom: 8px;
				padding-top: 13px;
			}

			#content table.customer tr td.left {
				text-align: center;
				border-bottom: none;
				padding-left: 0;
				padding-bottom: 0;
				width: 114px;
			}

			#content table.customer tr td.stars {
				text-align: center;
				padding-left: 0;
				padding-top: 0;
			}

	#content div.quote {
		background: #383838 url(../images/bg_quote.png) repeat-x 0 0;
		color: #fff;
		margin: 0 0 22px 0;
	}

	#content #sidebar div.quote {
		margin: 0 0 22px 0;
	}

		#content div.quote q {
			font-size: 18px;
			display: block;
			background: url(../images/bg_quote_mask_top.png) no-repeat 0 0;
			font-style: italic;
			padding: 22px 25px 2px 15px;
			line-height: 125%;
		}

		#content #sidebar div.quote q {
			font-size: 12px;
			background: url(../images/bg_quote_mask_top-sidebar.png) no-repeat 0 0;
			padding: 21px 10px 13px 15px;
			line-height: 125%;
		}

		#content div.quote cite {
			display: block;
			background: url(../images/bg_quote_mask_bottom.png) no-repeat 0 100%;
			font-size: 15px;
			text-align: right;
			padding: 0 13px 66px 15px;
		}

		#content div.quote .left cite {
			background: url(../images/bg_quote_mask_bottom_left.png) no-repeat 0 100%;
		}

		#content #sidebar div.quote cite {
			background: url(../images/bg_quote_mask_bottom-sidebar.png) no-repeat 0 100%;
			font-size: 12px;
			padding: 0 11px 61px 15px;
		}

		#content div.quote ul {
			text-align: center;
			background: #fff;
		}

		#content #sidebar div.quote ul {
			padding-bottom: 3px;
		}

		#content #sidebar div.quote ul {
			background: #f9f9f9;
		}

			#content div.quote ul li {
				display: inline;
				padding: 0 5px;
			}

			#content #sidebar div.quote ul li {
				padding: 0;
			}

	#content div.flashbox {
		padding: 6px 0 0 0;
		width: 188px;
	}

		#content div.flashbox object {
			display: block;
		}

		#content div.flashbox dl {
			background: #666;
			color: #fff;
		}

			#content div.flashbox dl dt {
				background: #666;
				color: #fff;
				font-size: 14px;
				font-weight: bold;
				padding: 7px 13px 0 13px;
			}

			#content div.flashbox dl dd {
				background: #666;
				color: #fff;
				font-size: 11px;
				padding: 0 13px 8px 13px;
				font-style: italic;
			}

		#content div.flashbox2 {
			padding: 6px 0 18px 0;
			width: 406px;
			position: relative;
		
		}

			#content div.flashbox2 object {
				display: block;
			}
			#content div.flashbox2 div.player { border: 1px solid #999; border-width: 1px 1px 0; width: 404px; height: 190px; position: relative; z-index: 11; }
			#content div.flashbox2 div.player .btn-player{ background: url(../images/btn-player.png) no-repeat 0 0; width: 50px; height: 42px; display: block; overflow: hidden; top: 80px; left: 175px; position: relative; z-index: 5; text-indent: -999em; }
			#content div.flashbox2 div.player .btn-player:hover { background-position: 0 -42px; }

			#content div.flashbox2 dl {
				background: #666;
				color: #fff;
			}

				#content div.flashbox2 dl dt {
					background: #666;
					color: #fff;
					font-size: 14px;
					font-weight: bold;
					padding: 7px 13px 0 13px;
				}

				#content div.flashbox2 dl dd {
					background: #666;
					color: #fff;
					font-size: 11px;
					padding: 0 13px 8px 13px;
					font-style: italic;
				}
				#flash1{ 
					background: url(../images/flashposters/frame1.jpg) no-repeat 0 0; width: 404px; height: 195px; position: absolute; top: 0; left: 0; z-index: 3;
					}
				#flash2{ 
					background: url(../images/flashposters/frame2.jpg) no-repeat 0 0; width: 404px; height: 195px; position: absolute; top: 0; left: 0; z-index: 3;
					}
				#flash3{ 
					background: url(../images/flashposters/frame3.jpg) no-repeat 0 0; width: 404px; height: 195px; position: absolute; top: 0; left: 0; z-index: 3;
					}					
	

	#content form {
		float: left;
		width: 405px;
		padding: 0 0 0 0;
		margin: -4px 0 -1px 0;
	}

		#content form h2 {
			margin-bottom: 10px;
		}

		#content form p {
			font-size: 14px;
			text-align: center;
		}

		#content form p.big {
			color: #000;
			padding-top: 0px;
		}
		
				
			#content form.demo1 {background: #EAEAEA; width: 280px;padding: 20px;margin: 10px 0 30px 0; float: none;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
			
			#content form.demo1 p {text-align:left;}
			
			#content form label.l {font-size: 14px;}
				

		#content form fieldset {
			border-bottom: solid 1px #ccc;
			padding: 0 69px 0 50px;
			margin: 0 0 11px 0;
		}

			#content form fieldset p {
				font-size: 11px;
				padding: 7px 0 16px 0;
				clear: both;
			}

			#content form fieldset div.firm-id {
				float: left;
				width: 108px;
			}

			#content form fieldset label {
				font-size: 12px;
				display: block;
				/*padding: 0 0 4px 0;*/
			}

			#content form fieldset label.checkbox {
				text-align: center;
				padding: 8px 0 13px 0;
			}
			
			#content form fieldset label.error {
				color: #FF0000;
				font-size: 9px;
				padding: 0;
				border: 0;
				left: 894px;
				width: 150px;
			}


			#content form fieldset label.checkbox2 {
				position: relative;
				float: right;
				width: 172px;
				text-align: right;
				padding: 21px 0 0 0;
				font-size: 12px;
			}

				#content form fieldset label.checkbox2 input {
					position: absolute;
					left: 8px;
					top: 20px;
				}

			#content form fieldset input[type="text"] {
				width: 80%;
				height: 17px;
				font-size: 14px;
				/*font-weight: bold;*/
				margin: 0 0 9px 0;
			}

			#content form fieldset input[type="password"] {
				width: 80%;
				height: 17px;
				font-size: 14px;
				/*font-weight: bold;*/
				margin: 0 0 9px 0;
			}

			#content form fieldset input[type="submit"] {
				display: block;
				width: 174px;
				height: 37px;
				text-indent: -8000px;
				line-height: 37px;
				background: url(../images/button_login.png);
				border: 0 none;
				margin: 0 auto;
				margin-bottom: 15px;
				cursor: pointer;
			}

			#content form fieldset input[type="submit"]:hover {
				background-position: 0 -37px;
			}

	#content form.popup-form {
		float: none;
		width: auto;
		padding: 3px 0 0 0;
		margin: 0;
	}

		#content form.popup-form p {
			font-size: 12px;
			padding: 0 0 9px 0;
			text-align: left;
		}

		#content form.popup-form fieldset {
			border: none;
			margin: 0;
		}

		#content form.popup-form fieldset.popup-form-top {
			padding-bottom: 26px;
		}

			#content form.popup-form fieldset.popup-form-top label {
				clear: left;
				float: left;
				width: 67px;
				padding: 9px 0 0 80px;
				color: #2e2e2e;
			}

			#content form.popup-form fieldset.popup-form-top label.select {
				padding-top: 2px;
			}

			#content form.popup-form fieldset.popup-form-top input[type="text"] {
				width: 257px;
				height: 26px;
				font-size: 21px;
				font-weight: normal;
				margin: 0 0 7px 0;
			}

			#content form.popup-form fieldset.popup-form-top p.info {
				color: #a9a9a9;
				padding: 0;
				text-align: left;
				padding: 0 0 0 147px;
				margin: -7px 0 7px 0;
			}

			#content form.popup-form fieldset.popup-form-top select {
				width: 261px;
				font-size: 12px;
			}

		#content form.popup-form fieldset.popup-form-bottom {
		}

			#content form.popup-form fieldset.popup-form-bottom label {
				float: none;
				width: auto;
				padding: 0 0 0 80px;
				color: #2e2e2e;
			}

			#content form.popup-form fieldset.popup-form-bottom label.checkbox {
				padding: 0 0 29px 0px;
			}

			#content form.popup-form fieldset.popup-form-bottom input[type="text"],
			#content form.popup-form fieldset.popup-form-bottom input[type="password"] {
				width: 326px;
				height: 26px;
				font-size: 21px;
				font-weight: normal;
				margin: 0 0 16px 80px;
			}

			#content form.popup-form fieldset.popup-form-bottom p.info {
				color: #a9a9a9;
				padding: 0;
				text-align: left;
				padding: 0 0 0 80px;
				margin: -16px 0 16px 0;
			}

			#content form.popup-form fieldset.popup-form-bottom input[type="submit"] {
				display: block;
				width: 302px;
				height: 49px;
				text-indent: -8000px;
				line-height: 37px;
				background: url(../images/button_signupnow.png);
				border: 0 none;
				margin: 0 auto;
				margin-bottom: 17px;
				cursor: pointer;
			}

			#content form.popup-form fieldset.popup-form-bottom input[type="submit"]:hover {
				background-position: 0 -49px;
			}

	#content .headline-box {
		background:#efefef;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 30px;
		margin-bottom: 20px;		
	}
	
	#content .headline-box2 {
		background:#efefef;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 20px;	
	}
	
		#content .headline-box2 h3{
		padding: 0;
		}

		#content .headline-box img {
			margin: 5px 13px 0 0;
		}

		#content .headline-box * {
			overflow: auto;
			font-family: Arial, sans-serif;
			}

	.ad{
		position: relative;
		display: block;

	}
	.ad .button {
	position: absolute !important;
	z-index: 100;
	left: 211px;
	top: 136px;
	cursor: pointer;
	}
	
	
	#main-content {width: 901px; margin-left: -30px;}
	
	.careerlist li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
}

/* Client Logos Slider
-----------------------------------------------------------------------------------------------*/


#clientslider {margin: 0 auto; width: 660px; padding-top: 15px;}
.subtitle {font-size: 1.5em; font-weight: bold; padding-left: 50px;}
#sliderwrapper {
	position: relative;
	height: 122px;
	width: 540px;
	background-color: #FFF;
	border: 1px solid #CCC;
	margin: 10px 50px;
}

	/* slider */

		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height:122px;
			width:540px;
			overflow:hidden;
			}	
		#slider{ 
		/*	margin-left:5px;*/
			}	
		#prevBtn, #nextBtn{ 
			display:block;
			width:30px;
			height:77px;
			position:absolute;
			left:-30px;
			top:21px;
			}		
		#nextBtn{ 
			left:540px;
			}														
		#prevBtn a, #nextBtn a{  
			display:block;
			width:30px;
			height:77px;
			background:url("http://www.cosential.com/sliderimages/btn_prev.gif") no-repeat 0 0;	
			}	
		#nextBtn a{ 
			background:url("http://www.cosential.com/sliderimages/btn_next.gif") no-repeat 0 0;	
			}
		#prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }									
	
	/* // slider */			
	
	
/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar {
	float: left;
	width: 188px;
	padding: 23px 15px 0 0;
	margin: 0 14px 0 0;
	overflow: auto;
}

#sidebar2 {
	float: left;
	width: 233px;
	padding: 0;
	margin: 0;
	overflow: auto;
}

#sidebar-wrap {padding: 20px;margin-top: -5px;}
#main-wrap {padding: 40px 20px;}


.menu li {
     background: url("../../_media/images/check_icon2.png") no-repeat scroll 0 center transparent;
}

#sidebar-wrap ul li {	   
    border-bottom: 1px solid #DBE1E3;
    display: block;
    height: 30px;
    line-height: 34px;
    padding-left: 30px;
}
#sidebar-wrap ul li a {font-size: 1.2em;line-height: 1.8em;}

#sidebar2 h2 {
	background: none repeat scroll 0 0 #999;
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: -5px;
    overflow: hidden;
    padding: 10px 18px;
}

	#sidebar ul.menu {
	padding: 1px 0 16px 0;
	margin-top:5px;	
}

		#sidebar ul.menu li {
			padding: 0 0 12px 0;	
		}

			#sidebar ul.menu li li {
				padding: 1px 0 0 6px;
			}

			#sidebar ul.ƒtoo li a {
				color: #000;
				font-size: 14px;
				font-weight: bold;
				text-decoration: none;
			}

				#sidebar ul.menu li li a  {
					color: #666;
					font-size: 12px;
					font-weight: normal;
				}

			#sidebar ul.menu li a:hover,
			#sidebar ul.menu li.active a {
				color: #990000;
			}

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/

#footer {
	background: #990000 url(../images/bg_footer.png) repeat-x 0 100%;
	color: #fff;
	padding: 14px 0 0 0;
	clear: both;

}

.login #footer {
	background: #fff;
	color: #666;
	padding: 0 0 12px 0;
	border-bottom: solid 1px #cbcbcb;
}

	#footer ul {
	}

	#footer ul li {
		float: left;
		line-height: 135%;
	}

	#footer ul li.products {
		width: 142px;
		padding-left: 31px;
		border-right: 1px solid #C33;
	}

	#footer ul li.support {
		width: 137px;
		padding-left: 10px;
		border-right: 1px solid #C33;
	}

	#footer ul li.resources {
		width: 154px;
		padding-left: 10px;
		border-right: 1px solid #C33;
	}

	#footer ul li.aboutus {
		width: 125px;
		padding-left: 10px;
		border-right: 1px solid #C33;
	}

	#footer ul li.blog {
		width: 100px;
		padding-left: 10px;
		border-right: 1px solid #C33;
	}
	
	#footer ul li.customerlogin {
		padding-left: 10px;
	}

		#footer ul li a {
			color: #fff;
			text-decoration: none;
			font-size: 10px;
		}

			#footer ul li a strong {
				font-size: 14px;
				color: #C66;
			}

		#footer ul li a:hover {
			text-decoration: underline;
		}

		#footer ul li li {
			float: none;
			width: auto;
			padding: 0;
		}

			#footer ul li li li {
				padding: 0 0 0 5px;
			}

	#footer p {
		    background: none repeat scroll 0 0 #000000;
   			 font-size: 10px;
   			 margin: 40px 0 0;
   			 padding: 10px 0;
   			 text-align: center;
	}

	.login #footer p {
		font-size: 11px;
		padding: 10px 0 0 0;
	}

	.login #footer p:first-child {
		padding: 0;
	}
	

/* product page */
body.product #content dl.banner dd ul { bottom: 65px; left: 40px;}

body.product #content .quick-showcase h2 { border: 0; font-size: 18px; font-weight: bold; margin-bottom: 0px; }
.quick-showcase { margin: 18px -18px; }

.infiniteCarousel {
  width: 875px;
  position: relative;
  height: 130px;
}

.infiniteCarousel .wrapper {
  width: 875px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 125px;
  position: absolute;
  top: 0;
  margin: 0;
}


.infiniteCarousel ul a img {
  border: 3px solid #989797; 
}

.infiniteCarousel .wrapper ul {
  width: 875px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  float:left;
  height: 125px;
  width: 296px;
  
}
.infiniteCarousel ul li a { background: url(../images/bg_frame.jpg) no-repeat 0 0; height: 125px; display: block; }

.infiniteCarousel .arrow {
  position: absolute;
  text-indent: -999em;
  outline: 0;
}
.infiniteCarousel .pagination { position: absolute; bottom:0; right:0; }
.infiniteCarousel .pagination a { cursor: pointer; overflow: hidden; outline: none; float: left; background: url(../images/btn_arrow.gif) no-repeat 0 0; width: 7px; height: 7px; text-indent: -999em; display: inline; margin-right: 10px; }
.infiniteCarousel .pagination a.selected, .infiniteCarousel .pagination a:hover { background-position: 0 -7px; }

/* categories list */
.categories-list { position: relative; overflow: hidden;margin: 18px 0; }
.categories-list ul { width: 900px; }
.categories-list li { float: left; width: 240px; display: inline; margin: 5px; padding: 10px;min-height: 140px;background: none repeat scroll 0 0 #EFEFEF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.categories-list li h3 { font-size: 14.2px; background:#999999; padding: 5px!important; color: #FFF!important; -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;}
.categories-list li p, .categories-list li a { font-size: 10.2px;  }
#content .categories-list li p { padding-bottom: 0; }
.product .content { margin: 0 -15px;}
/* signup form */
#content #signup-form { width: auto; margin: 24px 0 0 2px; }
#content #signup-form fieldset { border: 0; margin: 0 0 6px 0;}
#content #signup-form h2 { margin-bottom: 6px; }
#content #signup-form h2 span { color: #990000; }
#content #signup-form p { font-size: 1em; color: #666; text-align: left; margin-bottom: 12px;}
#content #signup-form p a { font-weight: bold; }
#content #signup-form div.form-item { margin-bottom: 6px; font-family: Lucida Sans, 'Lucida Sans Unicode', 'Lucida Grande', "Arial", "Helvetica", sans-serif; color: #2D2D2D; }
#content #signup-form div.form-item label { float: left; width: 70px; display: inline; margin-left: 70px; vertical-align: middle;}
#content #signup-form div.form-item div.error {color:#FF0000;display:inline;clear:none;margin-left:0px;}
#content #signup-form div.form-item input { width: 250px; float: left;  margin: 0; }
#content #signup-form div.form-item select { float: left; margin-top: 4px; display: inline; }
#content #signup-form div.form-item span { display: block; clear: both; margin-left: 140px; color: #666; }

#content #signup-form .user-pwd-field label { margin-left: 68px; margin-bottom: 12px; display: block; font-family: Lucida Sans, 'Lucida Sans Unicode', 'Lucida Grande', "Arial", "Helvetica", sans-serif; color: #2D2D2D; }
#content #signup-form .user-pwd-field input { width: 330px; padding: 4px 3px; margin: 0; display: block; }
#content #signup-form .user-pwd-field span { color: #666; }

#content #signup-form .billing { position: relative; margin-bottom: 12px; }
#content #signup-form .billing div.form-item label { margin-left: 0;  width: 88px;}
#content #signup-form .billing div.form-item input { width: 170px; }
#content #signup-form .billing div.form-item select { margin-right: 12px; }
#content #signup-form .billing div.form-item .btn-secure { height: 20px; width: 68px; text-indent: -999em;  background: url(../images/ico-secure.gif) no-repeat 0 0; float: left; display: inline; margin: 6px 0 0 6px; }
#content #signup-form .billing div.form-item span { margin-left: 90px; }
#content #signup-form .billing p.tips { position: relative; left:100px; width: 200px; color: #2D2D2D;font-family: Lucida Sans, 'Lucida Sans Unicode', 'Lucida Grande', "Arial", "Helvetica", sans-serif; }
#content #signup-form .billing p.tips img { display: block; margin-bottom: 12px; }
#content #signup-form p.complete span { font-weight: bold; color: #000; font-size: 1.28em; display: block; margin-bottom: 4px; }
#content #signup-form label.accept-rule { margin-left: 110px; font-size: 1.1em; color: #2D2D2D; }
#content #signup-form label.accept-rule div.error { margin-left: 110px; font-size: 1.1em; color: #FF0000; }
#content #signup-form button { border: 0; cursor: pointer; background: url(../images/btn-signup.jpg) no-repeat 0 0; width: 302px; height: 49px; margin: 28px 0 0 110px; }
div#cvv-container { padding: 20px; display: none; }
.popup { background: #ccc; border: 6px solid #000; width: 640px; height: 360px; position: absolute; top: 20px; left: 50%; margin-left: -300px; z-index: 9999; display: none; }
.popup .btn-close { background: url(../images/btn-close.png) no-repeat 0 0; width: 30px; height: 30px; overflow: hidden; display: block; position: absolute; right: -20px; top: -20px; text-indent: -999em; }