/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {

	/* dimensions */
	width:695px;
	height:38px !important;
	margin:0 0 0 -3px !important; 
	padding:0;	
	position:relative;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
	clear:both;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(../../Images/Expert/tab-off.jpg) no-repeat;
	display:block;
	height: 38px;   
	width: 96px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#000;
	font-size:11px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}

#flowtabs li.cats { 
	background: url(../../Images/Expert/catsbg.jpg) no-repeat;
	display:block;
	height: 38px;
	line-height: 33px;  
	width: 106px; 	
	padding:0px;
	margin:0px;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
#flowtabs li.catsr{ 
	background: url(../../Images/Expert/catsright.jpg) no-repeat;
	display:block;
	height: 38px;
	line-height: 33px;  
	width: 7px; 	
	padding:0px;
	margin:0px;
}
#flowtabs li.sep{ 
	display:block;
	height: 38px;
	width: 1px; 	
	padding:0px;
	margin:0px;
	background-image: url(../../Images/Expert/tab-line.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

/* adjust the background image position on each tab */
#flowtabs 			{ background-image: url(../../Images/Expert/tab-off.jpg);background-position:center;  background-repeat:no-repeat;}
 /* mouseover state */
#flowtabs a:hover 		{ color:#000;font-weight:bold;background-image: url(../../Images/Expert/tab-on.jpg); background-position:center; background-repeat:no-repeat; }
/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#000; line-height:33px;font-weight:bold;background-image: url(../../Images/Expert/tab-on.jpg);background-position:center;  background-repeat:no-repeat;}


/* panes */
#flowpanes {
	background-image: url(../../Images/Expert/panel.gif);	
	background-repeat:no-repeat;
	background-position:bottom left;	
	width:695px;
	height:176px;	
	margin:0 0 0 -3px;
}
/* single pane */
#flowpanes div {
	display:none;	
	color:#000;	
	
}
#flowpanes .items .item
	{
	display:block;
	width:139px;
	height:175px;
	background-image: url(../../Images/Expert/itembg.png);	
	background-repeat:no-repeat;
	background-position:left;	
	float:left;
	position:relative;
}
#flowpanes .items .item .photo
	{
	display:block;
	width:139px;
	height:85px;
	text-align:center;
	padding:15px 0 0 0;
	vertical-align:bottom;
	position:absolute;
}
#flowpanes .items .item .text
	{
	position:absolute;
	top:100px;
	width:119px;
	padding:0 10px 0 10px;
	font-weight:bold;
	line-height:12px;
	font-family:Tahoma;
	font-size:11px;
}
#flowpanes .items .item .text a:link, #flowpanes .items .item .text a:visited, #flowpanes .items .item .text a:active 
	{
	color:#000;
	text-decoration:none;	
}
#flowpanes .items .item .text a:hover
	{
	color:#ff7227;	
}
#flowpanes .items .item .price
	{
	position:absolute;
	top:140px;
	height:26px;
	line-height:26px;
	padding:0;
	float:left;
	display:inline-block;
	width:139px;
}
#flowpanes .items .item .price .left
	{
	float:left;
	display:inline-block;
	width:37px;
	height:26px;
	padding:0;
	margin:0;
}
#flowpanes .items .item .price .right
	{
	float:left;
	margin:0;
	display:inline-block;
	max-width:100px;
	padding:0 0 0 5px;
	font-size:15px;
	color:#ff7227;
	font-weight:bold;
	width:93px;
}











/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:695px;
	cursor:pointer;
	font-size:14px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}