BODY
{
    SCROLLBAR-FACE-COLOR: #cccccc;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}

.scroll
{
    SCROLLBAR-FACE-COLOR: #ffffff;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #cccccc;
    SCROLLBAR-ARROW-COLOR: #cccccc;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #cccccc;
}

BODY
{
    MARGIN: 0px;
    BACKGROUND-COLOR: #000;
}

.m:link
{
	FONT-SIZE: 10px;
	COLOR: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;

}
.m:visited
{
	FONT-SIZE: 10px;
	COLOR: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;

}
.m:hover
{
	FONT-SIZE: 10px;
	COLOR: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;

}
.m:active
{
	FONT-SIZE: 10px;
	COLOR: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;

}



.m2:link
{
	FONT-SIZE: 9px;
	COLOR: #999999;
	font-family: Tahoma, Arial, Verdana;
	TEXT-DECORATION: none;
	}

.m2:visited
{
	FONT-SIZE: 9px;
	COLOR: #999999;
	font-family: Tahoma, Arial, Verdana;
	TEXT-DECORATION: none;
	}

.m2:hover
{
	FONT-SIZE: 9px;
	COLOR: #000000;
	font-family: Tahoma, Arial, Verdana;
	TEXT-DECORATION: none;
	}

.m2:active
{
	FONT-SIZE: 9px;
	COLOR: #999999;
	font-family: Tahoma, Arial, Verdana;
	TEXT-DECORATION: none;
}

.m2a {
	FONT-SIZE: 9px;
	COLOR: #999999;
	font-family: Tahoma, Arial, Verdana;
	TEXT-DECORATION: none;
}




.ha2 a {
COLOR: #ededed;
    FONT-SIZE: 6px;
}








#text{
    FONT-SIZE: 12px;
	COLOR: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
#clickpad{
    FONT-SIZE: 12px;
	COLOR: #333333;
	font-family: Arial, Helvetica, sans-serif;
}






INPUT{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
INPUT.input {
	background-color: #F7F7F7;
	border: 1px solid #B1B1B1;
	padding-left: 1px;
}
INPUT.input_disabled{
	color: #737373;
	background-color: #F7F7F7;
	border: 1px solid #B1B1B1;
}
INPUT.input_focus{
	background-color: #fff;
	border: 1px solid #B1B1B1;
}
INPUT.field_error {
	border: 1px solid #B1B1B1;
    background-color: #FFDF5E;
}
TEXTAREA{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
TEXTAREA.input_text{
    background-color: #F7F7F7;
	border: 1px solid #B1B1B1;
}
TEXTAREA.input_text_focus{
    background-color: #fff;
	border: 1px solid #B1B1B1;
}
TEXTAREA.field_error_text {
	border: 1px solid #B1B1B1;
    background-color: #FFDF5E;
}
SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #B1B1B1;
	background-color: #F7F7F7;
	padding-left: 1px;
}
SELECT.input_combo{
	color: #333333;
}

SELECT.field_error_combo {
	background-color: #FFDF5E;
}
SELECT.input_combo_focus {
	background-color: #DFFF9A;
}





.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
font-weight: bold;
	height: 18px;
	background-color: #fff;
	border: 1px solid #666666;
	background-image: url(../bg_header.gif);
cursor: pointer;
	margin-left: 160px;
width: 80px;
}

.buttondisabled {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D0D0D0;
	height: 17px;
	background-color: #CCCCCC;
	border: 1px solid #C0C0C0;
	background-image: url(../bg_header.gif);
}

/* News style start */
.news_page_title {
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	color: #666;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#news_space {
	padding-left: 25px;
}
.news_public_data {
	font-family: 1rial, Tahoma, Arial;
	font-size: 10px;
	color: #666666;
	text-decoration:none;
}
.news_public_data:link, .news_public_data:visited, .news_public_data:active {
	font-family: Arial, Verdana, Tahoma, Arial;
	font-size: 10px;
	color: #666666;
	text-decoration:none;
}
.news_public_data:hover {
	color: #666666;
	text-decoration:none;
}
.news_title {
	FONT-SIZE: 11px;
	COLOR: #666;
	font-family: Arial, Verdana, Tahoma;
	text-decoration:none;
	font-weight: bold;
}

