@charset "utf-8";

body {margin:0px;text-align:center;background:#5a5b5d url(../img/bg_body.jpg) repeat top left;font:normal 11px/15px arial, sans-serif;color:#fff;}

form {margin:0px;padding:0px;}

a, a:active, a:visited {color:#EACD68;text-decoration:none;outline:none;}
a:hover {color:#EACD68;text-decoration:underline;outline:none;}

h1 {font:normal 22px/26px arial, sans-serif;color:#d8d9d9;margin:0px 0px 18px;}
h2 {font:normal 22px/26px arial, sans-serif;color:#c0c58d;margin:0px 0px 18px;}

p {margin:0px 0px 12px;}

img {border:0px;}

.container {margin:0px auto;text-align:left;background:url(../img/bg_container.jpg) no-repeat top left;width:988px;height:658px;}

.header {padding:33px 42px 0px 46px;}
.header .logo {}
.header .nav {float:right;padding:49px 0px 0px;}
.header .nav img {margin:0px 0px 0px 28px;}

.leftside {width:340px;float:left;position:relative;}
.leftside .newsletter {position:absolute;top:276px;left:42px;width:226px;height:222px;background:url(../img/bg_newsletter.png) no-repeat 0px 23px;}
.leftside .newsletter .title {padding:0px 0px 6px 8px;}
.leftside .newsletter .content {padding:17px 5px 0px 14px;}
.leftside .newsletter .content .text {padding:0px 0px 10px;}
.leftside .newsletter .content .form {padding:0px 0px 10px;}
.leftside .newsletter .content .form .textfield {border:1px solid #373f41;width:140px;padding:4px;margin:0px 4px 0px 0px;font:normal 9px verdana, sans-serif;color:#373f41;}
.leftside .newsletter .content .form .bttn {vertical-align:top;margin:4px 0px 0px;}

.rightside {width:647px;float:right;}
.rightside .body {width:474px;height:371px;}

.rightside .body .content {padding:0px 13px;}
.rightside .body .content_left {float:left;width:125px;margin:0px 30px 0px 0px;}
.rightside .body .content_right {float:right;width:215px;}
.rightside .body .content_right .buttons img {margin:0px 10px 0px 0px;}

.rightside .footer {margin:95px 43px 0px 0px;font:normal 9px verdana, sans-serif;color:#e1e3df;}
.rightside .footer a {color:#e1e3df;text-decoration:none;}
.rightside .footer a:hover {color:#305863;text-decoration:none;}
.rightside .footer a:active {color:#e1e3df;text-decoration:none;}
.rightside .footer a:visited {color:#e1e3df;text-decoration:none;}
.rightside .footer .copyright {}
.rightside .footer .nav {float:right;text-transform:uppercase;}
.rightside .footer .nav ul {list-style:none none;padding:0px;margin:0px;}
.rightside .footer .nav ul li {display:inline;padding:0px 0px 0px 5px;}

/** Scroller **/
table.scroller {width:474px;border:0px;border-collapse:collapse;}
table.scroller td {vertical-align:top;padding:0px;}
table.scroller td.scroller_left {padding:20px;}

/* hide from incapable browsers */
div#scrollbar {display:none;}

/* below in external file */
div#wn	{position:relative;width:396px;height:331px;overflow:hidden;}
div#scrollbar { 
    position:relative; 
    width:38px; height:371px;
	margin:0px auto;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	}

div#track { 
    position:absolute; left:0px; top:0;
    width:38px; height:371px; 
    background:url(../img/scroll_path_vert.gif) no-repeat top left;
	}
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:38px; height:44px; 
    background:url(../img/scroll_bird.gif) no-repeat top left;
	cursor:pointer;
  }  
div#left {position:absolute;left:0;top:0;}  
div#right {position:absolute;right:0;top:0;}

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 

.floatimgright
{
float: right;
margin: 0 0 10px 10px;
border: 0px;
padding: 2px;
}