/* RESET */
#accord div,#accord ul,#accord ol,#accord li,#accord h3,#accord h4,#accord h5,
#accord h6{ margin: 0; padding: 0; }

/* HEIGHT CONTROL OF BOX
#latest .drawers .drawer-content ...min-height: 290px;
*/
#latest { height: auto; min-height: 380px;  margin-bottom: 15px; position: relative; overflow: hidden; _width: 255px; }
#latest .drawers .drawer-content { width: 247px; min-height: 300px; *height: 300px; background-color:#fff; margin-left:8px; } 

/* RIGHT DRAWERS */
#accord ul.drawers { margin: 0; }
#accord .slider .drawer-handle {  color: #333; font-size: 18px; padding: 5px 0; padding-top:20px; text-indent: 25px;  height:20px; width: 263px; background: #939393 url(/images/navproduct/accordHeader.jpg) 0 0 no-repeat; cursor: default; }
#accord .slider .drawer-content { display: block;  height: auto;  }
#accord .slider h3.open {background-color: #72839d; background-position: -263px 0; color: #fff; }
#accord {margin-left:10px; }

.imageDrawerMargin {margin-left:0px;padding-right:15px;	border:0px;	vertical-align:middle ;}

/* MAIN */
#accord h3 { font-size: 13px; color: #333; font-weight: normal; word-spacing: -0.1em; }
#accord a:link,
#accord a:visited { color: #2971a7; text-decoration: none; }
#accord a:hover { text-decoration: underline; }
#accord .more { padding-right: 8px; background: url(/images/navproduct/morearrow.png) 100% 0.4em no-repeat; white-space: nowrap; _white-space: normal; }
#accord .sidebar { font-size: 11px; color: #666; }
#accord .sidebar p,
#accord .sidebar ul,
#accord .sidebar h4 { font-size: 11px; line-height: 14px; }
#accord .sidebar p,
#accord .sidebar ul { margin-bottom: 8px; }

#accord .boxcap { height: 5px; width: 100%; position: absolute; z-index: 100; bottom: 0; _bottom: -10px; left: 0; background: url(../test/images/home/box_263capbottom.png) no-repeat; }
#accord .sidebar .boxcap { height: 6px; background: url(/images/navproduct/box_263capbottom.png) no-repeat; }
#accord .sidebar .captop { bottom: auto; top: 0; background-image: url(/images/navproduct/box_184captop.png); }


/* RIGHT BOX */
#accord .sidebar .box { background: url(/images/navproduct/box_263bgrep.png) repeat-y; }

/* TOP SPREADS/CONTRIBUTORS */
#latest .toplist { margin: 0;  }
#latest .toplist li { margin: 0; padding: 0 13px; list-style-type: none; background: url(/images/navproduct/box_ruleinset.png) 50% 0 no-repeat;} 

#latest .toplist a { display: block; padding: 8px 15px 8px 0;overflow: hidden; background: url(/images/navproduct/box_linkarrowgrey.png) no-repeat; }

#latest .toplist a:link,
#latest .toplist a:visited { color: #666; }
#latest .toplist a:hover { text-decoration: none; background-position: -221px 0; }
#latest .toplist a strong { color: #333; }
#latest .toplist a span { display: block; width: 221px; *width: 100px; }
#latest .toplist .first { background: none; padding-top: 8px;}
#latest .toplist .first a {	padding-bottom: 10px;	font-size: 12px;	color: #840101;	font-weight:bold; }
#latest .toplist .first a:hover { background-position: -221px 0; }
#latest .toplist .first img.left { float: left; margin: 0 8px 8px 0; }
#latest .toplist .first strong { height: 1.8em; overflow: hidden; }

/* WHATS NEW */
#hotnews ul.stories { margin: 0; }
#hotnews .stories .story { padding: 8px 10px 8px 15px; position: relative; background: url(../test/images/home/box_ruleinset.png) 50% 0 no-repeat; }
#hotnews .stories .story .title { color: #333; margin-bottom: 0; position: relative; }
#hotnews .stories .story .title a { color: #333; }
#hotnews .stories .story .summary { margin-bottom: 0; position: relative; }
#hotnews .stories .leadstory { padding-top: 68px; *padding-top: 54px; }
#hotnews .stories .leadstory .title { font-size: 13px; font-weight: normal; }
#hotnews .stories .leadstory .leadimage { position: absolute; top: 0; left: 0; _left: -15px; }
#hotnews .hrule { padding: 8px 10px 8px 15px; position: relative; background: url(../test/images/home/box_ruleinset.png) 50% 0 no-repeat; margin-top:15px; margin-bottom:0px;}