@charset "utf-8";

/* BGN new content */
.site_main_wapper {
        overflow: hidden;
        position: relative;
        zoom: 1;
}
.site_main_shadow{ position:absolute; width:1002px; top:0; left:0; height:330px;/*background:url(images/site_main_bg.jpg) center top  no-repeat;*/}
.site_container{ margin:0 7px; overflow: hidden; position: relative; zoom: 1; background:url(images/site_content_bg.png) top repeat-x #FFF;
background-color:#FFFFFF; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6;}

.sidebar_wapper{width:175px; float:left; padding-top:3px;}
.container_wapper{width:811px; overflow:hidden; float:right; }

.main_banner{width:622px; float:right; padding-left:0px; position:relative; z-index:66; margin-bottom:0px;}
.site_side_right{ float:right; width:183px; height:240px; padding-top:2px; background:url(images/site_cr_top.png) top center no-repeat;}
.site_side_right h3.sr_title{height:25px; overflow:hidden; margin-top:3px; text-align:left; clear:both;}
.site_side_right ul.sr_list{overflow:hidden; padding:5px 8px; margin-top:4px; zoom:1; }
.site_side_right ul.sr_list li{padding-left:10px;  float:left; width:160px; display:inline; background:url(images/site_star_icon.gif) left center no-repeat; height:20px; line-height:20px; color:#4d5155; }
.site_side_right ul.sr_listb{ margin-top:0px;}
.site_side_right ul.sr_listb li{height:16px; line-height:16px;}

.site_side_Itry{float:right; width:183px; height:240px; overflow:hidden;}


.main_search_wapper{width:100%; clear:both; padding-top:15px; background:url(images/site_search_tbg.png) top center no-repeat; overflow:hidden; color:#424b50; margin-bottom:0px;}
.main_search_wapper .sortBy{ padding:2px 20px 0; float:left; background:none; font-size:12px; height:30px;}
.main_search_wapper .sortBy a{color:#424b50; font-weight:bold; font-size:14px; margin:0px 3px;}
.main_search_wapper .search_wapper{width:300px; float:left;}
.main_search_wapper .search_wapper label{ font-size:14px; font-weight:bold; margin-right:3px; float:left; vertical-align:middle; line-height:20px;}
.main_search_wapper .search_wapper input{ vertical-align:middle; border:1px solid #a1a1a1; margin:0; padding:0; float:left;}
.main_search_wapper .search_wapper .keywords{height:18px; line-height:18px; width:130px; padding-left:2px; border-right:none; color:#999; }
.main_search_wapper .search_wapper .btnSubmit{height:20px; width:19px; border-left:none; text-indent:-888px; overflow:hidden; cursor:pointer; background:url(images/site_search_icon.png); }


.bogo_side_right{ float:right; width:183px; height:337px; padding-top:2px; background:url(images/bogo_right_bg.jpg) top center no-repeat;}
.bogo_side_right h3.sr_title{height:25px; overflow:hidden; margin-top:3px; text-align:left; clear:both;}
.bogo_side_right ul.sr_list{overflow:hidden; padding:5px 8px; margin-top:16px; zoom:1; }
.bogo_side_right ul.sr_list li{padding-left:10px;  float:left; width:160px; display:inline; background:url(images/site_star_icon.gif) left center no-repeat; height:25px; line-height:25px; color:#4d5155; }
.bogo_side_right ul.sr_listb{ margin-top:30px;}
.bogo_side_right ul.sr_listb li{height:23px; line-height:23px;}

.main_banner .bogo_tc{position:absolute; width:132px; height:19px; bottom:25px; cursor:pointer; left:30px; z-index:68;}
.main_banner .bogo_tc strong{color:#353535; font-style:italic; text-decoration:underline;}
.main_banner .bogo_tc_wapper{position:absolute; width:538px; height:378px; padding:30px 40px; background:url(images/bogo_tc_bg.png) left center no-repeat; top:-185px; left:115px; z-index:70; cursor:default; display:none;}
.main_banner .bogo_tc_wapper .bogo_tc_close{position:absolute; width:50px; line-height:50px; height:50px; background:url(images/show_close_bg.png) center no-repeat; cursor:pointer; right:0px; top:0px; overflow:hidden; text-indent:-555px; display:block;}
.main_banner .bogo_tc_wapper dl{ padding:10px 30px;}
.main_banner .bogo_tc_wapper dt{font-size:40px; color:#c0c0c0; font-style:italic; font-weight:bold; margin:10px 0;}
.main_banner .bogo_tc_wapper dd{ padding-left:10px; font-size:16px; font-weight:bold; line-height:30px;  background:url(images/bogo_tc_list.gif) left 11px no-repeat; color:#425886;}

.main_banner .bogo_btn_st{position:absolute; width:152px; height:28px; right:10px; bottom:9px; z-index:67;}

.main_banner .bogo_time_left{position:absolute; top:294px; left:206px; width:250px; height:45px;}
.main_banner .bogo_time_left span{
	position: absolute;
	top: 0px;
	left:0;
	color: #333;
	font-size:28px;
	font-weight: bold;
	}
.main_banner .bogo_time_left .cd_0{left:10px;}
.main_banner .bogo_time_left .cd_1{left:27px;}
.main_banner .bogo_time_left .cd_2{left:67px; }
.main_banner .bogo_time_left .cd_3{left:83px;}
.main_banner .bogo_time_left .cd_4{left:122px;}
.main_banner .bogo_time_left .cd_5{left:138px;}
.main_banner .bogo_time_left .cd_6{left:178px;}
.main_banner .bogo_time_left .cd_7{left:194px;}


/* END new content */

.container {
        padding: 10px 0;
}
.cat {
        float: left;
        width: 194px;
        clear: both;
        padding-left: 20px;
}
.cat h2 {
        font-size: 14px;
        font-weight: bold;
        color: #a1a1a1;
        padding: 0 0 5px 10px;
}
.cat dt {
        height: 25px;
        line-height: 25px;
        font-weight: bold;
        background: url(images/cat.gif) no-repeat;
        padding-left: 12px;
        color: #000;
        margin: 8px 0;
}
.cat .cat_first {
        margin-top: 0;
}
.cat dd {
        padding-left: 5px;
}


/* bgn navSidebar */
#navSidebar{
	width:174px;
	border-right:1px solid #d9ddde;
	padding-top:8px;

	}
#navSidebar .ceil{
	clear: both;
	height: 100%;
	overflow: hidden;
	padding: 0 0 8px 5px;
	border-bottom:1px solid #ced7dc;
	}
#navSidebar h4{
	color: #414b4f;
	line-height: 150%;
	margin: 6px 0 0px;
	padding: 1px 0;
	text-indent:10px;
	font-size:12px;
	position:relative;
	}

#navSidebar a{color:#444; display:block; position:relative;}
#navSidebar a sup{
	color: #FF0000;
	font-family: Arial;
	font-size: 9px;
	padding-left: 2px;
}
#navSidebar span.female{
	background:url(images/menu_gender_bg.png) -4px -8px no-repeat;
	display: inline-block;
	height: 20px;
	margin: 0 3px 0 0;
	overflow: hidden;
	padding-left: 20px;
	vertical-align: middle;
	width: 0;
}
#navSidebar span.male{
	background:url(images/menu_gender_bg.png) -4px -57px no-repeat;
	display: inline-block;
	height: 20px;
	margin: 0 3px 0 2px;
	overflow: hidden;
	padding-left: 20px;
	vertical-align: middle;
	width: 0;
}
#navSidebar .ceil ul{
	line-height: 150%;
	}
#navSidebar .ceil li{
	position:relative;
	padding:1px 5px 1px 10px;
	line-height:20px;
	text-indent:20px;
	background:url(images/menu_input_bg.png) 10px 1px no-repeat;
	}
#navSidebar .ceil li.current{ background-position:10px -37px;}


#navSidebar li.slide{padding-top:0px; height:25px; padding-bottom:3px; background:url(images/menu_price_bg.png) 14px bottom no-repeat;}
#navSidebar li.slide a{
	left:20px;
	top:18px;
	position:absolute;
	width:13px;
	height:13px;
	text-indent:-888px;
	overflow:hidden;
	cursor:pointer;
	background:url(images/menu_input_bg.png) -3px -86px no-repeat;
	}

.slide_rang div{
	position:relative;
	height:4px;
	width:120px;
	font-size:1px;
	left:15px;
	background:url(images/menu_price.png) left bottom no-repeat;
	}
.slide_rang div span{
	height:9px;
	width:16px;
	display:block;
	text-indent: -888px;
	overflow: hidden;
	position:absolute;
	top:-3px;
	cursor: pointer;
	}

#navSidebar li.price_list{
	background:none;
	text-indent:0;
	height:40px;
	overflow:hidden;
	padding:8px 5px 8px 15px;
	}
