html{ margin: 3px 1px; } *+html{ overflow:auto; } body{ margin:0; width:100%; min-width:768px; background-color:#FFF; position:relative; } body,td,p{ font:normal 12px/21px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#132; } p{ margin:0 1px 8px 1px; } h1,h2,h3,h4,h5,h6{ margin:7px 0px 3px 0px; padding:0 0 0 0; clear:both; color:#666; border:none; } *html h1,*html h2,*html h3,*html h4,*html h5,*html h6{ display:inline-block; } *+html h1,*+html h2,*+html h3,*+html h4,*+html h5,*+html h6{ display:inline-block; } h1{ text-align:left; border-color: #7c90b2 #dddddd #7c90b2 #dddddd; border-width:1px; border-style:solid; background-color: #f9f9f9; margin:0; color:#31467d; padding:6px 8px 6px 8px; font-size:20px; line-height:24px; } h2, #object-list #contents-header{ text-align:left; border-color: #243870 #49628F #243870 #49628F; border-width:1px; border-style:solid; background-color: #536fa1; color:white; padding:2px 8px 2px 8px; margin:5px 0px 5px 0px; font-size:14px; line-height:18px; } h3{ font:bold 13px/16px Verdana, Arial, Helvetica, sans-serif; color:#2665ad; } h4{ font-size:16px; } h5{ font-size:15px; } h6{ font-size:14px; } a,a:link,a:visited,a:active{ color:#014f9f; text-decoration: underline; } a:hover,a:focus{ color:#CC0033; text-decoration: underline; } img{ border:none; } form{ margin:0;padding:0; } #header{ background-image: url(images/header-bg.gif); background-repeat: repeat-x; height: 75px; width: 100%; margin: 0px 0px 1px 0px; } #logo{ height: 75px; width: 159px; } #header-promo-bar{ height: 51px; overflow:hidden; } #header-promo-table{ width:100%; } #header-promo-bar div,#header-promo-table{ float:right; height:51px; text-align:left; } #header-nav-bar{ background-color:#123168; background-image: url(images/header-nav-bar-bg.gif); background-repeat: repeat-x; height:24px; padding:0 0 0 10px; margin:0; overflow:hidden; text-align: left; } #header-nav-bar a,#header-nav-bar a:link,#header-nav-bar a:active,#header-nav-bar a:visited,#header-nav-bar span{ color: White; font: normal 11px/13px Verdana, Geneva, Arial, Helvetica, sans-serif; height: 24px; line-height:23px; margin: 0px 18px 0px 0px; padding:0 0 10px 0; text-decoration: none; /*white-space: nowrap;*/ float: left; } *html #header-nav-bar a,*html #header-nav-bar a:link,*html #header-nav-bar a:active,*html #header-nav-bar a:visited,*html #header-nav-bar span{ white-space: nowrap; } *+html #header-nav-bar a,*+html #header-nav-bar a:link,*+html #header-nav-bar a:active,*+html #header-nav-bar a:visited,*+html #header-nav-bar span{ white-space: nowrap; } #header-nav-bar a:focus,#header-nav-bar a:hover{ text-decoration: underline; } #header-nav-bar-right{ float: right; height:24px; margin:0; padding:0; width:180px; } #shopping-cart,a#shopping-cart,a#shopping-cart:link,a#shopping-cart:visited,a#shopping-cart:active,a#shopping-cart:focus,a#shopping-cart:hover,span#home,#home,a#home,a#home:link,a#home:visited,a#home:active,a#home:focus,a#home:hover{ margin:1px 0; padding:0; height:22px; } #home img{ margin-right:6px; } span#home a img{ margin-top:-1px; } #shopping-cart img{ margin-left:5px; } #pre-footer{ background-color: #EBEEF5; padding:0; margin:1px 0; width:100%; text-align: center; height: 20px; border-top: 1px solid #7c90b2; border-bottom: 1px solid #DCE1EC; clear:both; } #pre-footer a,#pre-footer a:link,#pre-footer a:visited,#pre-footer a:active{ font:normal 11px/19px Verdana, Geneva, Arial, Helvetica, sans-serif; height: 20px; margin: 0 10px; text-decoration:none; padding:0; color:#143571; } #pre-footer a:hover,#pre-footer a:focus{ text-decoration:underline; color:#143571; } #copyright,#foot-links{ width:100%; padding:6px; } #copyright,#foot-links,#foot-links td,#copyright td{ color:#39455b; } #footer-seals{ text-align:center; border-top: 1px solid #DCE1EC; border-bottom: 1px solid #DCE1EC; padding:6px; margin:0px; } #footer-seals table{ text-align:center; vertical-align:middle; width:90%; } #footer-seals table td{ width:16%; text-align:center; } #foot-links table td{ padding-right:10px; line-height:normal; } #local-address{ text-align:right; vertical-align:top; line-height:17px; font-size:12px; } #local-address span{ font-weight:bold; } #local-address div#hours-of-operation{ margin-top:8px; } #local-address address{ font-style:normal; } #foot-links ul{ margin:2px 0px 0px 4px; padding:0px; list-style:none; } #foot-links ul li{ background-image:url(images/footer-bullet.gif); background-repeat: no-repeat; background-position:left center; margin:0px 0px 4px 0px; padding:0px 0px 0px 8px; } #foot-links a,#foot-links a:link,#foot-links a:active,#foot-links a:visited{ color:#4b586e; text-decoration:none; } #copyright a,#copyright a:link,#copyright a:active,#copyright a:visited{ color:#4b586e; text-decoration:underline; } #copyright a:focus,#foot-links a:focus,#copyright a:hover,#foot-links a:hover{ color:#CC0033; text-decoration:underline; } /* The Holy Grail */ #page-container{ padding:0 190px; margin:10px 0; overflow:hidden; } #page-container.no-left-panel{ padding-left:10px; } #page-container.no-right-panel{ padding-right:10px; } #page-container.no-right-panel #right-panel, #page-container.no-left-panel #left-panel{ display:none; } #left-panel,#main-panel,#right-panel{ margin:0; padding:0; vertical-align:top; text-align:left; } #left-panel{ float:left; width:170px; margin:0 -180px; } *html #left-panel{ margin:0 -90px; } #main-panel{ padding:0; margin:0; width:100%; float:left; overflow:hidden; } #right-panel{ width:170px; margin:0 -180px 0 10px; float:right; clear:right; } *html #right-panel{ margin:0 -90px 0 10px; } /* The Left Rail of The Holy Grail */ input.left-input-text{ font: normal 11px/11px Verdana, Geneva, Arial, Helvetica, sans-serif; width:105px; height:15px; border:1px solid #7c90b2; margin:0 5px 0 0; padding: 3px 0px 0px 2px; } input.left-input-submit{ width:55px; height:20px; font: bold 11px/11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #649700; border-color: #97b954 #4d7500 #4d7500 #97b954; border-style:solid; border-width:1px; color: White; margin:0; padding:0; vertical-align:top; } *input.left-input-submit{ vertical-align:baseline; } #search-box{ border-top:1px solid #7c90b2; padding:5px 0px 0px 0px; white-space:nowrap; } #search-box input.left-input-text{ background: #FFFFFF url(images/search-bg.gif) no-repeat; padding-left:20px; width:85px; } #mail-list-box{ font:bold 12px/16px Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#2665ad; padding:5px 0px 5px 0px; border-bottom:1px solid #7c90b2; } div.menu-box{ text-align:left; border-color: #7c90b2 #dddddd #7c90b2 #dddddd; border-width:1px; border-style:solid; background-color: #f9f9f9; padding:5px; margin:5px 0px 0px 0px; width:158px; } div.menu-box ul{ list-style:none; padding:0 0 0 0px; margin:0; } div.menu-box ul li { list-style:none; padding:0; margin:0; font:bold 13px/16px Verdana, Arial, Helvetica, sans-serif; color:#2665ad; } div.menu-box ul li a,div.menu-box ul li a:link,div.menu-box ul li a:visited,div.menu-box ul li a:active { font:bold 13px/16px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#2665ad; white-space:nowrap; } div.menu-box ul li a:hover,div.menu-box ul li a:focus { text-decoration:underline; color:#CC0033; } div.menu-box ul li ul { padding:0; margin:0 0 2px 2px; overflow:hidden; } div.menu-box ul li ul li { list-style:none; padding:0; margin:0; font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color:#333333; } div.menu-box ul li ul li a,div.menu-box ul li ul li a:link,div.menu-box ul li ul li a:active,div.menu-box ul li ul li a:visited { font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; background-color:#f9f9f9; background-image:url(images/featured-bullet-both.gif); background-repeat: no-repeat; background-position:0 -1px; padding-left:8px; } div.menu-box ul li ul li span { padding-left:8px; } div.menu-box ul li ul li a:hover,div.menu-box ul li ul li a:focus { color:#CC0033; text-decoration:underline; background-position:0 -18px; } div.menu-box ul li ul li a.menu-more,div.menu-box ul li ul li a.menu-more:link,div.menu-box ul li ul li a.menu-more:active,div.menu-box ul li ul li a.menu-more:visited,div.menu-box ul li ul li a.menu-more:hover,div.menu-box ul li ul li a.menu-more:focus { background-image:none; padding-left:0px; font-weight:bold; color:#649700; font-size:16px; } div.menu-box-multiline ul li ul li a, div.menu-box-multiline ul li ul li a:link, div.menu-box-multiline ul li ul li a:visited, div.menu-box-multiline ul li ul li a:active{ background: url('http://layout.opticsplanet.com/images/featured-bullet-light.gif') no-repeat 0 5px; display: block; white-space: normal; padding: 0 0 0 8px; margin: 2px 0 0 0; max-height: 26px; overflow: hidden; line-height: 13px; } div.menu-box-multiline ul li ul li a:focus, div.menu-box-multiline ul li ul li a:hover{ background: url('http://layout.opticsplanet.com/images/featured-bullet-dark.gif') no-repeat 0 5px; } div.menu-box-multiline ul li ul li{ margin-bottom: 5px; } /* header sepearator lines */ .h-dark-bar{ text-align:left; border-color: #243870 #49628F #243870 #49628F; border-width:1px; border-style:solid; background-color: #536fa1; padding:2px 8px; margin:5px 0px; color:white; } .h-light-bar{ text-align:left; border-color: #7c90b2 #dddddd #7c90b2 #dddddd; border-width:1px; border-style:solid; background-color: #f9f9f9; padding:2px 8px; margin:5px 0px; color:#31467d; } h1.h-no-wrap{ height:17px; overflow:hidden; white-space:no-wrap; } h1.h-dark-bar, h1.h-light-bar{ font-size:14px; line-height:17px; } .h-dark-bar a,.h-dark-bar a:link,.h-dark-bar a:active,.h-dark-bar a:visited,.h-dark-bar a:hover,.h-dark-bar a:focus{ color:white; } .h-dark-bar a,.h-dark-bar a:link,.h-dark-bar a:active,.h-dark-bar a:visited{ text-decoration:none; } .h-dark-bar a:hover,.h-dark-bar a:focus{ text-decoration:underline; } /* ITEM GRID */ div.item-grid-cell{ float:left; width:50%; overflow:hidden; position:relative; } div.item-grid-cell-border{ height:100px; overflow:hidden; border-width:1px; border-style:solid; border-color:#d6d6d6 #eeeeee; margin:2px 5px; } a.item-grid-image-link{ position:absolute; width:100px; height:100px; left:0; top:0; } a.item-grid-image-link img{ margin:3px 0 0 6px; } a.search-grid-image-link{ position:relative; width:100px; height:100px; } a.search-grid-image-link img{ margin:3px 0 0 6px; } div.item-grid-info{ margin:0 0 0 100px; position:relative; width:100%; } a.item-grid-text-link,a.item-grid-text-link:link,a.item-grid-text-link:active,a.item-grid-text-link:visited{ font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#014f9f; height:65px; overflow:hidden; display:block; margin:3px 104px 0 6px; } a.item-grid-text-link-with-icons{ padding-right:40px; } a.item-grid-text-link:focus,a.item-grid-text-link:hover{ color:#CC0033; text-decoration:underline; } div.item-grid-price{ font:11px Verdana, Arial, Helvetica, sans-serif; position:absolute; top:66px; left:5px; right:0; color:#666666; white-space:nowrap; } span.item-grid-price-value-strike{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#CC0033; text-decoration:line-through; } span.item-grid-price-value{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666; } div.item-grid-sale-price,div.item-grid-not-available,div.item-grid-just-price{ font:bold 11px/17px Verdana, Arial, Helvetica, sans-serif; position:absolute; top:79px; left:5px; right:0; color:#CC0033; white-space:nowrap; } span.item-grid-sale-price-value,span.item-grid-just-price-value{ font:bold 17px Arial, Helvetica, sans-serif; color:#CC0033; } div.item-grid-sale-price a,div.item-grid-sale-price a:link,div.item-grid-sale-price a:visited,div.item-grid-sale-price a:active{ font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#CC0033; } div.item-grid-icons{ position:absolute; top:-2px; right:102px; width:36px; height:100px; } div.item-grid-icons img{ margin-top:5px; } /* ******************** */ div.special-items div.item-grid-cell-border{ height:124px; } div.special-items a.item-grid-image-link{ width:124px; height:124px; } div.special-items a.item-grid-image-link img{ margin:3px 0 0 6px; } div.special-items div.item-grid-info{ margin-left:124px; height:124px; } div.special-items a.item-grid-text-link,div.special-items a.item-grid-text-link:link,div.special-items a.item-grid-text-link:active,div.special-items a.item-grid-text-link:visited{ font:12px Verdana, Arial, Helvetica, sans-serif; height:84px; margin:3px 128px 0 6px; } div.special-items div.item-grid-price{ top:85px; } div.special-items div.item-grid-sale-price,div.special-items div.item-grid-not-available,div.special-items div.item-grid-just-price{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; top:97px; } div.special-items span.item-grid-sale-price-value,div.special-items span.item-grid-just-price-value{ font:normal 22px Arial, Helvetica, sans-serif; } div.special-items a.item-grid-text-link-with-icons{ padding-right:62px; } div.special-items div.item-grid-icons{ right:124px; width:58px; } div.special-items div.item-grid-icons img{ margin-top:3px; } /* *************** */ #extra-special-items div.item-grid-cell,#very-extra-special-items div.item-grid-cell{ width:100%; } #extra-special-items a.item-grid-text-link,#extra-special-items a.item-grid-text-link:link,#extra-special-items a.item-grid-text-link:active,#extra-special-items a.item-grid-text-link:visited,#very-extra-special-items a.item-grid-text-link,#very-extra-special-items a.item-grid-text-link:link,#very-extra-special-items a.item-grid-text-link:active,#very-extra-special-items a.item-grid-text-link:visited{ height:50px; } #extra-special-items div.item-grid-price,#very-extra-special-items div.item-grid-price{ top:51px; } #extra-special-items div.item-grid-sale-price,#extra-special-items div.item-grid-not-available,#extra-special-items div.item-grid-just-price,#very-extra-special-items div.item-grid-sale-price,#very-extra-special-items div.item-grid-not-available,#very-extra-special-items div.item-grid-just-price{ top:63px; } #extra-special-items span.item-grid-sale-price-value,#extra-special-items span.item-grid-just-price-value,#very-extra-special-items span.item-grid-sale-price-value,#very-extra-special-items span.item-grid-just-price-value{ font:normal 26px Arial, Helvetica, sans-serif; } #extra-special-items{ clear: both; } /* *************** */ a.special-item-grid-buy-now, a.special-item-grid-buy-now:link, a.special-item-grid-buy-now:active, a.special-item-grid-buy-now:visited { width:120px; height:25px; font: bold 16px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; border-color: #97b954 #4d7500 #4d7500 #97b954; border-style:solid; border-width:1px; color: White; margin:0; text-align:center; background-color:#70A900; position:absolute; top:94px; left:5px; text-decoration:none; } a.special-item-grid-buy-now:focus, a.special-item-grid-buy-now:hover{ background-color:#649700; } /* **************************** */ #contents-item-grid-container{ clear:left; margin-bottom:5px; } /* **************************** */ ul.pagination-navigation{ list-style:none; clear:left; width:100%; margin:0 2px; padding:0; } ul.pagination-navigation li{ list-style:none; float:left; margin:3px; padding:0; } ul.pagination-navigation a,ul.pagination-navigation a:link,ul.pagination-navigation a:active,ul.pagination-navigation a:visited,ul.pagination-navigation span{ border:1px solid #dddddd; padding:0 6px 0 6px; font-size:11px; line-height:19px; margin:0; display:block; background-color:#f6f6f6; white-space:nowrap; } ul.pagination-navigation a:hover,ul.pagination-navigation a:focus{ border-color:#538fd4; } ul.pagination-navigation span{ color:#666666; } ul.pagination-navigation span.pagination-navigation-selected{ border-color:#609700; background-color:#77bb00; color:white; } /*Sort-By Start*/ ul.sort-by{ padding:0; margin:0; list-style:none; border-bottom:1px solid #7c90b2; float:left; width:100%; text-align:center; } *+html ul.sort-by{ height:27px; } ul.sort-by li{ margin:0 0 -1px 6px; list-style:none; float:left; border:1px solid #7c90b2; background-color: #f9f9f9; font:normal 11px Arial, Helvetica, sans-serif; height:26px; overflow:hidden; text-align:center; line-height:26px; padding:0 10px; } ul.sort-by li.sort-by-selected, ul.sort-by-more-menu span{ border-bottom-color:#ffffff; background-color:#FFFFFF; font:bold 11px/26px Arial, Helvetica, sans-serif; color:#2665ad; } ul.sort-by-more-menu span{ background:url(http://layout.opticsplanet.com/images/featured-bullet-both.gif) no-repeat 0 -18px; border:none; padding-left:8px; line-height:normal!important; } ul.sort-by li a, ul.sort-by li a:visited{ margin:0; list-style:none; text-decoration:none; text-align:center; } #sort-by-navigation-bottom ul.sort-by{ border-bottom:none; border-top:1px solid #7c90b2; margin-bottom:5px; } ul.sort-by li.sort-by-more{ float:right!important; background-color:#7c90b2; margin-right:5px; } ul.sort-by li.sort-by-more span.sort-by-span{ font-weight:bold; cursor:pointer; background:url(http://layout.opticsplanet.com/images/top-navigation-more-pointer.gif) 35px 5px no-repeat; color:#FFFFFF; padding-right:13px; } ul.sort-by li.sort-by-more span.sort-by-span:hover{ text-decoration:underline; } ul.sort-by-more-menu{ border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; border-bottom:#7c90b2 1px solid; background-color: #f9f9f9; list-style: none; padding: 0; margin: 0; position: absolute; z-index: 123456; height: auto; /*width: 73px;*/ } ul.sort-by-more-menu li{ margin: 0 15px 0 5px; padding:0 0 10px 0; width:90%; height:15px; border:0; text-align:left; } ul.sort-by-more-menu li{ padding /*\**/:5px 0; } *html ul.sort-by-more-menu li{ height:0; margin-left:3px; padding:5px 0 3px 3px; overflow:visible; } ul.sort-by-more-menu li a, ul.sort-by-more-menu li a:link, ul.sort-by-more-menu li a:visited, ul.sort-by-more-menu li a:active{ font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; background-color:#f9f9f9; background-image:url(http://layout.opticsplanet.com/images/featured-bullet-both.gif); background-repeat: no-repeat; background-position:0 -1px; padding-left:8px; height:5px; overflow:hidden; } ul.sort-by-more-menu li a:hover, ul.sort-by-more-menu li a:focus{ color:#CC0033; text-decoration:underline; background-position:0 -18px; } *html #sort-by-navigation-bottom ul.sort-by, *+html #sort-by-navigation-bottom ul.sort-by{ margin-bottom:3px; height:27px; } #sort-by-navigation-bottom ul.sort-by li.sort-by-selected{ border-top-color:#ffffff; border-bottom-color:#7c90b2; margin:-1px 0 0 6px; padding-top:1px; } #sort-by-navigation-bottom ul.sort-by li{ border-top:none; } #sort-by-navigation-top,#pagination-bottom, x:-moz-any-link{ /*position:relative;*/ display:block; height:35px; } #sort-by-navigation-top ul.sort-by,#pagination-bottom ul.sort-by, x:-moz-any-link{ /*position:absolute;*/ z-index:20000; } #pagination-bottom, x:-moz-any-link{ clear:both; } #pagination-bottom{ height:auto; } #sort-by-navigation-top div{ height:29px; overflow:hidden; } /*Sort-By End*/ /* UNI-OBJECT-LIST PAGE CSS */ #object-list hr{ margin:0 0 6px 0; height:1px; color:#dddddd; border-top:none; border-bottom:1px solid #dddddd; } #breadcrumbs_top, #breadcrumbs_bottom{ padding:0 12px 8px 12px; clear:both; font-size:11px; } #breadcrumbs_top strong, #breadcrumbs_bottom strong{ font-weight:normal; } #breadcrumbs-brand-logo{ float:right; margin-bottom:5px; } *+html #breadcrumbs-brand-logo{ margin-top:8px; } #breadcrumbs-float{ margin-right:135px; } #breadcrumbs-float{ margin-top:8px;} #breadcrumbs-float div{ line-height:17px; margin-top:8px; } #breadcrumbs_bottom{ padding-top:2px; border-top:1px solid #dddddd; } #breadcrumbs_bottom div{ margin-top:8px; line-height:17px; } #caption{ margin:0; padding:6px 0 6px 0; border-top:1px solid #dddddd; clear:both; } #caption-documents{ float:right; margin:0 0 8px 8px; border-top-color:#ccc; border-bottom-color:#ccc; border-left:4px solid #77bb00; padding-left:6px; width:150px; } #product-caption{ margin:0; padding:0 0 6px 0; } #main-image{ margin:0 8px 8px 0; } #info-page-main-image{ float: left; margin: 0 5px 3px 0; } /* RIGHT PANEL SPECIALS */ #right-panel-specials{ padding-bottom:0; } #right-panel-specials-title{ font:bold 13px/16px Verdana, Arial, Helvetica, sans-serif; color:#2665ad; } #right-panel-specials img{ border:0; } #right-panel-specials div.right-panel-specials-item{ position:relative; } #right-panel-specials div.right-panel-specials-item, #right-panel-parents div{ background-color:#FFFFFF; text-align:center; margin:5px 0 5px 0; border:1px solid #dddddd; padding:8px 8px 7px 8px; } #right-panel-specials div.right-panel-specials-item div{ color:#CC0033; font:bold 11px Verdana, Arial, Helvetica, sans-serif; margin-top:4px; } #right-panel-specials div.right-panel-specials-item a img{ margin: auto; } #right-panel-specials a img, #right-panel-parents div a span{ display:block; } #right-panel-specials a,#right-panel-specials a:link,#right-panel-specials a:active,#right-panel-specials a:visited,#right-panel-specials a:focus,#right-panel-specials a:hover{ text-decoration:none; font:normal 12px Arial, Helvetica, sans-serif; } #right-panel-specials div div a,#right-panel-specials div div a:link,#right-panel-specials div div a:active,#right-panel-specials div div a:visited{ color:#CC0033; } #right-panel-specials a:focus,#right-panel-specials a:hover{ color:#CC0033; text-decoration:underline; } #right-panel-specials span{ font:24px Arial, Helvetica, sans-serif; } #right-panel-specials span.item-grid-options-link{ font: 1px Arial, Helvetica, sans-serif; } #right-panel-specials span.toolow span.tip{ font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; } #right-panel-parents{ padding-top:0; padding-bottom:0; } #right-panel-parents div a{ text-decoration:none; font-size:18px; color:#538fd4; } #right-panel-parents div a:hover,#right-panel-parents div a:focus{ color:#CC0033; text-decoration: underline; } ul.floating-list{ padding:0 8px 0 8px; margin:0; display:inline-block; } html>body ul.floating-list{ float:left; margin-bottom:4px; } ul.floating-list, x:-moz-any-link{ width:96%; } *+html div ul.floating-list{ width:auto; float:none; } ul.floating-list li{ list-style:none; padding:0; margin:0; font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif; float:left; padding-left:8px; } ul.floating-list li span.float-list-regular-text{ font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif; background-image:url(images/featured-bullet-light.gif); background-repeat: no-repeat; background-position:left center; padding-left:8px; } ul.floating-list li{ min-width:350px; min-width:450px; width:100%; } ul.floating-list li a,ul.floating-list li a:link,ul.floating-list li a:active,ul.floating-list li a:visited { font:normal 12px/17px Verdana, Arial, Helvetica, sans-serif; background-image:url(images/featured-bullet-light.gif); background-repeat: no-repeat; background-position:left center; padding-left:8px; } ul.floating-list li a:hover,ul.floating-list li a:focus { background-image:url(images/featured-bullet-dark.gif); } img.paragraph-image { display:inline; margin:4px 6px 4px 0; } /* ***** */ #headblock-container{ border-top:1px solid #dddddd; padding:6px 0 6px 0; clear:right; } #headblock{ /*width:100%;*/ margin-bottom:6px; } #headblock-left,#headblock-right-unorderable{ vertical-align:top; padding-right:4px; } #headblock-right,#headblock-right-unorderable{ vertical-align:top; border-left:1px solid #dddddd; padding-left:4px; } #headblock-left{ width:55%; } #headblock-right{ width:45%; } #headblock-left-unorderable{ width:35%; } #headblock-right-unorderable{ width:65%; } #pictureblock{ float:left; } #pictureblock img{ border:none; } *+html #pictureblock img{ display:block; } #pictureblock a,#pictureblock a:link,#pictureblock a:visited,#pictureblock a:active{ width:88px; height:88px; border:1px solid #eeeeee; overflow:hidden; text-align:center; float:left; margin:0 2px 2px 0; text-decoration:none; font-size:10px; font-family:Arial, Helvetica, sans-serif; line-height:12px; } #pictureblock a:focus,#pictureblock a:hover{ border:1px solid #7c90b2; } a#main-picture,a#main-picture:link,a#main-picture:visited,a#main-picture:active,a#main-picture:hover,a#main-picture:focus{ width:180px; height:180px; } #infoblock{ float:left; width:45%; border:1px solid red; } #iconsblock{ border-bottom:1px solid #dddddd; } #iconsblock img{ margin:0 4px 4px 4px; } #iconlinksblock{ border-top:1px solid #dddddd; float:left; } #iconlinksblock a{ font:11px/25px Verdana, Arial, Helvetica, sans-serif; float:left; margin:1px 9px 1px 0; padding-left:28px; } *html #iconlinksblock a{ white-space:nowrap; } *+html #iconlinksblock a{ white-space:nowrap; } #icon-link-add{ background: url(images/icon-links/add.gif) no-repeat left center; } #icon-link-ask,#icon-link-ask_an_expert{ background: url(images/icon-links/ask.gif) no-repeat left center; } #icon-link-deal,#icon-link-best_price{ background: url(images/icon-links/deal.gif) no-repeat left center; } #icon-link-print{ background: url(images/icon-links/print.gif) no-repeat left center; } #icon-link-rfq,#icon-link-price_quote{ background: url(images/icon-links/rfq.gif) no-repeat left center; } #icon-link-tell,#icon-link-taf{ background: url(images/icon-links/tell.gif) no-repeat left center; } #icon-link-deal_request{ background: url(images/icon-links/req.gif) no-repeat left center; } #icon-link-ups{ background: url(images/icon-links/ups.gif) no-repeat left center; } #priceblock a.toolow, #priceblock a.toolow:link, #priceblock a.toolow:active, #priceblock a.toolow:visited { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#cc0000; text-decoration: none; } #priceblock td{ font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; vertical-align:middle; white-space:nowrap; } #priceblock tr.rebate td, #priceblock tr.rebate td a, #priceblock tr.rebate td a:link, #priceblock tr.rebate td a:active, #priceblock tr.rebate td a:visited { color:#009900; font:bold 11px Verdana, Arial, Helvetica, sans-serif; } #priceblock tr.rebate span.rebate-details{ padding-left:5px; } #priceblock tr.rebate span.rebate-details,#priceblock tr.rebate span.rebate-details a,#priceblock tr.rebate span.rebate-details a:link,#priceblock tr.rebate span.rebate-details a:active,#priceblock tr.rebate span.rebate-details a:visited{ color:#014f9f; font:normal 11px Verdana, Arial, Helvetica, sans-serif; } #priceblock tr.rebate span.rebate-details a:hover,#priceblock tr.rebate span.rebate-details a:focus{ color:#CC0033; } #priceblock td.priceblocksale{ font:bold 22px Arial, Helvetica, sans-serif; color:#CC0000; } #priceblock td#priceblock-free-shipping{ padding-top:3px; font-weight:bold; color:#37a100; } #options{ margin:0px 6px; } #options div.optionset{ margin-bottom:6px; } #options input{ margin:0;padding:0; height:20px; } * html #options,*+html #options{ /*width:100%;*/ } #options table{ width:100%; } #options table table{ width:600px; } #options table td{ border: #dddddd solid 1px; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; font-weight:normal; padding:2px 4px; border-top:none; background-color:#f9f9f9; } #options table td.optionadd { text-align:right; width: 125px; border-right:none; padding:0px 8px; } #options table td.optiondrop { border-left:none; border-right:none; padding:2px 8px; } #options table table td.optioninput,#options table td.optionInput,#options table table td.optionadd,#options table table td.optioninputbox, #options table table td.optionInputBox{ width:auto; } #options table td.optionleft{ border-left:none; border-right:1px solid #ddd!important; } #options table td.optioncenter{ text-align:center; } #options table td.optioninput,#options table td.optionInput { border-left:none; border-right:none; } #options table td.optioninputbox, #options table td.optionInputBox{ border-left:none; border-right:none; width:40px; text-align: center; } #options table td.optiontitle, #options table td.optionTitle { background-color:#536fa1; color:#ffffff; text-transform:uppercase; font-weight:bold; padding:2px 8px; border-top:1px solid #243870; border-bottom:1px solid #243870; border-left:none; border-right:none; } #options table td.optiontitle a:link, #options table td.optiontitle a:active, #options table td.optiontitle a:visited, #options table td.optiontitle a{ color:#ffffff; text-decoration:underline; font-weight:bold; } #options table td.optiontitle a:hover, #options table td.optiontitle a:focus{ color:#CC0033; } #options table td.optiontitle h3, #options table td.optionTitle h3{ text-transform:none; font:bold 12px arial, helvetica, sans-serif; color:#ffffff; margin:0; } #options table td.optiontitleadd,#options table td.optiontitlebar { background-color:#536fa1; color:#ffffff; text-transform:uppercase; font-weight:bold; padding:2px 8px; border-top:1px solid #243870; border-bottom:1px solid #243870; border-left:1px solid #284380; border-right:none; } #options table td.optiontitleadd { text-align:right; } #options table td.optiontitlebar { text-align:center; } #options table td.optionrxtitle,#options table td.optionrxtitlel{ background-color:#eeeeee; color:#31467d; text-transform:uppercase; font-weight:bold; padding:2px 8px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:none; border-right:none; } #options table td.optionrxtitlel{ text-align:center; } #options table table td.optioninput input{ text-align:center; width:70px; margin:2px; padding:0; } #options a,#options a:visited, #options a:hover, #options a:active, #options a:link { font:normal 11px verdana, arial, helvetica, sans-serif; } #options .optiontitlebarlink:visited,#options .optiontitlebarlink:hover,#options .optiontitlebarlink:active,#options .optiontitlebarlink,#options .optiontitlebarlink:link { color:#31467d; font:bold 11px verdana, arial, sans-serif; text-transform: uppercase; } .multi-add-info a, .multi-add-info a:link, .multi-add-info a:visited, .multi-add-info a:active, .multi-add-info a:focus, .multi-add-info a:hover{ color: #3366cc; } .limit_one_per_order{ font:normal 11px verdana, arial, sans-serif; text-transform:none; } #options table td.optioninput #availnotice td{ border:none; } #add-to-cart-button{ width:170px; height:27px; font: bold 18px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; border-color: #97b954 #4d7500 #4d7500 #97b954; border-style:solid; border-width:1px; color: White; margin:0; padding:0 0 0 35px; text-align:center; background:#649700 url(images/add-to-cart.gif) no-repeat 20px center; cursor: pointer; } #add-to-cart-button-container,#add-to-cart-button-container-with-options{ text-align:center; padding:0; margin:0; } #add-to-cart-button-container{ border-top:1px solid #dddddd; padding-top:6px; } h2#caption-header{ margin-top:0; } #special-message,.special-message{ font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#000; background-color:#fffcde; border:1px solid #b5b5b5; border-left:4px solid #c02; padding:5px; margin:0 0 8px 0; } #special-message p, .special-message p{ font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0; } .error-message{ font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif; color:#CC0033; background-color:#FFFFCC; border-width:1px; border-style:solid; border-color:#CC0033 #FFCC66 #CC0033 #FFCC66; padding:6px 6px 6px 6px; margin:10px 0 10px 0; } div.optionFlags{ border: #9bc0ed solid 1px; margin:8px 0; padding:5px; min-height:30px; } #options div.optionFlags input{ margin:6px; } #options div.optionFlags table,#options div.optionFlags table td,div.optionFlags table,div.optionFlags table td{ border:none; margin:0; padding:0; font:normal 11px/13px Verdana, Geneva, sans-serif; background-color:#FFF; } td.flagsCellImage{ width:30px; } td.flagsCellCheckbox{ padding-right:5px!important; width: 20px; } div.flagsTitle{ font:bold 13px/13px Verdana, Geneva, sans-serif; margin-bottom:4px; color:#2665ad; } img.flagsImage{ height:26px; width:26px; margin-right:4px; } div.flagsIcon{ float: left; padding: 6px 10px 6px 4px; } #ys_relatedItems{ display:block; position:relative; clear:left; } #ys_relatedItems img{ width: 40px; height: 40px; margin-right: 10px; float:left; } div.ystore-cross-sell-product-caption{ float:left; width:90%; margin-left:50px; } a.ystore-cross-sell-product-image-link{ text-align:right; margin-right:-50px; float:left; } h3.ystore-cross-sell-title{ padding:0; margin:4px 0px; } #ys_relatedItems a, #ys_relatedItems a:link, #ys_relatedItems a:visited, #ys_relatedItems a:active{ font:normal 12px Arial, Helvetica, sans-serif; color:#31467d; overflow:hidden; } #ys_relatedItems .ystore-cross-sell-row td{ border-bottom:#eeeeee 1px solid; } #ys_relatedItems .ystore-cross-sell-row-last td{ border-bottom:none!important; } #ys_relatedItems a:focus, #ys_relatedItems a:hover{ font:normal 12px Arial, Helvetica, sans-serif; color:#CC0000; } table.ystore-cross-sell-table{ width:100%; } td.ystore-cross-sell-cell{ padding:0 5px; margin:0; vertical-align:top; height:40px; } td.ystore-cross-sell-cell p{ padding:0; margin:0 0 3px 15px; float:left; white-space:nowrap; } p.ys_promo{ color:#339933; font-weight:bold; } #ys_relatedItems p.ystore-cross-sell-product-reg-price{ color:#666666; font-size:11px; } h4.ystore-cross-sell-product-name{ margin:2px 0 0 0; float:left; clear:none; } span.item-grid-options-link{ position:absolute; width:57px; height:18px; display:block; background:url(http://layout.opticsplanet.com/images/options-overlay.png) no-repeat top left; z-index:50000; cursor:pointer; } *html span.item-grid-options-link{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://layout.opticsplanet.com/images/options-overlay.png',sizingMethod=''); } div.item-grid-cell span.item-grid-options-link{ bottom:0px; right:0px; } div.right-panel-specials-item span.item-grid-options-link{ top:7px; left:7px; } *html div.right-panel-specials-item span.item-grid-options-link{ top:7px; left:-72px; } span.search-item-grid-options-link{ position:absolute; width:57px; height:18px; top: -10px; right: 7px; display:block; background:url(http://layout.opticsplanet.com/images/options-overlay.png) no-repeat top left; z-index:500000; cursor:pointer; } *html span.search-item-grid-options-link{ top: 100px; right: 7px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://layout.opticsplanet.com/images/options-overlay.png',sizingMethod=''); } /*Info Page Portal Navi*/ ul.op_com-ul_floating{ padding:0 0 0 16px; margin:0; display:inline-block; } .op_com-ul_floating ul {padding:0;margin:0 0 10px 0;overflow:hidden;} .op_com-ul_floating li{ list-style:none; padding:0; margin:0; text-align:left; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; } div#op_com-mini_menu{ text-align:center; padding:10px 10px 0px 10px; } div#op_com-mini_menu ul.floating-list{ padding:0 8px 10px 8px; margin:0; display:inline-block; } html>body ul.floating-list{ float:left; margin-bottom:4px; } div#op_com-mini_menu ul.floating-list, x:-moz-any-link{ width:96%; } *+html div#op_com-mini_menu ul.floating-list{ width:auto; float:none; } div#op_com-mini_menu ul.floating-list li{ list-style:none; padding:0; margin:0; text-align:left; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; float:left; } div#op_com-mini_menu ul.floating-list li{ min-width:190px; width:20%; } div#op_com-mini_menu ul.floating-list li a,div#op_com-mini_menu ul.floating-list li a:link,div#op_com-mini_menu ul.floating-list li a:active,div#op_com-mini_menu ul.floating-list li a:visited{ background-image:url(images/featured-bullet-both.gif); background-repeat: no-repeat; background-position:4px 0px; padding-left:12px; overflow:hidden; } div#op_com-mini_menu ul.floating-list li a:hover,div#op_com-mini_menu ul.floating-list li a:focus{ background-image:url(images/featured-bullet-both.gif); background-repeat:no-repeat; background-position: 4px -17px; } /*Info Page List Style*/ ul.info-list-style{ padding:0 8px 10px 8px; margin:0; } ul.floating-list-style{ padding:0 8px 10px 8px; margin-left:0; display:inline-block; } ul.floating-list-style, x:-moz-any-link{ width:96%; } *+html ul.floating-list-style{ width:auto; float:none; } ul.info-list-style li, ul.floating-list-style li{ list-style:none; padding:0; margin:0; text-align:left; font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif; } ul.floating-list-style li{ min-width:250px; width:30%; float:left; } ul.info-list-style li a, ul.info-list-style li a:link, ul.info-list-style li a:active, ul.info-list-style li a:visited,ul.floating-list-style li a, ul.floating-list-style li a:link, ul.floating-list-style li a:active, ul.floating-list-style li a:visited{ background-image:url(images/featured-bullet-both.gif); background-repeat: no-repeat; background-position:4px 0px; padding-left:12px; overflow:hidden; height:12px; } ul.info-list-style li a:hover, ul.info-list-style li a:focus, ul.floating-list-style li a:hover, ul.floating-list-style li a:focus{ background-image:url(images/featured-bullet-both.gif); background-repeat:no-repeat; background-position: 4px -17px; overflow:hidden; height:12px; } ul.floating-list-style li ul{ padding:0; margin-left:16px; } /*additional OP dotNET styles*/ #options a.featured-cate-title, #options a.featured-cate-title:link, #options a.featured-cate-title:visited, #options a.featured-cate-title:active{ font:bold 14px/22px Verdana, Arial, Helvetica, sans-serif; color:#2665ad; margin-left:-5px; text-decoration:none; } #options a.featured-cate-title:hover, #options a.featured-cate-title:focus{ color:#CC0033; text-decoration:underline; } #options table td.featured-cate-brands{ border:none; border-top: #dddddd solid 1px; } div.featured-cate-boxes{ margin:5px 10px; } div.featured-cate-boxes img{ border:0; width:120px; } html[xmlns] div.featured-cate-boxes img{ border:0; width:120px; height:auto; } ol.guarantee-list-style{ padding:10px 20px; margin-right:20px; } ol.guarantee-list-style li{ padding:0 2px 20px 2px; } div.our-site-boxes{ padding-bottom:10px; padding-top:10px; } div.our-site-logo-boxes{ float:left; height:60px; padding-right:15px; } #rx-form-container{ min-width:350px; width:100%; } * html #rx-form-container{ width:350px; } #info-div-content{ margin: 0; } div.info-div-left{ width:49%; float:left; margin:0; } span.right-content-header, span.right-content-header p{ padding:0; margin:0; font:bold 13px/16px Verdana, Arial, Helvetica, sans-serif; color:#2665ad; } div.info-clear{ clear:both; } #info-div-content a.menu-more,#info-div-content a.menu-more:link,#info-div-content a.menu-more:active,#info-div-contentt a.menu-more:visited{ background-image:none; text-decoration:none; font-weight:bold; color:#649700; } #info-div-content a.menu-more:hover,#info-div-content a.menu-more:focus{ background-image:none; text-decoration:underline; font-weight:bold; color:#649700; } #info-div-content form {margin:10px;padding:0px;} #info-div-content input.site-input-submit{ width:100px; height:22px; font: bold 11px/11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #649700; border-color: #97b954 #4d7500 #4d7500 #97b954; border-style:solid; border-width:1px; color: White; margin:0 0 0 5px; padding:0; vertical-align:top; } #info-div-content *input.site-input-submit{ vertical-align:baseline; } a.back-button-icons{ font: bold 12px/24px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:center; height:24px; padding:0; text-decoration:none; background-color:#649700; border-color:#97b954 #4d7500 #4d7500 #97b954; border-style:solid; border-width:1px; color:white; display:block; margin:auto; width:100px; } a.back-button-icons:link,a.back-button-icons:active,a.back-button-icons:visited,a.back-button-icons:hover{ text-decoration:none; color:white; } td.reviews_td_product_block div.rating-star-off{ margin-left:18px; background-image:url(http://opticsplanet.com/images/reviews/star-rating-off.gif); width:100px; height:19px; text-align:left; overflow:hidden; } td.reviews_td_product_block div.rating-star-on{ background-image:url(http://opticsplanet.com/images/reviews/star-rating-on.gif); height:19px; overflow:hidden; } /*RMA and Check Status Styles*/ #object-list input.rma-box, #object-list select.rma-box{ background: none; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; border:1pt solid #7c90b2; background-color:#fff; width:100%; } #object-list textarea.rma-box{ font: 14px "Courier New", Courier, monospace; margin:0; padding:0; width:100%; } #object-list input.rma-button{ width:170px; margin:0; padding:0; border-left:1pt solid #97b954; border-top:1pt solid #97b954; border-bottom:1pt solid #4d7500; border-right:1pt solid #4d7500; background-color:#649700; font: bold 18px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; height:27px; } #contact-div-right,#contact-div-left{ width:50%; float:left; } #rma td.catextitle{ background-color:#eeeeee; color:#31467d; font-weight:bold; text-transform:uppercase; text-align:center; border-top: 1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:none; } #rma td.catextitle1{ background-color:#eeeeee; color:#31467d; font-weight:bold; text-transform:uppercase; text-align:center; border: 1px solid #dddddd; } #feedback-form { min-width:300px; max-width:700px; width:100%; margin:auto; text-align:center; } #rma table.feedback{ width:100%; border-collapse:collapse; } #rma table td{ font:11px verdana, arial, helvetica, sans-serif; font-weight:normal; padding:2px 4px; border-top:none; background-color:#f9f9f9; } #rma table td.cells{ border-top: none; border-bottom: #dddddd solid 1px; border-left: #dddddd solid 1px; border-right:none; } #rma table td.cells1{ border-top: none; border-bottom:#dddddd solid 1px; border-left:#dddddd solid 1px; border-right:#dddddd solid 1px; } #rma table td.opcatxtitle{ background-color:#eeeeee; color:#31467d; text-transform:uppercase; font-weight:bold; border-top: none; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:none; } #rma table td.optiontitle { background-color:#536fa1; color:#ffffff; text-transform:uppercase; font-weight:bold; padding:2px 8px; border:1px solid #243870; } #rma table td.formxtitle{ background-color:#eeeeee; color:#31467d; text-transform:uppercase; font-weight:bold; padding:2px 8px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:none; border-right:none; text-align:left; } #rma table td.rma-form{ border-top: none; border-bottom: #dddddd solid 1px; border-left:none; border-right:none; font:normal 11px verdana, arial, helvetica, sans-serif; padding:2px 8px; margin:0; background-color:#f9f9f9; } #rma span.contact-bold-green-text{ padding:0; margin:0; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#649700; } #rma span.contact-header{ padding:0; margin:0; font:bold 13px/16px Verdana, Arial, Helvetica, sans-serif; color:#2665ad; } div#left-menu-search{ border:1px solid #98abcd; width:168px; height:22px; background:url(images/left-menu-search.gif) no-repeat 0px 0px; } div#left-menu-search.hover{ background:url(images/left-menu-search.gif) no-repeat 0px -22px; } div#left-menu-search input{ border-width:0; border:none; background:none; height:22px; margin:0; padding:0; float:left; } div#left-menu-search input#left-menu-search-text{ width:135px; padding:5px 2px 0px 6px; height:17px; color:#000000; font:normal 12px Verdana, Arial, Helvetica, sans-serif; line-height:12px; } div#left-menu-search input#left-menu-search-text.empty{ color:#666666; } div#left-menu-search input#left-menu-search-submit{ background:url(images/left-menu-search.gif) no-repeat -143px 0px; width:25px; } div#left-menu-search input#left-menu-search-submit.hover{ background:url(images/left-menu-search.gif) no-repeat -143px -22px; } ul.sub-page-selector,ul.sub-page-selector ul,ul.sub-page-selector li{ margin:0; padding:0; list-style:none; } ul.sub-page-selector{ margin:10px 0 0 0; } ul.sub-page-selector li{ float:left; margin:0 10px 10px 0; border-width:1px 0 1px 0; border-color:#dddddd; border-style:solid; font:bold 13px/19px Verdana, Arial, Helvetica, sans-serif; color:#2665ad; padding:4px 6px 4px 6px; background-color:#fcfcfc; /*white-space:nowrap;*/ min-height:135px; height: auto; overflow: visible; } ul.sub-page-selector li ul li{ float:none; overflow:hidden; border:none; margin:2px 0 2px 0; font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif; color:#666666; padding:0; min-height:14px; height:auto; } ul.sub-page-selector li ul li a,ul.sub-page-selector li ul li a:link,ul.sub-page-selector li ul li a:active,ul.sub-page-selector li ul li a:visited{ font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 8px; color:#666666; background-image:url(/images/featured-bullet-both.gif); background-repeat: no-repeat; background-position:0 -1px; text-decoration:none; white-space:nowrap; } *html ul.sub-page-selector li{ white-space: nowrap; } *+html ul.sub-page-selector li{ white-space: nowrap; } ul.sub-page-selector li ul li a:hover,ul.sub-page-selector li ul li a:focus{ background-position:0 -19px; color:#2665ad; text-decoration:underline; } ul.sub-page-selector li ul li.sps-li-collapsible{ display:none; } ul.sub-page-selector li ul.sps-ul-expanded li.sps-li-collapsible{ display:block; } ul.sub-page-selector li ul li.sps-button, span.bundles-button, span.bundles-button-hover{ cursor:pointer; color:#58a119; font-weight:bold; padding-left:8px; background-color:#fcfcfc; background-image:url(/images/selector-progress-bar.gif); background-repeat: repeat-y; background-position:-400px 0; line-height:17px; } span.bundles-button, span.bundles-button-hover{ padding-left:0; } ul.sub-page-selector li ul li.sps-button-hover,span.bundles-button-hover{ text-decoration:underline; } ul.sub-page-selector li ul li.sps-button-flash{ color:#FFFFFF; } span.selectors-button-more{ background:url(http://layout.opticsplanet.com/images/selectors-bundles-more-pointer.gif) 35px 5px no-repeat; background-position: right 5px; padding-right:10px; } span.selectors-button-less{ background:url(http://layout.opticsplanet.com/images/selectors-bundles-less-pointer.gif) 32px 5px no-repeat; padding-right:10px; } ul.sub-page-selector li.single-selectors-more{ background:url(http://layout.opticsplanet.com/images/single-row-selectors-down.gif) no-repeat; background-color:#fcfcfc; } ul.sub-page-selector li.single-selectors-less{ background:url(http://layout.opticsplanet.com/images/single-row-selectors-up.gif) no-repeat; background-color:#fcfcfc; } ul.sub-page-selector li.single-selectors-more, ul.sub-page-selector li.single-selectors-less{ min-height: 0px;!important height: auto; cursor: pointer; } ul.sub-page-selector li.single-selectors-more ul, ul.sub-page-selector li.single-selectors-less ul{ cursor: default; } ul.sub-page-selector li{ position:relative; } ul.sub-page-selector li a.sort-by-key-image{ position:absolute; top:26px; left:3px; display: none; } ul.sub-page-selector li ul.sort-by-key-items{ padding-left:95px; } em.selectors-quantity{ padding-left: 10px; color: #aaa; } div.best-and-top-items div.item-grid-cell{ float:left; width:50%; } div.best-and-top-items div.item-grid-cell-border{ height:150px; } div.best-and-top-items a.item-grid-image-link{ width:124px; height:150px; } div.best-and-top-items div.item-grid-info{ margin-top:2px; left:124px; height:150px; } div.best-and-top-items a.best-top-title-link,div.best-and-top-items a.best-top-title-link:link,div.best-and-top-items a.best-top-title-link:active,div.best-and-top-items a.best-top-title-link:visited{ font:bold 15px/30px Verdana, Arial, Helvetica, sans-serif; color:#2665ad; text-decoration:none; height:84px; white-space:nowrap; } div.best-and-top-items a.best-top-title-link:hover,div.best-and-top-items a.best-top-title-link:focus{ color:#CC0033; text-decoration: underline; } div.best-and-top-items div.item-grid-sale-price,div.best-and-top-items div.item-grid-not-available,div.best-and-top-items div.item-grid-just-price{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; top:97px; } div.best-and-top-items span.item-grid-sale-price-value,div.best-and-top-items span.item-grid-just-price-value{ font:normal 22px Arial, Helvetica, sans-serif; } div.best-and-top-items a.item-grid-image-link{ position:static; width:auto; height:auto; } div.best-and-top-items div.item-grid-cell{ float:left; width:50%; margin:30px 0 10px 0; } div.best-and-top-items div div,div.best-and-top-items div img{ margin:0 auto; } div.best-and-top-items div{ text-align:center; } /*tableizer start*/ table.spec-table{ text-align:center; border-collapse:collapse; width:100%; margin-top:10px; } tr.spec-row-header{ background-color:#dddddd; } tr.spec-row-header th{ text-align:left; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; padding:0 0 1px 7px; font-weight:bold; font-size:12px; line-height:18px; } tr.spec-row-one{ background-color:#ffffff; } tr.spec-grey-row{ background-color:#f6f6f6; } table.spec-table td,table.spec-table td.spec-right-column{ text-align:left; border-left:1px solid #bbbbbb; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; padding:0 0 1px 4px; } table.spec-table td.spec-left-column{ text-align:right; font-weight:bold; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; border-left:none; padding:0 4px 1px 0; } table#options-skus-upcs.spec-table td, table#options-skus-upcs.spec-table th{ text-align:center; font-size:11px; line-height:15px; padding:2px; } table#options-skus-upcs.spec-table td.spec-left-column{ font-weight:normal; } table#options-skus-upcs{ margin-bottom:10px; } /*tableizer end*/ table.simple-contents-table{ clear:both; border-collapse:collapse; margin:10px 0; width:100%; } table.simple-contents-table td{ border:none; border-bottom:1px solid #CCCCCC; } table.simple-contents-table td.simple-contents-img{ width:85px; height:80px; } table.simple-contents-table td.simple-contents-price{ font:normal 16px Arial, Helvetica, sans-serif; color:#CC0033; text-align:right; padding-right:10px; } .collapsible-content-question{ margin: 5px 0px; display: block; } .collapsible-content-question div.qna-question{ font: normal bold 13px/16px Verdana, Arial, Helvetica, sans-serif; background: url(http://layout.opticsplanet.com/images/qna-arrow-down.gif) 3px 8px no-repeat; text-align: left; color: #2665ad; padding: 2px 0 2px 15px; display: inline; cursor: pointer; } .collapsible-content-question div.qna-hover{ background: url(http://layout.opticsplanet.com/images/qna-arrow-down-over.gif) 3px 8px no-repeat; } .hide-answer div.qna-question{ background: url(http://layout.opticsplanet.com/images/qna-arrow.gif) 5px 6px no-repeat; } .hide-answer div.qna-hover{ background: url(http://layout.opticsplanet.com/images/qna-arrow-over.gif) 5px 6px no-repeat; } div.qna-hover{ text-decoration: underline; } .collapsible-content-question div.qna-answer{ padding: 0 10px 0 16px; margin: 5px 0; } .hide-answer div.qna-answer{ display: none; } .products-with-long-skus{ white-space:normal!important; } /* Start Recently Viewed History CSS */ #recently-viewed-list li{ margin-top: 5px; } #recently-viewed-list li.history-hide{ display: none; } #recently-viewed-list li span.bundles-button, #recently-viewed-list li span.bundles-button-hover, #recently-viewed-list li span span.selectors-button-more, #recently-viewed-list li span span.selectors-button-less{ padding-left: 0; } #recently-viewed-list li.history-button{ margin: 5px 0 0 8px; } /* End Recently Viewed History CSS */ /* Start Top Nav Dropdown CSS */ #top-nav-dd-list{ border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; border-bottom:#7c90b2 1px solid; background-color: #f9f9f9; list-style: none; padding: 0; margin: 0; position: absolute; top: 75px; z-index: 100000; height: auto; width: 130px; overflow:hidden; } #top-nav-dd-list li{ margin: 0 0 0 5px; padding: 5px; width:100%; float:left; height:15px; overflow:hidden; } *html #top-nav-dd-list li{ height:0; margin-left:3px; padding:5px 0 3px 3px; overflow:visible } #top-nav-dd-list li a, #top-nav-dd-list li a:link, #top-nav-dd-list li a:visited, #top-nav-dd-list li a:active{ font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; background-color:#f9f9f9; background-image:url(http://layout.opticsplanet.com/images/featured-bullet-both.gif); background-repeat: no-repeat; background-position:0 -1px; padding-left:8px; height:5px; overflow:hidden; } #top-nav-dd-list li a:hover, #top-nav-dd-list li a:focus{ color:#CC0033; text-decoration:underline; background-position:0 -18px; } a#top-nav-more-button, a#top-nav-more-button:link, a#top-nav-more-button:visited, a#top-nav-more-button:active, a#top-nav-more-button:hover, a#top-nav-more-button:focus{ font-weight:bold; cursor:pointer; margin-left:-10px!important; background:url(http://layout.opticsplanet.com/images/top-navigation-more-pointer.gif) 35px 10px no-repeat; padding-right:10px; float:right; } *html a#top-nav-more-button{ font-weight:normal; padding-right:13px; background-position:31px 10px; } .top-nav-hidden{ display: none; } /* End Top Nav Dropdown CSS */ /* Start Tip Boxes CSS */ #priceblock span.tip, #options span.tip{ border-bottom: dashed 1px; cursor:pointer; } *+html #priceblock span.tip{ display: inline-block; } div.tip-container-hidden{ display:none; } div.tip-container{ position:absolute; top:25px; left:-10px; width:300px; border:2px solid #ffffff; z-index: 123457; } div.tip-pointer{ position:absolute; background: url(http://layout.opticsplanet.com/images/tip-box-pointer.gif) no-repeat left top; left:20px; top:-13px; height:14px; width:23px; } div.tip-body{ white-space:normal; border:1px solid #98abcd; text-align:justify; font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif; background-color:#ffffcc; color:#000000; padding:6px; } /* End Tip Boxes CSS */ div.testimonials-page-left-column{ float:left; margin:5px 0 0 150px; } *html div.testimonials-page-left-column{ margin-left:75px; margin-right:75px; } div.testimonials-page-left-column div{ padding-bottom:10px; } .testimonial-page-reviews{ padding-left:5px; } .testimonial-page-reviewer{ font-size:11px; } div.testimonial-page-reviews b{ border-bottom: 1px solid rgb(204, 204, 204); color: rgb(102, 102, 102); } div.testimonials-page-rate-column{ float:left; width:130px; margin:5px -135px 5px 0; } .testimonials-page-rate-column td{ margin:0; font-size:11px; line-height:11px; } .testimonials-page-rate-column span.overall-rating{ font-size:11px; color:#649700; } /* Search Helper Stuff (start) */ #my-fake-id{ list-style: none; background-color: #fff; padding: 0; margin: 0; z-index: 100000000; position: absolute; margin-top: 22px; border:1px solid #98abcd; } #my-fake-id li{ border: none; margin:0; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#333333; padding:2px; cursor:pointer; background-color:#fff; background-image:url(http://layout.opticsplanet.com/images/featured-bullet-both.gif); background-repeat: no-repeat; background-position:4px -17px; padding-left:12px; height: 14px; } #my-fake-id li.search-helper-hover{ background-image:url(http://layout.opticsplanet.com/images/featured-bullet-both.gif); background-repeat: no-repeat; background-position:4px 0; text-decoration:underline; color:#fff; background-color: #536fa1; } *+html #my-fake-id li{ background-position:4px -17px; } *+html #my-fake-id li.search-helper-hover{ background-position:4px 0; } *html #my-fake-id li{ background-position:4px -17px; } *html #my-fake-id li.search-helper-hover{ background-position:4px 0; } *+html #my-fake-id{ position: relative; overflow: hidden; } *+html #my-fake-id li{ overflow: hidden; } *html #my-fake-id{ left: 10px; } /* Search Helper Stuff (end) */ div.qna-answer ul.no-float-link-list li{ position: relative; left: -20px; } ul.no-float-link-list li{ list-style: none; } ul.no-float-link-list li a, ul.no-float-link-list li a:link, ul.no-float-link-list li a:active, ul.no-float-link-list li a:visited{ background: url(http://layout.opticsplanet.com/images/featured-bullet-light.gif) no-repeat 0 3px; padding-left: 8px; } ul.no-float-link-list li a:hover, ul.no-float-link-list li a:focus{ background: url(http://layout.opticsplanet.com/images/featured-bullet-dark.gif) no-repeat 0 3px; } #award-banner-container{ margin-bottom: 10px; } /* START IMAGE GALLERY CSS */ div#pop-up-window{ position: absolute; z-index: 1000001; background-color: #ffffff; padding: 0; margin: 0; border: solid 1px #536fa1; overflow: hidden; } div#pop-up-window div#pop-icon-container{ position: absolute; margin: 0; padding: 0; top: 28px; } div#pop-up-window div#pop-icon-container img{ border: solid 1px #eeeeee; margin: 1px; padding: 0; float: left; width: 66px; height: 66px; } div#pop-up-window div#pop-icon-container img:hover{ border: solid 1px #7c90b2; cursor: pointer; } div#pop-up-window div#pop-icon-container img.selected-image{ border: solid 1px #536fa1; cursor: default; } div#pop-up-window img#pop-main-img{ margin: 0; border: none; position: absolute; top: 27px; left: 0; width: auto; height: auto; cursor: pointer; z-index: 2000000; } div#pop-up-window div#next-img-div, div#pop-up-window div#prev-img-div{ position: absolute; z-index: 1000002; top: 0; right: 47px; width: 22px; height: 26px; margin: 0; padding: 0; cursor: pointer; text-align: center; font: bold 18px/20px Verdana, Arial, Helvetica, sans-serif; background: url(http://layout.opticsplanet.com/images/prev-arrows.gif); background-repeat: no-repeat; background-position: 0px -26px; } div#pop-up-window div#next-img-div{ right: 25px; background: url(http://layout.opticsplanet.com/images/next-arrows.gif); background-position: 0px -26px; } div#pop-up-window div#next-img-div:hover, div#pop-up-window div#prev-img-div:hover{ background-position: 0px 0px; } div#pop-up-window div#next-img-div.disable-me, div#pop-up-window div#prev-img-div.disable-me, div#pop-up-window div#next-img-div.disable-me:hover, div#pop-up-window div#prev-img-div.disable-me:hover{ cursor: default; background-position: 0px -52px; } div#pop-up-window div#pop-close-button{ border: none; position: absolute; z-index: 1000003; top: 0; right: 0; height: 26px; width: 25px; margin: 0; cursor: pointer; background: url(http://layout.opticsplanet.com/images/close_button.gif); background-repeat: no-repeat; background-position: 0px -26px; } div#pop-up-window div#pop-close-button:hover{ background-position: 0px 0px; } div#pop-up-window img#pop-loading-img{ width: 180px; height: 180px; position: absolute; z-index: 1; } p#pop-img-alt{ font: bold 12px/26px Verdana, Arial, Helvetica, sans-serif; height: 26px; width: 100%; background-color: #f9f9f9; color: #2665ad; margin: 0; padding: 0 85px 0 5px; overflow: hidden; position: absolute; border-bottom: solid 1px #dddddd; top: 0; left: 0; display: block; } div#big-faded-box{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 1000000; background-color: #ffffff; filter: alpha(opacity=80); } #pictureblock p#enlarge-text{ font: normal 10px/10px Arial, Helvetica, sans-serif; clear: both; cursor: pointer; color: #014f9f; background: url(http://layout.opticsplanet.com/images/tiny-mag-glass.gif) no-repeat; padding: 1px 0 0 14px ; } #pictureblock p#enlarge-text:hover{ color:#CC0033; } #pictureblock p#enlarge-text img{ margin-right: 3px; } #pictureblock{ position: relative; } #main-picture, #main-picture img{ position: relative; z-index: 200000; } #pictureblock img#loading-image{ width: 180px; height: 180px; position: absolute; top: 1px; left: 1px; } div#pop-up-window div#pic-video-switch-box{ height: 20px; border: solid 1px #98abcd; margin: 2px; background-color: #ffffff; position: absolute; top: 0; right: 75px; color: #2665ad; font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif; } div#pop-up-window div#pic-video-switch-box div{ height: 16px; margin: 2px; padding: 0 5px; float: left; cursor: pointer; } div#pop-up-window div#pic-video-switch-box div:hover{ background-color: #e9e9e9; } div#pop-up-window div#pic-video-switch-box div.selected, div#pop-up-window div#pic-video-switch-box div.selected:hover{ background-color: #77bb00; color: #ffffff; cursor: default; } div#pop-up-window #flvMoviePlayer{ position: absolute; top: 27px; left: -1px; } div#pop-up-window a#flv-movie { display: block; background-color: #f9f9f9; position: absolute; top: 27px; left: 1px; z-index: 100000000; } .hidden-object{ visibility: hidden; left: -10000px!important; } /* END IMAGE GALLERY CSS */ /* START BANNER SCROLLER CSS */ div#scroller-main-container{ border-color: #7c90b2 #dddddd #7c90b2 #dddddd; border-width: 1px; border-style: solid; background-color: #f9f9f9; width: auto; position: relative; padding: 0; clear:both; } div#scroller-banners-container{ padding: 0; margin: 0; border: solid 6px #f9f9f9; overflow: hidden; position: absolute; top: 24px; left: 0; } div#scroller-banners-container img.scroller-thumb{ position: absolute; top: -6px; right: 5px; border: solid 6px #f9f9f9; } div#scroller-banners{ margin: 0; padding: 0; background-color: #f9f9f9; position: absolute; top: 0; } div#scroller-banners a img{ border: 0; padding: 0; margin: 0 6px 0 0; } div#scroller-control-panel{ height: 18px; background-color: #f9f9f9; margin: 6px 6px 0px 6px; padding: 0; overflow: hidden; } div#scroller-prev-button{ background: url(http://layout.opticsplanet.com/images/prev-arrows.gif) no-repeat; float: right; } div#scroller-next-button{ background: url(http://layout.opticsplanet.com/images/next-arrows.gif) no-repeat; float: right; } div#scroller-run-stop.show-pause{ background: url(http://layout.opticsplanet.com/images/pause-button.png) no-repeat; float: left; } div#scroller-run-stop.show-play{ background: url(http://layout.opticsplanet.com/images/play-button.png) no-repeat; float: left; } div#scroller-prev-button, div#scroller-next-button, div#scroller-run-stop.show-pause, div#scroller-run-stop.show-play{ width: 18px; height: 18px; margin: 0; padding: 0; background-position: -2px -30px; } div#scroller-prev-button:hover, div#scroller-next-button:hover, div#scroller-run-stop.show-pause:hover, div#scroller-run-stop.show-play:hover{ background-position: -2px -4px; cursor: pointer; } div#scroller-small-box{ position: absolute; top: 6px; right: 50px; height: 18px; margin: 0 auto; overflow: hidden; } *+html div#scroller-small-box{ top: 0; margin: 6px auto 0 auto; } div#scroller-small-box a, div#scroller-small-box a:link, div#scroller-small-box a:active, div#scroller-small-box a:visited{ display: block; float: left; height: 18px; width: 20px; text-decoration: none; text-align: center; position: relative; } div#scroller-small-box div{ position: absolute; top: 0; left: 0; height: 18px; width: 20px; background-color: #cccccc; z-index: 0; } /* END BANNER SCROLLER CSS */ /* START INDEX PAGE CSS */ table#departments{ width:100%; } table#departments tr{ height:80px; } table#departments td{ width:50%; padding:4px 8px; margin:0; vertical-align:top; height:80px; overflow:hidden; } table#departments td img{ float:right; margin:5px 0px; width:150px; height:100px; border:none; } table#departments td div{ height:118px; overflow:hidden; border-bottom:1px solid #d6d6d6; } table#departments td div div{ float:left; height:118px; overflow:hidden; border:none; } table#departments h2{ margin:0 0 2px 0; padding:0; font:bold 15px/16px Verdana, Arial, Helvetica, sans-serif; color:#2665ad; width:179px; overflow:hidden; white-space:nowrap; background:none; border:none; } table#departments h2 a,table#departments h2 a:link,table#departments h2 a:visited,table#departments h2 a:active{ font:bold 15px/16px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#2665ad; } table#departments h2 a:hover,table#departments h2 a:focus{ text-decoration:underline; color:#2665ad; } table#departments ul{ padding:0; margin:0 0 0 4px; } table#departments li{ list-style:none; padding:0; margin:0; font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color:#333333; width:175px; overflow:hidden; white-space:nowrap; } table#departments li a,table#departments li a:link,table#departments li a:active,table#departments li a:visited{ font:normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; background-image:url(http://layout.opticsplanet.com/images/featured-bullet-both.gif); background-repeat: no-repeat; background-position:4px -1px; padding-left:12px; } table#departments li a:hover,table#departments li a:focus{ color:#CC0033; text-decoration:underline; background-image:url(http://layout.opticsplanet.com/images/featured-bullet-both.gif); background-repeat:no-repeat; background-position: 4px -18px; } table#departments li.departments-more{ margin:2px 0 0 0; } table#departments li.departments-more,table#departments li.departments-more a,table#departments li.departments-more a:link,table#departments li.departments-more a:active,table#departments li.departments-more a:visited,table#departments li.departments-more a:focus,table#departments li.departments-more a:hover{ color:#649700; font-weight:bold; background-image:none; } /* END INDEX PAGE CSS */ /* START SHOP BY PAGES CSS */ div.shop-by-tabs, div.shop-by-tabs ul.sort-by{ margin: 0 0 15px 0; } div.shop-by-tabs ul.sort-by li{ padding: 0 2.5%; } div.shop-by-tabs ul.sort-by li, x:-moz-any-link{ padding: 0 15px; } *+html div.shop-by-tabs ul.sort-by li{ padding: 0 2.5%; } div.shop-by-spacing{ margin: 10px 0; } div.shop-by-box{ border-color: #7c90b2 #dddddd #7c90b2 #dddddd; border-width:1px; border-style:solid; background-color: #f9f9f9; padding: 8px 0; margin: 0 auto 10px auto; font: normal 14px/18px Verdana, Arial, Helvetica, sans-serif; color: #2665ad; } div.shop-by-box form{ clear: both; } div.shop-by-box span.shop-by-title{ font-weight: bold; float: left; margin: 0 10px 0 8px; border: solid 1px #f9f9f9; } div.shop-by-box span.shop-by-alpha-links a, div.shop-by-box span.shop-by-alpha-links a:link, div.shop-by-box span.shop-by-alpha-links a:active, div.shop-by-box span.shop-by-alpha-links a:visited{ display: block; float: left; width: 18px; height: 18px; text-align: center; text-decoration: none; border: solid 1px #f9f9f9; background-color: #f9f9f9; margin: 0; } div.shop-by-box span.shop-by-alpha-links a:hover, div.shop-by-box span.shop-by-alpha-links a:focus{ color: #77bb00; text-decoration: underline; } div.shop-by-box span.shop-by-alpha-links a.shop-by-alpha-letter-selected{ color: #ffffff; background-color: #77bb00; border-color: #609700; margin: 0 0 5px 0; } ul.shop-by-lists, ul.shop-by-lists li, ul.shop-by-lists li ul, ul.shop-by-lists li ul li{ list-style: none; } ul.shop-by-lists{ clear: both; padding: 0; margin: 5px 0; } ul.shop-by-lists li{ overflow: hidden; } ul.shop-by-lists li ul{ float: left; padding: 0; margin: 0; } ul.shop-by-lists li ul li{ padding-right: 5px; height: 18px; margin: 0 5px 0 0; } div.shop-by-script ul.shop-by-lists, div.shop-by-scsript ul.shop-by-lists li.hide-lists{ display: none; } div.shop-by-script ul.show-list{ display: block; } ul.shop-by-lists li ul li.shop-by-big-letter{ font: normal 60px/50px Verdana, Arial, Helvetica, sans-serif; color: #77bb00; text-align: center; width: 70px; height: 63px; } *+html ul.shop-by-lists li ul li.shop-by-big-letter{ line-height: 63px; } ul.shop-by-lists li ul li a, ul.shop-by-lists li ul li a:link, ul.shop-by-lists li ul li a:active, ul.shop-by-lists li ul li a:visited{ font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; color: #333333; background-image: url(http://layout.opticsplanet.com/images/featured-bullet-both.gif); background-repeat: no-repeat; background-position: 4px 0px; padding-left: 12px; text-decoration: none; } ul.shop-by-lists li ul li a:hover, ul.shop-by-lists li ul li a:focus{ background-image: url(http://layout.opticsplanet.com/images/featured-bullet-both.gif); background-position: 4px -17px; text-decoration: underline; color: #cc0033; } div.shop-by-box input, div.shop-by-box label, div.shop-by-box div#shop-by-search-page{ float: left; } div.shop-by-box label{ font: normal 12px/21px Verdana, Arial, Helvetica, sans-serif; color: #132; margin-right: 10px; } div.shop-by-box div#shop-by-search-page{ border:1px solid #98abcd; width:420px; height:22px; background:url(http://layout.opticsplanet.com/images/shop-by-search-bar.gif) no-repeat 0px 0px; } div.shop-by-box div#shop-by-search-page.hover{ background:url(http://layout.opticsplanet.com/images/shop-by-search-bar.gif) no-repeat 0px -22px; } div.shop-by-box div#shop-by-search-page input{ border-width:0; border:none; background:none; height:22px; margin:0; padding:0; float:left; } div.shop-by-box div#shop-by-search-page #shop-by-search-page-text{ width:366px; padding:5px 2px 0px 6px; height:17px; color:#000000; font:normal 12px Verdana, Arial, Helvetica, sans-serif; line-height:12px; } div.shop-by-box div#shop-by-search-page #shop-by-search-page-text.empty{ color:#666666; } div.shop-by-box div#shop-by-search-page #shop-by-search-page-submit{ background:url(http://layout.opticsplanet.com/images/shop-by-search-bar.gif) no-repeat -374px 0px; width:46px; } div.shop-by-box div#shop-by-search-page #shop-by-search-page-submit.hover{ background:url(http://layout.opticsplanet.com/images/shop-by-search-bar.gif) no-repeat -374px -22px; } div.shop-by-scroll-frame{ position: relative; clear: both; margin: 0 20px; padding: 0; } div.shop-by-scroll-container{ margin: 0; padding: 0; } div.with-script, div.with-script div.shop-by-scroll-container{ overflow: hidden; height: 122px; } div.with-script div.shop-by-scroll-container{ position: absolute; top: 0; left: 0; } div.shop-by-scroll-container div.shop-by-scroll-box{ float: left; background-color: #ffffff; border: solid 1px #dddddd; width: 160px; height: 100px; margin: 10px; padding: 10px; } div.with-script div.shop-by-scroll-container div.shop-by-scroll-box{ margin: 0 10px 0 0; } div.shop-by-scroll-container div.shop-by-scroll-box a{ text-decoration: none; color: #2665ad; } div.shop-by-scroll-container a img{ max-height: 80px; max-width: 160px; margin: auto; display: block; } div.shop-by-scroll-container div.shop-by-scroll-box a.scroll-image, div.shop-by-scroll-container div.shop-by-scroll-box a.scroll-text{ display: block; width: 160px; height: 80px; } div.shop-by-scroll-container div.shop-by-scroll-box a.scroll-text{ text-align: center; height: 20px; margin-top: 5px; } div.shop-by-scroll-prev-on, div.shop-by-scroll-next-on{ float: right; width: 22px; height: 26px; cursor: pointer; background: url(http://layout.opticsplanet.com/images/prev-arrows.gif) no-repeat 0 -29px; } div.shop-by-scroll-next-on{ background: url(http://layout.opticsplanet.com/images/next-arrows.gif) no-repeat 0 -29px; margin-right: 20px; } div.shop-by-scroll-prev-on:hover, div.shop-by-scroll-next-on:hover{ background-position: 0 -3px; } ul.shop-by-lists li ul li.shop-by-pic-link{ height: auto; width: 180px; text-align: center; } ul.shop-by-lists li ul li.shop-by-pic-link h3{ font:bold 15px Verdana, Arial, Helvetica, sans-serif; color:#2665ad; padding-top: 5px; margin: 0; cursor: pointer; } ul.shop-by-lists li ul li.shop-by-pic-link a, ul.shop-by-lists li ul li.shop-by-pic-link a:link, ul.shop-by-lists li ul li.shop-by-pic-link a:visited, ul.shop-by-lists li ul li.shop-by-pic-link a:active { color:#2665ad; text-decoration:none; background: none; padding: 0; } ul.shop-by-lists li ul li.shop-by-pic-link a:hover, ul.shop-by-lists li ul li.shop-by-pic-link a:focus { text-decoration:underline; } div#shop-by-brand-cat-lists ul.shop-by-lists{ margin: 20px auto; padding-bottom: 20px; border-bottom:1px solid #d6d6d6; } #shop-by-show-all{ float: left; margin: 1px 15px 0px 10px; text-decoration: none; border: solid 1px #465A74; padding-left: 4px; width: 60px; font: bold 10px/16px Verdana, Geneva, sans-serif; } /* END SHOP BY PAGES CSS */ /* HOLIDAY 2009 CSS */ #holiday-banner-1{ height:163px; background-color: #a21c21; background-image: url(images/holiday-season-2009/middle.png); background-repeat: repeat-x; min-width:770px; clear: both; } #holiday-banner-2{ height:163px; background-image: url(images/holiday-season-2009/right.png); background-repeat: no-repeat; background-position: right; } #holiday-banner-3{ height:113px; background-image: url(images/holiday-season-2009/left.png); background-repeat: no-repeat; color:#FFF; font:normal 11px/15px Verdana, Geneva, sans-serif; padding:50px 20px 0 173px; } #holiday-banner-3 a, #holiday-banner-3 a:link, #holiday-banner-3 a:visited, #holiday-banner-3 a:active{ color: #f9f9f9; } #holiday-banner-3 a:hover, #holiday-banner-3 a:focus{ color: #cccccc; } #holiday-promo-css-test{ width:102px; /* use width for css versions, test with js */ border:none; padding:0; height:1px; margin:0; position:absolute; left:-1000px; top:-1000px; } #holiday-promo{ white-space:normal; position:relative; z-index:500000; } #holiday-header-message{ position:absolute; top:-77px; left:-10000px; width:520px; padding:3px; background-color:#ffffff; } #holiday-header-message div{ border-color:#7c90b2 #dddddd #7c90b2 #dddddd; border-width:1px; border-style:solid; background:url(images/holiday-season-2009/header-holiday-message-background-v2.png) no-repeat; padding:0 7px 0 6px; height:239px; } #header-holiday-button{ position:absolute; top:-74px; left:0; } #header-holiday-button-tail{ position:absolute; top:-5px; left:90px; } #holiday-header-message ul{ margin:0; padding:0; width:400px; list-style:none; } #holiday-header-message ul li{ background:url(images/holiday-season-2009/holiday-arrow.gif) 0 4px no-repeat; margin:11px 40px 4px 0; padding:0 0 0 10px; font:bold 15px/17px Verdana, Arial, Helvetica, sans-serif; float:left; } *+html #holiday-header-message ul li{ background-position: 0 3px; } *html #holiday-header-message ul li{ background-position: 0 3px; } #holiday-header-message ul li span{ display:block; margin-top:4px; font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif; } #holiday-header-message p{ font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 8px; margin-bottom:0;!important } #holiday-header-message strong{ color:#3ba71a; } #holiday-header-message a{ color:#3ba71a; } #holiday-header-message h3{ background:url(images/holiday-season-2009/holiday-arrow.gif) 0 6px no-repeat; padding:0 0 0 9px; margin:7px 0 4px 0; } #holiday-header-message h3 a{ color:#d53f36; font:bold 17px Verdana, Arial, Helvetica, sans-serif; } #holiday-header-message a, x:-moz-any-link{ border-bottom:#3ba71a solid 1px; text-decoration:none; } #holiday-header-message h3 a, x:-moz-any-link{ border-bottom:#d53f36 solid 1px; text-decoration:none; } *+html #holiday-header-message a{ border:none; text-decoration:underline; } *+html #holiday-header-message h3 a{ border:none; text-decoration:underline; } #holiday-header-message div#holiday-message-close-button{ position:absolute; width:19px; height:19px; top:4px; left:503px; border:none; margin:0; padding:0; background:none; cursor:pointer; } /* END HOLIDAY 2009 CSS */ /* HEADER BANNERS */ #header-banners-container{ margin:10px 10px 0 10px; height:60px; overflow:hidden; } a.header-banner{ width:430px; height:60px; display:block; background:url(images/header-banner-bg.gif) no-repeat left center; padding:0 20px 0 22px; font:normal 10px/13px Verdana, Geneva, sans-serif; overflow:hidden; text-decoration:none; color:#000; float:left; } a.header-banner img{ float:left; display:block; margin-right:6px; } span.header-banner-title{ font:bold 15px/15px Verdana, Geneva, sans-serif; margin:6px 0 4px 0; color:#2665ad; display:block; } a.header-banner:hover span.header-banner-body{ text-decoration:underline; } /* END HEADER BANNERS */ /* Start: Feedback Forms Popup */ #help-window{ position:absolute; left: 25%; top: 40px; z-index: 1000001; background-color: #fff; margin: 0; border: solid 1px #536FA1; overflow: hidden; width:650px; height:750px; display:none; } *html #help-window{ position:absolute; top: 40px; left: 25%; } #help-close-button{ border: none; position: absolute; z-index: 1000003; top: 4px; right: 0px; height: 26px; width: 25px; margin: 0; cursor: pointer; background: url(http://layout.opticsplanet.com/images/close_button.png); background-repeat: no-repeat; background-position: 0px 0px; } #help-close-button:hover{ background-position: 0px 0px; } #help-contents{ position: absolute; z-index: 1000002; background-color: #ffffff; margin: 0; border:none; left:00px; right:00px; bottom:10px; top:30px; } #help-contents p{ text-align:center; font: 12px/24px Verdana, Arial, Helvetica, sans-serif; color: #616255; } #help-header{ font: bold 12px/26px Verdana, Arial, Helvetica, sans-serif; height: 26px; color: #31467D; background-color: #eeeeee; margin: 0; padding: 0 85px 0 5px; overflow: hidden; position: absolute; top: 0; left: 0; right:0; display: block; border-bottom: solid 1px #cccccc; } *html #help-header{ width: 560px; } #help-button{ background:url(images/help-button.png) no-repeat; display:block; height:13px; width:30px; font:bold 11px/13px Verdana, Arial, Helvetica, sans-serif; color:#3a78be; text-decoration:none; border:1px solid #345994; padding:4px 4px 4px 25px; cursor:pointer; background-color:#FFFFFF; float:right; margin:1px 4px 0 10px; } *+html #help-button{ margin-top:2px; } #help-button:hover{ background-color:#77bb00; color:white; } #button-ok{ border-width:1px; border-style:solid; margin:0; height:24px; width: 70px; padding:0; text-transform:uppercase; font-size:12px; color:#fff; background-color:#79775b; border-color:#b1b19f; padding:0 13px; margin-top: 6px; position:absolute; right:145px; cursor:pointer; } /* End of: Feedback Forms Popup */ /* Start: Feedback Forms Captions */ .feedback_caption_iframe { margin: 8px; margin-bottom:0px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-align: justify; } .feedback_caption_fullsize { margin: 15px 15px 5px; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 11px; text-align: justify; } .feedback_caption_fullsize li { font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 12px; list-style-type: inherit; } /* End of: Feedback Forms Captions */ a.unavailable-link{ font: normal bold 13px/16px Verdana, Arial, Helvetica, sans-serif; background: url(http://layout.opticsplanet.com/images/qna-arrow.gif) 3px 4px no-repeat; color: #2665ad; padding-left: 12px; cursor: pointer; text-decoration: none; margin-bottom: 10px; display: block; width: 175px; } a.unavailable-link:hover{ background: url(http://layout.opticsplanet.com/images/qna-arrow-over.gif) 3px 4px no-repeat; color: #cc0000; } #call-to-order-link{ color: #cc0000; font-size: 18px; font-weight: bold; text-decoration: none; } #call-to-order-button{ display: inline-block; width:150px; height:27px; font: bold 20px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; border-color: #97b954 #4d7500 #4d7500 #97b954; border-style:solid; border-width:1px; color: White; margin:0; padding:0; text-align:center; cursor: pointer; background-color: #649700; text-decoration: none; } #right-panel-specials span.cto-tip-me, #right-panel-specials span.cto-tip-me span{ font: bold 13px/16px Arial, Helvetica, sans-serif; } /* Start New Options CSS */ form.js-enabled #product-code-block{ display: table; } #headblock-right.invalid-options #product-code-block, #headblock-right.invalid-options #priceblock, #headblock-right #options-error-msg, div.optionset, #product-code-block, #add-to-cart-button-container-with-options #options-button-error-msg{ display: none; } #headblock-right.invalid-options #options-error-msg{ display: block; padding: 0; height: 174px; line-height: 16px; font-size: 16px; font-weight: bold; color: #cc0000; } form.js-enabled div.optionset select{ font: normal 13px Courier; } form.js-enabled div.optionset{ display: block; } div#salePriceDisplay a.toolow{ font-size: 22px; line-height: 24px; padding: 10px 0; display: block; } #priceblock{ height: 174px; } #product-code-block{ height: 42px; } #options-legend{ font: normal 12px/18px Verdana, Geneva, sans-serif; padding: 15px 0 5px; clear: both; } #options-legend img{ vertical-align: bottom; display: inline; } #add-to-cart-button-container-with-options.fade-cart-button #options-button-error-msg{ font: normal 11px/13px Arial, Helvetica, sans-serif; margin: 0; height: 35px; padding-top: 6px; display: block; } #add-to-cart-button-container-with-options.fade-cart-button #options-button-error-msg strong{ color: #cc0000; } #add-to-cart-button-container-with-options.fade-cart-button #options-button-error-msg p, #add-to-cart-button-container-with-options.fade-cart-button #options-button-error-msg strong{ width: 300px; display: block; margin: 0 auto; } #add-to-cart-button-container-with-options.fade-cart-button #add-to-cart-button{ opacity: 0.2; filter: alpha(opacity = 20); cursor: default; } /* End New Options CSS */ /* Start CSS for optionsku tooltips in options tables */ td.optionsku{ width: 130px; } td.optionsku label{ position:relative; z-index:24; } td.optionsku label:hover{ z-index:25; } td.optionsku label span{ display: none; } td.optionsku label:hover span{ text-align: left; display:block; position:absolute; top: 110%; left: 50%; border:1px solid #98ABCD; background-color: #FFC; color:#000; width: 250px; padding: 5px; } td.optionsku label:hover span span.pointer{ background: url(http://layout.opticsplanet.com/images/tip-box-pointer.gif) no-repeat 0px 0px; padding: 0; border: none; height: 14px; width: 23px; left: 20px; top: -14px; position: absolute; } td.optionsku label:hover span p{ margin: 0; font: normal 11px/12px Verdana, Geneva, sans-serif; } td.optionsku label:hover span ul, td.optionsku label:hover span ul li{ margin: 5px 0 0 0; padding: 0; font: normal 11px/12px Verdana, Geneva, sans-serif; list-style: none; } /* End CSS for optionsku tooltips in options tables */ /* Start CSS for sort arrows in part numbers table */ a.sortheader span{ display: inline-block; height: 10px; width: 24px; background: url(images/ts-sort-up-down.png) no-repeat; background-position: 0px 0px; } *+html a.sortheader span{ margin-bottom: 2px; } a.sortheader span.sortdown{ background-position: 0px -10px; } a.sortheader span.sortup{ background-position: 0px -20px; } a.sortheader span img{ display: none; } /* End CSS for sort arrows in part numbers table */ @media print{ #header-nav-bar a,#pre-footer,#left-panel,#right-panel,#breadcrumbs_top,#breadcrumbs_bottom,#iconlinksblock,#ciUSpH img,#ciUSpH a,#scUSpH img,#scUSpH a,#foot-links table,#copyright td:first-child{ display:none; } #page-container{ padding: 0; } #copyright td{ text-align:center !important; font-size:16pt; } #copyright td a{ font-size:16pt; } *html #copyright td{ text-align:left !important; font-size:12pt; } *html #copyright td a{ font-size:12pt; } #foot-links td{ text-align:center !important; } #foot-links td a{ font-size:12pt; } #foot-links td div{ width:3in; float:left; font-size:12pt; text-align:left; } div.item-grid-cell{ min-width:50%; } *html div.item-grid-cell{ float:none; } *+html div.item-grid-cell{ float:none; } #header-promo-bar div{ margin-left:20px; } #contents-item-grid-container,div.special-items{ float:none; } #product-caption a:link:after, #product-caption a:visited:after { content: " "; } #product-caption a[href^="http"]:after { content: " <" attr(href) "> "; } #product-caption a[href^="/"]:after { content: " "; } #reviews a:link:after,#reviews a:after, #reviews #product-caption a:visited:after,#reviews a[href^="http"]:after,#reviews a[href^="/"]:after { content: ""; } }