/* mwj: 2010-07-09; homepage fma hacks. */
.promo {
width:956px !important;
overflow:hidden;
background:#e6e900 !important;
}

#fm-sw img {
width:500px !important;

}

#fma-se  {
width:595px !important;
border-left:1px #e6e900 solid;
overflow:hidden;
display:block;
}

/* mwj: 2009-11-02; specs link spacing */
.specs p a { margin-bottom:6px; }
/* mwj: 2009-10-21; flag nav */

#international {
  position:relative;
  background:url(/images/worldmap.png) 4px 3px no-repeat;
}

#international span {
  visibility:hidden;
}

/*
doesn't work in IE, alas:
#international:hover #country-flags {
visibility:visible;
}
*/

#country-flags {
  position:absolute;
  right:0;
  top: 12px;
  display:none;
  background:#8c8c8c;
  border:2px #666623 solid;
}

#country-flags td {
padding:0px;
}

#country-flags a {
  height:auto !important;
  padding:4px;
display:block;
}

#country-flags td a:hover {
  background:#E3E60F;
}


/* mwj: 2009-10-21; bump up sifr captions on product pages */
.products h2#title .sIFR-flash {
  margin-top: -5px;
}

/* mwj: 2009-08-21; International Contact.php page */

  /* aren't obviously scoped to intl, but only appear inside #contact-nav-intl */
.navitem{width:10px;height:50px;font-size:16px;text-transform:uppercase;}
.navitem td{padding:0 10px;}



.active .navitem td { color:white; }
#contact-nav-intl li { float:left; }
#contact-nav-intl table { margin-left:4px; }
#contact-nav-intl .active table { border:4px #333 solid; margin-left:4px; }

#contact-nav-intl table {background-image:url(/images/bg-nav-products-scrim.png);background-repeat:repeat;color:#E3E60F;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;white-space:nowrap;}
#contact-nav-intl  a.active{color:white;}
/* override style in style.css that bumps these way off the left of the window */
#contact-nav-intl a.trigger{ text-indent:0px !important}
#contact-nav-intl a.active{color:white;}

/* override huge negative text-indent on ul.subnav li a */
#contact-nav-intl { list-style:none; height:50px; margin:10px 0 0px 6px;}

/* mwj: 2009-06-04; 3GPL/MusePL nav */
#pl-nav {
  margin:12px 0 0 12px;
  border:0;
}

#pl-nav a {
  display: block;
  padding: 12px;
  background-image: url(/images/bg-nav-products-scrim.png);
  background-repeat: repeat;
  color: #E3E60F;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.two #pl-nav .two a,
.one #pl-nav .one a  {
  border: 5px #333 solid;
  color: white;
}


#pl-nav td {
  width: 180px;
  text-align: center;
}

/* mwj: 2009-04-9; experimental HTML-text overlay to replace text in background images on product pages */
#product-title {
  position:absolute;
  top:133px;
  right:50px;
  font-family:helvetica;
}

.product-tagline {
  font-size:20px;
}

#muse .product-tagline {
  color:#bf1e2d;
}

#composer .product-tagline {
  color:#415f14;
}

#controlfreak .product-tagline {
  color:#2c8080;
}

.product-name {
  font-size:32px;
  color:white;
}


/* global whitespace reset */
* { padding:0; margin:0; }

/* img, div, div#products-nav-container a { behavior: url(/css/iepngfix.htc) } */

img, #contact-nav a { behavior: url(/css/iepngfix.htc) }

body {
    background: url(../images/bg-grey.jpg) top center repeat;
	color: #111;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:62.5%;
	text-align: center;
}

body.home { background: url(../images/bg-home.jpg) top center repeat; }

body.lenses.one { background: url(../images/bg-lenses-one.jpg) top center repeat; }
body.lenses.two { background: url(../images/bg-lenses-two.jpg) top center repeat; }
body.lenses.three { background: url(../images/bg-lenses-three.jpg) top center repeat; }

body.optics { background: url(../images/bg-optics-four.jpg) top center repeat; }

body.accessories { background: url(../images/bg-accessories-four.jpg) top center repeat; }

body.learn,
body.contact,
body.forum,
body#movielenses { background: url(../images/bg-grey.jpg) top center repeat; }

/* mwj: red-orange background on muse-pl page: */
body.movielenses.one { background:transparent url(../images/bg-home.jpg) repeat scroll center top !important; }
body.movielenses.two { background:transparent url(../images/bg-lenses-one.jpg) repeat scroll center top !important; }

body.products {
	min-height: 1200px;
}

*html body.products {
	height: 1200px;
}

/*********** = structure = ***********/

#wrapper {
	background: transparent url(../images/bg-container-bottom.png) no-repeat 0 100%;
	margin: 0 auto;
	padding: 0 0 9px 0;
	width: 972px;
}

#wrapper-inner {
	background: transparent url(../images/bg-container-top.png) no-repeat 0 0;
	padding: 20px 0 0 0;
}

*html #wrapper { background: none; }

*html #wrapper-inner {
	background: transparent url(../images/bg-container-top.gif) no-repeat 0 0;
}

#content {
	background: url(../images/bg-container.png) repeat-y 0 0;
	min-height: 450px;
	margin: 0 auto;
	padding: 0 8px 0 8px;
	text-align: left;
}

*html #content {
	background: url(../images/bg-container.gif) repeat-y 0 0;
	height: 450px;
}

#header {
	background-image: url(../images/bg-header-home.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 99px;
	position: relative;
	border-bottom: 2px solid #E3E60F;
	z-index: 9999;
}

.header {
	position: relative !important;
	z-index: 9999 !important;
}

body.home #header,
body.learn #header,
body.contact #header,
body.forum #header { background-image: url(../images/bg-header-home.jpg); }

body.products #header { background-image: url(../images/bg-header-products.jpg); }

body.lenses.one #header { background-image: url(../images/bg-header-lenses-one.jpg); }
body.lenses.two #header { background-image: url(../images/bg-header-lenses-two.jpg); }
body.lenses.three #header { background-image: url(../images/bg-header-lenses-three.jpg); }

body.optics.one #header { background-image: url(../images/bg-header-optics-one.jpg); }
body.optics.two #header { background-image: url(../images/bg-header-optics-two.jpg); }
body.optics.three #header { background-image: url(../images/bg-header-optics-three.jpg); }
body.optics.four #header { background-image: url(../images/bg-header-optics-four.jpg); }

body.accessories.one #header { background-image: url(../images/bg-header-accessories-one.jpg); }
body.accessories.two #header { background-image: url(../images/bg-header-accessories-two.jpg); }
body.lenses #header, body.accessories.three #header { background-image: url(../images/bg-header-accessories-three.jpg); }

body#movielenses #header { background-image: url(../images/bg-header-movielenses.jpg); }

#copy {
	position: relative;
}

.promo {
	border-top: 2px solid #E3E60F;
	height: 160px;
	position: relative;
}

#footer {
	clear: both;
	height: 5em;
	margin: 0 auto;
	padding: 0 0 10px 0;
	position: relative;
	text-align: left;
	width: 900px;
}

*html #footer {
	background: transparent url(../images/bg-container-bottom.gif) no-repeat 0 0;
	margin-top: -10px;
	padding: 10px 0 9px 0;
	width: 972px;
}
#nl_cta {
   text-align:center;
   padding:15px 18px 5px 0;
}

