/* base stylesheets */

*{
	margin:0px;
	padding:0px;
}

html
{
  background:url(../images/head.png) repeat-x;
}

body 
{
  background:url(../images/head2.png) no-repeat;
  font-family: Verdana, Tahoma, sans-serif;
  font-size:1em;
  padding:0px;
  margin:0px;
}

#main
{
  padding:58px 0px 0px 0px;
  width:961px;
}

/* head */
#logo
{
  float:right;
  margin-bottom:34px;
  display:block;
}

#logo img {
  border:none;
}

div.headImg
{
  width:679px;
  height:50px;
  border-top:24px solid white;
  padding:30px 15px 0px 0px;
}

div.Index
{
  background:url(../images/teaser.png);
}

div.Sub
{
  background:url(../images/teaser_sub.png);
}

div.headImg h1
{
  color:#336699;
  background:transparent;
  font-size:.8em;
  font-weight:bold;
  margin-left:460px;
}

a:link,
a:visited
{
  color:#336699;
  background:#ffffff;
  text-decoration:none;
}

a:hover,
a:active
{
  text-decoration:underline;
}

/* menu */
#menu
{
  float:left;
  width:175px;
  margin:20px 30px 0px 0px;
  border-top:1px solid #cccccc;
}

#menu ul 
{
  list-style:none;
  padding:0px;
  margin:0px;
}

#menu ul li a:link,
#menu ul li a:visited
{
  background:#ffffff;
  color:#333333;
  font-size:.7em;
  display:block;
  border-bottom: 1px solid #cccccc;
  text-decoration:none;
  padding:3px 0px 3px 16px;
  height:14px;
}

#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a.act:link,
#menu ul li a.act:visited
{
  background:#ffffff;
  color:#2e72b7;
  font-size:.7em;
  display:block;
  border-bottom: 1px solid #cccccc;
  text-decoration:none;
  padding:3px 0px 3px 16px;
  height:14px;
}

#menu ul li a.act:link,
#menu ul li a.act:visited
{
  background:url(../images/act.arrow.gif) no-repeat 0px 6px;
}

#menu ul li ul li
{
  background:#f0f4f8;
  color:#333333;
}


#menu ul li ul li a:link,
#menu ul li ul li a:visited,
#menu ul li ul li a.act:link,
#menu ul li ul li a.act:visited
{
  background:#f0f4f8;
  color:#2e72b7;
  padding-left:32px;
}

#menu ul li ul li a:hover,
#menu ul li ul li a:active
{
  background:#f0f4f8;
  color:#333333;
  padding-left:32px;
}

#menu ul li ul li a.act:link,
#menu ul li ul li a.act:visited
{
  background:url(../images/act.arrow.gif) no-repeat 16px 6px;
}


/* contents */
#content
{
  float:left;
  width:491px;
  margin-right:30px;
}

#content h2
{
  padding:5px 0px 0px 0px;
  margin:0px;
  font-size:.9em;
  color:#336699;
}

#content p {
  color:#333333;
  font-size:.7em;
  line-height:1.2em;
  margin:10px 0px 15px 0px;
}

#content table tr td {
  color:#333333;
  font-size:.7em;
  margin:0px 0px 0px 0px;
}

#content strong,
#content b 
{
  color:#666666;
}

#content p a
{
  background:#ffffff;
  color:#336699;
}

#content ul 
{
  padding:0px;
  margin:0px 0px 0px 30px;
}

#content ul li
{
  background:#ffffff;
  color:#000000;
  font-size:.7em;
  margin:0px 0px 0px 0px;
}

#content p ul li
{
  background:#ffffff;
  color:#000000;
}

#content div.b2b,
#content div.b2c
{
  border:1px solid #cccccc;
  float:left;
  width:230px;
  height:215px;
}


.shop_box_p
{
  border:1px solid #cccccc;
  width:490px;
}

.shop_box_p_content
{
	
	background-color:#FDF0DB;
	font-size:.7em;
  	line-height:1.2em;
	width:490px;
}

.shop_box_p_bottom
{
	background-color:#FFFFFF;
	height:19px;
}

.shop_box_p_links
{
  font-size:.9em;
  color:#336699;
}

.shop_box_g
{
  border:1px solid #cccccc;
  width:490px;
}

.shop_box_g_content
{
	
	background-color:#e1e8f0;
	font-size:.7em;
  	line-height:1.2em;
	width:490px;
}

.shop_box_g_bottom
{
	background-color:#FFFFFF;
	height:19px;
}

.shop_box_g_links
{
  font-size:.9em;
  color:#336699;
}


#content div.b2b
{
  margin-right:20px;
}

#content div.b2b img.h,
#content div.b2c img.h
{
  margin:10px 0px;
}

#content div.b2b img,
#content div.b2c img
{
  clear:both;
  float:left;
}

#content div.b2b div,
#content div.b2c div
{
  float:left;
  width:150px;
  height:149px;
}


#content div.b2b div,
#content div.b2b div p
{
  background:#e1e8f0;
  color:#666;
}

#content div.b2c div,
#content div.b2c div p
{
  background:#fdf0db;
  color:#666;
}

#content div.b2b div p,
#content div.b2c div p
{
  font-size:.7em;
  padding:5px 5px 0px 6px;
  margin:0px;
}

#content div.b2b a:link,
#content div.b2b a:visited,
#content div.b2c a:link,
#content div.b2c a:visited
{
  clear:left;
  display:block;
  text-align:right;
  font-size:.7em;
  padding:10px 6px 0px 0px;
}

#content div.b2c a:link,
#content div.b2c a:visited
{
  background:#ffffff;
  color:#ff9900;
}

/* featurebox */
#feature
{
  float:left;
  width:234px;
}

#feature div.fbox
{
  color:#333333;
  background:#e1e8f0;
  padding:8px 12px;
  font-size:.7em;
  margin-bottom:50px;
}

#feature div.fbox p {
  margin:8px 0px 10px 0px;
  width:210px;
}

#feature div.fbox .head
{
  background-color:#e1e8f0;
  color:#336699;
  font-size:1.1em;
  font-weight:bold;
}

#feature div.fbox strong,
#feature div.fbox b
{
  background-color:#e1e8f0;
  color:#666666;
}

#feature div.fbox p.img-right img
{
  float:right; 
  margin-left:10px;
}

#feature div.fbox p.img-left img
{
  float:left; 
  margin-right:10px;
}

#feature div.fbox a:link,
#feature div.fbox a:visited
{
  background:#e1e8f0;
  display:block;
  clear:both;
}

/* footer */
#footer 
{
  clear:both;
  font-size:.6em;
  border-top:1px solid #cccccc;
  background:#fff;
  color:#666666;
  margin-top:20px;
  padding:3px 0px 1px 205px;
}