html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
.spacer {
	clear:both;
	line-height:0px;
	font-size:0px;
}
body {
	margin: 0px;
	padding: 0px;
	font: normal 12px Tahoma;
	background:url("http://www.tarad.com/themes/index/images/general-bg.jpg") no-repeat center top;
}
#wrapper {
	margin:0 auto;
	width:1000px;
	overflow:hidden;
}
#header{
	float:left;
}
#content{
	float:left;
}
#footer{
	float:left;
	margin-top:10px;
}
/* ---------------------- header -----------------------*/
#header-logo {
	margin:0px;
	padding:0px;
	width:1000px;
	height:100px;
	margin-bottom:5px;
}
#header-logo .logo {
	background:transparent url(../images/web_main/logotarad.gif) no-repeat scroll 0 0;
	height:60px;
	width:235px;
}
#header-logo .logo a {
	display:none;
}
#header-navigator {
	float:left;
	margin-bottom:5px;
}

#head-premium-register {
	background-color:#DDDDDD;
	float:left;
	height:40px;
	margin-bottom:5px;
	width:1000px;
}
#header-wrapper-left {
	margin:0px;
	padding:0px;
	width:195px;
	height:40px;
	margin-right:5px;
	float:left;
}
#header-wrapper-center {
	margin:0px;
	padding:0px;
	width:545px;
	float:left;
}
#header-wrapper-right {
	margin:0px;
	padding:0px;
	width:250px;
	margin-left: 5px;
	float:right;
}
/* ---------------------- header -----------------------*/

/* ---------------------- header sub navigator (holizontal)-----------------------*/
#header-navigator,#header-navigator #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; 
	background-color:#FFFFFF;
}
#header-navigator #nav ul {
	position:absolute;
	display:none;
	width:12em;
	top:2.0em;
	width: 680px;
	height: 224px;
	border:2px solid #013074;
	left:0px;
	background-color:#FFFFFF;
	z-index:100000;
	text-align:left;
}
#header-wrapper-center #ads-slide-box #slideshow {
	z-index: 100000;
}
#header-navigator #nav li ul.sub li img {
	float:left;
	width: 36px;
	height: 27px;
	margin-right:10px;
}
#header-navigator #nav li ul.sub a{
	width:13em;
	height:auto;
	float:left;
	background-color: #FFFFFF;
	background: url();
	color: #666666;
}
#header-navigator #nav li ul.sub a:hover{
	color: #666666;
}
#header-navigator #nav ul ul.sub{
	top:auto;
	background-color: #FFFFFF;
}	
#header-navigator #nav li ul ul.sub {
	left:12em;
	margin:0px 0 0 10px;
}


#header-navigator #nav li:hover ul ul.sub, #header-navigator #nav li:hover ul ul.sub ul, #header-navigator #nav li:hover ul ul.sub ul ul{
	display:none;
}
#header-navigator #nav li:hover ul, #header-navigator #nav li li:hover ul, #header-navigator #nav li li li:hover ul, #header-navigator #nav li li li li:hover ul{
	display:block;
}
#header-navigator #nav .navigator-category-zindex {
	background-color: #FFFFFF;
	z-index: 99999;
	position:relative;
}
#header-navigator #nav .navigator-category-zindex .sub li{
	width:225px;
	height:27px;
	/*border-bottom: 1px dotted #0154ab;*/
	border-bottom: 1px dotted #CCCCCC;
	background-color: #FFFFFF;
	float:left;
	z-index: 99999;
}
/* ---------------------- header sub navigator (holizontal)-----------------------*/

/* ---------------------- header sub navigator (vertical)-----------------------*/
#menu_side_left li.all ul.all-sub-category, #menu_side_left li.all:hover ul.all-sub-category .navigator-category-zindex ul {
	width: 675px;
	height: 224px;
	top:402px;
	border:2px solid #CCCCCC;
}
#menu_side_left li.all ul.all-sub-category li{
	width:225px;
	height:27px;
	/*border-bottom: 1px dotted #0154ab;*/
	border-bottom: 1px dotted #CCCCCC;
	background-color: #FFFFFF;
	float:left;
	z-index: 99999;
	padding:0px;
}
#menu_side_left li.all ul.all-sub-category li img{
	vertical-align: top;
}
#menu_side_left li.all ul.all-sub-category li span, #menu_side_left li.all ul.all-sub-category li span a{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
}
#menu_side_left li.all ul.all-sub-category {
	position: absolute;
	display:none;
}

#menu_side_left li.all:hover ul.all-sub-category{
	display:inline;
	float:left;
	margin-left:68px;
	position:absolute;
	z-index:9999;
}
/* ---------------------- header sub navigator (vertical)-----------------------*/

/* ---------------------- header navigator -----------------------*/
#header-navigator .navigator-right {
	float: right;
	margin-right:15px;
}


ul.alltab {
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 0px;;
	list-style: none;
	float: left;
	font-size:13px;
}


ul.alltab li {
	float: left;
}
 
ul.alltab li a {
	float: left;
	text-decoration: none;
	color: #333;
	padding: 4px 15px 0 0;
	margin-right: 2px;
	background: url("../images/navigator/tabs.gif") no-repeat bottom right;
}


ul.alltab li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 27px;
	background: url("../images/navigator/tabs.gif") no-repeat bottom left;
}


