html, body{height:100%;}
body {
font-size: 12px;
color:#FEB8D4;
font-family: Arial, Helvetica, sans-serif;
background:#FFF; margin:0px auto; padding:0px;
background:url(../images/inner-bg.jpg) repeat-x #010000 top;}
a:link,a:visited{color:#960;text-decoration:none;}
a:hover,a:active{color:#090;text-decoration:none;}
#tabledistance{margin:0px auto; height:100%;  }
#indexflash{margin-left:10px; margin-top:20px;}
#contxt { padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px; text-align: left;}
#indemenuimg{margin-top:10px;}
#indexmuen{text-align:right; line-height:40px; margin-right:20px; margin-top:20px;}
#indexmuen a{color:#960; font-weight:bold; text-decoration:none;}
#indexmuen a:hover{color:#960; font-weight:bold; text-decoration:underline;}
#bottomdistance{padding-top:10px; padding-bottom:20px;}
#bottomdistance a{color:#960; text-decoration:none;}
#bottomdistance a:hover{color:#960; text-decoration:underline;}
#rightline{border-left:1px solid #AEAEAE;}
#rangestyle{font-size:12px; margin-top:80px;}
#rangestyle a{color:#FFE292; text-decoration:none;}
#rangestyle a:hover{color:#ffffff; text-decoration:underline;}
#rangetable{width:132px; height:320px; text-align:center;}

#container {  clear:both; width: 1015px; margin: 0;margin-left: auto;  margin-right: auto; }
.inp_a { width:21px; height:22px; border:0; background: url(images/next.gif); }
.inp_b { width:21px; height:22px; border:0; background: url(images/Previous.gif); }
/*TOP*/
#top { width:1015px; height:13px; padding:0px; overflow:hidden;}
#topl { float: left;width:22px; height:13px; background: url(images/top_l.gif) no-repeat; }
#topz { float: left;width:955px; height:13px;background: url(images/top_bg.gif) repeat-x; }
#topr {float: left; width:38px; height:13px; background: url(images/top_r.gif) no-repeat; }

/*INDEX*/
#outsidebox { background: #FFF;  width: auto; height: 100%; padding:0; clear: both; overflow:hidden;}
#insidebox {  background: #FFF; width: auto;  line-height: 18px; clear: both; overflow:hidden;}
#navright { float: left; background: url(images/right_nav_bg.gif) repeat-y; width:205px; height: 515px; padding: 10px;}
#rightnav li { text-align:right; font-weight: bold;width:184px !important; width:174px; height:5px;line-height: 35px;padding-right: 10px}
#rightnav li a { display: block; width: 174px;padding-right: 10px; background: #FFF;}
#rightnav li a:hover{ display: block; width: 174px;padding-right: 10px;color:#FFF; background: url(images/nav.gif) no-repeat;}
#content {height: 530px; float: left; }
#left { float: left;width: 385px;height:535px;overflow:hidden;}
.joinus { width:710px; height: 510px; text-align: left;overflow:hidden;}
/*FOOTER*/
#footer { padding: 0px; margin:0px; width: 1015px; height: 13px;}
#bottoml { float: left;width:22px; height:56px; background: url(images/bottom_l.gif) no-repeat; }
#bottomr {float: left; width:38px; height:56px; background: url(images/bottom_r.gif) no-repeat; }
#bottomz { float: left;width:955px; height:56px;line-height: 56px;background: url(images/bottom_bg.gif) repeat-x; }
#wrap { width: 370px;  height:535px; }
#contxt { padding: 10px; text-align: left;overflow:hidden;}
#contxt h3 { font-size: 1em; white-space: nowrap;}
#page { height:40px; padding-top: 20px; }
#page span { float: right; }
#migpic {float: left; width: 500px; background:none; overflow:hidden; }
#picl {float: left;width: 340px;height:508px; margin:10px 0 0 0px;border:1px solid #F392B8; text-align:center;}



#lpic { float: left;width: 345px;height:535px; overflow:hidden; position:relative; text-align:center;}
#pic p { position:static; +position:absolute; top:50% } 
#pic img { position:static; +position:relative; top:-50%;left:-50%; width:315px; height:430px; vertical-align:middle; text-align:center; }

/*初始化几个要用的标签*/
*{ padding:0; margin:0; list-style:none;}
h2{ padding: 8px 0 0 0; font-size:12px; text-align:center;}
img{display:block;}
/*全局链接样式*/
a:link,a:visited{color:#960;text-decoration:none;}
a:hover,a:active{color:#090;text-decoration:none;}

/*全局框架用*/
.main{width:500px; height:505px; padding: 20px 10px 10px 10px; overflow:hidden; text-align:center; color:#D8D8B4;}
.sidebar{width:300px; height:480px; margin:15px 15px 5px 15px ; overflow:hidden; padding:0; text-align:center; }
.pager{clear:both;}

/*相册正式开始*/
.main li { text-align:center; float:left; width:105px !important; width:95px; color:#D8D8B4;}
.main li span{padding:5px; display:block;  margin:auto; color:#D8D8B4;}
.main li img{ width:85px; height:75px; display:block; border:1px solid #F392B8; padding:3px; margin:0 auto;}
.main a { text-decoration:none; color:#D8D8B4}
.main a:hover {color:#ffffff; text-decoration:none;}
 /*照片上的链接样式*/
 a:link span,a:visited span{ border:1px solid #610729;}
 a:hover span,a:active span{ border: 1px solid; border-color: #F392B8 #F392B8 #F392B8 #F392B8; background:#A71843;}
.sidebar img{width:300px; height:380px; padding:0px;  border: none;}
.sidebar p{padding:5px 15px;  border-top:1px dashed #D8D8B4; text-align:center;}
.sidebar span{display:block;}
.sidebar li{ height:480px;  text-align:center; font-size:12px; font-weight:bold;}
.sidebar li p{ font-size:11px; font-weight:normal !important; margin-top:5px; }







/* Top header part styles */
.toppart{padding-top:43px;}
.flash{background:url(../images/flash.jpg) no-repeat; height:369px; margin-top:43px;}
.bottum{background:url(../images/bottum.gif) no-repeat; height:41px; margin:0px 31px 3px 0px; text-align:right;}

.toppart a {color:#ff8000; text-decoration:none}
.toppart a:hover {color:#000000; text-decoration:none}
a.toplink:link, a.toplink:visited, a.toplink:active {color:#ff8000; text-decoration:none}
a.toplink:hover {color:#E0B64D; text-decoration:none}

.tophlight {color:#FF0099}

/* menu part styles */
.menu{padding:0px 0px 0px 0px;}
.menu a{display:block; background-position:0px 0px; height:47px;}
.menu a:hover{ background-position: 0% 100% ;}
.menuactive{background-position: 0% 100% !important; display:block; height:47px; }

.menui{background-position:bottom;}
.menubg {background:url(images/menubg.gif) repeat-x; padding:0px 20px 0px 0px}
.menubg a{color:#0D4C82; font-weight: bold; text-decoration:none}
.menubg a:hover {color:#CA0000; text-decoration:none}

/* left part styles */
.leftpart {width:200px; background:#EDEDED}
.leftpart tr {font-size:11px; color:#333333; font-family:Tahoma,Helvetica,Tahoma; text-align:left}

.leftpart a: {color:#2372B5; font-weight:bold; text-decoration:none}
.leftpart a:hover {color:#000000; text-decoration:none}

.leftheader {background:#555555; color:#FFFFFF; padding:7px; font-weight:bold}
.lefthlight {color:#FF7800}

.leftpart ul {list-style:url(images/arw1.gif) none; margin:0px; padding-left:30px}
.leftpart li {margin:5px 0px}
.leftpart li a {color: #2372B5; font-weight: bold}
.leftpart li a:hover {color: #000; font-weight: bold}

.leftpart li .current{margin:5px 0px; color: #FF7800}
.leftpart li .current a {color: #FF7800; font-weight: bold}
.leftpart li .current a:hover {color: #000; font-weight: bold}

/* middle part styles */
.midpart {background:#ffffff; padding:1px 0px}
.contantpart {padding:15px}
.midpart tr {font-size:11px; color:#333333; font-family:Arial,Helvetica,Tahoma; text-align:left;}

.midpart a {color:#009933; text-decoration:none}
.midpart a:hover {color:#000000; text-decoration:none}
a.midlink:link, a.midlink:visited, a.midlink:active {color:#ff8000; text-decoration:none}
a.midlink:hover {color:#E0B64D; text-decoration:none}

.midheader {background:#64A7E0; color:#FFFFFF; padding:6px 5px; font-weight:bold}
.midheader a {color:#EDEDED; text-decoration:none}
.midheader a:hover {color:#E0B64D; text-decoration:none}
.midhlight {color:#FF0099}

.contantpart ul {list-style:url(images/arw.gif) none; margin:0px; padding-left:30px}
.contantpart li {margin:4px 0px}
.contanttext{font-family:Arial, Helvetica, sans-serif; color:#AC7E90; text-align:justify; font-size:12px;}
.contanttext ul {list-style:circle; margin:0px; padding-left:10px;color:#AC7E90;}
.contanttext li {margin:4px 0px; list-style-type:circle;  }
.contantheader{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FEB0CE; line-height:35px; vertical-align:middle;}
.contanttext a{color:#AC7E90; text-decoration:none}
.contanttext a:hover{color:#ffffff; text-decoration:none}


/* Footer part styles */
.footer{background:url(../images/footer.gif) no-repeat; height:54px; text-align:center;vertical-align:middle; font-size:12px; margin:39px 0px 0px 0px}
.footer a{color:#FEB8D4; text-decoration:none}
.footer a:hover{color:#ffffff; text-decoration:none}

/* shopping cart body area and boxies styles */
.tableborder {border:1px solid #cccccc}
.allborder { border:#48011D solid 1px; }
.allborder td { border-left:#48011D solid 1px; border-bottom:#48011D solid 1px; padding-left:10px;}
.bordernone{border:none;}
.fieldheader {background:#B5DDFF; color:#333333; padding-left:5px; font-weight:bold}
.fieldheader a {color:#333333; text-decoration:underline}
.fieldheader a:hover {color:#0479DC; text-decoration:none}

.lightbg {background:#F0F5FA}
.darkbg {background:#DFEBF6}
.selectbg {background:#DDF3FF}
.whitebg {background:#FFFFFF}
.subheading {color:#000066; font-weight:bold; font-size:12px}

.paging {background:#DBEEFF}
.paging a:link, .paging a:visited, .paging a:active {color:#05567F; text-decoration:underline; font-weight:bold}
.paging a:hover {color:#666666; text-decoration:none}

/* general text styles */
.smalltext {font-size:10px}
.normaltext {font-size:11px; font-weight:normal}
.error, .red {color:#FFECA6; font-size:14px;}
.success {color:#009933}
.hlight {color:#FF5B01}
.price {color:#2977BA; font-weight: bold}

.justify {text-align:justify}
.lineheight {line-height:16px}

/* general eliments styles */
h1 {font-size:14px; color:#AC7E90; font-family:Arial, Helvetica, sans-serif; background:url(images/hline.gif) repeat-x  bottom;}
.textheding {font-size:13px; font-family:Arial,Helvetica; text-align:justify;}
.hline {background:url(../images/hline.gif) repeat-x center}
.yline {background:url(images/yline.gif) repeat-y center}

.noborder {border:0px none; padding:0px}

/* general link styles */
a.normallink:link, a.normallink:visited, a.normallink:active {color:#FFE292; text-decoration:none; font-weight:bold; height:25px; line-height:25px;
 font-family:Arial, Helvetica, sans-serif;}
a.normallink:hover {color:#F60061; text-decoration:none}

a.headlink:link, a.headlink:visited, a.headlink:active {color:#0C4A7F; text-decoration:none; font-weight:bold}
a.headlink:hover {color:#ff8000; text-decoration:none}

a.lightlink:link, a.lightlink:visited, a.lightlink:active, .white {color:#EDEDED; text-decoration:none}
a.lightlink:hover {color:#E0B64D; text-decoration:none}

a.avileax:link, a.avileax:visited {color:#FFD800; text-decoration:none}
a.avileax:hover {color:#ffffff; text-decoration:none}

/* Images styles */
.thumimg {width:120px}
.normalimg {width:340px; text-align:center;}
.normalimg1 {width:250px; text-align:center;}
.bigimg {width:300px; border:2px solid #CCCCCC; padding:2px}
.imgborder, .thumimg, .normalimg, .normalimg1 {border:1px solid #F392B8; padding:1px}
a:hover .imgborder, a:hover .thumimg, a:hover .normalimg, a:hover .normalimg1 {border:1px solid #F392B8}

/* form part styles */
form {margin:0px; padding:0px;}
.formtext {margin:0px; padding:5px 0px 0px 0px ;font-family:Arial, Helvetica, sans-serif; color:#AC7E90; font-size:12px;}
input, select, textarea,option {font-size:11px;color:#FEB8D4; font-family:Arial, Helvetica, sans-serif; background:#2F0314;}
input, select, textarea,option {border:1px solid #A40141; padding:1px}
.button {padding:2px; background:#4B011E; border:#A70142 1px solid; font-weight:bold; cursor:pointer;}