/*All Content:	TRU VUE (c) 2008
/*Developed by R&BActive; Updated by FusionB2B
/* GENERAL ====================================================== */
/* ============================================================== */


*{padding:0; margin: 0; }
img{border:0;}

body{
  margin:0;
  text-align:center;
  background:url(http://www.tru-vue.com/build/sitebg.gif) top left repeat-x #689acf;
  font:62.5%/1.6 arial, helvetica, sans-serif; 
  }

p a, p a:visited{
  color:#406b86;
  text-decoration:none;
  } 

p a:hover{
  color:#406b86;
  text-decoration:underline;
  } 

a.plain, a.plain:visited{
  color:#406b86;
  text-decoration:none;
  } 

a.plain:hover{
  color:#406b86;
  text-decoration:underline;
} 

a.pdf, a.pdf:visited{
  color:#406b86;
  text-decoration:none;
  padding:10px 0 5px 20px;
  background:url(http://www.tru-vue.com/build/pdflink.png) 0 50% no-repeat;
  display: block;
}

a.pdf:hover{
color:#406b86;
  text-decoration:underline;
  padding:10px 0 5px 20px;
  background:url(http://www.tru-vue.com/build/pdflink.png) 0 50% no-repeat;
}


/* WRAPPER ====================================================== */
/* ============================================================== */
#container{
  margin:0 auto;
  width:820px;
  text-align:left;
  }
  
#widen{
  margin:0 auto;
  width:858px;
  text-align:center;
  background:#fff;
  border:1px solid #aab3bc;
  }

/* COLUMNAR ===================================================== */
/* ============================================================== */

.column{
  padding:0;
  display:inline;
  float:left;
  position:relative;
  }

.all{
  width:100%;
  overflow:hidden;
  clear:both;	
  }

.all2{
  width:100%;
  overflow:hidden;
  clear:both;	
  }

.border{
  margin:5px 0 0 0;
  border:1px solid #aab3bc;
  }

.topSingle{
  width:818px;
  background:url(http://www.tru-vue.com/build/top_gradient.gif) top left repeat-x;
  }

.baseSingle{
  width:818px;
  background:#fff; 
  }

.Double{
  width:818px;
  background:url(http://www.tru-vue.com/build/dual_body.gif) top left repeat-y;
  }

.topDouble{
  width:818px;
  background:url(http://www.tru-vue.com/build/dual_top_gradient.gif) top left no-repeat;
  }

.baseDouble{
  width:818px;
  background:url(http://www.tru-vue.com/build/dual_base_gradient.gif) bottom left no-repeat; 
  }

/* SINGLE WIDE ================================================== */
/* ============================================================== */

.all .col1{
  margin:0;
  padding:10px 25px;
  width:768px;
  }
.all .col1 p{
  color:#333333;
  font-size:1.1em;
  line-height:1.5em;
  margin:0 0 10px 0;
  }
  
.all .col1 h1{
  margin:0;
  color:#333333;
  font-size:1.8em;
  display:block;
  }

.all .col1 h2{
  margin:0;
  color:#333333;
  font-size:1.4em;
  display:block;
  }
  
.all .col1 h3{
  margin:0;
  color:#666666;
  font-size:1.3em;
  line-height:1em;
  display:block;
  }


/* DOUBLE WIDE ================================================== */
/* ============================================================== */

.all2 .col1{
  margin:0;
  padding:25px;
  width:220px;
  overflow:hidden;
  }


.all2 .col1 h1{
  margin:0;
  color:#fff;
  font-size:1.8em;
  display:block;
  }

.all2 .col1 h2{
  margin:0;
  color:#fff;
  font-size:1.4em;
  display:block;
  }
.all2 .col1 h3{
  margin:0;
  color:#fff;
  font-size:1.3em;
  display:block;
  }

.all2 .col1 p{
  color:#fff;
  font-size:1.1em;
  line-height:1.5em;
  margin:0 0 10px 0;
  }

.all2 .col2{
  margin:0;
  padding:15px 25px;
  width:498px;
  position: relative;
}

.all2 .col2 p{
  font-size:1.1em;
  line-height:1.5em;
  margin:0 0 10px 0;
  }

.all2 .col2 h1{
  margin:0;
  color:#666666;
  font-size:1.8em;
  display:block;
  }


.all2 .col2 h2{
  margin:0;
  color:#666666;
  font-size:1.4em;
  display:block;
  }

.all2 .col2 h3{
  margin:0;
  font-size:1.3em;
  line-height:1em;
  display:block;
  }

.all2 .col2 ul {
  margin: 10px 0 10px 20px;
}

.all2 .col2 ul li{
  color:#333333;
  font-size:1.1em;
  line-height:1.5em;
  list-style-position: outside;
  }

.all2 .col2 ul li img{
  border:0;
  }

.all2 .col2 .simple a{
  text-decoration:none;
  }

/* PRODUCT LINKS ================================================ */
/* ============================================================== */
  
.productLinks, .museum-nav {
  width:100%;
  margin:0;
  padding:0;
}
.productLinks ul, .museum-nav ul {
  padding:0;
  margin:0;
  list-style-type:none;
  border:solid #fff;
  border-width:1px 0 0 0;
}
.productLinks li, .museum-nav li {
  border:solid #fff;
  border-width:0 1px 1px 1px;
}
.productLinks a, .productLinks a:visited{
  display:block;
  font-size:1em;
  text-decoration:none;
  text-transform:uppercase;
  color:#fff;
  background:#007CC3;
  line-height:22px;
  padding:0 0 0 5px;
}
.productLinks a:active, .productLinks a:hover{
  background:#fff;
  color: #4b81d4;
}

.museum-nav img, .museum-nav ul {
  padding-bottom: 10px;
}
.museum-nav ul, .museum-nav li {
  border-color: #4b81d4;
}  
.museum-nav li a, .museum-nav li a:visited{
  display:block;
  font-size:1em;
  text-decoration:none;
  text-transform:uppercase;
  color:#036;
  background:#fff;
  line-height:22px;
  padding:0 0 0 5px;
}
.museum-nav li a:active, .museum-nav li a:hover{
  background:#036;
  color: #fff;
}	
.museum-nav a.lit, .museum-nav a.faq, .museum-nav a.sample, .museum-nav a.gallery {
  display: block;
  width: 179px;
  height: 24px;
  padding: 3px 0 0 44px;
  margin-top: 7px;
  background: transparent url(/build/museum_left_nav-links.gif) no-repeat;
  color: #fff;
  text-decoration: none;
}
.museum-nav a.faq {
  background-position: 0px -27px;
}
.museum-nav a.sample {
  background-position: 0px -54px;
}
.museum-nav a.gallery {
  background-position: 0px -81px;
}
.museum-nav .network {
  margin-top: 10px;
  color: #fff;
  text-align: center;
}
.museum-nav .network a {
  display: inline-block;
  height: 25px;
  background: transparent url(/build/museum_left_nav-network.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 3px;
  position: relative;
  top: 8px;
}
.museum-nav .network a.twitter {
  width: 22px;
}
.museum-nav .network a.facebook {
  width: 24px;
  background-position: -22px;
}
.museum-nav .network a.youtube {
  width: 24px;
  background-position: -46px;
}

/* PROFESSIONALS SUB NAV ======================================== */
/* ============================================================== */

/* ================================================================ 
Adapted CSS from Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
=================================================================== */


.menu{
  width:820px; 
  height:23px;
  margin:2px 0 0 0;
  font-size:0.9em; 
  position:relative; 
  z-index:100;
  }

/* hack to correct IE5.5 faulty box model */
* html .menu{
  width:820px; width:820px;
  }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul{
  padding:0;
  margin:0;
  list-style-type:none;
  }
  
.menu ul ul{
  width:135px;
  }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
  float:left;
  width:136px;
  position:relative;
  margin-right: 1px;
 }
 .menu li.glass {
  width: 135px;
 }
 .menu li.last {
  margin-right: 0;
 }
  
/* style the links for the top level */

.menu a, .menu a:visited {
  display:block;
  width:126px;
  _width:126px !important;
  height:22px; 	
  font-size:1.0em;
  text-decoration:none; 
  text-transform:uppercase;
  color:#fff; 
  background:#cd0c40; 
  padding-left:10px; 
  line-height:22px;
  }
.menu li.glass a, .menu li.glass a:visited {
  width:125px;
  _width: 125px !important;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited{
  width:125px; width:125px;
  }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited{
  background-color:#007cc3;
  }

/* style the second level hover */
.menu ul ul a.drop:hover{
  background-color:#007cc3 ;
  }

.menu ul ul :hover > a.drop {background-color:#007cc3;
  }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul{
  visibility:hidden;
  position:absolute;
  width:135px;	
  height:0;
  top:22px;
  left:-1px;
  border-top:1px solid #fff;
  }

/* another hack for IE5.5 */
* html .menu ul ul{
  top:22px;top:21px;
  }

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table{
  position:absolute;
  top:0;
  left:0;
  border-collapse:collapse;
  }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited{
  background-color:#007cc3;
  color:#fff;
  height:auto;
  line-height:1em;
  padding:5px 10px;
  width:116px !important;
  border-width:0 1px 1px 1px;
  border-color: #fff;
  border-style: solid;
 }

.menu ul ul a.uv, .menu ul ul a:visited.uv{
  background-color:#d3c992;
  color:#fff;
  height:auto;
  line-height:1em;
  padding:5px 10px;
  width:116px !important;
  border-width:0 1px 1px 1px;
  border-color: #fff;
  border-style: solid;
 }
  
.menu ul ul li.glass a, .menu ul ul li.glass a:visited{
  width:115px !important;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited{
  width:115px;width:115px;
  }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
  color:#fff;
  background:#4b81d4;
  }
  
.menu :hover > a, .menu ul ul :hover > a{
  color:#fff;
  background:#4b81d4;
  }

.menu :active> a, .menu ul ul :active> a{
  color:#fff;
  background:#4b81d4;
  }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul{
  visibility:visible;
  }

/* span class to style active links */

.menu a.activated{
background-color:#4b81d4;
}




/* HEADING ====================================================== */
/* ============================================================== */

#heading{
  width:100%;
  height:92px;
  background:url(http://www.tru-vue.com/build/truvue-logo.gif) bottom left no-repeat;
  display:block;
  }
  
#heading ul li {
  text-align:right;
  color:#007cc3;
  list-style-type:none;
  display:inline;
  font-size:1.1em;
}
#heading ul a, #heading ul a:visited{	
  color:#007cc3;
  font-weight:bold;
  text-decoration:none;
  }

#heading ul a:hover{
  color:#666;
  font-weight:bold;
  text-decoration:none;
  }
#heading #fname {
  width: 120px;
}

/* LOGIN TAB ==================================================== */
/* ============================================================== */

.logintable{
  margin:0;
  width:278px;
height:57px;
  background:#fff url(http://www.tru-vue.com/build/login_bg.gif) no-repeat right top;
  }

.logpad{
  color:#fff;
  font-weight:bold;
  padding:0;
  margin: 0;
  height: 8px;
  }
a.logpad, a.logpad:visited{
color:#fff;
  font-weight:bold;
text-decoration:none;
line-height:1.1em;
}
a.logpad:hover{
color:#333;
  font-weight:bold;
text-decoration:underline;
line-height:1.1em;
}
.searchbtn{
  margin:0;
  height: 15px;
  }	

form{
  margin:0;
  padding:0;
  font-family:tahoma,verdana,arial,helvetica,sans-serif;
  font-size:1.0em;
  }

.input{
  height:14px;
  width: 88px;
  margin: 0 5px 0 0;
  }

.password{
  height:14px;
  width: 88px;
  margin: 0 5px 0 0;
  }
    
/* 4 PANEL NAV ================================================== */
/* ============================================================== */

#nav {
  z-index: 200;
  clear: both;
  height: 42px;
}

#nav .btn {
  margin: 0;
  height: 42px;
}
#nav .btn a {
  display: block;
  height: 42px;
  background-repeat: no-repeat;
  background-position: top left;
  padding-right: 1px;
}

