@charset "utf-8";
.errorBox {font-weight:bold;font-size:11px;background:#ffb3b5;font-family:Verdana, Arial, sans-serif;}
.stockWarning {font-size:11px;color:#cc0033; font-family:Verdana, Arial, sans-serif;}
.productsNotifications {background: #f2fff7}
.orderEdit {font-size:11px; color:#70d250; font-family:Verdana, Arial, sans-serif;text-decoration:underline;}

H1 {
	font-family:Arial, Verdana, sans-serif;
	font-size: 20px;
	color: #402210;
	text-align:center;
}
H2 {
	font-size:18px;
	color:#990000;
	font-family:Arial, Verdana, sans-serif;
	background:url(H2.gif) no-repeat;
	padding-left:40px;
}
H3 {
	font-size:20px;
	color:#FFFFFF;
	font-family:Arial, Verdana, sans-serif;
	background:url(H3.jpg) repeat-x;
	height:30px;
	width:120px;
	padding:2px 0 0 10px;
}
H4 {
	color: #333333;
	font-family:Arial, Verdana, sans-serif;
	font-size:18px;
	padding-left:10px;
	border-bottom:#99CC00 2px solid;
	width:165px;
}
H5{
	font-size:16px;
	font-family:Arial, Verdana, sans-serif;
	color:#666600;
	line-height:20px;
	background: url(images/H5.gif) no-repeat 20px 0;
	padding-left:32px;
	height:20px;
}
H6{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#533C33;
}
H7{
	font-size:12px;
	color:#333333;
	line-height:22px;
}

/*ܧw]Tag styles-----------------------------------------start*/

BODY {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color:#333333;
	text-align: center; /*fix by smashing*/ /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color:#fff5d7;
	line-height:20px;
}

a {color: #1A1A1A}

a:link {color: #006699;text-decoration: none
}

a:visited {color:#006699; text-decoration: none}

a:active {color:#006699; text-decoration: none}

a:hover {
	color: #003366;
	text-decoration: underline;
}

form {display:inline;}

/*tm]w---------------------------------------------start*/

#container {
	/*fix by smashing*/
	margin:0 auto;/* the auto margins (in conjunction with a width) center the page */
	text-align:left; /*fix by smashing*/
	width:900px;/*fix by smashing*/
	margin-top:10px;
	background:url(images/container.jpg) no-repeat top;
}

#header {
	width:900px;
	height:205px;
	position:relative;
}

#logo {
	background:url(images/logo.jpg) no-repeat;
	width:310px;
	height:70px;
	position:absolute;
	left: 9px;
	top: 7px;
}

#mainContent {
	background:url(images/beeline.gif) repeat-y top left;
	width: 755px;
	float:right;
}

#sidebar1{
	width: 180px;
	float:left;
	display:none;
}

#sidebar2{
	width: 145px;
	float:left;
}

#footer{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:75px;
	padding-top: 2px;
	margin-top:10px;
	background-color:#47372C;
}

#shopFunction {
	height:31px;
	width:549px;
	font-size:12px;
	position: absolute;
	left:353px;
	top:8px;
	line-height:27px;
	text-align:center;
}

#shopFunction a:link, #shopFunction a:visited, #shopFunction a:active {
	font-size:12px;
	color:#333333;
}

#shopFunction .home:hover, #shopFunction .about:hover, #shopFunction .construction:hover, #shopFunction .news:hover, #shopFunction .link:hover, #shopFunction .registration:hover {
	background:url(images/button01.jpg) no-repeat;
	}

#shopFunction .home, #shopFunction .about, #shopFunction .link, #shopFunction .registration, #shopFunction .construction, #shopFunction .news{
	background:url(images/button02.jpg) no-repeat;
	height:27px;
	width:90px;
	float:left;
	margin-right:1px;
}

#member a:link, #member a:visited, #member a:active {
	font-size:16px;
	color:#333333;
}

#member .material:hover{background:url(images/gold01.jpg) no-repeat;}
#member .submits:hover{background:url(images/gold02.jpg) no-repeat;}
#member .report:hover{background:url(images/gold03.jpg) no-repeat;}
#member .rule:hover{background:url(images/gold04.jpg) no-repeat;}
#member .movie:hover{background:url(images/gold05.jpg) no-repeat;}
#member .download:hover{background:url(images/gold06.jpg) no-repeat;}
	
#member .material, #member .submits, #member .report, #member .rule, #member .movie, #member .download{
	background:url(images/undertone01.jpg) no-repeat;
	height:35px;
	width:95px !important;
	width:145px;
	padding:5px 0 0 50px;
	display:block;
}
#member .submits{background:url(images/undertone02.jpg) no-repeat;}
#member .report{background:url(images/undertone03.jpg) no-repeat;}
#member .rule{background:url(images/undertone04.jpg) no-repeat;}
#member .movie{background:url(images/undertone05.jpg) no-repeat;}
#member .download{background:url(images/undertone06.jpg) no-repeat;}

#login{
	background:url(images/login.jpg) no-repeat;
	width:48px;
	height:27px;
	text-align:center;
	padding-top:2px;
	float: right;
}

.text{
	height:20px;
	border-bottom:#666666 1px solid;
	margin:10px 20px 0 20px;
}
.date{
	float: left;
	margin-right:15px;
	color: #666666;
}

#counter {
	font-size:12px;
	color: #FFFFFF;
	float:left;
	margin-top:5px;
	line-height: 20px;
}

.images{
	padding:5px;
	float:left;
	border:1px #CCCCCC solid;
	background:#FFFFFF;
	margin:10px;
	text-align:center;
	line-height:30px;
}

table.static {
	line-height:20px;
	border:#999 1px  solid;
	color:#333333;
	background-color:#FFFFFF;
}

table.static TD {
	border:#999 1px dashed; 
	font-size: 12px; 
	padding:5px; 
	line-height:20px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}
table.static TH {
	border:#999 1px dashed;
	font-size:12px;
	padding:5px; 
	color: #990000;
	font-weight: bold;
	line-height:20px;
	text-align:center;
}

table.main-table {
	border: #c8c8c8 1px solid; 
	margin: 5px 0px 10px; 
	width:100%;
	border-collapse: collapse;
	background-color:#CCCCCC;
}

table.main-table TD {
	border: #c8c8c8 1px solid; 
	font-weight: normal; 
	font-size: 12px; 
	padding:5px; 
	line-height:20px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#666666;
}

table.main-table TH {
	border: #c8c8c8 1px solid;
	padding:5px;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#FF9900;
	color: #333333;
	font-size: 14px;
	text-align:center;
}

table.main-table .title{
	border:#c8c8c8 1px solid;
	padding:5px;
	line-height:20px;
	background:#FFFFCC;
	color:#333333;
	font-size: 12px;
	text-align:center;
	font-weight:bold;
}

table.reg-table {
	border: #c8c8c8 0px solid;
	padding:5px;
	margin: 2px 0px;
	border-collapse: collapse;
}
table.reg-table TD {
	font-weight: normal; 
	font-size: 12px;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}	

.register_table {
	font-weight: normal; 
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #333;
}

.displayCount {
	float:left;
	margin:10px 0 0 10px;
}

.displayLinks {
	float:right;
	margin:10px 10px 0 0;
}