html, body {
    background-color: #ffffff;
    height: 100%;
}

body, select {
    font-family: Segoe UI,Tahoma,Arial,Verdana,sans-serif;
    font-size:14px;
}

body, input {
    font-size: 100%;
}

html, body, form, div, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
    margin: 0;
    padding: 0;
}

.StageTop div {
    background: url('../images/top_divbg.png') repeat-x scroll center top transparent;
}

.innerStageTop div {
    background:url('../images/innerpage_bg.png') repeat-x scroll center top transparent;
}

 .StageBottom div {
    background: url('../images/page_bg.png') repeat-x scroll center top transparent;
}

.StageTop div, .innerStageTop div {
	height: 500px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:1;
}

.StageBottom {
	position:relative;
}

.StageBottom div {
	background-position: center bottom;
	height: 400px;
	position: absolute;
	top:-384px;
	width: 100%;
}

.Stage {
	background-color: transparent;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	width: 920px;
	z-index: 1;
}


.login {
	background-color: transparent;
	float:right;
	padding: 0 20px;
	position: relative;
	width: 230px;
	z-index: 2;
	vertical-align:middle;
	margin-top:50px;
}

.login a {
	font-family:Calibri, Arial, "Trebuchet MS", sans-serif;
	color:#3a3a3a;
	vertical-align:text-top;
	padding:15px 0;
	outline:none;
	-moz-outline-style: none; 
}

.login input {
	background:transparent url('../images/login_btn.png') no-repeat; 
	width:83px; 
	height:35px; 
	border:none; 
	border-style:none; 
	outline:none; 
	-moz-outline-style: none;
}

.cssClear {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
}

.navigation {
	background:none;
	padding: 0px;
	position: relative;
	width: 590px;
	height:71px;
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
	z-index:10;
	float:right;
}

/*.navigation a{
	font-family:Calibri, Arial, "Trebuchet MS", sans-serif;
	font-size:16px;
	color:#000000;
	vertical-align:text-top;
	outline:none;
	-moz-outline-style: none; 
	background-image: url('../images/menudvdr.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 46px;
	padding-left: 46px;
	display: block;
	line-height: 57px;
	text-decoration: none;
}

.navigation ul{
	list-style-type:none;
    display: inline;
    text-align: left;
    position: relative;
	width: 893px;
	height:57px;

}

.navigation li {
	float:left;
}*/

#nav{
	/* Clear floats */
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
    float: none;
    height: 71px;
    list-style-type: none;
    margin: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 617px;
}
#nav li{
	float:left;
    height: 71px;
}
#nav a{
	font-family:Calibri, Arial, "Trebuchet MS", sans-serif;
	font-size:16px;
	color:#000000;
	vertical-align:text-top;
	outline:none;
	-moz-outline-style: none; 
	padding-right: 12px;
	padding-left: 12px;
	display: block;
	line-height: 70px;
	text-decoration: none;
}

#nav a:hover{
	color:#000;
	background-color:#474747;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:transparent; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:transparent; /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:relative;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}

#nav ul li{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	margin: -2px 0 -14px;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 127px;
	
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0px; /* Bring back on-screen when needed */
	top: -10px;
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#474747 url('../images/nav_bar_hover.png') repeat-x left top;
	text-decoration:none;
	color:#f79646;
}

#nav li.liact a {
	background:#474747 url('../images/nav_bar_hover.png') repeat-x left top;
	text-decoration:none;
	color:#f79646;
}

#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#474747 url('../images/submenu_hover.png') repeat-x left top;
}

.clr { clear:both; padding:0; margin:0; background:none; }

#slider {
    margin:0px;
    padding: 0px;
    height:427px;
    width: 947px;
    background:transparent url('../images/slideshowbg.png') no-repeat;
}

div#slideshow {
    height: 339px;
    margin: 4px 0 0 48px;
    padding: 0;
    width: 848px;
    background-color:transparent;
}
.slider-item {
    width: 100% !important;
    background-color:transparent;
}