#nav .btn a:hover {
  background-position: bottom left;
}
#nav .btn .on {
  background-position: bottom left;
}

#nav .btn a.products {
  width: 136px;
  background-image: url(http://www.tru-vue.com/build/products_btn.gif);
}
#nav .btn a.framers {
  width: 135px;
  background-image: url(http://www.tru-vue.com/build/framers_btn.gif);
}
#nav .btn a.museum {
  width: 136px;
  background-image: url(http://www.tru-vue.com/build/museum_btn.gif);
}
#nav .btn a.applications {
  width: 136px;
  background-image: url(http://www.tru-vue.com/build/applications_btn.gif);
}
#nav .btn a.distributors {
  width: 136px;
  background-image: url(http://www.tru-vue.com/build/distributors_btn.gif);
}
#nav .btn a.consumers {
  width: 136px;
  padding-right: 0px;
  background-image: url(http://www.tru-vue.com/build/consumers_btn.gif);
}

#nav .btn .dropdown {
  position: relative;
  z-index: 200;
}
#nav .submenu {
  visibility: hidden;
  position: absolute;
  top: 42px;
  left: 0px;
  width: 139px;
  border-top: 1px solid #ffffff;
}
#nav #nav1 .submenu {
  /*height: 115px;*/
  height: 90px;
  background: transparent url(http://www.tru-vue.com/build/products-shadow_right.png) no-repeat top right;
}
#nav #nav3 .submenu {
  height: 90px;
  background: transparent url(http://www.tru-vue.com/build/museum-shadow_right.png) no-repeat top right;
}
#nav #nav1, #nav #nav3 {
  z-index: 200;
}
#nav .btn .dropdown:hover .submenu, #nav .dropdown a:hover .submenu {
  visibility: visible;
}

