@charset "utf-8";
 @import url("help.inc.css");
#helpBarSliver { top: 64px; }
#helpBarFrame { top: 64px; }
#naviBox { float: left; width: 247px; padding-left: 10px; position: relative; top: 0; }
#naviBox h3 { font-size: 16px; padding: 8px; font-weight: bold; }
#naviBox h4 { margin: 6px 0 4px; padding: 1px 0; line-height: 150%; color: #113d6a; }
#naviBox ul { overflow: hidden; line-height: 150%; }
#naviBox label { vertical-align: middle; }
#naviBox input { vertical-align: middle; }
#naviBox select { height: 20px; vertical-align: middle; border: 1px solid #7f9db9; }
#naviBox select, #naviBox select option { font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#naviBox .gray { background: #f8f8f8; }
#naviBox .box { border: 1px solid #eaeaea; padding-bottom: 6px; }
#naviBox .ceil { clear: both; overflow: hidden; height: 100%; padding: 0 0 8px 5px; }
#naviBox .ceil .cat, #naviBox .ceil .keco { padding-left: 0; }
#naviBox .ceil .keco li { float: left; width: 120px; }
#keywords { width: 99px; margin-right: 16px; height: 16px; line-height: 16px; border: 1px solid #7f9db9; }
#naviBox .ceil .cat li { float: left; width: 80px; }
#naviBox .ceil .subcat { float: left; width: 80px; padding-left: 0; }
#naviBox .ceil p { padding: 3px 0 3px 5px; line-height: 150%; }
#naviBox .ceil p em { display: inline-table; width: 38px; }
#naviBox .ceil p select { width: 148px; }
#naviBox .showAll { cursor: pointer; height: 26px; margin: 10px 0 0 5px; }
#naviBox .reset { vertical-align: top; margin: 12px 0 0 8px; font-family: 'Arial', 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#naviBox .optin { text-align: center; padding: 10px 0 5px; background: #eee; margin: 5px 0; line-height: 150%; }
#naviBox .optin p { padding-bottom: 5px; }
#cataBox { float: right; width: 680px; }
.container {  zoom: 1;}
.container h2 { color: #88be7e; font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; padding: 15px 0 15px 30px; }
.container h1{ color: #88be7e; font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; padding: 15px 0 15px 30px; }
.container .men { height: 80px; background: url("../img/catelog/banner_mens_glasses.gif") no-repeat; margin-bottom: 15px; }
.container .women { height: 80px; background: url("../img/catelog/banner_womens_glasses.gif") no-repeat; margin-bottom: 15px; }
.container .fashion { height: 127px; background: url("../img/catelog/banner_fashion_glasses.gif") no-repeat; margin-bottom: 15px; }
.container .rimless { height: 127px; background: url("../img/catelog/banner_rimless_glasses.gif") no-repeat; margin-bottom: 15px; }
.container .designer { height: 127px; background: url("../img/catelog/banner_designer_glasses.gif") no-repeat; margin-bottom: 15px; }
.container .bifocal { height: 127px; background: url("../img/catelog/banner_bifocal_glasses.gif") no-repeat; margin-bottom: 15px; }
.container .sunglasses { height: 127px; background: url("../img/catelog/banner_sunglasses.gif") no-repeat; margin-bottom: 15px; }
#cataBox .pdes { color: #dadada; line-height: 150%; padding: 0 20px; margin-top:5px; }
#mainBox { float: right; width: 680px; padding-right: 5px; }
#mainBox .pager { clear: both; margin: 0 12px; overflow: hidden; }
#mainBox .pager .tuijianDIV { padding-bottom:20px;height:140px }
#mainBox .pager .tuijianDIV .titleH { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; }
#mainBox .pager .tuijianDIV .productTuiDiv { border-right: gray 1px dotted; border-top: gray 1px dotted; float: left; margin-left: 9px; border-left: gray 1px dotted; width: 150px; cursor: hand; border-bottom: gray 1px dotted; position: relative; height: 120px; text-align: center; }
#mainBox .pager .tuijianDIV .productTuiDiv .spanContent { display: block; width: 150px; position: absolute; top: 80px; }
#mainBox .pager .tuijianDIV .productTuiDiv img { width: 150px; }
#mainBox .ppage { float: left; margin-top:3px; }
#mainBox .rpage { margin-top:3px; }
#mainBox .rpage .viewby, #mainBox .ppage span, #mainBox .ppage a { display: inline-block; background: #ddd; font-size: 11px; line-height: 150%; margin: 2px 1px; padding: 0 5px; cursor: pointer; vertical-align: middle; }
#mainBox .rpage .viewby:hover, #mainBox .ppage a:hover { background: #f60; color: #fff; font-weight: bold; }
#mainBox .ppage span, #mainBox .rpage .curr { background: #aaa; color: #fff; font-weight: bold; }
#mainBox .rpage { float: right; vertical-align: middle; }
#mainBox .rpage .viewImg { margin-left: 5px; vertical-align: middle; }
#mainBox .rpage select { width: 210px; color: #666; margin-left: 5px; vertical-align: middle; }
#mainBox .rpage .viewImg { cursor: pointer; }
#mainBox ul { padding: 10px 10px 10px 10px; clear: both; overflow: hidden; zoom: 1; }
#mainBox ul li { float: left; width: 212px; /*height: 280px; */
        margin: 3px; padding: 6px 0; border: 1px dotted #999; position: relative; text-align: center; }
.productListULi { height:225px; }
#mainBox ul li p { line-height: 150%; }
#mainBox ul li .gray { color: #888; }
#mainBox ul li p .fixpng2 { width: 200px;/*height: 140px; */
}
#mainBox ul li .compare { margin-top: 5px; }
#mainBox ul li .compare a { text-decoration: underline; vertical-align: top; }
#mainBox ul li .diamond { position: absolute; left: 8px; top: 8px; }
#mainBox ul li .reduce { position: absolute; left: 0; top: 0; }
#mainBox ul li .video { position: absolute; right: 8px; top: 140px; }
#mainBox ul li .new { position: absolute; right: 8px; top: 8px; }
/** No Result **/
#mainBox .noresult { margin: 0 25px; }
#mainBox .noresult p { padding: 10px 0; }
#mainBox .noresult h4 { font-style: italic; }
#mainBox .noresult ul { padding: 0; line-height: 150%; }
#mainBox .noresult ul li { margin: 0; padding: 0; border: none; width: 185px; padding-right: 25px; }
#mainBox .noresult ul li a { background: url("images/gray_arrow.gif") no-repeat left 7px; padding-left: 13px; float: left; }
#mainBox .noresult ul li a:hover { background-image: url("images/red_arrow.gif"); }
#mainBox .noresult .title { font-size: 22px; padding-bottom: 10px; }
#mainBox .noresult .mean a { font-weight: bold; text-decoration: underline; font-style: italic; font-size: 14px; }
#mainBox .noresult .hr { border-top: 1px dotted #999; }
#mainBox .noresult .nframe { float: left; width: 420px; }
#mainBox .nprice { float: left; width: 150px; }
#mainBox .noresult .nframe ul li, #mainBox .nprice ul li { height:18px; }
.other { float:right; margin-right:15px; }
.emstyle { float:left; }


.ProL_SelTable{width:98%;margin-bottom:5px}
.ProL_SelTable th{text-align:right;width:45px;padding:0 4px 0 0;border-bottom:1px solid #eee;font-size:11px}
.ProL_SelTable td{border-bottom:1px solid #eee}
.ProL_SelTable .Down{background:#084284;color:#fff;display:inline-block;padding:0 2px}