BODY            {background:#000; text-align:center;}
BODY#HomePage,
BODY#InnerPage,
BODY#SystemPage {color:#9cc3ce;}
.Right          {float:right;}
.Left           {float:left;}
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix       {display:inline-block;}


#Wrapper {width:980px; margin:0 auto; direction:rtl; text-align:right;}

#HeaderArea            {height:55px; background:url("../HeaderArea.png") no-repeat;}
#HeaderArea A.Logo     {width:133px; height:55px; display:block;}
#HeaderArea A.Logo img {width:133px; height:51px; border:none;}

#ContentArea           {background:url("../ContentArea.png") no-repeat right top;}
#ContentArea .RightCol {width:133px; margin-left:9px; background:url("../RightBarBg.png") no-repeat right top; padding-top:45px;}
#ContentArea .LeftCol  {width:838px;position:relative;}

#FooterArea {clear:both; padding-top:100px;}

#GalleryBar {width:100%; margin-bottom:20px;}

.categorylink {border:0; background:url(../pixel.gif) repeat; display:block; position:absolute; top:35px; left:29px; z-index:999; width:784px; height:360px;}
.categorylink:hover {/*border:2px solid #0092bd;background:url(../pixel.gif) repeat;*/}

.CategoryFullTitle             {height:50px; margin:10px 0;}
.CategoryFullTitle IMG         {border:0; float:right; border-left:2px solid #104152; margin-left:15px;}
.CategoryFullTitle H3          {font-size:130%; text-transform:uppercase; line-height:3em;}

#SystemPage .CategoryFullTitle {margin-bottom:60px;}

/***********************************************/
#Overview {width:100%; height:261px; background:url("../OverviewBg.png") repeat-x left top; position:relative; overflow:hidden; margin-bottom:2px;}

#Overview .Title    {position:absolute; top:0; right:518px; width:100%; height:67px; background:url("../OverviewTitle.png") no-repeat right top; z-index:1;}
#Overview .Title H3 {display:block; font-size:110%; margin:0; padding:20px 20px 0 0; color:#9cc3ce;}

#Overview .slideshow              {z-index:0;}
#Overview .slideshow .Item        {width:838px; height:261px;}
#Overview .slideshow .ImgCase     {width:518px; height:261px; float:right;}
#Overview .slideshow .ImgCase img {width:518px; height:261px; border:none;}
#Overview .slideshow .TextCase    {width:320px; height:131px; margin:67px 0 0 0; float:left; overflow:auto;}
#Overview .slideshow .TextCase p  {margin:0; padding:0 20px;}
#Overview .slideshow .TextCase    {
scrollbar-base-color: #9cc3ce;
scrollbar-face-color: #9cc3ce;
scrollbar-track-color:#003031; 
scrollbar-highlight-color:#003031;
scrollbar-3dlight-color: #003031;
scrollbar-shadow-color: #003031;
scrollbar-darkshadow-color: #003031;
scrollbar-arrow-color:#000000;
}




#Overview #navContainer    {width:320px; height:100px; position:absolute; left:0; bottom:0; z-index:3; /*background:url("../OverviewNavBg.png") repeat-x bottom;*/}
#Overview #nav           {margin:65px 0 0 10px; padding:0;}
#Overview #nav li        {width:27px; height:27px; margin:0 5px; background:url("../OverviewNav.png") no-repeat top; float:left; list-style:none; text-align:center;}
#Overview #nav li.activeSlide {background:url("../OverviewNav.png") no-repeat bottom;}

#Overview #nav a       {display:block; padding:5px 0; text-decoration:none; color:#17baea; font-weight:bold;}
#Overview #nav a:hover {color:#bde3ef;}
#Overview #nav li.activeSlide a,
#Overview #nav li.activeSlide a:hover {color:#000; cursor:default;}
#Overview #nav a:focus          {}

/*#TestDrive                 {}
#TestDrive .block          {margin-bottom:10px; padding:10px; background:#181c21;}
#TestDrive H3              {display:block; margin:0 0 5px 0; font-size:110%; color:#b8dee6;}
#TestDrive .wizardRequired {color:#fe6265;}
#TestDrive label           {display:block; float:right; width:100px;}
#TestDrive br              {clear:both;}
*/
/*********************************** Modules *************************************/
TABLE.ModuleContainer	{width:100%;}
TD.ModuleContainer		{}
TD.ModuleTitle			{height:1px; font-size:80%;}
TD.ModuleTitle a		{text-decoration:none;}
TD.ModuleTitle a:hover	{}
H3.ModuleTitle			{display:inline;}
TD.ModuleText			{}


/*********************************** Quick Navgation ******************************/
DIV.QuickNavContainer	{text-align:center;}
OPTION.QuickNavMain		{}
SELECT.QuickNav			{width:165px;}
INPUT.QuickNavButton	{}


/*********************************** login ******************************/
TABLE.LoginContainer	{}
TD.LoginContainer		{padding:5px 10px 5px 10px;}
TD.loginCaption			{font-size:11px; padding-top:4px;}		/* lables container */
TD.login				{text-align:left; padding-top:4px;}		/* inputs container */
INPUT.login				{height:17px; width:100px; font-size:11px;}
TD.loginSubmit			{padding-top:6px; text-align:left;}		/* button container */
INPUT.LoginSubmit		{}
TD.LoginRemember		{}

TD.LoginTitle			{}
H3.LoginTitle			{font-weight:bold; font-size:110%;}

TABLE.LoginGreeting		{font-size:11px;}
TD.LoginGreeting		{text-align:center; padding:8px 10px 15px 10px; font-size:11px; font-weight:bold;}
INPUT.LoginButton		{margin-bottom:9px;}
A.LoginHomepage			{color:white;}
A.LoginHomepage:hover	{color:white;}


/*********************************** Shopping cart ******************************/
TABLE.ShoppingCartContainer		{}
TD.cartTitle					{}
H3.cartTitle					{font-weight:bold; font-size:110%;}
TD.CartItemsContainer			{padding:0px 10px 4px 10px;}
TABLE.CartItemsContainer		{font-size:100%;}
TABLE.CartItemsContainer TD		{}
TR.cartItem						{}
TD.chartNumber					{width:20px; font-size:80%; padding-top:4px;}
TD.chartLink					{font-size:90%; padding-top:2px;}
INPUT.shopCartButton			{margin-top:6px;}


/******************************** Ticker ****************************/
TABLE.tickerContainer			{width:380px; background:url("../ModulesBg.png") no-repeat; float:right; margin:40px 25px 0 0;}
TABLE.tickerTitle			    {} /* the title and button */
TD.tickerTitle					{}
H3.tickerTitle					{font-size:110%;}
TD.TickerPlayer				    {width:1px; vertical-align:middle; padding:0px 5px 0px 5px;}
IMG.TickerPlayer				{}

TD.tickerBody					{vertical-align:top; padding:20px;}
DIV.tickerBody					{overflow:hidden; width:340px; height:100px;}
DIV.tickerBody IMG				{float:left; margin:3px 10px 7px 0px; clear:right}
TABLE.tickerContainer MARQUEE	{width:340px; height:100px;}
DIV.tickerItemContainer			{margin-bottom:10px;}
.tickerHeadLine					{color:#17baea; font-weight:bold; text-decoration:none;}
.tickerHeadLine:hover			{}
.tickerText						{margin-top:3px;}
.tickerDate						{font-size:90%;}


/******************************** Survey Box ****************************/
/* Survey Box */
TABLE.SurveyContainer			{}
TD.SurveyContainer				{vertical-align:top;}
TABLE.SurveyContainer TABLE		{}
TABLE.SurveyContainer TD		{vertical-align:top;}
TD.SurveyTitle					{}
H3.SurveyTitle					{font-weight:bold; font-size:110%;}
TD.SurveyQuestion				{font-weight:bold;}
TD.SurveyAnswer					{width:100%; padding-right:3px; padding-top:2px;}
TABLE.SurveyButtonsPannel		{margin-top:10px; width:100%;}
INPUT.SurveyButton				{width:90%;}


/* Survey Results */
.divResult		{border:solid 1px #97B2CC; background-color:#ffffff; color:#97B2CC; font-weight:bold; font-size:11px;}
.divWinResult	{border:solid 1px #ffffff; background-color:#97B2CC; color:#ffffff; font-weight:bold; font-size:11px;}


/********************************* Banners *****************************/
DIV.bannerContainer		{margin-bottom:5px; text-align:center;}


/******************************** Search ****************************/
TABLE.SearchContainer	{width:146px; float:left;}
TD.SearchContainer		{vertical-align:top; padding-top:20px;}
TABLE.Search			{font-size:0px;}
TD.SearchInp			{padding-right:2px;}
TD.SearchBut			{}
TD.SearchSectionTitle	{font-size:12px; line-height:1em;}
INPUT.Search			{width:129px; height:16px; font-size:11px; border:none; background:#000; padding:0 5px; color:#47acca;}
INPUT.SearchBut			{width:12px;}


/******************************** Media ****************************/
TABLE.MediaContainer	    {border-bottom:2px solid #426d63;}

.NoBar TABLE.MediaContainer	{margin-bottom:20px;}


/******************************** FreeBox ****************************/
TABLE.FreeBoxContainer		{}
TD.FreeBoxItemContainer		{vertical-align:top;}
TABLE.FreeBoxItemContainer	{width:100%;}
TD.FreeBoxTitle				{vertical-align:top;}
H3.FreeBoxTitle				{font-size:110%;}
TD.FreeBoxTopRight			{}
TD.FreeBoxTopLeft			{}
TD.FreeBoxBottomRight		{}
TD.FreeBoxBottomLeft		{}
A.FreeBoxTitle				{text-decoration:none;}
A.FreeBoxTitle:hover		{}
TD.FreeBoxBody				{vertical-align:top;}

/* Section Specipic Example
#FreeBox_Section1 TABLE.FreeBoxContainer		{}
#FreeBox_Section1 TD.FreeBoxItemContainer		{vertical-align:top;}
#FreeBox_Section1 TABLE.FreeBoxItemContainer	{width:100%;}
#FreeBox_Section1 TD.FreeBoxTitle				{}
#FreeBox_Section1 H3.FreeBoxTitle				{font-weight:bold; font-size:110%;}
#FreeBox_Section1 TD.FreeBoxTopRight			{}
#FreeBox_Section1 TD.FreeBoxTopLeft				{}
#FreeBox_Section1 TD.FreeBoxBottomRight			{}
#FreeBox_Section1 TD.FreeBoxBottomLeft			{}
#FreeBox_Section1 A.FreeBoxTitle				{text-decoration:none;}
#FreeBox_Section1 A.FreeBoxTitle:hover			{}
#FreeBox_Section1 TD.FreeBoxBody				{padding:5px;}
*/

/* Section id 1 */
#FreeBox_Section1                               {width:380px; background:url("../ModulesBg.png") no-repeat; float:left; margin:40px 25px 0 0;}
#FreeBox_Section1 TABLE.FreeBoxContainer		{height:130px;}
#FreeBox_Section1 TD.FreeBoxItemContainer		{padding:15px 20px;}
#FreeBox_Section1 TABLE.FreeBoxItemContainer	{}
#FreeBox_Section1 TD.FreeBoxTitle				{color:#17baea; padding-bottom:15px;}
#FreeBox_Section1 H3.FreeBoxTitle				{font-size:100%;}
#FreeBox_Section1 A.FreeBoxTitle				{color:#17baea;}
#FreeBox_Section1 A.FreeBoxTitle:hover			{}
#FreeBox_Section1 TD.FreeBoxBody				{}

/* Section id 2 TITLE
#FreeBox_Section2                               {}
#FreeBox_Section2 TABLE.FreeBoxContainer		{width:100%; height:71px;}
#FreeBox_Section2 TD.FreeBoxItemContainer		{}
#FreeBox_Section2 TABLE.FreeBoxItemContainer	{}
#FreeBox_Section2 TD.FreeBoxTitle				{}
#FreeBox_Section2 H3.FreeBoxTitle				{}
#FreeBox_Section2 A.FreeBoxTitle				{}
#FreeBox_Section2 A.FreeBoxTitle:hover			{}
#FreeBox_Section2 TD.FreeBoxBody				{font-size:100%; font-weight:bold; text-transform:uppercase; line-height:4.2em;}
#FreeBox_Section2 TD.FreeBoxBody IMG			{float:right; margin-left:15px;} */

/* Section id 3 */
#FreeBox_Section3                               {width:380px; background:url("../ModulesBg.png") no-repeat; float:right; margin:40px 25px 0 0;}
#FreeBox_Section3 TABLE.FreeBoxContainer		{height:130px;}
#FreeBox_Section3 TD.FreeBoxItemContainer		{padding:15px 20px;}
#FreeBox_Section3 TABLE.FreeBoxItemContainer	{}
#FreeBox_Section3 TD.FreeBoxTitle				{color:#17baea; padding-bottom:15px;}
#FreeBox_Section3 H3.FreeBoxTitle				{font-size:100%;}
#FreeBox_Section3 A.FreeBoxTitle				{color:#17baea;}
#FreeBox_Section3 A.FreeBoxTitle:hover			{}
#FreeBox_Section3 TD.FreeBoxBody				{}

/* Section id 4 */
#FreeBox_Section4                               {width:380px; background:url("../ModulesBg.png") no-repeat; float:right; margin:40px 25px 0 0;}
#FreeBox_Section4 TABLE.FreeBoxContainer		{height:130px;}
#FreeBox_Section4 TD.FreeBoxItemContainer		{padding:15px 20px;}
#FreeBox_Section4 TABLE.FreeBoxItemContainer	{}
#FreeBox_Section4 TD.FreeBoxTitle				{color:#17baea; padding-bottom:15px;}
#FreeBox_Section4 H3.FreeBoxTitle				{font-size:100%;}
#FreeBox_Section4 A.FreeBoxTitle				{color:#17baea;}
#FreeBox_Section4 A.FreeBoxTitle:hover			{}
#FreeBox_Section4 TD.FreeBoxBody				{}

/* Section id 5 */
#FreeBox_Section5                               {width:380px; background:url("../ModulesBg.png") no-repeat; float:right; margin:20px 25px 0 0;}
#FreeBox_Section5 TABLE.FreeBoxContainer		{height:130px;}
#FreeBox_Section5 TD.FreeBoxItemContainer		{padding:15px 20px;}
#FreeBox_Section5 TABLE.FreeBoxItemContainer	{}
#FreeBox_Section5 TD.FreeBoxTitle				{color:#17baea; padding-bottom:15px;}
#FreeBox_Section5 H3.FreeBoxTitle				{font-size:100%;}
#FreeBox_Section5 A.FreeBoxTitle				{color:#17baea;}
#FreeBox_Section5 A.FreeBoxTitle:hover			{}
#FreeBox_Section5 TD.FreeBoxBody				{}



/******************************** Quick Subscription ****************************/
TABLE.QuickSubscription			{}
TD.QuickSubscriptionMsg			{}
INPUT.QuickSubscription			{}
INPUT.ButtonQuickSubscription	{}


/******************************** Navigation Title ****************************/
DIV.NavigationTitle		{text-align:left; padding:0 0 10px 10px;}
H3.NavigationTitle		{font-size:110%;}


/******************************** Choose Font Size ****************************/
TABLE.cssChangerModuleTable		{}
TD.titleTd						{}


/******************************* DARONET *****************************/
TABLE.daronet		{width:115px; direction:ltr; float:left;}
TD.daronet_link		{padding-left:5px; padding-right:5px;}
A.Daronet			{font-size:11px; font-weight:bold; color:#bde3ef; text-decoration:none;}
A.Daronet:hover		{font-size:11px; font-weight:bold; color:#bde3ef; text-decoration:none;}


/****************************************************************************/
IMG.security	{border-width:1px; border-color:gray;}


/************************ Paging ******************************************************/
OL.dbsPages			{padding:0px; margin:0px;}
OL.dbsPages LI		{padding:0px; margin:0px; display:inline; list-style-image:none; list-style-type:none;}
SPAN.dbsCurrentPage	{font-weight:bold;}

/************************ Daronet ******************************************************/
#DaronetTextBox		{font-size:80%; text-align:right; padding:10px;}