/* YUI reset.css from 2.6.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} 


html { 
  margin: 0;
  background-color: #d5d5d5;
  font-family: arial, sans-serif;
  color: #767676;
  font-size: 14pt;
}

img {
  margin: 0;
  padding: 0;
}

a {
  color: #48bddb;
  text-decoration: none;
}
a:hover {
  color: #269bb9;
}
label {
  margin: 10px;
}
b {
  font-size: 18px;
}
h1 {
   font-size: 14px;
   font-weight: bold;
}

h2 {
  font-size: 11px;
}

#main {
	overflow: hidden;
	border: 2px solid #9d9d9d;
	width: 658px;
	height: 480px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/mainwindow_background.gif);
	background-repeat: repeat-y;
}

#content {
	width: 658px;
	overflow: hidden;
	height: 480px;
	position: relative;
}

#content .frontleft {
	width: 329px;
	overflow: hidden;
	float: left;
}
#logo {
	margin-top: 100px;
	margin-right: 20px;
	display: block;
	float: right;
}
#content .frontleft ul {
	float: right;
	margin-top: 50px;
	margin-right: 20px;
}

#content .cleft {
	float: left;
	width: 248px;
	overflow: hidden;
	height: 330px;
	margin-top: 16px;
	margin-left: 22px;
	border: 1px solid #9c9c9c;
	font-size: 11px;
	color: #767676;
	padding: 12px;
	background: #fff;
}
#content .cright {
	width: 338px;
	overflow: hidden;
	margin-top: 8px;
	float: right;
}
#content .cright .lb {
	margin: 4px;
	float: left;
}
#content .cright img {
	border: 1px solid #9c9c9c;
	margin: 4px;
}
#content .cright .lb h2 {
	margin-left: 4px;
}

#content .cright .hidden {
	display: none;
}

#k {
	margin-top: 20px;
	margin-left: 20px;
	float: left;
}

.prod h1 {
	color: #df3945;
}

.brand h1 {
	color: #8ecd4a;
}

.illus h1 {
	color: #52b5d5;
}

.footer {
	width: 658px;
	overflow: hidden;
	height: 34px;
	background-image: url(../img/bottom_background.jpg) !important;
	position: absolute;
	bottom: 0;
	left: 0;
}

.footer .left {
	cursor: pointer;
	margin: 8px;
	float: left;
}
.footer .right {
	cursor: pointer;
	margin: 8px;
	float: right;
}

#dialog p {
	display: block;
	margin-top: 14px;
}

.ui-dialog {
	border: 6px solid #d5d5d5;
	background-color: #fff;
}

.ui-dialog-container {}

.ui-dialog-titlebar {
	height: 30px;
	line-height: 28px;
	padding-left: 10px;
	background-color: #d5d5d5;
	font-weight: bold;
}
.ui-dialog-titlebar-close, .ui-dialog-titlebar-close-hover {
	color: #767676;
	text-decoration: none;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 16px;
}
.ui-dialog-content {
	margin: 10px;
}

.ui-resizable-handle {
	display: none !important;
}
#myController {
	display: none;
}
.hover {
	cursor: pointer;
}