/*  layout.css  */
#skip, ul#banner-nav {
	display: none;
}

/*so: Main Layout*/
#page{
	margin: 0 auto;
	width: 960px;
}
	
#customer-area{
	padding-bottom: 5px;
}

#header{
	clear: both;
	height: 115px;
}

.banner{
	padding: 10px 20px;
}

#content-area{
	width: 960px;
	clear:both;
	padding: 10px 0;
}

div#main-content{
	width: 469px;
	float: left;
	padding: 0 10px 10px 10px;
	margin-bottom: 20px;
}

/*no sub-nav main content*/
body.no-sub div#main-content{
	width: 629px !important;
}


/*Wide main content*/
body#products.index div#main-content{
	width: 779px;
}

/*Full width main content*/
body.full-width div#main-content{
	width: 960px !important;
}

div#supporting-content{
	float: left;
	width: 160px;
}

div#supplementary-content{
	float: right ;
	width: 310px;
}

/*Wide supplementary content*/
body#products.index div#supplementary-content{
	float: none ;
	width: 779px;
}

/*home layout*/
body#home #supporting-content, body#home #supplementary-content{
	width: 960px;
	float: none;
}

/*eo: Main Layout*/

/*so: customer-area*/
p.login{
	float: right;
	width: 220px;
	height: 29px;
}


/*eo: customer-area*/

/*so:header*/
a#logo{
	float: left;
	margin: 25px 0;
}

a#customer-login{
	margin: 5px 0 0 10px;
	float: left;
}

span.arrow-down {
	background: url("../images/arrow-down.gif") no-repeat;
	float: right;
	width: 14px;
	height: 19px;
}

ul#main-nav li{
	padding: 0 0;
}

/*en:header*/

/*so: navigation*/
ul#main-nav li, ul#footer-nav li, ul.banner-buttons li{
	float: left;
}

#header {
	position: relative;
}

ul#main-nav { 
	position: absolute; top: 65px; right: 0; 

}

li.headlink ul{
	position: absolute;
	z-index: 999;
	width: 162px;
	top: 33px;
	left: -999em;
}

li.headlink:hover ul{
	left: 1px;
}

li.headlink ul.hover{
	left: 1px;
}

ul#main-nav li.headlink ul li{
	float: none !important;
	padding-top: 5px;	
	padding-left: 15px;
}

/*eo: navigation*/

/*so: banner*/
.banner {
	clear: both;
	height: 271px;
}

ul.banner-buttons {
	margin-top: 20px;
}

ul.banner-buttons li{
	margin: 0 10px 0 0;
}

img.box{
	float: right;
	margin: 0 70px 0 100px;
}

div.movie{
	float: right;
	margin: 0 0 0 70px;
}

object.movie{
	float: right;
	margin: 0 0 0 0px;
}

div.screenshot{
	float: right;
	margin: 17px 0 10px 10px;
}


ul#banner-nav li{
	width: 192px;
	height: 60px;
	float: left;
}

div.banner h2 {
		margin-top: 19px !important;
		margin-bottom: 0 !important;
}

div#who.banner h2 {
	margin-bottom: 10px !important;
}

div#intro.banner h2 {
		margin-top: 17px !important;
}

/*en: banner*/

/*so: suplementry-content*/

div.driver {
	width: 290px;
	padding: 10px;
	height: 155px;
	float: left;
	position: relative;
}

div.driver a.read-more, p.author{
	float: right;
}

.clear {
	clear: both;
}

ul#phone-list {
	padding: 0 !important;
	margin: 0 !important;
}

ul#phone-list li {
	margin-bottom: 10px;
	padding-left: 24px !important;
}


.driver blockquote{
	padding: 20px 30px 10px 40px;
}

div.driver a.read-more{
	position: absolute;
	bottom: 8px;
	right: 10px;
}

/* so:slideshows */

ul#banner-slideshow {
	width: 252px;
	height: 251px;
	float: right;
	padding-top: 0;
	margin-top: 20px;
	margin-left: 100px;
	position: relative;
}

ul#banner-slideshow li {
	width: 248px;    
	height:157px;
	float: none;
	position:absolute;
	top: 2px;
    left: 2px;
}



ul#banner-slideshow li.active,
ul#partner-slideshow li.active {
    z-index:10;
    opacity:1.0;
}

ul#banner-slideshow li.last-active {
    z-index:9;
}

ul#customer-slideshow li.last-active {
    z-index:9;
}

ul#partner-slideshow {
	position: relative;
	width: 290px;    
	height: 251px;
}