.news_title2 {
	FONT-SIZE: 17px;
	COLOR: #0077D4;
	font-family: Arial, Verdana, Tahoma;
	text-decoration:none;
	font-weight: bold;
}
.news_title:link, .news_title:visited, .news_title:active {
	FONT-SIZE: 12px;
	COLOR: #333;
	font-family: Arial, Verdana, Tahoma;
	text-decoration:none;
	font-weight: bold;
}
.news_title:hover {
	FONT-SIZE: 12px;
	COLOR: #000;
	font-family: Arial, Verdana, Tahoma;
	text-decoration:underline;
	font-weight: bold;
}
.news_lead {
	FONT-SIZE: 12px;
	COLOR: #333;
	font-family: Arial, Verdana, Tahoma;
	text-decoration:none;
	font-weight: bold;
}
.news_text {
	FONT-SIZE: 12px;
	COLOR: #333;
	font-family: Arial, Verdana, Tahoma;
	text-decoration:none;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.news_back:link, .news_back:visited, .news_back:active {
	FONT-SIZE: 9px;
	COLOR: #666;
	font-family: Verdana, Tahoma, Arial;
	text-decoration:none;
	font-weight: bold;
}
.news_back:hover {
	FONT-SIZE: 9px;
	COLOR: #000;
	font-family: Verdana, Tahoma, Arial;
	text-decoration:underline;
	font-weight: bold;
}

.eform
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	cursor: hand;
}

.nform
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	cursor: hand;
}

.inp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	height: 17px;
	width: 20px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}
.btable1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.btable2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-color: #CCCCCC;
	font-weight: bold;
}
.btable3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.btab01 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.btab02 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.req {
	background: url("dot.gif") no-repeat;
	width: 80px;
	border: 0;
}

/* News style end */


/* Other style start*/

.scontentmain_question {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFCC;
	border: 3px ridge;
	padding: 0px;
}
.scontentmain_question #quest_header TD {
	background-color: #FFFFCC;
	border: 0 none;
	width: 100%;
	height: 25px;
}
.scontentmain_question #quest_title {
	background-color: #B0DF58;
}
#move_bar {
	background-color: #B0DF58;
	cursor: move;
}

.product_shop_nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #F5F5F5;
	text-align: center;
}

.product_shop_nav #current {
	font-weight: bold;
	background-color: #B69DE8;
}
.product_shop_nav #inactive {
	background-color: #666666;
}
.product_shop_nav #disabled {
	color: #CCCCCC;
	background-color: #666666;
}
.product_shop_nav #product_shop {
	background-color: #DADADA;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.product_shop_nav #product_shop_1{
    font-size: 12px;
    background-color: #F5F5F5;
} 

.product_shop_nav #product_shop_header TD{
    text-align: left;
    font-size: 11px;
}
.product_shop_nav #product_shop_item TD{
    font-size: 11px;
}
.product_shop_nav #product_shop_price TD{
    font-size: 11px;
    text-align: right;
}

/* Other style end */



h1 {
	font: 15px/12px Arial,Verdana,  Helvetica, sans-serif;
	color: #d9d9d9;
	margin: 0px;
     padding-top: 165px;
}


h2 {
	  font: 12px/12px Arial,Verdana, Arial, Helvetica, sans-serif;
	color: #97C815;
}

h3 {
	  font: bold 23px/17px "Trebuchet MS",Arial, Helvetica, sans-serif;
	  color: #999;
margin: 0px;
margin-top: 10px;
}




