/* RESET */
#accordContainer div, #accordContainer ul, #accordContainer ol, #accordContainer li, #accordContainer dl, #accordContainer dt, #accordContainer dd, #accordContainer h1, #accordContainer h2, #accordContainer h3, #accordContainer h4, #accordContainer h5, #accordContainer h6, #accordContainer pre, #accordContainer form, #accordContainer p, #accordContainer blockquote, #accordContainer fieldset, #accordContainer input { margin: 0; padding: 0; }

/* LAYOUT */

img { behavior: url(/css/iepngfix.htc); border: 0; }


#accordContainer { 
	width: 188px;
	height: 530px;
	margin: 0 auto;
	position: relative;
}

.scrollContent {
	width: 168px;
	height: 350px;
	overflow: auto;
}

#accordMain { width: 100%; position: relative; }
#accordContent { padding: 18px 20px; position: relative; color: #333; }


#accordContainer p.last, #accordContainer ul.last, #accordContainer ol.last, #accordContainer li.last { _width: auto !important; _float: none !important; }

#accordContainer:after, #accordContent:after, .grid3cola:after { accordContent: "."; display: block; height: 0; clear: both; visibility: hidden; }
#accordContainer, #accordContent, .grid3cola { zoom: 1; }

/* TYPE */
#accordContainer { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333; }

#accordContainer a { color: #08c; }
#accordContainer a:link, #accordContainer a:visited, #accordContainer a:active { text-decoration: none; }
#accordContainer a:hover { text-decoration: underline; }
#accordContainer p.more { float: left; white-space: nowrap; padding-right: 10px; background: url(/img/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; }
#accordContainer a[rel="external"], #accordContainer a.external { white-space: nowrap; padding-right: 15px; background: url(/img/external10x10.gif) no-repeat 100% 50%; zoom: 1; }
#accordContainer strong, #accordContainer b { font-weight: bold; }
#accordContainer em, #accordContainer i { font-style: italic; }
#accordContainer sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }

#accordContainer p { margin-bottom: 1px; }
#accordContainer p.quoteName { color: #08c; }
#accordContainer p.quoteJob { color: #000; margin-bottom: 25px; }
#accordContainer p.quoteVerse { color: #4B395F; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; }
#accordContainer p.quoteSub { color: #000; font-size: 8px; margin-bottom: 10px; }
#accordContainer h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
#accordContainer h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
#accordContainer h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
#accordContainer h3.dark { color: #000; font-weight: bold; font-size: 1em; line-height: 14px; }
#accordContainer h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
#accordContainer h4.movieName { font-size: 12px; color: #000; border-bottom: 1px solid #000; margin-bottom: 5px;}
#accordContainer p.intro { font-weight: bold; }
.more { text-align: left; }

#accordContainer ul { margin-bottom: 18px; list-style: none outside; }
#accordContainer ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
#accordContainer ul.square,
#accordContainer ul.circle { margin-left: 2em; }
#accordContainer ul.square { list-style: square outside; }
#accordContainer ul.circle { list-style: circle outside; }
#accordContainer ul ul.circle,
#accordContainer ul ul.square { margin-top: 4px; margin-bottom: 5px; }

.last { margin-bottom: 0; }
#accordMain .sidebar { font-size: 10px; line-height: 18px; color:#686868; }
#accordMain .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }


/* IMAGES */
#accordContent img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	border: 1px solid #4B395F;
	padding: 0px 0px 0px 0px;
}



/*---- index.css ----*/
#accordContent { padding: 0; background-color: transparent; }


/*---- tab page rip-off ----*/
#accordContent .column { display:inline; }
#accordContent .grid3cola { margin-top: 18px; }
#accordContent .grid3cola .column { width: 582px; margin-left: 15px; }
#accordContent .grid3cola .column.first, 
#accordContent .grid3cola .column.last { width: 185px; }
#accordContent .grid3cola .grid3col .column { width: 32%; margin-left: 13px; }

/* boxes */
#accordMain .relative { position:relative; }
#accordMain .sidebar .box { margin-bottom: 1.6em; color: #666; background: url(/img/box_184_bg.png) repeat-y; }
#accordMain .box .boxcap { clear: both; position: absolute; width: 100%; height: 5px; left: 0; z-index: 100; font-size: 1px; behavior: url(/css/iepngfix.htc); }



#accordMain .box .boxcap.capbot { bottom: 0; _bottom: 13px; _position: static; _margin-top: -5px; background-image: url(/img/box_980_capbottom.png); }
#accordMain .column .box .boxcap.capbot { position: absolute; background-image: url(/img/box_582_capbottom.png); }
#accordMain .sidebar .box .boxcap.capbot { position: absolute; width: 184px; background-image: url(/img/box_184_capbottom.png); }

#accordMain .box h2 { float: none !important; margin:0; padding:4px 0 2px 12px; color:#fff; font-size:12px; font-weight:normal; /*border-bottom:1px solid #6c7b94;*/ background:#72839d url(/img/boxtopblue.gif) repeat-x; }
#accordMain .box h2 a { display: block; width: 100%; color:#fff; background:url(/img/boxtop_linkarrow.gif) 97.5% 40% no-repeat; }
#accordMain .box h2 a:hover { text-decoration:none; }
#accordMain .sidebar .box h2 { width: 172px; }

#accordMain .box h2.drawer-handle 	 { color: #000000; cursor: default; background: #9f9f9f url(/img/boxtopgrey.gif) repeat-x; position: relative; 	border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999;}
#accordMain .box h2.drawer-handle.open { color: #000; cursor: pointer; background: #d9d9d9 url(/img/boxtopgreylt.gif) repeat-x; }


/*---- drawers ----*/
#accordMain #leftdrawers, #accordMain #rightdrawers { min-height: 429px; _height: 427px; overflow: hidden; }
#accordMain #leftdrawers .padder, #accordMain #rightdrawers .padder { min-height: 356px; _height: 354px; padding-bottom: 0; }
#accordMain .padder { padding: 0 15px; }
#accordMain .padder a.more { font-weight: bold; }

#accordMain ul.drawers { margin: 0; overflow: hidden; }
/*#accordMain ul.drawers li { overflow: hidden; }*/
#accordMain .slider .drawer-accordContent { display: block; overflow: hidden; height: auto; }


/*---- specific drawers ----*/
#accordMain li .padder h4 { line-height: 14px; padding-top: 7px; }
#accordMain li .padder p  { line-height: 14px; }

#accordMain li#reviews .padder { padding-top: 21px; padding-bottom: 12px; position: relative; }
#accordMain li#reviews h4 { font-size: 12px; color: #252525; margin-top: -14px; padding-bottom: 4px; }
#accordMain li#reviews h4.top { margin-top: -42px; }
#accordMain li#reviews p.more { text-align: left; }

#accordMain li#store p { line-height: 16px; }
#accordMain li#store img { display:block; float: left;	margin: 0px 5px 20px 0px;	border: 1px solid #4B395F;	padding: 0px 0px 0px 0px;}
#accordMain li#store h4.movieName { font-size: 11px; color: #000; border: 0px; margin: 0px 0px 5px 0px;}
#accordMain li#store h4.catName { font-size: 12px; color: #000; border-bottom: 1px solid #000; margin-bottom: 5px;}

#accordMain li#serving a.more { color: #4B395F; }