/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0;
}
a:link {
	color: #FFCC00;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFCC00;
}
a:hover {
	text-decoration: underline;
	color: #FFCC00;
}
a:active {
	text-decoration: none;
	color: #FFCC00;
}

#scroll {
	position:relative;
	height:460px;
	overflow:hidden;
	border:1px solid #ddd;
	width:948px;
	padding:15px;
}

#tools {
	width:9999em;
	position:absolute;
	height:400px;
}

.tool {
	float:left;
	width:1000px;
	height:400px;
	background-repeat:no-repeat;
	background-position:0 -40px;
}

.demo_iframe {
	background-color:#fff;
	border:0px;
	color:#666;
	float:left;
	font-size:12px;
	margin:0 0 0 15px;
	width:655px;
	height:375px;
}

.details {
	background-color:#fff;
	color:#666;
	float:left;
	font-size:20px;
	margin:270px 0 0 0;
	padding:10px 60px;
	width:525px;
}

.demos {
	background-color:#fff;
	border-left:1px solid #ddd;
	float:right;
	min-height:365px;
	padding:0 25px;
	width:262px;
}

.demos2 {
	padding-left:15px;
	padding-top:20px;
}

.demos2 a {
	color:#3BB100;
	font-size:14px;
}

.demos2 p {
	margin:0 0 4px;
	line-height:20px;
	background:transparent url(images/bullet.png) no-repeat scroll 0 2px;
	padding:2px 0 1px 25px;
}

.demolink {
	margin:0 0 4px 10px;
	line-height:20px;
	background:transparent url(images/bullet2.png) no-repeat scroll 0 2px;
	padding:1px 0 2px 30px;
	color:#333;
	font-size:12px;
}

.content{
	padding-right:15px;
	padding-top:15px;
}

.content div {
line-height:22px;	
}

.content strong {
font-size:18px;
text-transform:uppercase;	
}

.content p {
font-size:14px;
color:#3BB100;
font-weight:bold;
padding:0;
margin:0;
}

.demos h2 {
	color:#065598;
	font-size:22px;
	display:block;
	padding:10px 0;
}

.demos a {
	color:#666;
	font-size:12px;
	text-decoration:none;
}

.demos p {
	margin:0 0 4px;
	line-height:20px;
	background:transparent url(images/bullet.png) no-repeat scroll 0 2px;
	padding:2px 0 1px 25px;
}

#thumbs {
	background:url(images/demo-navi.jpg) no-repeat;
	height:90px;
	position:absolute;
	top:410px;
	width:990px;
	left:-8px;
}

.t a {
	background:transparent url(images/demo-navi.jpg) no-repeat scroll -21px -90px;
	margin-left:46px;
	display:block;
	width:175px;
	float:left;
	height:90px;
	cursor:pointer;
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left:278px;
	_margin-left:304px;
}

/* CSS sprite for the navigation */
#t0 		  { margin-left:20px; _margin-left:10px;}
#t0.active { background-position:-21px 0 !important; }
#t0:hover  { background-position:-21px -180px; }
#t0:active { background-position:-21px -270px; }

#t1			{ background-position:-325px -90px; }
#t1:hover 	{ background-position:-325px -180px; }
#t1:active	{ background-position:-325px -270px; }
#t1.active	{ background-position:-325px 0 !important; }

#t2			{ background-position:-545px -90px; }
#t2:hover 	{ background-position:-545px -180px; }
#t2:active	{ background-position:-545px -270px; }
#t2.active	{ background-position:-545px 0 !important; }

#t3			{ background-position:-765px -90px; }
#t3:hover 	{ background-position:-765px -180px; }
#t3:active	{ background-position:-765px -270px; }
#t3.active	{ background-position:-765px 0 !important; }

/* Flash pop-up window */
#mymugzy_overlay {
	opacity: 0.1;  /* for all browsers */
	-moz-opacity: 0.1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /* IE8 */
	filter: alpha(opacity=10); /* IE 5 to 7 */			
				
	z-index:100;
	position:absolute;

	background-color:#000000;
	width:100%;
	top:0px;
	left:0px;
	/*zoom:1;*/
	background-image:url('http://www.vwala.com/images/overlay.gif');
	background-repeat:repeat;
}

* html #mymugzy_overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.vwala.com/images/overlay.png", sizingMethod="scale");
}