/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
*{ outline: none;}
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { 
}
.tabber div{ float:right;}
.tabberlive {
 width:950px; 
 
}
.tabberlive span{ font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; padding-left:52px; font-size:15px; font-weight:bold; line-height:33px; color:#FFFFFF;}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
.tabbertab p{ margin:0; padding:0;}
ul.tabbernav
{
 margin:0;
 padding: 0; font-family:Arial, Helvetica, sans-serif;
 background:url(../images/title-1.gif) left top no-repeat ;
 font: bold 13.4px Verdana, sans-serif;
 float:left; height:33px;
 width:935px; 
 padding-left:14px;
 clear:both;
}

ul.tabbernav li
{
 list-style: none;

 margin: 0; color:#FFFFFF;
 display: inline; height:33px; 
}

ul.tabbernav li a
{
 padding: 0 33px;
 margin-left: 1px;
  height:33px;
 background:url(images/deactive-tab.jpg) left top repeat-x;
 line-height:33px;
 display:block; float:left;
 color:#FFFFFF;
 text-decoration: none;
}
/*\*/
*html ul.tabbernav li a
{
padding: 0 26px;
 margin-left: 0px;
 height:33px;
 background:url(images/deactive-tab.jpg) left top repeat-x;
 line-height:33px;
 display:block; float:left;
 color:#FFFFFF;
 text-decoration: none;
}
/**/
/*\*/
*html ul.tabbernav li
{
list-style: none;
padding-left:1px;
margin: 0; color:#FFFFFF;
display: inline; height:33px; 
}
/**/

ul.tabbernav li a:hover
{
 color: #ffd9a6;
}

ul.tabbernav li.tabberactive a
{
 color: #921800;
 background:#fefdfd;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #0f384e;

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:20px; background:#ffffff ; /*margin-top:32px;*/
 border-top:0; min-height:200px; height:auto !important; height:200px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none; height:0; font-size:0px; line-height:0px; margin:0; padding:0;
}
.tabberlive .tabbertab h3 {
 display:none; height:0; font-size:0px; line-height:0px; margin:0; padding:0;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
/* height:204px;*/
 overflow:auto;
}

/* What's New Section Start */
.whatnew{ background:url(../images/what-new-bg.jpg) left bottom repeat-x; height:330px; overflow:hidden; padding:20px;}
.w-main-title{ text-align:center;}
.w-main-title h1{font-size:20px; font-weight:bold; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px !important;}
.what-new-list, .what-box, .w-main-title h1, .w-img, .w-img-big-img{ margin:0; padding:0;}
.what-new-list li{ width:269px; float:left; height:265px; margin:0; padding:0; margin-right:40px; background:url(../images/what-box.jpg) left 34px repeat-x; list-style:none;}
.what-box{ height:265px}
.w-bot{ text-align:center;}
.what-box dd{margin:0; padding:0; display:block;}
.w-top{ background:url(../images/what-new-title.jpg) left top no-repeat; line-height:34px; color:#FFFFFF; font-weight:bold; text-align:left; padding-left:10px !important; font-size:13px; position:relative;}
.w-mid{ height:198px; padding:10px !important;}
.w-top strong{ background:url(../images/what-new-title-right.jpg) right top no-repeat; height:34px; display:block;}
.w-img img, .w-img-big-img img{ border:#666666 solid 1px;}
.w-img{ padding:10px;}
.w-img li{ background:url(../images/w-photos-shodow.jpg) center bottom repeat-x; width:102px; float:left; height:87px; margin:0; padding:0; }
.w-img .odd, .w-img-big-img .odd{margin-right:20px;}
.mar-top{ margin-top:5px;}
.w-img-big-img{ padding:10px;}
.w-img-big-img li{ background:url(../images/w-photos-shodow.jpg) center bottom repeat-x; width:228px; float:left; height:171px; margin:0; padding:0; }
.w_tabcontent{font-size:12px; color:#777676; font-family:Verdana, Arial, Helvetica, sans-serif; }
.w_tabcontent .linklist td{ padding:0 0 13px;}
*html .w_tabcontent .linklist td{padding:0 0 10px;}
.w_tabcontent .linklist .nor a,.tabcontent .linklist .nor a:link,.tabcontent .linklist .nor a:visited{text-decoration:none; color:#08324f;}
.w_tabcontent .linklist .nor a:hover{text-decoration:none; color:#921800;}
.w_tabcontent .linklist .nor a:active{text-decoration:none; color:#08324f;}

.w_tabcontent .linklist .alt a,.tabcontent .linklist .alt a:link,.tabcontent .linklist .alt a:visited{text-decoration:none; color:#921800;}
.w_tabcontent .linklist .alt a:hover{text-decoration:none; color:#08324f;}
.w_tabcontent .linklist .alt a:active{text-decoration:none; color:#921800;}
/* What's New Section End */