#navSidebar li.price_list a{
	display:block;
	float:left;
	width:42px;
	float:left;
	height:20px;
	line-height:20px;
	margin-left:1px;
	margin-top:2px;
	text-decoration:underline;
	}
#navSidebar li.price_list a.active{
	font-weight:bold;
	color:#084482;
	text-decoration:none;
	}

.slide_rang div span.oncurt{background:url(images/menu_price.png) -1px top no-repeat;}
.slide_rang div span.oncurt1{background-position:-20px top;}
.slide_rang div span.oncurt2{background-position:-39px top;}

#navSidebar li.menu_price{ padding-left:0; text-indent:0;}
#navSidebar li.menu_price span.numPrice{display:block; height:20px;}
#navSidebar li.menu_price span.numPrice b{position:absolute; top:0px;}
#navSidebar li.menu_price span.numPrice b.minPrice{left:13px;}
#navSidebar li.menu_price span.numPrice b.maxPrice{right:20px;}

#navSidebar li.slide span{position:absolute; text-indent:0; line-height:130%;}
#navSidebar li.slide span.sSize{ left:17px;}
#navSidebar li.slide span.mSize{ left:66px;}
#navSidebar li.slide span.lSize{ left:117px;}
#navSidebar li.slide a.sSize{left:15px; }
#navSidebar li.slide a.mSize{ left:65px }
#navSidebar li.slide a.lSize{ left:115px;}

