/* #feedsection #feeditems > * */
#feedsection #feeditems .unselected, #feedsection #feeditems .selected
 { display: block; text-decoration: none; border: none; cursor: pointer; position: relative; width: 300px; background-color: transparent; z-index: 0; }
/* #feedsection #feeditems > * > * */
#feedsection #feeditems .unselected .left, #feedsection #feeditems .unselected .right, #feedsection #feeditems .unselected .centre,
#feedsection #feeditems .selected .left, #feedsection #feeditems .selected .right, #feedsection #feeditems .selected .centre
 { display: block; position: absolute; top: 0; z-index: 0; }
/* #feedsection #feeditems > * > * > * */
#feedsection #feeditems .unselected .left .top, #feedsection #feeditems .unselected .left .middle, #feedsection #feeditems .unselected .left .bottom,
#feedsection #feeditems .unselected .right .top, #feedsection #feeditems .unselected .right .middle, #feedsection #feeditems .unselected .right .bottom,
#feedsection #feeditems .unselected .centre .top, #feedsection #feeditems .unselected .centre .middle, #feedsection #feeditems .unselected .centre .bottom,
#feedsection #feeditems .selected .left .top, #feedsection #feeditems .selected .left .middle, #feedsection #feeditems .selected .left .bottom,
#feedsection #feeditems .selected .right .top, #feedsection #feeditems .selected .right .middle, #feedsection #feeditems .selected .right .bottom,
#feedsection #feeditems .selected .centre .top, #feedsection #feeditems .selected .centre .middle, #feedsection #feeditems .selected .centre .bottom
 { display: block; position: absolute; left: 0; z-index: 0; }

/* #feedsection #feeditems .unselected:hover > * */
#feedsection #feeditems .unselected:hover .left, #feedsection #feeditems .unselected:hover .right, #feedsection #feeditems .unselected:hover .centre,
#feedsection #feeditems .selected .left, #feedsection #feeditems .selected .right, #feedsection #feeditems .selected .centre
 { height: 73px; }
/* #feedsection #feeditems .unselected:hover > * > .top */
#feedsection #feeditems .unselected:hover .left .top, #feedsection #feeditems .unselected:hover .right .top, #feedsection #feeditems .unselected:hover .centre .top,
#feedsection #feeditems .selected .left .top, #feedsection #feeditems .selected .right .top, #feedsection #feeditems .selected .centre .top
 { display: block; top: 0; height: 14px; }
/* #feedsection #feeditems .unselected:hover > * > .middle */
#feedsection #feeditems .unselected:hover .left .middle, #feedsection #feeditems .unselected:hover .right .middle, #feedsection #feeditems .unselected:hover .centre .middle,
#feedsection #feeditems .selected .left .middle, #feedsection #feeditems .selected .right .middle, #feedsection #feeditems .selected .centre .middle
 { top: 14px; height: 45px; }
/* #feedsection #feeditems .unselected:hover > * > .bottom */
#feedsection #feeditems .unselected:hover .left .bottom, #feedsection #feeditems .unselected:hover .right .bottom, #feedsection #feeditems .unselected:hover .centre .bottom,
#feedsection #feeditems .selected .left .bottom, #feedsection #feeditems .selected .right .bottom, #feedsection #feeditems .selected .centre .bottom
 { display: block; top: 59px; height: 14px; }
/* #feedsection #feeditems .unselected:hover .left > * */
#feedsection #feeditems .unselected:hover .left .top, #feedsection #feeditems .unselected:hover .left .middle, #feedsection #feeditems .unselected:hover .left .bottom,
#feedsection #feeditems .selected .left .top, #feedsection #feeditems .selected .left .middle, #feedsection #feeditems .selected .left .bottom
 { width: 14px; }
/* #feedsection #feeditems .unselected:hover .right > * */
#feedsection #feeditems .unselected:hover .right .top, #feedsection #feeditems .unselected:hover .right .middle, #feedsection #feeditems .unselected:hover .right .bottom,
#feedsection #feeditems .selected .right .top, #feedsection #feeditems .selected .right .middle, #feedsection #feeditems .selected .right .bottom 
 { width: 14px; }
/* #feedsection #feeditems .unselected:hover .centre > * */
#feedsection #feeditems .unselected:hover .centre .top, #feedsection #feeditems .unselected:hover .centre .middle, #feedsection #feeditems .unselected:hover .centre .bottom,
#feedsection #feeditems .selected .centre .top, #feedsection #feeditems .selected .centre .middle, #feedsection #feeditems .selected .centre .bottom
 { width: 276px; }

