/* Don't scroll down! */ .prepend-top {margin-top:1.5em;} .append-bottom {margin-bottom:1.5em;} .success {float:left;margin:0 20px 20px 0; display: inline; width: 580px;} html body.fullwidth #content-primary { width: 920px !important; padding: 0 !important; } /** * Grid */ #banner {float:left;margin:0 20px 20px 0; display: inline; width: 920px; margin: 0; margin-right: 0;} #intro {float:left;margin:0 20px 20px 0; display: inline; width: 920px; margin: 0; margin-right: 0;} #nav_categories {float:left;margin:0 20px 20px 0; display: inline; width: 520px; margin-right: 0;} #details {float:left;margin:0 20px 20px 0; display: inline; width: 380px;} #collections .section {float:left;margin:0 20px 20px 0; display: inline; width: 920px; margin: 0; margin-right: 0;} #preconfigured {float:left;margin:0 20px 20px 0; display: inline; width: 920px; margin: 0; margin-right: 0;} #footnote {float:left;display: inline; margin: 0; background: #151515;} #bottom_promos {float:left;display: inline; width: 880px; margin: 20px;} #footnote p {} /** * General Setup */ #banner a.goggles, #banner a.watches, #banner a.backpacks {display: none;} #intro #details>div {display: none;} #intro #details>div.sunglasses {display: block;} .products {display: none;} #sunglasses.products {display: block;} /*#collections #active, #collections #lifestyle_sunglasses, #collections #asian_fit, #collections #womens {display: none;}*/ *#preconfigured_goggles, #preconfigured_watches {display: none;}* /* #goggles .section { display:block !important; } */ /** * Structure */ /* Banner */ #banner {height: 232px; border-bottom: 1px solid #151515;} #banner a {width: 920px; height: 200px; z-index:1; position: absolute;} /* Intro */ #intro {width: 920px; height: 150px; margin-bottom: 30px; overflow: hidden; border-top: 6px solid #0f0f0f;} #intro h1 {margin: 18px 0 .5em 0; padding: 0;} #intro ul {margin: 0 0 0 30px; padding: 0; list-style-type: none;} #intro ul li {margin: 0 30px 0 0; padding: 0; float: left;} #intro {background: transparent url(../../images/custom/splash/ui/preconfigured_row_bg_tilef305.png?1248388392) repeat-x 0 0;} /*#intro {background: #040404 url(/images/gradients/000/50v_v0_t.png?1163211048) repeat-x 0 0;}*/ #intro h1 {color: #900; font-size: 1.5em;} /* Intro Details */ #details {height: 150px; margin-bottom: 0; position: relative;} #details ul {margin: 0; padding: 0;} #details ul li {width: 90px; height: 28px; margin: 0 2px 0 0 !important; padding: 0;} #details ul li a {background: #0f0f0f url(../../images/gradients/000/50v_t_v0c3dd.png?1163211048) repeat-x 0 0;} #details ul li a.selected {background: #0f0f0f url(../../images/gradients/000/50v_v2_tfb61.png?1163211049) repeat-x 0 -30px;} #details ul li a:hover {background: #0f0f0f url(../../images/gradients/000/50v_v2_tfb61.png?1163211049) repeat-x 0 -20px;} #details a {color: #505050; text-align: center; width: 100%; height: 100%; padding-top: 4px; display: block; border-top: 1px solid #000; border-bottom: none;} #details a:hover {border-bottom: none;} #details a.selected {border-top: 1px solid #151515; color: #ccc;} #details a.selected:hover {border-top: 1px solid #151515;} #details>div {position:absolute;margin-left: 20px;} /* Nav Categories */ #nav_categories {height: 100%;} #nav_categories ul {margin-top: 20px;} #nav_categories li {float: left; margin-right: 10px;} #nav_categories a {height: 130px; display: block; border: none; border: none !important; position: relative;} #nav_categories a.sunglasses {width: 124px; background: transparent url(../../images/custom/splash/categories/sunglasses374e.png?1248388369) no-repeat 50% 32%;} #nav_categories a.goggles {width: 129px; background: transparent url(../../images/custom/splash/categories/goggles1a47.png?1253224696) no-repeat 50% 24%;} #nav_categories a.watches {width: 85px; background: transparent url(../../images/custom/splash/categories/watchese8a6.png?1248388371) no-repeat 50% 20%;} #nav_categories a.backpacks {width: 85px; background: transparent url(../../images/custom/splash/categories/backpackse8a6.png?1248388371) no-repeat 46% 24%;} #nav_categories a span {width: 100%; position: absolute; bottom: 12px; display: none; text-align: center; color: #505050;} #nav_categories a.selected span {display: block;} #nav_categories {background: transparent url(../../images/custom/splash/ui/hilight_arrow_v2d95e.gif?1248388393) no-repeat 42px 100%;} /* Collections */ /* General Sunglasses Styles Inherited Fram General Collections Styles*/ #collections {width: 920px; float: left; clear: both; overlow: hidden; border-top: solid 1px #151515;} #collections h2 {margin-bottom: 4px; margin-left: 20px;} #collections p {margin-left: 20px;} #collections .section {width: 100%; overflow: hidden; border-bottom: 1px solid #151515;} #collections ul {width: 100%; height: 100%; display: block; list-style-type: none; margin: 0; padding: 0; overflow: hidden;} #collections #preconfigured .section li, #collections .section li {width: 200px; height: 180px; float: left; margin: 0; padding: 0;} #collections #watches .section li {height: 300px; } #collections #backpacks .section li {height: 300px; } /* #collections #sunglasses .section li {width: 200px; height: 180px; float: left; margin: 0; padding: 0;} */ #collections .section a {width: 100%; height: 100%; position: relative; display: block; border: none !important;} #collections .section a img {display: block; position: absolute; top: 35px; left: 22px;} #collections strong, #collections em {position: absolute; bottom: 32px;} #collections strong {width: 100%; /*left: 24px; */text-align: center;} #collections em {/*right: 24px;*/} .products.few .section, #collections .section ul {background: transparent url(../../images/custom/splash/ui/gallery_row_bg_tileed5b.png?1248388391) repeat-x 0 bottom;} #collections ul li a {text-shadow: 0px 1px 1px #000;} #collections h2 {padding-top: 20px; color: #900;} #collections a {border:none;} #collections a:hover {border:none;} #collections a:hover strong {color: #fff;} #collections span {vertical-align: super; font-size: 50%;} #collections strong {font-weight: normal;} #collections em {color: #505050;} /* Few Products */ .products.few .section {display: block; clear: both; background: transparent url(../../images/custom/splash/ui/gallery_row_bg_tileed5b.png?1248388391) repeat 0 0; background-repeat: repeat-x; background-position: 0 100%;} .products.few .section .image {float:left;margin:0 20px 20px 0; display: inline; width: 280px; height: 200px;padding-top: 20px;} .products.few .section .image a {width: 100%; height: 100%; display: block; text-indent: -9999px;} .products.few .section .details {float:left;margin:0 20px 20px 0; display: inline; width: 680px; margin-right: 0; margin-bottom: 10px; padding: 30px 0 20px 0;} .products.few .section ul {margin-left: 20px; background: none; margin-left: 20px;} .products.few .section li {float: left; padding: 0 20px 0 0; margin-left: 0; width: 100px;} .products.few .section li a {display: block; padding: .2em 1em; background: #333 url(../../images/gradients/000/50v_v12_tc3dd.png?1163211048) repeat-x 0px -34px; -webkit-border-radius: .3em; -moz-border-radius: .3em; -webkit-box-shadow: 0px 2px 2px #000; -moz-box-shadow: 0px 2px 2px #000; border-top-color: #505050; border-right-color: #505050; border-bottom-color: #666; border-left-color: #505050; color: #e8e8e8; font-size: .950em; text-transform: uppercase; text-align: center;} .products.few .section li a:hover {background-color: #505050;} .products.few .section .details h2 a {color: #900;} .products.few .section .details h2 a span {vertical-align: super; font-size: 50%;} /* Preconfigured */ #preconfigured {width: 920px; height: 180px; border-top: 6px solid #0f0f0f; border-bottom: 1px solid #151515; position: relative;} #preconfigured h3 {border: none; top: 20px; left: 20px; position: relative;} #preconfigured {background: transparent url(../../images/custom/splash/ui/preconfigured_row_bg_tilef305.png?1248388392) repeat-x 0 0;} #preconfigured strong, #preconfigured em {display: none;} #preconfigured a:hover strong, #preconfigured a:hover em {display: block;} /* Footnote */ #footnote .disclaimer {border-bottom: solid 1px #1f1f1f; margin-right: 20px;} #footnote h5 {color: #900; background: transparent url(../../images/css/default/icons/important2579.gif?1167943299) no-repeat 0 2px; padding-left: 22px; margin-bottom: .7em;} /* Bottom Promos */ #bottom_promos {margin-top: 26px;} .promo_bot.first {float:left;margin:0 20px 20px 0; display: inline; border-right: 1px solid #1f1f1f; margin-right: 25px; padding-right: 24px; margin-bottom: 1.7em; width: 450px; padding-right: 0;} .promo_bot.last {float:left;margin:0 20px 20px 0; display: inline; width: 480px; margin-right: 0;} .promo_bot .img_wrap {float:left;margin:0 20px 20px 0; display: inline; width: 130px;} .promo_bot p {float:left;margin:0 20px 20px 0; display: inline; width: 281px;} .promo_bot.first p {float:left;margin:0 20px 20px 0; display: inline; width: 280px; &margin-right: 0;} #content-primary #intro {margin-bottom: 0;} .subnav_wrapper { /*background: #1f1f1f url(/images/gradients/000/50v_v0_t.png?1163211048) repeat-x 0px -20px; */ background-color: #000; border-bottom: 1px solid #181818;} #content-primary .subnav li { float: left; margin-bottom: 0; margin-left: 20px; margin-top: 12px; margin-bottom: 12px; } #content-primary .subnav li a { /* background-color: #1f1f1f;*/ color: #505050; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 4px 16px; border-bottom: none; font-size: 12px; font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif; } #content-primary .subnav li a.selected, #content-primary .subnav li a.selected:hover { background-color: #333; color: #ccc; } #content-primary .subnav li a:hover { background-color: #1f1f1f; color: #808080; } #watches .section .image { float:left;margin:0 20px 20px 0; display: inline; width: 230px; height: 300px; } #watches .section .details { float:left;margin:0 20px 20px 0; display: inline; width: 730px; } #backpacks .section .image { float:left;margin:0 20px 20px 0; display: inline; width: 230px; height: 350px; } #backpacks .section .details { float:left;margin:0 20px 20px 0; display: inline; width: 730px; } .mx_heading { clear: both; } #collections .subnav li { float:left; margin-bottom:12px; margin-left:20px; margin-top:12px; } #collections .subnav li a:hover { background-color:#1F1F1F; color:#808080; } #collections .subnav li a.selected, #collections .subnav li a.selected:hover { background-color:#333333; color:#CCCCCC; } #collections .subnav li a { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-bottom:medium none; color:#505050; font-family:"Helvetica Neue",Helvetica,Verdana,sans-serif; font-size:12px; padding:4px 16px; } #collections a:hover { border:medium none; text-decoration: none; } #collections ul li a { text-shadow:0 1px 1px #000000; text-decoration: none; } #logo a, #logo a:hover { } #collections p a, #collections dl a, #collections ol a, #collections ul a { border-bottom:1px dotted #666666; padding-bottom:0.1em; text-decoration: none; } #collections a { border:medium none; text-decoration: none; } #nav_categories a.sunglasses, #nav_categories a.goggles { text-decoration: none; } #bottom-promos { float: none !important; } #bottom_promos .promo_bot { width:440px; } .promo_bot { float:left; margin:0; padding:0; width:48%; } .promo_bot img { float:left; margin:0 16px 0 0; padding:0; } #footnote h5 { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../../images/custom/important.gif) no-repeat scroll 0 0px; color:#990000; margin-bottom:0.7em; padding-left:22px; } #footnote .disclaimer { border: none; margin:20px; } .footer1{ margin: 5px 25px; } #oakstoreinfo { margin: 25px; border: 1px solid #990000; background: #550000; }