/* -------------------------------------------------------------- 
  
  Tiger Optics CSS

  -----------------------------
  Background:           #ffffff
  Text:                 #000000
  Links:                #000000
  Hover:                #ff8700

  Orange:               #ff8700
  Light Orange:         #fbbb75
  -----------------------------
  
  
     
-------------------------------------------------------------- */



/* Import other css files
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";
@import "plugins/buttons/buttons.css";



/* Site structure elements
-------------------------------------------------------------- */

#wrapper,
#footer         { width: 900px; padding: 0 25px; margin: 0 auto; background: #fff url('images/bg-body.jpg') top left repeat-y; }
#wrapper:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#logo           { background: #fff url('images/top-logo900.jpg') top left no-repeat; float: left; width: 474px; height: 72px; }
#logo h1        { text-indent: -9999px; line-height: 0; margin: 0; }
#logo h1 a      { display: block; width: 474px; height: 72px; }
#search         { margin: 10px 0 0 0; float: right; border: 1px solid #ccc; padding: 5px; display: inline; }



#header         { width: 870px; margin: 0 auto; }
#navcontainer   { width: 870px;  margin: 15px 0 0 15px; background: #87bdd9; text-align: center; float: left; }
#navcontainer:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#header:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer         { background: #90999e url('images/bg-footer.jpg') bottom left no-repeat; height: 35px; }
#mural          { width: 870px; height: 150px; /*background: url('images/mural.jpg') top left no-repeat;*/ margin: 15px 0 15px 15px; float: left; display: inline; }



/* Global top navigation
-------------------------------------------------------------- */

ul#navigation {
  margin: 0 0 0 38px;
  text-align: center;
  background: #87bdd9;
  list-style: none;
  padding: 0;
  float: left;
}

ul#navigation li {
  margin: 0;
  padding: 0;
  float: left;
}

ul#navigation li a {
  float: left;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  background: #87bdd9;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 10px;
  margin: 0;
  font-size: 12px;
  border-right: 1px solid #fff;
}

ul#navigation li.first a {
  border-left: 1px solid #fff;
}

ul#navigation li a:hover {
  background: #4c4c4c;
}

ul#navigation li.active a {
  color: #414141;
}







/* Applications, Industries, Products lists
-------------------------------------------------------------- */

.lists {
  padding: 0 0 0 15px;
  float: left;
}

.lists h4 {
  background: #ff8700;
  padding: 2px 4px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

ul.third {
  list-style-type: none;
  float: left;
  width: 280px;
  margin: 0;
}

ul.sixth {
  list-style-type: none;
  float: left;
  margin: 0;
}

ul.third li, ul.sixth li {
  background: #ddd;
  margin: 0 0 4px 0;
  padding: 0;
}

ul.push li {
  width: 134px;
  margin-right: 2px;
}

ul.pull li {
  width: 134px;
  margin-left: 2px;
}

ul.third li a, ul.sixth li a {
  padding: 2px 4px;
  background: #ccc;
  display: block;
  color: #000;
}

ul.third li a {
  width: 272px;
}

ul.third li a.alt, ul.sixth li a.alt {
  background: #e9e9e9;
}

ul.third li a:hover, ul.sixth li a:hover {
  background: #fbbb75;
  color: #000;
  text-decoration: none;
}

hr.divider {
  background: #646464;
  color: #646464;
  margin: 13px 0 15px 0;
  float: left;
  height: 1px;
}

/* Homepage columns
-------------------------------------------------------------- */

.column,#tiger_product_nav,#tiger_product_view {
  width: 280px;
  padding: 0 0 0 15px;
  float: left;
}

.narrow,#tiger_product_nav {
  width: 200px;
}

.wide,#tiger_product_view {
  width: 630px;
  margin: 0 0 0 25px;
}



/* Rounded boxes
-------------------------------------------------------------- */

.section    { width: 280px; margin-bottom: 20px; }
.section h3 { line-height: 0.25em; }

.section .header .corner,
.section .footer .corner {
  font-size: 1px;
  height: 6px;
}

/* define background images */

.section .header          { background: transparent url('images/top_left.jpg') top left no-repeat; }
.section .header .corner  { background: transparent url('images/top_right.jpg') top right no-repeat; }

.section .body            { background: transparent url('images/middle_left.jpg') top left repeat-y; }
.section .body .corner    { background: transparent url('images/middle_right.jpg') top right repeat-y; }

.section .body .corner .content { /* this is where the content of the rounded box goes */
  background: #fff url('images/middle_content.jpg') bottom left repeat-x;
  margin: 0px 1px;
  padding: 10px;
}

.section .body .corner .productlist { /* this is where the content of the rounded box goes for the product page lists */
  background: #fff url('images/middle_content.jpg') bottom left repeat-x;
  margin: 0px 1px;
  padding: 1px;
}

.section .footer          { background: transparent url('images/bottom_left.jpg') top left no-repeat; }
.section .footer .corner  { background: transparent url('images/bottom_right.jpg') top right no-repeat; }



/* Inside Rounded boxes
-------------------------------------------------------------- */

.productbox    { width: 200px; margin-bottom: 10px; }
.productbox h3 { line-height: 0.25em; }