/* #feedsection #feeditems .unselected > * */
#feedsection #feeditems .unselected .left, #feedsection #feeditems .unselected .right, #feedsection #feeditems .unselected .centre { height: 31px; }
/* #feedsection #feeditems .unselected > * > .top */
#feedsection #feeditems .unselected .left .top, #feedsection #feeditems .unselected .right .top, #feedsection #feeditems .unselected .centre .top { display: none; }
/* #feedsection #feeditems .unselected > * > .middle */
#feedsection #feeditems .unselected .left .middle, #feedsection #feeditems .unselected .right .middle, #feedsection #feeditems .unselected .centre .middle { top: 0; height: 31px; }
/* #feedsection #feeditems .unselected > * > .bottom */
#feedsection #feeditems .unselected .left .bottom, #feedsection #feeditems .unselected .right .bottom, #feedsection #feeditems .unselected .centre .bottom { display: none; }
/* #feedsection #feeditems .unselected .left > * */
#feedsection #feeditems .unselected .left .top, #feedsection #feeditems .unselected .left .middle, #feedsection #feeditems .unselected .left .bottom { width: 6px; }
/* #feedsection #feeditems .unselected .right > * */
#feedsection #feeditems .unselected .right .top, #feedsection #feeditems .unselected .right .middle, #feedsection #feeditems .unselected .right .bottom { width: 6px; }
/* #feedsection #feeditems .unselected .centre > * */
#feedsection #feeditems .unselected .centre .top, #feedsection #feeditems .unselected .centre .middle, #feedsection #feeditems .unselected .centre .bottom { left: 0; width: 288px; }

#feedsection #feeditems .text { position: absolute; font-size: 10px; font-weight: normal;}
#feedsection #feeditems .title { display: block; position: absolute; top: 0; font-weight: bold; text-decoration: none; color: white; font-size: 12px; }

/* #feedsection #feeditems .button .up, #feedsection #feeditems .button .down { position: absolute; height: 18px; width: 18px; }
#feedsection #feeditems .unselected:hover .button .up, #feedsection #feeditems .unselected:hover .button .down,
#feedsection #feeditems .selected .button .up, #feedsection #feeditems .selected .button .down
 { top: -2px; left: 260px; }
#feedsection #feeditems .unselected:hover .button .up { background: transparent url(images/home/feeds/buttons/blue_arrow_up.gif) no-repeat; }
#feedsection #feeditems .unselected:hover .button .up:hover, #feedsection #feeditems .selected .button .up:hover
 { background: transparent url(images/home/feeds/buttons/blue_arrow_up_over.gif) no-repeat; }
#feedsection #feeditems .unselected:hover .button .down { background: transparent url(images/home/feeds/buttons/blue_arrow_down.gif) no-repeat; }
#feedsection #feeditems .unselected:hover .button .down:hover, #feedsection #feeditems .selected .button .down:hover
 { background: transparent url(images/home/feeds/buttons/blue_arrow_down_over.gif) no-repeat; } */

#feedsection #feeditems .unselected .up, #feedsection #feeditems .unselected .down, #feedsection #feeditems .selected .up, #feedsection #feeditems .selected .down
 { top: 7px; left: 266px; }
#feedsection #feeditems .unselected .button .up, #feedsection #feeditems .selected .button .up
 { background: transparent url(images/home/feeds/buttons/green_arrow_up.gif) no-repeat; }
#feedsection #feeditems .unselected .button .up:hover, #feedsection #feeditems .selected .button .up:hover
 { background: transparent url(images/home/feeds/buttons/green_arrow_up_over.gif) no-repeat; }
#feedsection #feeditems .unselected .button .down, #feedsection #feeditems .selected .button .down
 { background: transparent url(images/home/feeds/buttons/green_arrow_down.gif) no-repeat; }
#feedsection #feeditems .unselected .button .down:hover, #feedsection #feeditems .selected .button .down:hover
 { background: transparent url(images/home/feeds/buttons/green_arrow_up_down.gif) no-repeat; }

/* Not used (was an intermediate state)
#feedsection #feeditems .unselected:hover .button .up { background: transparent url(images/home/feeds/buttons/green_arrow_up.gif) no-repeat; }
#feedsection #feeditems .unselected:hover .button .up:hover { background: transparent url(images/home/feeds/buttons/green_arrow_up_over.gif) no-repeat; }
#feedsection #feeditems .unselected:hover .button .down { background: transparent url(images/home/feeds/buttons/green_arrow_down.gif) no-repeat; }
#feedsection #feeditems .unselected:hover .button .down:hover { background: transparent url(images/home/feeds/buttons/green_arrow_up_down.gif) no-repeat; }
*/