#nl_cta p {
   width:420px;
   border: 1px solid #E3E60F;
   padding: 6px 0;
   margin: 0 auto;
   background: transparent url(/images/bg-home-scrim.png) repeat scroll 0 0;
}
#nl_cta a {
   text-transform:uppercase;
   color: #E3E60F;
   font-size: 15px;
   font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
   text-decoration:none;
   letter-spacing:1px;
}
#nl_cta a:hover {
   text-decoration:none;
   color:#fff;
}
/*********** = headers = ***********/

#header h1 {
	height: 99px !important;
	margin: 0 !important;
	width: 200px !important;
	z-index: 9999 !important;  
}

#header h1 a {
    display:block !important;
    height: 99px !important;
	width: 200px !important;
	position: relative !important;
	text-indent:-999em !important;
	z-index: 9999 !important;    
}

h1 {
	margin: 0 0 15px 0;
}

h2 {
	font-size: 24px;
	line-height: 27px;
	margin: 0;
}

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*---- Header styling ---*/

.sIFR-active h2#title {
  visibility: hidden;
  clear:both;
  color:#fff;
  font-family:Arial;
  font-weight: normal;
  line-height: 1em;
  font-size: 32px;
  margin: 0 !important;
  padding: 25px 0 0 25px;
}

.sIFR-active h2#title.columns {
	padding-left: 10px;
}

.sIFR-active h2#title.top-tight {
	padding-top: 17px;
}

.sIFR-active h2#title.tight {
	padding: 0 0 0px 0;
}

h2.absolute {
	position: absolute;
	top: 60px;
	left: -7px;
	width: 600px;
}

.buy h2 {
	font-size: 22px;
	line-height: 20px;
	margin: 0 0 5px 0;
}

.buy h2 span {
	display: block;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.1em;
	margin: 0;
	text-transform: uppercase;
}

.buy h2 span.inline {
	display: inline;
}

.review h2 {
	/* background: url(../images/bg-review-h2.gif) no-repeat 0 50%; */
	color: #ebef91;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 19px;
	margin: 5px 0;
	padding: 0;
	text-transform: uppercase;
}

h3 {
	color: #ebef91;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 5px 0 2px 0;
	padding: 0;
	text-transform: uppercase;
}

div.block h3,
div.toggle-bar h3 {
	margin: 0 0 2px 0 !important;
}

.product-index h3 {
	margin: -3px 0 -5px 0;
	line-height: 23px;
}

.faq h3, .mediaroom h3 {
	margin-top: 18px;
}

.faq h3.first, .mediaroom h3.first {
	margin-top: 0;
}

div.contact-block h3 {
	margin-top: 0;
}

.additional h3 {
	color: #ff6189;
	font-size: 19px;
	font-weight: normal;
	/* letter-spacing: 1px; */
	line-height: 19px;
	margin: 0 0 12px 0;
	text-transform: none;
}

.retailers h3 {
	margin: 15px 0 2px 0;
}

h4 { 
	color: #99371e;
	font-size: 12px; 
	line-height:1em;
	margin:12px 0;
	text-transform: uppercase;
}

h5 { 
	color: #004812;
	font-size:12px; 
	line-height:1em;
	margin:6px 0
}

/*********** = typography = ***********/

a { 
	color: #ffa200; 
	outline: none;
	text-decoration: none;
}

a:visited { color:#ffa200; }

a:hover { 
	color:#de5400;
	text-decoration: underline; 
}

a.normal {
	font-weight: normal !important;
}

a.toggler,
a.toggler-close {
	color: #ffa200 !important; 
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration: none !important;
	text-transform: lowercase !important;
	position: absolute;
	bottom: 8px;
	right: 10px;
}

a.toggler-close {
	bottom: 8px;
}

a.toggler:hover,
a.toggler-close:hover {
	color: #de5400 !important;
}

*:first-child+html a.toggler-close,
*html a.toggler-close {
	position: static;
	bottom: auto;
	right: auto;
	display: block;
	text-align: right;
	margin: 15px 0 0 0;
}

div.faq a.toggler, div.mediaroom a.toggler {
	bottom: 4px;
}

.review a.full {
	border: 1px solid #E3E60F;
	display: block;
	color: #E3E60F !important;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 2px 12px;
	position: absolute;
	right: 20px;
	text-decoration: none;
	top: 20px;
}

strong.dark {
	color: #333;
}

.highlighted,
table.matrix td.highlighted {
	color: #fb7c9c;
}

#copy {
	font-size: 11px;
}

p {
	color: #000;
	font-size: 12px;
	line-height: 17px;
	margin: 12px 0 15px 0;
}

div.contact-block p {
	color: #fff;
	margin-top: 0;
}

div.contact-block.full p {
	padding-right: 99px;
}

ul.specs p {
	font-size: 11px;
	margin: 10px 0;
}

p.title-follow {
	margin: -10px 0 0 0 !important;
}

#footer p {
	line-height: 1em !important;
	margin: 0 !important;
}

div.single p,
div.columns p {
	color: #fff;
	font-size: 11px;
	/* letter-spacing: 1px;  2009-03-31 J.B. */
	line-height: 17px;
	margin: 5px 0 12px 0;
}

.review p {
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 1px;
	margin: 0;
}

.review a {
	color: #ffa200;
}

.super-promo p {
	color: #fff;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 15px;
	position: absolute;
	bottom: 5px;
	right: 5px;
	/* margin: 136px 23px 0 0; */
}

.super-promo a,
.super-promo a:visited {
	color: #fff;
}

.accessories div.intro a,
.accessories div.intro a:visited {
	color: #DE5400;
}

#footer p {
	color: #000;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	line-height: 15px;
	padding: 5px 18px 0 0;
	text-align: center;
}

#footer a {
	color: #000;
	text-decoration: none;
}

.descriptive {
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 17px;
	text-transform: uppercase;
}

.blue {
	color: #a4e2e3;
}

.turq {
	color: #9bd5d6;
}

.powder {
	color: #a4e2e3;
}

.grey  {
	color: #9a9a9a;
}

.orange { 
	color: #ffa200;
}

.pink,
.user {
	color: #ff6189;
}

.white {
	color: #fff !important;
}

.black {
	color: #000 !important;
}

.user {
	text-transform: none !important;
}

.meta {
	font-size: 10px;
	margin: 0;
	text-transform: uppercase;
}

.buy p.shipping {
	color: #fff;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 10px;
	margin: 0 !important;
	text-transform: uppercase;
}

.uc {
	letter-spacing: 1px;
	text-transform: uppercase !important;
}

.lc {
	text-transform: none !important;
}

div.block div.info p {
	color: #fff !important;
	font-size: 11px !important;
	letter-spacing: normal !important;
	margin: 0 !important;
}

div.block div.copy p {
	color: #fff !important;
	font-size: 11px !important;
	line-height: 17px !important;
}

.date,
.toggle-bar,
.toggle-bar a {
	color: #a4e2e3;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

.label {
	color: #a4e2e3 !important;
	font-size: 11px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	margin: 0 0 5px 0 !important;
}

h3 .label {
	display: block;
	margin: 0;
}

.lenses.one div.panel p a,
.lenses.one div.panel p a:hover { color: #E3E60F !important; }

.lenses.two div.panel p a,
.lenses.two div.panel p a:hover { color: #E3E60F !important; }

.accessories.one div.panel p a,
.accessories.one div.panel p a:hover { color: black !important; }

.optics div.panel p a,
.optics div.panel p a:hover { color: #E3E60F !important; }


  /* mwj 2009-02-24: sam wants less spacing within paragraphs and more spacing between them */
#product .panel br { margin-bottom:1em }
#product .panel p { line-height:14px !important; }

 /* mwj 2009-10-26: soft focus links don't stand out on white background, but we want to stick with chartreuse throughout, so add a scrim: */
 #specs .panel a{
   background:url(/images/bg-nav-products-scrim.png);
   padding:1px !important;
   line-height:18px; /* otherwise the scrims overlap when links wrap lines */
 color: #E3E60F !important;  
 }

 #home-text a {
    color: #D7E023 !important;  
  }




/*********** = misc divs and classes = ***********/

.flash-container { padding:0 0 0 10px; }

div#product {
	background-position: 0 0;
	background-repeat: no-repeat;
	min-height: 337px;
	padding: 70px 0 100px 0;
	position: relative;
	width: 956px;
}

*html div#product {
	height: 337px;
}