#navSidebar h6{ font-size:11px; text-indent:15px; font-weight:normal;}
#navSidebar h6.mtsp{ margin-top:5px;}
#navSidebar ul.sizeSecect{ margin-top:-3px; padding-bottom:2px;}
#navSidebar ul.sizeSecect li{background:none; text-indent:5px; margin-top:6px;}
#navSidebar ul.sizeSecect select{width:123px; color:#444;}

#navSidebar ul.shapes a{background:url(images/menu_shapes_bg.png) 13px -4px no-repeat; padding-left:58px; overflow:hidden;}
#navSidebar ul.shapes a.shp_01{ background-position:12px -4px;}
#navSidebar ul.shapes a.shp_02{ background-position:12px -27px;}
#navSidebar ul.shapes a.shp_03{ background-position:12px -47px;}
#navSidebar ul.shapes a.shp_04{ background-position:12px -69px;}
#navSidebar ul.shapes a.shp_05{ background-position:12px -93px;}

#navSidebar ul.frame a{background:url(images/menu_frame_bg.png) 10px -4px no-repeat; padding-left:58px; overflow:hidden;}
#navSidebar ul.frame a.frame_01{ background-position:17px -4px;}
#navSidebar ul.frame a.frame_02{ background-position:17px -27px;}
#navSidebar ul.frame a.frame_03{ background-position:17px -49px;}


#navSidebar li.menuSelect{ background:none; text-indent:5px;}
#navSidebar li.menuSelect select{width:123px;}


#navSidebar li.sp_deals_01{
	margin-top:5px;
	background:url(images/menu_top_icon.png) 5px 2px no-repeat;
	text-indent:16px;
	}
#navSidebar li.sp_deals_02 {background:none; text-indent:16px;}
#navSidebar li.sp_deals_02 strong{color:#d03101;}
#navSidebar .btnEyeTry {margin:0 0 -6px;}
/* end navSidebar */


.cat_feeds {
	clear:both;
	overflow:hidden;
        height: 86px;
        background: url(images/index_feeds.png) no-repeat;
        margin: 15px 0 8px;
}
.cat_feeds h3 {
        font-size: 14px;
        font-weight: bold;
        color: #7a9cd3;
        padding: 6px 13px;
}
.cat_feeds ul {
        font-size: 10px;
        color: #49494a;
        padding-left: 8px;
}
.cat_feeds li {
        float: left;
        width: 50px;
        text-align: center;
}
.cat_feeds a {
        padding-top: 38px;
        text-decoration: none;
        display: block;
        color: #49494a;
}
.cat_newsletter {
        width: 172px;
        height: 98px;
        background: url(images/index_newsletter.png) no-repeat;
        margin: 8px 0 15px;
}
.cat_newsletter h3 {
        font-size: 14px;
        font-weight: bold;
        color: #ff5300;
        padding: 10px 3px 3px;
}
.cat_newsletter p {
        font-size: 11px;
        font-weight: bold;
        color: #454545;
        padding: 3px;
}
#newEmail {
        display: block;
        border: 1px solid #b2b2b2;
        margin: 0 0 5px 3px;
        padding: 1px 0 1px 3px;
        vertical-align: middle;
        color: #484848;
        width: 160px;
}
#subscription {
        border: 1px solid #bbb;
        background: #ff6112;
        color: #fff;
        margin-left: 60px;
}
.cat_fb_like{ margin-top:5px;}
.cat_fb_like iframe {
        width: 172px;
        height: 30px;
}

.subNav {
        padding: 0 20px;
        margin-bottom: 15px;
        padding-left: 75px;
}
.subNav li {
        float: left;
        padding: 0 11px;
        border-right: 1px solid #e5e5e5;
}
.subNav a:hover {
        text-decoration: underline;
}
.subNav .last {
        border: 0;
        padding: 0 0 0 12px;
}
.subnavlist {
        cursor: pointer;
        position: relative;
        z-index: 1;
}
.subnavlist ul {
        background: #fff;
        position: absolute;
        top: 15px;
        left: -1px;
        padding: 10px 15px 0 10px;
        display: none;
        border-left: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        white-space: nowrap;
        -moz-border-radius-bottomleft: 5px;
}
.subnavlist li {
        float: none;
        height: 24px;
        padding: 0 5px;
        margin: 0;
        border: 0;
}

.banner {
        float: left;
        width: 577px;
        position: relative;
        margin-bottom: 15px;
}
.banner_free {
        font-size: 12px;
        font-weight: bold;
        background: #7bd7ff;
        color: #233f6e;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
}
.banner_free li {
        float: left;
        width: 190px;
        text-align: center;
}
.banner_main {
        margin: 0px 0px 5px;
        height: 240px;
}
.banner_bnts {
        padding: 3px 5px;
        overflow: hidden;
        zoom: 1;
	position:absolute;
	z-index:50;
	right:10px;
	bottom:5px;
}
.banner_bnts_lft {
        float: left;
        width: 23px;
        cursor: pointer;
}
.banner_bnts_mid {
        float: left;
        margin-left: 13px;
        line-height: 20px;
}
.banner_bnts_mid li {
        float: left;
        text-align: center;
        cursor: pointer;
	margin-right:3px;
	background:#000;
	color:#e56d21;
	padding:0 6px;
}
.banner_bnts_mid_hover {
        color: #e56d21;
        background: #f4f4f4;
        font-weight: bold;
}

