/* 	new homepage styles 
		Kay Smoljak July/Aug 2006
*/

body{
	background-color:#FFF; color:#000;
	font:11px Tahoma,Geneva,Arial,Helvetica,sans-serif;  
	text-align:center;
	margin:0; padding:0 0 15px 0;
}

div#container{
	text-align:left; 
	width:1005px; margin:auto; 
}

table#masthead{
	width:1003px; margin:auto; padding:0;
	border:none; border-collapse:collapse;	
}

	table#masthead td{
		margin:0; padding:0;
		border-collapse:collapse; border:none;
		line-height:0;
	}

#productpanel{
	width:1003px; height:260px; position:relative;
	background:url(installaware/productpanel-v8.jpg) no-repeat; 
	margin:auto; 
}

	#productpanel h1{
		font:24px "Trebuchet MS",Arial,sans-serif; font-weight:bold;
		margin:0; padding:15px 30px;
		color:#FFF;
	}

	#productpanel div.product{
		position:absolute; top:53px;  
		width:187px; height:185px;
	}
	
		#productpanel div.product h2{
			font:14px "Trebuchet MS",Arial,sans-serif; font-weight:bold;
			color:#FFF;
		}
		
		#productpanel div.product ul{
			margin:8px 0 0 0; padding:0; 
			color:#8cdeff;
		}
		
			#productpanel div.product ul li{
				background:url(images/home/top-bullet.gif) top left no-repeat; 
				list-style-image:none;
				margin:10px 0; padding:0 0 0 10px; 
				font-size:10px; line-height:12px;
			}
			
			#productpanel div.product ul li a{
				color:#FFF;
				font-size:10px;
			}
			
			#productpanel div.product a.moreinfo{
				background:url(images/home/more-info-btn.gif) no-repeat;
				position:absolute; bottom:0; left:-103px;
				width:103px; height:28px; 
				text-decoration:none; line-height:28px; text-indent:20px;
				color:#575c5f; 
			}
			
			#productpanel div.product a.trialnow{
				background:url(images/home/trial-now-btn.gif) no-repeat;
				position:absolute; bottom:0; left:0;
				width:98px; height:28px; 
				text-decoration:none; line-height:28px; text-indent:20px;
				color:#575c5f; 
			}

		#productpanel #homeproduct-express{left:145px}
		#productpanel #homeproduct-developer{left:470px}
		#productpanel #homeproduct-studio{left:802px}		
		
#resourcespanel{
	width:1003px; height:255px; position:relative;
	background:url(images/home/resources-panel.jpg) no-repeat; 
	margin:auto; 
}		
	
	#resourcespanel div.section{
		width:225px; height:230px;
		position:absolute; top:20px; left:18px;
	}

		#resourcespanel div.section strong{
			color:#1a66a4;
		}

		#resourcespanel div.section h2{
			font:20px "Trebuchet MS",Arial,sans-serif; font-weight:bold;
			color:#FFF; 
			margin:0; padding:0;
			height:33px;
		}
	
		#resourcespanel div.section a.more{
			background:url(images/home/arrow.gif) right no-repeat;
			position:absolute; bottom:8px; left:10px;
			width:200px; height:30px; 
			text-decoration:none; font-weight:bold; 
			color:#292f63; 
		}
		
			#resourcespanel div.section a.more:hover{
				text-decoration:underline;
			}
			
		#resourcespanel div#home-getstarted{left:265px}
		
			#resourcespanel div#home-getstarted p.eg1{
				margin:0 0 5px 0; padding:5px 0 10px 30px;
				border-bottom:1px dashed #9c9da2;
				background:url(images/home/one.gif) left no-repeat;
			}

			#resourcespanel div#home-getstarted p.eg2{
				margin:0 0 5px 0; padding:5px 0 10px 30px;
				border-bottom:1px dashed #9c9da2;
				background:url(images/home/two.gif) left no-repeat;
			}
			
			#resourcespanel div#home-getstarted p.eg3{
				margin:0 0 5px 0;  padding:5px 0 10px 30px;
				background:url(images/home/three.gif) left no-repeat;
			}
			
		#resourcespanel div#home-migrate{left:510px}
		
		#resourcespanel div#home-top10{left:760px}
			
			#resourcespanel div#home-top10 div#home-top10-features{
				padding:5px 0 10px 0; margin-bottom:10px;
				border-bottom:1px dashed #9c9da2;
			}
		
			#resourcespanel div#home-top10 li{
				list-style-image:none;
			}

