/** ********************************
 * file:       pro-tab.css
 * author:     Shirley Ling
 * created:    17 nov 2009
 *
 * edit history:
 *
 *
 */

.producttab { font: bold 11px Arial; padding:0; width:100%; background: transparent; z-index:1; vertical-align:sub; }
.producttab a { float:left; color: #424242; background: #D8D8D8 url(../gfx/white/dd/color_tabs_left.gif) no-repeat left top; margin:0 2px 0 0; padding:0 0 1px 3px; text-decoration:none; text-align:center; }
.producttab a span { float:none; height:26px; display:block; background: transparent url(../gfx/white/dd/color_tabs_right.gif) no-repeat right top; padding: 4px 6px 3px 5px; }
.producttab a:hover{ background-color: #E0ECF8; color:#F78F1E; }
.producttab a:hover span{ background-color: #E0ECF8; color:#F78F1E; }
.producttab a.current, #ddcolortabs a.current span{ /*currently selected tab*/ background-color: #E0ECF8; }
.producttabline { clear: both; padding: 0; margin-top:2px; width: 98%; height: 12px; line-height: 8px; border-top: 1px dotted #848484; /*Remove this to remove border between bar and tabs*/ }
.producttabcontainer{ clear: left; width:95%; /*width of 2nd level sub menus*/ height:2.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/ }
.producttabcontent {position: absolute; left: 30; top:325; }
.producttabcontent input { font:normal 11px Arial; }