.banner_bnts_rgt {
        float: right;
        width: 23px;
        cursor: pointer;
}
.banner_ppc {
        position: absolute;
        top: 268px;
        left: 45px;
        color: #446294;
        display: none;
}
.banner_ppc input[type=text] {
        border: 1px solid #cedae0;
        color: #6c6c6c;
        height: 19px;
        line-height: 21px;
        vertical-align: top;
        width: 172px;
        padding-left: 2px;
}
.banner_ppc input[type=image] {
        vertical-align: top;
        margin-left: -3px;
}
.banner_ppc span {
        vertical-align: top;
        line-height: 23px;
}
.banner_newVisit {
	position: absolute;
	top: 220px;
	left: 0px;
	color: #446294;
	display: none;
}
.banner_newVisit input.nv_input{
        border:1px solid #aa9d8c;
        color: #6c6c6c;
        height: 16px;
        line-height: 16px;
        vertical-align: top;
        width: 187px;
        padding-left: 2px;
}
.banner_newVisit input[type=image] {
	margin-left: -3px;
	vertical-align:middle;
}
.banner_coupon_m {
        position: absolute;
        top: 219px;
        left: 415px;
	color:#362b2b;
}

.banner_coupon_f {
	position: absolute;
	top: 280px;
	left: 496px;
	color:#625038;
	padding:0px 5px;
	font-weight:bold;
	display: none;
}
.banner_coupon_3 {
	position: absolute;
	padding: 0 5px;
	display: none;
}
.banner_sunclear {
        position: absolute;
        padding: 0 5px;
        top: 245px;
        left: 488px;
        display: none;
}
.side {
        float: right;
        width: 164px;
        padding-right: 25px;
        text-align: center;
}
#bar_order_tracking {
	height: 77px;
	padding: 2px 0 6px;
}
.side p {
        color: #f18607;
        font-size: 12px;
        font-weight: bold;
        padding-top: 5px;
}
.side ul {
       height: 100px;
       background: url(images/index_side_save.png) no-repeat;
       text-align: left;
       padding: 5px;
       line-height: 140%;
       color: #4e3c32;
}
.side .ship {
        font-size: 1.1em;
        color: #476597;
}

.frames {
        float: right;
        width: 761px;
        overflow: hidden;
        zoom: 1;
        padding-right: 25px;
        margin-bottom: 15px;
}
.frames h3 {
        float: left;
        padding-left: 18px;
        font-size: 16px;
        font-weight: bold;
        width: 300px;
}
.frames .tip1 {
        float: right;
        width: 300px;
        font-size: 10px;
        text-align: right;
        padding-right: 20px;
}
.frames .lft {
        clear: both;
        float: left;
        width: 9px;
        height: 15px;
        background: url(images/index_btn_scroll.png) 0 15px no-repeat;
        margin: 58px 6px 0 3px;
        cursor: pointer;
}
.frames .lst {
        float: left;
        overflow: hidden;
        width: 728px;
        height: 130px;
        position: relative;
}
.frames .lst ul {
        position: absolute;
        left: 0;
}
.frames .rgt {
        float: right;
        width: 9px;
        height: 15px;
        background: url(images/index_btn_scroll.png) -9px 0 no-repeat;
        margin: 58px 4px 0 0;
        cursor: pointer;
}
.frames li {
        float: left;
        width: 175px;
        height: 128px;
        margin-right: 5px;
        border: 1px dotted #818181;
        background: #fff;
        position: relative;
        overflow: hidden;
}
.frames .img {
        position: absolute;
        top: -15px;
}
.frames .title {
        color: #666;
        text-align: center;
        position: absolute;
        top: 88px;
        font-weight: bold;
        width: 175px;
}
.frames .title span {
        font-size: 16px;
}
.frames .retail {
        font-size: 10px;
        color: #666;
        text-align: center;
        top: 110px;
        position: absolute;
        width: 175px;
}
.frames .tip2 {
        clear: both;
        float: right;
        width: 300px;
        font-size: 10px;
        text-align: right;
        padding-right: 20px;
}

.frames_top {
        margin-top: 10px;
        height: 176px;
       /* background: url(images/index_frames_top.png) no-repeat;*/
}
.frames_top h3 {
        color: #49689a;
        line-height: 30px;
}
.frames_top h3 a {
        padding-right: 25px;
	background: url(images/index_frames_bot_h3.png) right no-repeat;
       /* background: url(images/index_frames_top_h3.png) right no-repeat;*/
}
.frames_top .tip1 {
        color: #666;
        line-height: 30px;
}
.frames_top .title span {
        color: #369;
}
.frames_top .tip2 {
        color: #369;
}

