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

* { font-family:Garamond, Arial, Helvetica, sans-serif;}

img { border:0px none; padding:0px; margin:0px;}
a { color:inherit; text-decoration:none;}
a:hover { color:inherit; text-decoration:underline;}

body { margin:0px; padding:0px;}

#topmenu { background:url(../images/bg_topmenu.jpg) no-repeat left top #aedffd; height:55px !important; z-index:100; min-width:700px;}
#topmenu img.logo { position:absolute; top:0px; left:0px; margin-left:20px; display:none;}
#topmenu ul { list-style-type:none; padding:0px; margin:0px;}
#topmenu ul li { float:left; height:55px !important;}
#topmenu ul li.sep { background:url(../images/topmenu_sep.png) no-repeat; width:2px;}
#topmenu ul li.over { background:url(../images/topmenu_over.png) repeat-x bottom; position:absolute; height:55px !important; z-index:1000;}

div#mainContainer { padding-bottom:32px !important; position:relative; z-index:50; }
div#footer { background:#e6deef; height:32px !important; position:absolute; bottom:0; width:100%; color:#ae89d8; line-height:32px; font-size:10px; z-index:100;}
div#footer #powerby { float:right; margin-right:30px;}
div#footer #copyright { margin-left:30px;}

div#btnBannerLeft { background:url(../images/btn_bannerleft.png); width:46px; height:115px; position:absolute; top:0; left:0; margin-top:70px; z-index:1000;}
div#btnBannerRight { background:url(../images/btn_bannerright.png); width:40px; height:115px; position:absolute; bottom:0px; right:0px; margin-bottom:60px; z-index:1000;}

ul#bannerContainer { list-style-type:none; padding:0px; margin:0px; z-index:1; position:relative;}
ul#bannerContainer li { width:100%; position:absolute; top:0; left:0; z-index: 0; overflow:hidden;}
ul#bannerContainer li.current { z-index: 100;}

ul#bannerContainer li img { width:100%; height:100%;}


div#mainContainer div#leftDiv { float:left; margin-top:20px; width:230px;}
div#mainContainer div#contentDiv { float:left; margin-top:20px;}

div#mainContainer div#leftDiv .bannercontainer { margin-top:10px; position:relative;}

#contactus_form { border:#e2d4f1 solid 1px; background:#fff; float:left;}
#contactus_form td { color:#2f0065; line-height:30px;}
#contactus_form input { width:500px; border:0px none; border-bottom:#e2d4f1 solid 1px;}
#contactus_form textarea { width:440px; max-width:440px; height:100px; border:0px none; border-right:#e2d4f1 solid 1px;}

#contactmap { background:url(../images/map_bg.png) no-repeat; width:361px; height:334px; padding:10px 15px; float:left;}

ul#prodList { list-style-type:none; padding:0px; margin:0px; min-width:852px; margin-bottom:30px;}
ul#prodList li { width:276px; border:4px solid #fff; background:#fff; float:left;}
ul#prodList li.noitem { line-height:200px; width:840px; text-align:center; color:#333;}
ul#prodList li div.imgDiv { width:236px; height:236px; border:1px solid #d8d8d8; margin:auto;}
ul#prodList li div.txtDiv { width:236px; margin:auto; color:#715491;}
ul#prodList li div.extxtDiv { width:236px; margin:auto; color:#a88a00; visibility:hidden;}

ul#prodList li.over { width:276px; border:4px solid #c4b1d9; background:#f9f5fd; float:left;}
ul#prodList li.over div.imgDiv { width:236px; height:236px; border:1px solid #d8d8d8; margin:auto;}
ul#prodList li.over div.extxtDiv { width:236px; margin:auto; color:#a88a00; visibility:visible;}

div#prodListHeader { width:852px;}

div#prodListTitle { color:#715491; margin:8px 20px; float:left;}
ul#prodListPaging { margin:8px 20px; padding:0px; list-style-type:none; float:right;}
ul#prodListPaging li { color:#957fad; border:1px solid #957fad; width:22px; height:22px; text-align:center; line-height:22px; float:left; margin-left:7px;}
ul#prodListPaging li.over, ul#prodListPaging li.current { color:#ffffff; border:1px solid #ae89d8; background:#ae89d8;}

div#prodLeftMenu { background:#e6deef; padding-bottom:50px;}
div#prodLeftMenu ul { background:#e6deef; list-style-type:none; padding:20px; margin:0px; padding-left:30px;}
div#prodLeftMenu .cat { color:#2a0f48; font-size:14px; padding-top:30px; font-weight:bold;}
div#prodLeftMenu .sub { color:#896fa6; font-size:14px;}

div#leftDiv.hori { width:852px;}
div#leftDiv.hori img { float:left;}
div#leftDiv.hori div#prodLeftMenu { width:852px; float:left; }
div#leftDiv.hori div#prodLeftMenu ul { float:left;}

.clear { clear:both;}


div#prodDetailsContainer { border:4px solid #ae9dc2; padding:10px; padding-bottom:0px; width:1010px !important; position:relative; background:#fff; min-height:700px;}
table#prodDetails_img { border:2px solid #ececec; width:545px !important; height:545px !important; line-height:545px; margin-bottom:10px;}
table#prodDetails_img td { text-align:center; vertical-align:middle;}
ul#prodDetails_thumb { margin:0px; padding:0px; list-style-type:none;}
ul#prodDetails_thumb li { float:left; width:96px !important; height:96px !important; line-height:96px; border:1px solid #d8d8d8; margin-right:15px;}
div#prodDetailsContainer .description { color:#715491; font-size:14px; position:absolute; left:0px; right:0px; top:0px; margin-top:50px; margin-left: 580px; line-height:18px;}
div#prodDetailsContainer .title { color:#715491; font-size:18px; font-weight:bold;}
div#prodDetailsContainer #nextPrevCtrl { padding:0px; margin:0px; margin-top:10px; position: absolute; height:28px; bottom:0; width:100%;}
div#prodDetailsContainer #nextPrevCtrl .btnPrev { padding:0px; margin:0px; position:absolute; bottom:0px; left:0px; margin-left:30px;}
div#prodDetailsContainer #nextPrevCtrl .btnNext { padding:0px; margin:0px; position:absolute; bottom:0px; right:0px; margin-right:30px;}
div#prodDetailsContainer .btnclose { position:absolute; top:0px; right:0px; margin:30px;}
div#prodDetailsContainer .description .price { background:url(../images/proddetails_price_c.jpg); height:111px !important; width:258px !important; font-family:arial; position:relative;}
div#prodDetailsContainer .description .price .l { position:absolute; left:0px;}
div#prodDetailsContainer .description .price .r { position:absolute; right:0px;}

div#searchContainer { padding:20px 20px 0px 30px; color:#2a0f48; font-size:14px; font-weight:bold;}
div#searchContainer * { padding:0px; margin:0px; white-space:nowrap;}
div#searchContainer input { width:120px; height:25px; line-height:25px; font-size:16px; border:0px none; color:#896fa6;}