ul.haccordion {position: relative; overflow: hidden; margin: 0 0 0px 0; padding: 0; }
ul.haccordion li {border-left: 1px solid white; color:white; list-style: none; background: #555; cursor: pointer;}
ul.haccordion li:hover {}
ul.haccordion li div {background:-moz-linear-gradient(center bottom, #E8e8e8 0%, #F2F2F1 50%) repeat scroll 0 0 transparent;background:-webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(232,232,232)), color-stop(0.5, rgb(242,242,241)) );background-color:#F5F5F4; cursor: default;}
ul.haccordion li,ul.haccordion li div {position: absolute; top: 0;}
ul.haccordion li a {visibility: hidden}
ul.haccordion li div {background:-moz-linear-gradient(center bottom, #E8e8e8 0%, #F2F2F1 50%) repeat scroll 0 0 transparent;background:-webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(232,232,232)), color-stop(0.5, rgb(242,242,241)) );background-color:#F5F5F4; color: #000;}
ul.haccordion li div a {visibility: visible; text-decoration: none}
ul.haccordion li div p.text { color:#000; margin-left: 17px; margin-right: 17px; background: url(../tick.png) no-repeat 30px 0}
ul.haccordion li div p.text_coming_soon { color:#000; margin-left: 17px; margin-right: 17px; background: url(../text_coming_soon.gif) no-repeat 30px 0;}
ul.haccordion li div p.clock { color:#000; margin-left: 17px; margin-right: 17px; background: url(../clock.png) no-repeat 30px 0;}
ul.haccordion li div.1 {}
ul.haccordion li div a:hover {text-decoration: underline}
ul.haccordion li div div {position: relative; padding: 20px;}

    /* Styles for the homepage haccordion */
    #accordionContainer {background: #fff; width: 764px; margin-left:7px;}
    #accordionTop { background: transparent url(bckAccordionTop.gif) no-repeat;width: 780px; height: 20px;}
    #accordionBottom { background: transparent url(bckAccordionBottom.gif) no-repeat; width: 780px; height: 20px;margin-left:7px;}

    ul.haccordion p {margin: -10px 0; color: #f7f7f7; text-align:justify;}
    ul.haccordion li#handle_3 div div {margin: 70px 5px 0px 5px; color:#f7f7f7; background: black; opacity: .7; filter:alpha(opacity=70);}
    ul.haccordion li#handle_3 div div ul {width: 0px;}

    ul.haccordion p {margin: -10px 0; color: #f7f7f7; text-align:justify;}
    ul.haccordion li#handle_4 div div {margin: 0px 5px 0px 5px; background: black; opacity: .7; filter:alpha(opacity=70);}
    ul.haccordion li#handle_4 div div ul {width: 0px;}
	
	ul.haccordion li#handle_5 div {background: transparent url(rdss_application.jpg) no-repeat;}
	ul.haccordion p {margin: -10px 0; color: #f7f7f7; text-align:justify;}
    ul.haccordion li#handle_5 div div {margin: 276px 5px 0 5px; background: black; opacity: .7; filter:alpha(opacity=70);}
    ul.haccordion li#handle_5 div div ul {width: 0px;}

	li#handle_1 {background: #f7f7f7 url(features.gif) 0 0 no-repeat; }
    li#handle_2 {background: #f7f7f7 url(minerals.gif) 0 0 no-repeat; }
    li#handle_3 {background: #f7f7f7 url(pigments.gif) 0 0 no-repeat; }
    li#handle_4 {background: #f7f7f7 url(blog.gif) 0 0 no-repeat; }
    li#handle_5 {background: #f7f7f7 url(RDSS_application.gif) 0 0 no-repeat; }
    li#handle_6 {background: #f7f7f7 url(coming_soon.gif) 0 0 no-repeat; }
    
    ul.haccordion li#handle_1:hover,
    ul.haccordion li#handle_2:hover,
    ul.haccordion li#handle_3:hover,
    ul.haccordion li#handle_4:hover,
    ul.haccordion li#handle_5:hover,
    ul.haccordion li#handle_6:hover {background-position: 0px -346px}