/* Background images for lens pages on the US site */
body.lenses.one div#product   { background-image: url(../images/bg-products-lenses-one.jpg); }
body.lenses.two div#product   { background-image: url(../images/bg-products-lenses-two.jpg); }
body.lenses.three div#product { background-image: url(../images/bg-products-lenses-three.jpg); }

/* mwj: international sites use images with the product name but not the tagline embedded */
body.lenses.one.intl   div#product { background-image: url(../images/bg-products-lenses-one.local.jpg)     !important; }
body.lenses.two.intl   div#product { background-image: url(../images/bg-products-lenses-two.local.jpg)     !important; }
body.lenses.three.intl div#product { background-image: url(../images/bg-products-lenses-three.local.jpg)   !important; }

/* ... and optics/accessories images with no text at all (there's an sIFR overlay for those pages) */
body.optics.one.intl   div#product { background-image: url(/images/bg-products-optics-one.local.jpg)   !important; }
body.optics.two.intl   div#product { background-image: url(/images/bg-products-optics-two.local.jpg)   !important; }
body.optics.three.intl div#product { background-image: url(/images/bg-products-optics-three.local.jpg) !important; }
body.optics.four.intl  div#product { background-image: url(/images/bg-products-optics-four.local.jpg)  !important; }

body.accessories.one.intl   div#product { background-image: url(/images/bg-products-accessories-one.local.jpg)   !important; }
body.accessories.two.intl   div#product { background-image: url(/images/bg-products-accessories-two.local.jpg)   !important; }
body.accessories.three.intl div#product { background-image: url(/images/bg-products-accessories-three.local.jpg) !important; }
body.accessories.four.intl  div#product { background-image: url(/images/bg-products-accessories-four.local.jpg)  !important; }

/* cinch up close to the sIFR-replaced h2 on the accessories/optics pages */
.intl #specs {
    margin-top:0 !important;
}
    
/* /mwj */

body.optics.one div#product, body#double div#product { background-image: url(../images/bg-products-optics-one.jpg); }
body.optics.two div#product, body#single div#product { background-image: url(../images/bg-products-optics-two.jpg); }
body.optics.three div#product, body#plastic div#product { background-image: url(../images/bg-products-optics-three.jpg); }
body.optics.four div#product, body#pinhole div#product { background-image: url(../images/bg-products-optics-four.jpg); }
body.optics.five div#product, body#softfocus div#product { background-image: url(../images/bg-products-optics-five.jpg); background-position: 10px 0px; }
body.optics.six div#product, body#fisheye div#product { background-image: url(../images/bg-products-optics-six.jpg); background-position: 10px 0px; }


body.accessories.one div#product, body#macro div#product { background-image: url(../images/bg-products-accessories-one.jpg); }
body.accessories.two div#product, body#wideangle div#product { background-image: url(../images/bg-products-accessories-two.jpg); }
body.accessories.three div#product, body#superwideangle div#product { background-image: url(../images/bg-products-accessories-three.jpg); }
body.accessories.four div#product, body#creative div#product { background-image: url(../images/bg-products-accessories-four.jpg); min-height: 327px; padding-bottom: 110px; }
*html body.accessories.four div#product, *html body#creative div#product { height: 327px; }
body.accessories.five div#product, body#shade div#product { background-image: url(../images/bg-products-accessories-five.jpg); }


#movielenses div#product { background-image: url(../images/bg-products-movielenses.jpg); padding-top: 20px; min-height: 330px; background-position: 0 -50px; margin: -20px 0 0 0; } 
#movielenses.two div#product { background-image: url(../images/bg-products-movielenses-two.jpg); padding-top: 20px; min-height: 330px; background-position: 0 -50px; margin: -20px 0 0 0; } 

#movielenses-video-gallery img { margin:2px; }

/* body.movielenses+two { background: url(../images/bg-lenses-one.jpg) top center repeat; } */
*html #movielenses div#product {margin: 0px; } 

div#product div.buy {
	float: left;
	position: absolute;
	text-align: center;
	left: 28px;
	bottom: 18px;
}

div#product div.buy div.one,
div#product div.buy div.two {
	float: left;
}

div#product div.buy div.two {
	margin-left: 16px;
}

div.product-index {
	padding: 60px 0 0 0;
}

div.product-index div.intro {
	position: absolute;
	top: 70px;
	/* float: left;
	margin: 0 0 0 17px; */
	width: 262px;
	right: 20px;
}

div.newsletters {
	float: left;
	width: 527px;
}

div.newsletter-form-column {
	float: right;
	margin: 12px 0 0 0;
	width: 384px;
}

div.newsletter-form-column .features {
	padding: 15px;
}

div.newsletter-form {
	background: url(../images/bg-highlight.gif);
	padding: 10px 15px 15px 15px;
}

div.highlight {
	background: url(../images/bg-highlight.gif);
	float: right;
	margin: 0 0 0 15px;
	padding: 15px 15px 0 15px;
	width: 505px;
}

div.highlight.compact {
	background: url(../images/bg-highlight.gif);
	padding: 15px;
	width: 364px;
}

div.highlight.compact p {
	margin: 5px 0 !important;
}

div.expert {
	background: url(../images/bg-highlight.gif);
	margin: 15px 0 0 0;
	padding: 1px 15px 15px 15px;
}

div.expert p {
  color:white;
}

div.educators-intro {
	padding: 131px 0 0 10px; 
	
}

div.toggle-bar {
	background: #222;
	margin: 10px 0 0 0;
	padding: 7px 15px 5px;
	position: relative;
}

.retailers div.toggle-bar {
	margin: 2px 0 0 0;
}

div.toggle-bar:hover {
	background: #2a2a2a;
	cursor: pointer;
}

div.faq div.toggle-bar, 
div.mediaroom div.toggle-bar {
	height: auto;
	line-height: normal;
	margin: 3px 0 0 0;
	padding: 3px 8px;
}

div.toggle-info {
	background: #3d3d3d;
	display: none;
	margin: 0 0 0 0;
	padding: 8px 15px;
	position: relative;
}

*:first-child+html div.toggle-info {
	display: none;
}

*:first-child+html div.toggle-bar,
*:first-child+html div.toggle-info {
	min-height: 15px;
	zoom: 1;
}

*html div.toggle-bar,
*html div.toggle-info {
	height: 1%;
	zoom: 1;
}

div.faq div.toggle-info, 
div.mediaroom div.toggle-info {
	margin: 0 0 5px 0;
	padding: 12px 8px;
}

div.single {
	padding: 25px;
}

div.columns {
	margin: 0;
	padding: 10px;
}

div.columns .column {
	display:inline;
	float:left;
	margin:0;
	width: 463px;
}

*html div.columns,
*html div.columns .column {
	height: 1%;
	zoom: 1;
}

div.columns .column.two {
	float: right;
}