#partnerspanel{
	width:501px; height:260px; position:relative;
	background:url(images/home/partners-panel.jpg) no-repeat; 
	margin:auto; float:left;
}

	#partnerspanel div.partners-flash{
		width:200px; margin:20px 15px; float:left;
	}

#newspanel{
	width:501px; height:260px; position:relative;
	background:url(images/home/news-panel.jpg) no-repeat; 
	margin:auto; float:left;
}


	#newspanel p{
		margin:10px 30px;
	}

	#newspanel h2, #partnerspanel h2{
		font:20px "Trebuchet MS",Arial,sans-serif; font-weight:bold;
		color:#FFF; 
		margin:0; padding:15px 30px;
	}
		
		#newspanel a.more,#partnerspanel a.more{
			background:url(images/home/arrow.gif) right no-repeat;
			position:absolute; bottom:24px; left:30px;
			width:450px; height:20px; 
			text-decoration:none; font-weight:bold; line-height:20px;
			color:#292f63; 
		}	
		
			#newspanel a.more:hover,#partnerspanel a.more:hover{
				text-decoration:underline;
			}
			
			#newspanel ul{
				margin:0 0 0 50px; padding:0;
			}
			
			#newspanel li{
				list-style-image:url(installaware/icon_pdf.gif);
				margin:4px 0;
			}

/* older styles */
		
