﻿body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
body {
	background-color: #CCCCCC;
}
a:link {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CC6600;
}
a:hover {
	text-decoration: underline;
	color: #CC6600;
}
a:active {
	text-decoration: none;
	color: #CC6600;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, Times New Roman, Times, serif;
}
h1 {
	font-size: 14px;
	color: #CC6633;
}
h2 {
	font-size: 12px;
	color: #CC6633;
}

h3 {
	font-size: 12px;
	color: #000;
}

 .top {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
}

.product {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}
	
.press {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CC6633;
	font-weight:bold;
	}
	
.subheader {
	font:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color:#666666;
	}
	
.font20 {
	font-size:24px;
	}

 /*	zdvContainer = The Master Outer Page Container */
#dvContainer {
    margin:0px auto;
    margin-bottom: 10px;
    text-align: left;
    width: 900px;
    background-color:#ffffff;
	}
 

/* header nav menu */
#dvMainMenu {
  vertical-align:middle;
  float:left; 
  width:900px; 
  border:none; 
  background: url(images/bg_nav.jpg) repeat-x; 
  color: #663300;
  font-size:12px;   
}
#dvMainMenu ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
}
#dvMainMenu ul li {
  float:left; 
  position:relative;
  z-index:250; 
  border-right:solid 1px #cccccc;
}
#dvMainMenu ul li ul {
  display:none; 
  border:none;
}
#dvMainMenu ul li a {
  float:left; 
  display:block; 
  height:20px;
  line-height:20px; 
  padding:0 16px 0 16px; 
  text-decoration:none; 
  color: #ffffff;
  font-weight:900;
}
#dvMainMenu ul li a:hover {
  float:left; 
  display:block; 
  height:20px;
  line-height:20px; 
  padding:0 16px 0 16px; 
  text-decoration:none; 
  color: #333333;
  font-weight:900;
}
#dvMainMenu ul li:hover {
  width:auto;
}
#dvMainMenu table {
  position:absolute; 
  z-index:200; 
  top:0; 
  left:0; 
  border-collapse:collapse;
}
  /*Non-IE6*/
#dvMainMenu ul li:hover a {
  background-color:transparent; 
  text-decoration:none;
} 
#dvMainMenu ul li:hover ul {
  display:block; 
  position:absolute; 
  z-index:248; 
  top:20px; 
  left:0;
}
#dvMainMenu ul li:hover ul li ul {
  display: none;
}
#dvMainMenu ul li:hover ul li a {
  display:block; 
  width:10em; 
  height:20px;
  line-height:20px;
  margin-left:-1px; 
  border-left:solid 1px #BEBEBE; 
  border-bottom: solid 1px #BEBEBE; 
  background-color:#ffffff; 
  font-weight:normal; 
  font-size:11px;
  color:#333333;
} 
#dvMainMenu ul li:hover ul li a:hover {
  background-color:#cccccc; 
  text-decoration:none;
} 

  /*IE6*/

#dvMainMenu ul li a:hover {
  background-color:transparent; 
  text-decoration:none;
}
#dvMainMenu ul li a:hover ul {
  display:block; 
  position:absolute;
  z-index:247;   
  left:0; 
  top:2.3em;
  margin-top: -4px;
}
#dvMainMenu ul li a:hover ul li a {
  display:block; 
  width:10em; 
  height:1px; 
  line-height:20px; 
  border-left:solid 1px #BEBEBE; 
  border-bottom: solid 1px #BEBEBE; 
  background-color:#fff; 
  font-weight:normal; 
  color:#333333;
} 
#dvMainMenu ul li a:hover ul li a ul {
  visibility:hidden; 
  height:0px; 
  width:0px; 
  position:absolute; 
  z-index: 247;
}
#dvMainMenu ul li a:hover ul li a:hover {
  background-color:#cccccc; 
  text-decoration:none;
}
/* left nav */  
#dvLeftContent{
  float:left;
	width:160px;
	padding-top:15px;
  }
		
#dvLeftContent h1{
	margin: 12px 15px 0 15px; padding-bottom: 6px;
	border-bottom: 1px solid #E7D4A7;
	font-size: 15px; color: #E7D4A7;
	}
#dvLeftContent h2{
	margin: 0; padding: 10px 15px 0 15px;
	font-size: 11px; color: #ABAAAB;
	}
#dvLeftContent h3{
	margin: 0;
	font-weight: normal; font-size: 11px;
}

#dvLeftContent ul{margin: 0; padding: 0 15px 6px 16px;}
#dvLeftContent li{
	line-height: 85%;
	margin: 0; padding: 0;
	list-style: none;
	padding-top: 9px;
	padding-left: 9px;
	}
	
#dvLeftContent .current{background: url(images/curr_sel.gif) no-repeat left 10px;}
#dvLeftContent .current a{color: #BA8F49; font-weight: bold;}
  
/* */
/* jquery styles */
/* tables */
table.tablesorter {
	font-family: Verdana;
	background-color: #CDCDCD;
	margin: 5px 0px 10px 0px;
	font-size: 8pt;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #FFE7E7;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(images/tables/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	font-family: Verdana;
	font-size: 8pt;
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#FBF6F4;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/tables/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/tables/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color : #F5866C;
}
div.pager 
{
	border-top: solid 1px #735357;
}
div.pager img.pageFirst {
	cursor: pointer;
}
div.pager img.pagePrev {
	cursor: pointer;
}
div.pager img.pageNext {
	cursor: pointer;
}
div.pager img.pageLast {
	cursor: pointer;
}
div.pager .pagedisplay {
	border: 0px;
	border-style: none;
	color: #735537;
	text-align: center;
}

/*tabs */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Arial, Helvetica, Verdana;
    font-size: 11px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(images/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color:#333333;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}




.dark { color: #333333;}
.b { font-weight: bold; }
.font12 { font-size: 12px;}