.slider-item img { background-color:transparent; float:right; margin-top:20px; padding:0; }
.slider_content_inner img { border: none; background-color:transparent; }
.controls-center { background-color:transparent; width: 850px; margin:25px auto 0; padding:5px 0; }
#slider_controls { background-color:transparent; margin:0 auto; z-index: 1000; width:850px; }
#slider_controls ul { background-color:transparent; margin:0 auto; padding:0; width:135px;}
#slider_controls ul li { background-color:transparent; margin:0; padding:0; list-style: none; }
#slider_controls ul li { background-color:transparent; float: left; display: block; }
#slider_controls ul li a { background-color:transparent; width:19px; height: 19px; background:url('../images/tabs_2.png') no-repeat center center; display: block; float: left; padding:10px 2px 0 2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { background-color:transparent; outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background-color:transparent; background:url('../images/tabs_1.png') no-repeat center center; }

.content {
	font-family:Calibri, Arial, "Trebuchet MS", sans-serif;
    font-size:14px;
   	width: 893px;
   	margin:0 auto;
   	vertical-align:top;
   	z-index:2;
   	min-height:500px;
   	height:100%;
}

.content h4 {
	color:#f79646;
}
H2 {
	cursor: pointer;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #e8f1f9;
	color: #41464D;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

H5
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; /*'Andale Mono', sans-serif;*/
    font-size: 14px; /*#e8f1f9;*/
    color: #41464D;
    margin: 0 10px 4px 10px;
    padding: 3px 5px 1px;
}

.lefttabnav
{
    padding-top: 1px;
    float: left;
    position: relative;
    width: 180px;
    list-style: none outside none;
    margin: 0;
    z-index: 1;
    padding: 0 0 0;
    right: 0;
    top: 5px;
}

.lefttabnav li {
    background-image:url('../images/tabs_bg.jpg');
    margin: 0;
    padding: 0;
    float: left;
    margin: 0;
    padding-bottom: 18px;
}

.lefttabnav li h2 {
    clear: none;
    display: inline;
    font: bold 11px/16px Arial,Helvetica,sans-serif;
    height: auto;
    margin: 0;
    padding: 0;
    text-transform: none;
}

.lefttabnav li a {
    background: none repeat scroll 0 0 transparent;
    color: #5a5a5a;
    display: block;
    font-size: 12px;
    margin-top: 1px;
    padding: 6px 15px;
    text-align: right;
    text-decoration: none;
    width: 150px;
}

.lefttabnav li:hover, .lefttabhover {
	background-position:-210px bottom;
	color: #F79646;
	margin-bottom:0;
}

.righttabcontent
{
    /*background: url('../images/righttabbg.jpg') no-repeat scroll right top;*/
    padding-left: 10px;
    width: 685px;
    border-color: #C5D7E0;
    border-style: solid;
    border-width: 0 0 0 0;
    clear: none;
    float: left;
    background: #B2D9F6 none repeat scroll 0 0;
}

.righttacontent-inner {
    padding: 10px 16px 10px;
}

.righttabcontent h4 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 16px;
}


.righttabcontent p, .righttabcontent table {
    font-size: 14px;
}


.sect_bg {
	background:transparent url('../images/sectbg.png') no-repeat;
	margin-bottom: -4px;
    padding: 20px;
    width:217px;
    height:220px;
}
.sect_product_bg {
	background:transparent url('../images/sectbg.png') no-repeat;
	margin-bottom: -4px;
    padding: 20px;
    width:217px;
    height:120px;
}

.footer {
    color: #FFFFFF;
    font-size: 11px;
    height: 45px;
    margin: 0;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 893px;
}

.footer a{
	color:#ffffff;
	padding:0 5px;
}

.footer table{
	padding-left:14px;
	line-height:17px;
	width:100%;
}

.footer tr {

	margin:0px;
}

#slideshow2 div, #slideshow3 div {
	background-color:transparent;
}

/* rss */
.rss_img { text-align:right; font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ababab; float:right; margin:15px 0; padding:3px; }
.rss_img p { float:left; padding:0 5px 0 0; margin:0;}
.rss_img img { margin:0 3px; padding:0;}