/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menus/mini-tabbed-pages.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#tabs {width:480px;text-align:center; margin:0;position:relative;z-index:100;font:normal 11px verdana, arial, sans-serif;}
#tabs ul {padding:0;margin:0;width:480px;list-style:none;position:relative;}
#tabs ul li.outer {text-align:left;float:left;display:inline;margin:0 2px 2px 0;padding:5px 0 0 5px;width:72px;height:40px;color:#fff;cursor:pointer;}

#tabs ul li.one {background:#fff url(images/icon/nav.jpg) no-repeat top left;}
#tabs ul li.two {background:#fff url(images/icon/nav.jpg) no-repeat top left;}
#tabs ul li.three {background:#fff url(images/icon/nav.jpg) no-repeat top left;}
#tabs ul li.four {background:#fff url(images/icon/nav.jpg) no-repeat top left;}
#tabs ul li.five {background:#fff url(images/icon/nav.jpg) no-repeat top left;}
#tabs ul li.six {background:#fff url(images/icon/nav.jpg) no-repeat top left;}

#tabs ul li div {display:none;}
#tabs ul li.click {padding-bottom:132px;border-bottom:1px solid #fff;color:#fff;margin-bottom:0;text-align:left}
#tabs ul li.click {color:#3399FF;background-position:0 -35px;height:60px;cursor:default;text-align:left}
#tabs ul li.click div {display:block;padding:0;position:absolute;left:0;top:30px;width:480px;text-align:left}
#tabs ul li.click div.tab1
{background:#fff url(images/icon/tab1.gif) no-repeat;width:480px; height:150px;text-align:left;vertical-align:top}
#tabs ul li.click div.tab2
{background:#fff url(images/icon/tab2.gif) no-repeat;width:480px; height:150px;text-align:left;vertical-align:top}
#tabs ul li.click div.tab3
{background:#fff url(images/icon/tab3.gif) no-repeat;width:480px; height:150px;text-align:left;vertical-align:top}
#tabs ul li.click div.tab4
{background:#fff url(images/icon/tab4.gif) no-repeat;width:480px; height:150px;text-align:left;vertical-align:top}
#tabs ul li.click div.tab5
{background:#fff url(images/icon/tab5.gif) no-repeat;width:480px; height:150px;text-align:left;vertical-align:top}
#tabs ul li.click div.tab6
{background:#fff url(images/icon/tab6.gif) no-repeat;width:480px; height:150px;text-align:left;vertical-align:top}


#tabs h5{ margin:0; padding:0; font-weight:normal}
.clear {clear:both;height:0;line-height:0;overflow:hidden;}