/* General */
html { background:url(images/html-bg.gif) repeat-x center top; }
div { font-family:"Trebuchet MS",Arial; font-size:13px; }
input, textarea { font-family:"Trebuchet MS",Arial, Helvetica, sans-serif, "Trebuchet MS"; }
a { color:#44adc2; }
option { border:none!important; }
strong { font-weight:bold; }
/* Control */
.listbox { border:#c3c3c3 solid 1px; color:#404040; font-size:14px; }
.textbox { border:#c3c3c3 solid 1px; color:#404040; font-size:14px; }
.textarea { border:#c3c3c3 solid 1px; color:#404040; font-size:14px; }
.button { border:none; color:#fff; font-size:12px; padding-bottom:4px; cursor:pointer;}
.errorbox { border:#CC3333 solid 1px; background:#FCF0EC; padding:10px; overflow:hidden; height:100%; }
.errorbox h2 { float:left; font-weight:bold; font-size:16px; margin-right:15px;color:#CC3333; }
.errorbox ul { float:left; }
.errorbox ul li { color:#000; margin-bottom:4px; background:url(images/bullet-03.gif) no-repeat left 5px; padding-left:13px; }
.successbox { border:#339900 solid 1px; background:#F8FFEB; padding:10px; overflow:auto; height:100%; }
.successbox h2 { float:left; font-weight:bold; font-size:16px; margin-right:15px;color:#339900; }
.successbox ul { float:left; }
.successbox ul li { color:#000; margin-bottom:4px; background:url(images/bullet-03.gif) no-repeat left 5px; padding-left:13px; }
.gap { margin-bottom:10px; }
/* Button */
.btn-158-27 { background:url(images/btn-158-27.gif) no-repeat center top; width:158px; height:27px;vertical-align:middle; color:#fff; font-size:15px; border:none; }
.btn-99-27 { background:url(images/btn-99-27.gif) no-repeat center top; width:99; height:27px;vertical-align:middle; color:#fff; font-size:15px; border:none; }
#wraper { width:1000px; margin:0 auto; }
#container { background:url(images/container-bg.gif) repeat-y center top; height:100%; overflow:auto; padding-bottom:2px; }
.body { width:756px; float:right; }
.sidebar { width:215px; float:left; }
.clear { clear:both; }
/* heading */
h1 { color:#0ea9d5; font-size:36px; font-family:omnes-pro ; border-bottom:#58c4dd solid 1px; padding-bottom:10px; margin:10px 0 20px 0; font-weight:500; padding-left:8px; }
h1 span { color:#005db0; }
h2,h3 { font-family:omnes-pro; font-weight:500; }
/* Header */
.header { width:1000px; height:90px; display:block; margin-bottom:18px; }
.header #logo { display:inline;margin:14px 0 0 11px;float:left; }
.header #logo a { width:347px; height:62px; display:block; text-indent:-9999px; background:url(images/logo.gif) no-repeat center top; }
#header-home { margin-bottom:15px; }
.header ul { float:right; width:560px; margin-top:7px; }
.header ul li { float:right; margin-left:10px; }
.header ul li a { color:#44adc2; font-family:omnes-pro; font-weight:500; font-size:22px; padding:1px 7px 7px 7px; text-decoration:none; letter-spacing:-1px; display:block; }
.header ul li a:hover, .header ul li a.selected { color:#fff; background:#a1e0e5; }
.header ul li#nav-facebook a { width:25px; height:25px; display:block; text-indent:-9999px; background:url(images/icon-facebook.png) no-repeat center top; margin-top:3px; }
.header .searchbox {width:185px; height:25px; padding:3px 0 3px 8px; background:#fff; display:block; float:left; margin-top:8px; }
.header .searchbox .keyword { width:135px; border:#fff solid 1px; float:left; font-size:17px; color:#999; border:none; padding:2px; }
.header .quickbox { height:25px; padding:5px 0 0 8px; display:block; float:left; }
.header .quickbox select { font-size:15px; color:#666; width:230px; margin-top:8px; }
.header #button { float:left; margin:0px 0 0 10px; }
.header #secnav { margin-top:0; }
/* Homepage */
#home { color:#666; }
#home #banner { margin-bottom:30px; overflow:auto; height:100%; }
#home #banner li { float:left; width:235px; margin-right:25px; overflow:hidden; }
#home #banner li.last { margin:0; }
#home h1,h2 { color:#018cb1; font-size:24px; margin-bottom:5px; }
#home p { margin-bottom:20px; line-height:16px; }
#home .product-list { margin-top:40px; }
/* Product-list */
.product-list { background:url(images/product-list-bg.gif) repeat-y center top; overflow:auto; height:100%; }
.product-list p { margin-bottom:0!important; }
.product-list h2 { color:#018cb1; font-size:24px; border-bottom:#ddd solid 1px; padding-bottom:7px; width:100%; background:#fff; }
.product-list li { padding:20px 14px; width:348px; height:160px; overflow:hidden; float:left; border-bottom:#ddd solid 1px; }
.product-list li .pic { float:left; width:110px; overflow:hidden; letter-spacing:0px; }
.product-list li .pic .price { background:#58c4dd; padding:5px 0; font-size:16px; color:#fff; text-align:center; margin-top:10px; }
.product-list li .pic .price span { font-size:20px; padding-top:7px; display:block; }
.product-list li .item { width:210px; float:right; }
.product-list li .item h3 { color:#2eb5c6; font-size:18px; width:220px; line-height:22px; }
.product-list li .item .subtitle { font-size:15px; color:#2eb5c6; margin-top:6px; font-style:italic; }
.product-list li .item .buy { margin-top:5px; }
.product-list li .item .desc { color:#6f6f6f; height:75px; overflow:hidden; font-size:12px; line-height:15px!important; margin-top:5px; }
/* sidebar */
#quickcart { background:url(images/box-cart.gif) #dffbef no-repeat center top; width:195px; display:block; padding:5px 0 20px 20px; font-size:15px; color:#435e53; line-height:20px; border-bottom:#fff solid 20px;}
#quickcart h2 { color:#435e53; font-size:19px; margin:0 0 15px 0; }
#quickcart button { margin-top:10px; letter-spacing:-1px; }
#quickcart #logged { margin:0 20px 5px 0; display:block; border-bottom:#b8d2c7 solid 1px; padding:15px 0 10px 0; line-height:14px; }
#quickcart #logged span { color:#1AACD3; font-weight:bold; }
#category { margin-top:21px; }
#category li a { font-family:omnes-pro; height:26px; padding:6px 0 0 32px; background:url(images/cat-close.gif) #1aacd3 no-repeat 11px 13px; color:#fff; font-size:20px; text-decoration:none; width:183px; display:block; border-bottom:#fff solid 1px; }
#category li a.open { background:url(images/cat-open.gif) #1aacd3 no-repeat 11px 13px; }
#category li ol { padding-bottom:20px; }
#category li ol li a { height:24px; padding:5px 0 0 18px; color:#fff; background:#58c4dd; border:none; width:197px; font-size:17px; }
#category li ol li a:hover { background:#96e0f1; color:#19829e; }
#category li ol li.label { font-family:omnes-pro; font-size:18px; margin:20px 0 7px 18px; color:#fff; border-bottom:#fff dotted 2px; padding-bottom:5px; font-weight:500; width:180px; }
/* Footer */
#footer { clear:both; width:970px; height:147px; padding:15px 0 15px 30px; background:#58c4dd; margin:20px 0 0 0; color:#fff; }
#footer h3 { font-size:22px; color:#fff; font-weight:normal; }
#footer .box { float:left; }
#footer .box ul { margin-top:19px; }
#footer .box ul li { margin-bottom:9px; }
#footer .box ul li a { font-size:15px; color:#fff; background:url(images/bullet-01.gif) no-repeat left 8px; padding-left:18px;}
#footer #box1 { margin-right:50px; }
#footer #box2 { margin-right:50px; }
#footer #box3 .newsletter { margin:10px 0 13px 0; }
#footer #box3 .textbox { width:153px; height:20px; border:#ddd solid 1px; color:#666; margin:0 13px 0 0; }
#footer #box3 button { background:#1e8097; border:#fff solid 1px; color:#fff; height:25px; font-size:12px; }
#footer #box3 .phone { margin-bottom:10px; }
#footer #box3 a { color:#fff; }
#footer #box3 p { line-height:16px; }
#footer #box3 #subscribe_name { background:url(images/label-entername.gif) #fff no-repeat 4px center; }
#footer #box3 #subscribe_email { background:url(images/label-enteremail.gif) #fff no-repeat 4px center; }
#footer #box3 .message-text { font-size:15px; color:#FFFF99; }
#copyright { margin:12px 0 30px 0; padding-left:12px; color:#a7a7a7; font-size:12px; }
#copyright a { color:#a7a7a7; }
/* faq */
#faq .body-main { width:502px; padding:0 30px 0 8px; float:left; display:block; overflow:hidden; border-right:#ddd solid 1px; }
#faq .body-main h2 { font-size:16px; color:#018cb1; margin-bottom:10px; }
#faq .body-main div { color:#666; line-height:18px; margin-bottom:20px; }
#faq .body-main p { margin-bottom:15px; }
#faq .body-side #questionform { margin-bottom:45px; }
#faq .body-side { width:162px; padding:0 25px; float:left; }
#faq .body-side p.question { text-align:center; margin-bottom:15px; }
#faq .body-side p.text { padding-bottom:15px; border-bottom:#ddd solid 1px; margin-bottom:15px; }
#faq .body-side p { color:#565656; line-height:15px; font-size:12px; }
#faq .body-side label { color:#7b7b7b; font-size:12px; }
#faq .body-side .textbox { margin:3px 0; border:#ddd solid 1px; color:#565656; width:152px; height:20px; font-size:12px; }
#faq .body-side .textarea { margin:3px 0 10px 0; border:#ddd solid 1px; color:#565656; width:152px; height:110px; font-size:12px; }
#faq .body-side .note { width:96px; float:left; color:#bebebe; font-size:11px; line-height:13px; }
#faq .body-side h3 { color:#018cb1; font-size:16px; padding-bottom:4px; margin-bottom:10px; border-bottom:#ddd solid 1px; }
#faq .body-side li { color:#1aacd3; margin-bottom:10px; font-size:11px; line-height:15px; }
/* General page */
#page { color:#666; font-size:13px; line-height:18px; }
#page p { margin-bottom:15px; }
/* Contact Us */
#contact { margin-top:20px; }
#contact table { border-collapse:collapse; width:100%; }
#contact td { background:#DDF8FE; border-top:#fff solid 1px; padding:10px; color:#0E87AD; vertical-align:top; }
#contact .label { width:120px; }
#contact input { width:98%; border:#0E87AD solid 1px; font-size:13px; padding:2px; }
#contact textarea { width:98%; border:#0E87AD solid 1px; height:150px; font-size:13px;padding:2px; }
/* Contact-List */
#contact-list #top { border-bottom:#58c4dd solid 1px; padding-bottom:10px; margin-bottom:20px; width:100%; }
#contact-list #top h1 { float:left; padding-bottom:0; margin:0; border:0; }
#contact-list #top .right { text-align:right; }
#glasses-list #banner, #contact-list #banner { margin-bottom:20px; overflow:auto; height:100%; }
#glasses-list #banner li , #contact-list #banner li { float:left; width:372px; margin-right:10px; overflow:hidden; }
#glasses-list #banner li.last, #contact-list #banner li.last { margin:0; }
#contact-list .text { color:#1eabbd; font-size:14px; padding-bottom:30px; border-bottom:#ddd solid 1px; line-height:18px; }
/* Contact-detail */
#contact-detail h1 a { float:right; font-size:14px; text-decoration:none; margin:20px 20px 0 0; }
#contact-detail #left { float:left; width:193px; padding-left:16px; margin-bottom:30px; }
#contact-detail #left img { }
#contact-detail #left ul { margin:30px 0; }
#contact-detail #left li { margin-bottom:15px; padding:5px 0 0 38px; height:20px;font-size:12px; }
#contact-detail #left li.enquire { background:url(images/icon-help.gif) no-repeat left center; }
#contact-detail #left li.friend { background:url(images/icon-email.gif) no-repeat left center; }
#contact-detail #left li.print { background:url(images/icon-printer.gif) no-repeat left center; }
#contact-detail #left li.prescription { background:url(images/icon-note.gif) no-repeat left center; }
#contact-detail #left .shipping-today { background:url(images/tick1.gif) no-repeat left 3px; padding-left:29px; font-size:18px; color:#8dc63f; font-weight:bold; letter-spacing:-1px;}
#contact-detail #left .shipping-late { background:url(images/tick1.gif) no-repeat left 3px; padding-left:29px; font-size:18px; color:#8dc63f; font-weight:bold; letter-spacing:-1px;}
#contact-detail #left .shipping-delay { background:url(images/icon-delay.gif) no-repeat left 3px; padding-left:20px; font-size:18px; color:#FF6600; font-weight:bold; letter-spacing:-1px;}
#contact-detail #left .shipping-nostock { font-size:18px; color:#cc0000; font-weight:bold; letter-spacing:-1px;}
#contact-detail #left .shipping-5day { background:url(images/tick1.gif) no-repeat left 3px; padding-left:29px; font-size:18px; color:#8dc63f; font-weight:bold; letter-spacing:-1px;}
#contact-detail #left .shipping-10day { background:url(images/tick1.gif) no-repeat left 3px; padding-left:29px; font-size:18px; color:#8dc63f; font-weight:bold; letter-spacing:-1px;}
#glasses-detail .right .shipping-5day { background:url(images/tick1.gif) no-repeat left 3px; padding-left:29px; font-size:18px; color:#8dc63f; font-weight:bold; letter-spacing:-1px;}
#glasses-detail .right .shipping-10day { background:url(images/tick1.gif) no-repeat left 3px; padding-left:29px; font-size:18px; color:#8dc63f; font-weight:bold; letter-spacing:-1px;}
#glasses-detail .right .nzdollar { margin-bottom: 17px; margin-right: 10px; margin-top: 5px; width: 150px; float: right; font-size: 11px; text-align: right; color: #666; }
#contact-detail #right { width:498px; margin-right:20px; float:right; }
#contact-detail #right .desc { float:left; width:287px; overflow:hidden; color:#2eb5c6; line-height:16px; margin-bottom:17px; }
#contact-detail #right .price { float:right; width:191px; width:191px; background:#63bdcb; color:#fff; margin-bottom:6px; }
#contact-detail #right .nzdollar { margin-bottom: 17px; margin-left: 10px; width: 250px; float: right; font-size: 11px; text-align: right; color: #666; clear: both; }
#contact-detail #right .price td { padding:8px 0 8px 15px; font-size:15px; }
#contact-detail #right .price td.head{ font-size:16px; border-bottom:#fff solid 1px; }
#contact-detail #right .price td.head span { font-size:11px; }
#contact-detail #right .onlineprice { background:#63bdcb; width:488px; border-top:#fff solid 1px; height:30px; font-size:15px; color:#fff; text-align:right; padding:7px 10px 0 0; display:block; clear:both; }
#contact-detail #right .onlineprice span { font-size:22px; }
#contact-detail #right .buy { clear:both; width:100%; background:#dffbef; color:#39bdd0; }
#contact-detail #right .buy td { padding:4px 5px 4px 17px; }
#contact-detail #right .buy td.head { padding:10px 5px 10px 17px; border-bottom:#fff solid 1px; font-size:16px; }
#contact-detail #right .buy td.label { width:95px; }
#contact-detail #right .buy .listbox { width:95px; }
#contact-detail #right .buy td.end { padding:10px 23px 10px 0; ; border-top:#fff solid 1px; text-align:right; }
#contact-detail .redirect p { margin-bottom: 20px; }
#contact-detail .link { font-size: 18px; font-weight: bold; }
#contact-detail #colour { margin: 16px auto 0 auto; height: 20px; }
#contact-detail #colour a { width: 16px; height: 16px; text-indent: -9999px; border: #000 solid 1px; float: left; margin-right: 4px; }
#more { clear:both; padding-top:24px; border-top:#ddd solid 1px; color:#4ec0e0; }
#more a { height:91px; display:block; overflow:hidden; }
#more h2 { font-size:20px; margin-bottom:20px; color:#0ea9d5; }
#more li { width:130px; float:left; border-right:#ddd solid 1px; padding:10px 25px; text-align:center; }
#more h3 { height:28px; overflow:hidden; }
#more .shipping-today { background:url(images/tick1.gif) no-repeat left 3px; padding-left:17px; padding-top:3px; font-size:12px; color:#8dc63f; margin-top:5px; height:15px; }
#more .shipping-late { background:url(images/tick1.gif) no-repeat left 3px; padding-left:10px; padding-top:3px; font-size:12px; color:#8dc63f; margin-top:5px; height:15px; }
#more .shipping-delay { background:url(images/icon-delay.gif) no-repeat left 3px; padding-left:17px; padding-top:3px; height:15px; color:#FF6600; padding-top:3px; font-size:12px; width:90px; margin:5px auto 0 auto; }
#more .shipping-nostock { color:#cc0000; font-weight:bold; margin-top:5px; }
#more .shipping-5day { background:url(images/tick1.gif) no-repeat left 3px; padding-left:17px; padding-top:3px; font-size:12px; color:#8dc63f; margin-top:5px; height:15px; }
#more .shipping-10day { background:url(images/tick1.gif) no-repeat left 3px; padding-left:17px; padding-top:3px; font-size:12px; color:#8dc63f; margin-top:5px; height:15px; }
#more li.last { border:none; }
/* Glasses-list */
#glasses-list { overflow:hidden; }
#glasses-list h1 { border:none; margin:0; padding-bottom:14px; }
#glasses-list #top { border-bottom:#58c4dd solid 1px; width:100%; }
#glasses-list #top .right { text-align:right; vertical-align:middle; }
#glasses-list #tryon { padding:14px 0; text-align:center; border-bottom:#58c4dd solid 1px; margin-bottom:15px; }
#glasses-list .text { margin:5px 0 30px 0; font-size:13px; color:#1eabbd; line-height:16px; }
#glasses-list .list { background:url(images/glasses-grid.gif) repeat-y left top; overflow:auto; height:100%; }
#glasses-list .list li { float:left; width:165px; height:205px; overflow:hidden; padding:10px 10px 20px 10px; border-bottom:#ddd solid 1px; }
#glasses-list .list h2 { font-size:16px; color:#1AACD3; }
#glasses-list .list .product-pic { height:130px; overflow:hidden; }
#glasses-list .list img { margin:10px 0; }
#glasses-list .list .price { background:#58c4de; color:#fff; font-size:15px; text-align:center; width:165px; height:23px; padding-top:7px; }
.special h2 { font-size:15px!important; }
/* Glasses-detail */
#glasses-detail h1 { border:none; margin:0; padding-bottom:14px; }
#glasses-detail #top { border-bottom:#58c4dd solid 1px; width:100%; }
#glasses-detail #top td { vertical-align:middle; }
#glasses-detail #top .topright { text-align:right; }
#glasses-detail #tryon { padding:14px 0; text-align:center; border-bottom:#58c4dd solid 1px; }
#glasses-detail .path { font-size:12px; margin:14px 0; }
#glasses-detail .right { width:427px; float:right; margin-bottom:20px; }
#glasses-detail .text { font-size:13px; color:#2eb5c6; margin:20px 0; line-height:16px; }
#glasses-detail .right .spec { width:416px; height:100%; overflow:auto; background:url(images/spec-bg.gif) repeat-y left top; padding:2px; }
#glasses-detail .right .spec div { float:left; padding:12px; width:113px; display:block; }
#glasses-detail .right .spec h2 { font-size:18px; margin-bottom:10px; }
#glasses-detail .right .spec li { margin-bottom:10px; background:url(images/bullet-02.gif) no-repeat left 5px; padding-left:11px; color:#2eb5c6; font-size:15px; }
#glasses-detail .right .price { background:#63bdcb; width:406px; border-top:#fff solid 1px; height:30px; font-size:15px; color:#fff; text-align:right; padding:7px 10px 0 0; }
#glasses-detail .right .price span { font-size:22px; }
#glasses-detail .right .include { margin-top: 10px; text-align: right; font-size: 14px; margin-right: 10px;}
#glasses-detail .right .help { width:415px; margin:14px 0; color:#4b4b4b; line-height:16px; }
#glasses-detail .right .shipping-today { background:url(images/tick1.gif) no-repeat 10px center; height:26px; padding:13px 11px 9px 40px; width:364px; font-size:20px; color:#8dc63f; }
#glasses-detail .right .buynow { background:#dffbef; text-align:right; height:26px; padding:8px 11px 9px 11px; width:393px; font-size:20px; color:#8dc63f; margin-top:20px; }
#glasses-detail .right .buynow .button { float:right; }
#glasses-detail .right .buynow .color-box { float:left; margin-top:5px; }
#glasses-detail .right .buynow .listbox { width:120px; }
#glasses-detail .left { float:left; width:296px; margin-bottom:20px; }
#glasses-detail .left .mainpic { border-bottom:#ddd solid 1px; }
#glasses-detail .left #picture { margin:17px 0 0 0; height:100%; overflow:auto; }
#glasses-detail .left #picture li { float:left; border:#ddd solid 1px; margin-right:7px; }
#glasses-detail .left #picture li.last { margin:0; }
#glasses-detail .left .color { margin:0 0 32px 0; font-size:15px; color:#536d62; padding-top:11px; }
#glasses-detail .left .color span { border:#000 solid 1px; width:13px; height:13px; display:block; float:left; margin-right:5px; }
#glasses-detail .left .color .color-text { border:none; width:130px; float:left; font-size:15px; color:#536d62; margin-bottom:20px; }
#glasses-detail .left #function { margin:0; float:none; background:none; }
#glasses-detail .left #function li { margin-bottom:15px; padding:5px 0 0 38px; height:20px;font-size:12px; }
#glasses-detail .left #function li.enquire { background:url(images/icon-help.gif) no-repeat left center; }
#glasses-detail .left #function li.friend { background:url(images/icon-email.gif) no-repeat left center; }
#glasses-detail .left #function li.print { background:url(images/icon-printer.gif) no-repeat left center; }
#glasses-detail .left #function li.prescription { background:url(images/icon-note.gif) no-repeat left center; }
/* Glasses - order */
#glasses-order .text { color:#0ea9d5; margin-bottom:27px; line-height:18px; font-size:13px; }
#glasses-order .section { overflow:auto; height:100%; padding:0 0 4px 0; }
#glasses-order .section .left { float:left; width:195px; }
#glasses-order .section .left h2 { font-size:18px; }
#glasses-order .section .left p { margin-top:18px; color:#999; line-height:16px; font-size:13px; }
#glasses-order .section .left li { color:#999; margin-bottom:13px; }
#glasses-order .section .left li input { margin-right:10px; }
#glasses-order .section .right { float:right; width:500px; margin-right:20px; }
#glasses-order #section1 { padding-bottom:31px; }
#glasses-order #section1 .buy1 { clear:both; width:100%; background:#dffbef; color:#39bdd0; padding-bottom:10px; }
#glasses-order #section1 .buy1 td { padding:4px 5px 4px 17px; }
#glasses-order #section1 .buy1 td.head { padding:10px 5px 10px 17px; border-bottom:#fff solid 1px; font-size:16px; }
#glasses-order #section1 .buy1 td.label { width:95px; }
#glasses-order #section1 .buy1 .listbox { width:95px; }
#glasses-order #section1 .buy1 td.end { padding:10px 23px 10px 0; ; border-top:#fff solid 1px; text-align:right; }
#glasses-order #section1 .buy2 { margin-top:15px; }
#glasses-order #section1 .buy2 td { vertical-align:middle; height:30px;}
#glasses-order #section1 .buy2 img { }
#glasses-order #section1 .buy2 .label { width:190px; text-indent:15px; }
#glasses-order #section2 .choose { background:url(images/icon-tick.gif) no-repeat left top; padding:0px 0 10px 57px; border-bottom:#ddd solid 1px; }
#glasses-order #section2 .choose ul { }
#glasses-order #section2 .choose li { color:#1aacd3; font-size:18px; margin-bottom:10px;}
#glasses-order #section2 .choose label { width:330px; display:block; float:left; }
#glasses-order #section2 .buy { margin:20px 0 30px 57px; width:440px; }
#glasses-order #section2 .buy .head { font-size:13px; color:#58c4dd; height:30px; vertical-align:top; }
#glasses-order #section2 .buy td { height:26px; vertical-align:middle;font-size:14px; }
#glasses-order #section2 .buy .col1 { width:30px; }
#glasses-order #section2 .buy .col2 { width:220px; }
#glasses-order #section2 .buy .col3 { width:80px; }
#glasses-order #section2 .buy .col3 a { background:url(images/icon-question.gif) no-repeat center top; width:16px; height:16px; display:block; }
#glasses-order #section2 .buy .total td { color:#1aacd3; font-size:18px; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; font-weight:bold; height:50px; }
#glasses-order #addtocard { float:right; }
/* My Account (member) */
#member h1 a { float:right; font-size:14px; text-decoration:none; margin:20px 20px 0 0; }
#member #menu { background:url(images/menu-bg.gif) repeat-x center top; width:752px; height:45px; padding:15px 0 0 0; border:#1aacd3 solid 1px; border-bottom:none; }
#member #menu li { float:left; font-size:18px; }
#member #menu li a { color:#fff; text-decoration:none; padding:0 15px 0 15px; height:46px; display:block; float: left; }
#member #menu li a:hover, #member #menu li a.selected { text-decoration:underline; }
#member #menu li a.selected { background:url(images/arrow-01.gif) no-repeat center bottom; }
#member .panel { width:720px; border:#1aacd3 solid 1px; border-top:none; padding:12px 16px 25px 16px; overflow:auto; height:100%; }
#member .panel p { color:#333; font-size:16px; margin-bottom:15px; line-height:20px; }
#member .panel #table-reorder { width:485px; float:left; }
#member .panel #table-reorder td { padding:5px; vertical-align:top; font-size:14px; color:#666; border-bottom:#e0e0e0 solid 1px;}
#member .panel #table-reorder .head td { color:#0b7e9d; border-bottom:#1aacd3 solid 1px; font-size:16px; }
#member .panel #table-reorder li { padding-left:10px; background:url(images/bullet-02.gif) no-repeat left 4px; margin-bottom:4px; }
#member .panel #function { width:208px; float:right; background:#dffbef; }
#member .panel #function h2 { color:#1aacd3; padding:10px; border-bottom:#fff solid 1px; font-size:18px; letter-spacing:-1px; }
#member .panel #function ul { margin:14px 14px 24px 14px; }
#member .panel #function li { background:url(images/bullet-02.gif) no-repeat left 5px; padding-left:15px; margin-bottom:10px; }
#member .panel #function li a { font-size:14px; color:#1aacd3; }
#member .panel #function p { font-size:12px; padding:10px; color:#333; }
#member #prescription { width:450px; float:left; }
#member #reminder h2 { font-size:16px; }
#member #reminder p { font-size:13px; padding-left:26px; }
#member #reminder label { cursor:pointer; }
/* order list */
#orderlist { float:left; width:490px; }
#orderlist .item { background:#E7FFFF; padding:5px 10px; height:100%; overflow:auto; border-left:#1AACD3 solid 4px; margin-bottom:10px; }
#orderlist .item label { color:#1AACD3; font-weight:bold; }
#orderlist .item p { margin:0!important; }
#orderlist .number { width:200px; float:left;font-size:12px!important; }
#orderlist .date { width:200px; float:left; margin-left:20px;font-size:12px!important; }
#orderlist .amount { width:200px; float:left;font-size:12px!important; }
#orderlist .status { width:200px; float:left; margin-left:20px;font-size:12px!important; margin-bottom:10px!important; }
#orderlist .response { clear:both; padding:7px; background:#ccf2f2; font-size:12px!important; border-top:#E7FFFF solid 8px; }
/* My Profile */
#profile table { width:485px; float:left; }
#profile table td { padding:5px; vertical-align:top; font-size:14px; color:#666; width:50%; }
#profile table td label { display:block; font-size:12px; font-weight:bold; margin-bottom:3px; color:#333; }
#profile table td .textbox { width:200px; }
#profile table td .textarea { width:440px; height:100px; }
#profile table td label span { color:#CC0000; }
#profile #panel table .head td { color:#0b7e9d; border-bottom:#1aacd3 solid 1px; font-size:16px; }
#profile #panel table li { padding-left:10px; background:url(images/bullet-02.gif) no-repeat left 4px; margin-bottom:4px; }
/* register */
#register #panel { width:720px; background:#ecfcf5; padding:12px 16px 25px 16px; overflow:auto; height:100%; }
#register #panel p { font-size:16px; margin-bottom:15px; line-height:20px; }
#register #panel table { width:485px; float:left; }
#register #panel table td { padding:5px; vertical-align:top; font-size:14px; color:#666; width:50%; }
#register #panel table td label { display:block; font-size:12px; font-weight:bold; margin-bottom:3px; }
#register #panel table td .textbox { width:200px; }
#register #panel table td .textarea { width:440px; height:100px; }
#register #panel table td label span { color:#CC0000; }
#register #panel table .head td { color:#0b7e9d; border-bottom:#1aacd3 solid 1px; font-size:16px; }
#register #panel table li { padding-left:10px; background:url(images/bullet-02.gif) no-repeat left 4px; margin-bottom:4px; }
#function { width:208px; float:right; background:#dffbef; font-size:12px; color:#333; }
#function p { font-size:13px!important; color:#333; padding:0 10px; margin-bottom:10px; line-height:16px; }
#function h2 { color:#1aacd3; padding:10px; border-bottom:#fff solid 1px; font-size:18px; }
#function ul { margin:14px 14px 24px 14px; }
#function li { background:url(images/bullet-02.gif) no-repeat left 5px; padding-left:15px; margin-bottom:10px; }
#function li a { font-size:14px; color:#1aacd3; }
#register p { margin-bottom:15px; line-height:17px; font-size:12px; }
/* cart */
/* Cart - Step 1*/
#cart #progress { margin:20px 0 40px 0; height:42px; display:block; }
#cart #progress li { float:left; }
#cart #progress li a { height:42px; text-indent:-9999px;display:block; }
#cart #progress li a#step1 { width:155px; background:url(images/step1.gif) no-repeat center top; }
#cart #progress li a#step1.selected { background:url(images/step1.gif) no-repeat center -42px!important; }
#cart #progress li a#step2 { width:148px; background:url(images/step2.gif) no-repeat center top; }
#cart #progress li a#step2.selected { background:url(images/step2.gif) no-repeat center -42px!important; }
#cart #progress li a#step3 { width:153px; background:url(images/step3.gif) no-repeat center top; }
#cart #progress li a#step3.selected { background:url(images/step3.gif) no-repeat center -42px!important; }
#cart #progress li a#step4 { width:151px; background:url(images/step4.gif) no-repeat center top; }
#cart #progress li a#step4.selected { background:url(images/step4.gif) no-repeat center -42px!important; }
#cart #progress li a#step5 { width:147px; background:url(images/step5.gif) no-repeat center top; }
#cart #progress li a#step5.selected { background:url(images/step5.gif) no-repeat center -42px!important; }
#cart #cart-list { }
#cart #cart-list #cart-list-wrapper { }
#cart #cart-list table { margin:3px 0px 10px 0px; width:100%; display:inline; border-collapse:collapse; }
#cart #cart-list table td { padding:10px 0;vertical-align:middle; border-bottom:#b9b9b9 solid 1px; }
#cart #cart-list table td ul { float:left; width: 360px; }
#cart #cart-list table td li { background:url(images/bullet-01.gif) no-repeat left 5px; padding-left:17px; margin-bottom:5px; }
#cart #cart-list table .head td { font-size:13px; color:#fff; border-bottom:#17829f solid 4px; height:34px; background:#1aacd3; }
#cart #cart-list table .head .col3 { text-indent:8px;}
#cart #cart-list table .first { text-indent:15px; }
#cart #cart-list table img { float:left; margin-right:20px; }
#cart #cart-list table h2 { font-size:13px; padding:0; margin:5px 0 0 0; }
#cart #cart-list table h2 a { text-decoration:underline; }
#cart #cart-list .qty { width:39px; height:18px; text-align:center; }
#cart #info { background:#dffbef; height:100%; overflow:hidden; padding-bottom:10px; }
#cart #info #voucher { margin:8px 0 0 8px; padding-left:36px; width:240px; float:left; background:url(images/icon-star.gif) no-repeat 5px 5px; display:block; color:#848484; font-size:11px; }
#cart #info #voucher h2 { margin:8px 0 6px 0; color:#000; font-size:12px; }
#cart #info #voucher p { margin-bottom:10px; }
#cart #info .redeem { margin:0!important; color:#ff9600!important; }
#cart #info #voucher span { font-size:13px; font-weight:bold; color:#1AACD3; margin-top:45px; display:block; }
#cart #info #calculate { float:left; margin:12px 0 0 130px; color:#000; }
#cart #info #calculate li { font-size:14px; margin-bottom:9px; }
#cart #info #calculate li span { width:200px; display:block; float:left; margin-right:18px; text-align:right; }
#cart #info #calculate li.total { color:#1aacd3; font-weight:bold; text-decoration:underline; }
#cart .toolbar { margin:10px 0; }
#cart .toolbar a.contiune { float:left; margin-top:12px; }
#cart .toolbar a.update { float:right; margin:12px 26px 0 0 ; }
#cart .toolbar a.proceed { float:right; }
#cart #step5 p { margin-bottom:15px; line-height:18px; }
#cart #step5 .btn { width:159px; height:32px; padding-top:14px; text-decoration:none; background:url(images/btn-159-46.gif) no-repeat center top; display:block; text-align:center; color:#fff; float:left; margin-right:10px; }
/* Cart - Step 2 */
#cart-login #loginform h2, #cart-login #regform h2 { font-size:18px; }
#cart-login #loginform { width:350px; float:left; background:#dffbef; padding:10px; height:260px; }
#cart-login #loginform table { margin:10px; }
#cart-login #loginform .label { height:26px; width:130px; }
#cart-login #loginform .content { height:26px; }
#cart-login #loginform { float:left; height:260px; }
#cart-login #loginform hr { border:none; border-top:#ccc solid 1px; margin:12px 0; height:1px;}
#cart-login #loginform .text { color:#666; height:40px; }
#cart-login #msg { border:#ffc6c6 solid 1px; padding:6px; color:#ffc6c6; margin:10px auto; width:348px; }
#cart-login #msg li { list-style:none; padding-left:10px;color:#7a2e2e; }
#cart-login #regform { float:right; background:#dffbef; padding:10px; width:350px; height:260px;}
#cart-login #regform table { margin:10px; }
#cart-login #regform .label { width:140px; height:26px;}
#cart-login #regform .label span { color:#cc0000; }
#cart-login #regform .text { color:#666; height:40px; }
/* Cart - Step 3 */
#cart-form .form { float:left; }
#cart-form .form table { width:530px; }
#cart-form .form td { padding:5px; vertical-align:top; font-size:14px; color:#666; width:50%; }
#cart-form .form td label { display:block; font-size:12px; font-weight:bold; margin-bottom:3px; }
#cart-form .form td .textbox { width:90%; }
#cart-form .form td .textarea { width:95%; height:100px; }
#cart-form .form td span { color:#CC0000; }
#cart-personal { float:left; }
#cart-personal h2 { margin-left:5px; font-size:18px; }
#cart .navbar { clear:both; padding-top:20px; }
#cart .navbar .button { font-size:15px; }
#cart .navbar .left { float:left; }
#cart .navbar .right { float:right; }
/* cart - payment */
#cart .space { clear:both; height:15px; display:block; }
#cart #payment { padding:15px; border:#ccc solid 1px; display:block; overflow:auto; height:100%; }
#cart #payment #option { float:left; width:200px; border-right:#ccc solid 1px; height:130px; font-size:12px; }
#cart #payment #option li { font-size:13px; font-weight:bold; margin-bottom:5px;}
#cart #payment #explain { float:right; width:500px; }
#cart #payment #explain h2 { background:none; font-size:15px; color:#333; padding:0; height:20px; width:400px; margin-bottom:10px!important; font-weight:bold; }
#cart #payment #explain .box p { line-height:16px!important; }
#TB_ajaxContent { text-align:center; height:80px!important; }
#TB_ajaxContent p { font-size:18px!important; margin-bottom:20px!important; }
#TB_ajaxContent a#left { background:#1AACD3; color:#fff!important; padding:4px 8px!important; margin-right:5px; text-decoration:none!important; font-size:20px!important; border:#0883a4 solid 1px; float:right; }
#TB_ajaxContent a#right { background:#1AACD3; color:#fff!important; padding:4px 8px!important; margin-right:5px; text-decoration:none!important; font-size:20px!important; border:#0883a4 solid 1px; float:right; }
/* message */
#welcomebox {}
#data { width: 500px; height: 330px; padding: 15px; }
#data h1 { text-align: center; padding: 0 0 10px; margin: 0 0 20px; }
#data h2 { line-height: 1.4em; font-size: 22px; padding: 0; margin: 0 0 20px; }
#data p { line-height: 1.4em; color: #333333; font-size: 14px; padding: 0; margin: 0 0 20px; }
#data a#wcontinue {}