/*Browser Define*/ body {background:url(../images/bg.jpg) repeat; font:80% 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color:#333; line-height:150%; text-align:center;} h1, h2, h3, h4, h5 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#422B21; line-height:120%;} h1 {font-size:2.0em;} h2 {font-size:1.6em;} h3 {font-size:1.4em;} h4 {font-size:1.2em;} h5 {font-size:1.1em; margin:20px 0 10px;} p {margin-bottom:15px;} ol {list-style:decimal outside} ul {list-style:none inside;} a {text-decoration:none; outline:none;} img {border:none;} /*Main Template*/ #page-wrap {text-align:left;} #branding {background:url(../images/branding.jpg) no-repeat; height:215px; text-indent:-9000em;} #container {background:url(../images/contentBG.jpg) repeat-y; margin-left:32px; padding-bottom:30px;} #main_Nav {background:url(../images/navBG.jpg) no-repeat; height:493px; margin-left:0; text-indent:-9000em;} #main_Nav ul {width:110px; margin:30px 0 0 15px;} #main_Nav ul li a * {display:none;} #main_Nav ul li a, #main_Nav ul li a .hover {background:url(../images/navSprite.jpg) 0 0 no-repeat; height:48px; display:block; position:relative;} /*Nav Sprite Setup*/ #main_Nav ul li a.home:hover {background-position:0 -48px;} #main_Nav ul li.home {background:url(../images/navSprite.jpg) 0 -96px no-repeat; height:48px;} #main_Nav ul li a.about {background-position:0 -144px;} #main_Nav ul li a.about:hover {background-position:0 -192px;} #main_Nav ul li.about {background:url(../images/navSprite.jpg) 0 -240px no-repeat; height:48px;} #main_Nav ul li a.eco {background-position:0 -288px;} #main_Nav ul li a.eco:hover {background-position:0 -336px;} #main_Nav ul li.eco {background:url(../images/navSprite.jpg) 0 -384px no-repeat; height:48px;} #main_Nav ul li a.products {background-position:0 -432px;} #main_Nav ul li a.products:hover {background-position:0 -480px;} #main_Nav ul li.products {background:url(../images/navSprite.jpg) 0 -528px no-repeat; height:48px;} #main_Nav ul li a.services {background-position:0 -576px;} #main_Nav ul li a.services:hover {background-position:0 -624px;} #main_Nav li.services {background:url(../images/navSprite.jpg) 0 -672px no-repeat; height:48px;} #main_Nav ul li a.eye {background-position:0 -720px;} #main_Nav ul li a.eye:hover {background-position:0 -768px;} #main_Nav ul li.eye {background:url(../images/navSprite.jpg) 0 -816px no-repeat; height:48px;} #main_Nav ul li a.contact {background-position:0 -864px;} #main_Nav ul li a.contact:hover {background-position:0 -912px;} #main_Nav ul li.contact {background:url(../images/navSprite.jpg) 0 -960px no-repeat; height:48px;} /*END OF SPRITE*/ #mainContents {margin-left:-10px; padding:20px 0 0 10px;} a.email {background:#B02025 url(../images/mail.png) no-repeat 3px 4px; margin-top:10px; padding:0 5px 5px 25px; font-size:11px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; color:#FFF; width:130px; height:20px; line-height:20px; display:block;} a.email:hover {background-color:#666;} #footer {background-color:#422B21; margin:0 auto; padding-bottom:30px; width:955px; clear:both; overflow:hidden;} #footer p {width:160px; float:left; font:9px "Lucida Grande", sans-serif; color:#FFF; line-height:15px; text-align:right; margin-top:20px;} #footer p a {text-decoration:none; color:#B39980; display:block; width:125px; float:right;} #footer p a:hover {border-bottom:1px dashed #B39980;} #footer ul {margin:20px 10px 0 0; float:right;} #footer li {float:left; margin-right:5px;} #footer li a {font-size:11px; color:#FFF; border-left:1px solid #FFF; padding-left:5px; display:block; height:15px; line-height:15px;} #footer li a:hover {color:#CCC;} #footer li.fb {display:block; clear:both; margin:10px 0 0 170px;} #footer li.fb a {border:none; background:url(../images/fb.png) no-repeat top right; height:25px; padding-right:30px; line-height:25px;} /*Individual Setup*/ /*HOME*/ #masterSales {width:700px; height:380px; margin:20px 0 0 40px; overflow:hidden;} #masterSales #hero {height:343px; position:absolute; top:0; left:0; overflow:hidden;} #masterSales #hero img {float:left;} #masterSales #paging {position:absolute; top:348px; right:0;} #masterSales #paging a {width:8px; height:8px; line-height:8px; display:block;/* color:#333; font-size:10px; text-align:center; padding:5px; */margin-right:8px; background-color:#B39980; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; float:left; text-indent:-9999px;} #masterSales #paging a:hover, #masterSales #paging a.active {background-color:#B02025; color:#FFF;} /*#promotion {margin:20px 0 30px 10px; padding-left:33px;} #promotion a {margin-right:10px;}*/ /*For stripAward*/ #promotion {width:700px; height:175px; position:relative; top:20px; left:33px; padding-bottom:30px;} #promotion IMG {position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0;} #promotion IMG.active {z-index: 10; opacity: 1.0;} #promotion IMG.last-active {z-index: 9;} /*End of stripAward*/ /*ABOUT*/ #aboutQuote {margin:25px 0 0 -15px;} #aboutQuote h2 {background:url(../images/aboutQuote.jpg) no-repeat; height:53px; text-indent:-9000em;} #about_txt {margin:65px 0 0 10px;} #about_txt p {margin:5px 0 0 10px;} #about_txt h2 {color:#B02025;} #about_txt .img_preview {margin-top:20px;} #about_txt .img_preview a {margin-right:15px;} #about_txt .img_preview a img {height:100px;} #statement {margin-top:190px;} #alexis {margin-top:22px;} #alexis h2 {color:#B02025;} #alexis a {height:50px; display:block; margin:10px 0 30px 0;} /*Alexis Page*/ .alexistore {margin-top:26px;} .alexistore h2 {background:url(../images/alexisBrand.jpg) no-repeat; height:65px; text-indent:-9000em; margin-bottom:45px;} .alexistore h3 {color:#B02025; margin-bottom:20px;} .alexistore p {margin-left:10px;} .alexistore a {background:#B02025 url(../images/backward.png) 3px 0 no-repeat; height:20px; line-height:20px; color:#FFF; padding: 3px 5px 3px 20px; margin:0 0 30px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; float:left;} .alexistore a:hover {background-color:#666;} .alexistore img {margin-bottom:30px;} .alexistore .paraTwo {margin-left:45px;} .alexistore ol {margin-left:30px; float:left;} .alexistore .paraTwo img {height:100px; margin:-5px 0 0 20px;} .alexistore .paraTwo a {color:#FFF; background:#B02025 url(../images/readmore.png) 3px 3px no-repeat; height:15px; padding:3px 5px 3px 25px; border-radius:5px; -webkt-border-radius:5px; -moz-border-radius:5px; float:right; margin:99px 135px 0 0; line-height:15px;} .alexistore .paraTwo a:hover {background-color:#666;} .alexistore .location {margin-top:30px;} .alexistore .location h4 {background:url(../images/contactTitleBG.png) no-repeat; height:50px; line-height:50px; padding-left:20px; color:#B02025;} .alexistore .location ul {margin:0 0 20px 20px; overflow:hidden;} .alexistore .location li {float:left; margin-right:50px;} .alexistore .location li span {font-weight:bold; line-height:40px;} .alexistore .location img {margin:20px 0 30px 430px;} /*ECO*/ #process .description {margin-top:20px;} .MessageClip {color:#666666; margin-top:10px;font-size:11px; font-style:italic;} .MessageClip a {background:#B02025 url(../images/readmore.png) 3px 3px no-repeat; height:20px; line-height:20px; font-size:11px; padding:4px 5px 4px 25px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; color:#FFF;} .MessageClip a:hover {background-color:#666;} #credential {margin-top:35px;} #credential h2 {color:#B02025; padding-bottom:20px;} #credential img {margin-bottom:30px;} #credential p {padding-top:15px;} /*PRODUCTS*/ .pdtContainer {min-height:550px;} #quotePRO {margin:25px 0 0 -15px;} #quotePRO h2 {background:url(../images/productsQuote.jpg) no-repeat; height:34px; text-indent:-9000em;} #productNav {margin:30px 0 50px 10px;} #productNav ul {margin-top:22px;} #productNav li {float:left; margin-right:10px;} #productNav li a {background:url(../images/brandBtn.jpg) 0 0 no-repeat; width:100px; height:148px; position:relative; display:block; text-indent:-9000em;} /*Product Nav Sprite*/ #productNav li a.lk_btn:hover, #productNav li.Active a.lk_btn {background-position:0 -148px;} #productNav li a.ub_btn {background-position:-105px 0;} #productNav li a.ub_btn:hover, #productNav li.Active a.ub_btn {background-position:-105px -148px;} #productNav li a.el_btn {background-position:-207px 0;} #productNav li a.el_btn:hover, #productNav li.Active a.el_btn {background-position:-207px -148px;} #productNav li a.gl_btn {background-position:-310px 0;} #productNav li a.gl_btn:hover, #productNav li.Active a.gl_btn {background-position:-310px -148px;} #productNav li a.be_btn {background-position:-412px 0;} #productNav li a.be_btn:hover, #productNav li.Active a.be_btn {background-position:-412px -148px;} #productNav li a.ls_btn {background-position:-510px 0;} #productNav li a.ls_btn:hover, #productNav li.Active a.ls_btn {background-position:-510px -148px;} /*END OF SPRITE*/ #linkskin {margin-bottom:30px;} #linkskin h2 {background:url(../images/linkskinBrand.jpg) no-repeat; height:30px; text-indent:-9000em;} #linkskin img {margin:20px 0;} #linkskin li {width:90px; float:left; margin-left:10px; text-align:center;} #linkskin li a {color:#999;} #linkskin li a:hover {color:#B02025;} #linkskin li a img {margin:0; border:3px solid #CCC;} #linkskin a.knowMore {background:#B02025 url(../images/readmore.png) 3px 5px no-repeat; height:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px 5px 5px 25px; font-size:11px; color:#FFF; line-height:15px; float:right; margin:20px 40px 0 0;} #linkskin a.knowMore:hover {background-color:#666;} #linkskin .description {width:710px; margin-top:30px;} #linkskin .description .award {margin-left:40px;} #linkskin .description .award h4 {margin-bottom:10px; color:#B02025;} #linkskin .description .award p {margin-left:10px;} #linkskin .description .award p span {font-weight:bold; color:#B02025;} #eyelet {margin-bottom:30px;} #eyelet h2 {background:url(../images/eyeletBrand.jpg) no-repeat; height:61px; text-indent:-9000em;} #eyelet img {margin:20px 0;} #eyelet li {width:90px; float:left; margin-left:10px; text-align:center;} #eyelet li a {color:#999;} #eyelet li a:hover {color:#B02025;} #eyelet li a img {margin:0; border:3px solid #CCC;} #eyelet a.knowMore {background:#B02025 url(../images/readmore.png) 3px 5px no-repeat; height:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px 5px 5px 25px; font-size:11px; color:#FFF; line-height:15px; float:right; margin:20px 40px 0 0;} #eyelet a.knowMore:hover {background-color:#666;} #eyelet .description {width:710px; margin-top:30px;} #eyelet .description .award {margin-left:40px;} #eyelet .description .award h4 {margin-bottom:10px; color:#B02025;} #eyelet .description .award p {margin-left:10px;} #eyelet .description .award p span {font-weight:bold; color:#B02025;} #glossi {margin-bottom:30px;} #glossi h2 {background:url(../images/glossiBrand.jpg) no-repeat; height:36px; text-indent:-9000em;} #glossi img {margin:20px 0;} #glossi li {width:90px; float:left; margin-left:10px; text-align:center;} #glossi li a {color:#999;} #glossi li a:hover {color:#B02025;} #glossi li a img {margin:0; border:3px solid #CCC;} #glossi a.knowMore {background:#B02025 url(../images/readmore.png) 3px 5px no-repeat; height:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px 5px 5px 25px; font-size:11px; color:#FFF; line-height:15px; float:right; margin:20px 40px 0 0;} #glossi a.knowMore:hover {background-color:#666;} #glossi p {margin-top:30px;} #urband {margin-bottom:30px;} #urband h2 {background:url(../images/urbandBrand.jpg) no-repeat; height:38px; text-indent:-9000em;} #urband img {margin:20px 0;} #urband li {width:90px; float:left; margin-left:10px; text-align:center;} #urband li a {color:#999;} #urband li a:hover {color:#B02025;} #urband li a img {margin:0; border:3px solid #CCC;} #urband a.knowMore {background:#B02025 url(../images/readmore.png) 3px 5px no-repeat; height:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px 5px 5px 25px; font-size:11px; color:#FFF; line-height:15px; float:right; margin:20px 40px 0 0; clear:both;} #urband a.knowMore:hover {background-color:#666;} #urband .description {width:710px; margin-top:30px;} #urband .description .award {margin-left:40px;} #urband .description .award h4 {margin-bottom:10px; color:#B02025;} #urband .description .award p {margin-left:10px;} #urband .description .award p span {font-weight:bold; color:#B02025;} #bigeye {margin-bottom:30px;} #bigeye h2 {background:url(../images/bigEyeBrand.jpg) no-repeat; height:47px; text-indent:-9000em;} #bigeye img {margin:20px 0;} #bigeye p.tease {color:#4f2524; font-size:14px; line-height:23px; font-weight:normal;} #liberty {margin-bottom:30px;} #liberty h2 {background:url(../images/libertyBrand.jpg) no-repeat; height:80px; text-indent:-9000em;} #liberty img {margin:20px 0;} #liberty li {width:90px; float:left; margin-left:10px; text-align:center;} #liberty li a {color:#999;} #liberty li a:hover {color:#B02025;} #liberty li a img {margin:0; border:3px solid #CCC;} #liberty a.knowMore {background:#B02025 url(../images/readmore.png) 3px 5px no-repeat; height:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:5px 5px 5px 25px; font-size:11px; color:#FFF; line-height:15px; float:right; margin:20px 40px 0 0;} #liberty a.knowMore:hover {background-color:#666;} #liberty .description {width:710px; margin-top:30px;} #liberty h4.caters {margin-bottom:10px; color:#B02025;} #liberty .libertyCaters li {float:none; width:100%; text-align:left; list-style:outside square; margin:0 0 10px 15px;} #liberty .libertyCaters li span {font-size:12px; font-style:italic; color:#999;} /*SERVICES*/ #safety-glasses {margin-top:20px;} #safety-glasses h2 {color:#B02025;} #safety-glasses p {margin:8px 0 20px 10px;} #voucher {margin-top:30px;} #voucher h2, #voucher h4 {color:#B02025;} #voucher p {margin:10px 0 20px 10px;} #voucher ol {margin:10px 0 30px 10px;} /*EYE TEST*/ #eyetest {margin-top:20px;} #eyetest h2 {color:#B02025;} #eyetest p, #eyetest .eye_txt {margin:10px 0 20px 10px;} #eyetest .eye_txt {background:#EBE5CB; padding:12px 5px 3px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} #eyetest .eye_txt h4 {width:215px; padding:3px 5px; margin-left:-15px; background:#B02025; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; color:#FFF;} #test_nav {margin-bottom:20px;} #test_nav h4 {color:#B02025; margin-bottom:20px;} #test_nav li {width:220px; float:left; margin:0 10px 15px 0;} #test_nav li a {background:url(../images/readmore.gif) no-repeat; padding-left:20px; color:#666; font-weight:bold; display:block; line-height:15px;} #test_nav li a:hover {color:#B02025;} #disclaimer {font-size:11px; color:#666; border-top:1px solid #666;} /*CONTACT*/ #contactQuote {margin:25px 0 0 5px;} #contactQuote h2 {background:url(../images/conQuote.jpg) no-repeat; height:57px; text-indent:-9000em;} .office {margin-top:40px; margin-bottom:-10px;} .office h3 {background:url(../images/contactTitleBG.png) no-repeat; height:50px; margin-left:-10px; padding-left:20px; line-height:50px; color:#B02025;} .office ul {margin-left:10px;} .office li {width:250px; height:100px; float:left; margin:10px 80px 20px 0;} .office li span {font-weight:bold; font-size:13px; line-height:26px;} .office li span.new {background:url(../images/new.jpg) no-repeat; width:50px; height:43px; padding:6px 0 8px 55px;} #varyinfo {background-color:#B02025; width:700px; height:30px; color:#FFF; text-align:center; font-size:11px; line-height:30px; margin-top:20px;} .job p {margin-top:20px; margin-bottom:30px; margin-right:85px;} .job p span {font-weight:bold; font-size:13px;} /*TEST PAGES*/ .test-instructions {margin-top:23px; margin-left:55px; margin-bottom:30px; background-color:#EBE5CB; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .test-instructions h3 {width:105px; height:30px; background-color:#422B21; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 15px -25px; color:#FFF; padding:3px 15px 3px 15px; line-height:30px;} .test-instructions p {margin-left:10px;} .test-instructions p span {color:#B02025; font-size:11px;} .test-instructions small {color:#B02025; font-size:11px; display:block; margin-bottom:20px;} .test-instructions ol {margin-left:20px;} .test-instructions li {margin-bottom:15px;} .test-instructions a.start {background:url(../images/test.png) no-repeat; height:50px; display:block; font-weight:bold; font-size:18px; color:#B02025; line-height:50px; padding-left:70px; margin:20px 0;} .test-instructions a.start:hover {color:#666;} .test-instructions .disclaim {border-top:1px solid #666; border-bottom:1px solid #666; padding-top:15px; margin-bottom:20px;} .test-instructions .disclaim h4 {color:#B02025;} .test-instructions .disclaim p {margin-left:10px; font-size:11px;} .test-instructions .result h4 {width:175px; height:30px; background-color:#422B21; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 15px -25px; color:#FFF; padding:3px 15px 3px 15px; line-height:30px;} .test-instructions .result p {margin-left:10px;} .test-instructions .result table {width:300px; border:1px solid #333; margin:20px 0 20px 10px;} .test-instructions .result table tr {text-align:center; font-weight:bold;} .test-instructions .result table td {border:1px solid #333; width:75px; vertical-align:middle;} .test-instructions .return {background-color:#B02025; width:175px; height:30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 15px -25px; padding:3px 15px 3px 15px;} .test-instructions .return a {background:url(../images/backward.png) no-repeat; color:#FFF; padding-left:15px; line-height:30px;} .test-instructions .return a:hover {color:#CCC;} /*END OF TEST COMMON SETUP*/ #cVision_txt {margin-top:23px;} #cVision_txt h2 {color:#B02025;} #cVision_txt p {margin: 20px 0 0 10px;} #cVision_txt p span {color:#B02025; font-size:11px;} #cVision_txt table {width:300px; border:1px solid #333; margin:20px 0 0 10px;} #cVision_txt table tr {text-align:center; font-weight:bold;} #cVision_txt table td {border:1px solid #333; width:75px; height:75px; vertical-align:middle;} #DVision-txt {margin-top:23px;} #DVision-txt h2 {color:#B02025;} #DVision-txt h4 {margin-left:10px;} #DVision-txt p {margin: 20px 0 20px 10px;} #phole_txt {margin-top:23px;} #phole_txt h2 {color:#B02025;} #phole_txt p {margin: 20px 0 20px 10px;} .test-instructions img {margin:20px 0 30px;} #presby_txt {margin-top:23px;} #presby_txt h2 {color:#B02025;} #presby_txt p {margin: 20px 0 20px 10px;} #astig_txt {margin-top:23px;} #astig_txt .columnRite {margin-left:55px;} #astig_txt .columnRite p span {color:#B02025; font-size:11px;} #astig_txt h2 {color:#B02025;} #astig_txt p {margin: 20px 0 20px 10px;} #astig_txt .return {background-color:#B02025; width:175px; height:30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 15px -25px; padding:3px 15px 3px 15px;} #astig_txt .return a {background:url(../images/backward.png) no-repeat; color:#FFF; padding-left:15px; line-height:30px;} #astig_txt .return a:hover {color:#CCC;} #amsler_txt {margin-top:23px;} #amsler_txt h2 {color:#B02025;} #amsler_txt p {margin: 20px 0 20px 10px;} #amsler_txt p span {color:#B02025; font-size:11px; margin-left:0;} #amsler_txt .test-instructions {margin-left:10px;} #amsler_txt .result {margin-top:23px; margin-left:20px; margin-bottom:30px; background-color:#EBE5CB; padding:10px 15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} #amsler_txt .result h4 {width:175px; height:30px; background-color:#422B21; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 15px -25px; color:#FFF; padding:3px 15px 3px 15px; line-height:30px;} #amsler_txt .return {background-color:#B02025; width:175px; height:30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 15px -25px; padding:3px 15px 3px 15px;} #amsler_txt .return a {background:url(../images/backward.png) no-repeat; color:#FFF; padding-left:15px; line-height:30px;} #amsler_txt .return a:hover {color:#CCC;} #gscreen_txt {margin-top:23px;} #gscreen_txt h2 {color:#B02025;} #gscreen_txt p {margin:20px 0 20px 10px;} #cblind_txt {margin-top:23px;} #cblind_txt h2 {color:#B02025;} #cblind_txt p {margin:20px 0 20px 10px;} #ceyes_txt {margin-top:23px;} #ceyes_txt h2 {color:#B02025;} #ceyes_txt p {margin:20px 0 20px 10px;} #deye_txt {margin-top:23px;} #deye_txt h2 {color:#B02025;} #deye_txt p {margin:20px 0 20px 10px;}