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




#tooltip { background:#fff; padding:10px; border:1px solid #e6e6e2; border-radius:3px; box-shadow:0 0 5px rgba(0,0,0,0.15); z-index:1000; font:11px/14px "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color:#000;}

/* CSS Document head */
#header { width:100%; display:block; clear:both; margin-bottom:10px;}
.htop { height:28px; background:#0063d1; display:block; clear:both;}
/*.htop { height:28px; background:#2c876f url(../images/head_bgline.png) repeat-x; display:block; clear:both;}*/
.htop .tbox { width:980px; height:28px; margin:0 auto;}
.htop .titlemessage{float:left;color:#FFFFFF;font-size:10px;font-weight:bold;line-height:24px;}
.htop ul { height:28px; background:url(../images/head_bgline.png) no-repeat 0 -111px; float:left; display:inline; padding-left:2px;}
.htop ul.right { float:right;}
.htop ul li { height:28px; overflow:hidden; background:url(../images/head_bgline.png) no-repeat 100% -111px; float:left; display:inline; font-weight:bold; font-size:10px; line-height:24px; color:#fff; padding:0 12px 0 10px; text-shadow:0 1px 0 rgba(0,0,0,0.5);}
.htop ul li a { font-size:10px; line-height:24px; color:#fff;}

.htop .raccount,.htop .rmessage { width:100px; overflow:visible; text-align:center; padding:0 2px 0 0; cursor:default; position:relative; z-index:700;}
.htop li .rb2 { display:none;}
.htop li:hover .rb2 { display:block;}
.htop .rb2 { min-width:101px; overflow:hidden; background:#fff; display:block; clear:both; padding:5px 0 10px 0; border:1px solid #36806e; border-radius:0 0 3px 3px; box-shadow:0 5px 10px rgba(0,0,0,0.25); position:absolute; top:27px; right:0; z-index:701;}
.htop .rb2 dd { overflow:hidden; display:block; clear:both; padding:0 10px;}
.htop .rb2 dd a { height:20px; overflow:hidden; float:right; color:#25745f; text-shadow:none; font-weight:normal; line-height:20px; white-space:nowrap;}

.hdown { width:980px; overflow:visible; display:block; clear:both; margin:0 auto;}
.hdown .for1 { width:100%; height:72px; float:left; padding:10px 0 0 0;}
.hdown .logo { height:80px; overflow:hidden; float:left;}
.hdown .fblike { width:100px; float:left; margin:20px 0 0 10px; position:relative; z-index:600;}
.hdown .contact { overflow:hidden; float:right;}
.hdown .contact li { overflow:hidden; display:block; clear:both; text-align:right;}
.hdown .contact .c1 { height:28px; line-height:28px; font-size:10px; white-space:nowrap;}
.hdown .contact .c1 strong { display:inline-block; padding-right:1px; font-size:18px; font-style:italic; color:#df742d; font-family: "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.hdown .contact .c2 { height:16px; line-height:16px; white-space:nowrap;}
.hdown .contact .c2 span { display:inline-block; color:#c6c6c6; padding:0 5px;}

.hdown .for2 { height:40px; background:#0063d1; display:block; clear:both; border-radius:3px;}
/*.hdown .for2 { height:40px; background:#2c876f url(../images/head_bgline.png) repeat-x 0 -70px; display:block; clear:both; border-radius:3px;}*/
.hdown .for2:hover { border-radius:3px 3px 0 0;}
.hdown .nav { float:left; position:relative; z-index:500;}
.hdown .nav li { float:left; display:inline;}
.hdown .nav li:hover { background:#4fa18c;}
/*.hdown .nav li:hover { background:#53aa94 url(../images/head_bgline.png) repeat-x 0 -29px;}*/
.hdown .nav li.nv1 { border-radius:3px 0 0 3px;}
.hdown .nav li .n1 { height:40px; overflow:hidden; background:url(../images/head_bgline.png) no-repeat 100% -111px; float:left; padding:0 12px; text-transform:uppercase; font-weight:bold; line-height:40px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,1);}

.hdown .nav li.nv6 .n1 { background:none;}
.hdown .nav li.nv6:hover .n1 { background:url(../images/head_bgline.png) no-repeat 100% -111px;}
.hdown .nav li.nv6 .hot { width:31px; height:21px; overflow:hidden; background:url(../images/hot.png) no-repeat; float:right; position:absolute; top:-8px; right:0; z-index:2;}

.hdown .nav li .subnav { display:none;}
.subnav { width:970px; overflow:hidden; background:#3c8473; float:left; padding:0px 5px 5px 5px; border-radius:0 0 5px 5px; box-shadow:0 12px 20px rgba(0,0,0,0.25); position:absolute; left:0; top:40px; z-index:501;}

.snbox { width:100%; overflow:hidden; background:#fff; display:block; clear:both; padding:15px 0; border-radius:2px; position:relative;}
.snbt { overflow:hidden; display:block; clear:both; font-size:14px; font-family:"Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-style:italic; padding:0 0 15px 20px;}
.sntype1 { overflow:hidden; float:left; display:inline; padding:0 15px 0 20px; border-right:1px dotted #ccc;}
.sntype1 dl,.sntype1 dl dt,.sntype1 dl dd { overflow:hidden; display:block; clear:both;}
.sntype1 dl { margin-bottom:10px;}
.sntype1 dl dt,.sntype1 dl dd { height:15px; padding-bottom:5px; font:bold 12px/15px "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.sntype1 dl dd { font-weight:normal; color:#808080; font-size:11px;}
.sntype1 dl dd a { font-family:"Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:11px;} 
.sntype1 dl .more { padding-top:10px;}
.sntype1 dl .more a { color:#000; text-transform:uppercase;}
.sntype1 dl .more a:hover { color:#df742d;}

.sntype1 dl dd .ti {}
.sntype1 dl dd .t1 { background:url(../images/FrameShapes/1.png) no-repeat 0 0px; float:left; padding:0 3px 0 42px; width: 42px;}
.sntype1 dl dd .t2 { background:url(../images/FrameShapes/2.png) no-repeat 0 0px; float:left; padding:0 3px 0 42px; width: 42px;}
.sntype1 dl dd .t3 { background:url(../images/FrameShapes/3.png) no-repeat 0 0px; float:left; padding:0 3px 0 42px; width: 42px;}
.sntype1 dl dd .t4 { background:url(../images/FrameShapes/4.png) no-repeat 0 0px; float:left; padding:0 3px 0 42px; width: 42px;}
.sntype1 dl dd .t5 { background:url(../images/FrameShapes/5.png) no-repeat 0 0px; float:left; padding:0 3px 0 42px; width: 42px;}
.sntype1 dl dd .t6 { background:url(../images/FrameShapes/6.png) no-repeat 0 0px; float:left; padding:0 3px 0 42px; width: 42px;}
.sntype1 dl dd .t7 { background:url(../images/FrameShapes/7.png) no-repeat 0 0px; float:left; padding:0 3px 0 42px; width: 42px;}
.sntype1 dl dd .t8 { background:url(../images/FrameShapes/8.png) no-repeat 0 0px; float:left; padding:0 3px 0 42px; width: 42px;}
.sntype1 dl dd .t9 { background:url(../images/FrameShapes/9.png) no-repeat 0 0px; float:left; padding:0 3px 0 42px; width: 42px;}
.sntype1 dl dd .t10 { background:url(../images/FrameShapes/10.png) no-repeat 0 0px; float:left; padding:0 3px 0 42px; width: 62px;}
.sntype1 dl dd .t11 { background:url(../images/FrameShapes/11.png) no-repeat 0 0px; float:left; padding:0 3px 0 42px; width: 42px;}

.sntype2 { overflow:hidden; display:block; clear:both; margin:0 20px 10px 20px; position:relative;}
.sntype2 table { position:relative; margin:0 0 0 -1px;}
.sntype2 table td { width:130px; height:83px; border-left:1px dotted #ccc; text-align:center; vertical-align:middle;}
.sntype2 table td img { width:100px;}

.sntype2 dl { width:605px; overflow:hidden; float:left;}
.sntype2 dl dd { width:80px; height:80px; overflow:hidden; float:left; display:inline; padding:0 20px; border-right:1px dotted #ccc;}

.sntype3 { overflow:hidden; float:left; display:inline;}
.st3left { width:280px; height:175px; float:left; padding:0 20px;}
.st3left dd { overflow:hidden; display:block; clear:both; text-align:center;}
.st3left .l1 { width:64px; height:30px; background:url(../images/head_tryon.png) no-repeat 0 -165px; margin:10px auto 5px auto;}
.st3left .l2,.st3left .l2 a { font:14px/1.6em Georgia; font-style:italic;}
.st3left .l2 { margin-bottom:8px;}
.st3left .l2 a:hover { color:#df742d;}
.st3left .l3 { height:62px; font:10px/12px "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color:#808080;}
.st3left .l4 .subut { width:100px; height:22px; font-size:10px; line-height:22px; float:none; margin:0 auto;}

.st3center { border-left:1px dotted #ccc;}
.st3center .l1 { background-position:0 -196px;}

.st3right { width:300px; float:right; padding:5px 20px 5px 0;}
.st3right dd { width:138px; height:78px; overflow:hidden; background:#fff; float:left; display:inline; border:1px dotted #ccc; border-radius:3px; margin:0 0 10px 10px;}
.st3right dd:hover { border:1px solid #d1d1d1;}
.st3right dd a { width:138px; height:78px; float:left;}
.st3right dd em { width:64px; height:32px; overflow:hidden; background:url(../images/head_tryon.png) no-repeat 0 -33px; display:block; clear:both; margin:15px auto 10px auto;}
.st3right dd span { overflow:hidden; display:block; clear:both; text-align:center; font-size:11px; font-family:"Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;; color:#808080;}
.st3right dd a:hover span { color:#df742d;}
.st3right .r3,.st3right .r4 { margin-bottom:0;}
.st3right .r2 em { background-position:0 -66px;}
.st3right .r3 em { background-position:0 -99px;}
.st3right .r4 em { background-position:0 -132px;}

.sntype4 { overflow:hidden; display:block; clear:both; padding:0 15px;}
.sntype4 dd { overflow:hidden; display:block; clear:both; text-align:center; text-transform:uppercase; font-size:9px; color:#808080;}
.sntype4 .ct1 { padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.sntype4 .ct1 strong { font:bold 15px/22px "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color:#df742d;}
.sntype4 .ct2 { float:none; overflow:hidden; display:block; clear:both; margin-bottom:10px;}
.sntype4 .ct3 { text-transform:none;}

.sntype5 { overflow:hidden; float:right; margin-right:20px;}
.sntype5 p { overflow:hidden; display:block; clear:both; text-align:right; font:26px/28px Georgia; color:#8b504a; font-style:italic;}
.sntype5 .r1 { margin-bottom:10px;}
.sntype5 .r3 { font:11px/20px Verdana; color:#000; font-style:normal;}
.sntype5 .r4 { font-weight:bold; margin-bottom:10px;}

.sntype6 { overflow:hidden; float:right; margin-right:20px;}
.sntype6 dt,.sntype6 dd { overflow:hidden; display:block; clear:both; text-align:right;}
.sntype6 dt { height:15px; font:bold 12px/15px "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-bottom:10px;}
.sntype6 dd { margin-bottom:3px; border-radius:3px;}

.hdown .cart .subnav { display:none;}
.hdown .cart .subnav { width:163px; background:#4fa18c; left:auto; right:0;}
.hdown .cart { float:right; background:#4fa18c; border-radius:0 4px 4px 0; position:relative; z-index:500;}
/*.hdown .cart { float:right; background:#53aa94 url(../images/head_bgline.png) repeat-x 0 -29px; border-radius:0 4px 4px 0; position:relative; z-index:500;}*/
.hdown .cart .c1 { height:40px; overflow:hidden; background:url(../images/head_bgline.png) no-repeat 0 -152px; float:left; padding:0 8px 0 14px; text-transform:uppercase; font-weight:bold; line-height:40px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,1);}
.hdown .cart .c2 { width:13px; height:13px; overflow:hidden; background:url(../images/head_part.png) no-repeat; float:left; margin:13px 12px 0 0;}

.hdown .for3 { height:58px; overflow:hidden; display:block; clear:both;}
.hdown .sg { float:left; margin-top:10px;}
.hdown .search { overflow:hidden; float:right; margin-top:15px;}
.hdown .search li { float:left; overflow:hidden;}
.hdown .search .s1,.hdown .search .s1 a { line-height:26px; font-family:"Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.hdown .search .s1 strong { font-weight:normal;}
.hdown .search .s2 { width:280px; height:26px; background:#fff; border:1px solid #dadada; border-radius:3px; margin-left:8px;}
.hdown .search .s2 input { float:left; border:none; background:none;}
.hdown .search .s2 input.sb1 { width:240px; height:26px; padding-left:5px; line-height:26px; font-size:11px;}
.hdown .search .s2 input.sb2 { width:16px; height:16px; overflow:hidden; background:url(../images/head_part.png) no-repeat 0 -14px; float:right; margin:5px; cursor:pointer;}

/* CSS Document main */
#mainer { width:980px; overflow:hidden; display:block; clear:both; margin:0 auto;}
.breadcrumbs { overflow:hidden; display:block; clear:both; font:12px/20px Georgia; font-style:italic; margin-bottom:10px; display:inline;}
.breadcrumbs strong { font-weight:normal;}
.breadcrumbs span { color:#c6c6c6; font-family:"Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding:0 5px;}

/* CSS Document foot */
#footer { width:980px; overflow:hidden; display:block; clear:both; margin:0 auto;}
#footer .fbox { overflow:hidden; display:block; clear:both; padding:30px 0;}
#footer .for1 { text-align:center; color:#ccc; padding:20px 0;}
#footer .for1 a { display:inline-block; margin:0 5px; color:#666;}
#footer .for1 a:hover { color:#df742d;}

#footer .for2 dl { width:20%; float:left; display:inline;}
#footer .for2 dl dt { line-height:20px; overflow:hidden; background:#2c876f; float:left; padding:0 8px; border-radius:2px; margin-bottom:8px; text-transform:uppercase; font-size:10px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5);}
#footer .for2 dl dd { overflow:hidden; display:block; clear:both; margin-bottom:4px;}
#footer .for2 dl dd a { line-height:16px; color:#666;}
#footer .for2 dl dd a:hover { color:#df742d;}

#footer .for3 { width:728px; padding:17px 0; margin:0 auto;}
#footer .for3 li { height:72px; overflow:hidden; background:url(../images/foot_part.png) no-repeat; float:left; display:inline; margin:0 5px; text-align:center; text-indent:120%;}
#footer .for3 li a { width:100%; height:100%; overflow:hidden; float:left;}
#footer .for3 .i1,#footer .for3 .i2,#footer .for3 .i3,#footer .for3 .i5 { width:126px; height:39px; margin:13px 5px 20px 5px; line-height:100px;}
#footer .for3 .i2 { width:139px; background-position:-127px 0;}
#footer .for3 .i3 { width:153px; background-position:-267px 0;}
#footer .for3 .i4 { width:100px; background:none; text-indent:0;}
#footer .for3 .i5 { width:153px; background-position:-421px 0;}

#footer .for4 { width:560px; padding-bottom:20px; margin:0 auto;}
#footer .for4 li,#footer .for4 li a { width:140px; height:80px; overflow:hidden; float:left; display:inline; cursor:pointer;}
#footer .for4 li em { width:50px; height:60px; overflow:hidden; display:block; clear:both; margin:0 auto;}
#footer .for4 li .i1 { background:url(../images/fb.png) no-repeat;}
#footer .for4 li .i2 { background:url(../images/twitter.png) no-repeat;}
#footer .for4 li .i3 { background:url(../images/googleplus.png) no-repeat;}
#footer .for4 li .i4 { background:url(../images/blog.png) no-repeat;}
#footer .for4 li .i1:hover { background:url(../images/fb-hover.png) no-repeat;}
#footer .for4 li .i2:hover { background:url(../images/twitter-hover.png) no-repeat;}
#footer .for4 li .i3:hover { background:url(../images/googleplus-hover.png) no-repeat;}
#footer .for4 li .i4:hover { background:url(../images/blog-hover.png) no-repeat;}

#footer .for4 li a { overflow:hidden; display:block; clear:both; font:9px/30px "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align:center; color:#444;}
#footer .for4 li a:hover { color:#df742d;}

#footer .for5 { padding:0 0 40px 0; text-align:center; font-size:10px; line-height:16px; color:#999;}
#footer .for5 span { display:inline-block; margin:0 5px;}
#footer .for5 em { margin:0 4px; font-style:normal; color:#c6c6c6; line-height:30px;}
#footer .for5 a { font-size:10px; color:#808080;}
#footer .for5 a:hover { color:#df742d;}

#footer .for6 { color:#666; padding:20px 0;}

#footer .for7 { padding:15px 0 30px 0; text-align:center; font-size:10px; line-height:16px; color:#999;}
#footer .for7 span { display:inline-block; margin:0 5px;}
#footer .for7 em { margin:0 4px; font-style:normal; color:#c6c6c6; line-height:16px;}
#footer .for7 a { font-size:10px; color:#808080; line-height:16px;}
#footer .for7 a:hover { color:#df742d;}

/* CSS Document feedback-tryon */
#ftroll { width:42px; background:#fff; float:left; padding:1px 1px 0 0; border:1px solid #dadada; border-radius:0 3px 3px 0; box-shadow:0 0 3px rgba(0,0,0,0.1); position:fixed; left:-1px; top:220px; z-index:1001;}
#ftroll .ftx { width:42px; height:42px; line-height:200px; overflow:hidden; background:#f7f7f7 url(../images/feedback_tryon.png) no-repeat; display:block; clear:both; border-bottom:1px solid #fff; cursor:pointer;}
#ftroll .ftx:hover,#ftroll .set { background-color:#fff;}
#ftroll .ft1 { background-position:15px 14px;}
#ftroll .ft2 { background-position:10px -28px; border-top:1px solid #ededed;}
#ftroll .ft3 { background-position:14px -157px; border-top:1px solid #ededed;}
#ftroll .ft4 { background-position:12px -206px; border-top:1px solid #ededed;}

#ftroll .ro1 { width:295px; background:#fff; float:left; display:block; padding:20px; border:1px solid #dadada; border-radius:3px; box-shadow:0 0 3px rgba(0,0,0,0.1); position:absolute; left:55px; top:0; z-index:1002;}
#ftroll .ro1 .for1 { width:6px; height:11px; line-height:100px; overflow:hidden; background:url(../images/feedback_tryon.png) no-repeat 0 -129px; float:left; position:absolute; left:-6px; top:10px;}
#ftroll .ro1 .for2 { width:15px; height:15px; line-height:100px; overflow:hidden; background:url(../images/feedback_tryon.png) no-repeat 0 -84px; float:right; position:absolute; right:-6px; top:-6px; z-index:1005; cursor:pointer;}
#ftroll .ro1 .for3,#ftroll .ro1 .for3 li { overflow:hidden; display:block; clear:both;}
#ftroll .ro1 .for3 li { padding-bottom:10px;}
#ftroll .ro1 .for3 li input,#ftroll .ro1 .for3 li textarea { width:97%;}
#ftroll .ro1 .for3 li select { width:99%;}
#ftroll .ro1 .for3 li.t1 { text-transform:uppercase; padding-bottom:2px;}
#ftroll .ro1 .for3 li.t3 { font-family:"Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align:center; color:#dc1818;}
#ftroll .ro1 .for4 { overflow:hidden; display:block; clear:both; padding-bottom:20px;}
#ftroll .ro1 .for4 input { width:120px; float:none; margin:0 auto;}
#ftroll .ro1 .for5 { text-align:center; font-size:10px; line-height:13px; color:#808080;}
#ftroll .ro1 .for5 a { font-size:10px;}

#ftroll .ro2 { width:270px; background:#fff; float:left; display:block; padding:8px 8px 4px 8px; border:1px solid #dadada; border-radius:3px; box-shadow:0 0 3px rgba(0,0,0,0.1); position:absolute; left:55px; top:45px; z-index:1002;}
#ftroll .ro2 .for1 { width:6px; height:11px; line-height:100px; overflow:hidden; background:url(../images/feedback_tryon.png) no-repeat 0 -129px; float:left; position:absolute; left:-6px; top:10px;}
#ftroll .ro2 .for2 { width:15px; height:15px; line-height:100px; overflow:hidden; background:url(../images/feedback_tryon.png) no-repeat 0 -84px; float:right; position:absolute; right:-6px; top:-6px; z-index:1005; cursor:pointer;}
#ftroll .ro2 .for3 { width:270px; height:370px; overflow:hidden; float:left; position:relative; z-index:1003;}
#ftroll .ro2 .for3 #flashcontent { position:relative; margin:-4px;}

#ftroll .ro3 { width:270px; background:#fff; float:left; display:block; padding:8px 8px 4px 8px; border:1px solid #dadada; border-radius:3px; box-shadow:0 0 3px rgba(0,0,0,0.1); position:absolute; left:55px; top:89px; z-index:1002;}
#ftroll .ro3 .for1 { width:6px; height:11px; line-height:100px; overflow:hidden; background:url(../images/feedback_tryon.png) no-repeat 0 -129px; float:left; position:absolute; left:-6px; top:10px;}
#ftroll .ro3 .for2 { width:15px; height:15px; line-height:100px; overflow:hidden; background:url(../images/feedback_tryon.png) no-repeat 0 -84px; float:right; position:absolute; right:-6px; top:-6px; z-index:1005; cursor:pointer;}
#ftroll .ro3 .for3 { width:270px; height:370px; overflow:hidden; float:left; position:relative; z-index:1003;}
#ftroll .ro3 .for3 #flashcontent { position:relative; margin:-4px;}

#ftroll .ro4 { width:140px; background:#fff; float:left; display:block; padding:8px 8px 4px 8px; border:1px solid #dadada; border-radius:3px; box-shadow:0 0 3px rgba(0,0,0,0.1); position:absolute; left:55px; top:132px; z-index:1002;}
#ftroll .ro4 .for1 { width:6px; height:11px; line-height:100px; overflow:hidden; background:url(../images/feedback_tryon.png) no-repeat 0 -129px; float:left; position:absolute; left:-6px; top:10px;}
#ftroll .ro4 .for2 { width:15px; height:15px; line-height:100px; overflow:hidden; background:url(../images/feedback_tryon.png) no-repeat 0 -84px; float:right; position:absolute; right:-6px; top:-6px; z-index:1005; cursor:pointer;}
#ftroll .ro4 .for3 { width:140px; overflow:hidden; float:left; position:relative; z-index:1003;}
#ftroll .ro4 .for3 #flashcontent { position:relative; margin:-4px;}

/* CSS Document page this */
.pagethis { overflow:hidden; display:block; position:relative;}
.pagethis a { line-height:24px; float:left; display:inline; margin-left:6px;}
.pagethis a[disabled] { color:#aaa;}
.pagethis .current { line-height:24px; float:left; margin-left:6px; color:#df742d; font-weight:bold;}
.pagethis .prevnext { width:22px; height:22px; overflow:hidden; background:url(../images/but_bgline.png) repeat-x; border:1px solid #d3d3d3; border-radius:4px; margin-left:6px; text-align:center; font-weight:bold;}
.pagethis .prevnext:hover { background-position:0 -33px;}
.pagethis .prevnext:active { background-position:0 -66px;}
.pagethis .gotxt,.pagethis .goenter,.pagethis .gobut { display:none;}

/* CSS Document simple page this */
.spagethis .pagethis a,.spagethis .pagethis .current { display:none;}
.spagethis .pagethis .prevnext { display:inline;}

/* CSS Document popupwindow */
#popupMask,#popupMask2 { width:100%!important; height:100%; background:#f8f8ee; position:absolute; top:0px; left:0px; z-index:1000; display:none;}
#popupContainer,#popupContainer2 { clear:both; position:fixed; top:0px; left:0px; z-index:1010; display:none;}
#popupContainer #divcont { width:100%; overflow:hidden; display:block; clear:both; text-align:center; position:absolute; top:50%;}
#popupFrame { position:relative; z-index:1020;}

/* CSS Document helpinfo */
.helpinfo { width:820px; overflow:hidden; background:#fff; display:block; clear:both; border:1px solid #d1d1d1; border-radius:4px; margin:0 auto; box-shadow:0 0 20px rgba(0,0,0,0.25); position:relative;}
.helpinfo .close { width:20px; height:20px; overflow:hidden; background:url(../images/part.png) no-repeat; float:right; position:absolute; right:8px; top:8px; cursor:pointer; z-index:11;}
.helpinfo .close:hover { background-position:-21px 0;}
.helpinfo .title { overflow:hidden; display:block; clear:both; padding:12px 0 10px 20px; font:bold 13px/20px Verdana;}
.helpinfo .hp_tabs { overflow:hidden; display:block; clear:both; padding:0 20px; position:relative; bottom:-1px;}
.helpinfo .hp_tabs li { height:28px; overflow:hidden; background:url(../images/but_bgline.png) repeat-x; float:left; display:inline; padding:0 15px; border:1px solid #d3d3d3; border-bottom:none; border-radius:3px 3px 0 0; margin-right:6px; line-height:28px; cursor:pointer;}
.helpinfo .hp_tabs li:hover { background-position:0 -33px;}
.helpinfo .hp_tabs li:active { background-position:0 -66px;}
.helpinfo .hp_tabs li.set { height:29px; background:#fff;}

.helpinfo .content { height:350px; overflow:auto; display:block; clear:both; padding:15px 20px 0 20px; border-top:1px solid #d3d3d3; color:#555; line-height:20px;}
.helpinfo .content strong { color:#000; text-transform:uppercase;}
.helpinfo .content ul,.helpinfo .content ul li { overflow:hidden; display:block; clear:both; padding:3px 0 5px 0; position:relative;}
.helpinfo .content ul li i { width:4px; height:4px; overflow:hidden; float:left; background:#888; border-radius:2px; position:absolute; left:0; top:11px;}
.helpinfo .content ul li span { float:left; padding-left:12px;}
.helpinfo .content ul li span em { color:#000;}
.helpinfo .hp_tabcontent { display:none;}

/* CSS Document simple page this */
.notpage { overflow:hidden; background:#fff; display:block; clear:both; padding:30px 30px 40px 30px; border:1px solid #e6e6e2; border-radius:3px;}
.notpage .p1,.notpage .p2 { overflow:hidden; display:block; clear:both; text-align:center;}
.notpage .p1 { background:url(../images/404.jpeg) no-repeat top center; padding-top:392px; font:18px/40px Georgia; font-style:italic;}
.notpage .p2 { font:10px/14px Verdana; color:#808080;}

/* Url Lost  */
.urllost { overflow:hidden; display:block; clear:both;}
.utleft { width:190px; float:left;}
.utleft .bt { height:28px; overflow:hidden; background:#7caa34; display:block; clear:both; border-radius:3px 3px 0 0; font:bold 11px/28px Verdana; color:#fff; text-shadow:0 1px #000; text-align:center; text-transform:uppercase;}
.utleft .nr { overflow:hidden; display:block; clear:both; background:#fff; padding:10px 15px 15px 15px; border:1px solid #e6e6e2; border-top:none; border-radius:0 0 3px 3px; margin-bottom:8px;}
.utleft .nr li { margin-bottom:6px;}
.utleft .nr li a { color:#000;}
.utleft .nr li a:hover { color:#df742d;}
.utright { width:740px; overflow:hidden; background:#fff; float:right; padding:0 20px; border:1px solid #e6e6e2; border-radius:3px;}
.utright .urx { overflow:hidden; display:block; clear:both;}
.utright .urfor1 { text-align:center; padding:30px 0; font:16px/26px Georgia; font-style:italic;}
.utright .urfor2 { background:#f2f4ee; padding:20px; border-radius:5px; margin-bottom:30px;}
.utright .urfor2 .top,.utright .urfor2 .down { overflow:hidden; display:block; clear:both;}
.utright .urfor2 .top { margin-bottom:10px;}
.utright .urfor2 .sutxt { width:590px; height:32px; line-height:32px; padding:0 8px;}
.utright .urfor2 .subut2 { width:87px; height:34px; float:right; font-size:12px; font-weight:normal;}
.utright .urfor2 .down,.utright .urfor2 .down a { font-family:"Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height:22px; display:inline-block;}
.utright .urfor2 .down span { color:#999; display:inline-block; padding:0 8px;}
.utright .urfor3 { padding-bottom:40px;}
.utright .urfor3 .bt { overflow:hidden; display:block; clear:both; padding-bottom:6px; border-bottom:1px solid #e6e6e2; font:16px/30px Georgia; font-style:italic;}
.utright .urfor3 .nr { overflow:hidden; display:block; clear:both;}
.utright .urfor3 .nr li { width:206px; height:180px; overflow:hidden; float:left; display:inline; margin:0 20px; text-align:center;}
.utright .urfor3 .nr li span { overflow:hidden; display:block; clear:both; text-align:center;}
.utright .urfor3 .nr li .t2 { font-weight:bold; color:#000;}
.utright .urfor3 .nr li .t2 strong { color:#dc1818;}
.utright .urfor3 .nr li .t2 del { font-weight:normal; color:#999;}

/* Share Link */
.share { height:0; display:block; clear:both; position:relative;}
.share ul { height:16px; overflow:hidden; float:right; position:absolute; right:0; top:-28px;}
.share ul li { height:16px; line-height:16px; overflow:hidden; float:left; display:inline; color:#808080; padding-left:5px;}

/* Hotspot */
.hotspot { overflow:hidden; display:block; clear:both; margin-bottom:10px; border-radius:3px;}
.hotspot img { float:left;}



.home-right-content {
    float: right;
    margin: 0 0 20px 0px;
    width: 780px;
}
.home-content {
    float: right;
    margin: 0 0 20px 0px;
    width: 978px;
}

.home-ad-banner-inner{
    
}
.home-ad-banner-inner img{
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
}

.home-offers-main{
	margin-top:10px;
}
.home-offer-box{
	border:1px solid #c4c4c4;
	border-radius:5px;
	padding:3px;
	float:left;
	margin-right:12px;
}
.home-offer-box-inner{
	
}


.product-box{
    	width: 202px;
	height: 320px;
	overflow: hidden;
	background: none repeat scroll 0% 0% #FFF;
	float: left;
	display: inline;
	padding: 0px 20px;
	border: 1px solid #E6E6E2;
	position: relative;
	margin: -1px 0px 0px -1px;
	transition: all 0.3s ease 0s;
    
	/* Remark by Jawaid to change template Start*/
        /*
        border:1px solid #e4e4e4;
	border-radius:2px;	
	background:url(../images/home-products-box-bg.jpeg) repeat-x bottom center;
	padding:5px;
	width:232px;
        position: relative;
        z-index: 90; */
        /* Remark by Jawaid to change template End*/
 }
 
.product-box:hover{
        border: 1px solid #BBB;
	box-shadow: 0px 0px 6px #AAA;
	z-index: 1;
        /* Remark by Jawaid to change template Start*/
        /*
	border:1px solid #C30A12;
	border-radius:2px;	
	background:url(../images/home-products-box-bg-hover.png) repeat-x bottom center;
	padding:5px;
	width:232px;*/
        /* Remark by Jawaid to change template End*/
}

.product-box h2{
	margin:0 0 5px 0; 
 	color:#434343;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.3px;
}
.product-box{
	
}

.product-box-img{
height: 136px;
padding-top: 45px;
overflow: hidden;
display: block;
clear: both;
text-align: center;
}

.product-box-model{
overflow: hidden;
display: block;
clear: both;
text-align: center;	
height: 46px;
font: 21px/24px "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: #888;
}

.product-box-model a{
text-transform: uppercase;
color: #25745F;
    text-decoration: none;
}

.product-box-model a:hover {
    color: #DF742D;
}

.product-box-bottom{
	
}


.product-price del{
	color: #808080;
	font-weight: normal;
	font-size: 16px;
}

.product-price strong{
    color: #CC0000;
}

.product-suitable{
overflow: hidden;
display: block;
clear: both;
text-align: center;
padding-top: 10px;
}

.product-suitable .left {
    float: left;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	list-style-type: none;
}

.product-suitable .left span {
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url('../images/gender.png') no-repeat scroll 0% 0% transparent;
    float: left;
    display: inline;
    margin-right: 4px;
    line-height: 100px;
}

.product-suitable .left .men { background-position:0 0;}
.product-suitable .left .women { background-position:0 -26px;}
.product-suitable .left .kid { background-position:0 -52px;}

.product-suitable .right { 
	float:right; 
	padding-top:2px;
}
.product-suitable .right span { 
	width:12px; 
	height:12px; 
	overflow:hidden; 
	background:url('../images/part.png') no-repeat; 
	float:left; 
	display:inline; 
	margin-left:4px; 
	line-height:100px;
}

.product-suitable .right .l1 {background-position: 0px -39px;}
.product-suitable .right .l2 {background-position: -13px -39px;}
.product-suitable .right .l3 {background-position: -26px -39px;}

/*.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
  opacity:0.8;
}
 
.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
 
.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   1px solid #6e8900;  
  border-left:  1px solid transparent;
  border-right: 1px solid transparent;
  position:absolute;
  bottom: -3px;
}
 
.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}*/


.ribbon-wrapper-box {
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  width: 110px;
  /*opacity:0.8;*/
}

.ribbon-wrapper-box-right
{
  right: -25px;  
  z-index: 100;
}
.products.listingUL .product {
    overflow: hidden;
}
.ribbon-wrapper-box-left
{
  left: -25px;   z-index: 100;
}



.ribbon-box {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-box-right
{
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
}

.ribbon-box-left
{
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
}

 
.ribbon-box:before, .ribbon-box:after {
  content: "";
  border-left:  1px solid transparent;
  border-right: 1px solid transparent;
  position:absolute;
  bottom: -3px;
}
 
.ribbon-box:before {
  left: 0;
}
.ribbon-box:after {
  right: 0;
}

.ribbon-green
{
	color: #6A6340;
	background-color: #BFDC7A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
	background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
}
.ribbon-green:before, .ribbon-green:after {
  border-top:   1px solid #6E8900;  
}

.ribbon-red
{
	color: #FFF;
	background-color: #EFB301;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F75D09), to(#F94519));
	background-image: -webkit-linear-gradient(top, #F75D09, #F94519);
	background-image:    -moz-linear-gradient(top, #F75D09, #F94519);
	background-image:     -ms-linear-gradient(top, #F75D09, #F94519);
	background-image:      -o-linear-gradient(top, #F75D09, #F94519);
}
.ribbon-red:before, .ribbon-red:after {
  border-top:   1px solid #EFB301;  
}

.ribbon-blue
{
	color: #FFFFFF;
	background-color: #B8BDDB;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8695DB), to(#4193BF));
	background-image: -webkit-linear-gradient(top, #8695DB, #4193bf);
	background-image:    -moz-linear-gradient(top, #8695DB, #4193bf);
	background-image:     -ms-linear-gradient(top, #8695DB, #4193bf);
	background-image:      -o-linear-gradient(top, #8695DB, #4193bf);
}
.ribbon-blue:before, .ribbon-blue:after {
  border-top:   1px solid #B8BDDB;  
}




.best-selling-glasses{
	border:1px solid #c4c4c4;
	border-radius:5px;
	padding:3px;
	margin-top:10px;
}
.best-selling-glasses-inner{
	background:#fff;
	padding:10px 10px 20px 10px;
}
.best-selling-glasses-inner ul{
	list-style:none;
	margin:10px 0 0 0;
	padding:0px;
}
.best-selling-glasses-inner li{
	background:url(../../images/content-icon-check.png) no-repeat left 5px;
	margin:0px;
	padding:0 0 0 20px;
	line-height:25px;
}
.verisign-logo{
	float:right;
	margin-top:-50px;	
}
.best-selling-glasses h1{
	float:left;
}
.key img {
    margin: 0 auto;
}
.key {
    background: white;
    width: 100%;
    padding: 5px;
}

.product-listing ul,.product-Srchlisting ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.product-listing li{
	float:left;
	margin:10px 0 10px 10px;
}

.product-Srchlisting li
{
float:left;
margin:10px 0 10px 60px;    
}

.hoverdiv
{
    display: none;
    left:400px;
    top:100px;
    text-align: left;
    border-style: 1px solid;
    background-color: black; 
    z-index: 10000; 
    position: absolute;
    
}
.hoverimgdiv
{
    background: white;
}
.hoverdivmainimg
{
    margin:0 auto;
    vertical-align: top;
}
.hoverinnerdiv
{
    margin:15px auto;
    z-index:100000;
    color:white;
}
.hovercontent
{
    margin-top: 5px;
}
.star
{
    color:red;
    
}

.field
{
    
    
}

.default
{
    
    
}

.infoMessage, .successMessage, .warningMessage, .errorMessage, .validationMessage
 {
     border: 2px solid;
     margin: 10px 0px;
     padding: 8px 10px 5px 50px;
     background-repeat: no-repeat;
     background-position: 10px center;
 }

 .infoMessage
 {
     color: #205791;
     border-color:#92cae4;
     background-color: #d5edf8;
     background-image: url(../images/KnobInfo.png);
 }
 .infoMessage a, .infoMessage a:link, .infoMessage a:visited, .infoMessage a:active {color:#205791;text-decoration: underline;}

 .successMessage
 {
     color: #264409;
     border-color:#c6d880;
     background-color: #e6efc2;
     background-image: url(../images/KnobValidGreen.png);
 }
 .successMessage a, .successMessage a:link, .successMessage a:visited, .successMessage a:active {color:#264409;text-decoration: underline;} 

 .warningMessage
 {
     color: #514721;
     border-color:#ffd324;
     background-color: #FEEFB3;
     background-image: url(../images/KnobAttention.png);
 }
 .warningMessage a, .warningMessage a:link, .warningMessage a:visited, .warningMessage a:active {color:#514721;text-decoration: underline;}

 .errorMessage
 {
     color: #8a1f11;
     border-color:#f4686b;
     background-color: #fbe3e4;
     background-image: url(../images/KnobRemoveRed.png);
 }
 .errorMessage a, .errorMessage a:link, .errorMessage a:visited, .errorMessage a:active {color:#8a1f11;text-decoration: underline;}

 .validationMessage
 {
     color: Red;
     background-image: url(../images/KnobCancel.png);
 }
 .validationMessage a, .validationMessage a:link, .validationMessage a:visited, .validationMessage a:active {color:red;text-decoration: underline;}
 /* Display Message CSS*/
 
.gridtable {
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}

.gridgroupedcolumn{
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
        color:#FFFFFF;
}

.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
}

.gridtable tr:nth-child(even)
{ 
    background-color:#fff; 
}
.gridtable tr:nth-child(odd)
{ 
    background-color:#eee; 
}

.icontd
{
width:25px;
text-align: center;
}

.commandicon
{
cursor: pointer;
border: 0px; 
}


/* Paging Start */

div.paging {
    margin: 3px;
    padding: 7px;
    text-align: center;
}
div.paging a {
    border: 1px solid #174D3E;
    color: #174D3E;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
	cursor:pointer;
}
div.paging a:hover, div.paging a:active {
    background-color: #174D3E;
    border: 1px solid #174D3E;
    color: #FFFFFF;
}
div.paging span
{
cursor:pointer;    
}
div.paging span.current {
    background-color: #174D3E;
    border: 1px solid #174D3E;
    color: #FFFFFF;
    font-weight: bold;
    margin: 2px;
    padding: 2px 5px;
}
div.paging span.disabled {
    border: 1px solid #EEEEEE;
    color: #DDDDDD;
    margin: 2px;
    padding: 2px 5px;
    display:none;
}

div.paging span.prev {
    border: 1px solid #174D3E;
    color: #174D3E;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
}

div.paging span.next {
    border: 1px solid #174D3E;
    color: #174D3E;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;   
}

div.paging span.next:hover, div.paging span.prev:hover {
    background-color: #174D3E;
    border: 1px solid #174D3E;
    color: #FFFFFF;
}

div.paging span.resultcount {
    color: #0063d1;
    text-decoration: none;   
}


div.admingridpaging {
    margin: 0px 3px 3px 3px;
    padding: 0px 7px 7px 7px;
    text-align: center;
}
div.admingridpaging a {
    border: 1px solid #383838;
    color: #383838;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
    cursor:pointer;
}
div.admingridpaging a:hover, div.admingridpaging a:active {
    background-color: #383838;
    border: 1px solid #000000;
    color: #FFFFFF;
}
div.admingridpaging span
{
    cursor:pointer;    
}
div.admingridpaging span.current {
    background-color: #383838;
    border: 1px solid #000000;
    color: #FFFFFF;
    margin: 2px;
    padding: 2px 5px;
}
div.admingridpaging span.disabled {
    border: 1px solid #EEEEEE;
    color: #DDDDDD;
    margin: 2px;
    padding: 2px 5px;
    display:none;
}

div.admingridpaging span.prev {
    border: 1px solid #383838;
    color: #383838;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
}

div.admingridpaging span.next {
    border: 1px solid #383838;
    color: #383838;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;   
}

div.admingridpaging span.next:hover, div.admingridpaging span.prev:hover {
    background-color: #383838;
    border: 1px solid #383838;
    color: #FFFFFF;
}

div.admingridpaging span.resultcount {
    color: #383838;
    text-decoration: none;   
}

.page-left-content{
	width:695px;
	float:left;
}

.page-bar{
	float:left;
	margin-top:-40px;
}
.page-bar-left{
	background:url(../images/steps-bar-icon.png) no-repeat;
	width:51px;
	height:53px;
	float:left;
}
.page-bar-mid{
	background:url(../images/steps-bar-mid.png) repeat-x;
	height:53px;
	line-height:53px;
	padding:0 10px 0 2px;
	float:left;
	font-size:22px;
	font-weight:normal;
	color:#aa0000;
}
.page-bar-right{
	background:url(../images/steps-bar-right.png) no-repeat;
	width:6px;
	height:53px;
	float:left;
}
.btnPaypal
{
    width:159px;
    height:55px;
    margin-top:10px;
    background-image: url('../images/paypal.png');
    cursor:pointer;
}

.btnPaypoint
{
    width:252px;
    height:68px;
    margin-top:10px;
    background-image: url('../images/paypoint.gif');
    cursor:pointer;
}

.btnTwoCheckout
{
    width:199px;
    height:116px;
    margin-top:10px;
    background-image: url('../images/2checkout.jpeg');
    cursor:pointer;
}

.btnPaypoint:hover, .btnPaypal:hover,.btnTwoCheckout:hover {
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
}

.divtoottip
{
    
background: #eee;
border: 1px solid #ccc;
padding: 10px;
border-radius: 8px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
position: absolute;
display:none;
line-height: 30px;
min-height: 100px;
min-width: 200px;
max-width: 400px;
max-width: 400px;
}


    
.reviews ul {
    float: left;
    list-style: none outside none;
    margin: 5px 0 0 10px;
    padding: 0;
}
    
.reviews li {
    float: left;
    margin-left: 3px;
}

.makeitalic
{
    font-style: italic;
    font-size: 11px;   
}

.window {
  position:absolute;
  left:0;
  top:0;
  width:500px;
  height:500px;
  display:none;
  z-index:9999;
  background-color:#ffffff;
  border:5px solid #000;
  ;
}



.dialogframe
{
width:99%;
height:99%;
border:0px none;

}





/* Home Style */

#hm_mainer {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E6E6E2;
    border-radius: 3px;
    width: 978px;
}
.hm_banner {
    clear: both;
    display: block;
    height: 520px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 978px;
}

.hm_frame {
    clear: both;
    display: block;
    margin: 20px 0 20px 30px;
    overflow: hidden;
}
.hm_frame li {
    background: none repeat scroll 0 0 #EDEDED;
    float: left;
    height: 320px;
    margin-right: 10px;
    overflow: hidden;
    width: 222px;
}
.hm_frame li .fx {
    clear: both;
    display: block;
    font-family: "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    overflow: hidden;
    text-align: center;
}
.hm_frame li .f1 {
    height: 260px;
}
.hm_frame li .f2 {
    padding-top: 10px;
}
.hm_frame li .f2 a {
    color: #000000;
    font: bold 12px/20px "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
}
.hm_frame li .f2 a:hover {
    color: #DF742D;
}
.hm_frame li .f3 {
    color: #C5C5C5;
}
.hm_frame li .f3 a {
    color: #808080;
    line-height: 14px;
    margin: 0 5px;
}
.hm_frame li .f3 a:hover {
    color: #DF742D;
}

.helptitle {
    background: none repeat scroll 0 0 #7CAA34;
    border-radius: 3px 3px 0 0;
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 28px;
    overflow: hidden;
    text-align: center;
    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;
}

.helpMenuSidebar li {
    border-bottom: 1px solid #E6E6E2;
    clear: both;
    display: block;
    overflow: hidden;
}

.content-container{
	border:1px solid #c4c4c4;
	border-radius:5px;
	padding:3px;
	margin-top:10px;
}
.content-container-inner{
	background:#fff;
	padding:10px 6px 20px 6px;
        min-height: 200px;
}
.product-gallery-main{
	width:663px;
	float:left;
}
.product-gallery-main h1{
	margin:0px;
}
.product-gallery-main h1 span{
	position:relative;
	/*top:8px;*/
	left:5px;
}
.product-gallery-main i{
	font-style:normal;
	margin:5px 0 0 0;
	color:#717171;
}


.product-gallery-pagination{
	float:right;
	
}
.product-gallery-pagination ul{
    	list-style: none outside none;
	margin:0px;
	padding:0px;
}
.product-gallery-pagination li{
	float:left;
	padding:0 10px 0 10px;
	margin:0;
	background:url(../images/product-gallery-pagination-sep.png) no-repeat right;
	color:#535353;
	font-size:13px;
}
.product-gallery-pagination li a{
	color:#0063d1;
	font-size:13px;
	text-decoration:none;
}
.product-gallery-pagination li a:hover{
	text-decoration:underline;
}
.product-gallery-prev{
	background:url(../images/product-gallery-btn-prev.png) no-repeat left;
	padding-left:15px;
}
.product-gallery-next{
	background:url(../images/product-gallery-btn-next.png) no-repeat right;
	padding-right:15px;
}
.product-gallery-block{
	background:url(../images/home-products-box-bg.jpeg) repeat-x bottom center;
	border:1px solid #d9d9d9;
	width:663px;
        height:290px;
	margin-top:10px;
        position: relative;
}
.product-gallery-block-img{
	text-align:center;
        width:660px;
        height:210px;
        vertical-align: middle;

}
.product-gallery-block-thumbnails{
	text-align:center;
	position: absolute;
        left:26px !important;
        top:220px !important;
}

.product-gallery-block-thumbnails ul{
	list-style:none;
	margin:0 auto;
	padding:0px;
        width:430px;
}
.product-gallery-block-thumbnails li{
/*margin:0 1px 0 1px;*/
    
    border: 1px solid #D9D9D9;
    color: #3B3B3B;
    float: left;
    font-size: 20px;
    height: 52px;
    line-height: 52px;
    margin: 0 2px;
    padding: 0;
    text-align: center;
    width: 80px;
}
.product-gallery-block-thumbnails li:hover{
    //border:1px solid #C30A12;
    border:1px solid #0063d1;
}
.product-gallery-block-thumbnails li a img{
	
}

.container {
    margin: 0 auto;
    width: 980px;
}

.pro-detail-home-trial {
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    float: right;
    margin-top:3px;
    padding: 3px 3px 20px;
    width: 257px;
}
.pro-detail-home-trial h2 {
    //background: url("../images/pro-detail-home-trial-black-stripe.jpeg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    background-color: #0063d1;
    color: #FFFFFF;
    font-family: "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 37px;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 0 0 0 10px;
    text-transform: uppercase;
}
.pro-detail-home-trial h2 span {
    background: url("../images/pro-detail-home-trial-white-arow.png") no-repeat scroll left 2px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 23px;
    padding-left: 5px;
    position: relative;
    top: 8px;
    width: 29px;
}
.pro-detail-home-trial i {
    color: #252525;
    font-family: "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin: 0 0 0 3px;
    text-transform: uppercase;
}
.pro-detail-home-trial ul {
    list-style: none outside none;
    margin: 5px 0 5px 3px;
    padding: 0;
}
.pro-detail-home-trialul {
}
.pro-detail-home-trialul li {
    border: 1px solid #D9D9D9;
    color: #3B3B3B;
    float: left;
    font-size: 20px;
    height: 39px;
    line-height: 39px;
    margin: 0 2px;
    padding: 0;
    text-align: center;
    width: 56px;
}
.pro-detail-home-trialul li {
    position: relative;
    top: 6px;
}
.btn-order-home-trial {
    clear: right;
    float: right;
    margin: 10px 1px 20px 0;
}
.home-trial-first-tebular {
    color: #000000;
}
.home-trial-last-tebular {
    color: #515151;
    padding-left: 10px;
}
.ico-faq {
    background: url(../../images/icon-faqs.png) no-repeat scroll left 0 rgba(0, 0, 0, 0);
    padding-left: 20px;
    padding-bottom: 0;
    background-size: 16px;
	display: inline-block;
    margin-left: 10px;
}
.order-home-trial-tebular a:hover {
    text-decoration: underline;
}
.order-home-trial-tebular a {
    text-decoration: none !important;
}
.order-home-trial-tebular2 {
    margin-top: 20px;
    text-align: center;
    width: 100%;
	    display: inline-table;
}
.order-home-trial-tebular2 th {
    border-bottom: 1px solid #D9D9D9;
    color: #0063d1;
    font-size: 10px;
    height: 18px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.order-home-trial-tebular2 td {
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    color: #515151;
    height: 20px;
}
.order-home-trial-tebular2-note {
    border: medium none !important;
    color: #515151;
    font-size: 10px;
    text-align: left;
}
.order-home-trial-links ul {
    float: left;
    list-style: none outside none;
    margin: 0px;
    padding: 0;
}
.order-home-trial-links li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #3B3B3B;
    float: none;
    font-size: 13px;
    height: auto;
    line-height: 18px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
}
.order-home-trial-links a {
    color: #4A4A4A;
    text-decoration: none;
}
.order-home-trial-links a:hover {
}
.order-home-trial-price {
    color: #1A1A1A;
    float: none;
    font-weight: bold;
    margin-top: 6px;
    text-transform: uppercase;
    text-align: center;
}
.order-home-trial-price strong {
    /*color: #0063d1;
    font-size: 20px;
    font-weight: normal;*/
    
    color: #6B9A22;
    font: bold 28px/1.3em Georgia;
}
.order-home-trial-price strong small {
    font-size: 16px;
}
.order-home-trial-btns {
    margin: 5px 1px 15px 1px;
}

.product-tabbing-main {
    margin-top: 15px;
}
.tab1 {
    clear: both;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
}
.tab1 li {
    display: inline;
}
.tab1 li a {
    background: url("../images/tab-active-right.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #000000;
    display: inline-block;
    font-weight: bold;
    left: 0;
    padding: 0 6px 0 0;
    position: relative;
    text-decoration: none;
}
.tab1 li a span {
    background: url("../images/tab-active-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    left: 0;
    padding: 8px 10px 8px 15px;
}
.tab1 li.active a {
    background: url("../images/tab-roll-right.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    left: 0;
    padding: 0 6px 0 0;
    position: relative;
    text-decoration: none;
}
.tab1 li.active span {
    background: url("../images/tab-roll-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    left: 0;
    padding: 8px 10px 8px 15px;
}
.tab1 li.active a {
}
.product-tabbing-content {
    /* border: 1px solid #D9D9D9; */
    padding: 10px 5px 20px;
    width: 100%;
}
.frames-color-options {
}
.frames-color-options ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.frames-color-options li {
    cursor: pointer;
    display: inline-block;
    margin: 0px;
    padding: 4px;
    text-align: center;
    border: 1px solid #D9D9D9;
    width: 24%;
    vertical-align: text-top;
    max-height: 120px;
	margin-top: 2px;
}
.frames-color-options li p {
    color: #535353;
    font-size: 11px;

}
.frames-color-options-img-blck {
   margin-bottom: 10px;
}
.frames-color-options-img-blck:hover {
    border: 1px solid #0063d1;
}
.frames-color-options-img-blck img {
    /* bottom: 0; */
    /* left: 0; */
    margin: auto;
    /* position: absolute; */
    /* top: 0; */
    /* width: 120px !important; */
}
.frames-color-options-img-blck a {
    height: 100%;
    width: 100%;
}
.lenses-options {
}
.lenses-options h2 {
    color: #000000;
    font-size: 18px;
    font-weight: normal;
}
.lenses-options ul {
    float: left;
    list-style: none outside none;
    margin: 0 10px;
    padding: 0;
}
.lenses-options li {
    background: url("../../images/tick-right.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
    font-size: 14px;
    line-height: 35px;
    padding: 5px 0 0 30px;
}
.lenses-options p {
    color: #4F4F4F;
}
.lenses-options p a {
    color: #007AAD;
    text-decoration: none;
}
.lenses-options p a:hover {
    text-decoration: underline;
}
.lenses-options p small {
    font-size: 11px;
}
.tabbing-reviews h2 {
    color: #0063d1;
    float: left;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
	text-transform: capitalize;
}
.tabbing-reviews ul {
    float: left;
    list-style: none outside none;
    margin: 5px 0 0 10px;
    padding: 0;
}
.tabbing-reviews li {
    float: left;
    margin-left: 3px;
}
.tabbing-reviews li img {
}
.tabbing-reviews h3 {
    color: #0063d1;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    margin: 10px 0 0;
}
.tabbing-reviews p {
    margin:10px 0px 0px;
}
.tabbing-reviews a {
    color: #0063d1;
    text-decoration: none;
}
.tabbing-reviews a:hover {
    text-decoration: underline;
}
.tabbing-reviews hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #F0F0F0;
    border-image: none;
    border-style: none none dashed;
    border-width: medium medium 1px;
}
.steps-left-content {
    float: left;
    width: 695px;
}
.steps {
    margin-bottom: 20px;
    margin-top: 45px;
}
.steps-bar {
    float: left;
    margin-top: -40px;
}
.steps-bar-left {
    background: url("../images/steps-bar-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 53px;
    width: 51px;
}
.steps-bar-mid {
    background: url("../images/steps-bar-mid.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #0063d1;
    float: left;
    font-size: 22px;
    font-weight: normal;
    height: 53px;
    line-height: 53px;
    padding: 0 10px 0 2px;
}
.steps-bar-right {
    background: url("../images/steps-bar-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 53px;
    width: 6px;
}
.steps h2 {
    color: #0063d1;
    font-size: 16px;
    font-weight: normal;
}
.lenses-selection, .steps-content-block {
    /* border: 1px solid #C4C4C4; */
    /* border-radius: 5px; */
    /* margin-top: 10px; */
    /* padding: 3px; */
}
.lenses-selection-inner, .steps-content-block-inner {
    /* background: none repeat scroll 0 0 #F3F3F3; */
    /* padding: 10px 5px; */
}
.steps-content-block-inner h3 {
    color: #0063d1;
}
.lenses-selection ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.lenses-selection li {
    float: left;
    margin: 0 4px 0 6px;
    padding: 0;
    width: 32%;
}
.lenses-selection li h2 {
    color: #ffffff;
    font-size: 18px;
    margin: 6px 0px 0px;
    background: #115c99;
    padding: 10px;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}
.lenses-selection li img {
    border: 8px solid #6363631c;
    margin: 0;
    padding: 0px;
    width: 100%;
}
.lenses-selection input[type="radio"] {
    margin: 2px 0 0;
    padding: 0;
    position: relative;
    top: 1px;
}
.lenses-selection li span {
    color: #007bff;
    font-size: 22px;
}
.prescription {
    padding: 5px;
}
.prescription ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.prescription li {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    font-size: 16px;
}
.prescription li a {
    color: #5B59AE;
    text-decoration: none;
}

h3.fr-titles {
    font-size: 17px !important;
    text-transform: uppercase;
    font-style: normal !important;
    padding: 5px;
}
.prescription li a:hover {
    text-decoration: underline;
}
.prescription input[type="radio"] {
    margin: 0;
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
}
.prescription input[type="checkbox"] {
    margin: 0;
    position: relative;
    top: 2px;
}
.btn-upload {
    background: url("../images/btn-upload-bg.jpeg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CFCFCF;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 13px;
    height: 31px;
    padding: 0 10px;
    text-transform: uppercase;
}
.prescription small {
    font-size: 13px;
    line-height: 10px;
}
.steps-btns {
    margin-top: 10px;
}
.steps-btns ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.steps-btns li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}
.steps-btn-gray i {
    background: url("../images/btn-arrow-left.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 13px;
    margin-right: 5px;
    position: relative;
    top: 2px;
    width: 12px;
}
.steps-btn-gray a {
    background: url("../images/btn-gray-bg.jpeg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #f7f7f7;
    color: #515151;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.8px;
    padding: 12px 10px 11px;
    text-decoration: none;
    text-transform: uppercase;
}
.steps-btn-gray a:hover {
    background: url("../images/btn-gray-bg-hover.jpeg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
.steps-btn-green i {
    background: url("../images/btn-arrow-right.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 13px;
    margin-left: 5px;
    position: relative;
    top: 2px;
    width: 12px;
}
.steps-btn-green a {
    background: url("../images/btn-green-bg.jpeg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #f7f7f7;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.8px;
    padding: 12px 10px 11px;
    text-decoration: none;
    text-transform: uppercase;
}
.steps-btn-green a:hover {
    background: url("../images/btn-green-bg-hover.jpeg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
.shopping-basket {
    background: #f5f5f5;
    border: 1px solid #dedada;
    float: right;
    margin-top: 20px;
    width: 100%;
    padding: 15px;
}
.shopping-basket h2 {
   font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 500;
    color: #090909;
    border-bottom: 1px solid #bebebe;
    padding-bottom: 0.292em;

    text-align: left;
}

.shopping-basket h3 {
    color: #007bff;
    font-family: "segoe uI","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0 10px;
    font-style: italic;
}
.shopping-basket-img {
    border: 1px solid #D9D9D9;
    margin-left: 1px;
    padding: 10px 5px;
    text-align: center;

}
.shopping-basket table {
    border-bottom: 1px solid #D9D9D9;
    margin-left: 5px;
}
.shopping-basket th {
    color: #000000;
    text-align: left;
    font-size: 14px;
	text-transform: capitalize;
}
.shopping-basket td {
    color: #515151;
    text-align: right;
    font-size: 15px;
    padding: 0px;
}

.shopping-basket {
}
.subtotal {
    color: #007bff;
    font-weight: 500;
    margin: 10px 0 5px;
    font-size: 14px;
}
#priceframe {
    font-size: 19px;
}
.shopping-basket-total {
    margin-top: 10px;
}
.shopping-basket-total ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.shopping-basket-total li {
    color: #1A1A1A;
    display: inline;
    font-family: "segoe uI","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.shopping-basket-total span {
    clear: right;
    color: #007bff;
    float: right;
    font-size: 20px;
    margin-right: 0;
}
.shopping-basket-total span small {
    font-size: 16px;
}
.shopping-basket-total-text {
    margin-left: 5px !important;
    position: relative;
    top: 6px;
}
.bifocal-lens-tint-main {
}
.bifocal-lens-tint-main li {
    margin: 15px 0;
}
.bifocal-lens-tint-img {
    float: left;
	width: 30%;
}
.bifocal-lens-tint-text {
    float: left;
    padding-left: 15px;
    width: 55%;
}
.single-vision-types-text {
    float: left;
    padding: 0 5px 5px;
    width: 435px;
}
.single-vision-types-text h2 {
    color: #0063d1;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 5px;
}
.single-vision-types-text h3 {
    color: #434343;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 5px;
}
.single-vision-types-text ul {
    margin-top: 5px;
}
.single-vision-types-text li {
    color: #4A4A4A;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
}
.bifocal-lens-tint-btn {
    float: left;
    margin-top: 25px;
}
.bifocal-lens-tint-btn a {
    background: url("../images/btn-blue-bg.jpeg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CFCFCF;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.bifocal-lens-tint-btn a:hover {
    text-decoration: underline;
}
.lens-thickness-main {
    padding: 10px 0;
}
.lens-thickness-main h3 {
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    background: #313131;
	    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    padding: 10px;
    text-align: center;
}
.lens-thickness-main p {
    color: #515151;
    font-size: 11px;
    line-height: 14px;
    margin: 0;
}
.lens-thickness-main li {
    float: left;
    margin: 0;
    width: 25%;
}
.lens-thickness-img img {
    width: 100%;
    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    max-height: 220px;
}

.lens-thickness-red-bar {
    color: #000000;
    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #000;
    padding: 5px 5px;
    margin: 0px 0px 10px;
}
.lens-thickness-red-bar {
    position: relative;
}
.lens-thickness-red-bar img {
    position: absolute;
    left: 50px;
    top: 0px;
}
.lens-thickness-red-bar b {
    cursor: pointer;
    float: left;
    font-weight: normal;
   
}
.lens-thickness-red-bar i {
    float: right;
    font-style: normal;
    margin: 0;
    color: #007bff;
    font-weight: 500;
}
.lens-thickness-red-bar i input[type="radio"] {
    position: relative;
    top: 1px;
}
.ad-ons-options-main {
    padding: 10px 0;
}
.ad-ons-options-main h2 {
    color: #ffffff;
    font-size: 11px;
    margin: 0;
    background: #007bff;
    padding: 7px;
    text-align: center;
    border: 1px solid #fff;
    font-weight: 500;
    text-transform: uppercase;
}
.ad-ons-options-main h3 {
    color: #0063d1;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}
.ad-ons-options-main p {
    color: #515151;
    font-size: 11px;
    line-height: 14px;
    margin: 0;
}
.ad-ons-options-main li {
    color: #007bff;
    float: left;
    line-height: 16px;
    margin: 0;
    width: 20%;
}
.ad-ons-options-main input[type="checkbox"] {
    position: relative;
    top: 2px;
}
.verifocal-lenses {
}
.verifocal-lenses li {
    float: left;
    margin: 0 4px 0 3px;
    width: 218px;
}
.verifocal-lenses h2 {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    margin: 2px 0;
}
.verifocal-lenses img {
}
.verifocal-lenses-btn-blue {
    float: left;
    margin-top: 3px;
}
.verifocal-lenses-btn-blue a {
    background: url("../images/btn-blue-bg.jpeg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CFCFCF;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.verifocal-lenses-btn-blue a:hover {
    text-decoration: underline;
}
.verifocal-lenses-price {
    color: #0063d1;
    float: right;
    font-size: 18px;
    margin-top: 7px;
}
.verifocal-lenses-price small {
    font-size: 12px;
}
.verifocal-thickness li {
    margin: 0 16px;
}
.accessories-heading {
    background: #0063d1;
    padding: 10px 10px 10px;
}

.accessories-heading h2 {
    color: #fff;
    font-size: 16px;
    margin: 0px;
}
.accessories ul {
    margin: 0;
}
.accessories li {
    float: left;
    margin: 0 10px;
    width: 215px;
}
.accessories li img {
    border: 1px solid #CFCFCF;
}
.optional-extras-main h2 {
    float: left;
}
.skip-this-step {
    float: right;
     margin-bottom: 20px;
}
a.button.button3 {
    background: transparent;
    border: 2px solid #0063d1;
    color: #0063d1;
}

a.button.button3:hover {
    background: #0a75ec;
    color: #fff;
}
.btn-blue-skip {
    background: url("../images/btn-blue-bg.jpeg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CFCFCF;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.btn-blue-skip:hover {
    text-decoration: underline;
}
.optional-extras {
}
.optional-extras ul {
    margin: 0;
}
.optional-extras li {
    background: url("../images/home-products-box-bg.jpeg") repeat-x scroll center bottom #FFFFFF;
    border: 1px solid #CFCFCF;
    float: left;
    margin: 10px 5px;
    padding: 5px;
    width: 203px;
}
.optional-extras li h2 {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    height: 35px;
    margin: 2px 0 2px 1px;
}
.optional-extras li span img {
    border: 1px solid #CFCFCF;
    margin: 0 0 0 1px;
}
.optional-extras li i {
    float: left;
    font-style: normal;
    margin: 5px 0 0 1px;
}
.optional-extras li i a {
    color: #4A4A4A;
    text-decoration: none;
}
.optional-extras li i a:hover {
    text-decoration: underline;
}
.optional-extras li b {
    color: #0063d1;
    float: right;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 0 1px;
}
.optional-extras li b small {
    font-size: 16px;
}
.reglaze li {
    background: url("../images/home-products-box-bg.jpeg") repeat-x scroll center bottom #FFFFFF;
    border: 1px solid #CFCFCF;
    cursor: pointer;
    float: left;
    margin: 10px 52px;
    padding: 5px;
    width: 203px;
}
.reglaze li:hover {
    border-color: #0063d1;
}
.reglaze li h2 {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    margin: 2px 0 2px 1px;
}
.reglaze li span img {
    border: 1px solid #CFCFCF;
    margin: 0 0 0 1px;
}
.reglaze li i {
    float: left;
    font-style: normal;
    margin: 5px 0 0 1px;
}
.reglaze li i a {
    color: #4A4A4A;
    text-decoration: none;
}
.reglaze li i a:hover {
    text-decoration: underline;
}
.reglaze li b {
    color: #0063d1;
    float: right;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 0 1px;
}
.reglaze li b small {
    font-size: 16px;
}
.step4-form {
    color: #515151;
}
.step4-form h2 {
    color: #515151;
    font-size: 12px;
    margin: 10px 0;
}
.step4-form h1 {
    color: #0063d1;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 5px;
}
.step4-form form {
    margin-left: 30px;
}
.step4-form span {
    display: inline-block;
    margin-top: 10px;
    text-align: right;
}
.step4-form span input[type="text"], .step4-form span input[type="password"] {
    border: 1px solid #CFCFCF;
    border-radius: 5px;
    color: #858585;
    font-family: "segoe uI";
    font-size: 12px;
    height: 20px;
    padding: 5px;
    width: 200px;
}
.step4-form select {
    border: 1px solid #CFCFCF;
    border-radius: 5px;
    color: #858585;
    font-family: "segoe uI";
    font-size: 12px;
    margin-left: 15px;
    padding: 5px 8px;
}
.step4-form a {
    color: #007AAD;
    font-size: 11px;
    margin-right: 8px;
    text-decoration: none;
}
.step4-form a:hover {
    text-decoration: underline;
}


.items-you-r-buying-block {
    margin-top: 20px;
}
.item-img {
    padding: 5px;
    max-height: 170px;
    margin-bottom: 20px;
}
.item-des h2 {
    margin: 0;
	color: #115c99;
}
.item-des span {
    float: left;
    
}
.item-des {
    padding: 10px;
}
.item-block-main {
    width: 25%;
    border: 1px solid #d0d0d0;
    float: left;
}
.try_remove_up {position:relative;}
.try_remove {
    font-size: 15px;
    color: red !important;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: -25px;
}
.item-des span a {
    color: #007AAD;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    top: 1px;
}
.item-des span a:hover {
    text-decoration: underline;
}
.item-des h3 {
    color: #515151;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}
.item-des strong {
    color: #000000;
    float: right;
    font-size: 12px;
    margin-left: 10px;
}
.item-prescription {
    background: url("../images/home-products-box-bg.jpeg") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    border: 1px solid #DBDBDB;
    float: right;
    margin-bottom: 10px;
    margin-right: 3px;
    padding-bottom: 20px;
    width: 100%;
}

.item-price {
    clear: right;
    color: #0063d1;
    float: right;
    font-size: 22px;
}
.item-price small {
    font-size: 16px;
}

.ontoone-offer {
    margin-bottom: 10px;
    margin-left: 5px;
}
.item-steps-btns {
    float: left;
    margin-left: 5px;
}
.item-total {
    float: right;
    margin-right: 5px;
}


.item-total .right
{
    
    float:right;
}

.item-total-text {
    color: #1A1A1A !important;
    font-family: "Rubik", "Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px !important;
    text-transform: uppercase;
}
.item-total-price {
    font-size: 20px !important;
    font-weight: normal !important;
}
.item-total-price small {
    font-size: 16px;
}
.item-vat {
    color: #515151 !important;
    float: right;
    font-size: 11px !important;
}
.review-right-clm {
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    float: right;
    margin-top: 20px;
    padding: 3px 3px 20px;
    width: 250px;
}
.review-right-clm h2 {
    color: #0063d1;
    font-size: 22px;
    font-weight: normal;
    margin: 5px 0;
}
.review-right-clm ul {
    margin: 0;
    padding: 0;
}
.review-right-clm li {
    display: inline-block;
}
.review-right-clm h3 {
    color: #0063d1;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0 3px;
}
.review-right-clm p {
    color: #4A4A4A;
    font-size: 11px;
    margin: 0 0 5px;
}
.review-right-clm a {
    color: #0063d1;
    font-size: 11px;
    text-decoration: none;
}
.review-right-clm a:hover {
    text-decoration: underline;
}
.review-right-clm-sep {
    border-bottom: 1px dashed #F0F0F0;
    margin-bottom: 8px;
    margin-top: 8px;
}
.prouctpanel_tab {
    border-bottom: 1px solid #C30A12 !important;
    color: #C30A12 !important;
    height: auto !important;
    margin-bottom: 10px;
    text-align: left !important;
    text-decoration: none;
    vertical-align: top;
}
.prouctpanel_tabul {
    list-style: circle outside none;
    margin: 0 0 0 15px;
    padding: 0;
}
.removeitemanchor {
    cursor: pointer;
    float: right;
    font-size: 12px;
    text-decoration: none;
}


.cssLink {
    color: #FEFEFE;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
}
.cssLink:hover {
    text-decoration: underline;
}
.cssPriceLabel {
    color: #007bff;
    font-size: 35px;
    font-weight: normal;
}
.cssPriceLabel small {
    color: #007bff;
    font-size: 25px;
    font-weight: normal;
}
.bifocal-lens-tint-main span {
    float: right;
    margin-top: 12%;
}
.tintshadesdiv {
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    margin-top: 10px;
    min-height: 570px;
    padding: 3px;
}
.tintsadesinndiv {
    background: none repeat scroll 0 0 #F3F3F3;
    min-height: 550px;
    padding: 10px 5px;
}
.tintshadeslih {
    border: 1px solid rgba(0, 0, 0, 0);
    float: left;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    width: 300px;
}
.whitebtn {
    background: url("../images/btn-gray-bgnew.jpeg") repeat-x scroll 0 0 #E4E4E4;
    border: 1px solid #f7f7f7;
    color: #515151;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
    white-space: normal;
}



.Hometrial_close {
    background-image: url("../images/window_close.png");
    display: none;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}
.mask {
    background-color: #000000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9000;
}
.window {
    background-color: #FFFFFF;
    border: 5px solid #000000;
    display: none;
    height: 500px;
    left: 0;
    position: absolute;
    top: 0;
    width: 500px;
    z-index: 9999;
}
.dialogframe {
    border: 0 none;
    height: 99%;

    width: 99%;
}

.hoverdiv {
    background-color: #000000;
    display: none;
    left: 400px;
    position: absolute;
    text-align: left;
    top: 100px;
    z-index: 10000;
}
.hoverimgdiv {
    background: none repeat scroll 0 0 #FFFFFF;
}
.hoverdivmainimg {
    margin: 0 auto;
    vertical-align: top;
}
.hoverinnerdiv {
    color: #FFFFFF;
    margin: 15px auto;
    z-index: 100000;
}
.hovercontent {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.5;
    font-style: italic;
}
.star {
    color: #FF0000;
}
.field {
}
.default {
}
.default h2 {
    color: #0063d1;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 5px;
}
.infoMessage, .successMessage, .warningMessage, .errorMessage, .validationMessage {
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 2px solid;
    margin: 10px 0;
    padding: 8px 10px 5px 50px;
}
.infoMessage {
    background-color: #D5EDF8;
    background-image: url("../images/KnobInfo.png");
    border-color: #92CAE4;
    color: #205791;
}
.infoMessage a, .infoMessage a:link, .infoMessage a:visited, .infoMessage a:active {
    color: #205791;
    text-decoration: underline;
}
.successMessage {
    background-color: #E6EFC2;
    background-image: url("../images/KnobValidGreen.png");
    border-color: #C6D880;
    color: #264409;
}
.successMessage a, .successMessage a:link, .successMessage a:visited, .successMessage a:active {
    color: #264409;
    text-decoration: underline;
}
.warningMessage {
    background-color: #FEEFB3;
    background-image: url("../images/KnobAttention.png");
    border-color: #FFD324;
    color: #514721;
}
.warningMessage a, .warningMessage a:link, .warningMessage a:visited, .warningMessage a:active {
    color: #514721;
    text-decoration: underline;
}
.errorMessage {
    background-color: #FBE3E4;
    background-image: url(../../images/KnobRemoveRed.png);
    border-color: #F4686B;
    color: #8A1F11;
    width: 100%;
    padding: 10px 40px;
}
.errorMessage a, .errorMessage a:link, .errorMessage a:visited, .errorMessage a:active {
    color: #8A1F11;
    text-decoration: underline;
}
.validationMessage {
    background-image: url("../images/KnobCancel.png");
    color: #FF0000;
}
.validationMessage a, .validationMessage a:link, .validationMessage a:visited, .validationMessage a:active {
    color: #FF0000;
    text-decoration: underline;
}

.gridgroupedcolumn {
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    padding: 8px;
}
.gridtable td {
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    padding: 8px;
}

.icontd {
    text-align: center;
    width: 25px;
}
.commandicon {
    border: 0 none;
    cursor: pointer;
}
div.paging {
    margin: 3px;
    padding: 7px;
    text-align: center;
}
div.paging a {
    border: 1px solid #007bff;
    color: #007bff;
    cursor: pointer;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
div.paging a:hover, div.paging a:active {
    background-color: #007bff;
    border: 1px solid #007bff;
    color: #FFFFFF;
}
div.paging span {
    cursor: pointer;
}
div.paging span.current {
    background-color: #007bff;
    border: 1px solid #007bff;
    color: #FFFFFF;
    margin: 2px;
    padding: 2px 5px;
}
div.paging span.disabled {
    border: 1px solid #007bff;
    color: #DDDDDD;
    display: none;
    margin: 2px;
    padding: 2px 5px;
}
div.paging span.prev {
    border: 1px solid #007bff;
    color: #007bff;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
div.paging span.next {
    border: 1px solid #007bff;
    color: #007bff;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
div.paging span.next:hover, div.paging span.prev:hover {
    background-color: #007bff;
    border: 1px solid #007bff;
    color: #FFFFFF;
}
div.paging span.resultcount {
    color: #1d1d1d;
    text-decoration: none;
}
div.admingridpaging {
    margin: 0 3px 3px;
    padding: 0 7px 7px;
    text-align: center;
}
div.admingridpaging a {
    border: 1px solid #383838;
    color: #383838;
    cursor: pointer;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
div.admingridpaging a:hover, div.admingridpaging a:active {
    background-color: #007bff;
    border: 1px solid #007bff;
    color: #FFFFFF;
}
div.admingridpaging a:hover {
    color: #ffffff !important;
}
div.admingridpaging span {
    cursor: pointer;
}
div.admingridpaging span.current {
    background-color: #007bff;
    border: 1px solid #007bff;
    color: #FFFFFF;
    margin: 2px;
    padding: 2px 5px;
}
div.admingridpaging span.disabled {
    border: 1px solid #007bff;
    color: #007bff;
    display: none;
    margin: 2px;
    padding: 2px 5px;
}
div.admingridpaging span.prev {
    border: 1px solid #007bff;
    color: #007bff;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
div.admingridpaging span.next {
    border: 1px solid #383838;
    color: #383838;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
div.admingridpaging span.next:hover, div.admingridpaging span.prev:hover {
    background-color: #007bff;
    border: 1px solid #007bff;
    color: #FFFFFF;
}
div.admingridpaging span.resultcount {
    color: #1d1d1d;
    text-decoration: none;
}
.page-left-content {
    float: left;
    width: 695px;
}

.page-bar {
    float: left;
    margin-top: -40px;
}
.page-bar-left {
    background: url("../images/steps-bar-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 53px;
    width: 51px;
}
.page-bar-mid {
    background: url("../images/steps-bar-mid.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #0063d1;
    float: left;
    font-size: 22px;
    font-weight: normal;
    height: 53px;
    line-height: 53px;
    padding: 0 10px 0 2px;
}
.page-bar-right {
    background: url("../images/steps-bar-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 53px;
    width: 6px;
}
.normalh2 {
    color: #4F4F4F;
    margin: 0;s
    padding: 0;
}
.normallink {
    color: #007AAD;
    text-decoration: underline;
}
.btnPaypal {
    background-image: url("../images/paypal.png");
    cursor: pointer;
    height: 55px;
    margin-top: 10px;
    width: 159px;
}
.btnPaypoint {
    background-image: url("../images/paypoint.gif");
    cursor: pointer;
    height: 68px;
    margin-top: 10px;
    width: 252px;
}
.btnPaypoint:hover, .btnPaypal:hover {
    box-shadow: 0 0 5px 5px #888888;
}
.divtoottip {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    line-height: 30px;
    max-width: 400px;
    min-height: 100px;
    min-width: 200px;
    padding: 10px;
    position: absolute;
}

.reviews ul {
    float: left;
    list-style: none outside none;
    margin: 5px 0 0 10px;
    padding: 0;
}
.reviews li {
    float: left;
    margin-left: 3px;
}
.makeitalic {
    font-size: 11px;
    font-style: italic;
}

.chkbtnwlens {
    background: none repeat scroll 0 0 #78A728;
    border: 1px solid #729634;
    color: #FFFFFF;
    cursor: pointer;
    font: bold 11px/24px Verdana;
    height: 24px;
    padding: 0;
    text-align: center;
    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;
    height: 26px;
    width: 100%;
}

.pDetail {
    clear: both;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}



.item-des-box h3 {
    line-height: 1.8;
}


ul.woocommerce-mini-cart.cart_list.product_list_widget {
    overflow-y: scroll;
    max-height: 190px;
}
.buttons {

  text-align: center;
  width: 100%;
}

.step-wizard {
  display: inline-block;
  position: relative;
  width: 85%;
  .progress {
    position: absolute; 
    top: 35px;
    left: 12.5%;
    width: 75%;
  }
  .progressbar {
    position: absolute;
    background-color: #3B5343;
    opacity: 1;
    height: 3px;
    //border: 1px solid e5e6e6;
    width: 0%;
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    &.empty {
      opacity: 1;
      width: 100%;
      background-color: #d0d0d0;
    }
  }
  ul {
    position: absolute;
    width: 100%;
    list-style-type: none;
    padding: 0;
    left: -2%
  }
  li {
    display: inline-block;
    text-align: center;
    width: 24%;
    & .step {
      text-align: center;
      display: inline-block;
      font-size: 18px;
      font-weight: bold;
      line-height: 30px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 3px solid;
      border-color: #d0d0d0;
      background: #ffffff;
      -webkit-transition: background-color 0.6s ease, border-color 0.6s ease;
      -o-transition: background-color 0.6s ease, border-color 0.6s ease;
      transition: background-color 0.6s ease, border-color 0.6s ease; 
    }
    & .title {
      text-decoration: underline;
      width: 100%;
      padding-top: 10px;
      color: #767676;
      -webkit-transition: color 0.6s ease;
      -o-transition: color 0.6s ease;
      transition: color 0.6s ease; 
    }
    &.active {
      .step {
        border-color: #3B5343;
        color: #3b5343;
      }
      .title {
        text-decoration: none;
        color: #3b5343;
        font-weight: bold;
      }
    }
    &.done .title {
      color: #3b5343;
      &:hover {
        color: #3B5343;
      }
    }
    &.done .step {
      color: white;
      background-color: #3B5343;
      border-color: #3B5343;
    }  
    & > button {
      background: none;
      border: none;
      display: block;
      width: 100%;
      color: #777;
      position: relative;
      text-align: center; 
      &:hover {
        & .step {
          border-color: #3b5343;
          background: #eee;
          color: #3b5343;
        }
        & .title {
          color: #3b5343;
        }
      }
    }
  } 
}

@media only screen and (max-width: 1200px) {
  .step-wizard li {
    width: 24%;
  }
}

@media only screen and (max-width: 375px) {
  .step-wizard li {
    width: 22%;
  }
}

li.done button div.step {
    font-size: 0;
}
li.done button div.step::before {
  content:  "\2713 ";
  font-size: 18px;
  
}
.steps-content-block {
    margin-bottom: 15px;
}



/*step*/

.step_one ul li {
    list-style-type: none;
    width: 23%;
    margin: 1% !important;
    border: 1px solid #dedada;
    padding: 5px 10px 5px;
    float: left;
    text-align: center;
    margin: 0 auto;
    background: #f7f7f7;
}
.step_one ul li h4 {
    color: red;
    font-size: 20px;
    margin-top: 15px;
}

.step_one ul li img {
    width: 60px;
    margin: 0 auto;
}

.step_one ul li h2 {
    margin-top: 10px;
    color: #424242;
    font-size: 16px;
    text-transform: uppercase;
}

.step_one ul li h6 {
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 500;
}

.step_one ul li a {
    font-size: 11px;
}

.step_one ul li:hover {
    background: #fff;
	border-bottom: 5px solid #007bff !important;
}
.step_one ul {
    margin: 0;
}
.step_one {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
}

.step_one.tabs.half_step li {
    width: 48%;
    height: 195px;
    max-height: 195px;
}
.packages h2, .step_one h2 {
    font-size: 25px;
    padding: 0px 7px;
    margin-top: 0;
    color: #115c99;
}
.tabs-stage h2 {
    font-size: 25px;
    padding: 0px 7px;
    margin-top: 20px;
    color: #115c99;
}

.varifocal_lenses ul li img {
    width: 100%;
}

.varifocal_lenses ul li {
    padding: 0px;
   
}

.packages ul li {
    background: #f5f5f5;
    border: 1px solid #eaeaea;
    position: relative;
    width: 31%;
    max-height: 425px;
    height: 425px;
}
ul.pack_details li {
    width: 100%;
    background: transparent;
    border: none;
    text-align: left;
    font-size: 10px;
    height: auto;
    max-height: initial;
	padding: 0px;
}
ul.pack_details li i {
    color: #007bff;
    margin-right: 6px;
}
ul.pack_details li:hover {
    border-bottom: none !important;
    background: transparent;
}
.packages ul li h4 {
    font-size: 40px;
    margin-top: 20px;
}
.packages ul li a {
    font-size: 11px;
}

.packages ul li h2 {
    font-size: 20px;
    margin-bottom: 0;
}
.packages ul li:hover {
    opacity: 0.86;
}
.packages ul li p {
    font-size: 15px;
    padding: 0px;
}

.packages ul li h6 {
    padding: 6px;
    color: #0063d1;
    text-transform: uppercase;
    font-size: 18px;
	    padding-bottom: 0px;
}
.step_one.packages.lens_addon.tint_shade_show li {
    width: 23%;
    min-height: 225px;
}
.tint_shade_show .shade_icon {
    width: 35%;
    margin: 10px auto;
}


.shade_test h5 {
    font-size: 14px;
}
.bifocal_lenses ul li img {
    width: 100%;
}

.bifocal_lenses ul li {
	max-height: 255px;
    height: 255px;
}
.lens_addon ul li img {
    width: 100%;
}
.coating_img {
    width: 100%;
    height: 165px;
    object-fit: cover;
    margin-bottom: 20px;
}
.lens_addon ul li a {font-size: 15px;}
.lens_addon ul li {

    max-height: initial;
    height: auto;
}

.lens_addon ul li h2 {
    font-size: 17px;
}
.color_option ul li a img {
	width: 60px;
}
.color_option ul li a {
    font-size: 13px;
}
.open_color {display:block;}
.color_option ul li {
    margin-top: 10px !important;
    text-align: center;
    background: #fff;
    cursor: pointer;
	padding: 5px 0px !important;
}
.color_option ul li:hover {
    background: white;
    opacity: 0.8;
    border: 1px solid #80b1e8 !important;
}
.lens_addon ul li .video_ico {
    width: 40px;
    margin-bottom: 10px;
    cursor: pointer;
}
.lens_addon ul li h4 {
    margin-bottom: 15px;
    margin-top: 15px;
}
.read_icon i {
    font-size: 20px;
    color: #757575;
    border-radius: 50%;
}
.detail_lens {
    min-height: 50px;
    font-size: 12px;
}

.product-tabbing-content h3 {
    font-size: 20px;
}