.frames_mid {
        height: 176px;
       /* background: url(images/index_frames_mid.png) no-repeat;*/
}
.frames_mid h3 {
        color: #ff5f00;
        line-height: 30px;
}
.frames_mid h3 a {
        padding-right: 25px;
	background: url(images/index_frames_bot_h3.png) right no-repeat;
       /* background: url(images/index_frames_mid_h3.png) right no-repeat;*/
}
.frames_mid .tip1 {
        color: #666;
        line-height: 30px;
}
.frames_mid .title span {
        color: #f60;
}
.frames_mid .tip2 {
        color: #fff;
}

.frames_bot {
        height: 170px;
       /* background: url(images/index_frames_bot.png) no-repeat;*/
}
.frames_bot h3 {
        color: #264c88;
        line-height: 24px;
}
.frames_bot h3 a {
        padding-right: 25px;
        background: url(images/index_frames_bot_h3.png) right no-repeat;
}
.frames_bot .tip1 {
        color: #666;
        line-height: 24px;
}
.frames_bot .title span {
        color: #f60;
}
.frames_bot .tip2 {
        color: #369;
}

/* BGN new frames*/
.framesBox{
	position:relative;
	float: right;
        width: 761px;
        overflow: hidden;
        zoom: 1;
        padding-right: 25px;
        margin-bottom: 15px;
	}
a.index_more{position:absolute; right:12px; top:70px; display:block; width:19px; height:52px; overflow:hidden; text-indent:-888px; background:url(images/index_arrow_more.png) left 8px no-repeat;}
a.index_more:hover{background:url(images/index_arrow_more.png) left -57px no-repeat;}
a.more2{top:306px;}
a.more3{top:540px;}