#nav .submenu div {
  width: 135px;
  height: 25px;
}
#nav .submenu #subcommercial, #nav .submenu #subexhibit {
  height: 40px;
}

#nav .submenu a {
  width: 135px;
  height: 25px;
  display: block;
  background-repeat: no-repeat;
  background-position: top left;
}
#nav .submenu a:hover {
  background-position: bottom left;
}

#nav .submenu #subframers a {
  background-image: url(http://www.tru-vue.com/build/products-framers.gif);
}
#nav .submenu #submuseum a {
  background-image: url(http://www.tru-vue.com/build/products-museum.gif);
}
#nav .submenu #subcommercial a {
  height: 40px;
  background-image: url(http://www.tru-vue.com/build/products-commercial.gif);
}
#nav .submenu #subdistro a {
  background-image: url(http://www.tru-vue.com/build/products-distributors.gif);
}

#nav .submenu #subconservators a {
  background-image: url(http://www.tru-vue.com/build/museum-conservators.gif);
}
#nav .submenu #subexhibit a {
  height: 40px;
  background-image: url(http://www.tru-vue.com/build/museum-exhibit_designers.gif);
}
#nav .submenu #subarchitects a {
  background-image: url(http://www.tru-vue.com/build/museum-architects.gif);
}

#nav .submenu #shadow {
  width: 140px;
  height: 4px;
  background: transparent url(http://www.tru-vue.com/build/products-shadow_bot.png) no-repeat top left;
}