td {
	font-family:Tahoma, Arial, sans-serif; font-size:11px; 
}
h1, h2.title {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
p {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;

}
a.inner:link {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	color: #676666;
}
a.buynow:link {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
a.inner:visited
 {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	color: #676666;
}
a.inner:active 
{
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	color: #676666;
}
a.inner:hover 
{
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: underline;
	color: #000000;
}
a:link {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	color: #0073B0;

}
a:visited
 {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	color: #0073B0;
}
a:active 
{
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	color: #0073B0;
}
a:hover 
{
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: underline;
	color: #0073B0;
}
/*.copyright */
/*{*/
	/*font-family: verdana;*/
	/*font-size: 9px;*/
	/*color: #B2B1B1;*/
	/*text-decoration: none;*/
/*}*/
/*a.copyright:link */
/*{*/
	/*font-family: verdana;*/
	/*font-size: 9px;*/
	/*color: #B2B1B1;*/
	/*text-decoration: none;*/
/*}*/
/*a.copyright:active */
/*{*/
	/*font-family: verdana;*/
	/*font-size: 9px;*/
	/*color: #B2B1B1;*/
	/*text-decoration: none;*/
/*}*/
/*a.copyright:visited */
/*{*/
	/*font-family: verdana;*/
	/*font-size: 9px;*/
	/*color: #B2B1B1;*/
	/*text-decoration: none;*/
/*}*/
/*a.copyright:hover */
/*{*/

	/*font-family: verdana;*/
	/*font-size: 9px;*/
	/*color: #333333;*/
	/*text-decoration: underline;*/
/*}*/
h3
 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #5A5A5A;
	margin: 0px;
	padding: 0px;
}
h2, h1.darktitle
{
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight: bold;
	color: #545454;
	margin: 0px;
	padding: 0px;
}
h4 {

	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #5A5A5A;
	margin: 0px;
	padding: 0px;
}
ul {
	font-family: Tahoma;
	font-size: 11px;
	text-decoration: none;
	list-style-position: outside;
	list-style-type: none;
	vertical-align: top;
	list-style-image: url(installaware/arrow3.gif);
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.subheading {

	font-family: Tahoma;
	font-size: 13px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.classover {background-color: #F2F2F2;}
.over { background-color:#F2F2F2; }
.out  { background-color:#ffffff; }

/* ------ 01/04/2008 Case Study Front Page ------ */
#resourcespanel{
	width: 1003px;
	height: 255px;
	position: relative;
	background: url(/images/home/new-resources-panel.gif) no-repeat; 
	margin: auto;
}
#codegear-casestudy {
	overflow: visible;
}
#codegear-casestudy-img {
	z-index: 10000;
	position: relative;
	left: -8px;
}



/* ------ 21/01/2009 Edition Page ------ */
a.editionbox {
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 180px;
	height: 185px;
}

a.editionbox-express { background-image: url(/installaware/express2.gif); }
a.editionbox-developer { background-image: url(/installaware/developer2.gif); }
a.editionbox-studio { background-image: url(/installaware/studio2.gif); }
a.editionbox-studioadmin { background-image: url(/installaware/studioadmin2.gif); }

a.editionbox:hover { background-position: bottom left; }

a.editionbox-express span { display: none; }
a.editionbox-developer span { display: none; }
a.editionbox-studio span { display: none; }
a.editionbox-studioadmin span { display: none; }

a.editionlink {
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 5px 30px 10px 0px;
	display: block;
	text-align: center;
	width: auto;
	color: #0073B0;
}
a.editionlink:hover {
	text-decoration: none;
	color: #004e77;
}

h1.tabletitle a {
	color: #fff;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.seal{
	color:#fff;
	}
.buynow{
	width:291px;
	height:77px;
	margin:0 auto;
	}	
.buynow a{
	background:url(images/buynow.png) no-repeat left;
	width:291px;
	height:77px;
	display:block;
	}
.buynow a:hover{
	background:url(images/buynow.png) no-repeat right;
	}

.buynow2{
	height:77px;
	margin:30px auto;
	padding-top:20px;
	width:100%;
	border-top:1px solid #f3f3f3;
	}	
.buynow2 a{
	background:url(images/buynow.png) no-repeat left;
	width:291px;
	height:77px;
	display:block;
	margin:0 auto;
	}
.buynow2 a:hover{
	background:url(images/buynow.png) no-repeat right;
	}
.checkmark{
	background:url(images/check-mark.png) no-repeat center;
	height:15px;
	}	
.rowone{
	background:#f7f7f7;
	font-weight:bold;
	border:1px solid #eee;
	border-right:none;
	border-left:none;	
	
	}	
.rowtwo{
	background:#fff;
	border-top:1px solid #fff;
	border-left:none;		
	border-right:none;
	font-weight:bold;
	}			
.rBanner{
	background:url(images/banner-bg.jpg) no-repeat;
	width:986px;
	height:387px;
	text-align:left;
	text-shadow:1px 1px #0a5ea2;
	color:#fff;
	margin-left:10px;
	}	
.contentdiv h1{
	font-size:36px;
	font-weight:normal;
	margin:30px 0 10px 0;
	}	
.InstallAwareExpress{
	background:url(images/InstallAware.png) no-repeat 30px 10px;
	height:294px;
	padding-left:315px;
	float:left;
	}
.InstallAwareDeveloper{
	background:url(images/developer.png) no-repeat 30px 10px;
	height:294px;
	padding-left:315px;
	float:left;
	}
.InstallAwareStudio{
	background:url(images/studio.png) no-repeat 30px 10px;
	height:294px;
	padding-left:315px;
	float:left;
	}
.InstallAwareStudioAdmin{
	background:url(images/studio-admin.png) no-repeat 30px 10px;
	height:294px;
	padding-left:315px;
	float:left;
	}
.InstallAwareVirtualization{
	background: url(images/virtualization.png) no-repeat 30px 10px;
	height:294px;
	padding-left:315px;
	float:left;
	}
.InstallAwareWiXAware{
	background: url(images/wixaware.png) no-repeat 30px 10px;
	height:294px;
	padding-left:315px;
	float:left;
	}
.wise{
	background: url(images/wise.png) no-repeat 30px 40px;
	height:294px;
	padding-left:315px;
	float:left;
	}	
.ULStyle{
	margin:0 0 20px 0;
	padding:0;
	float:left;
	width:300px;
	padding:0 15px 0 0;
	list-style:none !important;
	font-size:12px;
	}
.ULStyle li{
	background:url(images/bullet.png) no-repeat 0 4px;
	padding:3px 0 3px 18px;
	}
.ULStyle li a{
	color:#fff;
	text-decoration:underline;
	}	
.ULStyle li a:hover{
	color:#fff;
	text-decoration:underline;
	}	

.clear{
	clear:both;
	height:0;
	}
.btnContainer{
	float:left;
	padding:5px 20px 0 0;
	width:400px;
	}	
.buyBTN{
	width:233px;
	height:52px;
	float:left;
	margin-left:-20px;
	}
.buyBTN a{
	background:url(images/buybtn.png) no-repeat bottom;
	width:147px;
	height:52px;
	display:block;
	font-size:24px;
	color:#fff;
	line-height:42px;
	padding-left:83px;
	}
.buyBTN a:hover{
	background:url(images/buybtn.png) no-repeat top;
	text-decoration:none;
	}	
.topContainer{
	background:url(images/top-bg.png) repeat-x;
	height:119px;
	margin-top:4px;
	margin-bottom:10px;
	}	
.topContainer2{
	background:url(images/topBG.jpg) no-repeat;
	width:986px;
	height:119px;
	margin:0 auto;
	}
/*.logo{*/
	/*width:300px;*/
	/*height:87px;*/
	/*float:left;*/
	/*margin-left:20px;*/
	/*}*/
/*.logo a{*/
	/*width:300px;*/
	/*height:87px;*/
	/*display:block;*/
	/*}	*/
.topRightContainer{
	width:420px;
	padding:0 10px 0 30px;
	float:right;
	}
.topMenu{
	width:280px;
	float:left;
	margin-left:10px;
	}	
.topMenu ul{
	margin:0;
	padding:0;
	list-style:none;
	}
.topMenu ul li{
	float:left;
	}
.topMenu ul li a{
	display:block;
	float:left;
	padding:0 15px 0 20px;
	line-height:22px;
	color:#7f7f7f;
	font-size:14px;
	}
.aboutICO{
	background:url(images/about-us-ico.png) no-repeat 0 4px;
}	
.supportICO{
	background: url(images/support-ico.png) no-repeat 0 4px;
}	
.contactICO{
	background: url(images/contact-ico.png) no-repeat 0 4px;
}
.freeTrial{
	background:url(images/free-trial.png) no-repeat;
	width:110px;
	height:43px;
	float:left;
	margin-top:-4px;
	}
.freeTrial a{
	background:url(images/free-trial.png) no-repeat;
	width:110px;
	height:43px;
	display:block;
	}
.freeTrial a:hover{
	background:url(images/free-trial.png) no-repeat bottom;
	}	
.twitter{
	background:url(images/social-net-icon.png) no-repeat right;
	width:26px;
	height:23;
	float:left;
	}	
.linkedin{
	background:url(images/social-net-icon.png) no-repeat left;
	width:26px;
	height:23;
	float:left;
	margin-left:10px;
	}		
.twitter a, .linkedin a{
	display:block;
	width:26px;
	height:23;
	}		
.facebook{
	float:left;
	margin-left:10px;
	}	
.headStyle{
	color: #FFFFFF;
    font-family: "Trebuchet MS";
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
#table1{
	
	}
#table1 td{
	}
.nopadding{
	padding:0 !important;
	}
.version-box{
	float: left;
	padding: 0 3% 0 0;
	text-align: center;
	border-right: 1px solid #ccc;
}
.version-box:nth-child(2n){
	border-right: none;
	padding-left: 3%;
}
.version-box-holder{
	float: left;
	width: 100%;
	margin:0 0 30px;
	padding-top: 20px;
}
.version-box p input{
	vertical-align: middle;
	margin-top: 0;
	margin-left: 0;
}
p input{
	margin-top: 0;
	vertical-align: middle;
}
/******************************************************************************************/
div#container {
	width:100%;
	margin: 0 auto;
	max-width: 1003px;
}
.header-box{
	float: left;
	width: 100%;
}
.header-box img{
	border: none;
	float: left;
}
/***********************************************************/
#nav {
	float: right;
	width: 95%;
	margin: 0 2.5% 13px 0;
	border-radius: 0 0 6px 6px;
	box-shadow: 4px 5px 10px #9a9a9a, -4px 5px 10px #9a9a9a;
	background: url("installaware/nav-bg.jpg") repeat-x left top;
}
#nav a{
	display: block;
	color: #fff;
	height: 30px;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	text-indent: -9999px;
}
.studio-heading h2{
	color: #fff;
	float: left;
	text-align: center;
	padding: 5px 30px 6px;
	border-radius: 6px 6px 0 0;
	background: url("/installaware/sidebar-head-bg.png") repeat-x;
	font-size: 14px;
}
.studio-box{
	float: left;
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
}
.studio-box .studio-img {
	float: left;
	width: 25%;
	margin: 0;
	text-align: center;
}
.studio-box .studio-textbox{
	float: left;
	width: 75%;
}
.heading-table td{
	background: #9e9fa1;
	padding: 6px 0;
}
.heading-table td:first-child{
	padding: 6px 0 6px 6px;
	border-radius: 5px 0 0 ;
}
.heading-table td:last-child{
	border-radius:0 5px 0 0;
}
.download-btn,.buy-btn{
	float: left;
	margin: 18px 10px 10px 0;
}
.download-btn a,.buy-btn a{
	color: #fff;
	display: block;
	line-height: 30px;
	padding: 0 20px;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	font-family: "Trebuchet MS";
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4b234+0,f0862b+100 */
	background: #f4b234; /* Old browsers */
	background: -moz-linear-gradient(top, #f4b234 0%, #f0862b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4b234 0%,#f0862b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4b234 0%,#f0862b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b234', endColorstr='#f0862b',GradientType=0 ); /* IE6-9 */
}
.download-btn a:hover{
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0862b+0,f4b234+100 */
	background: #f0862b; /* Old browsers */
	background: -moz-linear-gradient(top, #f0862b 0%, #f4b234 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f0862b 0%,#f4b234 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f0862b 0%,#f4b234 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0862b', endColorstr='#f4b234',GradientType=0 ); /* IE6-9 */
}
.buy-btn a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4594ba+0,377796+100 */
	background: #4594ba; /* Old browsers */
	background: -moz-linear-gradient(top, #4594ba 0%, #377796 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4594ba 0%,#377796 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4594ba 0%,#377796 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4594ba', endColorstr='#377796',GradientType=0 ); /* IE6-9 */
}
.buy-btn a:hover{
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#377796+0,4594ba+100 */
	background: #377796; /* Old browsers */
	background: -moz-linear-gradient(top, #377796 0%, #4594ba 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #377796 0%,#4594ba 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #377796 0%,#4594ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#377796', endColorstr='#4594ba',GradientType=0 ); /* IE6-9 */
}
/**********/
.training-textbox p{
	margin: 10px 0 0;
}
.margin-top{margin-top: 0}
/*************responsive******************/
@media screen and (max-width: 575px){
.studio-heading h2 {
	width: 96%;
	padding: 5px 2% 6px;
	background: #909090;
}
	.heading-table td:first-child {
		width: 47%;
	}
	.heading-table td h1,.heading-table .title{
		font-size: 12px;
	}
}