/* CSS Document */
body {  font-family: Arial, Verdana, myriad, Arial, helvetica, Sans-Serif; background:#00688b url(../img/body_bg.jpg) top no-repeat; margin:0; padding:0; }
#container { margin:0 auto; padding:0; height:640px; }
.big { font-size: 18px; }

.logo { width:621px; height:128px; background:url(../img/logo.png) bottom center no-repeat; margin:0 auto; margin-bottom:-3.2em; }
.logo a { display:block; width:521px; height:126px; display:block; margin:0 auto; }
.logo a span { display:none; }


.stepcarousel { position: relative; overflow: scroll; height:648px; margin:0 auto; margin-top:3.2em;  }
.stepcarousel .belt{ margin:0 auto; width:100% !important; height:638px; position: absolute;   }
.stepcarousel .content-box { float: left; overflow: hidden; margin:0 auto; height:638px; width:100% !important; }

.box { width:1024px; height:638px; margin:0 auto; position:relative; }

.arrow-left { width:54px; height:638px; float:left; margin-left:0.2em; position:absolute; left:20px; }
.arrow-left .prev_inactive { width:54px; height:638px; display:block; background:url(../img/back_inactive.gif) left no-repeat; }
.arrow-left .prev_active { width:54px; height:275px; display:block; background:url(../img/back_active.gif) left no-repeat;  margin-top:11.3em; }
.arrow-left .prev_active a { display:block; width:54px; height:267px; display:block; }

.box-inner { width:907px; height:638px; float:left;  background:url(../img/bg_content.png) top center no-repeat; position:absolute; left:60px; }
.box-inner .footer { margin:0 auto; width:850px; padding:40px 10px; color:#aae5fa; font-weight:bold; font-size:13px; text-align:right; }

.arrow-right { width:54px; height:638px; float:left; position:absolute; right:20px;  }
.arrow-right .next_inactive { width:54px; height:638px; display:block; background:url(../img/next_inactive.gif) right center no-repeat; }
.arrow-right .next_active { width:54px; height:275px; display:block; background:url(../img/next_active.gif) right no-repeat; margin-top:11.3em; }
.arrow-right .next_active a { display:block; width:54px; height:267px; display:block;  }

.box-inner .navigation { list-style:none; width:853px; margin:0 auto; padding:0; height:50px; background:url(../img/bg_nav.png) bottom center no-repeat; margin-top:1.2em; }
.box-inner .navigation li { float:left; margin:0.8em 2.6em; padding:0; text-align:center; }
.box-inner .navigation li.selected { background:url(../img/white_arrow_nav.gif) top center no-repeat; padding-top:0.5em; }
.box-inner .subnav { margin: 0; padding: 0; display: none; }

.box-inner .navigation li a { color:#fff; font-size:15px; font-weight:bold; text-decoration:none; padding:10px; }

.box-inner .text-content { clear:both; width:850px; margin:0 auto; margin-top:0.7em; padding-right:1em; }
/*MODIFIED*/.box-inner .text-content .scroller-small { float:left; width:405px !important; height:360px !important; background:url(../img/bg_scroller_small.png) no-repeat top left; padding:12px 0 0 50px;}
/*.box-inner .text-content .scroller-small div{ margin:0.5em 3em 0em 3em !important; }*/
.box-inner .text-content .scroller-small ul{ list-style:none; }



.box-inner .text-content .scroller-large { float:left; width:448px !important; height:375px !important; background:url(../img/bg_scroller_small.png) no-repeat top left; padding-top:12px;}
.box-inner .text-content .scroller-large div{ margin:0 3em 0em 3em !important; top:10px !important; }
.box-inner .text-content .scroller-large ul{ margin:0 3em 0em 3em !important; list-style:none; bottom:25px !important;  }

/*
.box-inner .text-content .scroller-large { float:left; width:448px; height:374px; background:url(../img/bg_scroller_big.png) no-repeat top left; padding-top:12px; }
.box-inner .text-content .scroller-large .object { padding:0 3em 0em 3em !important; }
*/

.box-inner .text-content .text-scroller { float:right; width:381px; height:378px; }
.box-inner .text-content .text-scroller h2 { color:#fff; font-size:17px; font-weight:bold; margin:0.1em; padding:0; line-height:20px; margin-top:0; }
.box-inner .text-content .text-scroller h4 { color:#fff; font-size:14px; font-weight:bold; margin:0.1em; padding:0; line-height:20px; margin-top:0; margin-bottom:20px; padding-bottom:20px; border-bottom: 1px dashed #fff; }
.box-inner .text-content .text-scroller p { color:#fff; font-size:13px; line-height:19px; margin-right:0.2em; font-weight:bold; }
.box-inner .text-content .text-scroller ul { color:#fff; font-weight:bold; font-size:13px; margin-bottom:0; }
.box-inner .text-content .text-scroller a { font-size:14px; font-weight:bold; text-decoration:underline; color:#fff; }
.box-inner .text-content .text-scroller a:hover { font-size:14px; font-weight:bold; text-decoration:none; color:#fff; }

.box-inner .text-content .logos { margin:0 auto; height:57px; text-align:center; width:830px; background:url(../img/bg_logos.png) top center no-repeat; clear:both; }
.box-inner .text-content .logos img { margin:0 1.8em 0.3em 1.8em; vertical-align:middle;}

#scrollingcontent { overflow-y: auto; overflow-x: hidden; margin:0; }

/* Contact us */
.contact-us-form {  margin:0.1em 0em 0 0em; padding:0px; width:320px; }
.contact-us-form p { margin:0.2em 0 0.3em 0; padding:0; font-size:13px; color:#fff; clear:both; }
.contact-us-form label { float:left; padding-right:5px; text-align:right; display:block; width:80px; }
.contact-us-form input { background:#0885b1 !important; border:1px #2db4e0 solid; width:200px; font-size:13px; color:#fff; }
.contact-us-form textarea { width:200px; height:60px; border:1px #2db4e0 solid; background:#0885b1 !important; color:#fff; }
.contact-us-form .submit { background:url(../img/button.png) no-repeat !important; padding:7px 0 20px 0; margin:0 0 0 10em; width:96px; border:0 !important; height:36px; color:#fff; font-weight:bold; cursor:hand; cursor:pointer; }


.box-inner .categories { list-style:none; width:843px; margin:0 auto; margin-left:10px; padding:0; height:36px; background:url(../img/cat_bg.jpg) repeat-x bottom; }
.box-inner .categories li { float:left; margin:0em 2.1em 0 2em; padding:0; text-align:center; padding:4px 10px 7px 5px; height:20px; }
.box-inner .categories li.selected {  background:url(../img/white_arrow_cat.gif) bottom center no-repeat; padding-bottom:9px; padding-top:0px; border-bottom:7px #fff solid; }
.box-inner .categories li a { color:#fff; font-size:15px; font-weight:bold; text-decoration:none; padding:10px; }

.note { position:absolute; color:#FFF; width:118px; margin-left:22px; font-size:12px; font-weight:bold; text-align:center; height:20px; margin-top:3px; }