/* $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{ 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; 

 background:url(../images/title-1.gif) left top no-repeat ;

 font: bold 14px Arial, Helvetica, sans-serif;

 float:left; height:33px;

 width:936px; 

 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;

  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;

 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 */