﻿/*

base on Chris Coyier´s tutorials

*/

/* RESETS & BASIC PAGE SETUP */
* { margin:0px; padding:0px }

/*html { overflow-y: scroll;}*/

body {
background-image:url('images/body-bg.jpg');
background-repeat:repeat-x;
background-color: #E3F0F9;
}

.subh3
{
	font-family:"Tahoma";
	font-size:11px;
	color:#999999;
	font-weight:bold;
}

a {
	outline:none;
	text-decoration:none;
}

a img {
	border:none;
}
/* END RESET */


/* TOOLBOX */
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.bold
{
	font-weight:bold;
}
/* END TOOLBOX */

/* MAIN STRUCTURE */

#page_wrap {
	width: 1004px;
	margin: 0 auto;
}

#header
{
	background-image:url('images/header.jpg');
	width:1004px;
	height:159px;
}

#banner {
	background-color:#FFFFFF;
	background-image:url('images/banner-bg.jpg');
	background-repeat:repeat-x;
	padding:20px;
}

#inside
{
	background-image:url('images/banner-inside-bg.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:2px;
	padding-left:5px;
	height:302px;
	overflow:hidden;
	clear:both;
}
#mainText
{
	float:left; width:450px; overflow:hidden; padding-left:265px; padding-top:24px;
}
#buyButtons
{
	float:right; width:165px; padding-top:120px; padding-right:63px;
}

h1{
	font-family:"Trebuchet MS";
	font-size:60px;
	color:#FFFFFF;
	font-weight:normal;
}

#banner-description
{
	font-family:Tahoma;
	font-size:12px;
	color:#FFFFFF;
	width:360px;
	height:108px;
	text-align:left;
	padding-left:15px;
}

#buyButton
{
	font-family:"Trebuchet MS";
	font-size:28px;
	color:#FFFFFF;
	text-align:right;
}
#buyButtonClick
{
	font-family:"Trebuchet MS";
	font-size:14px;
	text-align:right;
	
	}
	#buyButtonClick a
	{
		font-weight:bold;
		color:#000000;
	}

#hr-bar 
{
	background-image:url('images/hr-bar-bg.jpg');
	background-repeat:no-repeat;
	width:946px;
	height:80px;
	margin-left:5px;
	clear:both;
	overflow:hidden;
}

.productName
{
	font-family:"Trebuchet MS";
	font-size:25px;
	font-weight:bold;
	color:White;
}
.productType
{
	font-family:"Trebuchet MS";
	font-size:17px;
	font-weight:bold;
	color:White;
	clear:both;
}
.trial30day
{
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	color:Black;
	padding-top:1px;
	padding-left:14px;
}

#formFeatures
{
	width:978px;
}
#formTrial
{
	position:static;
	/*margin: 0 0 0 15px;*/
	width:550px;
	float:left;
	padding-left:30px;
}
h3
{
	font-family:"Trebuchet MS";
	font-size:25px;
	color:#666666;
	font-weight:bold;
}
#downloadForm
{
	background-image:url('images/downloadform-bg.jpg');
    background-repeat:no-repeat;
    width:510px;
    height:168px;
    padding-left:15px;
    padding-top:4px;
    padding-right:25px;
    margin:auto;
    vertical-align:top;
}
#formDownload
{
}
#formDownload fieldset
{
	border-style:none;
	text-align:right;
	padding-right:145px;
}
.formLine
{

}
#formDownload label
{
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	height:22px;
	width:150px;
	text-align:right;
}
#formDownload input
{
	margin-left:24px;
	border-style:none;
	background-image:url('images/textInput-bg.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
	width:224px;
	height:22px;
	font-family:Tahoma;
	text-align:left;
	font-size:11px;
	color:#333333;
	padding-left:10px;
	padding-top:4px;
	margin-top:4px;
}
#formDownload input.dropDown
{
	margin-left:24px;
	border-style:none;
	background-image:url('images/dropdown.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
	width:224px;
	height:22px;
	font-family:Tahoma;
	text-align:left;
	font-size:11px;
	color:#333333;
	padding-left:10px;
	padding-top:4px;
	cursor:pointer;
}
#selectProduct
{
	width:230px;
	height:54px;
	cursor:pointer;
	margin-left:129px;
	padding-left:5px;
	text-align:left;
	z-index:99;
	position:relative;
}
#selectProduct li
{
	height:18px;
	width:200px;
	background-color:#EEEEEE;
	cursor:pointer;
	list-style:none;
	font-family:Tahoma;
	text-align:left;
	font-size:11px;
	color:Black;
	border-bottom-style:none;
	padding-left:7px;
	padding-top:5px;
}
#selectProduct li:hover
{
	background-color:#CCCCCC;
	font-weight:bold;
}
.replaced
{
	display:none;
}
.selected
{
	display:block;
}

#downloadSubmit
{
	background-image:url('images/submitForm-bg.jpg');
	background-repeat:no-repeat;
	width:116px;
	height:27px;
	float:right;
	padding-right:60px;
	padding-top:5px;
	z-index:0;
	position:relative;
}
#downloadSubmit a
{
	color:#FFFFFF;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding-left:25px;
	vertical-align:middle;
}

#vertSeparator
{
	width:50px;
	height:315px;
	float:left;
	/*margin: 0 0 0 570px;*/
}
#features
{
	width:310px;
	float:left;
	/*margin: 0 0 0 582px;*/	
}
#keyFeaturesList
{
    list-style-type:none;
    padding:0;
    margin:0;
}
#keyFeaturesList li
{
    background-image:url('images/tick.gif');
	background-repeat:no-repeat;
	background-position: 0 .4em center;
	padding-left: 2.7em;
}
.liTitle
{
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	color:#666666;
}
.liDescription
{
	font-family:"Trebuchet MS";
	font-size:12px;
	line-height:20px;
	color:#666666;
}
.linkBlack
{
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#333333;
	font-weight:bold;
}

#content
{
	width:1004px;
	background-color:#FFFFFF;
}

#leftColumn
{
	position:static;
	width:350px;
	float:left;
	margin:auto;
}
#try
{
	background-image:url('images/try-bg.jpg');
    background-repeat:no-repeat;
    background-position:top center;
    width:279px;
    height:281px;
    padding-left:55px;
    padding-top:10px;
    padding-right:25px;
    
}
.tryTitle
{
	font-family:"Trebuchet MS";
	font-size:28px;
	font-weight:bold;
	color:#08569C;
	padding-right:40px;
}
#trialList
{
    list-style: inside;
	list-style-image:url(images/blackTick.gif);
	padding-top:10px;
}
.trialItem
{
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#333333;
	font-weight:bold;
	padding-left:6px;
}
.trialDownloadText
{
	font-family:"Trebuchet MS";
	font-weight:bold;
	color:#FFFFFF;
}
.downloadButton
{
	width:220px;
	text-align:center;
	padding-left:15px;
	margin-top:-10px;
}
#newsForm
{
	background-image:url('images/newsletter-bg.jpg');
    background-repeat:no-repeat;
    background-position:top center;
    width:276px;
    height:157px;
    padding-left:20px;
    padding-top:5px;
    padding-right:25px;
    margin:auto;
}
.newsTitle
{
	font-family:"Trebuchet MS";
	font-size:25px;
	font-weight:bold;
	color:#08569C;
	padding-left:25px;
	padding-top:3px;
}
.newsText
{
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	padding-left:25px;
	padding-right:10px;
	padding-top:3px;
}
.newsFormInput
{
	margin-left:24px;
	border-style:none;
	background-image:url('images/textInput-bg.jpg');
	background-repeat:no-repeat;
	background-color:transparent;
	width:234px;
	height:29px;
	font-family:Tahoma;
	text-align:left;
	font-size:11px;
	color:#333333;
	padding-left:10px;
	padding-top:6px;

}
/*.newsFormInputSpan
{
	border-style:none;
	background-image:url('images/textInput-bg.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:transparent;
	width:234px;
	height:55px;
	font-family:Tahoma;
	text-align:left;
	font-size:11px;
	color:#333333;

}*/
.newsSubmit
{
	background-image:url('images/submitForm-bg.jpg');
	background-repeat:no-repeat;
	width:116px;
	height:27px;
	float:right;
	padding-right:60px;
	padding-top:5px;
}
.newsSubmit a
{
	color:#FFFFFF;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding-left:25px;
	vertical-align:middle;
}

#centerPanel
{
	width:610px;
	float:left;
	padding-left:1px;
	margin: 0 0 0 20px;
}

.title
{
	font-family:"Trebuchet MS";
	font-size:41px;
	font-weight:bold;
	color:#08569C;
}
.font20
{
	font-family:"Trebuchet MS";
	font-size:20px;
	font-weight:bold;
	color:#666666;
}
.text
{
	font-family:Tahoma;
	font-size:12px;
	color:#333333;
	line-height:21px;
}

#featuresList
{
	list-style-type:none;
    padding:0;
    margin:0;
}
#featuresList li
{
    background-image:url('images/grayArrow.jpg');
	background-repeat:no-repeat;
	background-position: 0 .4em center;
	padding-left: 2.7em;
}
#featuresList2
{
	list-style-type:none;
    padding:0;
    margin:0;
}
#featuresList2 li
{
    background-image:url('images/grayArrow.jpg');
	background-repeat:no-repeat;
	background-position: 0 .4em center;
	padding-left: 2.7em;
}

#message
{
	background-image:url('images/frameMsg.jpg');
    background-repeat:no-repeat;
    width:604px;
    height:158px;
    padding-left:15px;
    padding-top:10px;
    padding-right:5px;
}
.bottonTitle
{
	text-align:justify;
	font-family:"Trebuchet MS";
	font-size:19px;
	color:#666666;
	font-weight:bold;
	width:570px;
}
.messageText
{
	font-family:Tahoma;
	font-size:12px;
	color:#333333;
	line-height:21px;
	width:550px;
	padding-top:9px;
}

#customers
{
    background-image:url('images/customers-bg.jpg');
    background-repeat:no-repeat;
	padding-top:10px;
	width:1004px;
	height:166px;
}
.customersLabel
{
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#08569C;
	font-weight:bold;
	padding-left:75px;
	padding-right:30px;
}
.customersLabel2
{
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#333333;
	font-weight:bold;
	padding-left:75px;
}

#footer
{
	width:auto;
	height:28px;
	padding-top:10px;
}
.footerText
{
	font-family:Tahoma;
	font-size:11px;
	color:#666666;
}
