/* original code causing problems with styling in rest of site so had to describe more accurately:

	* {margin:0; padding:0; font:12px Verdana,Arial}
	code {font-family:"Courier New",Courier} 
*/

/* applied to all classes */

#options, #acc, #acc h3, #acc h2, #nested1, #nested2 {margin:0; padding:0; font:12px Tahoma,Arial,sans-serif}

/* initial navigation */

#options {width:457px; margin:20px auto; text-align:left;}
#options a.choices {text-decoration:none; color:#9ac1c9}
#options a:hover.choices {color:#033}

#acc {width:457px; list-style:none; color:#033; margin:0 auto 40px}
#acc h3 {width:443px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#acc h3:hover {background:url(images/header_over.gif)}
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {width:425px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#acc .cart-button {margin: 12px 15px 0px 11px;}

#nested1 {width:425px; list-style:none; color:#033; margin-bottom:15px}
#nested2 {width:425px; list-style:none; color:#033; margin-bottom:15px}
#nested1 h3 {width:411px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#nested2 h3 {width:411px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#nested1 h3:hover {background:url(images/header_over.gif)}
#nested2 h3:hover {background:url(images/header_over.gif)}
#nested1 .acc-section {overflow:hidden; background:#fff}
#nested2 .acc-section {overflow:hidden; background:#fff}
#nested1 .acc-content {width:393px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested2 .acc-content {width:393px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested1 .acc-selected {background:url(images/header_over.gif)}
#nested2 .acc-selected {background:url(images/header_over.gif)}