/* Claymore Commodities Stylesheet
   Updated: Tues 10.20.09 @ 3:12pm
   Author: Chris Weed (cweed@claymore.com)
   --------------------------------------------------------------*/

/*COLORS
    ETF Links:                      #EF7321
    ETF Background:                 #FEECD8
    Literature Tables Background:   #EDEDEE
    ETF Secondary Nav Menu          #ADD69D
*/
/* ETF COLORS
-------------------------------------------------------------------------------------------*/
#content {
    background:                     #FFF url(/common/images/commodities-product-background.gif) repeat-y left top;
    margin:                         0;    
    border:                         0;
    border-bottom:                  5px solid #FEECD8;
}
#contentContainer,
#subNavigation,
.productSubNavigation,
#contentContainer #content #productList,
#product #profile {
	background-color:				#FEECD8;
}
#product #profile {
	border:							5px solid #FEECD8;
}
#content h1,
h3,
a,
#quickNews ul li a:hover,
#productList table tr.assetClass {
	color:							#EF7321;
}
#productList table tr.assetClass {
	background-color:				#EF7321;
}
	.etf a:hover {
		color:							#333333;
	}
/* etf sub navigation colors */
	.etf #subNavigation ul {
		background-color:				#ADD69D;
	}
/* ETF SUPERFISH STYLES
------------------------------------------------------------------------------------------*/
#mainMenu ul li a[href$='etf-home'] { font-size: 20px !important; font-weight: 400; padding: 9px 5px 0 5px; }
#mainMenu ul li ul a[href$='etf-home'] { font-size: 11px !important; font-weight: normal !important; padding: 0.75em 1em !important; }

/*--- Hovers for sprited images on splashpage ---*/
.commoditiesSplashPageContent {	margin: 5px 0 5px 5px; padding-bottom: 45px; position: relative; height: 318px; }
    .commoditiesSplashPageContent img {	border: 0; }
    .commoditiesSplashPageContent ul { height: 318px; list-style-type: none; list-style-position: outside; margin: 0; padding: 20px 0 20px 10px; overflow: hidden; }
    .commoditiesSplashPageContent li { float: left; position: relative; height: 318px; margin: 5px; overflow: hidden; }
        .commoditiesSplashPageContent a img { margin-top: -318px; }
            .commoditiesSplashPageContent a:hover img {	float: left; margin-top: 0px; }

/*  SELECTED TAB STYLE - FOR THE PRODUCT NAVIGATION
    ---------------------------------------------------------------------*/

#productNavigation li.commodities  { width: 31.5%; margin-top: 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 	5px; -webkit-border-top-right-radius: 5px; }
	#productNavigation li.commodities p { padding: 8px 11px; font-size: 18px; color: #FFF; }