.tab_left1 {
	background-image: url(../tomedia_top1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 50px;
}

.tab_left2 {
	background-image: url(../tomedia_mid1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 230px;
}



.tab_menu {
	background-image: url(../tomedia_top2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
width: 950px;
}

.tab_slogan {
	background-image: url(../tomedia_mid2a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 230px;
        vertical-align: top;
   
        padding-left: 25px;
}

.tab_content {
	BACKGROUND-COLOR: #ededed;
        border-top: solid 1px #000;
	height: 470px;
        width: 950px;

        vertical-align: top;
}

.tab_content_left {
       padding-left: 0px;
  font: 14px/16px "Trebuchet MS",Arial, Helvetica, sans-serif;
       width: 350px;
padding-top: 10px;
	COLOR: #666;
} 

.tab_content_left2 {
       padding-left: 0px;
  font: 15px/18px  "Trebuchet MS",Arial, Helvetica, sans-serif;
       width: 200px;
padding-top: 10px;
	COLOR: #666;
} 
.tab_content_left3 {
       padding-left: 0px;
  font: 12px/12px Arial, Helvetica, sans-serif;
       width: 480px;
padding-top: 10px;
	COLOR: #333;
}

.tab_content_left3 b{
    
  font: bold 14px/12px Arial, Helvetica, sans-serif;

}

.tab_content_right {
       padding-left: 40px;
       font:  12px/15px Arial, Helvetica, sans-serif;
       padding-top: 10px;
       width: 600px;
	COLOR: #333;
} 
.tab_content_right3 {
       padding-left: 40px;
       font:  12px/15px Arial, Helvetica, sans-serif;
       padding-top: 10px;
       width: 350px;
	COLOR: #333;
} 


.tab_content_right a{
         color: #333;

         text-decoration: underline;

}

.tab_content_right a:hover {
         color: #000;

         text-decoration: none;

}

.tab_content_left3 a{
         color: #333;
  font: bold 14px/12px Arial, Helvetica, sans-serif;
         text-decoration: underline;

}

.tab_content_left3 a:hover {
         color: #000;

         text-decoration: none;

}

.tab_content_right div {
       margin-bottom: 7px;
} 


.tab_content1 {
	BACKGROUND-COLOR: #ededed;
	border-top: solid 1px #000;
}

.tab_content2 {
	BACKGROUND-COLOR: #ededed;
	border-top: solid 1px #000;
}

.tab_right1 {	
	background-image: url(../tomedia_top3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
height: 50px;
}
.tab_right2 {
	background-image: url(../tomedia_mid3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
height: 230px;
}


.tab_footer {
  color: #cccccc;
  font:  10px/12px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  BACKGROUND-COLOR: #000;
height: 50px;
padding-top: 10px;
}


.tab_middle_right_text {
      
       font:  11px/10px Verdana, Arial, Helvetica, sans-serif;
       width: 420px;

} 



    .grp_cur{
         color: #000;
         font:  11px/12px Verdana, Arial, Helvetica, sans-serif;
         text-decoration: none;
         display: block;
         padding-top: 15px;
         padding-bottom: 3px;
         padding-left: 3px;
         padding-right: 30px;
         border-bottom: 1px solid #ccc;
         BACKGROUND-COLOR: #f7f7f7;  
    }
    .grp:link, .grp:visited {
         color: #333;
         font:  11px/12px Verdana, Arial, Helvetica, sans-serif;
         text-decoration: none;
         display: block;
         padding-top: 15px;
         padding-bottom: 3px;
         padding-left: 3px;
         padding-right: 30px;
         border-bottom: 1px solid #ccc;
    }

    .grp:hover {
         color: #000;
         font:  11px/12px Verdana, Arial, Helvetica, sans-serif;
         text-decoration: none;
         display: block;
         padding-top: 15px;
         padding-bottom: 3px;
         padding-left: 3px;
         padding-right: 30px;
         border-bottom: 1px solid #ccc;
  BACKGROUND-COLOR: #f7f7f7;
    }

.portfolio_title {
 color: #333;
         font: bold 11px/12px Arial, Helvetica, sans-serif;
         text-decoration: none;
         padding: 10px 30px 0px 40px;
}

#preview {

         border: 1px solid #999;
}

.portfolio_text {
 color: #333;
         font: 11px/12px Arial, Helvetica, sans-serif;
         text-decoration: none;
         padding: 0px 30px 10px 40px;
}



.portfolio_text a{
         color: #333;
         font: 11px/12px Arial, Helvetica, sans-serif;
         text-decoration: underline;

}

.portfolio_text a:hover {
         color: #000;
         font: 11px/12px Arial, Helvetica, sans-serif;
         text-decoration: none;

}

.portfolio_lead {
         color: #333;
         font:  11px/14px Verdana, Arial, Helvetica, sans-serif;
         text-decoration: none;
         display: block;
         padding-top: 7px;
         padding-bottom: 7px;
         padding-left: 7px;
         padding-right: 5px;
         border: 1px solid #ccc;
margin-top: 20px;
  BACKGROUND-COLOR: #f7f7f7;

    }



    .with_border{
        border: 1px solid #000;
    }
    .blanc_border{
        border: 1px solid #999;
    }




#flags a{
         color: #97C815;
         font: 10px/12px Arial, Helvetica, sans-serif;
         text-decoration: none;

}

#flags a:hover {
         color: #ffffff;
         font: 10px/12px Arial, Helvetica, sans-serif;
         text-decoration: underline;

}