* { padding: 0; margin: 0; outline:none;}

.accordion {
/*display: none;*/
width: 523px;
overflow: hidden;
list-style: none;
font-size: 13px;
}

.accordion a {
padding: 0;
margin: 0;
text-decoration: none;
}

.clearBoth {
clear: both;
height: 0;
}

.hdr {
display: block;
width: 523px;
height: 33px;
background: #fff;
padding: 1px 0 0 0;
}

.accordion .content:after {
/* clears floats */
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}

.accordion .content {
width: 491px;
/* don't add padding vertically; causes shifting on accordion */
padding: 0 10px;
margin: 0 auto;

/*height: 234px; */
_height: 100px;
}

/* ---- columns div ---- */
.accordion .content div {
float: left;
width: 150px;
padding: 15px 10px 10px 0;
}

.content ul {
margin: 0 0 10px 0;
}

.content li {
font-weight: normal;
}

.content ul li {
display: block;
list-style: none;
line-height: 16px;
margin: 2px 0;
padding: 0 0 2px 10px;
background: url(../images/bullet_blue.gif) no-repeat left .5em;
}

.content a {
font-weight: normal;
}

.content a:hover {
text-decoration: underline;
}

.content li.futuresHdr {
padding: 0;
margin: 0 0 6px 0;
background: none;
font-weight: bold;
}

/* ===== USA styles ===== */


.accordion #accUsa, .accordion #accEur, .accordion #accCan {
margin: 0 0 1px 0;
background: #3c3c3c;
}

/*#accUsa:hover {
background: #437104;
}*/

#accUsa .content {
background: #fff url(../images/accBgUSOff.jpg) no-repeat right bottom;
}

#accUsa:hover .content {
background: #fff url(../images/accBgUSOn.jpg) no-repeat right bottom;
}

#accUsa:hover .hdr {
background: url(../images/accHdrUS.gif) no-repeat -523px top;
}

#accUsa .hdr {
background: url(../images/accHdrUS.gif) no-repeat left top;
}

/* ===== EUROPE styles ===== */

#accEur:hover {
background: #a23f00;
}

#accEur .content {
background: #fff url(../images/accBgEUROff.jpg) no-repeat right bottom;
}

#accEur:hover .content {
background: #fff url(../images/accBgEUROn.jpg) no-repeat right bottom;
}

#accEur:hover .hdr {
background: #a23f00 url(../images/accHdrEUR.gif) no-repeat -523px top;
}

#accEur .hdr {
background: #3c3c3c url(../images/accHdrEUR.gif) no-repeat left top;
}


/* ===== CANADA styles ===== */

#accCan:hover {
background: #d28d16;
}

#accCan .content {
background: #fff url(../images/accBgCANOff.jpg) no-repeat right bottom;
}

#accCan:hover .content {
background: #fff url(../images/accBgCANOn.jpg) no-repeat right bottom;
}

#accCan:hover .hdr {
width: 523px;
background: #d28d16 url(../images/accHdrCAN.gif) no-repeat -523px top;
}

#accCan .hdr {
background: #3c3c3c url(../images/accHdrCAN.gif) no-repeat left top;
}

