/* top elements */







body {
	margin: 0px; 	
	padding: 0px;
	font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
	background: #fff;
	/*text-align: center;*/
	height: 100%;	
}



/* links */



a { 
	font-weight: normal; 
	background: inherit; 
	color: #1c3f95; 
	text-decoration: none; 
}



/* headers */



h1, h2, h3 {
	font: bold 1.2em 'Trebuchet MS', sans-serif;
	color: #333;
}



h1 { font-size: 1.4em; }

h3 { font-size: 1.2em; font-weight: bold; margin-left: 10px;}

h4 { font-size: 1.2em; font-weight: normal; margin-left: 10px;}



p, h1, h2, h3 {
	margin: 10px 15px;
}


/* side navigation menu */


.leftnav {
	margin: 20px 0 15px 15px;
	float: left;
	padding: 0;
}

.leftnavoff {
	display:block;
	font: bold 1.1em 'Trebuchet MS', sans-serif;
	color: #5285cd;
	padding:.3em 0 0 10px;
	line-height: 30px;
	margin-bottom: 10px;
	text-decoration:none;
}

.leftnavoff a{
	display:block;
	font: bold 1.1em 'Trebuchet MS', sans-serif;
	color: #5285cd;
	padding:.3em 0 0 10px;
	line-height: 30px;
	margin-bottom: 10px;
	text-decoration:none;
}

.leftnavon {
	color: #1c3f95;	
	text-decoration: none;
}

.leftnavon a{
	color: #1c3f95;	
	text-decoration: none;
}

.leftnavon a:hover{
	color: #1c3f95;	
	text-decoration: none;
}



.clear {
	clear: both;
}



/* main */



#main {
	/*float: right;
	width: 583px;	
	margin: 0 0 0 3px; 
	padding: 0 0 0 0;
	text-align: left;*/
	font: normal 11px/16px 'Trebuchet MS', sans-serif;
	/*padding: 7px 0 0 0;
	margin: 10px 10px 0 15px;*/
	color: #1c3f95;
}



#main h1 {
	padding: 7px 0 5px 0;
	margin: 10px 10px 0 15px;
	font: bold 1.4em 'Trebuchet MS', sans-serif;
	color: #197bac;
}


#main h2 {
	padding: 7px 0 5px 0;
	margin: 10px 10px 0 15px;
	font: bold 1.5em 'Trebuchet MS', sans-serif;
	color: #afd3d3;
}


#main h3 {
	padding: 7px 0 0 0;
	margin: 10px 10px 0 15px;
	font: bold 1.2em 'Trebuchet MS', sans-serif;
	color: #1c3f95;
}

#main p.home {
	font: normal 1.1em 'Trebuchet MS', sans-serif;
	/*margin: 0 30px 30px 15px;*/
	line-height: 2.5em;
	color: #197bac;
}

#main p {
	font: normal 11px/16px 'Trebuchet MS', sans-serif;
	/*padding: 7px 0 0 0;*/
	margin: 10px 10px 0 15px;
	color: #1c3f95;
}
#main ul {
	font: normal 11px/16px 'Trebuchet MS', sans-serif;
	/*padding: 7px 0 0 0;*/
	margin: 10px 10px 0 40px;
	color: #1c3f95;
}
#main p.answer {
	font: normal 11px/16px 'Trebuchet MS', sans-serif;
	padding: 0px 0 0 0;
	margin: 3px 10px 0 15px;
	color: #1c3f95;
}

/* product heading */

.product-heading{
	float: right;
	width: 583px;
	height: 54px;
	padding: 0;
	background: url('/app_themes/vivant/images/product-heading.jpg') no-repeat 0 0;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:3px
}

.product-headingUser{
	float: right;
	width: 583px;
	height: 54px;
	padding: 0;
	background: url('/app_themes/vivant/images/product-heading-user.jpg') no-repeat 0 0;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:3px
}

.product-headingUser h1{
	padding: 0;
	margin: 9px 10px 10px 15px;
	font: normal 2.4em 'Trebuchet MS', sans-serif;
	color: #fff;
}

.product-heading h1{
	padding: 0;
	margin: 9px 10px 10px 15px;
	font: normal 2.4em 'Trebuchet MS', sans-serif;
	color: #fff;
}


/* product content */

.product-dark{
	float: right;
	width: 583px;
	margin: 0; 
	padding: 0 0 10px 0;
	background: #f1f9fb;
}

.product-light{
	float: right;
	width: 583px;
	margin: 0; 
	padding: 0 0 10px 0;
	background: #fff;
}

.patent {
	font:  normal .9em 'Trebuchet MS', sans-serif;
	color: #1c3f95;
	text-transform: uppercase;
}

/* form elements */

form {
	margin:0px 20px 0 0; 
	padding: 0;
}


/* product menu */

.product-menu {
	/*float: right;*/
	width: 583px;
	padding: 0;
	/*background: url('/app_themes/vivant/images/productmenu-bg.jpg') no-repeat 0 0;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:3px*/

}

.product-menu ul { 
	font:  normal 1em 'Trebuchet MS', sans-serif;
	color: #1c3f95;		
	height: 20px;
	margin: 0 0 0 30px;
	padding: 80px 0 0 0;
	width: 553px;
}

.product-menu li {
	text-decoration: none;
	display: inline;
	color: #1c3f95;	
	margin: 0 0 0 7px;
	padding: 0;
	list-style: none;
}

.product-menu ul li a{
	text-decoration: none;
	font: normal 1.1em 'Trebuchet MS', sans-serif;
	color: #1c3f95;
	padding: 0 7px 0 0;
	border-right: 1px solid #1c3f95;
}

.product-menu ul li a.last{
	text-decoration: none;
	font: normal 1.1em 'Trebuchet MS', sans-serif;
	color: #1c3f95;
	padding: 0 7px 0 0;
	border-right: none;
}


/* Store Nav */

.storenav {
	font:  normal 1.1em 'Trebuchet MS', sans-serif;
	color: #1c3f95;		
	height: 20px;
}

/* footer */


#footer {
	/*clear: both;
	width: 894px;
	padding-left: 9px;*/
	margin: 0 auto;
	/*background: #fff url('/app_themes/vivant/images/footer-bg.jpg') no-repeat 0 0;
	color: #39718c;
	height: 91px; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5em; font-size:.92em; font-family:Trebuchet MS, sans-serif*/
}

#footer ul { 
	font:  normal 1em 'Trebuchet MS', sans-serif;
	color: #39718c;
	margin: 0;
	padding: 0px 0;
	width: 876px;
}

#footer li {
	text-decoration: none;
	display: inline;
	color: #39718c;
	margin: 0 0 0 7px;
	padding: 0;
	list-style: none;
}

#footer ul li a{
	text-decoration: none;
	color: #39718c;
	padding: 0 7px 0 0;
	border-right: 1px solid #39718c;
}

#footer p {
	float: left;
	margin: 10px 0 0 0; padding: 0;
	text-align: center;
}

#footer a:hover {
	text-decoration: none;
	color: #39718c;
}





