body{background:#e3e3e3 url('../bodyBg.png') repeat-x left top; text-align:center;}
#canvas{width:971px; text-align:center; margin:0 auto; background:url('../siteBg.png') repeat-y left top; }

#wrap{width:961px; background:#fff url('../wrapBg.png') repeat-x left top; margin:0 auto; padding-bottom:20px; text-align:left; position:relative;}

#header, 
#right #strip 		{width:100%; display:inline-block;}
#header #right		{float:right; width:833px;}
#logo				{display:block; float:left; width:127px; height:104px; margin-top:3px;}
#logo img			{border:0;}

.lang{background:#981b1e; color:#fff; font-weight:bold; font-size:10px; text-decoration:none; display:block; width:24px; line-height:22px; float:right; margin-left:2px; text-align:center;}
.lang:hover{background:#2a4b84; color:#fff; text-decoration:none;}

#topNav{background:url('../top-nav.png') no-repeat center top; width:833px; height:32px; clear:both; margin-top:53px;}


#mContent,
.fContent{width:100%; display:inline-block; position:relative;}

.aright{float:right;}
.aleft{float:left;}

#mContent{background:url('../mContent.png') no-repeat right bottom;}
#mContent .primary{width:715px; padding-bottom:50px;}
#mContent .sidebar{width:221px;}

.primaryC{width:600px; margin-left:30px;}
.sidebarC{width:271px; margin-right:40px;}

.hf{background:#fcfcfb url('../fContent.png') repeat-x center top;}
.if{background:#fcfcfb url('../fContentInner.png') repeat-x center top;}
.fContent .primary{width:635px;}
.fContent .sidebar{width:325px; text-align:center;}
.if {margin-bottom:50px;}

#footer{background:url('../footer.png') no-repeat center top; width:921px; height:49px; margin-left:20px; display:inline-block; position:relative;}
.bottom-bar{position:absolute; right:70px; top:18px;}



/* tabs */
/* simple tabs */
.simpleTabsButtonsDiv { margin: 15px 0px 0px; height: 23px; position: relative; top: 1px }
.simpleTabsButtonsDiv A { display: block; float: left; margin-right: 2px; white-space: nowrap; font: normal 90% Verdana, sans-serif; padding: 4px 7px 0px 7px; height: 23px; border-top: 1px solid #CCCCCC; border-right: 1px solid #424242; border-bottom: 1px solid #424242; border-left: 1px solid #CCCCCC; font-weight: bold }
.simpleTabsButtonsDiv A:link, 
.simpleTabsButtonsDiv A:visited { color: #686868; text-decoration: none; background: #D8E0E9 }
.simpleTabsButtonsDiv A:active, 
.simpleTabsButtonsDiv A:focus, 
.simpleTabsButtonsDiv A:hover { color: #002A6F; text-decoration: none; background: #C3CEDA }
.simpleTabsButtonsDiv A.this:link, 
.simpleTabsButtonsDiv A.this:visited,
.simpleTabsButtonsDiv A.this:active, 
.simpleTabsButtonsDiv A.this:focus, 
.simpleTabsButtonsDiv A.this:hover { cursor: default; color: #002A6F; text-decoration: none; background: #fff; border-bottom: 1px solid #fff }

.simpleTabsViewDiv { background: #fff; padding: 10px; border-top: 1px solid #424242; border-right: 1px solid #424242; border-bottom: 1px solid #424242; border-left: 1px solid #CCCCCC; margin: 0px 0px 15px; display: none; }


/*********************************** 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 TABLE {margin:auto;}
OPTION.QuickNavMain         {}
SELECT.QuickNav			    {width:125px; height:20px; font-size:11px; margin-top:8px;}
INPUT.QuickNavButton	    {width:35px; height:20px; margin:8px 4px 0px 0px; padding:0px 0px 2px 0px;}


#linksTitle{font-weight:normal; font-size:140%; color:#fff; background:#8b1c15 url('../pageTitle.png') no-repeat right top; display:block; padding:0 0 0 20px; margin:0 0 20px; line-height:30px; width:150px; position:relative; top:-12px;}

.QuickNavContainer       	{text-align:left; margin:0 0 50px 0;}
.QuickNavContainer td     	{width:25%;}
.quickTitle					{margin:15px 0 5px;}
.quickItem					{margin-bottom:5px;}
.quickTitle a				{color:#203a68; font-size:12px; font-weight:bold;}
.quickItem a				{color:#959292; font-size:11px; font-weight:bold;}
.quickItem a:hover			{color:#9a2019;}
.QuickNavContainer a:hover 	{text-decoration:none;}	




/*********************************** login *****************************/
.LoginContainer					{position:relative; display:inline-block; width:250px; top:15px; left:9px;}
.LoginContainer form			{}
.LoginContainer	h3				{}
.LoginContainer	span            {font-size:14px; color:#23cbf8; font-weight:bold; display:block; margin:5px 0;}
.LoginContainer label			{float:left; width:100px; margin:2px 0 3px 0; font-size:12px; color:#fff;}
.LoginContainer .inputBg		{float:left; margin-bottom:3px;}
.LoginContainer .inputBg input	{width:150px; border:1px solid #7373c7;}
.LoginContainer br				{clear:both;}
.LoginContainer .Remember input	{float:left;}
.LoginContainer .Remember label	{float:left; width:200px; font-size:11px; margin:2px 0 0 5px; text-align:left;}
.LoginContainer .button			{float:right; margin-top:5px; color:#203b68; width:54px; height:24px; background:url('../btnLogin.png') no-repeat center top;}
.forgotPass						{position:absolute; left:0; bottom:1px; z-index:300;}
.forgotPass a, .forgotPass a:hover				{text-decoration:underline; font-size:11px; color:#fff;}


TABLE.LoginGreeting		{margin-top:25px;}
TD.LoginGreeting		{text-align:center; padding-bottom:10px; font-size:14px; font-weight:bold; color:#fff;}
INPUT.LoginButton		{margin-bottom:9px;}
A.LoginHomepage			{color:white;}
A.LoginHomepage:hover	{color:white;}

#sliderWrap    {width:280px; position:absolute; top:0; right:0; _right:-1px; z-index:999;}
#sliderWrap a  {outline:none;}
#slider        {width:280px; height:130px; background:#636363; margin-top:-130px; position:absolute; top:0; right:0;}
#slider img    {border:none;}
#sliderContent {margin:0; position:absolute; top:0; right:25px; direction:rtl;}
#openCloseWrap {position:absolute; top:0; right:0; margin:130px 0 0 0;}
.topMenuAction {background:url('../open.png') no-repeat 0 0; display:block;}



/*********************************** 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			{background:url('../tickerBg.png') no-repeat left top; width:271px; height:289px;}
TABLE.tickerTitle			    {} /* the title and button */
TD.tickerTitle					{}
H3.tickerTitle					{font-weight:normal; font-size:120%; color:#fff; background:#8b1c15 url('../pageTitle.png') no-repeat right top; display:block; padding:0 0 0 20px; margin:0 0 10px 5px; line-height:30px; width:150px;}
TD.TickerPlayer				    {width:1px; vertical-align:middle; padding:0px 5px 0px 5px;}
IMG.TickerPlayer				{}

TD.tickerBody					{vertical-align:top;}
DIV.tickerBody					{overflow:hidden; width:250px; height:230px; margin-left:21px;}
DIV.tickerBody IMG				{float:left; margin:3px 10px 7px 0px; clear:right;}
TABLE.tickerContainer MARQUEE	{width:250px; height:230px;}
DIV.tickerItemContainer			{margin-bottom:20px;}
.tickerHeadLine					{color:#636466; font-size:13px; font-weight:bold; text-decoration:none;}
.tickerHeadLine:hover			{color:#891c15;}
.tickerText						{width:100%; color:#636466;}
.tickerDate						{font-size:90%; padding-top:2px;}


/******************************** 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:1px 3px 4px 3px;}
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.banner		{margin-bottom:10px;}


/******************************** Search ****************************/
TABLE.SearchContainer	{height:22px; width:144px; float:right; background:url('../search.jpg') no-repeat 0 0; margin:5px 10px 0 0;}
TD.SearchContainer		{padding-top:3px; padding-bottom:3px;}
TABLE.Search			{font-size:0px;}
TD.SearchInp			{padding-right:4px; padding-left:4px;}
TD.SearchBut			{}
TD.SearchSectionTitle	{font-size:12px; line-height:1em;}
INPUT.Search			{width:118px; height:16px; font-size:11px; border:none; line-height:16px; padding:0px 5px;}
INPUT.SearchBut			{}


/******************************** Media ***************************/
#slideshow{position:relative; margin-bottom:10px;}

#slideshow ul{margin:0; padding:0; height:210px; overflow:hidden;}
#slideshow ul li{list-style-image:none; list-style-type:none;}
#slideshow ul li img{border:0;}


/******************************** FreeBox ****************************/
TABLE.FreeBoxContainer		{}
TD.FreeBoxItemContainer		{vertical-align:top;}
TABLE.FreeBoxItemContainer	{}
TD.FreeBoxTitle				{}
H3.FreeBoxTitle				{font-weight:bold; font-size:110%; display:none;}
A.FreeBoxTitle				{}
A.FreeBoxTitle:hover		{}
TD.FreeBoxBody				{}


#FreeBox_Section7 {height:157px; overflow:hidden;}

.if #FreeBox_Section8  TABLE.FreeBoxContainer		{position:absolute; right:40px; top:-30px;}

#FreeBox_Section8 table.wizard{margin-top:4px;}
#FreeBox_Section8  TABLE.FreeBoxContainer			{margin:auto; background:url('../tofes-bg.png') no-repeat center top; width:251px; height:297px;}

/* 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 A.FreeBoxTitle				{text-decoration:none;}
#FreeBox_Section1 A.FreeBoxTitle:hover			{}
#FreeBox_Section1 TD.FreeBoxBody				{padding:5px;}
*/

/******************************** Quick Subscription ****************************/
TABLE.QuickSubscription			{}
TD.QuickSubscriptionMsg			{}
INPUT.QuickSubscription			{}
INPUT.ButtonQuickSubscription	{}


/******************************** Navigation Title ****************************/
DIV.NavigationTitle		{background:url('../vertTitle.png') no-repeat 0 0; padding-left:16px;}
H3.NavigationTitle		{font-weight:bold; font-size:100%; color:#2b4b86; line-height:36px;}


/******************************** Choose Font Size ****************************/
TABLE.cssChangerModuleTable		{}
TD.titleTd						{}


/******************************* DARONET *****************************/
TABLE.daronet		{direction:ltr; margin:18px 12px 0 0; float:right; }
TD.daronet_link		{padding-left:5px; padding-right:5px;font-weight:bold;font-size:11px;color:#1f3f7a;}
A.Daronet			{font-size:11px; font-weight:bold; color:#1f3f7a; text-decoration:none;}
A.Daronet:hover		{font-size:11px; font-weight:bold; color:#1f3f7a; 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;}

