/*-------------------------------------------------
  Office ANNE Stylesheet - bundled with Website
-------------------------------------------------*/
/*-------------------------------------------------
  General layout
-------------------------------------------------*/
@import url("common.css");

/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header {
	position: relative;
	width: 800px;
	height: 80px;
	/* large header image is defined below */
	background: white url(images/banner.gif) no-repeat; */
	border-width: 2px 2px 0;
	border-style: solid;
	border-color: #E0E0E0;
	margin: auto;
}

/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper
{
	width: 800px;
	background: white;
	border-width: 0 2px;
	border-style: solid;
	border-color: #E0E0E0;
	margin: auto;
}
#wrapper
{
	width: 800px;
	margin: auto;
}

/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#container
{
	width: 800px;
	height: 1%;
	overflow: visible;
	float: left;
	padding: 4px 10px;
	margin-right: -250px;
}
.content
{
	padding: 0;
	margin: 7px 260px 30px 10px;
}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebarcontainer {
	width: 220px;
	padding: 2px 0 0 0;
	float: right;
}
.sidebar {
	color: #21262A;
	margin: 0 0 4px 6px;
}
/* Menu lists */
.sidbardl {
	margin: 10px 0;
	padding: 0;
	width: 200px;
	position: relative;
}
.sidbardl dt {
	width: 200px;
	height: 32px;
}
.sidbardl dd {
	line-height: 1.4em;
	padding: 4px 0 0 2px;
}
.sidbardlbox {
	margin: 10px 0;
	padding: 4px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	width: 190px;
}
.sidbardlbox hr, .sidbardlbox ul {
	clear: both;
}
.sidbardlbox ul li {
	font-weight: bold;
	margin: 0;
}
.sidbardlbox ul li.lgtext {
	color: #009900;
	font-size: 1.6em;
	font-weight: bold;
}
.sidbardlbox ul li.tmtext {
	color: #ffffff;
	background-color: #336633;
	font-size: 0.9em;
	font-weight: normal;
	text-align: center;
	padding: 2px;
}

/* Sidebar Images */
.sidbardl dt img {
	float: right;
}
.sidbardl dd img {
	margin-top: -74px;
	float: right;
}
.sidbardlbox dd img {
	margin-top: 6px;
	padding: 0;
}

/* Sidebar Links */
.sidbardl dt a:link, .sidbardl dt a:visited {
	color: #ffffff;
	background-color: #669966;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 2px 0 0 2px;
	width: 118px;
	height: 30px;
	float: left;
}
.sidbardl dd a:link, .sidbardl dd a:visited {
	color: #000099;
	background-image: url(images/marker.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 2px;
	padding-left: 22px;
	height: 18px;
	display: block;
}
.sidbardlbox dd a:link, .sidbardlbox dd a:visited {
	color: #000099;
	background-color: #ffffff;
	padding-left: 22px;
	width: 168px;
}
.sidbardlbox .sidbarbt a:link, .sidbardlbox .sidbarbt a:visited {
	background-image: url(images/meit-01a.gif);
	background-repeat: no-repeat;
	margin: 4px 0 0 18px;
	padding: 8px 0 0 30px;
	width: 116px;
	height: 31px;
	display: block;
}
.sidbardlbox .sidbarbt a:hover, .sidbardlbox .sidbarbt a:active {
	background-image: url(images/meit-01b.gif);
}

/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
#topnavi {
	margin: 0 0 10px 0;
	padding: 0;
	width: 800px;
	position: relative;
}
#topnavi li {
	text-align: center;
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
}
#topnavi li.url_bar{
	background-image: url(images/banner_url.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding: 7px 0;
	width: 200px;
}
#topnavi li a:link, #topnavi li a:visited {
	color: #ffffff;
	background-image: url(images/bannerbt.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 0 0;
	width: 120px;
	height: 25px;
	display: block;
}
#topnavi li a:hover, #topnavi li a:a:active {
	color: #ffff00;
	background-image: url(images/bannerbt.gif);
	background-position: 0 -33px;
	background-repeat: no-repeat;
}
.categoryindex {
	margin: 10px 0;
	padding: 8px 14px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	width: 500px;
	position: relative;
}
.categoryindex dd {
	margin: 4px;
	width: 112px;
	float: left;
}
.categoryindex dd img {
	vertical-align: middle;
	margin: 0 4px 0 2px;
}
.content .sidebardl {
	width: 530px;
}
.content .sidebardl dt {
	display: none;
}
.content .add .sidebardl dd {
	margin: 6px;
	float: left;
}

/* Contents Footer */
.content .shop_info {
	background-color: #ffcece;
	margin: 6px 0;
	padding: 4px;
	width: 523px;
}
.content .shop_info img {
	margin-right: 10px;
	float: left;
}
.content .shop_info h5 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
}
.content .shop_info h4 {
	color: #ff0000;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
}
.content .shop_info p {
	line-height: 1.4em;
	text-indent: 1em;
	margin: 0;
}
.content .shop_info a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
.content .shop_info a:hover {
	color: #ff0000;
}
/*-------------------------------------------------
  Shop Information
-------------------------------------------------*/
#shopinformation {
	background-color: #cccc99;
	margin: 1.0em 0;
	padding: 1.0em;
}
#shopinformation h2 {
	font-size: 2.0em;
	font-weight: bolder;
}
#shopinformation h3 {
	font-size: 1.6em;
	font-weight: bolder;
}
#shopinformation p {
	clear: both;
}
#shopinformation strong {
	font-size: 1.4em;
	font-weight: bolder;
}
#shopinformation img {
	margin-right: 1.0em;
	float: left;
}

/*-------------------------------------------------
  Top News Information
-------------------------------------------------*/
#newscontent {
	background-color: #ccffcc;
	padding: 0.4em;
}