#feedsection #feeditems .unselected:hover,  #feedsection #feeditems .selected { height: 76px; color: white; }
#feedsection #feeditems .unselected:hover .left, #feedsection #feeditems .selected .left { left: 0; width: 12px; }
#feedsection #feeditems .unselected:hover .left .top, #feedsection #feeditems .selected .left .top
 { background: transparent url(images/home/feeds/blue_box/top_left.gif) no-repeat; }
#feedsection #feeditems .unselected:hover .left .middle, #feedsection #feeditems .selected .left .middle
 { background: transparent url(images/home/feeds/blue_box/middle_left.gif) repeat-y; }
#feedsection #feeditems .unselected:hover .left .bottom, #feedsection #feeditems .selected .left .bottom
 { background: transparent url(images/home/feeds/blue_box/bottom_left.gif) no-repeat; }
#feedsection #feeditems .unselected:hover .right, #feedsection #feeditems .selected .right { left: 288px; width: 12px; }
#feedsection #feeditems .unselected:hover .right .top, #feedsection #feeditems .selected .right .top
 { background: transparent url(images/home/feeds/blue_box/top_right.gif) no-repeat; }
#feedsection #feeditems .unselected:hover .right .middle, #feedsection #feeditems .selected .right .middle
 { background: transparent url(images/home/feeds/blue_box/middle_right.gif) repeat-y; }
#feedsection #feeditems .unselected:hover .right .bottom, #feedsection #feeditems .selected .right .bottom
 { background: transparent url(images/home/feeds/blue_box/bottom_right.gif) no-repeat; }
#feedsection #feeditems .unselected:hover .centre, #feedsection #feeditems .selected .centre { left: 12px; width: 276px; }
#feedsection #feeditems .unselected:hover .centre .top, #feedsection #feeditems .selected .centre .top
 { background: transparent url(images/home/feeds/blue_box/top_centre.gif) repeat-x; }
#feedsection #feeditems .unselected:hover .centre .bottom, #feedsection #feeditems .selected .centre .bottom
 { background: transparent url(images/home/feeds/blue_box/bottom_centre.gif) repeat-x; }
#feedsection #feeditems .unselected:hover .centre .middle, #feedsection #feeditems .selected .centre .middle
 { background: transparent url(images/home/feeds/blue_box/middle_centre.gif) repeat; }
#feedsection #feeditems .unselected:hover .centre .middle .text, #feedsection #feeditems .selected .centre .middle .text
 { display: block; top: 20px; left: 0px; height: 35px; width: 260px; }
#feedsection #feeditems .unselected:hover .centre .middle .title, #feedsection #feeditems .selected .centre .middle .title
 { left: 0; height: 20px; width: 270px; margin: 0; }
/* #feedsection #feeditems .unselected:hover .centre .middle .showimg, #feedsection #feeditems .selected .centre .middle .showimg
 { display: block; position: absolute; border: 1px solid black; left: -2px; top: -4px; width: 52px; height: 52px; } */

#feedsection #feeditems .unselected { height: 31px; color: white; }
#feedsection #feeditems .unselected .left { left: 0; width: 6px; }
#feedsection #feeditems .unselected .right { left: 294px; width: 6px; }
#feedsection #feeditems .unselected .centre { left: 6px; width: 288px; }
#feedsection #feeditems .unselected .centre .middle .text { display: none; }
#feedsection #feeditems .unselected .centre .middle .title { left: 0; height: 31px; width: 270px; margin: 8px; }
#feedsection #feeditems .unselected .centre .middle .showimg { display: none; }

#feedsection #feeditems .unselected .left .middle { background: transparent url(images/home/feeds/green_box/green_box_left.gif) repeat-y; }
#feedsection #feeditems .unselected .right .middle { background: transparent url(images/home/feeds/green_box/green_box_right.gif) repeat-y; }
#feedsection #feeditems .unselected .centre .middle { background: transparent url(images/home/feeds/green_box/green_box_centre.gif) repeat; }

/* Not used (was an intermediate state)
#feedsection #feeditems .unselected:hover .left .middle { background: transparent url(images/home/feeds/green_box/green_box_left.gif) repeat-y; }
#feedsection #feeditems .unselected:hover .right .middle { background: transparent url(images/home/feeds/green_box/green_box_right.gif) repeat-y; }
#feedsection #feeditems .unselected:hover .centre .middle { background: transparent url(images/home/feeds/green_box/green_box_centre.gif) repeat; }
*/

#feedsection { height: 500px;}