.commodityList {
    clear:left;
    list-style:none;
    margin:0;
    padding:0;}
    
    .commodityList li {
        float:left;
        padding:5px;}
        
    .commodityList li a, .commodityList li span {
        display:block;
        width:80px;
        height:260px;
        background:green;}
        
        .commodityList a:hover {
            text-decoration:none !important;}
         
        .commodityList .potash {
            background:transparent url(/images/commodities/banner_potash.jpg) no-repeat bottom center;}
            
        .commodityList .diamonds {
            background:transparent url(/images/commodities/banner_diamond.jpg) no-repeat bottom center;}
            
        .commodityList .uranium {
            background:transparent url(/images/commodities/banner_uranium.jpg) no-repeat bottom center;}
            
        .commodityList .gold {
            background:transparent url(/images/commodities/banner_gold.jpg) no-repeat bottom center;}
            
        .commodityList .coal {
            background:transparent url(/images/commodities/banner_coal.jpg) no-repeat bottom center;}
        
        .commodityList .kaolin {
            background:transparent url(/images/commodities/banner_kaolin.jpg) no-repeat bottom center;}
            
        .commodityList .salt {
            background:transparent url(/images/commodities/banner_salt.jpg) no-repeat bottom center;}
            
        .commodityList .sodiumSulfate {
            background:transparent url(/images/commodities/banner_sodium_sulfate.jpg) no-repeat bottom center;}

        .commodityList .silicaSand {
            background:transparent url(/images/commodities/banner_silica_sand.jpg) no-repeat bottom center;}
            
        .commodityList .clay {
            background:transparent url(/images/commodities/banner_clay.jpg) no-repeat bottom center;}
            
        .commodityList .copperZinc {
            background:transparent url(/images/commodities/banner_copper_zinc.jpg) no-repeat bottom center;}
        
        

.commodityPageContentList .current {
    color:#fff;
    padding:0 5px;
    font-weight:bold;}
    

/* PRICES */

#center ul.commodityPriceList li {
    float:left;
    margin:0 2.5% 5% 2.5%;
    width:45%;
    display:inline;
    line-height:normal;}

#center .commodityPriceList li a.box {
    width:100%;
    display:block;
    margin:0;}

#center .commodityPriceList a.box span.top, #right div.commodityPrice div.top {
    float:left;
    height:15px;
    background-image:url(/images/commodity_price_box_top_left.png);}
    
    #right div.commodityPrice div.top {
        float:none;}
    
    #center .commodityPriceList a.box span.top span, #right div.commodityPrice div.top div {
        height:15px;
        background-image:url(/images/commodity_price_box_top_right.png);}
    
    #center .commodityPriceList a.box .boxContent, #right div.commodityPrice .boxContent {
        float:left;
        background:#fff;
        text-align:center;}
        
        #right div.commodityPrice .boxContent {
            float:none;}
        
        #center .commodityPriceList a.box .boxContent .innerPadding, #right div.commodityPrice .boxContent .innerPadding {
            padding:0;
            text-align:center;}
            
            #ie6 #center .commodityPriceList a.box .boxContent .innerPadding,
            #ie7 #center .commodityPriceList a.box .boxContent .innerPadding {
                float:none;}
                
#center .commodityPriceList a.box span.bottom, #right div.commodityPrice div.bottom {
    float:left;
    height:15px;
    background-image:url(/images/commodity_price_box_bottom_left.png);}
    
    #right div.commodityPrice div.bottom {
        float:none;}

    #center .commodityPriceList a.box span.bottom span, #right div.commodityPrice div.bottom div {
        height:15px;
        background-image:url(/images/commodity_price_box_bottom_right.png);}
    
    #right div.commodityPrice .boxContent a, #right div.commodityPrice .boxContent a:hover {
        border:none;
        padding:0;
        text-align:center;}
    
    #right div.commodityPrice .boxContent a:after {
        content: '';}