/* ------------------------ */
/*		General				*/
/* ------------------------ */

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

html,
body							{ overflow: auto; }

body							{ margin-bottom: 30px; background-color: #ffffff; color: #58595b; font-family: verdana, tahoma, sans-serif; }
a,
a:link,
a:visited,
a:active,
a:hover							{ color: #9bcb3f; font-weight: bold; text-decoration: none; }
a:hover   						{ color: #58595b; }
a img							{ border: 0px; }
h1								{ font-weight: bold; font-size: 11px; color: #58595b; margin: 10px 0px 10px 0px; }
h2								{ letter-spacing: 0em; font-weight: bold; font-size: 0.8em; margin: 1em 2em 0.5em 0; line-height: 1.2em; color: #565656; }
p								{ font-size: 10px; margin: 0px 0px 10px 0px; line-height: 16px; }
td								{ font-size: 10px; line-height: 16px; }

table							{ border: 0px; border-collapse: collapse; }
td								{ border: 0px; border-style: none; padding: 0px; margin: 0px; vertical-align: top; }

.ClearFloat						{ border: none; clear: both; font-size: 1px; height: 0px; margin: 0px; padding: 0px; overflow: hidden; }

/* ------------------------ */
/*		Framework			*/
/* ------------------------ */

#Frame							{ width: 690px; height: 550px; left: 50%; /*top: 50%;*/ margin-left: -345px; margin-top: 50px; /*margin-top: -275px;*/ position: absolute; }

/* ------------------------ */
/*		Top					*/
/* ------------------------ */

#Top							{ height: 78px; border-bottom: 1px solid #58595b; }
#Logotype						{ width: 111px; float: left; }
#Logotype img					{ margin-top: 0px; height: 78px; width: 111px; }
#Header							{ width: 579px; float: left; }
#Title							{ border-bottom: 1px solid #58595b; min-height: 46px; height:auto !important; height: 46px; background-image: url(../Img/Framework/Title.gif); background-repeat: no-repeat; text-align: right; font-size: 9px; }
#Title div						{  }
#Title div a,
#Title div a:link,
#Title div a:visited,
#Title div a:active,
#Title div a:hover				{ color: #58595b; font-weight: normal; text-decoration: none; position: relative; top: 24px; }
#Title div a:hover   			{ color: #727272; }
#Title div span					{ position: relative; top: 24px; color: silver; }
#Navigation						{ }

/* ------------------------ */
/*		Menu				*/
/* ------------------------ */

#Menu							{ width: 472px; height: 31px; float: left; }
#Menu ul						{ /*margin: 9px 0px 0px 15px;*/ margin: 9px 0px 0px 0px; padding: 0px; list-style-type: none; text-align: left; }
#Menu ul li 					{ float: left; text-transform: uppercase; font-size: 9px; white-space: nowrap; }
#Menu ul li a 					{ text-decoration: none; margin: 0px 15px 0px 0px; /*padding: 0px 0px 0px 12px;*/ color: #58595b; font-weight: normal; }
#Menu li a:hover,
#Menu li a.Active,
#Menu li a.Active:hover			{ /*background-image: url(../Img/Framework/ArrowOver.gif); background-position: left 50%; background-repeat: no-repeat;*/ color: #727272; }
#Menu ul li a.Active			{ /*background-image: url(../Img/Framework/ArrowActive.gif); background-position: left 50%; background-repeat: no-repeat;*/ color: #9bcb3f; }

#MenuEnd						{ width: 107px; height: 31px; float: left; }
#MenuEnd ul						{ margin: 9px 0px 0px 0px; padding: 0px; list-style-type: none; text-align: right; }
#MenuEnd ul li 					{ float: right; text-transform: lowercase; font-size: 9px; white-space: nowrap; }
#MenuEnd ul li a 				{ text-decoration: none; padding: 0px 0px 0px 12px; color: #58595b; font-weight: normal; }
#MenuEnd li a:hover,
#MenuEnd li a.Active,
#MenuEnd li a.Active:hover		{ background-image: url(../Img/Framework/ArrowOver.gif); background-position: left 50%; background-repeat: no-repeat; color: #727272; }
#MenuEnd ul li a.Active			{ background-image: url(../Img/Framework/ArrowActive.gif); background-position: left 50%; background-repeat: no-repeat; color: #58595b; }

#SubNav							{ margin-left: 111px; margin-top: 7px; width: 540px; height: 23px; overflow: hidden; font-size: 9px; }
#SubNav	a,
#SubNav	a:link,
#SubNav	a:visited,
#SubNav	a:active,
#SubNav	a:hover					{ color: #58595b; font-weight: normal; text-decoration: none; }
#SubNav	a:hover   				{ color: #727272; }
#SubNav	a.Active,
#SubNav	a.Active:link,
#SubNav	a.Active:visited,
#SubNav	a.Active:active,
#SubNav	a.Active:hover			{ color: #9bcb3f; font-weight: normal; text-decoration: none; }

/* ------------------------ */
/*		Content				*/
/* ------------------------ */

#Content						{ margin-top: 0px; height: 410px; }
#LeftColumn						{ width: 690px; height: 380px; float: left; }

#VerticalWrapper				{ margin-top: 15px; width: 664px; height: 170px; position: relative; overflow: hidden; z-index: 100; float: left; }
#VerticalScrollArea				{ position: absolute; Vertical: 0px; top: 0px; width: 664px; height: 170px; clip: rect(0px, 664px, 170px, 0px); overflow: hidden; z-index: 1; }
#VerticalContent				{ position: absolute; visibility: hidden; Vertical: 0px; top: 0px; z-index: 1; }

#VerticalContent a,
#VerticalContent a:link,
#VerticalContent a:visited,
#VerticalContent a:active,
#VerticalContent a:hover		{ color: #58595b; font-weight: normal; text-decoration: none; }
#VerticalContent a:hover   		{ color: #f30702; }

#VerticalSrollWrapper			{ margin-top: 15px; float: left; margin-Vertical: 15px; width: 11px; }
#VerticalScroll					{ position: relative; Vertical: 0; top: 0; width: 11px; height: 170px; font-size: 1px; z-index: 1; }
#VerticalScrollTrack			{ position: absolute; Vertical: 0; top: 11px; width: 11px; height: 148px; background: url(../Img/Framework/Scroll/Vertical/Track.gif) #ffffff repeat; z-index: 1; }
#VerticalScrollDragBar			{ position: absolute; Vertical: 1px; top: 1px; width: 9px; height: 52px; background-color: #ffffff; background-image: url(../Img/Framework/Scroll/Vertical/DragBar.gif); z-index: 1; }  
#VerticalScrollUp				{ position: absolute; Vertical: 0; top: 0; z-index: 2; background-image: url(../Img/Framework/Scroll/Vertical/Up.gif); } 
#VerticalScrollDown				{ position: absolute; Vertical: 0; bottom: 0; z-index: 3; background-image: url(../Img/Framework/Scroll/Vertical/Down.gif); }
#VerticalScrollUp img,
#VerticalScrollDown img			{ width: 11px; height: 11px; }

#HorizontalWrapper				{ margin-top: 15px; width: 690px; height: 66px; position: relative; overflow: hidden; z-index: 100; }
#HorizontalScrollArea			{ position: absolute; left: 0px; top: 0px; width: 690px; height: 66px; clip: rect(0px, 690px, 66px, 0px); overflow: hidden; z-index: 1; }
#HorizontalContent				{ position: absolute; visibility: hidden; left: 0px; top: 0px; z-index: 1; }

#HorizontalSrollWrapper			{ margin-top: 13px; width: 11px; }
#HorizontalScroll				{ position: relative; left: 0; top: 0; width: 690px; height: 11px; font-size: 1px; z-index: 1; }
#HorizontalScrollTrack			{ position: absolute; left: 11px; top: 0px; width: 668px; height: 11px; background: url(../Img/Framework/Scroll/Horizontal/Track.gif) #ffffff repeat; z-index: 1; }
#HorizontalScrollDragBar		{ position: absolute; left: 1px; top: 1px; width: 52px; height: 9px; background-color: #ffffff; background-image: url(../Img/Framework/Scroll/Horizontal/DragBar.gif); z-index: 1; }  
#HorizontalScrollLeft			{ position: absolute; left: 0; top: 0; z-index: 2; background-image: url(../Img/Framework/Scroll/Horizontal/Left.gif); } 
#HorizontalScrollRight			{ position: absolute; left: 679px; bottom: 0; z-index: 3; background-image: url(../Img/Framework/Scroll/Horizontal/Right.gif); }
#HorizontalScrollLeft img,
#HorizontalScrollRight img		{ width: 11px; height: 11px; }

/* ------------------------ */
/*		Brand				*/
/* ------------------------ */

.BrandItem,					
.BrandItemActive				{ width: 90px; height: 66px; }
.BrandItem div,					
.BrandItemActive div,
.BrandItemOver div				{ cursor: pointer; width: 90px; height: 64px; overflow: hidden; background-repeat: no-repeat; }
.BrandItemActive div			{ border-bottom: 2px solid #9bcb3f; }
.BrandItemOver div				{ border-bottom: 2px solid #cccccc; }
.BrandItemActive div img		{ display: block; }
.BrandSeperator					{ width: 15px; }
.BrandSeperator img				{ width: 15px; height: 1px; }

.BrandLeftPanel					{ width: 250px; height: 275px; overflow: hidden; float: left; display: inline; }
.BrandRightPanel				{ width: 425px; height: 275px; overflow: hidden; float: left; display: inline; margin-left: 15px; }

.BrandData						{ width: 250px; height: 275px; overflow: hidden; }

/* ------------------------ */
/*		Theme				*/
/* ------------------------ */

#Theme							{ width: 690px; height: 195px; background-repeat: no-repeat; }
#NewsFlash						{ width: 660px; margin: 0px 0px 0px 30px; padding: 165px 0px 0px 0px; color: #ffffff; font-size: 11px; font-weight: bold; white-space: nowrap; overflow: hidden; }
#NewsFlash span					{ font-size: 10px; text-transform: uppercase; }
#Theme a,
#Theme a:link,
#Theme a:visited,
#Theme a:active,
#Theme a:hover					{ margin-left: 30px; color: #ffffff; font-weight: bold; text-decoration: none; }
#Theme a:hover   				{ color: #ffffff; }

/* ------------------------ */
/*		Bottom				*/
/* ------------------------ */

#Bottom							{ margin-top: 0px; border-top: 1px solid #58595b; }
#Address						{ width: 690px; font-size: 9px; color: #afafaf; padding-top: 5px; }
#Address a,
#Address a:link,
#Address a:visited,
#Address a:active,
#Address a:hover				{ color: #afafaf; font-weight: normal; text-decoration: none; }
#Address a:hover   				{ color: #9bcb3f; }
#Copyright						{ width: 690px; font-size: 9px; color: #afafaf; margin-top: 3px; }
#Copyright a,
#Copyright a:link,
#Copyright a:visited,
#Copyright a:active,
#Copyright a:hover				{ color: #afafaf; font-weight: normal; text-decoration: none; }
#Copyright a:hover   			{ color: #9bcb3f; }
#Member							{ width: 690px; font-size: 9px; color: #afafaf; margin-top: 3px; }