.moviegallery-one {
	float: left;
	min-height: 100px;
	width: 339px;
}

*:first-child+html .moviegallery-one,
*html .moviegallery-one {
	 float: none;
	 position: absolute;
	 top:10px;
	 left:10px;
}

.moviegallery {
	background: #3d3d3d;
	min-height: 500px; 
	float: right;
	padding: 0 0 10px 0;
	width: 572px;
}

*:first-child+html .moviegallery,
*html .moviegallery {
	 float: none;
	 margin-left: 364px;
}

.moviegallery div.thumb {
	background: #222;
	color: #fff;
	float: left;
	margin: 10px 0 0 10px;
	width: 177px;
}

.moviegallery div p {
	color: #fff;
	font-size: 11px !important;
	line-height: 13px !important; 
	margin: 0 !important;
	padding: 4px 4px 0 4px;
	position: relative;
}

.moviegallery div p strong {
	display: block;
	font-weight: normal;
}

.moviegallery div p a {
	float: left;
}
.moviegallery div p a.hi-res {
	float: right;
}

.mediaroom div.mediagroup {
	clear: left;
	margin: 0 0 10px;
	width: 100%;	
}

*:first-child+html .mediaroom div.mediagroup,
*:first-child+html .toggle-info {
	min-height: 1%;
	position: static;
	zoom: 1;
}

.mediaroom div.mediagroup div.thumb {
	float: left;
	margin: 10px 10px 0 0;
	text-align: center;
}

.mediaroom div p {
	color: #fff;
	font-size: 11px !important;
	line-height: 13px !important; 
	margin: 0 0 3.2px 0 !important;
	padding: 4px 4px 0 4px;
	position: relative;
}





div.contact {
	position: relative;
	height: 584px;
	margin-left: 10px;
	overflow: hidden;
	padding: 0 0 10px 0;
	width: 671px;
	z-index: 99;
}

div.contact-viewport {
	position: absolute;
	left: 0;
  top: 70px;
	width: 2013px;
	z-index: 99;
}

img.contact-guy {
	position: absolute;
	right: 10px;
	top: 16px;
	z-index: 100;
}

div.contact-panel {
	float: left;
	width: 671px;
}

div.contact-block {
	background: #3d3d3d;
	padding: 17px 17px 2px 17px;
}

div.contact-block.left {
	float: left;
	width: 294px;
}

div.contact-block.right {
	background: #3d3d3d url(../images/bg-striped-box.gif);
	float: right;
	width: 294px;
}

div.block {
	background: url(../images/bg-block.gif) repeat-y 0 0;
	min-height: 225px;
	margin-top: 10px;
	position: relative;
	width: 463px;
}

*html div.block {
	height: 225px;
}

div.block div.info {
	color: #fff;
	font-size: 11px;
	width: 120px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
}

div.block div.copy {
	font-size: 11px;
	margin-left: 140px;
	padding: 25px 10px 10px 10px;
	width: 300px;
}

div.review {
	background: url(../images/bg-highlight.gif);
	float: left;
	min-height: 143px;
	padding: 17px 22px 0px 22px;
	position: relative;
	width: 553px;
}

*html div.review {
	height: 143px;
}

div.rectangles {
	float: left;
	width: 757px;
}

div.rectangle {
	background: #3d3d3d;
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
}

div.rectangles p {
	margin: 3px 0;
}

div.rectangles h3,
div.rectangles-narrow h3 {
	margin: 0;
}

div.rectangles div.rectangle-inner {
	background: url(../images/bg-rectangle-inner.gif) repeat-y 0 0;
}

div.rectangles div.rectangle-inner div.logo {
	float: left;
	margin-right: 10px;
	padding: 5px 0 0 0;
	width: 249px;
	text-align: center;
}

div.rectangles div.rectangle-inner div.logo img {
	margin: 0 auto;
}

div.rectangles div.rectangle-inner div.snippet {
	float: right;
	width: 477px;
}

div.rectangles-narrow {
	background: #3d3d3d;
	float: right;
	padding: 10px;
	width: 150px;
}

div.rectangles-narrow img {
	margin: 10px 0 0 0;
}

div.gurus {
	background: #222;
	float: left;
	padding: 140px 10px 10px 10px;
	position: relative;
	width: 120px;
}

div.gurus a {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
	padding: 0 0 5px 0;
	text-decoration: none;
}

div.gurus a img {
	display: none;
	z-index: 2;
}

div.gurus a:hover img {
	display: block;
}

div.gurus img {
	position: absolute;
	top: 10px;
	left: 10px;
}

div.gurus img.default {
	z-index: 1;
}

div.guru {
	float: right;
	width: 780px;
	background: #3d3d3d;
	float: right;
	padding: 10px 0 0 10px;
}

div.gallery {
	background: #3d3d3d;
	margin: -5px 8px 8px 8px;
	padding: 10px 0 0 10px;
}

#gallery-filters {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 525px;
}

#gallery-filters div {
	float: right;
}

#gallery-filters p {
	color: #fff;
	display: inline;
	font-size: 11px;
	letter-spacing: 1px;
	padding-left: 4px;
}

#gallery-filters form {
	display: block;
	min-width: 468px;
}

#gallery-filters form span {
	color: #a4e2e3;
	font-size: 19px;
	line-height: 25px;
	padding: 0 3px;
}

#gallery-filters form select {
	width: 140px;
}

div.gallery.photo {
	margin: -5px 0 0 0;
}

div.gallery-thumbs {
	float: left;
	width: 520px;
	min-height: 520px;
}

div.gallery-thumbs.nada {
	background: url(../images/bg-pg-nada.gif) no-repeat 0 0;
	padding-top: 405px;
	min-height: 115px;
}

div.gallery-criteria {
	float: right;
	margin-right: 10px;
	position: relative;
	width: 394px;
}
#overlay {
	z-index: 10000 !important;
}
#lightbox {
	z-index: 10001 !important;
}

div.gallery-criteria .hdr-block {
	background: #222;
	height: 98px;
	padding: 11px;
	position: relative;
}

div.gallery-criteria .hdr-block h3 {
	margin-top: 0 !important;
}

div.gallery-criteria .initial {
	height: 229px;
}

div.gallery-criteria .paging {
	position: absolute;
	bottom: 10px;
	width: 373px;
}
div.gallery-criteria .paging #pages {
	padding-right: 10px;
}

div.gallery-criteria .alignleft {
	margin-top: 5px;
}

div.gallery-criteria .alignright {
	min-width: 160px;
}

div.gallery-criteria label,
div.gallery-criteria span {
	color: #fff !important;
	display: inline !important;
	margin: 0 !important;
	text-transform: lowercase !important;
}

div.gallery-criteria span.disabled {
	color: #5c5c5c !important;
}

.criteria-block {
	background: #5c5c5c;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 98px;
	margin: 10px 0 10px 0;
	padding: 22px 15px 0 127px !important;
}

.criteria-block p {
	margin: 0 !important;
}

.criteria-block strong {	
	color: #a4e2e3;
	display: block;
	font-weight: normal;
	font-size: 15px;
}

.criteria-block.genre {
	padding: 22px 15px 0 25px !important;
}

img.plus {
	position: absolute;
	right: 163px;
	top: 229px;
	z-index: 99;
	height: 55px !important;
	width: 55px !important;
	cursor: pointer !important;
}

