*+html{
overflow:auto;
}
body{
margin:0;
width:100%;
min-width:960px;
background-color:#FFF;
position:relative;
padding:0;
background:url(images/header-6.0/header-bg.png) repeat-x left top;
}
body,td,p{
font:normal 12px/21px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#132;
}
#overall-container{
overflow:hidden;
}
.page-width-container{
max-width:1200px;
margin:0 auto;
}
.page-middle-container{
max-width:1178px;
margin:0 auto!important;
}
p, .page-middle-container .qna-answer p{
margin:0 0 8px 0;
padding:0;
}
.page-middle-container p{
margin:0 10px;
}
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{
font: normal 23px/27px Verdana, Geneva, sans-serif;
color:#333333;
border:none;
background:none;
margin:0;
}
h1 em{
font-style:normal;
color:#999;
}
.page-middle-container h1#contents-header{
padding: 25px;
}
h2, #product-caption h3, #product-caption h1{
font:normal 19px/23px Verdana, Geneva, sans-serif;
color:#000;
margin:12px 0 5px 0;
padding:5px 0;
border:none;
border-bottom:1px solid #000;
background:none;
}
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 */
/* --- Header V.6 Styles --- */
#header-container{
position:relative;
z-index:3;
}
/* Header Top Styles */
#header-top-container{
height:30px;
padding:8px 12px 0;
}
#header-top-container a{
margin: 0 0 0 15px;
float: left;
display: block;
color:#fff;
text-decoration:none;
}
#header-top-container a span{
border-bottom:1px solid #6e7476;
}
#header-top-container a:hover span{
border-bottom-color:#fff;
}
#header-top-container span{
text-shadow: 1px 1px 1px #111;
}
#header-contact-container{
float:left;
}
#header-contact-container a span{
border-bottom-style:dashed;
}
#header-promo-links-right a#velaro-chat-button span, #header-promo-links-right a.enable-contact-popup span {
border-bottom: 1px dashed #C9D0D6;
}
#header-top-container #header-number{
margin:0;
font-weight:bold;
float:left;
display:block;
}
#header-top-container #header-number span{
color:#84d8ff;
border:none;
}
#header-info-links-container{
margin-right:8%;
float:right;
}
*+html #header-info-links-container{
margin:-20px 13% 0 0;
}
#header-social-container{
float:right;
}
#header-top-container a.header-social-buttons{
display:block;
width:17px;
height:17px;
background-image:url(images/header-6.0/header-images.png);
background-repeat:no-repeat;
float:right;
margin:3px 0 0 8px;
}
a#header-social-buttons-fb{
background-position:-157px top;
}
a#header-social-buttons-tw{
background-position:-176px top;
}
a#header-social-buttons-yt{
background-position:-195px top;
}
/* Header Mid Styles */
#header-mid-container{
height:88px;
padding:8px 12px 1px 192px;
}
#header-logo{
width:151px;
height:68px;
background:url(images/header-6.0/header-images.png) no-repeat left top;
display:block;
margin:6px 0 0 -181px;
float:left;
position:relative;
}
*+html #header-mid-container{
position:relative;
}
*+html #header-logo{
position:absolute;
top:7px;
left:2px;
margin-left:0;
}
#header-logo:hover span{
display:block;
position:absolute;
top:5px;
right:-88px;
width:80px;
height:23px;
background:url(images/header-6.0/header-images.png) no-repeat -130px -195px;
}
#header-mid-right-container{
float:left;
width:100%;
}
/* Header Shipping Banner */
#header-shipping-banner .header-fancy-dropdown-button{ /* the element to trigger dropdown */
padding-right:20px;
background:url(images/header-6.0/header-images.png) no-repeat right -74px;
cursor:pointer;
overflow: hidden;
display:block;
}
#header-shipping-banner .header-fancy-dropdown-button:hover{
background-position:right -95px;
}
#header-shipping-banner .header-fancy-dropdown-button span{
overflow:hidden;
}
#header-shipping-banner{
position:relative;
float:right;
z-index:4;
}
#header-shipping-banner-text{
display:block;
width:450px;
height:23px;
background:url(images/header-6.0/header-images.png) no-repeat left -169px;
}
#header-shipping-banner div.fancy-select-box div {
min-width: initial;
max-width: none;
cursor: default;
padding: 0;
}
#header-shipping-banner div.fancy-select-box p {
line-height: 16px;
margin: 4px 7px;
padding:3px;
}
#header-shipping-banner div.fancy-select-box-arrow{
left:220px;
}
div.header-fancy-dropdown ul ul li, div#header-deals-button ul li{
margin:6px 0 10px;
}
div.header-fancy-dropdown div.fancy-select-box-outer{
top:-1000px;
left:-1000px;
display:block;
}
div.header-fancy-dropdown-js-click.header-fancy-dropdown-visible div.fancy-select-box-outer,
div.header-fancy-dropdown-css-hover:hover div.fancy-select-box-outer{
top: 17px;
left: 0;
}
div.header-fancy-dropdown div.fancy-select-box div{
min-width: initial;
max-width:none;
cursor:default;
}
div.header-fancy-dropdown div.fancy-select-box div:hover{
background-color:#fff;
}
div.header-fancy-dropdown div.fancy-select-box div span{
position: static;
height: auto;
width: auto;
background:none;
}
div.header-fancy-dropdown ul, div.header-fancy-dropdown li{
margin:0;
padding:0;
list-style:none;
}
div.header-fancy-dropdown ul{
float:left;
}
div.header-fancy-dropdown ul li{
margin:10px 20px 20px;
}
div.header-fancy-dropdown ul ul{
float:none;
margin-top:-2px;
}
#header-container div.header-fancy-dropdown ul a{
text-decoration:none;
border-bottom:1px solid #d6d6d6;
}
#header-container div.header-fancy-dropdown ul a:hover{
color:#014F9F;
border-color: #014F9F;
}
div.header-fancy-dropdown div.fancy-select-box div.info-clear{
border:none;
padding:0;
margin:0;
position:static;
}
/* Header Mid-bottom Styles */
#header-mid-bottom-container{
margin-top:25px;
padding-right:263px;
}
#header-shopping-cart{
background:url(images/header-6.0/header-images.png) no-repeat -253px top;
width:170px;
height:28px;
display:block;
float:right;
margin-right:-263px;
}
#header-shopping-cart:hover{
background-position:-253px -28px;
}
*+html #header-mid-bottom-container{
padding-right:255px;
}
*+html #header-shopping-cart{
margin-left: 85px;
}
/* Header Search Styles */
#header-search-bar-container{
float:left;
width:100%;
}
#header-search-bar-inner{
height:28px;
padding: 0 45px 0 60px;
position:relative;
}
#header-search-input-container-outer{
height:26px;
float:left;
width:100%;
border:1px solid #93adc7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius:2px;
behavior: url(http://layout.opticsplanet.com/PIE.htc);
}
*+html #header-search-input-container-outer{
margin-right:7px;
}
#header-search-input-container-outer.focus{
border-color:#5aa0db;
}
#header-search-bar-inner css3-container{
z-index:1!important;
}
#header-search-input-container{
background:url(images/header-6.0/header-search-input-bg.gif) repeat-x left top;
padding:0 0 0 90px;
height:26px;
}
#header-search-input-container-outer.dropdown #header-search-input-container{
background-position:left bottom;
}
#header-search-type-container{
width:90px;
margin-left:-90px;
float:left;
height:26px;
position:relative;
background-color:#f2f7fb;
}
#header-search-type div.fancy-select-select{
width:75px!important;
height:20px;
display:block;
padding:5px 0 0 7px;
font:normal 14px/normal Arial, Helvetica, sans-serif;
cursor:pointer;
background:url(images/header-6.0/header-images.png) no-repeat right -145px;
border:none;
margin:0;
position:relative;
}
#header-search-type #header-search-select{
top:1px!important;
left:0!important;
opacity:0;
filter: alpha(opacity = 0);
}
#header-search-type div.fancy-select-fade{
display:none;
}
#header-search-bar-container input{
display:block;
margin:0;
padding:0;
border:none;
height:26px;
-webkit-appearance: none;
-webkit-border-radius:0px;
}
#header-search-bar-text-container{
background:url(images/header-6.0/header-images.png) no-repeat -423px -1px;
padding-left:30px;
}
*+html #header-search-bar-text-container{
height:26px;
}
#header-search-input-container-outer.dropdown #header-search-bar-text-container{
background-position:-423px -27px;
}
#header-search-bar-text{
background:url(images/header-6.0/header-images.png) no-repeat right -123px;
width:100%;
font:normal 12px Verdana, Geneva, sans-serif;
line-height:normal;
}
*+html #header-search-bar-text{
padding-top:5px;
height:20px;
overflow:hidden;
}
#header-search-bar-text:focus {
outline: none;
}
#header-search-bar-container #header-search-bar-text.empty{
color:#7a7a7a;
}
#header-search-bar-container #header-search-bar-submit{
background:url(images/header-6.0/header-images.png) no-repeat -216px top;
float:right;
width:37px;
margin-right: -45px;
cursor:pointer;
height:28px;
}
#header-search-bar-container #header-search-bar-submit:hover,
#header-search-bar-container #header-search-bar-submit.hover{
background-position:-216px -28px;
}
#header-search-bar-container label{
position:absolute;
display:block;
height: 28px;
width:56px;
top: 0;
left:0;
background: url(images/header-6.0/header-images.png) no-repeat -157px -25px;
cursor:pointer;
}
#header-search-auto-complete-values{
position:absolute;
background-color:#fff;
border:1px solid #5aa0db;
border-top-color:#c9d6e3;
border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
margin:-1px 0 0 0;
display:none;
padding:5px 0;
overflow:hidden;
font:normal 12px Arial, Helvetica, sans-serif;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 1px 1px #ccc;
behavior: url(http://layout.opticsplanet.com/PIE.htc);
z-index:3;
}
#header-search-auto-complete-values div{
cursor:pointer;
padding:4px 8px;
}
#header-search-auto-complete-values div.selected{
background-color:#d9f0ff;
}
#header-search-auto-complete-values.hover div.selected{
background-color:#fff;
}
#header-search-auto-complete-values.hover div:hover{
background-color:#d9f0ff;
}
/* Header Bottom Styles */
#header-shop-links{
float:right;
margin:7px 12px 0 12px;
}
#header-shop-links a{
display:block;
text-decoration:none;
color:#2b3e53;
}
#header-shop-links a span{
border-bottom:1px solid #c0c9d0;
}
#header-shop-links a:hover span{
border-bottom-color:#397abd;
}
#header-departments-container{
margin-left:8px;
}
#header-departments-container, .header-departments{
float:left;
}
*+html #header-departments-container{
width: 828px;
}
#header-deals{
float:left;
}
.header-departments-visible .header-departments:hover .header-departments-dropdown,
.header-departments-position .header-departments .header-departments-dropdown{
left:0;
right:0;
top:215px;
}
.header-departments .header-departments-dropdown{
position:absolute;
top:-1000px;
left:-1000px;
padding: 25px 20px 12px;
border:1px solid #5798e0;
border-top-color:#2882e9;
background:#fff url(images/header-6.0/header-department-selected.gif) repeat-x left -75px;
z-index:2;
}
.header-departments-position .header-departments .header-departments-dropdown{
display:none;
}
.header-departments-position.header-departments-visible .header-departments:hover .header-departments-dropdown{
display:block;
}
#header-deals .header-departments-dropdown{
border:1px solid #de0030;
border-top-color:#c50000;
background:#fff url(images/header-6.0/header-deals-selected.gif) repeat-x left -75px;
}
a.header-departments-icon, a.header-departments-icon:link, a.header-departments-icon:visited, a.header-departments-icon:active{
height:79px;
float:left;
padding:1px 9px 1px 10px;
cursor:pointer;
display:block;
text-decoration: none;
}
.header-departments:hover a.header-departments-icon,
.header-departments-active a.header-departments-icon{
background:url(images/header-6.0/header-department-selected.gif) repeat left top;
padding:0 9px;
border-top:1px solid #2882e9;
border-left:1px solid #2882e9;
}
.header-departments-visible .header-departments:hover a.header-departments-icon,
.header-departments-position .header-departments-active a.header-departments-icon{
padding: 0 9px 1px;
position:relative;
z-index:3;
}
#header-deals:hover a.header-departments-icon,
#header-deals.header-departments-active a.header-departments-icon{
background:url(images/header-6.0/header-deals-selected.gif) repeat left top;
border-top:1px solid #c50000;
border-left:1px solid #c50000;
}
a.header-departments-icon span{
padding-top:48px;
display:block;
background:url(images/header-6.0/header-icon-sprite.png) no-repeat left top;
text-align:center;
font-size:11px;
color:#4f6877;
line-height:normal;
border-bottom:none;
}
#header-deals a.header-departments-icon span{
color:#c03;
width:45px;
}
.header-departments:hover a.header-departments-icon span,
#header-deals:hover a.header-departments-icon span,
.header-departments-active a.header-departments-icon span,
#header-deals.header-departments-active a.header-departments-icon span{
color:#fff;
text-shadow: 1px 1px 1px #0058d6;
padding-bottom:1px;
position:relative;
z-index:2;
}
#header-deals:hover a.header-departments-icon span,
#header-deals.header-departments-active a.header-departments-icon span{
background-position:left -79px;
text-shadow: 1px 1px 1px #c00000;
}
#header-department-1 a.header-departments-icon span{
background-position:-133px top;
width:40px;
}
#header-department-1:hover a.header-departments-icon span,
#header-department-1.header-departments-active a.header-departments-icon span{
background-position:-133px -79px;
}
#header-department-2 a.header-departments-icon span{
background-position:-66px top;
width:45px;
}
#header-department-2:hover a.header-departments-icon span,
#header-department-2.header-departments-active a.header-departments-icon span{
background-position:-66px -79px;
}
#header-department-3 a.header-departments-icon span{
background-position:-211px top;
width:48px;
}
#header-department-3:hover a.header-departments-icon span,
#header-department-3.header-departments-active a.header-departments-icon span{
background-position:-211px -79px;
}
#header-department-4 a.header-departments-icon span{
background-position:-290px top;
width:48px;
}
#header-department-4:hover a.header-departments-icon span,
#header-department-4.header-departments-active a.header-departments-icon span{
background-position:-290px -79px;
}
#header-department-5 a.header-departments-icon span{
background-position:-533px top;
width:45px;
}
#header-department-5:hover a.header-departments-icon span,
#header-department-5.header-departments-active a.header-departments-icon span{
background-position:-533px -79px;
}
#header-department-6 a.header-departments-icon span{
background-position:-371px top;
width:49px;
}
#header-department-6:hover a.header-departments-icon span,
#header-department-6.header-departments-active a.header-departments-icon span{
background-position:-371px -79px;
}
#header-department-7 a.header-departments-icon span{
background-position:-608px top;
width:55px;
}
#header-department-7:hover a.header-departments-icon span,
#header-department-7.header-departments-active a.header-departments-icon span{
background-position:-608px -79px;
}
#header-department-8 a.header-departments-icon span{
background-position:-707px top;
width:65px;
}
#header-department-8:hover a.header-departments-icon span,
#header-department-8.header-departments-active a.header-departments-icon span{
background-position:-707px -79px;
}
#header-department-9 a.header-departments-icon span{
background-position:-446px top;
width:52px;
}
#header-department-9:hover a.header-departments-icon span,
#header-department-9.header-departments-active a.header-departments-icon span{
background-position:-446px -79px;
}
#header-department-10 a.header-departments-icon span{
background-position:-791px top;
width:46px;
}
#header-department-10:hover a.header-departments-icon span,
#header-department-10.header-departments-active a.header-departments-icon span{
background-position:-791px -79px;
}
#header-department-11 a.header-departments-icon span{
background-position:-869px top;
width:62px;
}
#header-department-11:hover a.header-departments-icon span,
#header-department-11.header-departments-active a.header-departments-icon span{
background-position:-869px -79px;
}
#header-department-5 .header-departments-dropdown, #header-department-6 .header-departments-dropdown,
#header-department-7 .header-departments-dropdown{
background-position: -4px -75px;
}
#header-department-1 .header-departments-dropdown{
background-position: -1px -75px;
}
#header-department-3 .header-departments-dropdown, #header-department-8 .header-departments-dropdown,
#header-department-9 .header-departments-dropdown, #header-department-11 .header-departments-dropdown,
#header-department-2 .header-departments-dropdown{
background-position: -2px -75px;
}
#header-department-4 .header-departments-dropdown, #header-department-10 .header-departments-dropdown{
background-position: -3px -75px;
}
div.header-departments-dropdown-left{
float:left;
margin-right:30px;
}
div.header-departments-dropdown-right{
float:left;
}
span.header-departments-dropdown-header{
color:#2665AD;
font:bold 14px Arial, Helvetica, sans-serif;
display:block;
}
div.header-departments-dropdown div a{
color:#000000;
display:block;
font:normal 12px Arial, Helvetica, sans-serif;
text-decoration:none;
margin:9px 0;
}
div.header-departments-dropdown div a span{
border-bottom: 1px solid #C0C9D0;
}
div.header-departments-dropdown div a:hover span{
border-bottom-color: #397ABD;
}
div.header-departments-dropdown div div{
float:left;
margin-right:25px;
}
#header-deals div.header-departments-dropdown div{
margin:-12px 25px -3px 0;
float:left;
}
#header-deals div.header-departments-dropdown #header-departments-dropdown-promo{
width:345px;
padding:10px 0 10px 325px;
border-left:1px solid #de0030;
margin: -15px -5px -8px 0;
background:url(images/header-6.0/header-images.png) no-repeat left -225px;
}
#header-departments-dropdown-promo p{
font:normal 12px Arial, Helvetica, sans-serif;
}
#header-departments-dropdown-promo a{
display:inline;
color: #014F9F;
text-decoration:underline;
}
#header-departments-dropdown-promo a:hover{
color: #C03;
}
#header-departments-dropdown-promo a#header-departments-dropdown-dvor-link{
display: block;
margin: 0 auto;
width: 127px;
height: 27px;
background:url(images/header-6.0/header-images.png) no-repeat left -193px;
}
div.header-departments-dropdown div .header-departments-dropdown-brands{
background:url(images/header-6.0/header-featured-brands.jpg) no-repeat left top;
height:113px;
margin:20px 0 0;
position:relative;
}
#header-department-1 .header-departments-dropdown-brands{
width:390px;
}
#header-department-2 .header-departments-dropdown-brands{
width:429px;
background-position:left -113px;
}
#header-department-3 .header-departments-dropdown-brands{
width:490px;
background-position:left -225px;
}
#header-department-4 .header-departments-dropdown-brands{
width:470px;
background-position:left -337px;
}
#header-department-5 .header-departments-dropdown-brands{
width:458px;
background-position:left -449px;
}
#header-department-6 .header-departments-dropdown-brands{
width:476px;
background-position:left -565px;
}
#header-department-7 .header-departments-dropdown-brands{
width:491px;
background-position:left -678px;
}
#header-department-8 .header-departments-dropdown-brands{
width:507px;
background-position:left -791px;
}
#header-department-9 .header-departments-dropdown-brands{
width:533px;
background-position:left -904px;
}
#header-department-10 .header-departments-dropdown-brands{
width:574px;
background-position:left -1017px;
}
#header-department-11 .header-departments-dropdown-brands{
width:450px;
background-position:left -1130px;
}
#header-department-11 div.header-departments-dropdown-left{
margin-right:7px;
}
#header-departments-container .header-departments-all-link{
padding:0 16px 0 8px;
border: 1px solid #79aad4;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
behavior: url(http://layout.opticsplanet.com/PIE.htc);
color:#2576d4;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
top:15px;
right:10px;
background:url(images/header-6.0/header-images.png) no-repeat right -212px;
}
#header-departments-container .header-departments-all-link:hover{
border-color:#2576d4;
background-position:right -196px;
}
#header-departments-container a.header-brand-logos {
position:absolute;
margin:0;
background:url(images/spacer.gif) repeat;
}
div.fancy-select-box-outer{
z-index:3;
}
/* END HEADER */
#pre-footer{
background:url(images/header-6.0/header-bottom-bg.gif) repeat-x left -40px;
padding: 0;
margin: 1px 0;
text-align: center;
height: 20px;
border-top: 1px solid #CAD2D8;
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:#4F6877;
}
#pre-footer a:hover,#pre-footer a:focus{
text-decoration:underline;
color:#c03;
}
#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(http://layout.opticsplanet.com/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{
text-align:right;
}
#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;
}
#foot-links div#footer-social-media{
float:left;
}
#foot-links div#footer-social-media a{
display:block;
width:188px;
height:34px;
padding: 5px 0 5px 45px;
color:#666666;
font:normal 11px/normal Arial, Helvetica, sans-serif;
border:1px solid #fff;
background:url(images/footer/social-media-icons.gif) no-repeat 7px 6px;
}
#foot-links div#footer-social-media a#footer-twitter-link{
background-position:7px -40px;
}
#foot-links div#footer-social-media a#footer-youtube-link{
background-position:7px -86px;
}
#foot-links div#footer-social-media a:hover{
border:1px solid #dce1ec;
background-color:#f6f6f6;
text-decoration:none;
color:#666666;
}
#foot-links em.footer-social-media-headings{
font:bold 15px/normal Verdana, Arial, Helvetica, sans-serif;
color:#2665ad;
display:block;
font-style:normal;
}
/* Start: Subscribe to newsletters box: updated Jan 2012 */
#footer-newsletter {
vertical-align: top;
margin-top:0;
}
#subscription-container {
width:300px;
color:#4b586e;
vertical-align: top;
padding: 8px 14px 0 14px;
font:normal 11px/15px Arial, Helvetica, sans-serif;
}
#subscription-container strong {
display:block;
font: bold 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
color: #39455B;
margin-bottom: 2px;
}
#footer-newsletter div span {
margin: 9px 0 3px 0;
font: bold 12px/14px Arial,Helvetica,sans-serif;
}
#enter-email{
display:block;
padding: 0px;
margin: 10px 0 4px 0;
}
#newsletter-input{
width:294px;
border:1px solid #7c90b2;
}
#email-format-error, #ajax-error{
color:#cc0000;
padding: 0px;
margin: 10px 0 4px 0;
display: none;
}
#subscribe-success, #modify-success{
width: 270px;
text-transform:capitalize;
color:#316319;
padding: 0px;
margin: 10px 0 0 0;
display: none;
}
#subscribe-comment{
color:#316319;
padding: 0px;
margin: 1px 0 0 0;
display: none;
}
#ajax-error-comment{
color:#cc0000;
padding: 0px;
margin: 1px 0 0 0;
display: none;
}
#subscribe-loading{
width: 270px;
color:#2665AD;
padding: 0px;
margin: 5px 0 0 0;
display: none;
}
#email-submit-button, #email-modify-button {
display: block;
float: right;
cursor: pointer;
margin-right: 5px;
margin-top: 10px;
width: 108px;
height: 26px;
border: 0;
background: url(http://layout.opticsplanet.com/images/newsletter-subscribe.png);
background-repeat: no-repeat;
}
#email-modify-button {
background: url(http://layout.opticsplanet.com/images/newsletter-modify.png);
background-repeat: no-repeat;
width: 80px;
margin-right: 4px;
}
.hidden {
display:none;
}
.email-opacity {
color: #aaa;
}
/* End: Subscribe to newsletters */
/* The Holy Grail */
#page-container{
padding:0 190px;
margin:0 0 10px;
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;
}
#right-panel{
width:170px;
margin:-5px -180px 0 10px;
float:right;
clear:right;
}
*html #right-panel{
margin:-5px -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(http://layout.opticsplanet.com/images/search-bg.gif) no-repeat;
padding-left:20px;
width:85px;
}
#mail-list-box-input{
width:125px;
margin-right:0px;
}
#mail-list-box-button{
width:25px;
}
#left-panel-facebook-block{
border-top:none;
padding:0;
width:170px;
}
#left-panel-facebook-link{
width:170px;
height:44px;
display:block;
text-decoration:none;
background-image: url(http://layout.opticsplanet.com/images/facebook-left-panel.png);
background-repeat: no-repeat;
}
#fb-root {
display:none;
}
#left-panel-facebook-button{
margin:7px;
}
#left-panel-shop-smarter{
background:url(images/shop-smarter-bg.gif) repeat-x left 1px;
border:1px solid #c3c3c3;
margin-top:0;
}
#left-panel-shop-smarter.left-panel-shop-smarter-popup{
position:relative;
}
#left-panel-shop-smarter-inner{
height:26px;
border:1px solid #fefefe;
cursor:pointer;
background:url(images/shop-smarter-arrows.gif) no-repeat right -1px;
}
#left-panel-shop-smarter.left-panel-shop-smarter-popup:hover #left-panel-shop-smarter-inner,
#left-panel-shop-smarter.left-panel-shop-smarter-dropdown #left-panel-shop-smarter-inner{
background-image:url(images/shop-smarter-dropdown-arrows.gif);
background-position:right bottom;
}
#left-panel-shop-smarter-inner span{
color:#c30000;
font-size:14px;
display:block;
height:23px;
padding:3px 0 0 8px;
font-weight:bold;
}
#left-panel-shop-smarter ul{
margin:0;
padding:4px 0;
list-style:none;
background-color:#fff;
display:none;
}
#left-panel-shop-smarter li{
padding:6px 0;
font: normal 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
width:100%;
}
#left-panel-shop-smarter li a, #left-panel-shop-smarter li a:link, #left-panel-shop-smarter li a:active, #left-panel-shop-smarter li a:visited{
display:block;
padding-left:29px;
height:15px;
color:#000;
text-decoration:none;
background:url(images/shop-smarter-arrows.gif) no-repeat 8px -6px;
}
#left-panel-shop-smarter li a:hover, #left-panel-shop-smarter li a:focus{
color: #C03;
text-decoration: underline;
background-position:8px -32px;
}
#left-panel-shop-smarter li a.left-panel-shop-smarter-selected{
color: #5f9500;
background-position:8px -32px;
text-decoration:none;
}
#left-panel-shop-smarter.left-panel-shop-smarter-dropdown ul{
border-top:1px solid #c3c3c3;
display:block;
}
#left-panel-shop-smarter.left-panel-shop-smarter-popup ul{
display:none;
position:absolute;
border:1px solid #c3c3c3;
top:28px;
left:-1px;
right:-1px;
}
#left-panel-shop-smarter.left-panel-shop-smarter-popup:hover ul{
display:block;
}
#left-panel-shop-smarter.left-panel-shop-smarter-popup li{
float:left;
}
div.menu-box, div#social-media-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;
clear:both;
}
div.menu-box ul, div#social-media-menu-box ul{
list-style:none;
padding:0 0 0 0px;
margin:0;
}
div.menu-box ul li, div#social-media-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, div#social-media-menu-box ul ul{
padding:0;
margin:0 0 2px 2px;
overflow:hidden;
}
div#social-media-menu-box ul ul{
overflow:visible;
}
div.menu-box ul li ul li, div#social-media-menu-box ul 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(http://layout.opticsplanet.com/images/featured-bullet-both.gif);
background-repeat: no-repeat;
background-position:0 -1px;
padding-left:8px;
}
div.menu-box ul li ul li span, div#social-media-menu-box ul ul 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;
}
#right-panel-fb, #right-panel-gplusone{
float:left;
margin:7px 0 2px 12px;
}
#right-panel-fb{
margin-left:20px;
}
li.social-media-menu-box-nofb #right-panel-gplusone{
margin:7px auto 2px auto;
width:50px;
float:none;
}
div#social-media-menu-box .fb_edge_widget_with_comment span.fb_edge_comment_widget{
display:none !important;
}
/* 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;
}
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: 53px;
overflow:hidden;
display:block;
margin:3px 0 0 6px;
}
a.item-grid-text-link-with-icons{
padding-right:43px;
}
a.item-grid-text-link-with-reviews{
padding-top:15px;
}
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;
right:5px;
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;
right:5px;
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:5px;
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 0 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:64px;
}
div.special-items div.item-grid-icons{
right:5px;
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:82px;
}
#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:92px;
}
#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 */
#page-header{
padding:25px;
}
#page-header h1{
padding:0;
}
#page-header-text{
overflow:hidden;
}
#page-header-logo{
display: block;
float:left;
margin:4px 15px 0 0;
text-align:center;
}
#breadcrumbs-outer{
height:17px;
white-space:nowrap;
overflow:hidden;
position:relative;
margin:10px 15px 0 15px;
}
*+html #page-header-logo{
margin-top:8px;
}
#breadcrumbs-outer.breadcrumbs-expanded{
height:auto;
white-space:normal;
}
#breadcrumbs-container{
width:1170px;
}
.breadcrumbs-expanded #breadcrumbs-container{
width:auto!important;
}
#breadcrumbs-container, #breadcrumbs-footer{
font-size:11px;
float:left;
padding-right:14px;
}
#breadcrumbs-footer{
margin:10px 15px 0 15px;
float:none;
}
#breadcrumbs-container a, #breadcrumbs-footer a{
white-space:nowrap;
border-bottom:1px solid #cfd6da;
text-decoration:none;
color:#4f6877;
display:inline-block;
float:left;
height: 14px;
line-height: 14px;
}
#breadcrumbs-container a:hover, #breadcrumbs-footer a:hover{
border-color:#c03;
color:#c03;
}
#breadcrumbs-container a.breadcrumbs-home-icon, #breadcrumbs-footer a.breadcrumbs-home-icon{
background: url(images/breadcrumbs-sprite.png) no-repeat left 1px;
width:11px;
height:10px;
margin:1px 1px 1px -12px;
padding-bottom:2px;
}
#breadcrumbs-container a.breadcrumbs-home-icon:hover, #breadcrumbs-footer a.breadcrumbs-home-icon:hover{
background-position:left -14px;
}
#breadcrumbs-container strong, #breadcrumbs-footer strong{
font-weight:normal;
display:inline-block;
float:left;
height: 14px;
line-height: 14px;
}
span.breadcrumbs{
display:block;
margin-bottom:8px;
float:left;
clear:left;
padding-left:12px;
white-space:nowrap;
}
#breadcrumbs-outer.breadcrumbs-expanded span.breadcrumbs{
white-space:normal;
width:auto!important;
}
span.breadcrumbs-arrow{
display:inline-block;
height:15px;
width:7px;
background: url(images/breadcrumbs-sprite.png) no-repeat -2px -32px;
float:left;
margin:0 9px 0 11px;
}
span.breadcrumbs-plus{
display:inline-block;
float:left;
font:normal 10px Arial, Helvetica, sans-serif;
margin:0 7px;
}
#breadcrumbs-fader{
position:absolute;
right:15px;
top:0;
bottom:0;
display:none;
width:19px;
background:url(images/breadcrumbs-fader.png) repeat-x left top;
}
.breadcrumbs-show-more-button #breadcrumbs-fader{
display:block;
}
#breadcrumbs-outer.breadcrumbs-expanded #breadcrumbs-fader{
display:none;
}
#breadcrumbs-more-button{
display:none;
width:15px;
height:13px;
position:absolute;
top:0;
right:0;
background:url(images/header-6.0/header-images.png) no-repeat right -77px;
cursor:pointer;
}
#breadcrumbs-more-button:hover{
background-position:right -98px;
}
.breadcrumbs-expanded #breadcrumbs-more-button{
background-position:-210px -193px;
}
.breadcrumbs-expanded #breadcrumbs-more-button:hover{
background-position:-210px -206px;
}
.breadcrumbs-show-more-button #breadcrumbs-more-button{
display:block;
}
/* END BREADCRUMBS */
#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;
overflow:hidden;
}
#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;
overflow:hidden;
}
#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(http://layout.opticsplanet.com/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(http://layout.opticsplanet.com/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(http://layout.opticsplanet.com/images/featured-bullet-dark.gif);
}
img.paragraph-image {
display:inline;
margin:4px 6px 4px 0;
}
/* ***** */
#iconlinksblock{
background-color:#eeeeee;
padding:5px 0 5px 5px;
margin-top:10px;
border:none;
position:relative;
}
#iconlinksblock a{
font:11px/15px Verdana, Arial, Helvetica, sans-serif;
float:left;
margin: 0 5px 0 15px;
padding-left:20px;
background-image:url(images/product-page/product-links-block-icons.png);
background-repeat:no-repeat;
height:16px;
}
*html #iconlinksblock a{
white-space:nowrap;
}
*+html #iconlinksblock a{
white-space:nowrap;
}
#icon-link-add{
background: url(http://layout.opticsplanet.com/images/icon-links/add.gif) no-repeat left center;
}
#icon-link-ask,#icon-link-ask_an_expert{
background-position:left -74px;
}
#icon-link-deal,#icon-link-best_price{
background-position:left -35px;
}
#icon-link-rfq,#icon-link-price_quote{
background-position:left -55px;
}
#icon-link-deal_request{
background-position:left -94px;
}
#headblock-email-icon{
background-position: left 2px;
}
#headblock-print-icon{
background-position: left -15px;
}
#iconlinksblock a, #headblock a{
font-size:9px;
}
div#headblock-ratings a{
display:block;
line-height:16px;
}
#headblock-fblike iframe{
margin-left:4px;
}
#headblock-tweet{
border-bottom:none;
}
#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 10px verdana, arial, sans-serif;
text-transform:none;
}
#options #bundles-table{
border-collapse:collapse;
}
#options #bundles-table td.optionrxtitle, #options #bundles-table td.optionrxtitlel{
border: 1px solid;
border-color:#d6d6d6;
color: #2665AD;
cursor: pointer;
font-size:11px;
border-collapse:collapse;
background-color:#f3f3f3;
}
#special-message,.special-message{
font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
color:#000;
border:1px solid #cc0033;
padding:10px;
margin:8px 0 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: 1px solid #2665ad;
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(http://layout.opticsplanet.com/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(http://layout.opticsplanet.com/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(http://layout.opticsplanet.com/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(http://layout.opticsplanet.com/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, .info-clear{
display:block;
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;
}
/*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(http://layout.opticsplanet.com/images/left-menu-search.gif) no-repeat 0px 0px;
}
div#left-menu-search.hover{
background:url(http://layout.opticsplanet.com/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(http://layout.opticsplanet.com/images/left-menu-search.gif) no-repeat -143px 0px;
width:25px;
}
div#left-menu-search input#left-menu-search-submit.hover{
background:url(http://layout.opticsplanet.com/images/left-menu-search.gif) no-repeat -143px -22px;
}
ul.sub-page-selector, ul.sub-page-selector li{
margin:0;
padding:0;
list-style:none;
}
ul.sub-page-selector 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 a,ul.sub-page-selector li a:link,ul.sub-page-selector li a:active,ul.sub-page-selector 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 a:hover,ul.sub-page-selector li a:focus{
background-position:0 -19px;
color:#2665ad;
text-decoration:underline;
}
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;
}
span.selectors-quantity{
padding-left: 10px;
color: #aaa;
font-style:italic;
}
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;
overflow:hidden;
}
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) */
#search-suggestion-box{
list-style: none;
background-color: #fff;
padding: 0;
margin: 0;
z-index: 100000000;
position: absolute;
border:1px solid #98abcd;
}
#search-suggestion-box 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;
}
#search-suggestion-box 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 #search-suggestion-box li{
background-position:4px -17px;
}
*+html #search-suggestion-box li.search-helper-hover{
background-position:4px 0;
}
*html #search-suggestion-box li{
background-position:4px -17px;
}
*html #search-suggestion-box li.search-helper-hover{
background-position:4px 0;
}
*+html #search-suggestion-box{
position: relative;
overflow: hidden;
}
*+html #search-suggestion-box li{
overflow: hidden;
}
*html #search-suggestion-box{
left: 10px;
overflow: hidden;
}
/* 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;
}
#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 */
/* Start: Feedback Forms Popup */
#help-window-fade{
position:fixed;
z-index: 1000000;
background-color:#eee;
margin: 0;
overflow: hidden;
left:0;
right:0;
bottom:0;
top:0;
display:none;
opacity:0.52;
filter: alpha(opacity = 52);
}
*html #help-window-fade{
position:absolute;
width: 2000px;
height: 12000px;
}
#help-large-wrapper {
width:100%;
text-align:center;
}
*html #help-large-wrapper {
width:100%;
height: 0px;
margin:0px;
padding:0px;
text-align:center;
position:absolute;
z-index: 1000003;
}
#help-small-wrapper {
z-index: 1000003;
width:650px;
height:0px;
margin:0px;
padding:0px;
position:relative;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#help-window{
position:absolute;
top: 30px;
z-index: 1000001;
/* background-color: #fff; */ /* fixes white background under iframe !!!*/
margin: 0;
overflow: hidden;
width:650px;
display:none;
}
#form-frame {
margin: 20px 0 0 0;
border:0px;
}
#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://bo.0ps.us/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 14px/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-left: solid 1px #717265;
border-right: solid 1px #717265;
border-top: solid 1px #717265;
}
*html #help-header{
width: 560px;
}
#help-button{
background:url(http://layout.opticsplanet.com/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 */
/* Start: Trade-In for a Cause Program */
#tradein-program .collapsible-item li, #tradein-program .collapsible-item ol strong{
padding-top: 7px;
padding-bottom: 7px;
}
#tradein-program .collapsible-item h1 {
margin-bottom: 10px;
}
#tradein-program-top-block {
width: 100%;
margin-left: -3px;
min-width: 960px;
}
#tradein-program-top-block div#imagecontainer{
float: left;
width: 83%;
margin-left: -450px;
margin-top: 15px;
margin-bottom: 15px;
z-index: 0;
}
#tradein-program-top-block div#imagecontainer img{
float:right;
z-index: 1;
}
#tradein-program-top-block #false-tabs {
float:left;
padding: 20px;
padding-left: 25px;
background-color: #ffffff;
z-index: 5500;
position:relative;
}
#false-tabs a, #false-tabs a:hover, #false-tabs a:visited{
text-decoration: none;
display: block;
padding: 7px;
padding-left: 14px;
font: bold 14px/16px Arial, Helvetica, sans-serif;
color: #2665AD;
background: url(http://layout.opticsplanet.com/images/qna-arrow.gif) 3px 11px no-repeat;
cursor: pointer;
}
#false-tabs a:hover {
text-decoration: underline;
background: url(http://layout.opticsplanet.com/images/qna-arrow-over.gif) 3px 11px no-repeat;
}
#tradein-program .show {
display:block;
}
#tradein-program #faq div{
margin: 25px;
}
#tradein-program #faq div h3{
margin-left: -5px;
}
/* End of: Trade-In for a Cause Program */
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 CSS for sort arrows in part numbers table */
a.sortheader span{
display: inline-block;
height: 10px;
width: 24px;
background: url(http://layout.opticsplanet.com/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 */
/* Start CSS for new Special pages with JS Product Grids */
#page-container.page-container-js-grids{
margin:10px 0;
}
/* JS Product Grids */
#js-products-grid-filters-container{
padding:10px 0 0 65px;
height: 36px;
}
#js-products-grid-container, .js-multiple-products-grid-container,#js-products-grid-filters-container{
clear:both;
background-color:#eee;
}
.js-multiple-products-grid-container{
max-width: 1048px;
}
#js-products-grid, .js-advanced-products-grid{
width:100%;
min-width:760px;
clear:both;
}
#js-products-grid div, .js-advanced-products-grid div{
float:left;
min-width:252px;
max-width:350px;
}
#js-products-grid a, .js-advanced-products-grid a{
display:block;
height:347px;
background-color:#fff;
position:relative;
text-decoration:none;
min-width:252px;
border:1px solid #eee;
}
#js-products-grid a:hover, .js-advanced-products-grid a:hover{
border-color:#787878;
}
#js-products-grid img, .js-advanced-products-grid img{
border:0;
margin: 95px auto 15px;
position:absolute;
z-index:1;
display:block;
left:50%;
margin-left:-105px;
}
span.js-products-grid-inner{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
color:#000;
}
span.js-products-grid-inner span{
max-height:50px;
overflow:hidden;
margin:6px 6px 0;
display:block;
line-height:17px;
color: #014F9F;
}
#js-products-grid a:hover span.js-products-grid-inner span, .js-advanced-products-grid a:hover span.js-products-grid-inner span{
color: #C03;
}
span.js-products-grid-options{
position:absolute;
background:url(http://layout.opticsplanet.com/dvor/images/item-grid-options.png) no-repeat left top;
left:7px;
bottom:6px;
display:block;
width:63px;
height:21px;
z-index:1;
}
span.js-products-grid-sale-price{
bottom: 37px;
color: #d32027;
display: block;
font: normal 36px/normal Arial, Helvetica, sans-serif;
position: absolute;
right: 30px;
}
span.js-products-grid-sale-price-toolow{
position: absolute;
right: 7px;
font: normal 12px/normal Verdana, Geneva, sans-serif;
bottom: 45px;
color: #d32027;
text-align:right;
}
span.js-products-grid-shop{
height: 30px;
width: 112px;
position:absolute;
right:6px;
bottom:6px;
background:url(http://layout.opticsplanet.com/images/buy-now-button.png) no-repeat left top;
}
span.js-products-grid-list-price{
bottom: 45px;
display: block;
font: normal 12px/normal Verdana, Geneva, sans-serif;
position: absolute;
left: 7px;
color:#999;
}
span.js-products-grid-cents{
font-size:20px;
position: absolute;
top: 3px;
right:-23px;
}
#product-grid-collapse, #product-grid-collapse .qna-question, #product-grid-collapse .qna-answer{
font-size: 18px;
float: none;
min-width: none;
max-width: none;
clear: both;
}
#product-grid-collapse .qna-answer{
padding: 0;
}
/* SELECTORS */
div.js-selector{
background:#fff url(http://layout.opticsplanet.com/images/fancy-dd-bg.gif) repeat-x left top;
float:left;
border: 1px solid;
border-color:#a6a6a6 #c8c8c8 #d5d5d5 #aeaeae;
color:#fff;
position:relative;
display:block;
margin:0 0 10px 10px;
padding: 5px 34px 5px 10px;
font: normal 12px/14px Verdana, Geneva, sans-serif;
cursor: pointer;
}
div.js-selector-sorter{
float:right;
margin:0 10px 10px 10px;
}
div.js-selector:hover{
border-color:#737373 #858585 #8a8a8a #787878;
}
span.js-selector-arrow{
position:absolute;
width:24px;
top:0;
bottom:0;
right:0;
margin:0;
background: url(http://layout.opticsplanet.com/images/bundle-arrows.gif) no-repeat left top;
}
div.js-selector:hover span.js-selector-arrow{
background-position: left -60px;
}
span.js-selector-title,span.js-selector-value{
color:#000;
float:left;
display:block;
cursor:pointer;
}
span.js-selector-title{
font-weight:bold;
color:#2665AD;
}
span.js-selector-value{
background-image:url(http://layout.opticsplanet.com/dvor/images/selector.png);
background-position:right -430px;
padding:0 2px 0 5px;
}
div.js-selector-drop{
position:absolute;
z-index:100;
display:none;
background-color: #F6F6F6;
border: 1px solid #666;
}
div.js-selector-drop-content{
padding:23px 0 0 0;
margin:0;
position:relative;
}
div.js-selector-drop-content-header{
height:18px;
cursor:pointer;
font:bold 15px/19px Verdana, Geneva, sans-serif;
color:#2665AD;
padding:3px 0 3px 0;
width:100%;
position:absolute;
background: url(http://layout.opticsplanet.com/images/bundle-arrows.gif) no-repeat right -120px;
border-bottom: 1px solid #bbb;
right:0;
top:0;
left:0;
}
div.js-selector-drop-content-header:hover{
background: url(http://layout.opticsplanet.com/images/bundle-arrows.gif) no-repeat right -180px;
}
span.js-selector-drop-content-header-text{
margin:0 72px 0 7px;
}
div.js-selector-drop-clear{
font:normal 12px/19px Verdana, Geneva, sans-serif;
color:#132;
text-decoration:underline;
position:absolute;
display:inline;
padding-left:10px;
}
div.js-selector-drop-clear-all{
display: block;
position:static;
padding: 0;
margin: 3px 0 0 10px;
float: left;
cursor:pointer;
}
div.js-selector-drop-clear:hover{
color:#d32027;
}
div.js-selector-drop-no-clear div.js-selector-drop-clear{
display:none;
}
div.js-selector-drop ul{
list-style:none;
padding:0;
margin:6px 3px;
float:left;
}
div.js-selector-drop li{
font:normal 13px/23px Arial, Helvetica, sans-serif;
color:#132;
padding:0;
margin:0;
cursor:pointer;
white-space:nowrap;
}
div.js-selector-drop li:hover{
background-color: #DDD;
}
div.js-selector-drop li span{
display:block;
background-image:url(http://layout.opticsplanet.com/images/selector-drop-image.gif);
background-repeat:no-repeat;
background-position:8px -20px;
padding:0 8px 0 30px;
}
div.js-selector-drop li.checked span{
background-position:8px 5px;
}
#page-container.page-container-js-grids #caption{
border:none;
margin:0 10px;
font:normal 11px/21px Verdana, Geneva, sans-serif;
}
#page-container.page-container-js-grids #caption p{
font:normal 11px/21px Verdana, Geneva, sans-serif;
}
#object-list #contents-header.js-product-grid-contents-header, #object-list .js-product-grid-contents-header{
border:none;
margin:0;
padding: 6px 8px;
line-height:28px;
font:bold 24px/26px Arial, Helvetica, sans-serif;
}
#object-list .js-product-grid-contents-header{
background-color:#eee;
color:#2665AD;
margin-top:10px;
max-width: 1032px;
}
#object-list #contents-header.js-product-grid-contents-header{
max-width:none;
}
#object-list .js-product-grid-contents-header-special{
background-color:#eee;
color:#C30000;
max-width: 1032px;
}
#product-grid-search-container{
background-color:#eee;
padding:10px;
margin:0;
border-bottom: 1px solid #DDD;
border-top: 1px solid #DDD;
}
#product-grid-search-inner{
height: 24px;
overflow:hidden;
}
#product-grid-search-container #smarty-search-page{
float:left;
margin-right:10px;
}
#smarty-search-page-submit{
cursor:pointer;
}
div#product-grid-search-examples{
display:inline;
font-size:13px;
line-height:24px;
}
div#product-grid-search-examples span{
display:block;
float:left;
}
div#product-grid-search-examples span span{
font-weight:bold;
}
div#product-grid-search-examples a{
margin-left:10px;
}
span.js-selector-filter-text{
display: block;
float: left;
line-height: 26px;
margin:0 -55px;
font-weight:bold;
}
div#js-products-grid-filters{
width:100%;
float:left;
}
/* End CSS for new Special pages with JS Product Grids */
/* Dvor page on OP */
#dvor-event-images{
height:172px;
overflow:hidden;
background:url(http://layout.opticsplanet.com/images/dvor-event-images-bg.gif) repeat-x left top;
margin-top:22px;
}
#dvor-event-images-inner{
height:144px;
width:1500px;
margin-top:14px;
}
#dvor-event-images img{
margin:0;
padding:0;
border-right:1px solid #000;
}
div.dvor-menu-box{
clear: both;
margin: 5px 0px 0px;
padding: 0 5px;
text-align: left;
width: 160px;
height:55px;
background:url(http://layout.opticsplanet.com/images/right-panel-dvor-banner-bg.png) no-repeat left top;
position:relative;
}
div.dvor-menu-box a{
display: block;
height: 70px;
left: -13px;
position: absolute;
top: 0px;
width: 184px;
background:url(http://layout.opticsplanet.com/images/right-panel-dvor-banner-text.png) no-repeat right top;
}
div.dvor-right-panel-banner{
clear: both;
margin: 5px 0px 0px;
text-align: left;
width: 170px;
background:none;
padding:0;
}
div.dvor-right-panel-banner a{
display: block;
position:relative;
left:auto;
top:auto;
background:none;
}
div.dvor-right-panel-banner span{
position:absolute;
background:url(images/right-panel/dvor-banner-logo-tail.png) no-repeat left top;
left:-20px;
top:60px;
width:20px;
height:18px;
display:block;
}
#dvor-banner{
background: url(http://layout.opticsplanet.com/images/dvor-page-background.gif) repeat-x;
text-align:center;
margin-bottom:-8px;
}
#dvor-banner img{
border:none;
}
h1.dvor-headers{
color: #2665AD;
font: bold 20px/20px Verdana, Geneva, sans-serif;
margin: 15px 0px 3px;
display:block;
border:none;
background:none;
padding:0;
}
*+html h1.dvor-headers{
line-height:24px;
margin:18px 0 0;
}
span.dvor-red{
color:#D32027;
}
h1.dvor-headers a{
color:#D32027;
}
/* Wisconsin Concealed Carry Landing Page CSS - Removed 11-1-11*/
/* Concealed Carry Landing Page CSS - Removed 9/19/11*/
#cc-details-container{
display:none;
}
/*Disable Google Related*/
iframe.grelated-iframe {
display: none;
}
/* begin NEW PRODUCT OPTIONS */
/*#options-legend,#add-to-cart-button-container-with-options,#options{
display:none;
}*/
#options{
width:100%;
margin:0;
position:relative;
}
#main-price-block-list-price{
text-decoration:line-through;
color:#999999;
font-size:11px;
}
#main-price-block-price{
color:#C03;
font-size:19px;
}
#main-price-block-price span.main-price-block-price{
position:relative;
padding-right:15px;
}
#main-price-block-price span.main-price-block-price-decimal{
display:none;
}
#main-price-block-price span.main-price-block-price-cents{
font-size:11px;
width:15px;
position:absolute;
top:-2px;
right:0;
}
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 16px;
width: 9px;
height: 100%;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #dfdfdf;
position: relative;
border:1px solid #d7d7d7;
-moz-border-radius: 2px;
border-radius: 2px;
}
.jspDrag
{
background: #5399cc;
position: relative;
top: 0;
left: 0;
cursor: pointer;
-moz-border-radius: 3px;
border-radius: 3px;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
}
.jspVerticalBar .jspArrow
{
background:url(images/variant-scroller-arrows.png) no-repeat left top;
width: 13px;
height:11px;
margin-left:-2px;
}
.jspVerticalBar .jspArrowDown{
height:14px;
background-position:left bottom;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}
span.item-grid-options-link{
z-index:auto;
}
/* end NEW PRODUCT OPTIONS */
/*
* jQuery UI CSS Framework 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { background-color:#F6F6F6; color: #333333;}
.ui-widget-content a { color: #333333; }
.ui-widget-header { background:url(http://layout.opticsplanet.com/images/contact-form/contact-header-bg.gif) repeat-x left top;
border-bottom:1px solid #c2c2c2;
font:normal 22px Verdana, Geneva, sans-serif;
color:#2665ad; }
.ui-widget-header a { color: #ffffff; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(plugins/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(plugins/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }*/
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(plugins/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(plugins/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(plugins/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(plugins/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(plugins/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(plugins/images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(plugins/images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(plugins/images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(plugins/images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(plugins/images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(plugins/images/ui-icons_ffd27a_256x240.png); }
.ui-icon-closethick {display:none;}
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
/* Overlays */
.ui-widget-overlay { background-color: #ffffff; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(plugins/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
* jQuery UI Resizable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
* jQuery UI Dialog 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog { padding:1px; background-color:#FFFFFF; position: absolute; width: 300px; overflow: hidden; border: 1px solid #8a8a8a; -moz-outline-offset: -12px; -webkit-box-shadow: #ccc 0px 0px 8px 2px; -moz-box-shadow: #ccc 0px 0px 8px 2px; box-shadow: #ccc 0px 0px 8px 2px;}
.ui-dialog .ui-dialog-titlebar { height:32px; padding:4px 26px 0 7px; position: relative; }
.ui-dialog .ui-dialog-title { float: left;}
.ui-dialog .ui-dialog-titlebar-close{
width:19px;
height:19px;
display:block;
background:url(http://layout.opticsplanet.com/images/contact-form/contact-close-button.png) no-repeat left top;
cursor:pointer;
position:absolute;
right:8px;
top:8px;
}
/*.ui-dialog .ui-dialog-titlebar-close span { display: block;}*/
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { background-position:left bottom; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
* jQuery UI Slider 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
#back-to-top-button{
display:block;
width:113px;
height:24px;
background:url(images/back-to-top.png) no-repeat left top;
position:fixed;
bottom:0;
left:0;
display:none;
cursor:pointer;
}
.js-communication-iframe{
position:absolute;
left:-1000px;
top:-1000px;
height:1px;
width:1px;
}
/* FANCY SELECT */
div.fancy-select{
float:left;
padding:5px 0 6px 6px;
font:normal 11px/13px Verdana, Geneva, sans-serif;
position:relative;
}
div.fancy-select.fancy-select-price {
float: none;
}
div.fancy-select select{
max-width:150px;
}
div.fancy-select label{
display:block;
font-weight:bold;
}
div.fancy-select-select{
background-color:#fff;
border:1px solid #aaa;
padding:0 0 0 3px;
width:100px;
height:19px;
overflow:hidden;
margin:2px 0 0 0;
border-radius:3px;
cursor:pointer;
font:normal 11px/19px Verdana, Geneva, sans-serif;
white-space:nowrap;
position:relative;
background-image: url(images/drop-down-sprite.png);
background-repeat: no-repeat;
background-position: right -35px;
}
div.fancy-select-fade, span.fancy-select-fade{
position:absolute;
right:18px;
top:0;
height:19px;
width:29px;
background-image: url(images/drop-down-sprite.png);
background-repeat: no-repeat;
background-position: center -180px;
}
div.fancy-select-select span{
display:block;
margin-right:18px;
overflow:hidden;
}
div.fancy-select-price div.fancy-select-select span.fancy-select-fade{
margin: 0;
right: auto;
left: -29px;
}
div.fancy-select-price div.fancy-select-select{
width:170px!important;
}
div.fancy-select-select:hover{
border-color:#666;
background-position: right -65px;
}
div.fancy-select-box-outer{
position:absolute;
display:none;
padding-top:13px;
margin-top:1px;
}
div.fancy-select-box{
border-radius:4px;
border:1px solid #999;
background-color:#eee;
padding:8px 7px 7px 7px;
font:normal 12px/14px Verdana, Geneva, sans-serif;
}
div.fancy-select-box-arrow{
position:absolute;
display:block;
height:14px;
width:29px;
top:0;
left:10px;
background-image: url(images/drop-down-sprite.png);
background-repeat: no-repeat;
background-position: center -8px;
}
div.fancy-select-box div{
background-color:#fff;
padding:5px 12px 5px 24px;
border:1px solid #CCC;
margin-top:-1px;
cursor:pointer;
min-width:76px;
max-width:350px;
position:relative;
}
/* when there are so many items in the dropdown */
div.fancy-select-box-overflow{
border-radius: 4px;
border: 1px solid #999;
background-color: #EEE;
padding: 8px 7px 7px 7px;
}
div.fancy-select-box-overflow div.fancy-select-box{
height: 191px;
overflow-x: hidden;
border-radius:0;
padding:0;
}
div.fancy-select-box-overflow div.fancy-select-box div{
border:none;
border-top: 1px solid #CCC;
}
*+html div.fancy-select-box div{ /* because IE7 blows */
width:300px;
}
div.fancy-select-box div span{
position:absolute;
top:0;
left:0;
height:24px;
width:24px;
background-image: url(images/drop-down-sprite.png);
background-repeat: no-repeat;
background-position: center -2000px;
}
div.fancy-select-box div:hover{
background-color:#f6f6f6;
}
div.fancy-select-box div:hover span{
background-position: center -152px;
}
div.fancy-select-box div.selected{
font-weight:bold;
color:#2665AD;
}
div.fancy-select-box div.selected span{
background-position: center -92px;
}
div.fancy-select-box div.default{
color:#009900;
}
div.fancy-select-box div.selected.default span{
background-position: center -122px;
}
div.fancy-select-box-with-amounts em, div.fancy-select.fancy-select-price em{
padding-left:10px;
font-style:normal;
color:#c03;
}
div.fancy-select.fancy-select-price em{
position: absolute;
right: 21px;
top: 0;
z-index: 1;
background-color:#fff;
}
div.fancy-select-box-with-amounts em{
float:right;
display:block;
}
/* END FANCY SELECT */
/* SPECIALS CAROUSEL */
div.specials-carousel{
margin:12px 0 10px 0;
}
div.specials-carousel-header{
padding:4px 0px;
border-bottom:1px solid #000;
}
span.specials-carousel-title, h2.specials-carousel-title{
font:normal 19px/23px Verdana, Geneva, sans-serif;
color:#000;
float:left;
border: none;
padding: 0;
margin: 0;
}
h1.specials-carousel-title{
margin: 0;
padding:0;
}
span.specials-carousel-page{
float:right;
padding-top:8px;
line-height:13px;
padding-right:8px;
}
div.specials-carousel-main{
height:240px;
clear:both;
position:relative;
}
div.specials-carousel-left, div.specials-carousel-right{
height:48px;
width:39px;
cursor:pointer;
position:absolute;
z-index:3;
background-image: url(images/product-page/specials-carousel-arrows.png);
background-repeat: no-repeat;
}
div.specials-carousel-left.specials-carousel-arrow-disabled, div.specials-carousel-right.specials-carousel-arrow-disabled{
display:none;
}
div.specials-carousel-left{
left:-25px;
top:90px;
background-position:left top;
}
div.specials-carousel-right{
right:-25px;
top:90px;
background-position:left -98px;
}
div.specials-carousel-left:hover{
background-position:left -49px;
}
div.specials-carousel-right:hover{
background-position:left bottom;
}
div.specials-carousel-outer{
height:240px;
width:100%;
overflow:hidden;
background-color:#eee;
float:left;
position:relative;
}
div.specials-carousel-scrollable{
background-color:#fff;
height:240px;
}
a.specials-carousel-item, a.specials-carousel-item:link,
a.specials-carousel-item:visited, a.specials-carousel-item:active{
display:block;
float:left;
text-decoration:none;
font:normal 11px/14px Verdana, Geneva, sans-serif;
color:#000;
}
a.specials-carousel-item span.specials-carousel-item-inner{
border:1px solid #fff;
display:block;
position:relative;
height:218px;
width:129px;
padding:10px 15px;
margin:-1px 0 0 0;
}
a.specials-carousel-item:hover span.specials-carousel-item-inner,
a.specials-carousel-item:active span.specials-carousel-item-inner{
border-color:#BEBEBE;
z-index:1;
}
div.contents-sorted-by-unavailable a.specials-carousel-item span.specials-carousel-item-inner{
height: 178px;
overflow:hidden;
}
div.contents-sorted-by-unavailable span.variant-price{
display:none;
}
span.specials-carousel-item-text{
display:block;
height:42px;
overflow:hidden;
padding-top:3px;
}
span.specials-carousel-option-text{
display:inline-block;
color:#538fd4;
}
img.specials-carousel-image{
border:none;
display:block;
width:120px;
height:90px;
margin:16px auto 0;
}
span.variant-price{
float:right;
color:#C03;
font-size:19px;
margin-right:15px;
position:relative;
display:block;
position:relative;
}
span.variant-price span.variant-price-decimal{
display:none;
}
span.variant-price span.variant-price-cents{
font-size:11px;
width:15px;
position:absolute;
top:-3px;
right:-15px;
}
*+html span.variant-price{ /* IE 7 is Special! */
margin-right:0;
position:static;
}
*+html span.variant-price span.variant-price-cents{ /* IE 7 is Special! */
font-size:11px;
line-height:11px;
margin-top:-17px;
display:inline-block;
width:15px;
position:static;
}
span.specials-carousel-price{
position:absolute;
bottom:18px;
left:15px;
}
*+html span.specials-carousel-price{ /* IE 7 is Special! */
position:absolute;
}
span.specials-carousel-price-too-low{
position:absolute;
bottom:12px;
left:15px;
color:#c03;
width:70px;
line-height:12px;
}
span.specials-carousel-list-price{
position:absolute;
color:#999;
left:15px;
top:188px;
text-decoration:line-through;
font-size:10px;
}
span.specials-carousel-call-to-order{
position: absolute;
bottom: 15px;
left: 15px;
color: #C03;
width: 70px;
line-height: 12px;
}
span.specials-carousel-after-rebate{
position: absolute;
font-size: 11px;
line-height: 10px;
right: -60px;
top: -3px;
width:40px;
}
span.specials-carousel-no-image-available{
font-size: 19px;
line-height: normal;
text-align: center;
display: block;
margin-top: 50px;
color: #bbb;
}
div.contents-sorted-by-unavailable span.specials-carousel-no-image-available{
margin-top:37px;
}
span.specials-carousel-rating{
position:absolute;
top:170px;
left:15px;
line-height:13px;
}
span.specials-carousel-rating-number{
color:#999;
display:block;
position:absolute;
top:0;
left:70px;
}
span.specials-carousel-rating-star-off{
background-image: url(http://layout.opticsplanet.com/images/social-block-star-off.gif);
height: 13px;
width: 65px;
display:block;
}
span.specials-carousel-rating-star-on{
background-image: url(http://layout.opticsplanet.com/images/social-block-star-on.gif);
height: 13px;
display:block;
}
/* END SPECIALS CAROUSEL */
/* SPECIAL CONTENTS */
div.specials-contents-header h2{
margin-bottom:0;
}
div.specials-contents-header{
position:relative;
z-index:2;
}
div#list-page-right div.specials-contents-header{
border-bottom: 1px solid black;
}
div#list-page-right div.specials-contents-header h2{
border:none;
position:static;
float:left;
}
div.specials-contents-main{
margin:0 0 0 1px;
}
div.specials-contents a.specials-carousel-item span.specials-carousel-item-inner{
border:1px solid #e6e6e6;
margin:-1px 0 0 -1px;
}
div.specials-contents a.specials-carousel-item:hover span.specials-carousel-item-inner{
z-index:1;
border-color:#BEBEBE;
}
/* END SPECIAL CONTENTS */
/* Media styles */
#media-outer{
background-color:#333;
background:url(images/product-page/product-media-bg.gif);
height:0;
position:absolute;
top:40px;
left:-11px;
right:-11px;
overflow:hidden;
}
#list-page-container #media-outer{
left:0;
right:0;
top:35px;
}
#media-inner{
width:755px;
height:486px;
margin:0 auto;
position:relative;
}
#media-close{
position:absolute;
top:10px;
right:-30px;
height:20px;
width:20px;
background-image: url(images/drop-down-sprite.png);
background-repeat: no-repeat;
background-position:-5px -515px;
cursor:pointer;
}
#media-close:hover{
background-position:-5px -545px;
}
#video-frame, #image-frame{
display:none;
height:425px;
width:755px;
background-color:#fff;
}
#video-frame{
background-color:#000;
}
#video-playlist{
overflow:hidden;
}
#video-playlist .video-playlist-item, #video-playlist a.video-playlist-item{
width:215px;
height:64px;
float:left;
margin:0;
padding:10px 10px 10px 120px;
border-top:1px solid #333;
border-bottom:1px solid #333;
cursor:pointer;
margin-bottom:-1px;
color:#ddd;
text-decoration:none;
}
#video-playlist .video-playlist-item:hover{
background-color:#292929;
color:#90d4ff;
}
#video-playlist .video-playlist-item-selected{
background-color:#2c2c2c;
color:#eafcff;
}
span.video-playlist-item-thumb{
display:block;
width:100px;
height:64px;
margin:0 0 0 -110px;
overflow:hidden;
float:left;
border:1px solid #000;
}
span.video-playlist-item-thumb img{
margin:-13px -10px;
}
span.video-playlist-item-title{
display:block;
width:100%;
height:64px;
float:left;
font-size:11px;
line-height:15px;
margin:-2px 0;
}
/* end media styles */
/* Banner Styles */
div.banner-container{
position:relative;
width:440px;
height:150px;
overflow:hidden;
}
div.banner-panels{
position:relative;
width:400px;
height:150px;
margin:0 auto;
}
div.banner-left, div.banner-right{
position:absolute;
background:url(images/banner-arrow-overlay.png) repeat left top;
width:400px;
height:150px;
top:0;
cursor:pointer;
}
div.banner-container a, div.banner-container img{
border:0;
text-decoration:none;
display:block;
margin:0;
padding:0;
width:400px;
height:150px;
}
div.banner-container a{
float:left;
}
div.banner-left{
left:-400px;
}
div.banner-right{
right:-400px;
}
div.banner-left span, div.banner-right span{
height: 48px;
width: 39px;
display:block;
position:absolute;
background:url(images/product-page/specials-carousel-arrows.png) no-repeat left top;
}
div.banner-left span{
left:380px;
top:50px;
}
div.banner-right span{
right:380px;
top:50px;
background-position:left -98px;
}
div.banner-left:hover span{
background-position:left -49px;
}
div.banner-right:hover span{
background-position:left bottom;
}
div.banner-scrollable{
position:absolute;
}
/* End Banner Styles */
/* list page styles */
.fb-comments, .fb-comments iframe[style] {width: 100% !important;}
#list-page-caption-fb, #list-page-caption-gplusone{
float:right;
}
#list-page-container{
position:relative;
}
#list-page-container div.specials-carousel{
margin: 12px 20px 30px 20px;
}
#list-page-caption{
margin-bottom:30px;
}
#list-page-caption.list-page-caption-banner{
padding:0 0 0 440px;
}
#list-page-caption.list-page-caption-banner .banner-container{
float:left;
margin-left:-440px;
}
#list-page-caption-contents{
padding:10px;
border-bottom:1px solid #bebebe;
}
#list-page-caption-contents.list-page-caption-contents-hidden{
height: 94px;
overflow: hidden;
position:relative;
}
#list-page-caption-contents.list-page-caption-contents-show{
position:relative;
border:none;
}
span#list-page-caption-contents-more{
width: 15px;
height: 13px;
position: absolute;
bottom: 10px;
right: 10px;
background: url(images/header-6.0/header-images.png) no-repeat right -77px;
cursor: pointer;
display:block;
}
.list-page-caption-contents-show span#list-page-caption-contents-more{
background-position: -210px -193px;
}
#list-page-caption-contents-fader{
height:42px;
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
background: url(images/caption-fader.png) repeat-x left top;
}
.list-page-caption-contents-show #list-page-caption-contents-fader{
display:none;
}
#list-page-caption-navigation{
border-bottom:none;
}
#list-page-main{
padding: 0 30px 0 294px;
margin: 0 0 0 -11px;
border-top:1px solid #bebebe;
border-bottom:1px solid #bebebe;
background: white url(images/product-page/product-page-bg.gif) repeat-y -122px top;
}
#list-page-left{
margin-left:-294px;
width:264px;
float:left;
}
#list-page-right{
float: right;
width: 100%;
}
.list-left-panel-block{
background-color:#fff;
margin:0 11px 11px;
width:223px;
padding: 10px 10px 6px 10px;
}
.list-left-panel-filters{
margin:0;
width:213px;
border:11px solid #cfcfcf;
border-top:none;
padding:10px 15px;
}
div.list-left-panel-title{
clear:both;
font:normal 18px/23px Verdana, Geneva, sans-serif;
color:#497dba;
border-bottom:1px solid #2665AD;
padding: 3px 0;
margin-left:36px;
position:relative;
}
.list-left-panel-filters div.list-left-panel-title {
border:none;
padding:0;
margin:0;
}
.list-left-panel-filters.list-left-panel-single-filter .list-left-panel-title {
padding-right: 15px;
}
div.list-left-panel-single-more .list-left-panel-contents{
display:none;
}
div.list-left-panel-title span {
background-position: left -140px;
display: block;
position: absolute;
left: -46px;
top: 2px;
width: 41px;
height: 28px;
background: url(images/product-page/product-left-menu-icons.png) no-repeat left top;
}
div#list-customer-reviews-title span {
background-position: left -140px;
}
div#list-related-links-title span {
background-position: left -168px;
}
div.list-left-panel-non-filters .list-left-panel-list{
overflow: hidden;
margin-top:5px;
}
div.list-left-panel-non-filters a{
display:block;
text-decoration:none;
padding:8px 5px;
font:normal 11px/14px Verdana, Geneva, sans-serif;
position:relative;
cursor:pointer;
color:#333;
border-bottom:1px solid #ddd;
margin:1px 0 -1px 0;
}
div.list-left-panel-non-filters a span{
display:block;
padding-left:10px;
height:14px;
white-space:nowrap;
background:url(images/product-page/product-page-bullets.gif) no-repeat 1px 5px;
}
div.list-left-panel-non-filters a:hover span{
background-position:1px -21px;
color:#497DBA;
}
div#list-page-navigation, div#list-page-navigation-footer{
margin:0 -30px;
}
div.list-page-navigations{
background-color:#eeeeee;
padding:7px;
border-bottom:1px solid #bebebe;
min-height: 21px;
}
div#list-page-navigation-footer{
margin-bottom:-1px;
border-top:1px solid #bebebe;
margin-top:30px;
}
div.list-page-navigations a{
text-decoration:none;
padding:5px 10px;
}
div.list-page-navigations a.list-page-navigation-selected{
-moz-box-shadow: inset 1px 1px 3px #5a5a5a;
-webkit-box-shadow: inset 1px 1px 3px #5a5a5a;
box-shadow: inset 1px 1px 3px #5a5a5a;
background-color:#8b8b8b;
-moz-border-radius: 2px;
border-radius: 2px;
}
div.list-page-navigations a.list-page-navigation-selected span{
color:#fff;
border:none;
text-shadow:1px 1px 1px #4f4f4f;
}
div.list-page-navigations a span{
font-weight:bold;
color:#000;
text-shadow:1px 1px 1px #cbcbcb;
border-bottom:1px dashed #969696;
}
div.list-left-panel-filters div.list-left-panel-contents{
max-height:250px;
position:relative;
overflow-y:auto;
overflow-x:hidden;
}
div.list-left-panel-single-more .list-left-panel-title{
cursor:pointer;
background:#fff url(images/list-page-filter-arrows.png) no-repeat 202px 10px;
}
div.list-left-panel-single-less .list-left-panel-title{
cursor:pointer;
background:#fff url(images/list-page-filter-arrows.png) no-repeat right -20px;
}
.list-left-panel-filter-box{
background-color:#fff;
border:1px solid #aaa;
padding:0 17px;
height:19px;
overflow:hidden;
margin:5px 0;
border-radius:3px;
-moz-border-radius: 3px;
background-image: url(images/drop-down-sprite.png);
background-repeat: no-repeat;
background-position: -6px -215px;
position:relative;
display:block;
}
.list-left-panel-filter-box input{
border: none;
margin: 0;
padding: 2px;
height: 15px;
font: normal 11px/15px Verdana, Geneva, sans-serif;
background-color: white;
-webkit-appearance: none;
outline: none;
width:170px;
}
.list-left-panel-filter-box.list-left-panel-filter-blur input{
color:#999999;
text-align:center;
}
.list-left-panel-filter-box .list-left-panel-filter-clear{
position: absolute;
right: 0;
top: 0;
height: 19px;
width: 17px;
background-image: url(images/drop-down-sprite.png);
background-repeat: no-repeat;
background-position: -7px -245px;
opacity: .75;
filter: alpha(opacity = 75);
display: block;
cursor: pointer;
}
.list-left-panel-filter-box.list-left-panel-filter-blur .list-left-panel-filter-clear{
display:none;
}
.list-left-panel-filter-box .list-left-panel-filter-clear:hover{
opacity:1;
filter: alpha(opacity = 100);
}
.list-page-paginations{
float:right;
margin-top:20px;
}
.list-page-paginations .list-page-pagination-buttons{
width:15px;
height:17px;
background:url(images/list-page-pagination-icons.png) no-repeat left top;
}
.list-page-paginations .list-page-pagination-prev{
background-position:-22px top;
margin-right:7px;
}
.list-page-paginations .list-page-pagination-next{
background-position:-44px top;
margin-left:12px;
}
.list-page-paginations .list-page-pagination-last{
background-position:-66px top;
}
.list-page-paginations a.list-page-pagination-first:hover{
background-position:left bottom;
}
.list-page-paginations a.list-page-pagination-prev:hover{
background-position:-22px bottom;
}
.list-page-paginations a.list-page-pagination-next:hover{
background-position:-44px bottom;
}
.list-page-paginations a.list-page-pagination-last:hover{
background-position:-66px bottom;
}
.list-page-paginations a, .list-page-paginations span{
display:block;
float:left;
margin-left:5px;
}
.list-page-paginations a.list-page-pagination-link, .list-page-paginations span{
border-radius:3px;
padding:0 3px;
font-size:10px;
line-height:15px;
font-weight:bold;
}
.list-page-paginations span{
border:1px solid #aaaaaa;
}
.list-page-paginations span.list-page-pagination-buttons{
opacity:0.5;
filter: alpha(opacity = 50);
padding:0;
border:none;
}
.list-page-paginations a.list-page-pagination-link{
border:1px solid #8ab5da;
color:#789ebe;
text-decoration:none;
}
.list-page-paginations a.list-page-pagination-link:hover{
border-color:#2576d4;
color:#2576d4;
}
#list-page-pagination-num-pages{
float:left;
margin-top: 20px;
}
div.list-page-price-pagination{
position:relative;
}
div.list-page-price-pagination span.list-page-price-selected{
cursor:pointer;
padding-right:17px;
background: url(images/header-6.0/header-images.png) no-repeat right -58px;
}
div.list-page-price-pagination div.fancy-select-box-outer{
right:0;
top:15px;
}
div.list-page-price-pagination div.fancy-select-box div{
padding:5px;
min-width:0;
max-width:none;
}
div.list-page-price-pagination div.fancy-select-box div.fancy-select-box-inner:hover{
background-color:#fff;
}
div.list-page-price-pagination div.fancy-select-box div div{
background-color:transparent;
padding: 0;
border: none;
margin-top: 0;
cursor: pointer;
position:static;
}
div.list-page-price-pagination div.fancy-select-box-arrow{
left:auto
}
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav{
position:relative;
height:38px;
}
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav-points,
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav-ranges{
position:absolute;
height:30px;
left:30px;
top:0;
width:780px;
}
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav-ruler{
position:absolute;
height:1px;
left:30px;
top:27px;
background-color:#999;
}
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav-points{
left:0;
}
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav-point{
width:60px;
height:30px;
float:left;
text-align:center;
}
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav-point div{
font:normal 12px Arial, Helvetica, sans-serif;
display:inline-block;
padding:5px;
border:none;
}
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav-point-selected div{
font-weight:bold;
color:#2576d4;
}
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav-point div div{
width:5px;
height:5px;
border-radius:3px;
background-color:#999;
display:block;
margin:5px auto 0 auto;
padding:0;
border:none;
}
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav-point-selected div div{
width:7px;
height:7px;
background-color:#2576d4;
margin-top:4px;
}
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav-ranges a{
display:block;
float:left;
width:60px;
height:36px;
margin:0;
}
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav-outline{
position:absolute;
height:36px;
top:0;
left:30px;
width:80px;
border:1px solid #000;
border-radius:4px;
background-color:#ccc;
opacity:0.2;
display:none;
}
div.list-page-price-pagination div.fancy-select-box div div.list-page-price-pagination-nav-ranges a span{
display:block;
width:60px;
height:3px;
background:none;
background-color:#2576d4;
margin:26px 0 0 0;
position:static;
float:none;
padding:0;
border:none;
border-radius:0;
}
div#list-page-caption-contents-documents, div#list-page-caption-contents-videos{
display:none;
}
div#list-page-caption-contents-videos #video-playlist .video-playlist-item, div#list-page-caption-contents-videos #video-playlist a.video-playlist-item{
color:#000;
border:1px solid #bebebe;
border-radius:2px;
-moz-border-radius: 2px;
width:92px;
margin:0 10px 0 0;
background:#eeeeee url(images/list-page-video-buttons.png) no-repeat 120px 53px;
}
div#list-page-caption-contents-videos #video-playlist .video-playlist-item:hover{
color:#497DBA;
border-color:#397ABD;
background-position:120px -40px;
}
#list-page-caption-contents-documents .list-left-panel-block.list-left-panel-non-filters {
overflow: hidden;
padding: 0;
margin-bottom: 0;
width:auto;
}
div#list-page-caption-contents-videos #video-playlist a.video-playlist-item.video-playlist-item-selected{
border-color:#497dba;
color:#497dba;
background-position:120px -131px;
cursor:default;
}
div#list-page-caption-contents-videos span.video-playlist-item-title{
line-height:13px;
height:40px;
overflow:hidden;
}
/* end of list page styles */
/* contact form */
div#feedback-popup-window{
position: absolute;
z-index: 1000001;
margin:0 6px;
background:url(images/contact-form/contact-top-gradient.png) repeat-x left top;
display:none;
}
div#feedback-popup-window-inner-1{
padding:6px 0;
background:url(images/contact-form/contact-bottom-gradient.png) repeat-x left bottom;
}
div#feedback-popup-window-inner-2{
margin:0 -6px;
background:url(images/contact-form/contact-left-gradient.png) repeat-y left top;
}
div#feedback-popup-window-inner-3{
background:url(images/contact-form/contact-right-gradient.png) repeat-y right top;
}
div#feedback-popup-window-inner-4{
width:968px;
margin:0 6px;
background-color:#f6f6f6;
}
#feedback-popup-top-left{
top:0;
left:-6px;
}
#feedback-popup-top-right{
background-position:right top;
top:0;
right:-6px;
}
#feedback-popup-bottom-left{
background-position:left bottom;
bottom:0;
left:-6px;
}
#feedback-popup-bottom-right{
background-position:right bottom;
bottom:0;
right:-6px;
}
#feedback-popup-header{
height:32px;
padding:4px 26px 0 7px;
background:url(images/contact-form/contact-header-bg.gif) repeat-x left top;
border-bottom:1px solid #c2c2c2;
font:normal 22px Verdana, Geneva, sans-serif;
color:#2665ad;
position:relative;
}
span#feedback-popup-close-button{
width:19px;
height:19px;
display:block;
background:url(images/contact-form/contact-close-button.png) no-repeat left top;
cursor:pointer;
position:absolute;
right:8px;
top:8px;
}
span#feedback-popup-close-button:hover{
background-position:left bottom;
}
div#feedback-popup-content{
position:relative;
background:url(images/contact-form/contact-container-border.gif) repeat-y 228px top;
overflow:hidden;
}
*+html #feedback-popup-left-bg{
width:5px;
position:absolute;
top:0;
left:228px;
bottom:0;
background:url(images/contact-form/contact-container-border.gif) repeat-y left top;
}
div#feedback-popup-content.feedback-popup-content-no-bg{
background:none;
}
div#feedback-popup-content p, div#feedback-popup-form-container ol, div#feedback-popup-form-container li {
font-size:11px;
}
div#feedback-popup-content-main{
overflow:hidden;
}
div#feedback-popup-content-main, div#feedback-popup-content-main-submit{
width:778px;
float:left;
}
div#feedback-popup-content-main-submit.feedback-popup-loading-screen{
background:#f7f7f7 url(images/contact-form/contact-popup-submit-loader.png) no-repeat left center;
float:none;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
img#feedback-popup-ajax-loader{
position: absolute;
right: 53px;
bottom: 34px;
}
div#feedback-popup-content-main-submit.feedback-popup-form-success p{
margin:8px 16px;
}
span#feedback-popup-contact-bg{
width:190px;
position:absolute;
background-color:#fff;
top:0;
right:0;
bottom:0;
border-left:1px solid #e1e1e1;
}
div#feedback-popup-right-content{
width: 178px;
float: right;
position: relative;
z-index: 2;
padding: 6px;
}
div#feedback-popup-form-container{
width: 531px;
padding: 8px 0 8px 16px;
float: right;
zoom: 1;
}
div#feedback-popup-form-container div{
padding:0 17px;
width:496px;
zoom: 1;
}
div.feedback-popup-form-hidden{
display:none;
}
div#feedback-popup-form-container p{
margin-right:17px;
}
div#feedback-popup-form-container label{
display:block;
}
div#feedback-popup-form-container input{
width:218px;
height:22px;
background-color:#ffffff;
border:1px solid #c7c7c7;
}
div#feedback-popup-form-container input.feedback-form-item-sku-name{
width:474px;
}
div#feedback-popup-form-container textarea{
width:470px;
max-width:470px;
min-width:470px;
min-height:90px;
height:90px;
background-color:#ffffff;
border:1px solid #c7c7c7;
margin:0;
}
div#feedback-popup-form-container div.feedback-popup-form-left,
div#feedback-popup-form-container div.feedback-popup-form-right{
width:249px;
float:left;
padding:0;
}
div#feedback-popup-form-container div.feedback-popup-form-right{
float:right;
width:240px;
}
div#feedback-popup-form-container form{
background:url(images/contact-form/contact-form-border.png) no-repeat left top;
padding-top:10px;
}
div#feedback-popup-form-container form.feedback-popup-form-no-caption{
background:none;
}
div#feedback-popup-form-container .info-clear{
padding:0;
}
div#feedback-popup-form-container input.feedback-submit-button{
width:84px;
height:32px;
background:url(images/contact-form/contact-submit-buttons.png) no-repeat left bottom;
border:none;
display:block;
float:right;
margin: 25px 19px 10px 0;
cursor:pointer;
}
div#feedback-popup-form-container span.feedback-popup-form-optional{
display:block;
float:left;
font-size:11px;
}
div#feedback-popup-form-container span.feedback-popup-form-optional input{
width:auto;
height:auto;
}
div#feedback-popup-form-container span.feedback-popup-form-optional label{
display:inline;
}
.feedback-popup-corners{
position:absolute;
background-image:url(images/contact-form/contact-gradient-corners.png);
background-repeat:no-repeat;
width:6px;
height:6px;
}
div#feedback-popup-left-menu{
width:228px;
float:left;
zoom: 1;
position:relative;
z-index:2;
}
div#feedback-popup-left-menu ul, div#feedback-popup-left-menu li{
padding:0;
margin:0;
list-style:none;
zoom: 1;
}
span.feedback-menu-link, span.feedback-submenu-link{
height:26px;
display:block;
position:relative;
padding:5px 0 0 27px;
background:url(images/contact-form/contact-menu-item-arrows.gif) no-repeat left top;
}
span.feedback-menu-link:hover, span.feedback-submenu-link:hover{
color:#649d00;
background-position:left -31px;
cursor:pointer;
}
span.feedback-menu-link span, span.feedback-submenu-link span{
display:none;
height:31px;
background:url(images/contact-form/contact-menu-selected-left-arrow.gif) no-repeat right center;
position:absolute;
top:0;
right:-13px;
width:12px;
cursor:auto;
z-index:3;
}
li.feedback-menu-link-selected span.feedback-menu-link span, li.feedback-menu-link-selected span.feedback-submenu-link span{
display:block;
}
li.feedback-menu-link-selected.feedback-menu-link-subitems span.feedback-menu-link span{
background:url(images/contact-form/contact-menu-selected-down-arrow.gif) no-repeat left top;
width:13px;
height:7px;
left:6px;
bottom:-5px;
right:auto;
top:auto;
}
div#feedback-popup-left-menu ul li{
background:url(images/contact-form/contact-menu-item-bg.gif) repeat-x top left;
position:relative;
z-index:2;
}
div#feedback-popup-left-menu ul li.feedback-menu-link-selected{
background:url(images/contact-form/contact-menu-item-selected-bg.gif) repeat-x top left;
}
div#feedback-popup-left-menu ul li.feedback-menu-link-subitems.feedback-menu-link-selected{
border-bottom:1px solid #d6d6d6;
}
div#feedback-popup-left-menu ul li.feedback-menu-link-selected.feedback-menu-link-subitems span.feedback-menu-link{
color:#649d00;
background-position:left bottom;
}
div#feedback-popup-left-menu ul li.feedback-menu-link-selected span.feedback-menu-link,
div#feedback-popup-left-menu ul li.feedback-menu-sublink-selected span.feedback-submenu-link{
color:#649d00;
background-position:left -31px;
}
div#feedback-popup-left-menu ul ul{
background-color:#fefefe;
padding-left:16px;
width: 212px;
z-index:3;
}
div#feedback-popup-left-menu ul ul,div#feedback-popup-left-menu ul li.feedback-menu-arrow,div#feedback-popup-left-menu ul li li .feedback-menu-arrow{
display:none;
}
div#feedback-popup-left-menu ul li.feedback-menu-link-selected ul, div#feedback-popup-left-menu ul li li.feedback-menu-sublink-selected .feedback-menu-arrow{
display:block;
}
div#feedback-popup-left-menu ul li li{
background:none;
}
span.feedback-input-required, span.feedback-textarea-message span{
height:26px;
display:inline-block;
overflow:hidden;
padding-right:20px;
background:url(images/contact-form/contact-required-stars.png) no-repeat right 1px;
}
span.feedback-textarea-message{
height:auto;
padding:0;
overflow:visible;
position:relative;
}
span.feedback-textarea-message span{
position:absolute;
top:0;
right:-20px;
background:url(images/contact-form/contact-required-stars.png) no-repeat right 1px;
}
span.feedback-input-good, span.feedback-input-good span{
background-position:right -23px;
}
span.feedback-input-bad, span.feedback-input-bad span{
background-position:right -47px;
}
div#feedback-popup-form-container div.feedback-file-attachment-container{
width:auto;
padding:0;
margin-top:15px;
}
div#feedback-popup-form-container div.feedback-file-attachment{
position:relative;
cursor:pointer;
display:inline-block;
width:auto;
padding:0;
}
div.feedback-file-attachment-container span{
display:inline-block;
margin:0 16px 0 0 ;
}
div.feedback-file-attachment-container span.feedback-file-attached-items{
font-size:11px;
height:15px;
background:url(images/contact-form/contact-file-attachment-icons.gif) no-repeat left top;
padding:0 13px 0 17px;
line-height:15px;
position:relative;
}
div.feedback-file-attachment-container span.feedback-file-attached-error{
padding:0 13px 0 0;
background:none;
color:#ec0000;
}
div.feedback-file-attachment-container span.feedback-file-attached-remove{
width:9px;
height:9px;
position:absolute;
top:4px;
right:0;
margin:0;
background:url(images/contact-form/contact-file-attachment-icons.gif) no-repeat left -33px;
}
div.feedback-file-attachment-container span.feedback-file-attached-remove:hover{
background-position:left -59px;
cursor:pointer;
}
div.feedback-file-attachment-container img{
margin:0 8px;
}
div.feedback-file-attachment-container .feedback-file-attachment-link{
border:none;
margin:0;
padding:0;
width:110px;
height:20px;
display:block;
text-decoration:underline;
color:#069;
cursor:pointer;
font-size:11px;
}
div.feedback-file-attachment:hover .feedback-file-attachment-link{
color:#F00;
}
iframe.feedback-file-attachment-iframe{
border:none;
margin:0;
padding:0;
width:110px;
height:20px;
position:absolute;
left:0;
top:0;
opacity:0;
filter:alpha(opacity=0);
cursor:pointer;
}
iframe.feedback-file-attachment-iframe-hidden{
left:-10000px;
}
div#feedback-popup-form-container div.feedback-popup-form-checkbox-container{
float:left;
padding:0;
width:auto;
margin:10px 0;
}
input.feedback-form-input-checkbox{
position:absolute;
left:-10000px;
}
span.feedback-popup-form-checkbox-span{
display:block;
cursor:pointer;
background:url(images/contact-form/contact-popup-checkboxes.gif) no-repeat left -21px;
padding-left:18px;
font-size:11px;
color:#000;
}
span.feedback-popup-form-checkbox-span:hover{
background-position:left -46px;
color:#649D00;
}
span.feedback-checkbox-selected, span.feedback-checkbox-selected:hover{
background:url(images/contact-form/contact-popup-checkboxes.gif) no-repeat left 4px;
}
div#feedback-popup-form-container input.feedback-button-disabled{
background:url(images/contact-form/contact-submit-buttons.png) no-repeat left top;
cursor:auto;
}
#feedback-popup-right-content div{
margin-bottom:20px;
}
span.feedback-right-headers{
font-size:18px;
display:block;
color:#2665ad;
}
#feedback-popup-right-content p{
margin:0 0 0 2px;
line-height:17px;
}
#feedback-popup-right-content p span{
display:inline-block;
width:60px;
}
div#feedback-popup-form-container div.feedback-press-release-item{
padding:0;
width:auto;
margin:0 17px 20px 0;
}
div#feedback-popup-form-container span.feedback-press-release-date{
display:inline-block;
background:url(images/contact-form/contact-press-release-calendar-bg.png) no-repeat left top;
width:49px;
height:44px;
float:left;
text-align:center;
padding:0 3px 0 2px;
margin:2px 15px 0 0;
}
div#feedback-popup-form-container span.feedback-press-release-date span{
color:#393939;
display:block;
line-height:12px;
}
div#feedback-popup-form-container span.feedback-press-release-date span.feedback-press-release-day{
font:bold 11px Tahoma, Geneva, sans-serif;
text-transform:capitalize;
margin-top:12px;
}
div#feedback-popup-form-container div.feedback-press-release-text{
padding:0;
width:410px;
float:left;
}
div#feedback-popup-form-container span.feedback-press-release-date span.feedback-press-release-year{
font:bold 10px Tahoma, Geneva, sans-serif;
color:#565656;
}
div.feedback-press-release-item a.feedback-press-release-link{
line-height:18px;
font-size:14px;
}
div.feedback-press-release-item p{
line-height:16px;
margin-top:4px;
color:#666;
}
div#feedback-popup-form-container textarea#rfq-contact-shipping{
width:214px;
max-width:214px;
min-width:214px;
height: 67px;
max-height: 67px;
min-height:67px;
}
/* end of contact form */
/* PRODUCT PAGE */
#product-page-container{
-webkit-text-size-adjust:none;
font:normal 12px/19px Verdana, Geneva, sans-serif;
position: relative;
margin:0;
}
#product-main{
min-width:524px;
padding:0 30px 0 417px;
background:#fff url(images/product-page/product-page-bg.gif) repeat-y left top;
margin: 0 0 0 -11px;
}
#product-left{
float:left;
margin:0 0 0 -417px;
width:387px;
}
#product-right{
float:right;
width:100%;
margin-top:30px;
}
#product-caption{
padding:0;
margin:0 0 25px 0;
overflow:visible;
}
#product-caption .product-caption-block{
margin:0 0 25px;
}
#product-comments{
margin:25px 0 0;
}
/* FANCY OPTIONS */
#fancy-options{
margin-bottom:5px;
}
#fancy-options-header{
border-bottom: 1px solid #000;
margin-bottom:10px;
}
#fancy-options-filters{
background-color:#eee;
clear:both;
}
#fancy-options-title{
float:left;
height:21px;
font: normal 19px/23px Verdana, Geneva, sans-serif;
color: #000;
margin:0 0 5px 0;
}
#fancy-options-search{
border:none;
margin:0;
padding:2px;
height:15px;
width:200px;
font:normal 11px/15px Verdana, Geneva, sans-serif;
background-color:#fff;
-webkit-appearance: none;
}
#fancy-options-search:focus{
outline:none;
}
#fancy-options-search-box{
float:right;
background-color:#fff;
border:1px solid #aaa;
padding:0 17px;
height:19px;
overflow:hidden;
margin:1px 0 6px 6px;
border-radius:3px;
-moz-border-radius: 3px;
background-image: url(images/drop-down-sprite.png);
background-repeat: no-repeat;
background-position: -6px -215px;
position:relative;
}
#fancy-options-search-box:hover, #fancy-options-search-box.focus{
border-color:#666;
}
#fancy-options-search-box input{
text-align:center;
color:#999;
}
#fancy-options-search-box.active input{
text-align:left;
color:#000;
}
#fancy-options-search-clear{
position:absolute;
right:0;
top:0;
height:19px;
width:17px;
background-image: url(images/drop-down-sprite.png);
background-repeat: no-repeat;
background-position: -7px -245px;
opacity:.75;
filter: alpha(opacity = 75);
display:none;
cursor:pointer;
}
#fancy-options-search-box.active #fancy-options-search-clear{
display:block;
}
#fancy-options-search-clear:hover{
opacity:1;
filter: alpha(opacity = 100);
}
#fancy-options-clear-box{
float:right;
padding:5px 6px 6px 6px;
font:normal 11px/13px Verdana, Geneva, sans-serif;
position:relative;
}
#fancy-options-count{
display:block;
font-weight:bold;
color:#666;
text-align:right;
}
#fancy-options-clear{
background-color:#fff;
color:#B00;
border:1px solid #aaa;
padding:0 10px;
width:100px;
height:19px;
overflow:hidden;
margin:2px 0 0 0;
border-radius:3px;
cursor:pointer;
font:normal 11px/19px Verdana, Geneva, sans-serif;
white-space:nowrap;
text-align:center;
background-image: linear-gradient(bottom, #eee 0%, #fff 100%);
background-image: -o-linear-gradient(bottom, #eee 0%, #fff 100%);
background-image: -moz-linear-gradient(bottom, #eee 0%, #fff 100%);
background-image: -webkit-linear-gradient(bottom, #eee 0%, #fff 100%);
background-image: -ms-linear-gradient(bottom, #eee 0%, #fff 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
}
#fancy-options-clear:hover, #fancy-options-clear:focus{
border-color:#666;
color:#D00;
background-image: linear-gradient(bottom, #fff 0%, #eee 100%);
background-image: -o-linear-gradient(bottom, #fff 0%, #eee 100%);
background-image: -moz-linear-gradient(bottom, #fff 0%, #eee 100%);
background-image: -webkit-linear-gradient(bottom, #fff 0%, #eee 100%);
background-image: -ms-linear-gradient(bottom, #fff 0%, #eee 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #eee));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
}
/* END FANCY OPTIONS */
/* VARIANTS */
#fancy-options-variants-outer{
max-height:300px;
overflow:auto;
clear:both;
position:relative;
background-color:#999;
border-bottom: 1px solid #ccc;
}
#fancy-options-variants{
background-color:#fff;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
div.variant{
position:relative;
padding:4px 150px 4px 0;
min-height:82px;
display:none;
}
#fancy-options-variants div.variant{
border-bottom:1px solid #ddd;
cursor:pointer;
padding-left:90px;
}
#fancy-options-variants.variants-no-image div.variant{
padding-left:10px;
}
div.variant.variant-match-f.variant-match-k{
display:block;
}
#fancy-options-variants div.variant:hover{
background-color:#f6f6f6;
}
div.variant img, span.variant-no-image{
position:absolute;
display:none;
top:4px;
left:4px;
width:80px;
height:80px;
border:1px solid #eee;
}
#fancy-options-variants div.variant span.variant-no-image{
border:none;
display:block;
text-align:center;
color:#aaa;
height:55px;
margin-top:25px;
line-height:15px;
}
#fancy-options-variants div.variant img{
display:block;
}
div.variant-name{
font:bold 14px/16px Arial, Helvetica, sans-serif;
color:#490;
padding-bottom:4px;
}
div.variant-detail{
font:bold 11px/15px Verdana, Geneva, sans-serif;
margin-right:12px;
color:#666;
}
div#fancy-options-variants .variant-detail{
font:bold 10px/12px Verdana, Geneva, sans-serif;
}
div.variant-specs{
clear:left;
padding-top:4px;
color:#049;
}
div.variant-detail span{
font-weight:normal;
}
div#fancy-options-variants div.variant-specs-spec, div.variant-specs-spec{
font:bold 12px/normal Verdana, Geneva, sans-serif;
margin-bottom:5px;
float:left;
color:#000;
}
div.variant-code{
clear:both;
}
div.variant-price-block{
position:absolute;
top:4px;
right:4px;
min-height:82px;
width:142px;
font-family:Verdana, Geneva, sans-serif;
}
div.variant-check-availability-link, div.variant-check-availability-link-loading, div.variant-check-availability-link-display{
font-size:11px;
line-height:13px;
color:#2665ba;
height:13px;
position:absolute;
bottom:0;
right:0;
border-bottom:1px dotted #2665ba;
cursor:pointer;
display:none;
}
div.variant-check-availability-link:hover{
color:#C03;
border-bottom-color:#C03;
}
div.variant-check-availability-link-loading{
border-bottom:none;
}
div.variant-check-availability-link-display{
font-size:10px;
border:1px solid #ddd;
background-color:#eee;
padding:2px 3px 2px 4px;
font-weight:bold;
}
span.variant-list-price{
float:right;
text-decoration:line-through;
color:#999999;
font-size:11px;
line-height:13px;
padding:6px 12px 0 0;
}
#fancy-options span.variant-price-too-low{
float:right;
color: #C03;
font-size:11px;
display:block;
width: 70px;
line-height:13px;
text-align:right;
}
button.variant-add-to-cart{
float:right;
clear:both;
display:block;
background-color:#77b80e;
color:#fff;
border-width:1px;
border-style:solid;
border-color:#7fbe22 #79b122 #73a422 #7ab222;
padding:0 10px;
height:28px;
overflow:hidden;
margin:9px 0 0 0;
border-radius:2px;
cursor:pointer;
font:bold 16px/28px Arial, Helvetica, sans-serif;
white-space:nowrap;
text-align:center;
text-transform:uppercase;
text-shadow: 2px 2px 2px #578d01;
background-image: linear-gradient(top, #70B508 0%, #6DB106 30%, #67A601 30%, #5E9701 100%);
background-image: -o-linear-gradient(top, #70B508 0%, #6DB106 30%, #67A601 30%, #5E9701 100%);
background-image: -moz-linear-gradient(top, #70B508 0%, #6DB106 30%, #67A601 30%, #5E9701 100%);
background-image: -webkit-linear-gradient(top, #70B508 0%, #6DB106 30%, #67A601 30%, #5E9701 100%);
background-image: -ms-linear-gradient(top, #70B508 0%, #6DB106 30%, #67A601 30%, #5E9701 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #70B508),
color-stop(0.3, #6DB106),
color-stop(0.3, #67A601),
color-stop(1, #5E9701)
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b80e', endColorstr='#51991d');
-webkit-box-shadow: 0 0 0 1px #666;
-moz-box-shadow: 0 0 0 1px #666;
box-shadow: 0 0 0 1px #666;
behavior: url(http://layout.opticsplanet.com/PIE.htc);
}
button.variant-add-to-cart:hover{
border-color:#afcb80;
-webkit-box-shadow: 0 0 0 1px #333;
-moz-box-shadow: 0 0 0 1px #333;
box-shadow: 0 0 0 1px #333;
}
*+html button.variant-add-to-cart{ /* IE 7 is Special! */
width:135px;
line-height:13px;
}
button.variant-add-to-cart-off{
cursor: not-allowed;
background-image: linear-gradient(top, #BDBDBD 30%, #A0A0A0 30%, #A0A0A0 76%);
background-image: -o-linear-gradient(top, #BDBDBD 30%, #A0A0A0 30%, #A0A0A0 76%);
background-image: -moz-linear-gradient(top, #BDBDBD 30%, #A0A0A0 30%, #A0A0A0 76%);
background-image: -webkit-linear-gradient(top, #BDBDBD 30%, #A0A0A0 30%, #A0A0A0 76%);
background-image: -ms-linear-gradient(top, #BDBDBD 30%, #A0A0A0 30%, #A0A0A0 76%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.3, #BDBDBD),
color-stop(0.3, #A0A0A0),
color-stop(0.76, #A0A0A0)
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#A0A0A0');
border-color:#bdbdbd #acacac #acacac;
-webkit-box-shadow: 0 0 0 1px #898989;
-moz-box-shadow: 0 0 0 1px #898989;
box-shadow: 0 0 0 1px #898989;
text-shadow: 2px 2px 2px #898989;
}
button.variant-add-to-cart-off:hover{
border-color:#bdbdbd #acacac #acacac;
-webkit-box-shadow: 0 0 0 1px #898989;
-moz-box-shadow: 0 0 0 1px #898989;
box-shadow: 0 0 0 1px #898989;
}
/* END VARIANTS */
/* PRODUCT IMAGES */
#product-image-container{
background:url(images/product-page/product-main-image-bg.png) repeat left top;
padding-left:11px;
}
.product-main-image{
width:365px;
height:257px;
overflow:hidden;
position:relative;
background-color:#999;
}
.product-main-image div{
background-color:#fff;
}
.product-main-image div#product-main-image-zoom{
position:absolute;
background:none;
top:0;
left:0;
right:0;
bottom:0;
cursor:pointer;
background:url(images/spacer.gif) repeat left top;
}
.product-main-image div#product-main-image-zoom span{
position:absolute;
bottom:7px;
right:7px;
height:20px;
width:20px;
background-image: url(images/drop-down-sprite.png);
background-repeat: no-repeat;
background-position:-5px -455px;
}
.product-main-image div#product-main-image-zoom:hover span{
background-position:-5px -485px
}
.product-main-image div.product-image{
float:left;
font:normal 11px/20px Verdana, Geneva, sans-serif;
color:#666;
text-align:center;
}
.product-main-image div.product-image img{
display:block;
}
.product-main-image div.product-image span{
width: 300px;
display: block;
margin: auto;
}
#media-outer .product-main-image div.product-image span{
width:650px;
}
.product-thumbnails{
width:366px;
margin-top:5px;
}
.product-thumbnails-left, .product-thumbnails-right{
float:left;
width:18px;
background-color:#eee;
height:41px;
cursor:pointer;
}
.product-thumbnails-left:hover, .product-thumbnails-right:hover{
background-color:#ddd;
}
.product-thumbnails-left.product-thumbnails-arrow-disabled, .product-thumbnails-right.product-thumbnails-arrow-disabled{
background-color:#eee;
}
.product-thumbnails-arrow-disabled-for-good{
opacity:0.3;
filter: alpha(opacity = 30);
cursor:default;
}
.product-thumbnails-left div, .product-thumbnails-right div{
height:11px;
width:6px;
margin:15px 0;
background-image: url(images/drop-down-sprite.png);
background-repeat: no-repeat;
}
.product-thumbnails-left div{
margin-left:5px;
background-position: -12px -370px;
}
.product-thumbnails-right div{
margin-left:7px;
background-position: -12px -280px;
}
.product-thumbnails-left:hover div{
background-position: -12px -400px;
}
.product-thumbnails-right:hover div{
background-position: -12px -310px;
}
.product-thumbnails-left.product-thumbnails-arrow-disabled div{
background-position: -12px -430px;
}
.product-thumbnails-right.product-thumbnails-arrow-disabled div{
background-position: -12px -340px;
}
.product-thumbnails-container{
float:left;
width:329px;
height:41px;
overflow:hidden;
position:relative;
background-color:#eee;
}
.product-thumbnails-container-scrollable{
background-color:#fff;
}
.product-thumbnails-container div{
float:left;
width:55px;
height:39px;
border-bottom:2px solid #fff;
cursor:pointer;
}
.product-thumbnails-container div:hover{
border-bottom:2px solid #4887CF;
}
.product-thumbnails-container div.product-thumbnail-current{
border-bottom:2px solid #c03;
}
.product-thumbnails-container img{
display:block;
width:50px;
height:35px;
margin:3px 0 1px 0;
padding:0 2px;
border-right:1px solid #ccc;
}
.product-thumbnails-radio{
margin-right:14px;
margin:auto;
height:20px;
}
.product-thumbnails-radio div{
float:left;
background-color:#bbb;
border:1px solid #777;
border-radius:4px;
height:6px;
width:6px;
margin:6px 3px;
cursor:pointer;
}
.product-thumbnails-radio div.product-thumbnails-radio-active{
background-color:#fff;
border:1px solid #777;
}
.product-thumbnails-radio div:hover{
border:1px solid #555;
}
/* END PRODUCT IMAGES */
/* PRODUCT VIDEOS, DOCUMENTS, ETC. */
div.product-left-panel-block{
background-color:#fff;
margin:0 11px 11px;
padding:10px 10px 6px 10px;
}
div.product-left-panel-block-you-may-also-like{
display:none;
}
div.product-left-panel-list{
overflow:hidden;
margin-top:5px;
}
div#product-videos-block{
background-color:#444444;
padding:0 11px 11px;
}
div.product-left-panel-block-dark{
background-color:#222222;
margin:0;
}
div.product-left-panel-title{
clear:both;
font:normal 18px/23px Verdana, Geneva, sans-serif;
color:#497dba;
border-bottom:1px solid #2665AD;
padding: 3px 0;
margin-left:36px;
position:relative;
}
div.product-left-panel-block-dark div.product-left-panel-title{
color:#5ea3f1;
}
div.product-left-panel-title span{
display:block;
position:absolute;
left:-46px;
top:2px;
width:41px;
height:28px;
background:url(images/product-page/product-left-menu-icons.png) no-repeat left top;
}
div#product-documents-title span{
background-position:left -28px;
}
div#product-interactive-title span{
background-position:left -56px;
}
div#product-you-may-also-like div.product-left-panel-title span{
background-position:left -84px;
}
div#product-recently-viewed-title span{
background-position:left -112px;
}
div#product-customer-reviews-title span{
background-position:left -140px;
}
div#product-related-links-title span{
background-position:left -168px;
}
div.product-left-panel-list div, div.product-left-panel-list a{
display:block;
text-decoration:none;
padding:8px 5px;
font:normal 11px/14px Verdana, Geneva, sans-serif;
position:relative;
cursor:pointer;
color:#333;
border-bottom:1px solid #ddd;
margin:1px 0 -1px 0;
}
div.product-left-panel-block-dark div.product-left-panel-list div,
div.product-left-panel-block-dark div.product-left-panel-list a{
color:#cccccc;
border-bottom-color:#444;
}
div.product-left-panel-list div:hover{
background-color:#333;
}
div.product-left-panel-list div span, div.product-left-panel-list a span{
display:block;
padding-left:10px;
height:14px;
white-space:nowrap;
background:url(images/product-page/product-page-bullets.gif) no-repeat 1px 5px;
}
div.product-left-panel-list div:hover span, div.product-left-panel-list a:hover span{
background-position:1px -21px;
color:#497DBA;
}
/* END PRODUCT VIDEOS, DOCUMENTS, ETC. */
/* YOU MAY ALSO LIKE */
#product-you-may-also-like-products{
overflow:hidden;
margin-top:5px;
}
*+html #product-you-may-also-like-products{
position:relative;
width:345px;
}
#product-you-may-also-like-products a{
display:block;
font:normal 11px/14px Verdana, Geneva, sans-serif;
color:#333;
text-decoration:none;
clear:left;
border-bottom:1px solid #ddd;
padding:4px 4px 4px 4px;
position:relative;
margin:1px 0 -1px;
white-space:nowrap;
}
#product-you-may-also-like-products a:hover{
color:#2665AD;
}
#product-you-may-also-like-products a img{
float:left;
margin-right:6px;
border:none;
display:block;
}
#product-you-may-also-like-products span.variant-price{
float:right;
margin:12px 14px 22px 10px;
}
#product-you-may-also-like-products span.variant-price-cents{
top:-2px;
}
span.you-may-also-like-list-price{
position:absolute;
color:#999;
right:4px;
top:55px;
text-decoration:line-through;
}
/* YOU MAY ALSO LIKE */
/* TABLEIZER */
table.spec-table{
text-align:center;
width:auto;
margin-top:10px;
overflow:visible;
}
tr.spec-row-header{
background-color:#dddddd;
}
tr.spec-row-header th{
text-align:left;
border:none;
padding:0 0 1px 7px;
font-weight:bold;
font-size:12px;
line-height:18px;
}
tr.spec-row-one, tr.spec-grey-row{
background-color:#ffffff;
}
table.spec-table tr:hover{
background-color:#f3f3f3;
}
table.spec-table td, table.spec-table td.spec-right-column{
text-align:left;
border:none;
padding:0 5px 1px 10px;
width:auto;
}
table.spec-table td.spec-left-column{
text-align:left;
font-weight:bold;
border:none;
padding:0 5px 1px 5px;
white-space:nowrap;
}
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;
}
/* END TABLEIZER */
/* SOCIAL BLOCK */
#product-social-header{
padding:6px 10px 6px 20px;
height:27px;
margin-left:-11px;
background-color:#eeeeee;
position:relative;
}
span#product-social-header-padding{
width:11px;
height:39px;
background-color:#eeeeee;
position:absolute;
right:-11px;
top:0;
}
#product-social-header-ratings, #product-social-header-fb, #product-social-header-gplusone, #product-social-header-comments{
float:left;
}
#product-social-header-fb, #product-social-header-gplusone{
margin-top:4px;
}
#product-social-header-gplusone{
margin-right:5px;
}
#product-social-header-ratings-off{
width:100px;
height:20px;
background:url(images/product-page/product-social-block-ratings-star.png) repeat-x left top;
position:relative;
float:left;
margin-top:3px;
}
#product-social-header-ratings-on{
height:20px;
background:url(images/product-page/product-social-block-ratings-star.png) repeat-x left bottom;
position:absolute;
left:0;
top:0;
}
#product-social-header-ratings-text{
float:left;
line-height:normal;
display:block;
margin:0 35px 0 8px;
}
#product-social-header-ratings-text a, #product-social-header-ratings-text #product-social-header-review-not-rated{
font-size:9px;
display:block;
line-height:normal;
}
#product-social-header-ratings-text a.product-social-header-review-link{
color: #37A100;
}
#product-social-header-ratings-text a.product-social-header-review-link:hover{
color:#c03;
}
#product-social-header-icons-block{
float:right;
}
#product-social-header-icons-block img{
display:inline-block;
margin-left:5px;
}
#product-social-header-comments{
font:normal 10px Arial, Helvetica, sans-serif;
line-height:normal;
text-align:center;
margin-right:35px;
}
span.fb-comments-box{
display:block;
text-decoration:underline;
color:#014F9F;
cursor:pointer;
}
span.fb-comments-box:hover{
color:#c03;
}
/* END SOCIAL BLOCK */
#product-caption a, #product-caption a:link, #product-caption a:visited, #product-caption a:active{
text-decoration:none;
}
#product-caption a:hover, #product-caption a:active{
text-decoration:underline;
}
/* Special Messages */
div.product-special-messages{
border:1px solid #2665ad;
padding:10px;
margin-bottom:8px;
}
span.product-special-messages-header{
font:bold 15px Verdana, Geneva, sans-serif;
color:#2665ad;
display:block;
margin-bottom:3px;
}
span.product-special-messages-text{
font-size:11px;
line-height:15px;
}
div.product-special-messages img{
display:block;
float:left;
margin-right:10px;
}
div.product-special-rebate-message{
padding-left:65px;
background:url(images/product-page/product-rebate-icon.png) no-repeat 10px center;
min-height:45px;
}
input#free-gift-checkbox{
display:block;
float:left;
margin:2px 10px 0 0;
}
/* End Special Messages */
/* FORMS */
span.rewind-link {
display:block;
margin:0 0 5px -15px;
padding:9px 0 9px 23px;
background:url(images/product-page/back-to-filter-point.png) 0 0 no-repeat #eee;
}
span.rewind-link span {
font:bold 15px/10px Verdana, Geneva, sans-serif;
color:#2665AD;
padding:1px 0;
border-bottom:1px dashed #2665AD;
cursor:pointer;
}
#product-page-container h3.product-form-headers {
font:bold 12px/12px Verdana, Geneva, sans-serif;
margin:5px 0;
padding:5px 0;
border-bottom: 1px solid black;
color: black;
}
h3.product-form-headers {
clear:both;
}
div.variant-specs-info {
color:#000;
}
.variant-info {
clear:left;
padding-top:4px;
}
div.product-form-sect {
position:relative;
width:100%;
}
div.product-form-sect span.section-header {
display:block;
padding:5px 0;
font-weight:bold;
clear:both;
}
.product-form-sect-container {
width:auto;
margin:0 0 8px 20px;
float:left;
}
div.product-form-sect-container label {
display:block;
font-weight:bold;
margin-top:3px;
}
div.product-form-sect-container label.optionnormal {
display:inline;
font-weight:normal;
}
div.product-form-sect-container input.optioninput {
height:20px;
margin-bottom:6px;
border:1px solid #d1d1d1;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
text-align:center;
behavior:url(http://layout.opticsplanet.com/PIE.htc);
}
*+html div.product-form-sect-container input.optioninput{
margin-bottom:0;
}
div.product-form-sect-container div.fancy-select,
div.product-form-disabler-select div.product-form-sect-container {
float:none;
}
div.product-form-sect-container div.product-form-left {
width:220px;
float:left;
}
div.product-form-sect-container div.product-form-right {
float:right;
}
div.product-form-sect-container span.product-form-sect-char {
display:block;
margin-top:8px;
font:normal 10px/13px Verdana, Geneva, sans-serif;
color:#838383;
}
div.form-input-required {
height:25px;
display:inline-block;
overflow:hidden;
padding-right:20px;
background:url(images/contact-form/contact-required-stars.png) no-repeat right -1px;
font-weight:bold;
}
div.option-form-required-good{
background-position:right -25px;
}
div.option-form-required-bad{
background-position:right -50px;
}
div.option-form-comments-container{
margin:10px 15px 8px 20px;
}
div.option-form-comments-container textarea{
display:block;
width:100%;
height:55px;
margin:0;
border:1px solid #d1d1d1;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
behavior:url(http://layout.opticsplanet.com/PIE.htc);
}
div.armor-measure-chart {
width:200px;
background-image:url(images/product-page/sc-male-concealable-sizing-form.jpg);
background-repeat:no-repeat;
padding-top:274px;
margin:10px 0 10px 10px;
}
div.armor-measure-chart-female{
width:200px;
background-image:url(images/product-page/sc-female-concealable-sizing-form.jpg);
background-repeat:no-repeat;
padding-top:264px;
margin:10px 0 10px 10px;
}
#sc-male-full-chest{
background-position:0 0;
}
#sc-male-total-waist{
background-position:-200px 0;
}
#sc-male-back-length{
background-position:-400px 0;
}
#sc-male-front-side-length{
background-position:-600px 0;
}
#sc-male-front-center-length{
background-position:-800px 0;
}
#sc-male-form-general-height,
#sc-male-form-general-height-in,
#sc-female-form-general-height,
#sc-female-form-general-height-in,
input.validate-inches-general,
input.validate-weight{
text-align:center;
}
#sc-female-ptp{
background-position:0 0;
}
#sc-female-ptss{
background-position:-200px 0;
}
#sc-female-ubw{
background-position:-400px 0;
}
#sc-female-bl{
background-position:-600px 0;
}
#sc-female-ucw{
background-position:-800px 0;
}
#sc-female-sftt{
background-position:-1000px 0;
}
#sc-female-sfbt{
background-position:-1200px 0;
}
#sc-female-fct{
background-position:-1400px 0;
}
#validation-message{
border:1px solid #ddd;
margin-top:10px;
padding:10px;
display:none;
}
#validation-message.bad-input-message{
border:1px solid #c03;
color:#c03;
font-weight:bold;
}
#custom-form-sc-ba-female div.product-form-sect-container{
margin-right:0;
}
#custom-form-sc-ba-female .fancy-select,
div.rx-specs .fancy-select,
div.rx-product-form-container .fancy-select{
padding:0;
}
div#product-female-general-container .product-form-sect-container{
height:120px;
}
div#product-female-general-sect{
width:300px;
}
div.options-form-checkbox-container{
width:200px;
margin-top:5px;
float:right;
}
div.options-form-checkbox-container input{
float:left;
margin-top:15px;
}
div.options-form-checkbox-container label{
display:block;
font-weight:normal;
padding-left:25px;
font-size: 11px;
line-height: 15px;
}
div.product-form-sect-container span.option-form-small-text{
display:block;
color:#838383;
font-size:10px;
line-height:normal;
margin-right:-12px;
}
/*RX Forms*/
.rx-product-form-container{
width:500px;
margin:0 auto;
}
.option-title-span{
display:inline-block;
width:51px;
margin:0 5px;
text-align:center;
}
.rx-tips{
margin:0 0 0 133px;
}
.rx-form-tip{
color:#2665ad;
border-bottom:1px dashed #2665ad;
cursor:pointer;
}
.rx-specs{
float:none;
}
div.rx-specs label{
display:inline-block;
width:110px;
}
div.rx-specs input{
margin:0 5px;
}
#bino-pd,#mono-pd{
display:inline-block;
width:116px;
margin:0;
}
.rx-pupil-distance div.product-form-sect-container{
margin-bottom:0;
}
.rx-pupil-distance div.product-form-sect-container .fancy-select,
.rx-pupil-distance div.product-form-sect-container label{
padding-bottom:15px;
}
.rx-pupil-distance-mono{
margin:18px 0 0 -15px;
}
#product-price-with-options{
float:right;
margin:5px 0;
}
#product-price-with-options span.product-price-with-options{
display:block;
float:left;
margin-right:20px;
}
#product-price-with-options .variant-price-dollars{
font-size:21px;
}
#product-price-with-options span.variant-price span.variant-price-cents{
font-size:12px;
}
div.product-special-messages.custom-flags-with-image.custom-flags-with-checkbox{
padding-left:68px;
}
div.product-special-messages.custom-flags-with-image.custom-flags-with-checkbox img{
margin-left:-58px;
display:block;
float:left;
}
div.product-special-messages.custom-flags-with-image.custom-flags-with-checkbox input{
margin-left:-22px;
display:block;
float:left;
}
div.product-special-messages.custom-flags-with-image{
padding-left:45px;
}
div.product-special-messages.custom-flags-with-image img{
display:block;
float:left;
margin-left:-35px;
}
div.product-special-messages.custom-flags-before-caption{
margin:8px 0 0;
}
div.product-special-messages.custom-flags-with-checkbox{
padding-left:30px;
}
div.product-special-messages.custom-flags-with-checkbox input{
display:block;
float:left;
margin-left:-20px;
}
#selected-variant button, .show-hide-disabled-panel{
display:none;
}
/* END PRODUCT PAGE */
@media print{
#header-nav-bar a,#pre-footer,#left-panel,#right-panel,#breadcrumbs-outer,#breadcrumbs-footer,#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: "";
}
}