/*--------------------------------------*/
/* CSS CREATED BY ERIKA GRECO - 2008 ---*/
/* WWW.ERIKAGRECO.COM ------------------*/
/*--------------------------------------*/
.csw {
	width: 100%;
	height: 460px;
	background: #fff;
	overflow: scroll
}
.csw .loading {
	margin: 200px 0 300px 0;
	text-align: center
}
.stripViewer {
	position: relative;
	overflow: hidden; 
	margin: auto;
	background: #ccc;
	width: 950px;
	clear: both;
	background: #fff;
}
.stripViewer .panelContainer {
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
}
.stripViewer .panelContainer .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 950px;
}
.stripViewer .panelContainer .panel .wrapper {
	padding: 10px;
}
/*---------------------*/
/* Tabs ---------------*/
/*---------------------*/
.featureTabs {
	margin: auto;
}
.featureTabs ul {
	list-style: none;
	background: #f8f8f8 url(../img/features/features_top.gif) bottom left no-repeat;
	height: 61px;
	width: 960px;
}
.featureTabs ul li {
	float: left;
	display: inline;
	list-style: none;
}
.featureTabs a {
	float: left;
	display: inline;
	text-indent: -999em;
	overflow: hidden;
	height: 61px;
	margin-right: 4px;
}
.featureTabs li.tab1 a {       
	background: url(../img/features/feature_recipe.gif) top left no-repeat;
	width: 104px;
}
.featureTabs li.tab2 a {       
	background: url(../img/features/feature_rotation.gif) top left no-repeat;
	width: 109px;
}
.featureTabs li.tab3 a {       
	background: url(../img/features/feature_kitchen.gif) top left no-repeat;
	width: 103px;	
}
.featureTabs li.tab4 a {       
	background: url(../img/features/feature_index.gif) top left no-repeat;
	width: 93px;
}
.featureTabs li.tab5 a {       
	background: url(../img/features/feature_font.gif) top left no-repeat;
	width: 86px;
}
.featureTabs li.tab6 a {       
	background: url(../img/features/feature_favorites.gif) top left no-repeat;
	width: 113px;
}
.featureTabs li.tab7 a {       
	background: url(../img/features/feature_timer.gif) top left no-repeat;
	width: 94px;
}
.featureTabs li.tab8 a {       
	background: url(../img/features/feature_convert.gif) top left no-repeat;
	width: 106px;
}
.featureTabs li.tab9 a {       
	background: url(../img/features/feature_substitute.gif) top left no-repeat;
	width: 120px;
	margin: 0;
}
.featureTabs li a:hover,
.featureTabs li a.current {
	background-position: bottom left;
}
/*---------------------*/
/* Content ------------*/
/*---------------------*/
#main .left {
	width: 410px;
	background: none;
	padding: 0;
}
#main .right {
	width: 480px;
}
#main .left p {
	margin: 15px 10px 20px 10px;
	font-size: 14px;
}
#main .left img {           
	display: block;
	margin: 30px auto 0 auto;
}
.featureNav {
	background: url(../img/features/divider.gif) top center no-repeat;
	padding-top: 30px;
	height: 34px;
}
.next,
.next:hover,
.prev {     
	background: url(../img/features/feature_next.gif) top left no-repeat;
	float: left;
	display: inline;
	text-indent: -999em;
	overflow: hidden;
	width: 139px;
	height: 34px;
}
.prev,
.prev:hover {
	background: url(../img/features/feature_previous.gif) top left no-repeat;
	width: 167px;
	margin: 0 20px 0 28px;
}     
.titleTop {
	background: url(../img/features/title_top.gif) top left no-repeat;
	height: 10px;
	font-size: 0;
	line-height: 0;
}                
.titleMid {
	background: url(../img/features/title_mid.gif) top left repeat-y;
	padding: 0 0 5px 11px;
}                   
.titleBtm {
	background: url(../img/features/title_btm.gif) top left no-repeat;
	height: 7px;   
	font-size: 0;
	line-height: 0;
}
.titleMid h3 {
	font-weight: normal;
	font-size: 24px;
	color: #313131;
	padding: 0 0 3px 80px;
}                                                                     
.screenshot {
	height: 466px;
}
.screenshot img {
	display: block;
	margin: 0 auto;
}
/*---------------------*/
/* Icons --------------*/
/*---------------------*/
#recipeIcon { background: url(../img/features/icon_recipe.gif) top left no-repeat; }
#favoritesIcon { background: url(../img/features/icon_favorites.gif) top left no-repeat; }
#timerIcon { background: url(../img/features/icon_timer.gif) top left no-repeat; }
#convertIcon { background: url(../img/features/icon_convert.gif) top left no-repeat; }
#substituteIcon { background: url(../img/features/icon_substitute.gif) top left no-repeat; }
#fontIcon { background: url(../img/features/icon_font.gif) top left no-repeat; }
#indexIcon { background: url(../img/features/icon_index.gif) top left no-repeat; }
#rotationIcon { background: url(../img/features/icon_rotation.gif) top left no-repeat; }
#kitchenIcon { background: url(../img/features/icon_kitchen.gif) top left no-repeat; }