img.plus.second-criteria {
	top: 359px;
}
div#x-loading {
	width: 300px;
	height: auto;
	font-size: 16px;
	font-weight: bold;
	background-color: #333;
	border: 5px solid #666;
	color: #E3E60F;
	padding: 50px !important;
	display: none;
	text-align: center;
	vertical-align: top;
	z-index: 1000;
	opacity: .8;
	filter: alpha(opacity=80);

}
div#x-loading * {
	vertical-align: middle;
}

.c-lbcak { background-image: url(../images/bg-pg-accessory_creativeaperture.jpg); }
.c-4macro, .c-10macro, .c-10_4_macro  { background-image: url(../images/bg-pg-accessory_macro.jpg) !important; }
.c-super { background-image: url(../images/bg-pg-accessory_superwide.jpg); }
.c-wide { background-image: url(../images/bg-pg-accessory_widetelephoto.jpg); }
.c-tele { background-image: url(../images/bg-pg-accessory_widetelephoto.jpg); }
.c-shade { background-image: url(../images/bg-pg-accessory_shade.jpg); }

.c-single { background-image: url(../images/bg-pg-optic_single.jpg) !important; }
.c-double { background-image: url(../images/bg-pg-optic_double.jpg) !important; }
.c-pinhole { background-image: url(../images/bg-pg-optic_pinhole.jpg); }
.c-plastic { background-image: url(../images/bg-pg-optic_plastic.jpg); }
.c-zoneplate { background-image: url(../images/bg-pg-optic_pinhole.jpg); }
.c-fisheye { background-image: url(../images/bg-pg-optic_fisheye.jpg); }
.c-softfocus { background-image: url(../images/bg-pg-optic_softfocus.jpg); }

.c-nature { background-image: url(../images/bg-pg-genre_nature.jpg) !important; }
.c-urban { background-image: url(../images/bg-pg-genre_street.jpg) !important; }
.c-wedding { background-image: url(../images/bg-pg-genre_wedding.jpg) !important; }
.c-portrait { background-image: url(../images/bg-pg-genre_portrait.jpg) !important; }
.c-commercial { background-image: url(../images/bg-pg-genre_commercial.jpg) !important; }
.c-miscellaneous { background-image: url(../images/bg-pg-genre_miscellaneous.jpg) !important; }

#caption span {
	color: #666;
}

*:first-child+html div.gallery,
*:first-child+html div.gallery-thumbs,
*:first-child+html div.gallery-criteria {
	min-height: 1%;
	zoom: 1;
}

*html div.gallery,
*html div.gallery-thumbs,
*html div.gallery-criteria {
	height: 1%;
	zoom: 1;
}

div.gallery img,
div.guru img,
div.guru div.quote {
	float: left;
	margin: 0 10px 10px 0;
}

div.gallery img,
div.guru img {
	height: 120px;
	width: 120px;
}

div.guru div.quote {
	background: #222;
	height: 100px;
	padding: 10px;
	width: 360px;
	color: #a4e2e3;
	font-size: 9px;
	letter-spacing: 1px;
	line-height: 17px;
	overflow: auto;
	text-transform: uppercase;
}

.guru-intro,
.guru-intro-copy {
	height: 250px;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	position: relative;
	text-decoration: none;
	width: 380px;
}

.guru-intro h3.guru-name {
	background: #222;
	height: 40px;
	line-height: 40px;
	margin: 0 !important;
	padding: 0 15px;
	position: absolute;
	width: 350px;
	z-index: 102;
	visibility: hidden;
}

.guru-intro img {
	height: 250px !important;
	position: relative;
	z-index: 101;
	width: 380px !important;
}

.guru-intro strong {
	display: block;
	position: absolute;
	top: 49%;
	text-align: center;
	z-index: 100;
	width: 380px !important;
}

.guru-intro:hover {
	text-decoration: none;
}

div.gallery div.flag {
	background: #222;
	float: left;
	margin: 0 10px 10px 0;
	height: 105px;
	padding: 5px 10px 10px 10px;
	width: 360px;
	overflow: hidden;
	color: #a4e2e3;
	font-size: 11px;
	line-height: 17px;
}

div.guru-details {
	float: left;
	width: 379px;
}

div.guru-thumbs {
	float: right;
	width: 391px;
}

/* div.review div.inner {
	background: url(../images/bg-opaque-black.png) repeat;
	border: 1px solid #000;
	min-height: 116px;
	padding: 10px 15px 10px 15px;
	position: relative;
} */

/* mwj had to hack this in Mar 1 2009; revert later and use a foreground image instead, changing this selector back to div.super-promo */
a.super-promo {
	background: url(/images/promo-super.jpg) no-repeat 0 0;
	height: 160px;
	float: right;
	position: relative;
	width: 597px;
}

*html div.super-promo {
	position: absolute;
	right: 0;
	bottom: 0;
}

div.items {
	background: #3d3d3d;
	border: none;
	letter-spacing: 0;
	margin: 12px 0;
	padding: 18px 13px 18px 18px;
}

div.items p {
	line-height: 1.1em;
	padding-right: 5px;
	width: 215px;
	float: left;
}

*:first-child+html div.items,
*html div.items {
	zoom: 1;
}

/*********** = buttons = ***********/

a.button,
div.block a.button {
	background: #3d3d3d;
	border: 1px solid #E3E60F;
	color: #E3E60F;
	display: block;
	margin: 5px 0;
	padding: 3px 0 5px 0;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
}

a.button:hover {
	background: #282828 !important;
	color: #E3E60F !important;
}

a.button.float {
	float: left;
	margin: 0;
	padding: 3px 12px 5px 12px;
}

/*********** = lists = ***********/

ul {
	font-size: 11px;
	list-style: none;
}

ul.items {
	margin-bottom: 12px;
}

ul.items li {
	margin: 5px 0;
}

ul.subnav {
	left: 10px;
	list-style: none !important;
	position: absolute;
	top: 10px;
	z-index: 100;
}

ul.subnav li {
	float: left !important;
	margin: 0 5px 0 0 !important;
}

ul.subnav li a {
	display: block;
	height: 50px;
	float: left !important;
	text-indent: -9999em;
}

ul#educators-nav li a.one {
	background: url(../images/bg-nav-educators.gif) no-repeat 0px 0px;
	width: 142px;
}

ul#educators-nav li a.two {
	background: url(../images/bg-nav-educators.gif) no-repeat -147px 0px;
	width: 170px;
}

ul#educators-nav li a.three {
	background: url(../images/bg-nav-educators.gif) no-repeat -322px 0px;
	width: 140px;
}

ul#contact-nav li a.one {
	background: url(../images/bg-nav-contact.png) no-repeat 0px 0px;
	width: 128px;
}

ul#contact-nav li a.two {
	background: url(../images/bg-nav-about.png) no-repeat 0px 0px;
	width: 110px;
}

ul#contact-nav li a.three {
	background: url(../images/bg-nav-company.png) no-repeat 0px 0px;
	width: 214px;
}

ul.subnav li a:hover,
ul.subnav li a.active {
	background-position: 0 -50px !important;
}

ul#educators-nav li a.two:hover,
ul#educators-nav li a.two.active {
	background-position: -147px -50px !important;
}

ul#educators-nav li a.three:hover,
ul#educators-nav li a.three.active {
	background-position: -322px -50px !important;
}

div#copy ul.specs {
	margin: 20px 0 0 28px;
	width: 358px;
}

/* ie 7 */
*:first-child+html div#copy ul.specs {}

body.optics div#copy ul.specs,
body.accessories div#copy ul.specs {
	margin: 112px 0 0 28px;
	width: 225px;
}

/* ie 7 */
*:first-child+html body.optics div#copy ul.specs,
*:first-child+html body.accessories div#copy ul.specs {
	padding-top: 110px;
}

