﻿
#hero {
    clear:both;
    width:100%;    
}
#innerContentWrapper {
    clear:both;
    width:100%;    
}

/************************************************************** 
    SCROLLABLE NAV
 **************************************************************/

div.scrollable { /* makes it possible to add next button beside scrollable */
	float:left;	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width:902px;	
	height:98px;		
	/* custom decorations */
	padding:10px 0;	
	background:transparent url(../images/nav/scrollable_bg_sprite.gif) repeat-x top left;
	background-position:0px -118px; 
}

#prevPage, 
#nextPage {
	float:left;
	width:28px;
	height:118px;
	background:transparent url(../images/nav/scrollable_bg_sprite.gif) no-repeat;
	cursor:pointer;
}
    #nextPage {
	    background-position:-28px 0px;
    }
    #prevPage a, 
    #nextPage a {
	    float:left;
	    width:18px;
	    height:18px;
	    margin:50px 0px 0px 5px;
	    background:transparent url(../images/buttons/scrollable_sprite.gif) no-repeat;
    }
    #nextPage a {
	    clear:right;	
	    background-position:-18px 0px;
	    display:none; /*use if not enough items to scroll*/
    }
    #prevPage a:hover {
        background-position:0px -18px;
    } 
    #nextPage a:hover {
        background-position:-18px -18px;
    }
    #prevPage.disabled a,
    #nextPage.disabled a { /* disabled navigational button */
	    visibility:hidden !important;		
    }

div.navi { /* navigator */
	margin:0 auto;
	width:80px;
	height:20px;
	text-align:center;
}
    div.navi a { /* items inside navigator */
	    float:left;
	    width:8px;
	    height:8px;
	    margin:3px;
	    background:transparent url(../images/buttons/scrollable_sprite.gif) no-repeat top left;
	    background-position:-36px 0px;    
	    font-size:1px; /*needed*/
        display:none; /*use if not enough items to scroll*/
    }
    div.navi a:hover {
	    background-position:-36px -8px;      
    }
    div.navi a.active {
	    background-position:-36px -16px;     
    } 
    
div.scrollable div.items {	
	clear:both;		
	position:absolute; /*needed*/
	width:20000em; /* this cannot be too large */
	margin-left:5px;
}
    div.scrollable div.items div {
	    float:left; /*needed*/	
	    width:102px;
	    height:118px;
	    font-size:0.8em;
	    text-align:center;
	    margin-right:10px;	
    }
    div.scrollable div.items div a {
        position:relative;
        display:block;
        width:100%;
        padding-top:60px;
        font-weight:bold;
        text-align:center;
        color:#000;
        background-color:transparent;
        background-repeat:no-repeat;
        overflow:hidden;
        outline:none;
    }
    div.scrollable div.items div.active a,
    div.scrollable div.items div a:hover {
        background-position:-102px 0px;
    }
/************************************************************** 
    SIDE TABS
 **************************************************************/
div.sideTabsWrapper {
    clear:both;
    width:100%;
    padding:20px 0px;
}
    /* DO NOT REMOVE: BEGIN BACKGROUND FIX FOR FIREFOX */
    div.sideTabsWrapper:after {
        content:"."; 
        display:block; 
        height:0; 
        clear:both; 
        visibility:hidden;
    }
    /* Hides from IE-mac */
    * html div.sideTabsWrapper {height:1%;}
    /* END BACKGROUND FIX FOR FIREFOX */

    div.sideTabsWrapper div.sideTabs {
        float:left;
        width:240px;
        height:100%;
    }
        div.sideTabsWrapper div.sideTabs .sideTabsTop, 
        div.sideTabsWrapper div.sideTabs .sideTabsBottom {
            width:240px; 
            height:10px;
            background:transparent url(../images/boxes/simple_outline_sprite_240.gif) no-repeat;
        }
        div.sideTabsWrapper div.sideTabs .sideTabsTop {
            background-position:0px 0px;
        }
        div.sideTabsWrapper div.sideTabs .sideTabsBottom {
            background-position:0px -12px;
        }
    div.sideTabsWrapper div.sideTabs ul {
        list-style:none;
        width:238px;
        border-left:solid 1px #e5e5e5;
        border-right:solid 1px #e5e5e5;
        font-size:0.9em;
    }
    div.sideTabsWrapper div.sideTabs ul li {        
        border-top:solid 1px #e5e5e5;
    }
    div.sideTabsWrapper div.sideTabs ul li.first {
        border-top:none;
    }
    div.sideTabsWrapper div.sideTabs ul li a {
        display:block;
        width:200px;
        padding:10px 28px 10px 10px;
        color:#666;        
    }
    div.sideTabsWrapper div.sideTabs ul li a:hover,
    div.sideTabsWrapper div.sideTabs ul li.selected {
        background:transparent url(../images/tabs/sideTabs_bg.gif) repeat-x top left;
        text-decoration:none;  
    }
    div.sideTabsWrapper div.sideTabs ul li.selected a {
        background:transparent url(../images/tabs/sideTabs_arrow.gif) no-repeat top left;
        background-position:98% 50%;
        text-decoration:none;  
    }

div.panelsWrapper { /*wrapper div needed to fix weird ie6 duplicate text bug!*/
    float:left;
    width:700px;
    padding-left:20px;
}
div.sideTabsWrapper div.sideTabsPanel {
    float:left;
    width:100%;
    /*height:100%;
    margin-left:20px;*/
}
    div.sideTabsWrapper div.sideTabsPanel h2,
    div.sideTabsWrapper div.sideTabsPanel p {
        margin-bottom:20px;
    }
    div.sideTabsWrapper div.sideTabsPanel p {
        line-height:1.4em;
    }
    div.sideTabsWrapper div.sideTabsPanel h3 {
        margin-bottom:5px;
    }
    div.sideTabsWrapper div.sideTabsPanel ul {
        margin:0px 0px 20px 17px;
    }
    
#breadCrumb {
    color:#fff;
}

#CancerTBL{width:675px !important; border-collapse: collapse;}
#CancerTBL tr.Line td{border-bottom: 1px solid #eee; }

#CancerTBL td{ padding:5px 0px; margin:0px;}
#CancerTBL tr:first-child{ width:auto !important}
#CancerTBL h3{padding: 12px 0pt 3px; border-bottom: 1px solid #aaa;}

#CancerTblImg{ width: 400px; height:154px; background: url("/images/applications/cancer-table-img.jpg") no-repeat; position:relative; float:left}
#CancerTblImg *{ float:left}
	#CancerTblImg a{ position:relative; float:left; display:block; width:130px; padding-left:3px}
	#CancerTblImg a.prod{height:120px;}
	#CancerTblImg a.type{height:30px; }