.framesBox h3{font-size:18px; color:#888888; }

.framesBox ul {
        padding:0 0 10px;
        clear: both;
        overflow: hidden;
        zoom: 1;
}
.framesBox ul li {
        float: left;
        width: 242px;
        height: 216px;
        margin: 0px 1px;
        padding: 6px 0;
        border: 3px solid #FFF;
        position: relative;
        text-align: center;
}

.framesBox ul li a.btnEyeTry {
	display:none;
	position:absolute;
	top:0px;
	right:12px;
	width:66px;
	height:27px;
	text-indent:-888px;
	overflow:hidden;
	background:url(images/btns_item_on.gif) -1px center no-repeat;
	}
.framesBox ul li a.btnSelectLens {
	display:none;
	position:absolute;
	bottom:0px;
	right:12px;
	width:108px;
	height:27px;
	text-indent:-888px;
	overflow:hidden;
	background:url(images/btns_item_on.gif) -72px center no-repeat;}

.framesBox ul li a.btnBuyNow {
	display:none;
	position:absolute;
	bottom:0px;
	right:12px;
	width:78px;
	height:25px;
	text-indent:-888px;
	overflow:hidden;
	background:url(images/btns_item_on.gif) -262px -2px no-repeat;}
.framesBox ul li a.btnDetailes{
	position:absolute;
	background:url(images/btns_item_on.gif) -183px center no-repeat;
	display:none;
	width:66px;
	height:27px;
	bottom:0px;
	left:12px;
	overflow:hidden;
	text-indent:-888px;
	}

/* BGN RX sunglasses*/
.framesBox ul li div.btnSun{width:242px; display:none; position:absolute; bottom:0px; left:0px; height:27px; float:left;}
.framesBox ul li div.btnSun a{height:27px; display:block; background:url(images/btn_items_aabs.gif) no-repeat; text-indent:-888px; overflow:hidden;}
.framesBox ul li div.btnSun a.btnDtSun{
	float:left;
	margin-left:3px!important;
	margin-left:2px;
	width:58px;
	background-position:0px -123px;
	}

.framesBox ul li div.btnSun a.btnAlSun{
	float:left;
	margin-left:3px!important;
	margin-left:2px;
	width:91px;
	background-position:0px 0px;
	}
.framesBox ul li div.btnSun a.btnSlSun{
	float:right;
	margin-right:3px;
	width:80px;
	background-position:0px -94px;
	}
.framesBox ul li div.btnSun a.btnBnSun{
	float:right;
	margin-right:3px;
	width:80px;
	margin-left:3px;
	background-position:0px -63px;
	}
.framesBox ul li div.btnSun a.btnAtcSun{
	float:right;
	margin-right:3px;
	width:80px;
	background-position:0px -31px;
	}

/* END RX sunglasses*/

.framesBox ul li .lens_size{
	display:none;
	position:absolute;
	top:7px;
	left:5px;
	width:160px;
	height:50px;
	text-align:left;
	font-size:10px;
	-webkit-text-size-adjust:none;
	}
.framesBox ul li .lens_available{
	float:left;
	width: 95px;
        color: #666;
	border-right:1px solid #c0c0c0;
	}

.framesBox li .lens_available .check {
	background:url(images/check.gif) 1px 1px no-repeat;
	padding-left:13px;
}
.framesBox li .lens_available .nocheck {
	background:url(images/check.gif) 1px -14px no-repeat;
	padding-left:13px;
}
.framesBox li .size{
	width:55px;
	float:left;
	padding-top:23px;
	padding-left:6px;
	}
.framesBox li div.size p{
	width:52px;
	height:20px;
	background:url(images/size.gif) -3px 0px no-repeat;
	overflow:hidden;
	}
.framesBox li div.size p.sSize{
	background-position: -3px 0px;
	}
.framesBox li div.size p.mSize{
	background-position: -3px -20px;

	}
.framesBox li div.size p.lSize{
	background-position: -3px -40px;
	}


.framesBox li .non_rx{
	position:absolute;
	display:block;
	left:5px;
	top:5px;
	color: #666;
	background:url(images/check.gif) 1px 1px no-repeat;
	padding-left:13px;
	z-index:210;
	}
.framesBox ul li div.compare{
	display:none;
	position:absolute;
	right:3px;
	top:35px;
	width: 75px;
	font-size: 10px;
	}

.framesBox li .compare p {
        color: #666;
        margin-bottom: 15px;
}
.framesBox li .compare a {
        text-decoration: underline;
        color: #666;

}
.framesBox li .compare input {
        padding: 0;
        margin: 0;
        vertical-align: middle;
}

.framesBox li .compare span.show{
	width:25px;
	height:20px;
	position:relative;
	overflow:hidden;
	display:block;
	text-indent:-888px;
	margin:5px 10px;
	cursor:pointer;
	float:right;
	background:url(images/icson_show.png) left top no-repeat;
	}


.framesBox li .brand{
	position:absolute;
	display:block;
	right:20px;
	top:20px;
	z-index:10;
	}

.framesBox li .onsale{
	position:absolute;
	display:block;
	left:20px;
	top:15px;
	z-index:210;
	}


.framesBox li.iehover{border:3px solid #cbcbcb;}
.framesBox ul li.iehover a.btnEyeTry, .framesBox ul li.iehover a.btnSelectLens, .framesBox ul li.iehover a.btnDetailes, .framesBox ul li.iehover a.btnBuyNow , .framesBox ul li.iehover .lens_size, .framesBox ul li.iehover .compare, .framesBox ul li.iehover .non_rx, .framesBox ul li.iehover div.btnSun{
	display:block;
	background-repeat:no-repeat;
	}

.framesBox ul li.iehover .brand, .framesBox ul li.iehover .onsale{ display:none;}

.framesBox ul li p.itempic{margin-top:20px;}
.framesBox ul li p.cp{font-size:14px; font-weight:bold; color:#62676b; margin-top:-10px; z-index:10; position: relative;}
.framesBox ul li p.cp strong{font-size:18px;  color:#fd6c00; vertical-align:middle;}
.framesBox ul li p.rp{color:#858585; text-decoration:line-through; width:230px; margin:0 auto; padding-bottom:30px; border-bottom:1px solid #cbcbcb;}

.framesBox ul li.iehover p.rp{ border-bottom:none;}
.framesBox ul li p {
        line-height: 150%;
}
.framesBox li .btns {
        margin: 7px 0;
}
.framesBox li .fhi {
        font-size: 10px;
        color: #666;
        font-family: Arial;
        margin-bottom: 3px;
}
.framesBox ul li .gray {
        color: #888;
}
.framesBox ul li p .fixpng2 {
        width: 200px;
        height: 140px;
}
.framesBox ul li .diamond {
        position: absolute;
        left: 8px;
        top: 8px;
}
.framesBox ul li .reduce {
        position: absolute;
        left: 5px;
        top: 36px;
}
.framesBox ul li .video {
        position: absolute;
        right: 8px;
        top: 140px;
}
.framesBox ul li .new {
        position: absolute;
        right: 8px;
        top: 8px;
}
/* END new frames*/

.wof {
        float: right;
        width: 761px;
        height: 157px;
        position: relative;
        padding: 5px 25px 0 0;
        margin-bottom: 20px;
}
.wof h3 {
        position: absolute;
        top: 16px;
        left: 545px;
}
.wof h3 a {
        font-size: 14px;
        color: #f50;
}

.btb {
        float: right;
        width: 761px;
        padding-right: 25px;
}
.btb_ebd {
        float: left;
        width: 336px;
        color: #666;
        background: #f5f5f5;
}
.btb_ebd h4 {
        font-size: 14px;
        color: #36c;
}
.btb_ebd .future {
        color: #1e60c1;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        font-style: italic;
        padding-left: 8px;
}
.btb_ebd .box {
        border: 1px solid #c9c9c9;
        border-top: none;
        padding: 5px 5px 4px;
        font-size: 11px;
}
.btb_ebd .poit {
        border: 1px solid #c9c9c9;
        background: #fff;
        padding: 3px 5px;
}
.btb_ebd .poit div {
        position: relative;
        overflow: hidden;
        height: 55px;
}
.btb_ebd .poit ul {
        position: absolute;
        top: 0;
}
.btb_ebd .poit li {
        height: 55px;
}
.btb_ebd span {
        color: #36c;
}
.btb_tts {
        float: left;
        width: 240px;
        border: 1px solid #e5e5e5;
        background: #f8f8f8;
        padding: 5px;
        margin: 12px;
}
.btb_tts h4 {
        font-size: 14px;
        color: #476597;
}
.btb_tts_content {
        float: left;
        width: 240px;
        height: 75px;
        overflow: hidden;
        position: relative;
}
.btb_tts_content ul {
        position: absolute;
        top: 0;
}
.btb_tts_content li {
        height: 75px;
        overflow: hidden;
}
.btb_tts_content .face {
        float: left;
        width: 78px;
        text-align: center;
        margin-right: 6px;
}
.btb_tts_content .text {
        float: left;
        width: 155px;
}
.btb_tts_content .text span {
        display: block;
}
.btb_biz {
        float: right;
        width: 125px;
        border: 1px solid #e5e5e5;
        background: #f8f8f8;
        padding: 14px 10px;
        margin-top: 12px;
}

.support {
        color: #5a5a5a;
        overflow: hidden;
        background: #e0e0e0;
	height:122px;
}
.support_payment {
        float: left;
        width: 557px;
        height: 72px;
        padding: 25px 0 25px 20px;
        background: url(images/index_support_line.png) #e0e0e0 right repeat-y;
}
.support_payment p {
        font-size: 14px;
        color: #5a5a5a;
        margin-bottom: 5px;
}
.support_security {
        float: right;
        width: 400px;
        padding: 15px 0;
        background: #e0e0e0;
}
.support_security p {
        font-size: 14px;
        color: #5a5a5a;
        float: left;
        width: 93px;
        line-height: 150%;
        padding-top: 25px;
}
.support_security div {
        float: left;
        width: 111px;
        height: 72px;
        text-align: center;
        padding: 10px 5px;
        margin-right: 20px;
        overflow: hidden;
}
.support_security .bbb {
        padding-top:  28px;
        height: 54px;
}


.guide_contact {
        float: left;
        color: #373737;
        width: 210px;
}
.guide_contact fieldset {
        border: 1px solid #666;
        line-height: 150%;
        margin-bottom: 10px;
        padding: 5px;
}
.guide_contact legend {
        font-size: 11px;
        color: #7d7d7d;
}
.guide_box {
        float: left;
        width: 185px;
}
.guide_box_customers {
        width: 160px;
        margin-left: 25px;
}
.guide_box_optics {
        width: 210px;
}
.guide_box_ebd {
        width: 160px;
}
.guide_box p {
        font-size: 14px;
        font-weight: bold;
        color: #369;
        padding: 8px 0;
}
.guide_box a {
        color: #333;
        line-height: 150%;
        cursor: pointer;
}
.guide_box a:hover {
        text-decoration: underline;
}



.catalog_cats {
        float: left;
        width: 280px;
}
.catalog_cats li {
        width: 138px;
        float: left;
        line-height: 150%;
}
.tagContent {
        display: none;
}
.tagsCloud {
        float: left;
        margin-left: 15px;
        width: 660px;
}
.tagsCloud a {
        text-decoration: underline;
}

.help {
        background: #666;
        padding:  8px 20px;
        overflow: hidden;
        zoom: 1;
}
.help a {
        color: #fff;
}
.help a:hover {
        text-decoration: underline;
}
.help ul {
        float: left;
        width: 580px;
        padding-left: 150px;
}
.help li {
        float: left;
        border-right: 1px solid #fff;
        text-align: center;
        padding: 0 10px;
}
.help .last {
        border: none;
}
.help p {
        float: right;
        text-align: right;
        color: #fff;
        width: 200px;
        font-weight: bold;
}

#videoLayer {
        border: 1px solid #aaa;
        padding: 10px;
        width: 560px;
        height: 375px;
        display: none;
        background: #fff;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
}
#videoLayer h2 {
        font-size: 1.4em;
        color: #333;
        border-bottom: 1px solid #ddd;
        line-height: 1.8em;
        margin-bottom: .2em;
}
#videoLayer .close {
        float: right;
        width: 0;
        padding-left: 14px;
        height: 14px;
        background: url(images/close_x.gif) no-repeat;
        overflow: hidden;
        margin-top: 3px;
}
.banner_bogof{ display:none;}
.banner_bogof span {
	position: absolute;
	top: 268px;
	color: #616161;
	font-size: 16px;
	font-weight: bold;
}
.banner_bogof .cd_1 {
	left: 55px;
}
.banner_bogof .cd_2 {
	left: 167px;
}
.banner_bogof .cd_3 {
	left: 178px;
}
.banner_bogof .cd_4 {
	left: 209px;
}
.banner_bogof .cd_5 {
	left: 220px;
}
.banner_bogof .cd_6 {
	left: 249px;
}
.banner_bogof .cd_7 {
	left: 260px;
}
.banner_bogof .lm {
	position: absolute;
	width: 177px;
	height: 39px;
	top: 264px;
	left: 0;
	display: block;
	float: left;
}
.banner_bogof .syf {
	position: absolute;
	width: 184px;
	height: 39px;
	top: 264px;
	left: 393px;
	display: block;
	float: right;
}

.aboutus {
	padding: 15px 20px;
	background: #f8f8f8;
	color: #333;
}
.aboutus h3 {
	margin-bottom: 5px;
}
.aboutus p {
	margin-bottom: 15px;
}

#customerGuide{
	clear: both;
        background: #f4f4f4;
        padding: 15px 0px 15px 20px;
        overflow: hidden;
        zoom: 1;
        margin-top: 10px;
	}
#customerGuide dt{
	font-size:11px;
	height: 25px;
        line-height: 25px;
        font-weight: bold;
        background: url(images/catalog.gif) no-repeat;
        padding-left: 10px;
        color: #000;
        margin:8px 0 10px;
	}
