﻿.medium-content #left-pnl {
    display: inline;
    float: left;
    width: 580px;
    margin: 10px;
}

.medium-content #right-pnl {
    display: inline;
    float: right;
    width: 270px;
    margin: 10px;
}


#market_bar {
    height: 54px;
    width: 100%;
    background: #013a7f url(/images/market_bar.gif) no-repeat;
}
#market_bar h2 { display: none; }
#market_bar_shadow {
    height: 6px;
    width: 100%;
    background: #fff url(/images/bar_shadow.gif) repeat-x;
}

/*Right Column Triples*/
#rtriples {
    float: right;
    width: 270px;
    height: 795px;
    background: #fff url(/images/rtriples.jpg) no-repeat center top;
    margin: 5px 10px;
}
#rtriples a {
    display: block;
    width: 255px;
    height: 248px;
}
#rtriples a span {display: none;}
#rtriples #triple_1 { margin-top: 1px; }
#rtriples #triple_2 { margin-top: 22px; }
#rtriples #triple_3 { margin-top: 22px; }

/*Category List*/
.cates_header {
    clear: both;
    width: 600px;
    height: 6px;
    font-size: 0;
    margin-top: 5px;
    background: #fff url(/images/market_box_header.gif) no-repeat left top;
}

.cates {
    clear: both;
    width: 600px;
    min-height: 130px;
    margin-bottom:5px;
    padding: 6px 0 12px 0;
    border-bottom: dotted 1px #bcbcbc;
    background: #fff url(/images/market_box_grd.gif) repeat-x left top;
}
.cates img {
    display: block;
    float: left;
    width: 150px;
    height: 120px;
    margin: 0 10px 0 10px;
    padding: 5px;
    border: solid 1px #E3E3E3;
    background: #F1F1F1 none repeat scroll 0 0;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
}
.cates h2 a {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    color: #444444;
    margin: 0 0 12px 175px;
}
.cates h2 a:hover { text-decoration: underline; }
.cates ul {
    list-style: none;
    margin-left: 185px;
    padding-left: 5px;
    border-left: solid 2px #CFCFCF;
}
.cates li {
    padding: 2px 0 8px 28px;
    background: url(/images/tick.png) no-repeat left top;
}
.cates li a {
    color: #0066cc;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}
.cates li a:hover {
    color: #003b6e;
    text-decoration: underline;
}
.cates .buttons a{
    float: right;
    height: 100%;
}
.cates .buttons:after { content: ""; display: block; height: 0; clear: both; }


/*Items*/
.item {
    border-bottom:1px dotted #CFCFCF;
    margin:20px 0;
}

.item h3{
    font-weight: bold;
    background-color:#ECF4FC;
    padding: 0.4em 1em;
    margin:1.5em 0 1em;
}

.item .content{
    margin: 10px 0;
    padding: 0.4em 1em;
}

.item .content ul{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:disc;
    padding-left:20px;
    margin-left: 20px;
}

.item .content a[href^="http:"] {
    background: url(/images/remote.gif) right top no-repeat;
    padding-right: 10px;
}

.item_footer{
    font-size:0.9em;
    height:20px;
    text-align: right;
}

.sectionbox {
    clear: both;
    width: 600px;
    margin-top: 10px;
    padding: 10px;
}
.sectionbox .info h2 {line-height: 64px;}
.sectionbox .info h2 a, 
.sectionbox .info h2 a:hover{
    font-size: 1.5em;
    color:#EA7F37;
    letter-spacing: -1px;
}
.sectionbox ul {
    clear: both;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:disc;
    padding-left:20px;
    margin-left: 20px;
}