ul#partner-slideshow li {
	position:absolute;
    top:0;
    left:0;
    z-index:8;
	width: 290px;    
	height: 251px;
}



ul#partner-slideshow li.last-active {
    z-index:9;
}

/* eo:slideshows */

/*Home / Products Style*/

body#home #supplementary-content, body#products.index #supplementary-content{
	clear: both;
}

/*Home style*/
body#home div.driver{
	margin: 10px 0;
	padding: 0 10px;
}

/*products style */
body#products.index .driver{
	width: 349px;
	padding: 0 20px;
}

/*eo: suplementry-content*/

/*so: supporting-content*/
body#home #supporting-content{
	clear: both;
}

h2.title{
	float: left;
}
a#rss-icon{
	float: right;
	margin: 10px 5px 5px 5px;
}

ul.sub-nav{
	margin-right: 20px;
}

ul.sub-nav li{
	margin: 10px 0;
}

ul.sub-nav li a.hover{
	textdecoration: underline;
}

ul.sub-nav li a{
	width: 130px;
	display: block;
	padding-left: 10px;
	padding-top: 2px;
}

div.supporting-area{
	width: 450px;
	height: 190px;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	height: 230px;
	float: left;
	position: relative;
}

.supporting-area h2{
	margin-top: 5px;
}

div.supporting-area a.read-more{
	position: absolute;
	bottom: 20px;
	right: 10px;
}
div.supporting-area.first{
	margin: 10px 10px 10px 0;
}

dl#news-list dt, dl#news-list dd{
	padding-left: 25px;
}

dl#news-list dt{
	padding-top: 10px;
}
dl#news-list dt.first{
	padding-top: 0;
}

dl#news-list dd{
	margin-bottom: 10px;
}

.e-bulletin-text{
	float: left;
	width: 200px;
}
/*eo: supporting-content*/

/*so: footer */
#footer{
	clear: both;
}

.footer-content{
	padding: 5px 0;
	clear: both;
}

.footer-content p{
	padding-bottom: 0;
}

ul#footer-nav{
		padding-bottom: 0;
}

ul#footer-nav li{
	margin: 0 10px 0 0;
}
ul#footer-nav li a{
	margin: 0 0 0 10px ;
}

p.copy{
	float: right;
}

p.address{
	float: left;
	margin: 10px 50px 0 10px;
}

/*eo: footer */



/*so:text*/
#main-content h1{
	height: 45px;
	padding-left: 10px;
	padding-top: 10px;
}

h1.location {
	padding-left: 10px;
	margin-bottom: 20px;
}

a.read-more{
	padding: 0 2px;
}

#main-content ul{
	margin: 0 10px;
	margin-bottom: 10px;
	width: 449px;
}

#main-content ul li {
	padding: 0 10px;
}

#main-content ul li.first{
	padding-top: 5px;
}

.serif{
	padding-left: 0px;
}
/*EP: was 70px */
/*eo: text*/

/*so: testimonials*/

div.testimonial-area{
	width: 280px;
	min-height: 420px;
	float: left;
	padding: 10px;
	margin: 10px 0 10px 19px;
}

div.testimonial-area.row{
	margin-left: 0;
}

img.testimonial-img{
	margin: 0 10px;
}
/*en: testimonials*/

/*so: products*/
div.product-area{
	width: 360px;
	min-height: 160px;
	float: left;
	padding: 10px;
	margin: 10px 0 10px 19px;
}

div.product-area.row{
	margin-left: 0;
}

div.product-options{
	clear: both;
	height: 28px;
	margin-top: 46px;
}

div.product-options ul{
	height: 28px;
	display: block;
	width: 248px !important;
}

div.product-options ul li{
	float: left;
	margin: 0 0 0 0 !important;
	padding: 0 !important;
}

img.product-box{
	float: left;
	margin: 0 10px;
}

img.product-boxMain{
	float: right;
	margin: 0 27 0 0px;
}

div.product-title{
	min-height: 89px;
	padding: 30px 10px 10px 10px;
}

div.product-title h2{
	float: left;
}

div.product-title div.product-options{
	margin-top: 0px;
}

body#products.index div#supplementary-content{
	border-top: dotted 1px;
	padding-top: 10px;
}

/*en: products*/

/* so:clearfix */
#header:after,
.banner:after,
#supplementary-content:after,
#supporting-content:after,
#footer:after,
.footer-content:after,
form#generic-form p:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}

/* eo:clearfix */