#heading a.home {
  width: 212px;
  height: 43px;
  position: relative;
  top: 38px;
  left: 0px;
  display: block;
  background-image: url(http://www.tru-vue.com/build/home_btn.gif);
}

/* -------------------------- */
.all .btn1{
  margin:0;
  height:42px;
  width:205px;	
  }

.all .btn2{
  margin:0;
  height:42px;
  width:205px;
  }

.all .btn3{
  margin:0;
  height:42px;
  width:205px;
  }

.all .btn4{
  margin:0;
  height:42px;
  width:205px;
  }		

  

.all .btnlink a.about{
  margin:0;
  display:block;
  width:205px;
  height:42px;
  text-decoration:none;
  background:url(http://www.tru-vue.com/build/aboutus_btn.gif) no-repeat 0 0;
  }

.all .btnlink a:hover.about{
  background-position:0 -42px;
  }

.all .btnlink a.aboutOn{
  margin:0;
  display:block;
  width:205px;
  height:42px;
  text-decoration:none;
  background:url(http://www.tru-vue.com/build/aboutus_btn.gif) 0 -42px no-repeat;
  }

.all .btnlink a.pro{
  margin:0;
  display:block;	
  width:205px;
  height:42px;
  text-decoration:none;
  background:url(http://www.tru-vue.com/build/professionals_btn.gif) 0 0 no-repeat;
  }

.all .btnlink a.proOn{
  margin:0;
  display:block;	
  width:205px;
  height:42px;
  text-decoration:none;
  background:url(http://www.tru-vue.com/build/professionals_btn.gif) no-repeat;
background-position:0 -42px;
  }

.all .btnlink a:hover.pro{
  background-position:0 -42px;
  }

.all .btnlink a.house{
  margin:0;
  display:block;	
  width:205px;
  height:42px;
  text-decoration:none;
  background:url(http://www.tru-vue.com/build/yourhome_btn.gif) 0 0 no-repeat;
  }

.all .btnlink a.houseOn{
  margin:0;
  display:block;
  width:205px;
  height:42px;
  text-decoration:none;
  background:url(http://www.tru-vue.com/build/yourhome_btn.gif) 0 -42px no-repeat;
  }

.all .btnlink a:hover.house{
  background-position:0 -42px;
  }


.all .btnlink a.product{
  margin:0;
  display:block;	
  width:205px;
  height:42px;
  text-decoration:none;
  background:url(http://www.tru-vue.com/build/products_btn.gif) 0 0 no-repeat;
  }

.all .btnlink a.productOn{
  margin:0;
  display:block;
  width:205px;
  height:42px;
  text-decoration:none;
  background:url(http://www.tru-vue.com/build/products_btn.gif) 0 -42px no-repeat;
  }

.all .btnlink a:hover.product{
  background-position:0 -42px;
  }	
      

/* BASE BOXES =================================================== */
/* ============================================================== */

.all .coupon1{
  margin:5px 0 0 0;
  height:100px;
  width:404px;
  border:1px solid #aab3bc;
  }

.all .coupon2{
  margin:5px 0 0 8px;
  height:100px;
  width:404px;
  border:1px solid #aab3bc;	
  }

.all .couponlink{
  margin:0;
  text-decoration:none;
  }	

.all .couponlink a{
  margin:0;
  display:block;
  width:404px;
  height:100px;
  text-decoration:none;
  background:url(http://www.tru-vue.com/build/framepromo_bg.jpg) 0 0 no-repeat;
  }

.all .couponlink a:hover{
  background-position:0 -100px;
  }

.all .couponlink a.application{
  margin:0;
  display:block;	
  width:404px;
  height:100px;
  text-decoration:none;
  background:url(http://www.tru-vue.com/build/optiumpromo_bg.jpg) 0 0 no-repeat;
  }

.all .couponlink a:hover.application{
  background-position:0 -100px;
  }

.all .couponlink a.rebate{
  margin:0;
  display:block;	
  width:404px;
  height:100px;
  text-decoration:none;
  background:url(../build/framers_rebate.jpg) 0 0 no-repeat;
  }

.all .couponlink a:hover.rebate{
  background-position:0 -100px;
  }

.all .couponlink a.showtime{
  margin:0;
  display:block;	
  width:404px;
  height:100px;
  text-decoration:none;
  background:url(../build/showtimeeverytime.jpg) 0 0 no-repeat;
  }

.all .couponlink a.feedamerica{
  margin:0;
  display:block;	
  width:404px;
  height:100px;
  text-decoration:none;
  background:url(../build/MGFA_button.jpg) 0 0 no-repeat;
}
  
.all .cpn3-1, .all .cpn3-2, .all .cpn3-3 {
  border:1px solid #aab3bc;
  margin-top: 5px;
  background-repeat: no-repeat;
}
.all .cpn3-1, .all .cpn3-2 {
  width: 267px;
  height: 211px;
  margin-right: 6px;
  text-indent: -9999px;
  overflow: hidden;
}
.all .cpn3-3 {
  width: 237px;
  height: 191px;
  padding: 10px 15px;
  overflow: hidden;
}
.all .cpn3-3 sup {
  position: relative;
  top: 3px;
}
.all .cpn3-1 a, .all .cpn3-2 a {
  display: block;
  width: 100%;
  height: 100%;
}
.all .cpn3-1 a:hover, .all .cpn3-2 a:hover {
  background-position: left bottom;
}
.all .news h2 {
  font-size: 18px;
  color: #cd0c40;
}
.all .news div {
  margin-bottom: 10px;
}
.all .news span {
  line-height: 12px;
}
.all .news a.title {
  color: #007cc3;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  line-height: 13px;
  display: block;
}
.all .news a.read {
  color: #007cc3;
  text-decoration: none;
}


/* ALTERNATE BASE BOXES ========================================= */
/* ============================================================== */


.all .coupon11{
  margin:5px 0 0 0;
  height:100px;
  width:404px;
  border:1px solid #aab3bc;
  }



.all .coupon21{
  margin:5px 0 0 8px;
  height:100px;
  width:404px;
  border:1px solid #aab3bc;	
  }

.all .couponlink1{
  margin:0;
  text-decoration:none;
  }

.all .couponlink1 h4{
  font-size:1.6em;
font-family:arial,sans-serif;
line-height:1.2em;
padding:15px 15px 5px 15px;
text-align:left;
color:#fff;
}

.all .couponlink1 p{
  font-size:1.2em;
font-family:arial,sans-serif;
line-height:1.2em;
font-weight:bold;

text-align:left;
color:#000033;
}

.all .couponlink1 img{
float:left;
margin:0;
padding:6px 15px 6px 6px;
}


.all .couponlink1 a{
  margin:0;
  display:block;
  width:404px;
  height:100px;
  text-decoration:none;
  background:url(http://www.tru-vue.com/build/left-promo_bg.jpg) 0 0 no-repeat;
  }

.all .couponlink1 a:hover{
  background-position:0 -100px;
  }

.all .couponlink1 a.application{
  margin:0;
  display:block;	
  width:404px;
  height:100px;
  text-decoration:none;
  background:url(http://www.tru-vue.com/build/right-promo_bg.jpg) 0 0 no-repeat;
  }

.all .couponlink1 a:hover.application{
  background-position:0 -100px;
  }


/* FOOTER ======================================================= */
/* ============================================================== */

#foot{
  clear:both;
  margin:7px 0 0 0;
  padding:0 0 15px 0;
  width:100%;
  color:#333;
  background:url(http://www.tru-vue.com/build/footcap_bg.gif) top left repeat-x;
  text-align:center;
  }

.basepipe{
  margin:0;
  background:url(http://www.tru-vue.com/build/base_pipe.gif) top left repeat-x;
  height: 30px;
  display: block;
  }

#foot ul li{
  !text-align:right;	
  list-style-type: none;	
  display: inline;
  font-size: 9px;	
  }

#foot .copyright{
  padding:3px 0 0 0;
  font-size:0.9em;
  }

#foot a, #foot a:visited{	
  color:#4b81d4;
  text-decoration:none;
  }

#foot a:hover{
  color:#666;
  text-decoration:none;
  }

/* ===============================================================*/
/* sIFR styles====================================================*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
  visibility: visible;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible;
}

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

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1{visibility:hidden;clear:none;}
.sIFR-hasFlash .all2 .col1 h2{visibility: hidden;clear:none;}


/* ===============================================================*/
/* homepage styles====================================================*/
#home-intro {
  float: left;
  width: 195px;
  margin-right: 15px;
  margin-top: 10px;
  line-height: 1.3;
}
#home-intro h1 {
  height: 35px;
  font-size: 18px;
}
#home-intro p {
  margin-bottom: 10px;
}
#home-flash {
  float: left;
  width: 610px;
  margin-top: 5px;
}

/* ===============================================================*/
/* Museum styles====================================================*/
.imgBlocks {
  height: 190px;
  padding-top: 20px;
}
.imgBlocks a {
  display: block;
  float: left;
  width: 220px;
  height: 170px;
  border: 1px solid #AAB3BC;
  text-indent: -99999px;
  overflow: hidden;
  padding: 10px;
  background-repeat: no-repeat;
}
.imgBlocks a.grant {
  background-image: url(/build/museum_home-grant.jpg);
  margin-right: 14px;
}
.imgBlocks a.opt {
  background-image: url(/build/museum_home-opt_display.jpg);
}
.imgBlocks a.imggallery {
  background-image: url(/build/museum_home-imggallery.png);
  _font-size: 0;
}
.imgBlocks a.imggallery:hover {
  background-position: 0 -190px;
}

.opt-fab {
  text-align: right;
}
div.museum-col1, div.museum-col2 {
  float: left;
  width: 240px;
  margin-top: 30px;
}
div.museum-col1 {
  margin-right: 14px;
}
div.museum-col1 img, div.museum-col2 img {
  position: relative;
  left: -3px;
}
div.museum-col1 div {
  text-align: center;
}
div.museum-col1 a, div.museum-col2 a, div.museum-col2 p a, .opt-fab a {
  color: #007cc3;
  text-decoration: none;
}
div.museum-col1 a:hover, div.museum-col2 a:hover, div.museum-col2 p a:hover, .opt-fab a:hover {
  color: #666;
  text-decoration: none;
}
div.museum-col2 ul{
  margin:10px 0 10px 20px;
}

/* ===============================================================*/
/* Product styles====================================================*/
div.prod-col1, div.prod-col2 {
  float: left;
  width: 240px;
  margin: 30px 0 10px;
} 
div.prod-col1 {
  margin-right: 14px;
}
div.prod-col1 img.head, div.prod-col2 img.head {
  position: relative;
  left: -3px;
  margin-bottom: 7px;
}
div.product a {
  color: #036;
  text-decoration: underline;
}
div#comingSoon {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent url(/build/OMDAComingSoon.png) no-repeat 0 0;
  width: 110px;
  height: 78px;
}

/* ===============================================================*/
/* Order Samples styles====================================================*/
td.samples h3 {
  color: #036;
  margin: 15px 0 7px !important;
}
ul.sample-list {
  list-style-type:none;
  margin: 0;
}
ul.sample-list li {
  margin: 6px 0;
}
ul.sample-list input {
  position: relative;
  top: 3px;
}

/* ===============================================================*/
/* Gallery styles====================================================*/
#image-gallery .all2 .col2 {
  padding: 15px 20px 15px 25px;
  width: 503px;
}
#imageGallery div.catName {
  background: transparent url(/build/image-gallery-header.gif) no-repeat 0 0;
  width: 492px;
  height: 26px;
  margin-bottom: 10px;
  padding: 3px 0 0 10px;
  position: relative;
  left: -5px;
  top: 0;
}
#imageGallery h3 {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
}
#imageGallery .category {
  margin-bottom: 32px;
}
#imageGallery .image {
  position: relative;
  display: inline-block;
  margin: 0 8px 8px 0;
}
#imageGallery .caption {
  display: none;
  position: absolute;
  top: 72px;
  width: 180px;
  padding: 10px;
  background-color: #fff;
  z-index: 100;
  box-shadow: 0 0 3px #555;
  -moz-box-shadow: 0 0 3px #555;
  -webkit-box-shadow: 0 0 3px #555;
}
  
/* ===============================================================*/
/* LightBox   ====================================================*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 350; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox img#imageBlock { position: absolute; top: 0; left: 0; z-index: 500; width: 100%; height: 100%; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 0; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
/*#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }*/
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ float: left; display: block; width: 63px; height: 32px; }
#prevLink { background: url(/build/prevlabel.gif) no-repeat; }
#nextLink { background: url(/build/nextlabel.gif) no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding: 0.7em 0; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 300; width: 100%; height: 500px; background-color: #000; }