@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-image: url(images/bg_support.gif);
	background-repeat: repeat-x;
	background-position: top;
}
a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #333333;
}
a:hover {
	color: #090;
	text-align: center;
}
li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul {
	margin: 0px;
	padding: 0px;
}
ul.nav_items li {
	float: right;
	background-image: url(images/seperator.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	padding-left: 22px;
	padding-right: 10px;
	padding-top: 8px;
	font-size: 9pt;
}



ul.nav_items_en li {
	float: left;
	background-image: url(images/seperator.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 26px;
	padding-left: 10px;
	padding-right: 22px;
	padding-top: 8px;
	font-size: 9pt;	
}
.wrapper {

}
.header_bg {
	height: 114px;
}

.nav {
	position: relative;
	padding-right: 7px;
}.behjoo_logo {
	text-align: right;
	width: 115px;
}
.behjoo_icon {
	height: 57px;
	width: 46px;
	margin-left: 20px;
}
.box_frame {
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	border: 1px dotted #666666;
}

.right_advertisement {
	margin-top: 80px;
	margin-bottom: 20px;
	margin-right: 10px;
}

.new_feature {color: #990000}
a.green_link {color: #009900}
.green_code {color: #009900}

ul.mainmenu li a {white-space: nowrap;}
ul.mainmenu {overflow: hidden; height: auto;}

/* from here is for sub-menues under #d_menu class, it used jquery */
#d_menu ul li ul {
        position: absolute;
        z-index: 50;
        width:auto;
        border: 1px solid #ccc;
        border-top: 0;
        display: none;
        height: auto;
        margin: 2px 0 0 -2px;
        padding: 0;
      }

#d_menu ul li ul li:hover { border-bottom: 1px solid #ccc; }
#d_menu ul li ul li:last-child { border-bottom: 0; }

#d_menu ul li ul li {
        float: none;
        height: auto;
        margin: 0;      
        background: none;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
      }

#d_menu ul li ul a,
#d_menu ul li.active ul a,
#d_menu ul li.secondary ul a {
		margin: 0;
        padding: 6px 12px;
        width : 120px;      
        background: #F2FFEA;
        border: 0;
        color:#666;
        float: none;
        font-weight: normal;
        height: auto;
		text-align: center;
      }


#d_menu ul li ul li.more a {
        color: #333;
        font-weight:normal;
      }

      

#d_menu ul li ul a:hover,
#d_menu ul li.active ul a:hover,
#d_menu ul li.secondary ul a:hover,
#d_menu ul li ul li.more a:hover {
        color: black;      
        background:#CDFFAE;
        padding: 6px 12px
      }

      

#d_menu li:hover ul,
#d_menu ul ul.ie_6_hover{
        display: block;
        z-index:50;
      }

#d_menu {}

#d_menu ul {
      background: transparent url('images/seperator2.gif') no-repeat 0 8px; /* has separator 2 */
      padding-top: -6px;
      width: 1200px;
      height: 48px;
      font-size: 8.5pt;
      padding-right: 2px;
      background-position: left top;
    }

#d_menu ul li {
      background: transparent url('images/seperator.gif') no-repeat 0 2px;
      float: right;
      font-weight:normal;
      margin-top: -2px;
      height: 40px;
    }

#d_menu_en ul li {  
	float: left; 
}

#d_menu ul li a {
      display: block;
      font-size: 10pt;
      height: 17px;
      line-height: 12pt;
      padding: 7px 3px 7px 10px;
      color:#003377;
    }

    

#d_menu ul li a:hover,
#d_menu ul li a.keepHover{
     background-position: left -30px;
     color: #000;
     text-decoration: none;
    }

#d_menu ul li.active a {
     background-position: left -60px;
    }  

@-moz-document url-prefix() {
 input[type="text"], input[type="password"], textarea {
  overflow: auto;
 }
}