.productbox .header .corner,
.productbox .footer .corner {
  font-size: 1px;
  height: 6px;
}

/* define background images */

.productbox .header          { background: transparent url('images/productbox-top_left.jpg') top left no-repeat; }
.productbox .header .corner  { background: transparent url('images/productbox-top_right.jpg') top right no-repeat; }

.productbox .body            { background: transparent url('images/productbox-middle_left.jpg') top left repeat-y; }
.productbox .body .corner    { background: transparent url('images/productbox-middle_right.jpg') top right repeat-y; }

.productbox .body .corner .content { /* this is where the content of the rounded box goes */
  background: #f4f4f4 url('images/productbox-middle_content.jpg') bottom left repeat-x;
  margin: 0px 1px;
  padding: 0px;
}

.productbox .body .corner .padding {
  padding: 10px;
}

.padding a {
  text-decoration: underline;
}

.productbox .footer          { background: transparent url('images/productbox-bottom_left.jpg') top left no-repeat; }
.productbox .footer .corner  { background: transparent url('images/productbox-bottom_right.jpg') top right no-repeat; }



/* News, Awards lists with orange tick
-------------------------------------------------------------- */

ul.list {
  margin-bottom: 0;
}

ul.list li {
  list-style-image: url('images/plus.gif');
  font-weight: normal;
  margin-top: 1.25em;
}



ul.tick {
  margin-bottom: 0;
}

ul.tick li {
  list-style-type: none;
  list-style-image: url('images/tick.gif');
  margin-top: 1.25em;
}

a.static {
  background: #dfdfdf url('images/tick.gif') 4px 8px no-repeat;
  display: block;
	padding: 5px 0 5px 16px;
	margin-top: 5px;
	text-transform: uppercase;
}

a.products_close {
  background: #ff8700 url('images/orange_plus.gif') 5px 5px no-repeat;
  display: block;
	padding: 5px 0 5px 30px;
	color: #fff;
	text-transform: uppercase;
}

/* Products lists with orange background
-------------------------------------------------------------- */

dl.products {
  margin-bottom: 0;
}

dl.products dt {
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-size: 1.2em; line-height: 1; margin-bottom: 1.25em;
  font-weight: bold;
	color: #fff;
  margin-top: 0;
  margin-bottom: 5px;
}



dl.products dt a.products, a.products_close {
  background: #ff8700 url('images/orange_plus.gif') 5px 5px no-repeat;
  display: block;
	padding: 5px 0 5px 30px;
	color: #fff;
	text-transform: uppercase;
}
dl.products dt a.products_close {
  background: #ff8700 url('images/orange_minus.gif') 5px 5px no-repeat;
}

/*dl.products dd { margin: 5px 0 0 0; display: none; padding: 0 16px; }*/

ul.producttick {
  margin: 0 0 10px 0;
}

ul.producttick li {
  list-style-type: none;
  list-style-image: url('images/tick.gif');
  margin-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}

/* old color #8DD6AA*/
ul.producttick li a span.category_green {
    color:  #02c765;
}

/* Individual product page
-------------------------------------------------------------- */



.productTitle {
  margin-bottom: 0.5em;
}

.description {
  color: #666;
}

.caps {
  /*text-transform: uppercase;*/
}

ul.productTabs {
  float: left;
  margin: 0;
  list-style: none;
  margin-bottom: -1px;
}

ul.productTabs li {
  float: left;
  padding: 0 1px 0 0;
}

ul.productTabs li a {
  padding: 5px 8px;
  text-align: left;
  display: block;
  background: #ddd;
  color: #666;
  text-decoration: none;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

ul.productTabs li a:hover {
  background: #efefef;
}

.productDetails {
  clear: both;
  background: #fff;
  color: #666;
  border: 1px solid #ddd;
  padding: 15px;
}

ul.productTabs li.active a {
  background: #fff url('images/bg-tabs.jpg') top left repeat-x;
  color: #333;
}

.noLink {
  
}



/* Specs tables
-------------------------------------------------------------- */

.column1 {
  width: 35%;
}

.column2 {
  width: 65%;
}



#copyright {
  text-align: center;
  margin: .5em 0;
}

.pics {  
  height:  100px;  
  width:   900px;  
  padding: 0;  
  margin:  0;  
} 

.pics img {  
  width:  900px; 
  height: 100px; 
  top:  0; 
  left: 0 
}



/* Matrices tables
-------------------------------------------------------------- */



table.matrices * {
  border: 0;
}

table.matrices th, td {
  padding: 5px;
}

table.matrices tr.matricesHead th {
  border-top: 5px solid #000;
  background: #999;
}
table.matrices tr.matricesHead th.alt {
  background: #ddd;
}

table.matrices tr.alt td {
  background: #f1f1f1;
}

table.matrices tr.alt td.alt {
  background: #ddd;
}

table.matrices tr.alt th {
  background: #ddd;
}

table.matrices tr th {
  background: #999;
}

table.matrices td {
  background: #f59f65;
}

table.matrices td.alt {
  background: #f2873e;
}

/*Scrolling News in Header
---------------------------------------------------------------- */

#locator { position:relative; visibility:show; left: 0px; top: 0px; z-index:2 }