@media (min-device-width: 481px) {
	#tab-container {
		margin-top:0px;
	}

	/* root tabs element */
	#tab-container {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		margin:0 !important;
		padding:0;
		display:block;
		width: 798px;
		height: 440px;
	}
	
	#v-tabs {
		padding:0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		-khtml-border-radius: 0px;
		background:none;
		border-radius: 0px;
		border:none !important;
	}
	
	#v-tabs ul.ui-tabs-nav {
		margin:0px;
		padding:0px !important;
		float:left;
		background:none;
		border:none;
		display:block;
		list-style:none;
		width:80px;
		height:440px;
	}
	
	/* single tab */
	#v-tabs ul.ui-tabs-nav li{
		padding:0px; 
		margin:0 0 10px 0	;  
		list-style-type:none;
		float:left;
		background-color: none;
		background:transparent;
		background-image: url(../images/v-tab-btn.png);
		background-repeat: no-repeat !important;
		border-radius: 0px;
		border:none;/* !important;*/
		width:80px;
		height:80px;
	}
	#v-tabs ul.ui-tabs-nav li.ui-tabs-selected {
		background-image: url(../images/v-tab-btn-selected.png);
	}
	
	/* link inside the tab. */
	ul li a {
		color:#b2b2b2;
		text-decoration:none;
		text-align:center;
	}
	#v-tabs ul.ui-tabs-nav li a.vtab {
		display:block;
		padding:7px 10px 18px;
		margin:0px;
		width:60px;	
		height:40px;
		float:left;
		font-size:75%;
		color:#b2b2b2;
		text-decoration:none;
		text-align:center;
		line-height: 33px;
		outline:none;
	}
	/* selected tab */
	#v-tabs ul li.ui-state-active a {	
		color:#fff;	
		outline:none;
	}
	#v-tabs ul.ui-tabs-nav li.ui-tabs-selected a {
		color:#FFF;
		outline:none;
	}

	#v-tabs > div.ui-tabs-panel {
		position:relative;
		float:left;
		display:block;
		margin:0px 0px 0px 15px;
		padding:0px;
		width:703px;
		min-height:490px;
		
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 5px;
		border:solid 1px #303030;
		background: #161616;
		background: -moz-linear-gradient(top, #252525, #161616);
		background: -webkit-gradient(linear,
		left top, left bottom, from(#252525), to(#161616));
		filter: progid:DXImageTransform.Microsoft.Gradient(
		StartColorStr=#252525, EndColorStr=#161616, GradientType=0);
		vertical-align:middle;
		
	}
	
	div.ui-tabs-hide {
		display: none !important;
	}
	
	.tab-content {
		display:block;
		float:left;
		position:relative;
		margin: 10px;
	}
	
	.tab-content > ul,
	.tab-content > div >ul {
		margin:0px 0px 0 40px;
		padding:0px !important;
		background:none;
		display:block;
		float:left;
		position:relative;
		list-style:square;
		list-style-image: url(../images/bullet-square.gif);
		width:640px;
		
	}
	.tab-content ul li{
		margin:0px 0px 0.5em;
		padding:0px;
		float:left;
		display: list-item;
		font-size:14px;/*font-size:85%;*/
		width:100%;
	}
	.tab-content ul > ul {
		margin:0px;
		padding:0px !important;
		margin-left:50px;
		position:relative;
		display:block;
	}
	#tab-3 ul li {
		float:left;
		margin:10px 0;
		width:100%;
	}
	

	
	/*#screenshot1,#screenshot2,#screenshot3*/
	
	.intro,
	.screenshot {
		position:absolute;
		margin:0;
		padding:0;
		top:0;
		left:0;
		text-align:center;
		
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 5px;
		border:solid 1px #303030;
		background: #161616;
		background: -moz-linear-gradient(top, #252525, #161616);
		background: -webkit-gradient(linear,
		left top, left bottom, from(#252525), to(#161616));
		filter: progid:DXImageTransform.Microsoft.Gradient(
		StartColorStr=#252525, EndColorStr=#161616, GradientType=0);
		vertical-align:middle;	
	}
	.intro {
		width:780px;
		height:490px;
		text-align:left;
	}
	.screenshot {
		width:702px;
		height:490px;
	}
	.intro p {
		text-align:left;
		display:block;
		float:none;
		margin:5px;
	}
	.screenshot p {
		text-align:center;
		display:block;
		float:none;
		margin:5px;
	}
	.screenshot img,
	.screenshot a.bluebtn {
		margin: 5px auto;
		padding:0;
		float:none;
	}
	.screenshot a.bluebtn {
		width:100px;
	}
	
	/* in content tabs */
	#steps {
		display:block;
		float:left;
		margin: 10px 0 0 0;
		width:640px;
	}
	
	#steps ul.ui-tabs-nav {
		display:inline  !important;
		position:relative;
		float:left;
		margin:0px;
		padding:0px !important;
		background:none;
		list-style:none;
		height:30px;
		width:auto;
	}
	
	/* common css for inline blue tab buttons */
	#steps ul.ui-tabs-nav li.small-btn-unselected,
	#steps ul.ui-tabs-nav li.btn-unselected {
		list-style:none;
		float:left !important;
		display:inline !important;
		margin:0px 8px;
		text-align:center;
		text-decoration:none;
		
		border:solid 1px #444;
		
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		
		background-color: rgba(84,84,84);
		background: -moz-linear-gradient(top, #545454, #303030);
		background: -webkit-gradient(linear,
		left top, left bottom, from(#545454), to(#303030));
		filter: progid:DXImageTransform.Microsoft.Gradient(
		StartColorStr=#545454, EndColorStr=#303030, GradientType=0);
	}
	
	/* small inline square tab buttons */
	#steps ul.ui-tabs-nav li.small-btn-unselected {
		padding: 0px 0px 0px !important;
		width:24px;
		height: 22px;
		font-size: 85%;
		cursor:pointer;	
		border:solid 1px #444;
	}
	
	/* regular inline tab buttons */
	#steps ul.ui-tabs-nav li.btn-unselected {
		padding: 4px 8px !important;
		color: #FFF;
		font-size: 90%;
		height:auto;
		width:auto;
	}
	
	#steps ul.ui-tabs-nav li.ui-tabs-selected {
		list-style:none;
		float:left !important;
		margin: 0px 8px;
		padding: 0px 0px 0px;
		width:24px !important;
		height: 22px;
		text-align:center;
		font-size: 85%;
		background:none;
		background:transparent;
		border:solid 1px #91DAE6;
		
		background-color: #00B7D6;

		background: -moz-linear-gradient(top, #00B7D6, #007286);
		background: -webkit-gradient(linear,
		left top, left bottom, from(#00B7D6), to(#007286));
		filter: progid:DXImageTransform.Microsoft.Gradient(
		StartColorStr=#00B7D6, EndColorStr=#007286, GradientType=0);
		
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
	}
	#steps ul.ui-tabs-nav {
		margin: 0 0 10px;
	}
	
	#steps ul.ui-tabs-nav li.btn-unselected.ui-tabs-selected {
		font-size: 90%;
		padding: 4px 8px !important;
		height:auto !important;
		width:auto !important;
	}
	#steps ul.ui-tabs-nav li.btn-unselected.ui-tabs-selected a {
		color:#FFF;
	}
	#steps ul.ui-tabs-nav li a {
		/*width:8px;*/
		height: 16px;
		margin: 0px 0px;
		padding: 6px 8px 0px;
		display:block;
		float:left;
		line-height: 1em;
	}
	#step-1,#step-2,#step-3,#step-4,#step-5,#step-6 {
		min-height: 170px;
	}
	
	#step-5 ul,
	#step-6 ul{
		margin-left:0px;
		width:600px;
	}
	#steps > div > p {
		width:600px;
	}
	
	ul#fkeys {
		display:inline;
		position:relative;
		float:left;
	}

	.fkeyunselected {
		list-style:none;
		float:left;
		margin: 0 5px;
		padding: 2px 0px 0px;
		width:24px;
		height: 22px;
		text-align:center;
		font-size: 85%;
		border:solid 1px #444;
		background-color: rgba(84,84,84);
		cursor:pointer;
		
		background: -moz-linear-gradient(top, #545454, #303030);
		background: -webkit-gradient(linear,
		left top, left bottom, from(#545454), to(#303030));
		filter: progid:DXImageTransform.Microsoft.Gradient(
		StartColorStr=#545454, EndColorStr=#303030, GradientType=0);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
	}
	
	ul#fkeys li.selected{}
	.fkeyselected {
		list-style:none;
		float:left;
		margin: 0 5px;
		padding: 2px 0px 0px;
		width:24px;
		height: 22px;
		text-align:center;
		font-size: 85%;
		background:none;
		background:transparent;
		border:solid 1px #91DAE6;
		background-color: #00B7D6;

		background: -moz-linear-gradient(top, #00B7D6, #007286);
		background: -webkit-gradient(linear,
		left top, left bottom, from(#00B7D6), to(#007286));
		filter: progid:DXImageTransform.Microsoft.Gradient(
		StartColorStr=#00B7D6, EndColorStr=#007286, GradientType=0);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
	}
	
	#v-tabs div img {
		margin:5px 0 0 0;
		position:relative;
	}
	#highlights{
		position:absolute !important;
		display:block;
		top:0px;
		left:0px;
		z-index:20;
	}
	
	#fkey-hl-1 {
		left:178px;
		top:25px;
		width:120px;
		height: 14px;
	}
	#fkey-hl-2 {
		left:178px;
		top:40px;
		width:130px;
		height:14px;
	}
	#fkey-hl-3 {
		left:178px;
		top:52px;
		width:29px;
		height:14px;
	}
	#fkey-hl-4 {
		left:178px;
		top:64px;
		width:29px;
		height:14px;
	}
	#fkey-hl-5 {
		left:178px;
		top:77px;
		width:158px;
		height:14px;
	}
	#fkey-hl-6 {
		left:370px;
		top:25px;
		width:98px;
		height:14px;
	}
	#fkey-hl-7 {
		left:370px;
		top:40px;
		width:200px;
		height:14px;
	}
	#fkey-hl-8 {
		left:370px;
		top:52px;
		width:160px;
		height:14px;
	}
	#fkey-hl-9 {
		left:370px;
		top:65px;
		width:185px;
		height:14px;
	}
	
	#f-key-info {
		position:relative;
		float:left;
		margin-left:0px;
		margin-top: 10px;
		width:100%;
		font-size:85%;
	}
	
	#plst-2 {
		display:none;
	}
	
	
	#slidercontainer1,
	#slidercontainer2 {
		width:530px;
		margin:10px 10px 0px 0px;
		float:left;
		display:block;
		position:relative;
	}
	.glowbuttons {
		margin:10px 0 0 0;
		float:left;
		display:block;
		position:relative;
	}

	.layout-slider{
		position: relative;
		float: left;
		margin: 30px 0 40px 30px;
		width: 473px;
	}
	
	.jslider-label,
	.jslider-value {
		display:none !important;
		visibility:hidden;
	}
	#slider-bar1,
	#slider-bar2 {
		background: #ccc;
		height: 5px;
		width: 473px;
		position: relative;
		float: left;
		margin: 30px 0 40px 30px;
	}
	#slider-handle1,
	#slider-handle2 {
		height: 30px;
		width: 30px;
		overflow: hidden;
		position: absolute;
		z-index: 1;
		cursor: pointer;
		left: -12px;
		top: -12px;
		
		border:solid 1px #91DAE6;
		rder-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		background-color: #00B7D6;

		background: -moz-linear-gradient(top, #00B7D6, #007286);
		background: -webkit-gradient(linear,
		left top, left bottom, from(#00B7D6), to(#007286));
		filter: progid:DXImageTransform.Microsoft.Gradient(
		StartColorStr=#00B7D6, EndColorStr=#007286, GradientType=0);
	}
	#loop-collapsible {
		display:block;
		float:left;
	}
	hr.dashed {
		height: 1px;
		margin: 10px 0;
		padding: 0;
		float:left;
		width:100%;
		border-top: 0;
		border-bottom: 1px dashed #FFF;
	}
}