#customerGuide dd{
	padding:2px 25px 2px 5px;
	color:#999;
	}

#customerGuide div.catalog{
	width:364px;
	float:left;
	padding-left:10px;
	padding-bottom:20px;
	border-right:1px solid #CCC;
	}

#customerGuide  a{
	color:#333;
	text-decoration:none;
	line-height:130%;
	}
#customerGuide dd span{ color:#999; font-size:11px; margin-left:2px;}
#customerGuide  a:hover{color:#FF6C00; text-decoration:underline;}
#customerGuide dl{
	width:182px;
	float:left;
	}

#customerGuide div.guide {
	float:left;
	width:550px;
	padding-left:35px;
	border-left:1px solid #ffffff;
}


h4 ins {
	height: 14px;
	width: 0;
	display: inline-block;
	padding-left: 14px;
	background: url(images/help.gif) no-repeat;
	margin: 0 0 0 3px;
	cursor: help;
	overflow: hidden;
	vertical-align: middle;
}
.jcan-arrowTip {
	border: 1px solid #555;
	background: #ffe;
	padding: 6px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 12px;
	font-family: arial;
	width: 300px;
	color: #555;
	line-height: 1.5em;
	z-index: 1000;
}
.jcan-arrowTip b {
	padding-bottom: .4em;
	display: inline-block;
	color: #333;
}