*html body.optics div#copy ul.specs,
*html body.accessories div#copy ul.specs {
	padding-top: 110px;
}

body.accessories.one div#copy ul.specs {
	margin: 68px 0 0 28px;
}

div#copy ul.specs li {
	margin: 0 !important;
	padding: 0 !important;
}

div#copy ul.specs li p:last-child {
	margin-bottom: 5px !important;
}

div#copy ul.specs a {
	color: #222;
}

div#copy ul.specs a.trigger,
div#copy ul.specs a.trigger.selected {
	color: #bf1e2d;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 0 !important;
	text-decoration: none;
	text-transform: uppercase;
}

.lenses.one div#copy ul.specs a.trigger{ color: #bf1e2d; }
.lenses.two div#copy ul.specs a.trigger{ color: #415f14; }
.lenses.three div#copy ul.specs a.trigger{ color: #2c8080; }
.optics.one div#copy ul.specs a.trigger{ color: #E3E60F; }
.optics.two div#copy ul.specs a.trigger{ color: #ffcf4e; }
.optics.three div#copy ul.specs a.trigger{ color: #99e5ff; }
.optics.four div#copy ul.specs a.trigger{ color: #ffb2dd; }
.accessories.one div#copy ul.specs a.trigger{ color: #cc4400; }
.accessories.two div#copy ul.specs a.trigger{ color: #cc4400; }
.accessories.three div#copy ul.specs a.trigger{ color: #cc4400; }
.accessories.four div#copy ul.specs a.trigger{ color: #cc4400; }
.accessories.five div#copy ul.specs a.trigger{ color: #cc4400; }
.accessories.six div#copy ul.specs a.trigger{ color: #cc4400; }
#movielenses div#copy ul.specs a.trigger{ color: #999; }
#movielenses.two div#copy ul.specs a.trigger{ color: #bf1e2d; }

/* div#copy ul.specs a.trigger.selected {
	color: #000;
} */

div#copy ul.specs a:hover {
	color: #000;
}

div#copy ul.specs div.panel {
	margin: -8px 0 0 0;
	padding: 0 0 1px 0;
}

dl {
	color: #ebef91;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 15px;
	margin: 15px 0 18px 0;
}

dd {
	color: #fff;
	margin: 0 0 12px 0;
}

.retailers dl {
	margin: 0;
}




.faq_q {
	color: #ebef91;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 15px;
	margin: 15px 0 18px 0;
}

.faq_a {
	color: #fff;
	margin: 0 0 12px 0;
}
.faq_qa {
	margin: 0 0 18px 0;
}

/*********** = products horizontal accordion = ***********/

div#products-nav-container {
	left: 7px;
	height: 50px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 11px;
	width: 1000px;
}

div#products-nav-container div {
	float: left;
	position: relative;
}

div#products-nav-container a {
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	float: left;
	height: 50px;
	z-index: 2;
	text-indent: -9999em;
}

div#products-nav-container a:hover {
	background-position: 0 -50px;
}

div#products-nav-container a.selected,
div#products-nav-container a.toggled {
	background-position: 0 -100px;
}

div#products-nav-container a.next,
div#products-nav-container a.prev {
	float: left;
	width: 35px;
}

/* div#products-nav-container a.next { 
	background-image: url(../images/bg-btn-next.png); 
}

div#products-nav-container a.prev { 
	background-image: url(../images/bg-btn-prev.png); 
} */

/* mwj: a lower-priority selector than a.{class}, for the translatable nav items, to give them an alpha-transparent bg image */
div#products-nav-container li > a {
  background-image: url(/images/bg-nav-products-scrim.png);
}

div#products-nav-container li > a.empty {
   background-repeat:repeat;
}

div#products-nav-container li.lenses a.lenses {
	background-image: url(../images/bg-nav-products-lenses.png);
	width: 105px;
}

div#products-nav-container.movielenses li.lenses a.lenses {
	background-image: url(../images/bg-nav-movielenses.png);
	width: 160px;
}

div#products-nav-container li.optics a.optics {
	background-image: url(../images/bg-nav-products-optics.png);
	width: 105px;
}

div#products-nav-container li.accessories a.accessories {
	background-image: url(../images/bg-nav-products-accessories.png);
	width: 160px;
}

/* starhtml hack, IE6 and below: */
*html div#products-nav-container li.lenses a.lenses { background-image: url(../images/bg-nav-products-lenses.gif); }
*html div#products-nav-container.movielenses li.lenses a.lenses { background-image: url(../images/bg-nav-movielenses.gif); }
*html div#products-nav-container li.optics a.optics { background-image: url(../images/bg-nav-products-optics.gif); }
*html div#products-nav-container li.accessories a.accessories { background-image: url(../images/bg-nav-products-accessories.gif); }

div#products-nav-container ul ul a {
	height: 50px;
	text-decoration: none !important;
	width: 50px;
}

div#products-nav-container li.lenses a.one {
	background-image: url(../images/nav-lenses-1.gif) !important;
}

div#products-nav-container li.lenses a.two {
	background-image: url(../images/nav-lenses-2.gif) !important;
}

div#products-nav-container li.lenses a.three {
	background-image: url(../images/nav-lenses-3.gif) !important;
}

div#products-nav-container li.optics a.one {
	background-image: url(../images/nav-optics-1.gif) !important;
}

div#products-nav-container li.optics a.two {
	background-image: url(../images/nav-optics-2.gif) !important;
}

div#products-nav-container li.optics a.three {
	background-image: url(../images/nav-optics-3.gif) !important;
}

div#products-nav-container li.optics a.four {
	background-image: url(../images/nav-optics-4.gif) !important;
}

div#products-nav-container li.optics a.five {
	background-image: url(../images/nav-optics-5.gif) !important;
}

div#products-nav-container li.optics a.six {
	background-image: url(../images/nav-optics-6.gif) !important;
}



div#products-nav-container li.accessories a.one {
	background-image: url(../images/nav-accessories-1.gif) !important;
}

div#products-nav-container li.accessories a.two {
	background-image: url(../images/nav-accessories-2.gif) !important;
}

div#products-nav-container li.accessories a.three {
	background-image: url(../images/nav-accessories-3.gif) !important;
}

div#products-nav-container li.accessories a.four {
	background-image: url(../images/nav-accessories-4.gif) !important;
}

div#products-nav-container li.accessories a.five {
	background-image: url(../images/nav-accessories-5.gif) !important;
}

div#products-nav-container li.accessories a.six {
	background-image: url(../images/nav-accessories-6.gif) !important;
   /*width: 105px;*/
}

div#products-nav-container.movielenses li.lenses a.one {
	background-image: url(../images/nav-lenses-1.gif) !important;
}

div#products-nav-container ul ul a:hover {
	background-position: 0 0;
	/* background-position: -4px -4px;
	border: 4px solid #2e2e2e;
	height: 42px;
	width: 42px; */
}

.lenses.one div#products-nav-container li.lenses a.one,
.lenses.two div#products-nav-container li.lenses a.two,
.lenses.three div#products-nav-container li.lenses a.three,
.optics.one div#products-nav-container li.optics a.one,
.optics.two div#products-nav-container li.optics a.two,
.optics.three div#products-nav-container li.optics a.three,
.optics.four div#products-nav-container li.optics a.four,
.optics.five div#products-nav-container li.optics a.five,
.optics.six div#products-nav-container li.optics a.six,
.accessories.one div#products-nav-container li.accessories a.one,
.accessories.two div#products-nav-container li.accessories a.two,
.accessories.three div#products-nav-container li.accessories a.three,
.accessories.four div#products-nav-container li.accessories a.four,
.accessories.five div#products-nav-container li.accessories a.five,
.accessories.six div#products-nav-container li.accessories a.six,
.movielenses div#products-nav-container li.lenses a.one {
	background-position: -4px -4px;
	height: 42px;
	width: 42px;
}

