html{
  background: url('../images/bg.jpg') no-repeat center top;
}

body
{
  font: 12px  Arial, Tahoma, Verdana, sans-serif;
  /*background: url('../images/tile.png') repeat-x;*/
  color: #000000;
	margin:0px;
	padding:0;
	behavior: url(/csshover.htc);
}

img { behavior: url(/js/iepngfix.htc); }
.xlarge { font-size: 1.5em; }
.large  { font-size: 1.2em; }
.small  { font-size: 0.85em; }
.xsmall { font-size: 0.7em; }

form {
	padding:0;margin:0;
}

a {
	color:#353535;
	text-decoration: none;
}

a:hover {
    text-decoration: underline
}

h1 { font-size: 30px; }
h2 { font-size: 21px; }
h3 { font-size: 14px; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
h1,h2,h3,h4,h5,h6 { 	
	color:#1a1a56;
  font-family: 'Roboto Condensed', sans-serif;
	font-style:italic; 
}

table { font-size: 1em; }
td, th { font-size: inherit; }

.left{ float: left; }
.right{ float: right; }
.clear{ clear:both; }
.absolute{ position: absolute; }
.no-margin{ margin:0 !important; }

#wrapper, #footer_inner, #copyright{
  margin:0 auto;
  padding:0;
  width:960px;
}



/*--- HEADER ---*/
#header{}
#header_top{
	padding:7px 0 !important;
	float:right;
  margin:0;
  padding:0;
  list-style:none;
	font-weight:bold;
	color:#1f1b86;
}
#header_top a{
  color:#1f1b86;
	text-decoration:none;
}
#header_top li{
	float:left;
	padding:0 13px;
	border-right:solid 1px #1f1b86;
	line-height:30px;
}
#search{
	border-right:none !important;
	padding-right:0 !important;
}
#search input[name="keyword"]{
	padding:0 15px;
	width:160px;
	background:#fff;
	opacity:0.8;
	height:30px;
	line-height:30px;
	outline:none;
}

#menu{
	float:left;
  margin:0 0 15px 0;
  padding:0;
  list-style:none;
  background:url('../images/menu.jpg') no-repeat;
	width:780px;
	height:89px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.22em;
	text-shadow: 1px 1px #000;
}
#menu li{
  float:left;
	width:16.6%;
	background:url('../images/menu_divider.png') no-repeat right center;
}   
#menu li a{
  color:#fff;
  text-decoration:none;
  display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 16.6%;
	height: 89px;
}
#menu li.menu_on a, #menu li:hover a{ background:url('../images/menu_light.png') center top no-repeat;}

#menu li .on{
	margin-left:58px;
	position:absolute;
	width:12px;
	height:7px;
 background:url('../images/menu_on.png') no-repeat;
}
#menu ul{
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	background:#242679;
  position: absolute;
	width: 129px;
}
#menu li:hover ul{ 	display:block;}
#menu li li{
	clear: both;
	width: 100%;
	background:none;
	line-height: 14px;
	background:url('../images/submenu_divider.png') center bottom no-repeat;
}
#menu li li a{
	padding:10px;
	height:25px;
}
#menu li:hover li a{ background:none;}
#menu li li:hover a{ background:url('../images/menu_light.png') center top no-repeat;}
/*--- banner ---*/
#banner{
	margin-bottom:15px;
  padding-bottom:8px;
  width:960px;
  height:300px;
  background:url('../images/banner_shade.png') no-repeat bottom;
}

/*--- home ---*/
.hmbox{
	box-shadow:1px 5px 5px rgba(0,0,0,0.07);
	background:#fff;
}
.hmbox_title{
	padding:0 14px;
	height:35px;
	line-height:35px;
  font-family: 'Roboto Condensed', sans-serif;
	font-weight:bold;
	font-size:1.2em;
	color:#1b1b56;
	background:#f7f7fa;
	box-shadow:inset 0px 0px 24px rgba(0,0,0,0.07);
}
.tag_title{margin-left:35px;}
.hmbox_title a{
	color:#a8a8a8;
	font-size:12px;
	font-weight:400;
	text-decoration:none;
}
.box_310{	width:310px;}
.box_630{	width:630px;}
.hmbox_content{ padding:15px; min-height:160px; /*text-align:justify; line-height:1.6em;*/ }
.listing,.list_30{
	margin:0;
	/*padding:0 25px;*/
	list-style:none;
}
.listing li{
	padding-top:15px;
	color:#555;
}
.listing li a{
	color:#1b1b56;
	font-weight:bold;
 	text-decoration:none;
}
.list_30{ display:table;}
.list_30 li{
	/*padding:20px 0;*/
	float:left;
	/*width:33.33%;*/
	width:180px;
	margin-right:20px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	/*height:35px;*/
}

/*--- sidebar ---*/
#sidebar{
	float:left;
	padding-bottom:10px;
 	width:175px;
 	background:#ededed;
}
#sidebar_title{
	margin: 10px 16px;
	color: #1a1a56;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	border-bottom: solid 2px #1b1c55;
	padding-left: 24px;
	padding-bottom: 10px;
}
#sidebar_title .tag{
  margin-left: -37px;
	margin-top: -12px;
}
.sidebar_title_small{
 font-size: 0.6em;
font-weight: normal;
margin-top: -5px;
}

.sidebar_list{
	margin:0;
	padding:0;
	list-style:none;
}
.sidebar_list li{
	padding:0 16px;
  	width:143px;
	background:url('../images/sidebar_list.jpg') center bottom no-repeat;
}

.sidebar_list li a{
	height:50px;
 	display:table-cell;
	vertical-align:middle;
	text-decoration:none;
	color:#494671;
 	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.2em;
	text-transform:uppercase;
	background:url('../images/sidebar_list_arw.png') right center no-repeat;
	width:143px;
}



/*--- content ---*/
#content{
	margin-left:20px;
	float:left;
	width:725px;
	color:#555;
}
#content h1{
border-bottom: solid 2px #1b1c55;
padding-bottom: 10px;
margin: 10px 0 24px 0;
}
.product_list{
 margin:0;
 padding:0;
 list-style:none;
}
.product_list li{
/*
	float:left;
	padding-right:44px;
	width:205px;
	height:188px;
*/
}
.product_list_img{
	border:solid 4px #cdcdcd;
	float:left;
	margin:0 20px 20px 0;
/*
	width:197px;
	height:131px;
*/
  box-shadow:1px 5px 5px rgba(0,0,0,0.07);
}
.product_list_title{
		padding:10px 0;
		clear:left;
  	text-align:left;
  	font-size:18px;
}
.product_list_title a{
	color:#1b1b56;
	font-weight:bold;
	text-decoration:none;
  font-family: 'Roboto Condensed', sans-serif;
	font-size:1.2em;

}

/*--- topic ---*/
#topic{
	padding:20px;
	background:#fff;
	box-shadow:1px 5px 5px rgba(0,0,0,0.07);
	min-height:500px;
}

#topic h1 {
	font-style:normal; 
}

.tag{
	position:absolute;
	margin-top:-3px;
	padding-left:3px;
	width:24px;
	height:34px;
 	background: url('../images/tag.png') center top no-repeat;
	text-align:center;
  line-height: 27px;
}



/*--- footer ---*/
#footer{
	margin-top:20px;
	padding:20px 0;
  background: url('../images/footer_line.png') center top no-repeat;
  color:#555;
	font-size:0.9em;
}
.footer_links{
	margin:0;
	list-style:none;
}
.footer_links li{ 	padding:0 15px; float:right; border-right:solid 1px #555;}

.footer_links a{
	color:#555;
	text-decoration:none;
}