/* CSS Document */

/*Accordion styling classes*/

#outerAccordion {	border: 1px dotted #a94a61;	padding: 2px;}

.Accordion {
	overflow: hidden;
	width: 201px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;
*/}
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

#outerAccordion LI.AccordionPanelTab  {padding-left:12px;}
#outerAccordion .AccordionPanelOpen LI.AccordionPanelTab {background:url(../images/top.gif) top left;}
#outerAccordion .AccordionPanelClosed LI.AccordionPanelTab {background:url(../images/top.gif) bottom left;}

#outerAccordion .AccordionPanelContent .AccordionPanelTab {padding-left:26px;}
#outerAccordion .AccordionPanelContent UL.AccordionPanelOpen .AccordionPanelTab {background:url(../images/child.gif) top left; color:#551019;}
#outerAccordion .AccordionPanelContent UL.AccordionPanelClosed .AccordionPanelTab {background:url(../images/child.gif) bottom left; font-weight:normal; color:#551019;}

.AccordionPanelTab {
	padding: 0 3px;
	cursor: pointer;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	color: #636363;
	/*font-weight:normal;*/
}

.AccordionPanelContent .item { font-weight:normal;}
.AccordionPanelContent .item LI {
	border-bottom:1px solid #faf3db;
	padding: 6px 0px 6px 26px;
}

.AccordionPanelContent .item LI a {color:#636363; text-decoration:none;}

.AccordionPanelContent .item LI:hover {
background: #efe9ca url(../images/item-selected.gif);
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}
.AccordionPanelClosed .AccordionPanelTab {
}
/*Accordion behaviors  classes*/
.AccordionPanelTabHover {
	color: #FFF;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #FFF;
}
.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}

/***************************************
			Listing Accordion
***************************************/


#ListingAccordion{ overflow:hidden; }

#ListingAccordion LI.AccordionPanel { clear:both; background:#FDFCF8; margin:4px 12px; height:auto; overflow:hidden; width: 536px; background:##FDFCF8 none repeat scroll 0 0;}
#ListingAccordion .special-ribbon {background: #FDFCF8 url(../images/saleitem.png) no-repeat top right;}

#ListingAccordion LI.AccordionPanelOpen .AccordionPanelTab {background:#ffffff; margin-bottom:0px; border: none; }
#ListingAccordion AccordionPanelTabHover {background:#FFF url(../images/bg-listing-tab-open.gif) repeat-x !important;}
#ListingAccordion LI.AccordionPanelOpen .AccordionPanelTab {color:#931d39; }
#ListingAccordion LI.AccordionPanelOpen .AccordionPanelTab .TabSwitch{ background:url(../images/img-listingOpen.gif) no-repeat; width:21px; height: 17px; margin: 67px 20px 0px 0px}

#ListingAccordion LI.AccordionPanelOpen {border: 1px solid #d1bb69; width:534px; margin:5px inherit; background-attachment:fixed ; background: url(../images/bg-listingExpandedTop.jpg) #f5f2de repeat-x ; background-position: 0px 57px; -moz-border-radius:3px;-webkit-border-radius:3px; margin:inherit 12px;}
#ListingAccordion LI.AccordionPanelOpen .special-ribbon {background: #FFF url(../images/saleitem.png) no-repeat top right;}

#ListingAccordion LI.AccordionPanelOpen .AccordionPanelContent{ border: none; background: url(../images/bg-listingExpandedBot.gif)   repeat-x bottom center;   }
#ListingAccordion LI.AccordionPanelOpen .AccordionPanelContent .inner{  }

#ListingAccordion LI.AccordionPanelOpen .AccordionPanelTab DIV SPAN { }


#ListingAccordion LI.AccordionPanelClosed .AccordionPanelTab .TabSwitch{ background:url(../images/img-listingClosed.gif) no-repeat; height: 17px; width:21px; margin: 67px 20px 0px 0px}
#ListingAccordion LI.AccordionPanelClosed .AccordionPanelTab {}

#ListingAccordion .AccordionPanelTab{ display:block; border: 1px solid #efe9c8; padding:5px; -moz-border-radius:3px;-webkit-border-radius:3px; height:160px;}
#ListingAccordion .AccordionPanelTabHover {	border:1px solid #E0D38F; cursor: pointer;}

#ListingAccordion .AccordionPanelOpen .AccordionPanelTabHover {cursor:pointer;}

#ListingAccordion  .AccordionPanelOpen .product-model {color:#931d39; }

#ListingAccordion .AccordionPanelTab DIV{color:#7e795b }
#ListingAccordion .AccordionPanelTab DIV SPAN{ color:#cfb658;}

#ListingAccordion .AccordionPanelContent{ color:#7e795b; border: 1px solid #efe9c8; border: 1px solid #efe9c8; /*background: #f5f2de;*/ font-size:12px; clear:both;}

#ListingAccordion .AccordionPanelContent .product-inner{ width:536px}

#ListingAccordion .AccordionPanelContent .divider{ background:url(../images/bg-listingDivider.gif) repeat-x; height: 2px; margin: 10px 0px; width:372px;}

#ListingAccordion .AccordionPanelContent DIV{ }

#ListingAccordion .AccordionPanelContent DIV IMG{ padding: 1px; border: 1px solid #e0d38f; background:#FFF;}

#ListingAccordion .AccordionPanelContent TABLE{ width: 100%;}

#ListingAccordion .AccordionPanelContent TABLE .colour-palette { margin: 0px; border: none; padding:0px; margin-bottom: -2px; margin-right: 7px; width:15px; height:15px; float:left; border:2px solid #fff; -moz-border-radius:5px; -webkit-border-radius: 5px; }

#ListingAccordion .AccordionPanelContent TABLE .even{ background:#f9f7eb}

#ListingAccordion .AccordionPanelContent TABLE TH{ color:#FFF; font-weight:bold;  padding:7px 10px; background:url(../images/product-order-th.gif) repeat-x; font-size:13px;  }

#ListingAccordion .AccordionPanelContent TABLE TH SPAN{ color:#7e795b; font-weight:normal }

#ListingAccordion .AccordionPanelContent TABLE TD{ color:#7e795b;padding:7px 10px;}

#ListingAccordion .AccordionPanelContent TABLE TD SPAN{ font-style:inherit; font-style:italic !IMPORTANT}