.lenses.one div#products-nav-container li.lenses a.one { border: 4px solid #75422f; }
.lenses.two div#products-nav-container li.lenses a.two { border: 4px solid #41532a; }
.lenses.three div#products-nav-container li.lenses a.three { border: 4px solid #395d5d; }
.optics.one div#products-nav-container li.optics a.one,
.optics.two div#products-nav-container li.optics a.two,
.optics.three div#products-nav-container li.optics a.three,
.optics.four div#products-nav-container li.optics a.four,
.optics.five div#products-nav-container li.optics .five,
.optics.six div#products-nav-container li.optics a.six
 { border: 4px solid #40505f; }


.accessories.one div#products-nav-container li.accessories a.one,
.accessories.two div#products-nav-container li.accessories a.two,
.accessories.three div#products-nav-container li.accessories a.three,
.accessories.four div#products-nav-container li.accessories a.four,
.accessories.five div#products-nav-container li.accessories a.five,
.accessories.six div#products-nav-container li.accessories a.six { border: 4px solid #774923; } 
.movielenses div#products-nav-container li.lenses a.one { border: 4px solid #2e2e2e; }

div#copy ul#products-nav {
	float: left;
	height: 50px;
	margin: 0 3px 0 -2px;
}

div#copy ul#products-nav li {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
}

*html div#copy ul#products-nav,
*html div#copy ul#products-nav li {
	display: inline;
}

/* div#products-nav-container div {
	display: none;
}

.lenses div#products-nav-container li.lenses div { display: block; }
.optics div#products-nav-container li.optics div { display: block; }
.accessories div#products-nav-container li.accessories div { display: block; } */

div#products-nav-container li.accessories div ul {  /* mwj: widened for shade */ 
  /*width:290px;*/
  width:611px;
}

div#products-nav-container li.optics div ul {  /* mwj: widened for softfocus + fisheye */ 
  width:330px;
}


div#products-nav-container div ul {
	width: 220px;
}

div#products-nav-container li.lenses div ul {
	width: 165px;
}

div#products-nav-container.movielenses li.lenses div ul {
	width: 55px;
}

div#products-nav-container ul ul a span {
	display:  block;
}

div#products-nav-container ul ul a p.tooltip {
	clear: both;
	display: none;
	float: left;
	margin: 28px 0 0 -38px !important;
	padding: 0 !important;
	position: absolute;
	text-align: center;	
	/* top: 45px; */
	z-index: 9999;
}

*:first-child+html div#products-nav-container ul ul a p.tooltip {
	top: 12px;
	left: 5px;
}

*:first-child+html div#products-nav-container ul ul a.two p.tooltip { left: 60px !important; }
*:first-child+html div#products-nav-container ul ul a.three p.tooltip { left: 115px !important; }
*:first-child+html div#products-nav-container ul ul a.four p.tooltip { left: 170px !important; }
*:first-child+html div#products-nav-container ul ul a.five p.tooltip { left: 225px !important; }
*:first-child+html div#products-nav-container ul ul a.six p.tooltip { left: 280px !important; }

div#products-nav-container ul ul a:hover p.tooltip {
	display: block;
}

div#products-nav-container ul ul a p.tooltip {
	float: left;
	height: 35px;
}

div#products-nav-container ul ul a p.tooltip .arrow {
	background: url(../images/bg-tooltip-top.png) top center no-repeat;
	display: none;
	/* display: block; */
	float: none;
	height: 11px;
}

/* div#products-nav-container ul ul a p.tooltip .tip {
	background: url(../images/bg-tooltip-left.png) no-repeat 0 0;
	color: #E3E60F;
	font-size: 11px;
	letter-spacing: 1px;
	height: 24px;
	line-height: 18px;
	padding: 0 0 0 14px;
	text-indent: 0;
	text-decoration: none !important;
	text-transform: uppercase;
}

div#products-nav-container ul ul a p.tooltip span {
	background: url(../images/bg-tooltip-right.png) no-repeat 100% 0;
	display: block;
	float: left;
	height: 24px;
	padding: 0 14px 0 0;
	text-decoration: none !important;
	white-space: nowrap;
} */

div#products-nav-container ul ul a p.tooltip .tip {
	background: url(../images/bg-tooltip-div.png) no-repeat 0 0;
	color: #E3E60F;
	font-size: 9px;
	letter-spacing: 1px;
	line-height: 11px;
	padding: 20px 0 0 0;
	text-indent: 0;
	text-decoration: none !important;
	text-transform: uppercase;
	width: 135px;
}

div#products-nav-container ul ul a p.tooltip span {
	background: url(../images/bg-tooltip-span.png) no-repeat 0 100%;
	display: block;
	padding: 0 10px 10px 10px;
	text-decoration: none !important;
}

/* div#products-nav-container ul ul a p.tooltip span {
	background: url(../images/bg-tooltip-span.png) no-repeat 100% 0;
	display: block;
	height: 24px;
	padding: 0 14px 10px 0;
	text-decoration: none !important;
	white-space: nowrap;
} */

/*********** = tables = ***********/
table.matrix {
	border: none;
	margin: 12px 0 25px 0;
	padding: 0;
	width: 100%;
}

table.matrix th {
	background: #222;
	color: #a4e2e3;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: normal;
	padding: 6px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: bottom;
}

table.matrix.alt th {
	font-weight: normal;
	letter-spacing: 1px;
	text-align: left;
	padding: 10px;
}

table.matrix td {
	background: #3d3d3d;
	border-right: 1px solid #5b5b5b;
	border-top: 1px solid #5b5b5b;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	padding: 8px;
	text-align: left;
	vertical-align: middle;
}

table.matrix.alt td {
	letter-spacing: 1px;
	line-height: 1.5em;
	padding: 7px;
	vertical-align: top;
}

table.matrix tr td:first-child {
	width: 88px;
}

table.matrix tr td:last-child {
	border-right: none;
	width: 63px;
}

table.matrix.alt tr th:first-child,
table.matrix.alt tr td:first-child {
	padding-left:15px;
}

table.matrix.alt tr td:first-child,
table.matrix.alt tr td:last-child {
	width: auto;
}

table.matrix tr td.highlighted {
	cursor: pointer;
}

.additional {
	background: url(../images/bg-additional-top.png) no-repeat 0 0;
	padding: 15px 0 0 0;
	position: absolute;
	margin: -70px 0 0 120px;
	width: 561px;
	z-index: 9999;
}

.additional div.inner {
	background: url(../images/bg-additional-bottom.png) no-repeat 0 100%;
	padding: 16px 33px 19px 33px;
}

table.matrix tr td.highlighted .additional {
	display: none;
}

table.matrix tr td.highlighted:hover {
	background: #444;
}

table.matrix tr td.highlighted:hover .additional {
	display: block;
}

/*********** = optics comparison = ***********/

#frame {
	width: 650px;
	height: 456px;
	float: left;
	margin-left: 205px;
	margin-right: 7px;
	text-align: center;
	position: relative;
}

*html #frame {
	display: inline;
}

#frame span {
	color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
}

#frame img {
	position: absolute;
	top: 0;
	left: 0;
}