/* show pic*/
#show_wraper{width:600px; height:400px;}
#show_pic{width:600px; height:400px; position:relative;}
#show_pic #close_pic{
	background: url(images/rp_login_closebtn.png) no-repeat;
	text-indent: -10000em;
	position: absolute;
	right:-20px;
	top:-20px;
	display:block;
	width:57px;
	height: 57px;
	overflow: hidden;
	cursor: pointer;}
#show_info{position:absolute; bottom:20px; right:20px; text-align:right;}

#show_pic #show_info p.cp{font-size:14px; font-weight:bold; color:#62676b; margin:10px 0; clear:both;}
#show_pic #show_info p.cp strong{font-size:18px;  color:#fd6c00; vertical-align:middle;}
#show_pic #show_info p.rp{color:#858585; text-decoration:line-through;}
#show_info .size{
	width:55px;
	float:right;
	padding-bottom:10px;
	}
#show_info .size p{
	width:52px;
	height:20px;
	background:url(images/size.gif) -3px 0px no-repeat;
	}
#show_info .size  p.sSize{
	width:52px;
	height:20px;
	background:url(images/size.gif) -3px 0px no-repeat;
	}
#show_info .size p.mSize{
	width:52px;
	height:20px;
	background:url(images/size.gif)  -3px -20px no-repeat;

	}
#show_info .size p.lSize{
	width:52px;
	height:20px;
	background:url(images/size.gif) -3px -40px no-repeat;
	}


#windownbg {
	width: 100%;
	display: none;
	background: #000; /*body-bg*/
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

#windown-box {
	border: 5px solid #444;
	background: #FFF;
	text-align: left;
	position: fixed;
	_position: absolute; /*For IE 6.0*/
}

#windown-title {
	position: relative;
	z-index:8888;
	height:0;
}

#windown-title h2 {
	color: #666;
	font-size: 14px;
	position: relative;
	left: 10px;
	display:none;
	top: 5px;
}

#windown-close {
	background: url(images/show_close_bg.png) no-repeat;
	position: absolute;
	right:-20px;
	top:-20px;
	display:block;
	width:50px;
	height: 50px;
	overflow: hidden;
	text-indent:-1100em;
	cursor:pointer;
}

#windown-content-border {
	position: relative;
}

#windown-content {
	text-align: center;
	position: relative;
	overflow: auto;
}

#windown-content .loading {
	margin-left: -8px;
	margin-top: -8px;
	position: absolute;
	left: 50%;
	top: 50%;
}
#windown-content .loading {
	margin-left: -8px;
	margin-top: -8px;
	position: absolute;
	left: 50%;
	top: 50%;
}

.wel_customer{ padding:20px 30px;}
.wel_customer h6{ font-size:22px; text-align:left;}
.wel_customer ul{ text-align:left; padding:20px;}
.wel_customer li{ padding:10px;}
.wel_customer li.wel_submit{ padding-left:150px;}
.wel_customer li.wel_submit input{ padding:5px 10px; font-size:14px; font-weight:bold;}