/**************************** INTERFACE SPECIFIC STYLES ****************************/ /* global */ body {background:url(/site/images/bg-body.jpg) repeat-x #626262; font:12px/1.4em Helvetica, Verdana, Arial, sans-serif; color:#656565;} a {cursor:pointer; text-decoration:underline; color:#881d37;} a:focus {/*outline:none;*/} /* layout */ #wrapper {width:938px; margin:0 auto;float:left;} #shadowLeft {float:left; width:10px; background:url(/site/images/shadow-left-trans.png) repeat-y;} #content {float:left; width:914px; background:#ffffff; padding:2px 2px 2px 2px;} #shadowRight {float:left; width:10px; background:url(/site/images/shadow-right-trans.png) repeat-y;} /* header */ #header {width:914px; height:150px; background:url(/site/images/bg-header.jpg) no-repeat; position:relative;} #header #mcafee {position:absolute; top:48px; left:380px;} #header #mcafee a {display:block; width:94px; height:54px; background:url(https://images.scanalert.com/meter/www.ejsunglasses.com/23.gif) no-repeat;} #header #mcafee a span {display:none;} #header #plusone {position:absolute; top:58px; left:480px;} #header #plusone a span {display:none;} #header #pinterest {position:absolute; top:56px; left:530px;} #header #pinterest a span {display:none;} #header #facebook {position:absolute; top:56px; left:575px;} #header #facebook a span {display:none;} #header #twitter {position:absolute; top:56px; left:623px;} #header #twitter a span {display:none;} #header #castpage {position:absolute; top:56px; left:669px;} #header #castpage a span {display:none;} #header #log {position:absolute; top:8px; left:4px;} #header #log a {display:block; width:336px; height:133px; background:url(/site/images/logo-trans.png) no-repeat;} #header #log a span {display:none;} #header #phoneNumber {position:absolute; top:108px; left:116px; font-size:22px; color:#d07117; letter-spacing:3px;} #header ul {position:absolute; list-style:none; margin:0px; top:0px; left:510px;} #header ul li {float:left; height:26px; line-height:26px; margin:0px 10px 0px 0px;} #header ul li a {text-decoration:none; text-transform:lowercase; color:#d07117; padding:0px 1px 0px 0px;} #header ul li.cart a {background:url(/site/images/icon-header-cart.gif) no-repeat left; padding:0px 0px 0px 16px;} /* #header #promise {display:block; width:186px; height:78px;background:url(/site/images/EJFreeShipping5.jpg) no-repeat; position:absolute; top:46px; left:714px;} */ #header #promise {position:absolute; top:46px; left:714px;} #header p {margin:0px 0px 10px 0px; color:#ffffff;} #header p.authorized {position:absolute; bottom:0px; right:10px; font-size:11px; font-weight:bold; color:#fd0305; margin:0px; height:22px; line-height:22px;} #header p a {color:#ffffff;} /* navigation */ #nav {height:36px; width:914px; background:url(/site/images/bg-nav.jpg) repeat-x; border-bottom:8px #881d37 solid; line-height:36px;} #nav ul {float:left; list-style:none; font-size:18px; color:#ffffff; margin:0px; width:730px; text-align:left;} #nav ul li {display:inline; margin:0px; padding:0px 10px 0px 10px; border-right:2px solid #ffffff;} #nav ul li:last-child {border-right:none;} #nav ul li a {text-decoration:none; color:#ffffff; padding: 0px 6px 0px 1px;} #nav form {float:left; width:170px;} #nav form input[type="text"] {border:1px solid #999999; padding:8px 8px 0px 0px; width:158px; color:#d07117; padding:2px;} #nav form a {text-transform:uppercase; text-decoration:none; color:#ffffff;} /* body - main column */ #mainCol { float:right; width:705px; margin:0px 0px 2px 0px; } #mainCol .interiorPad {padding:10px 16px;} #mainCol #mainColShadow {height:14px; font-size:1px; line-height:1px; background:url(/site/images/bg-maincol-shadow.jpg) repeat-x; clear:both; margin:6px 0px 0px 0px;} /* body - sub column */ #subCol {float:right; width:207px; background:#b6b6b6; margin:0px 0px 2px 0px;} #subCol ul {list-style:none; margin:0px;} #subCol ul li {margin:0px;} #subCol ul li a {display:block; width:187px; padding:4px 0px 1px 20px; text-decoration:none; background:url(/site/images/bg-subcol-nav-divider.jpg) no-repeat bottom;} #subCol ul#subColNav li a {color:#FFFFFF; font-size:14px; text-transform:uppercase; line-height:30px; height:30px;} #subCol ul#subColNav li:last-child a {background:none; padding-top:4px;} #subCol ul#subColNav li:first-child a {background:none;} #subCol ul#subColNav li div.up {height:10px; width:207px; line-height:1px; font-size:1px; background:url(../ej_/site/images/scroller_icons/btn-up.jpg) no-repeat; cursor:pointer;} #subCol ul#subColNav li div.down {height:10px; width:207px; line-height:1px; font-size:1px; background:url(../ej_/site/images/scroller_icons/btn-down.jpg) no-repeat; cursor:pointer;} #subCol ul#subColNav ul {background:url(/site/images/bg-subcol-scroller.jpg) repeat-y; padding:6px 0px 6px 0px;} #subCol ul#subColNav ul li {background:url(/site/images/bg-subcol-scroller-divider.jpg) no-repeat bottom; padding:2px 0px 2px 0px;} #subCol ul#subColNav ul li:last-child {background:none;} #subCol ul#subColNav ul li:last-child a {padding:0px 0px 0px 40px;} #subCol ul#subColNav ul li a {display:block; width:167px; padding:0px 0px 0px 40px; text-decoration:none; background:none; color:#6E6E6E; font-size:12px; text-transform:none; line-height:14px; height:14px;} #subCol ul#subColPromise li a {color:#ffffff; line-height:20px; padding:8px 0px 8px 20px;} #subCol ul#subColPromise li.eClub a { height:114px;} #subCol ul#subColPromise li:last-child a {background:none;padding-top:4px;} #contentBlock { height: 185px; overflow: auto; width: 207px; position: relative; } /* footer */ #footer {clear:both;} #footer #footerDetails {background:url(/site/images/bg-footer-rule.jpg) repeat-x bottom; height:126px;} #footer #footerDetails #storeDetails {float:left; width:183px; height:102px; padding:12px 14px 12px 12px; color:#881d37; background:url(/site/images/bg-footer-details-rule.jpg) no-repeat top right;} #footer #footerDetails #storeDetails h5 {margin:0px 0px 2px 0px; font-size:12px;} #footer #footerDetails #storeDetails address {font-size:11px; line-height:13px; margin:0px 0px 10px 0px;} #footer #footerDetails #storeDetails p.hours {font-size:11px; line-height:13px; margin:0px;} #footer #footerDetails #storeDetails p.hours span {font-weight:bold; font-size:12px;} #footer #footerDetails #contactDetails {float:left; width:351px; height:108px; text-align:center; color:#881d37; padding:18px 2px 0px 0px; background:url(/site/images/bg-footer-details-rule.jpg) no-repeat top right;} #footer #footerDetails #contactDetails p {margin:4px 0px 0px 0px;} #footer #footerDetails #contactDetails p.call {font-size:18px; font-weight:bold; line-height:26px;} #footer #footerDetails #contactDetails p.call span {font-size:14px; font-weight:normal;} #footer #footerDetails #contactDetails p.email {} #footer #footerDetails #contactDetails p.email a {color:#cc6717;} #footer #footerDetails #ccDetails {float:left; width:352px; height:91px; text-align:center; padding:35px 0px 0px 0px;} #footer #footerImageLinks {clear:both; height:81px; background:url(/site/images/bg-footer-rule.jpg) repeat-x bottom;} #footer #footerImageLinks ul {list-style:none; margin:0px;} #footer #footerImageLinks ul li {margin:0px; float:left; padding:10px 18px 0px 18px;} #footer #footerLinks {clear:both; color:#881d37; height:14px; line-height:12px; padding:8px 0px 4px 0px;} #footer #footerLinks ul {list-style:none; margin:0px; text-align:center;} #footer #footerLinks ul li {display:inline; margin:0px;} #footer #footerLinks ul li:before {content:"| ";} #footer #footerLinks ul li:first-child:before {content:"";} #footer #footerLinks ul li a {color:#881d37; text-decoration:none; padding:0px 10px 0px 10px;} #contentCap {height:9px; line-height:1px; font-size:1px; width:932px; background:url(/site/images/bg-content-cap.jpg) no-repeat; margin:0 auto;} /* copyright */ #copyright {margin:0 auto; text-align:center; line-height:40px; color:#ffffff; text-transform:uppercase; padding:0px 0px 18px 0px;} /**************************** PAGE SPECIFIC STYLES ****************************/ /* home */ #home {min-height:600px;} #home #rotatingImage {position:relative; height:260px;} #home #rotatingImage .rotate {display:none; position:absolute; top:0px; left:0px;} #home #welcome {padding:13px;} #home #welcome h1 {display:inline; font-weight:normal; color:#be2129;} #home #welcome p {display:inline;} #home .categoryRow {padding:2px 0px 0px 0px;} #home .categoryRow .homeCategoryCell {float:left; width:175px; margin:0px 0px 0px 2px; background:url(/site/images/bg-category-cell-body.jpg) repeat-x bottom;} #home .categoryRow .homeCategoryCell:first-child {width:174px; margin:0px 0px 0px 0px;} #home .categoryRow .homeCategoryCell h3 {margin:0px; height:25px; line-height:25px; font-size:13px; color:#ffffff; font-weight:normal; background:url(/site/images/bg-category-cell-header.jpg) repeat-x; text-align:center; text-transform:uppercase;} #home .categoryRow .homeCategoryCell p {margin:0px 12px 12px 12px;} #home .categoryRow .homeCategoryCell div {text-align:center; width:150px; margin:0px 0px 0px 4px;} #home .categoryRow .homeCategoryCell p.productImage {text-align:center; margin:8px 0px 12px 0px;} #home .categoryRow .homeCategoryCell p.productName {margin:0px 12px 4px 12px;} #home .categoryRow .homeCategoryCell p.productName a {color:#cc6717; text-decoration:none; font-size:13px;} #home .categoryRow .homeCategoryCell p.productDesc {margin:0px 12px 4px 12px; line-height:1.2em;} #home .categoryRow .homeCategoryCell p.productPrice {text-align:center; margin:8px 0px 12px 0px;} #home .categoryRow .homeCategoryCell p.productView a {color:#be2129;} /* category landing page */ #catLanding {min-height:60px;} #catLanding2 {min-height:30px;} #catLanding h1#catNameOak {height:101px; background:url(/site/logopic/oakley-snow.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameOak span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameTgHeuer {height:101px; background:url(/site/logopic/tag.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameTgHeuer span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameMJSun {height:259px; background:url(/site/logopic/mjsun4.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameMJSun span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameVon {height:101px; background:url(/site/logopic/vz.jpg) no-repeat; color:#000000; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameVon span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameOakSun {height:101px; background:url(/site/logopic/oaksun.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameOakSun span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameRay {height:101px;background:url(/site/logopic/ray.jpg) no-repeat; color:#000000; text-transform:uppercase; font-size:40px; padding:2px 0px 0px 20px; margin:0px 0px 2px 0px;} #catLanding h1#catNameRay span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameSmithSun {height:101px;background:url(/site/logopic/smith.jpg) no-repeat; color:#ffffff; text-transform:uppercase; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameSmithSun span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameSerengeti {height:101px;background:url(/site/logopic/serengeti.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameSerengeti span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameFitovers {height:101px;background:url(/site/logopic/fitovers.jpg) no-repeat; color:#000000; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameFitovers span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameElectric {height:101px;background:url(/site/logopic/electric.jpg) no-repeat; color:#000000; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameElectric span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameSpyGog {height:101px;background:url(/site/logopic/spygog.jpg) no-repeat; color:#000000; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameSpyGog span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameCDM {background:url(/site/logopic/cdm.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameCDM span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameNike {background:url(/site/logopic/nike.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameNike span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameQuik {background:url(/site/logopic/quik.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameQuik span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNamePersol {background:url(/site/logopic/persol.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNamePersol span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNamePrada {background:url(/site/logopic/prada.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNamePrada span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameRevo {height:190px;background:url(/site/logopic/revo.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameRevo span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNameDragonSun {height:101px;background:url(/site/logopic/dragonsun.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNameDragonSun span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catNamereflekt {height:101px;background:url(/site/logopic/reflekt.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catNamereflekt span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catName2 {height:40px; no-repeat; color:#000000; text-transform:uppercase; font-size:40px; padding:0px 0px 0px 4px; margin:0px 0px 2px 0px;} #catLanding h1#catName2 span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catName3 {height:60px; no-repeat; color:#000000; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catName3 span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding h1#catName {height:101px; background:url(/site/images/bg-category-header.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #catLanding h1#catName span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #catLanding #productList {float:left; width:705px; margin:0px 0px 0px 0px;} #catLanding #productList h3 {margin:0px; padding:0px 0px 0px 26px; height:25px; line-height:25px; font-size:13px; color:#ffffff; font-weight:normal; background:url(/site/images/bg-category-cell-header.jpg) repeat-x; text-align:left; text-transform:uppercase;} #catLanding #productList .categoryListCol {float:left; width:165px; margin:0px 1px 0px 0px;} #catLanding .categoryImage {text-align:center;} #catLanding .categoryList {list-style:none;} #catLanding .categoryList li {margin:0px 0px 2px 10px;} #catLanding .categoryList a {color:#cc6717; text-decoration:none;} #catLanding .categoryList li {padding:0px 0px 0px 10px;} #catLanding .categoryList a:hover {color:#5a9ad0; text-decoration:underline;} #catLanding #accessoriesList {float:left; width:705px;} #catLanding #accessoriesList h3 {margin:0px; padding:0px 0px 0px 26px; height:25px; line-height:25px; font-size:13px; color:#ffffff; font-weight:normal; background:url(/site/images/bg-accessories-cell-header.jpg) repeat-x; text-align:left; text-transform:uppercase;} #catLanding .accessoriesListCol {float:left; width:175px; margin:0px 1px 0px 0px;} #catLanding .accessoriesImage {text-align:center;} #catLanding .accessoriesList {list-style:none;} #catLanding .accessoriesList li {margin:0px 0px 2px 20px;} #catLanding .accessoriesList a {color:#881d37; text-decoration:none;} #catLanding .accessoriesList a:hover {color:#5a9ad0; text-decoration:underline;} /* shopping cart page pnlCartSummary {min-height:900px;} pnlCartSummary h2 {color:#881d37; font-size:20px; padding:0px 0px 10px 0px;} pnlCartSummary h5 {font-size:14px; text-transform:uppercase; color:#333333;} pnlCartSummary h5.hr {border-bottom:1px dotted #666666;} cartItems table td {padding:8px; vertical-align:middle;} pnlCartSummarySubTotals td {padding:8px; vertical-align:middle;}*/ /* Action Pages */ #pnlMain {padding:10px; min-height:600px;} #pnlMain h2 {color:#881d37; font-size:20px; padding:0px 0px 10px 0px;} #pnlMain h5 {font-size:14px; text-transform:uppercase; color:#333333;} #pnlMain h5.hr {border-bottom:1px dotted #666666;} #pnlMain h5 span#sameasbilling {font-size:12px; font-weight:normal} #pnlMain div#pnlAccountInfo {padding-bottom:20px;} #pnlMain div#pnlShippingInfo {padding-bottom:20px;} #pnlMain div#accountinfo {padding-bottom:20px;} #pnlMain div#ctrlShippingAddress {padding-bottom:20px;} #pnlMain td {padding-top:5px;} #pnlMain tr#ctrlBillingAddress_WithStateCityStatePostalRow input {width:100px;} #pnlMain tr#ctrlShippingAddress_WithStateCityStatePostalRow input {width:100px;} #pnlMain tr#ctrlAddress_WithStateCityStatePostalRow input {width:100px;} /* shipping methods */ #pnlShippingMethod input[type="radio"] {margin-right:4px;} #pnlOrderSummary img {display:none;} /* payment methods */ #pnlPaymentTerm input[type="radio"] {margin-right:4px;} /* brand landing page */ #brandLanding h1#brandName {height:60px; background:url(/site/images/bg-category-header.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:0px 0px 0px 30px; margin:2px 0px 2px 0px;} #brandLanding h1#brandName span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #brandLanding .subCatsRow .subCatCell {float:left; width:175px; margin:0px 0px 0px 2px;} #brandLanding .subCatsRow .subCatCell:first-child {width:174px; margin:0px 0px 0px 0px;} #brandLanding .subCatsRow .subCatCell h3 {margin:0px; height:25px; background:url(/site/images/bg-category-cell-header.jpg) repeat-x; text-align:center;} #brandLanding .subCatsRow .subCatCell h3 a {display:block; color:#ffffff; text-decoration:none; font-size:13px; line-height:25px; font-weight:normal; text-transform:uppercase;} #brandLanding .subCatsRow .subCatCell p {margin:0px 12px 12px 12px;} #brandLanding .subCatsRow .subCatCell p.subCatImage {text-align:center; margin:8px 0px 12px 0px;} #brandLanding .subCatsRow .subCatCell p.subCatView {text-align:center;} #brandLanding .subCatsRow .subCatCell p.subCatView a {color:#be2129;} /* product landing page */ div#product {min-height:600px;} #product h1#brandNameMaui9 {height:322px; background:url(/site/logopic/MJ6.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:34px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameMaui9 span {display:block; font-size:12px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandNameMaui8 {height:322px; background:url(/site/logopic/MJ6.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameMaui8 span {display:block; font-size:13px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandNameMaui7 {height:322px; background:url(/site/logopic/MJ6.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameMaui7 span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandNameMaui6 {height:282px; background:url(/site/logopic/MJ6.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameMaui6 span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandNameMaui5 {height:282px; background:url(/site/logopic/MJ5.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameMaui5 span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandNameMaui4 {height:282px; background:url(/site/logopic/MJ4.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameMaui4 span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandNameMaui3 {height:282px; background:url(/site/logopic/MJ3.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameMaui3 span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandNameMaui2 {height:172px; background:url(/site/logopic/MJ2.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameMaui2 span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandNameMaui1 {height:282px; background:url(/site/logopic/MJ11.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameMaui1 span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandNameoakcat {height:108px; background:url(/site/logopic/oakley.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameoakcat span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandNameoakcatm {height:108px; background:url(/site/logopic/oakleym.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameoakcatm span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandNameReflekt {height:101px; background:url(/site/logopic/reflekt.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameReflekt span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandNameOakley-Big-Taco {height:216px; background:url(/site/logopic/Oakley-Big-Taco.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandNameOakley-Big-Taco span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandName2 {height:40px; no-repeat; color:#000000; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #product h1#brandName2 span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandName3 {height:90px; no-repeat; color:#000000; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #product h1#brandName3 span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandName4 {height:130px; no-repeat; color:#000000; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:0px 0px 2px 0px;} #product h1#brandName4 span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h1#brandName {height:101px; background:url(/site/images/bg-category-header.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:10px 0px 0px 30px; margin:2px 0px 2px 0px;} #product h1#brandName span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #product h3#productType {margin:0px; padding:0px 0px 0px 26px; height:25px; line-height:25px; font-size:13px; color:#ffffff; font-weight:normal; background:url(/site/images/bg-category-cell-header.jpg) repeat-x; text-align:left; text-transform:uppercase;} #product .productTypeRow {clear:both;} #product .productTypeRow .productTypeCell {float:left; width:170px; margin:0px 0px 0px 2px; background:url(/site/images/bg-category-cell-body.jpg) repeat-x bottom;} #product .productTypeRow .productTypeCell:first-child {width:170px; margin:0px 0px 0px 0px;} #product .productTypeRow .productTypeCell p {margin:0px 12px 12px 12px;} #product .productTypeRow .productTypeCell div {text-align:center; width:150px; margin:0px 0px 0px 4px;} #product .productTypeRow .productTypeCell p.productImage {text-align:center; margin:8px 0px 12px 0px;} #product .productTypeRow .productTypeCell p.productName {margin:0px 12px 4px 12px;} #product .productTypeRow .productTypeCell p.productName a {color:#cc6717; text-decoration:none; font-size:13px;} #product .productTypeRow .productTypeCell p.productDesc {margin:0px 12px 4px 12px; line-height:1.2em;} #product .productTypeRow .productTypeCell p.productDesc2 {margin:0px 12px 4px 12px; line-height:1.2em;} #product .productTypeRow .productTypeCell p.productSKU {line-height:1.2em;} #product .productTypeRow .productTypeCell p.productView a {color:#be2129;} #product .productTypeRow .productTypeCell p.productPrice {text-align:center; margin:8px 0px 12px 0px;} #product .productTypeRow .productTypeCell p.productAddToCart {text-align:center; margin:8px 0px 12px 0px; height:23px;} #product #PagingControl {text-align:right; font-size:14px; line-height:18px; font-weight:bold;} #product #PagingControl a {color:#be2129;} #product .productTypeRow .productTypeCell p.productBlankImage {text-align:center; margin:8px 0px 12px 0px; height:150px; width:150px;} /* variants page */ #variants h1#brandName {height:60px; background:url(/site/images/bg-category-header.jpg) no-repeat; color:#ffffff; text-transform:uppercase; font-size:40px; padding:0px 0px 0px 30px; margin:2px 0px 2px 0px;} #variants h1#brandName span {display:block; font-size:14px; line-height:18px; font-weight:normal; text-transform:none;} #variants h3#productType {margin:0px; padding:0px 0px 0px 26px; height:25px; line-height:25px; font-size:13px; color:#ffffff; font-weight:normal; background:url(/site/images/bg-category-cell-header.jpg) repeat-x; text-align:left; text-transform:uppercase;} #variants .productTypeRow {clear:both;} #variants .productTypeRow .productTypeCell {float:left; width:170px; margin:0px 0px 0px 2px; background:url(/site/images/bg-category-cell-body.jpg) repeat-x bottom;} #variants .productTypeRow .productTypeCell:first-child {width:174px; margin:0px 0px 0px 0px;} #variants .productTypeRow .productTypeCell p {margin:0px 12px 12px 12px;} #variants .productTypeRow .productTypeCell p.productImage {text-align:center; margin:8px 0px 12px 0px;} #variants .productTypeRow .productTypeCell p.productName {margin:0px 12px 4px 12px;} #variants .productTypeRow .productTypeCell p.productName a {color:#cc6717; text-decoration:none; font-size:13px;} #variants .productTypeRow .productTypeCell p.productView a {color:#be2129;} #variants .productTypeRow .productTypeCell p.productPrice div {text-align:center; margin:8px 0px 12px 0px;} /* product / varient detail page */ #details { min-height:235px;} #details #variantImageCol {float:left; width:252px; padding: 0px 0px 0px 0px;} #details #variantImageCol #variantImage {width:250px; border:1px solid #333333;} /*#details #variantImageCol #variantImage img { max-height:250px; max-width:250px; }*/ #details #variantImageCol #variantImageZoom {text-align:center; display:block;} #details #variantImageCol #SunglassesMeasurements {width:250px; border:1px; padding:0px 0px 0px 0px;} #details #variantImageCol #variantImageMeasurements {width:250px; border-left:1px solid #333333; border-right:1px solid #333333; border-bottom:1px solid #333333;} #details #variantDetailsCol {float:left; width:423px; padding:0px 0px 20px 0px; display:block;} #details #variantDetailsCol form {display:none;} #details #variantDetailsCol h1.productVariantName {font-weight:normal; color:#be2129;} #details #variantDetailsCol p.productVariantDesc {font-weight:bold; color:#cc6717; font-size:13px;} #details #variantDetailsCol p.productVarianteDetailDesc {} #details #variantDetailsCol p.productVariantPrice {font-weight:bold; color:#be2129; text-transform:uppercase;} #details #variantDetailsCol p.productVariantInput {} #details #variantDetailsCol p.productVariantButtons img {margin:-20px 0px 6px 40px;} #details #variantDetailsCol p.productVariantFriend a {text-decoration:none;} #details #variantDetailsCol p.productVariantFriend img {margin:0px 6px 0px 0px;} #details #variantDetailsCol p.productVariantPriceMatch a {text-decoration:none;} #details #variantDetailsCol p.productVariantPriceMatch img {margin:0px 6px 0px 0px;} #details #variantSummary {clear:both; margin:0px 0px 30px 0px; background:#efefef; border-bottom:2px solid #d2d2d2; padding:4px;} #details #variantSummary table td.summaryLabel {font-weight:bold; padding:3px 6px 3px 6px;} #details #variantSummary table td.summaryDesc {padding:3px 46px 3px 6px;} #details #variantImageCol #SunglassesMeasurements #sunglassesmeasurementstable {width:250px;} #details #variantImageCol #SunglassesMeasurements #sunglassesmeasurementstable td.row {width:250px; text-align:center;} /* Product Price */ .SalesPrice, .PromotionalPrice {color:#be2129; text-transform:uppercase; font-weight:bold;} .SalesPrice div {text-align:center; width:150px;} .SalesPriceOverridden {text-decoration:line-through; color:#777777; font-size:12px;} /* Product Price */ .SalesPrice1, .PromotionalPrice1 {padding:0px 0px 0px 20px; color:#be2129; text-transform:uppercase; font-weight:bold;} .SalesPrice1 div {text-align:center; width:150px;} .SalesPriceOverridden1 {padding:0px 0px 0px 25px; text-decoration:line-through; color:#777777; font-size:14px;} /**************************** SHARED SPECIFIC STYLES ****************************/ /* horizontal brand scroller */ #scrollerWrap {height:73px; width:705px; background:url(/site/images/bg-scroller.jpg) repeat-x; padding:10px 0px 10px 0px;} #scrollerWrap #prev {float:left; width:20px;} #scrollerWrap #next {float:right; width:20px;} #scrollerWrap #prev a, #scrollerWrap #next a {display:block; width:9px; height:49px; padding:24px 5px 0px 6px;} #scrollerWrap #scroller{float:left; width:665px;} #scroller ul {list-style:none; margin:0px;} #scroller ul li {float:left; margin:0px; width:95px; text-align:center;} #scroller ul li a {display:block; width:102px; height:73px; color:#be2129;} #scroller ul li a span {display:block; line-height:1em; padding:6px 0px 0px 0px;} /* breadcrumbs */ #breadcrumbs {height:28px; text-transform:lowercase; color:#cc6717; font-size:11px; padding:0px 0px 0px 10px;} #breadcrumbs a {color:#cc6717;} #breadcrumbs .breadcrumbPath {} #breadcrumbs .breadcrumbLocation {color:#656565; white-space:nowrap;} /* top sellers */ #topSellers {clear:both; float:left; width:351px; margin:2px 2px 0px 0px;} #topSellers h3 {margin:0px; height:25px; line-height:25px; font-size:13px; color:#ffffff; font-weight:normal; background:url(https://checkout.netsuite.com/c.1143599/site/images/bg-top-sellers-cell-header.jpg) repeat-x; text-align:center; text-transform:uppercase;} #topSellers .topSellersRow .topSellersCell {float:left; width:172px; margin:0px 0px 0px 2px; background:url(https://checkout.netsuite.com/c.1143599/site/images/bg-top-sellers-cell-body.jpg) repeat-x bottom;} #topSellers .topSellersRow .topSellersCell:first-child {width:172px; margin:0px;} #topSellers .topSellersRow .topSellersCell p {margin:0px 12px 12px 12px;} #topSellers .topSellersRow .topSellersCell div {text-align:center; width:150px; margin:0px 0px 0px 4px;} #topSellers .topSellersRow .topSellersCell p.productImage {text-align:center; margin:8px 0px 12px 0px;} #topSellers .topSellersRow .topSellersCell p.productName {margin:0px 12px 4px 12px;} #topSellers .topSellersRow .topSellersCell p.productName a {color:#5a9ad0; text-decoration:none; font-size:13px;} #topSellers .topSellersRow .topSellersCell p.productDesc {line-height:1.2em;} #topSellers .topSellersRow .topSellersCell p.productPrice {font-weight:bold; color:#be2129; text-transform:uppercase; margin:0px 12px 2px 12px;} #topSellers .topSellersRow .topSellersCell p.productView a {color:#be2129;} /* new products */ #newProducts {float:left; width:352px; margin:2px 0px 0px 0px;} #newProducts h3 {margin:0px; height:25px; line-height:25px; font-size:13px; color:#ffffff; font-weight:normal; background:url(https://checkout.netsuite.com/c.1143599/site/images/bg-top-sellers-cell-header.jpg) repeat-x; text-align:center; text-transform:uppercase;} #newProducts .newProductsRow .newProductsCell {float:left; width:172px; margin:0px 0px 0px 2px; background:url(https://checkout.netsuite.com/c.1143599/site/images/bg-new-products-cell-body.jpg) repeat-x bottom;} #newProducts .newProductsRow .newProductsCell:first-child {width:172px; margin:0px;} #newProducts .newProductsRow .newProductsCell p {margin:0px 12px 12px 12px;} #newProducts .newProductsRow .newProductsCell div {text-align:center; width:150px; margin:0px 0px 0px 4px;} #newProducts .newProductsRow .newProductsCell p.productImage {text-align:center; margin:8px 0px 12px 0px;} #newProducts .newProductsRow .newProductsCell p.productName {margin:0px 12px 4px 12px;} #newProducts .newProductsRow .newProductsCell p.productName a {color:#5a9ad0; text-decoration:none; font-size:13px;} #newProducts .newProductsRow .newProductsCell p.productDesc {line-height:1.2em;} #newProducts .newProductsRow .newProductsCell p.productPrice {font-weight:bold; color:#be2129; text-transform:uppercase; margin:0px 12px 2px 12px;} #newProducts .newProductsRow .newProductsCell p.productView a {color:#be2129;} /* new products2 */ #newProducts {float:left; width:162px; margin:2px 0px 0px 0px;} #newProducts h3 {margin:0px; height:25px; line-height:25px; font-size:13px; color:#ffffff; font-weight:normal; background:url(https://checkout.netsuite.com/c.1143599/site/images/bg-top-sellers-cell-header.jpg) repeat-x; text-align:center; text-transform:uppercase;} #newProducts .newProductsRow2 .newProductsCell2 {float:left; width:162px; margin:0px 0px 0px 2px; background:url(https://checkout.netsuite.com/c.1143599/site/images/bg-new-products-cell-body.jpg) repeat-x bottom;} #newProducts .newProductsRow2 .newProductsCell2:first-child {width:162px; margin:0px;} #newProducts .newProductsRow2 .newProductsCell2 p {margin:0px 12px 12px 12px;} #newProducts .newProductsRow2 .newProductsCell2 div {text-align:center; width:150px; margin:5px 0px 12px 0px;} #newProducts .newProductsRow2 .newProductsCell2 p.productImage {text-align:center; height:120px; margin:-5px 0px 10px 0px;} #newProducts .newProductsRow2 .newProductsCell2 p.productName {margin:-15px 0px 4px 7px;} #newProducts .newProductsRow2 .newProductsCell2 p.productName a {color:585858; text-decoration:none; font-size:13px;} #newProducts .newProductsRow2 .newProductsCell2 p.productDesc {line-height:1.2em;} #newProducts .newProductsRow2 .newProductsCell2 p.productPrice {font-weight:bold; color:#be2129; text-transform:uppercase; margin:0px 12px 2px 12px;} #newProducts .newProductsRow2 .newProductsCell2 p.productView a {color:#be2129;} /* new products2 Tall */ #newProducts2 {float:left; width:167px; height:167px; margin:2px 0px 0px 0px;} #newProducts2 h3 {margin:0px; height:25px; line-height:25px; font-size:13px; color:#ffffff; font-weight:normal; background:url(https://checkout.netsuite.com/c.1143599/site/images/bg-top-sellers-cell-header.jpg) repeat-x; text-align:center; text-transform:uppercase;} #newProducts2 .newProductsRow3 .newProductsCell3 {float:left; height:173px; width:162px; margin:0px 0px 0px 2px; background:url(https://checkout.netsuite.com/c.1143599/site/images/bg-new-products-cell-body2.jpg) repeat-x bottom;} #newProducts2 .newProductsRow3 .newProductsCell3:first-child {width:162px; margin:0px;} #newProducts2 .newProductsRow3 .newProductsCell3 p {margin:0px 12px 12px 12px;} #newProducts2 .newProductsRow3 .newProductsCell3 div {text-align:center; width:150px; margin:8px 0px 12px 0px;} #newProducts2 .newProductsRow3 .newProductsCell3 p.productImage {text-align:center; height:190px; margin:5px 0px 10px 0px;} #newProducts2 .newProductsRow3 .newProductsCell3 p.productName {margin:-85px 0px 4px 15px;} #newProducts2 .newProductsRow3 .newProductsCell3 p.productName a {color:585858; text-decoration:none; font-size:13px;} #newProducts2 .newProductsRow3 .newProductsCell3 p.productDesc {line-height:1.2em;} #newProducts2 .newProductsRow3 .newProductsCell3 p.productPrice {font-weight:bold; color:#be2129; text-transform:uppercase; margin:0px 12px 2px 12px;} #newProducts2 .newProductsRow3 .newProductsCell3 p.productView a {color:#be2129;} /* upsell items */ #pnlRelatedAccessories h5 {font-size:14px; text-transform:uppercase; color:#333333;} #pnlRelatedAccessories h5.hr {border-bottom:1px dotted #666666;} #pnlOtherAccessories h5 {font-size:14px; text-transform:uppercase; color:#333333;} #pnlOtherAccessories h5.hr {border-bottom:1px dotted #666666;} #pnlRecommendedProducts h5 {font-size:14px; text-transform:uppercase; color:#333333;} #pnlRecommendedProducts h5.hr {border-bottom:1px dotted #666666;} /* Accessory jcarousel */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative;} .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;} .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;} .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 150px; height: 150px; } .jcarousel-item img {border: 0;} /** * The buttons are added dynamically by jCarousel before * the