ul.alltab li a:hover{
 	color: #ffffff;
	background: url("../images/navigator/tabs.gif") no-repeat top right;
}
ul.alltab li a.current {
 	color: #ffffff;
	background: url("../images/navigator/tabs.gif") no-repeat top right;
	font-weight:bold;
}
 
 
ul.alltab li a:hover span, ul.alltab li a.current span {
	background: url("../images/navigator/tabs.gif") no-repeat top left;
}
/*plus color orange*/
ul.alltab li a.orange:hover{
	background: url("../images/navigator/tabs.gif");
	background-position: right -27px;
}

ul.alltab li a.orange:hover span{
	background: url("../images/navigator/tabs.gif") ;
	background-position: left -27px;
}
ul.alltab li a.orange:hover , ul.alltab li a.orange.current{
	background-position: right -27px;
}

 ul.alltab li a.orange:hover span ,  ul.alltab li a.orange.current span{
	background-position: left -27px;
}
/*plus color green*/
ul.alltab li a.green:hover{
	background: url("../images/navigator/tabs.gif");
	background-position: right -54px;
}

ul.alltab li a.green:hover span{
	background: url("../images/navigator/tabs.gif") ;
	background-position: left -54px;
}
ul.alltab li a.green:hover , ul.alltab li a.green.current{
	background-position: right -54px;
}

 ul.alltab li a.green:hover span ,  ul.alltab li a.green.current span{
	background-position: left -54px;
}

/*plus color redhot*/
ul.alltab li a.redhot:hover{
	background: url("../images/navigator/tabs.gif");
	background-position: right -81px;
}

ul.alltab li a.redhot:hover span{
	background: url("../images/navigator/tabs.gif") ;
	background-position: left -81px;
}
ul.alltab li a.redhot:hover , ul.alltab li a.redhot.current{
	background-position: right -81px;
}

 ul.alltab li a.redhot:hover span ,  ul.alltab li a.redhot.current span{
	background-position: left -81px;
}

/*plus color blue*/
ul.alltab li a.blue:hover{
	background: url("../images/navigator/tabs.gif");
	background-position: right -108px;
}

ul.alltab li a.blue:hover span{
	background: url("../images/navigator/tabs.gif") ;
	background-position: left -108px;
}
ul.alltab li a.blue:hover , ul.alltab li a.blue.current{
	background-position: right -108px;
}

 ul.alltab li a.bluet:hover span ,  ul.alltab li a.blue.current span{
	background-position: left -108px;
}





#header-navigator ul.blue {
	list-style: none;
	float: left;
	font-size:13px;
	margin-left:15px;
	z-index:1;
}
#header-navigator ul.blue li {
	float: left;
}
#header-navigator ul.blue li a {
	float: left;
	text-decoration: none;
	color: #333;
	padding: 4px 15px 0 0;
	margin-right: 2px;
	background: url("../images/navigator/tabs.gif") no-repeat bottom right;
}
#header-navigator ul.blue li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -4px;
	height: 27px;
	background: url("../images/navigator/tabs.gif") no-repeat bottom left;
}
#header-navigator ul.blue li a:hover{
 	color: #ffffff;
	background: url("../images/navigator/tabs.gif") no-repeat top right;
}
#header-navigator ul.blue li a.current {
 	color: #ffffff;
	background: url("../images/navigator/tabs.gif") no-repeat top right;
	font-weight:bold;
}
#header-navigator ul.blue li a:hover span, #header-navigator ul.blue li a.current span {
	background: url("../images/navigator/tabs.gif") no-repeat top left;
}
#header-navigator .navigator-keyword {
	width:1000px;
	height: 45px;
	background: url("http://taradbeta.tarad.com/images/navigator/bg_main_search.gif") no-repeat top left;
	float:left;
}
#header-navigator .navigator-keyword .img-title {
	display:block;
	float:left;
	margin-left:20px;
	margin-top:5px;
}
#header-navigator .navigator-keyword ul {
	list-style-image:url("http://taradbeta.tarad.com/images/navigator/sorn.gif");
	list-style-type:square;
	margin-top:10px;
	color:#000000;
}
#header-navigator .navigator-keyword ul li {
	float: left;
	margin-left:30px;
}
#header-navigator .navigator-keyword ul li a {
	color: #000000;
	text-decoration: none;
}
#header-navigator .navigator-language {
	background:url("../images/navigator/bg_language.gif") no-repeat scroll left top transparent;
	float:right;
	font:12px Tahoma;
	height:31px;
	margin-right:30px;
	padding-top:8px;
	position:relative;
	text-align:center;
	top:3px;
	width:73px;
}
#header-navigator .navigator-search {
	width:1000px;
	height: 59px;
	background: url("http://taradbeta.tarad.com/images/navigator/bg_main_navigation.gif") no-repeat top left;
	float:left;
	text-align: center;
	z-index:-1;
	color:#FFFFFF;
}
#header-navigator .navigator-search form {
	margin-top:25px;
}
#header-navigator .navigator-search #stype {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font: normal 12px Tahoma;
	z-index: -1;
}
#header-navigator .navigator-search #keyword {
	background: url("../images/navigator/icon_serach_txtbox.gif") no-repeat  top left;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-left: 20px;
	font: normal 12px Tahoma;
	z-index: -1;
}
#header-navigator .navigator-search button {
	margin:0px;
	padding:0px;
	z-index: -1;
}
/* ---------------------- header navigator -----------------------*/

