#row1 { height: 330px; overflow: hidden;}

/*-----------GLIDER--------------- */
#promo { margin: 0 1px 8px 0; position: relative; width: 700px; height: 320px;
	border: 4px solid #f89829; float: left;}

/* root element for scrollable */
#promo .vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 320px;	 
	width: 670px;
	
}

/* root element for scrollable items */
#promo .items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
#promo .items div {

	height:320px;
}

/* elements inside single item */
#promo .items img {
	float:left;
	height:320px;
	width:670px;
}


#promo .pnavi { 
	position: absolute; left: 658px; top: 0;
	z-index: 1000; width: 42px; height: 312px;
	background: url(../img_t/promo1nav.png) repeat-y top right; padding: 4px 0;}


#promo .pnavi  a {
	display: block; font-size: 14px; font-weight: bold; color: #fff; 
	padding: 5px 0 0 25px; height: 25px;
	text-decoration: none; }

#promo .pnavi  a.active { 
	background: url(../img_t/promo1nav0.png) no-repeat; color: #fff;
	text-decoration: none;}

#promo .pnavi  a:hover{
	color: #f9d34f; text-decoration: none;}








/*-----------ACCORDION--------------- */
#accordion { float: right; width: 245px; border: 1px solid #ccc; border-width: 0 1px 1px 1px; height: 328px }
#accordion h2 { font-size: 14px; color: #fff; margin: 0; padding: 5px; cursor:pointer;	
	background: url(../img_t/bg_accDown.png) no-repeat top right;}
/* currently active header */
#accordion h2.current { cursor:default; background-image: none;}

#accordion h2#acc1 { background-color: #f3766e;}
#accordion h2#acc2 { background-color: #afbd21;}
#accordion h2#acc3 { background-color: #7ecdc3;}
#accordion div.pane { margin: 0; padding: 0 0 5px 0; text-align: center; font-size: 12px;
	height: 245px; display: none;}
#accordion div.pane a { color: #666; font-weight: bold; text-decoration: none;}
#accordion div.pane a:hover { color: #000; text-decoration: none;}
#accordion div.pane img {display: block;}


/*-----------TABS--------------- */
#hTabs {margin: 5px 0 10px 0;}
/* root element for tabs  */
ul.spectabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:34px;
	border-bottom:4px solid #afbd21;
}

/* single tab */
ul.spectabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style: none !important; 
}

/* link inside the tab. uses a background image */
ul.spectabs a { 
	background: url(../img_t/Htabs.png) no-repeat 0 -71px; /* 36, 72 */
	font: bold 20px arial, sans-serif;
	display:block; height: 34px; line-height: 34px; width: 280px;
	text-align: center; text-decoration: none; color: #fff ;
	padding: 0; margin: 0 2px 0 0;	
	position: relative; top: 4px;
}

ul.spectabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.spectabs a:hover {
	background-position: 0 -35px; text-decoration: none;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.spectabs a.current, ul.spectabs a.current:hover, ul.spectabs li.current a {
	background-position: top left;		
	cursor:default !important; 
	color:#afbd21 !important; 
}




/* initially all panes are hidden */ 
div.specpanes div.pane {
	display:none; }
div.specpanes div.spec { padding: 0; border: 4px solid #afbd21; border-width: 0 4px 4px 4px; }


/*-----------specials--------------- */
.specials {font-size:10px; padding: 4px;}
.specials td { border-right: 1px dashed #ccc; padding: 10px 5px; width: 25%; } /* for specials td cells */
.specials td.last { border-color: #fff;}
.SPECIALS_PRODUCT_NAME { width: 160px; margin: 5px auto 2px auto; text-align: center; }
.SPECIALS_PRODUCT_NAME a { text-decoration: none; color: #afbd21; font-weight: bold;}
.SPECIALS_PRODUCT_NAME a:hover { color: #000;}

.SPECIALS_DESCRIPTION, .SPECIALS_PROMOTTEXT { position: absolute; left: -999em; width: 1px;}
.SPECIALS_PRICE, .SPECIALS_SALE_PRICE { width: 160px; margin: 0 auto; padding: 0; text-align: center; }
.SPECIALS_SALE_PRICE {width: 160px; margin: 0 auto; padding: 0; text-align: center;}

.spec_order span, .spec_order input, .spec_order br { display: none; }
.spec_order input.spec_btn {  }