@charset "utf-8";

body {
	font-size: 12px;
	font-family: Tahoma;
	background-color: #D1428D;
}

img {
	border: 0px;
}

a:link, a:visited {
	color: #0000FF;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
}

#maincontainer {
	width: 773px;
	margin: 10px auto;
}

#header {
	width: 773px;
	height: 132px;
}

#logo {
	width: 266px;
	height: 132px;
	background-image: url(images/template_01.jpg);
	float: left;
}

#topmenus {
	height: 132px;
	float: left;
}

#topmenus a.menu {
	float: left;
}

#contentcontainer {
	width: 773px;
	height: 431px;
	background-image: url(images/template_07.jpg);
}

#leftmenu {
	width: 190px;
	margin-top: 60px;
	margin-left: 38px;
	position: absolute;
}

#leftmenu a.menu {
	display: block;
}

div.clear {
	clear: both;
}

div.content {
	margin: 5px;
}

#homepage_top {
	width: 459px;
	height: 148px;
	position: absolute;
	margin-top: 75px;
	margin-left: 265px;
	overflow: auto;
	padding: 5px;
}

#homepage_bottom {
	width: 469px;
	height: 78px;
	position: absolute;
	margin-top: 258px;
	margin-left: 280px;
	overflow: auto;
}

#homepage_bottom div.image {
	width: 78px;
	height: 78px;
	margin-left: 10px;
	float: left;
}

#homepage_bottom div.image img {
	margin: auto;
}

#webboard {
	width: 403px;
	height: 266px;
	position: absolute;
	margin-top: 54px;
	margin-left: 300px;
	overflow: auto;
}

#webboard div.post {
	width: 350px;
	margin: 7px auto;
	display: block;
	background-color: #FFFFFF;
}

#webboard div.post div.poster {
	width: 340px;
	padding: 5px;
	overflow: auto;
	background-color: #FF99FF;
	border-bottom: 1px dashed #666666;
}

#webboard div.post div.detail {
	width: 340px;
	padding: 5px;
	border-left: 1px dotted #666666;
	overflow: auto;
}


#article {
	width: 470px;
	height: 250px;
	position: absolute;
	margin-top: 80px;
	margin-left: 265px;
	overflow: auto;
}

#article a {
	font-weight: bold;
}

#article span {
	color: #454545;
}

#article div.articlelist {
	border-bottom: 1px solid #000000;
}

#article div.articlelist div.date {
	text-align: right;
}

#products {
	width: 470px;
	height: 250px;
	position: absolute;
	margin-top: 80px;
	margin-left: 265px;
	overflow: auto;
}

#products div.detail {
	width: 430px;
	margin: auto;
}

#products div.detail div.image {
	width: 150px;
	float: left;
	margin-right: 3px;
	margin-left: 15px;
	border: 1px solid #333333;
}

#products div.detail div.itemname {
	padding-left: 5px; 
	width: 230px;
	float: right;
	font-weight: bold;
}

#products div.detail div.description {
	padding-left: 5px; 
	width: 230px;
	float: right;
	color: #454545;
}

#products div.detail div.price {
	padding-left: 5px; 
	width: 230px;
	float: right;
	text-align: right;
	color: #990000;
	margin-top: 10px;
	font-weight: bold;
}

#products div.pictures {
	width: 430px;
	margin: 10px auto;
}

#products div.pictures img {
	margin: 5px;
}




#products div.item {
	width: 210px;
	margin: 3px;
	padding: 3px;
	float: left;
	overflow-x: auto;
	border: 1px dashed #333333;
	background-color: #EDEDED;
}

#products div.item div.itemname {
	padding-left: 5px; 
	width: 100px;
	float: right;
	font-weight: bold;
}

#products div.item div.image {
	width: 100px;
	float: left;
	margin-right: 3px;
	border: 1px solid #333333;
}

#products div.item div.description {
	padding-left: 5px; 
	width: 100px;
	float: right;
	color: #454545;
}

#products div.item div.price {
	padding-left: 5px; 
	width: 100px;
	float: right;
	text-align: right;
	color: #990000;
	margin-top: 10px;
	font-weight: bold;
}

#products div.pages {
	width: 470px;
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	clear: both;
}

#products div.pages span.active {
	border: 1px solid #006699;
	background-color: #FF99CC;
	padding: 3px;
	color: #FFFFFF;
}

#products div.pages a:link, #products div.pages a:visited {
	border: 1px solid #006699;
	background-color: #0099CC;
	padding: 3px;
	color: #FFFFFF;
}

#products div.pages a:hover {
	background-color: #FF99CC;
	border: 1px solid #FF3366;
}


#login {
	width: 400px;
	height: 256px;
	margin: 25px auto;
	background-image: url(images/login.jpg);
}

#admin {
	width: 770px;
	margin: 0px auto;
	background-color: #FFFFFF;
}

#adminContent {
	width: 770px;
	clear: both;
	margin: 10px auto;
}

#menus {
	background-color: #DEDEDE;
	padding-left: 7px;
	padding-right:7px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#menus a:link, #menus a:visited {
	color: #0033CC;
	text-decoration: none;
}

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




div.editorTool div.toolContainer {
	padding: 3px 3px 1px 3px;
	height: 20px;
	overflow: visible;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
}
div.toolContainer div.toolGroup{
	background-image: url(images/start.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 7px;
	height: 24px;
}
div.editorTool img.editorImage {
	border: 0px;
	display: inline;
	margin: 1px;
	vertical-align: middle;
	cursor: pointer;
}
div.editorTool img.editorImage:hover {
	margin: 0px;
	vertical-align: middle;
	border: #0A246A 1px solid !important;
	background-color: #B6BDD2;
	cursor: pointer;
}
div.editorTool img.editorImage:active {
	margin: 0px;
	vertical-align: middle;
	border: #0A246A 1px solid !important;
	background-color: #D4D5D8;
	cursor: pointer;
}




div.popmenu {
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	display: none;
	background-color: #FFFFFF;
}

div.popmenu a:link, div.popmenu a:visited {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
}

div.popmenu a:hover {
	background-color: yellow;
}

/******************************** Dialog **********************************************/
#modal_container {
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #666666;
	overflow:auto;
	font-family:"Lucida Grande",Verdana;
	font-size:12px;
	color:#333333;
	text-align:left;
}

#modal_container.test {
	background-color:#900000;
	color:#F0F0F0;
	padding:30px;
	text-align:center
}

#modal_overlay {
	background-color:#000000;
}

#modal_overlay.test {
	background-color:#F0F0F0;
}

#modal_container.dialog {
	background-color:#900000;
	color:#FFFFFF;
	padding:30px;
	text-align:center
}

#modal_overlay.dialog {
	background-color:#FFFFFF;
}

.simple_window {  
	width:250px;  
	height:50px;  
	border:1px solid #000;  
	background-color:#fff;  
	padding:10px;  
	text-align:left;  
	font-family:"Lucida Grande",Verdana;  
	font-size:12px;  
	color:#333;  
}
/********************************** End Dialog ********************************************/