@charset "utf-8";
/* CSS Document */

.dummy{}
html{color:#000000;}body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,var{font-weight:normal;}
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;}
legend{color:#000;}strong{ font-weight:bold; }

/* Normalizing Styles
-----------------------------------------------------------------------------*/
body { font-family:Arial; color:#000; margin:0; font-size:16px; background: url(../images/sub-bg1.gif);  font-weight:bold;}
.clear { clear:both;}
h1{ clear:both; display:block; text-align:center; font-size:26px; color:#FDE403; margin:0 0 20px 0; font-weight:bold;}
a {color:#000; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}
p { margin:0 10px 20px 10px;}

/* Normalizing Styles
-----------------------------------------------------------------------------*/
#bg{ width:100%; background:url(../images/main-bg.gif) repeat-x; }
#bg-sub{ width:100%; background:url(../images/bg-sub.gif) repeat-x; }
#container { width:633px; margin:0 auto;}
#header{width:633px; float:left; padding:8px 0 0 0;}
#top{width:633px; height:126px; float:left;}
#logo{width:633px; text-align:center; float:left;}
#content{width:633px; float:left; padding:0 0 30px 0;}
#content-top{width:633px; float:left;}
#content-mid{width:617px; background:#f547f6; padding:0 8px; }
#content-bot{width:633px; float:left;}

/* Menu Styles
-----------------------------------------------------------------------------*/
.menu{ width:568px; height:55px; float:left; background:url(../images/menu-bg.gif) left top no-repeat; margin:0 0 10px 0; padding:0 0 0 50px; }
.menu ul {margin:0px; padding:0px;}
.menu li{ list-style:none; display: block; line-height:55px; float:left; width:auto; text-transform:uppercase;}
.menu li .sec{background:url(../images/menu-sep.gif) no-repeat;}
.menu li a{ color:#000; padding:0 20px; text-decoration:none;  display:block;}
.menu li a:hover{background:url(../images/menu-over.gif) repeat-x; display:block;}
.menu li a.act{background:url(../images/menu-over.gif) repeat-x; display:block;}

.box-main{ width:620px; float:left; padding:15px 0 0 0;}
.pro-box{ width:185px; float:left; padding:10px; text-align:center;}
.img-border{ border:#EB058C solid 2px;}
.price{ font-size:12px;}
.text1{padding:0 0 10px 35px; width:435px; float:left; font-size:14px; font-weight:bold;}
.text2{font-size:12px; text-align:center; float:left; width:130px; padding:30px 0 0 10px; font-weight:bold;}
.text3{color:#2060a2;}


#login-box{ width:428px; height:286px; float:left; padding:20px; margin:0 0 0 100px; background:url(../images/login-bg.jpg) no-repeat;}
.login-main{ width:370px; float:left; padding:0 0 15px 40px;}
.login-top{ width:410px; float:left; padding:0 0 15px 0; font-size:13px; text-align:center; font-weight:bold;}
.login-text{ width:100px; float:left; padding:0 10px 0 0; text-align:right;}
.login-box{ width:180px; float:left; }
.text-fild1{ width:180px; height:18px; border:#ccc solid 1px;}