/* CSS Document */
.accordion{background:none;padding:10px 0 0;border:none;margin:0;line-height:1.2em;position:relative}
.accordion h2.category{position:relative;padding:8px 10px 9px;font-size:1.3em;margin-top:10px;background:url(../images/images-main/accordionhdr-bg.gif) bottom left repeat-x;border:3px solid #2a2626;cursor:pointer;color:#F9F3DE;font-weight:normal;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow: 5px 5px 2px #908665;-moz-box-shadow: 5px 5px 2px #908665;-webkit-box-shadow: 5px 5px 2px #908665}
.accordion h2.category:hover{cursor:pointer}
.accordion h2.category span.accordionOpen{position:absolute;top:8px;right:6px;background:url(../images/images-icons/accarwup.gif) no-repeat top right;height:18px;width:22px}
.accordion h2.category span.accordionClosed{position:absolute;top:8px;right:6px;background:url(../images/images-icons/accarwdown.gif) no-repeat top right;height:18px;width:22px}

/* accordion include VERTICAL DROP*/
.accordionInclude{padding:0 15px;margin-bottom:25px;line-height:1.2em;position:relative; width:189px}
.accordionInclude .accordionContainer{}
.accordionInclude h2{position:relative;width:189px;height:45px;display:block;border:none;text-indent:-999em;color:#FCF1DB;font-size:1.2em;line-height:1em;text-transform:uppercase;font-weight:bold;margin:0;cursor:pointer;background:url(../images/images-samples/treasure_accordion.png) 0 0 no-repeat;margin:-5px 0 0;overflow:hidden}
.accordionInclude h2:hover{cursor:pointer}
/*hide dotted line on focus
.accordionInclude h2:focus,.accordionInclude h2:active{outline-color:transparent;outline-style:none;outline-width:0}*/
.accordionInclude h2 span.accordionOpen{position:absolute;top:16px;right:3px;background:url(../images/images-samples/accarwuphome.gif) no-repeat top right;height:17px;width:18px}
.accordionInclude h2 span.accordionClosed{position:absolute;top:16px;right:3px;background:url(../images/images-samples/accarwdownhome.gif) no-repeat top right;height:17px;width:18px}
.accordionInclude .accordionContent{padding:0;margin:0}
.accordionInclude .accordionContentWrap{padding:8px 6px;margin:0;background:#f1e7c7}
.accordionInclude h3{font-size:1.2em;color:#B2D235;margin:0;padding:0}
.accordionInclude p{margin:5px 0 12px;padding:0}
.accordionInclude img{margin:20px 0 10px}
.accordionInclude .accordionContentWrap a{padding-bottom:1px}
.accordionInclude .accordionContentWrap a:hover,.accordionInclude .accordionContentWrap a:active,.accordionInclude .accordionContentWrap a:focus{padding-bottom:0}

/*optional colour variations*/
.accordionInclude .first h2{}
.accordionInclude .second h2{}
.accordionInclude .third h2{}
.accordionInclude .first .accordionContent{}
.accordionInclude .second .accordionContent{}
.accordionInclude .third .accordionContent{}
.accordionInclude .first{}
.accordionInclude .second{}
.accordionInclude .third{}

/* accordion include HORIZONTAL SLIDE*/
.accordionHorizontal{height:193px;background:#fff;width:775px;margin:5px 0}
.accordionHorizontal ul{list-style:none;margin:0;padding:10px 0 10px 10px}
.accordionHorizontal ul li{float: left;padding:0;display:block;margin:0;position:relative}
.accordionHorizontal ul li {display:block;overflow:hidden;height:173px;width:37px;border:none}
.accordionHorizontal #a1{width: 459px}
.accordionHorizontal ul li img{position:absolute;top:0;left:0}
.accordionHorizontal ul li p{margin:0;padding:0;width:150px;display:block;margin-left:280px}