#optics-selections {
	width: 187px;
	float: left;
	margin-left: -850px;
	overflow: hidden;
}

*html #optics-selections {
	display: inline;
	margin-left: -870px;
	width: 207px;
}

#fstop-selections {
	width: 66px;
	float: left;
	overflow: hidden;
}

#optics-selections li, 
#fstop-selections li {
	cursor: pointer;
	border: 1px solid transparent;
	display: block;
	font: normal 18px/18px Arial;
	height: 29px;
	margin: 0;
	padding: 6px 12px 0 7px;
	color: #fff;
	width: 167px;
}

*html #optics-selections li, 
*html #fstop-selections li {
	border: none;
}

#optics-selections li {
	text-align: right;
}

#fstop-selections li {
	padding-right: 0;
}

#optics-selections li.selected, 
#fstop-selections li.selected,
#optics-selections li:hover, 
#fstop-selections li:hover {
	/* background-color: #232323;
	border-color: #5c5c5c;
	color: #E3E60F; */
	background: url(../images/bg-optics-selections.png) no-repeat 0 0;
	color: #E3E60F;
}

*html #optics-selections li.selected, 
*html #fstop-selections li.selected,
*html #optics-selections li:hover, 
*html #fstop-selections li:hover {
	background: url(../images/bg-optics-selections.gif) no-repeat 0 0;
}

#fstop-selections li.selected,
#fstop-selections li:hover {
	background: url(../images/bg-fstop-selections.png) no-repeat 0 0;
}

*html #fstop-selections li.selected,
*html #fstop-selections li:hover {
	background: url(../images/bg-fstop-selections.gif) no-repeat 0 0;
}

#fstop-selections li.disabled {
	color: #666;
	cursor: text;
}

#fstop-selections li.disabled:hover {
	border-color: transparent;
	color: #666;
	background: none;
}

.lens-descr {
	display: none;
}

.lens-descr.selected {
	display: block;
	clear:both;
	padding: 2px 100px 10px 210px;
}

.optics-container {
	position: relative;
	background-color: #3d3d3d;
	padding-top: 10px !important;
	width: 100%;
}

.lens-pic {
	position: absolute;
	left: 0;
	top: 250px;
	display: none;
}

.lens-descr.selected .lens-pic {
	display: block;
}

/*********** = conditionals i.e. promo, etc. = ***********/

/* .promo.home,
.home .promo { display: none; }

.home .promo.home { display: block; }

.home .home,
.products .products { display: block !important; }

.hide-promo .promo {
	display: none !important;
} */

/*********** = utility classes = ***********/

.clearfix {
	display:inline-block; /* IE 6 & 7 */
}

.clearfix:after { /* modern browsers */
	content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

*html .clearfix {
	height:1%; /* fIE 6 */
}

div.hr {
	clear:both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin:12px 0;
}

.inline { display: inline; }

.block,.block-item { display: block; }

.clear {
	clear:both;
	height:1px;
	margin:-1px 0 0 0;
	overflow: hidden;
	padding:0;
}

.ie { display: none !important; }
*html .ie { display: block !important; }

.height {
	margin: 12px 0 !important;
}

.scaffold {
	margin: 12px 0 24px 0 !important;
}

.clear.left {
	clear:left;
}

.clear.right {
	clear:right;
}

.center {
	text-align:center !important;
}

.centered {
	margin-left:auto;
	margin-right:auto;
}

.alignright {
	float:right;
}
	
.alignleft {
	float:left
}

.collapse-top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.margin-right {
	margin-right: 12px !important;
}

.margin-left {
	margin-right: 12px !important;
}

/* images */

.promo img {
	float:left;
}

img { border:none; }

img.webcast-tagline {
	position: absolute;
	top: 44px;
	left: 573px;
}

img.pdf {
	margin:10px 0;
}

img.float-r {
	float:right;
    margin:0px 0 2px 15px;
}

img.float-l {
	float:left;
	margin:0px 15px 2px 0;
}

/* forms */

.expert form {
	float: right !important;
	margin: -15px 0 0 10px !important;
	width: 530px;
}

.expert form div {
	margin-bottom: 5px;
}

.expert form div.text {
	float: left;
	text-align: left;
}

.expert form div.text.two {
	float: right;
}

input.expert-text {
	width: 251px;
}

textarea.expert-textarea {
	height: 50px;
	margin: 0 0 5px 0;
	width: 526px;
}

label {
	color: #a4e2e3;
	display: block;
	font-size: 11px;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

label.inline {
	color: #fff;
	display: inline;
	font-size: 11px;
	text-transform: none;
	margin: 0
}

input.text {
	font-family: Helvetica, Arial;
	font-size: 11px;
	margin: 0 0 7px 0;
	width: 450px;
}

.newsletter-form input.text {
	width: 99%;
}

.newsletter-form .submit {
	float: right;
	margin: 7px;
}

textarea.text {
	font-family: Helvetica, Arial;
	font-size: 11px;
	height: 130px;
	margin: 0 0 7px 0;
	width: 450px;
}

div.submit {
	margin: 5px 0;
	text-align: center;
}

/****************** style additions **********************/

/*---- Header styling ---*/

.home-panel h3 {
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	line-height: 28px;
	margin: 0 0 17px 0;
}



/*********** = misc divs and classes = ***********/

div.home-panel {
	float: left;
	padding: 0;
	width: 935px;
}

div#home-composer {
	background: transparent url('/images/bg-home-composer.jpg') top right no-repeat;
	}
div#home-opticswap {
	background: transparent url('/images/bg-home-opticswap.jpg') top left no-repeat;
	}

div.home-panel #flash-composer {
	float: left;
	}
div.home-panel #flash-opticswap {
	float: right;
}

div.home-panel div.intro {
	float: left;
	padding: 30px 15px 0 20px;
	width: 250px;
}

div.home-panel div.intro p {
	color: #fff;
}

div.home-content {
	position: relative;
	height: 497px;
	margin-left: 10px;
	overflow: hidden;
	padding: 10px 0 0 0;
	width: 935px;
	z-index: 99;
}
	
div.home-viewport {
	left: 0;
	width: 1875px;
	position: absolute;
	left: 0;
	z-index: 99;
}

#home-btn-opticswap {
	background: transparent url('/images/btn-opticswap.png') 0 0 no-repeat;
	display: block;
	height: 25px;
	margin-top: 5px;
	overflow: hidden;
	text-indent: -9999px;
	width: 190px;
}
	
#home-btn-composer {
	background: transparent url('/images/btn-composer.png') 0 0 no-repeat;
	display: block;
	height: 25px;
	margin-top: 5px;
	overflow: hidden;
	text-indent: -9999px;
	width: 112px;
}
/* REPLACEMENT ACCESSORIES */
div#last-item {
  border-bottom:none;
}

div.more-acc-item {
  position:relative;
  margin:0 28px 7px;
  padding:0 0 7px 0;
  border-bottom:1px solid #CC4400;
}

div.more-acc-item div.acc-img {
  float:left;
}

div.more-acc-item div.acc-desc {
  width:670px;
  margin-left:110px;
}
div.more-acc-item div.acc-title {
  color:#CC4400;
  font-size:18px;
  letter-spacing:1px;
  padding:0 0 7px 0;
  text-transform:uppercase;
}
div.more-acc-item a.learn-more {
  color:#CC4400;
  margin-top:7px;
  display:inline-block;
  font-weight:bold;
}
div.more-acc-item div.acc-price {
  position:absolute;
  right:0;
  bottom:7px;
  text-align:center;
}
div.more-acc-item h2 {
  font-size: 15px;
}