/*
* Style Sheet for LANDING PAGES in Andale UK & DE sites.
* Landing pages should use classes from this Style Sheet.
* This Style Sheet has to be imported to the main Style Sheet of Andale, andale.css.
*/

/*========================================================================================
EDITED HTML TAGS
========================================================================================*/

body {
	padding: 0px;
	margin: 0px;
}
input, select, textarea {
	font-family: tahoma, arial , sans-serif;
	font-size: 100%;
}
body, table, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
a:link, a:visited {
	color: #41A7FF;
	text-decoration: underline;
}
a:hover {
	color: #E06C93;
	text-decoration: underline;
}
a:active {
	color: #C43757;
	text-decoration: none;
}

/*========================================================================================
PAGE HEADER CLASSES
========================================================================================*/

table.header {
	background-color: #EEEEEE;
	border-bottom: 1px solid #999999;
	width: 100%;
	height: 50px;
}
table.header td.logo_holder {
	text-align: left;
	width: 1px;
}
table.header td.headerContent {
	text-align: left;
	padding-left: 10px;
	width: 100%;
}
/* These classes below are for the popups */
table.p_header {
	background-color: #EEEEEE;
	border-bottom: 1px solid #999999;
	width: 100%;
	height: 50px;
}
table.p_header td.logo_holder {
	text-align: left;
	width: 1px;
}
table.p_header td.headerContent {
	text-align: left;
	padding-left: 10px;
	width: 100%;
}
/* Popup classes end here */

/*========================================================================================
PAGE LAYOUT CLASSES
========================================================================================*/

div#wrapper {
	font-size: 12px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 775px;
	display: block;
}
div#wrapper_1 {
	font-size: 12px;
	border-bottom: 1px solid #999999;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 775px;
	display: block;
}
/* These classes below are for the popups */
div#p_wrapper {
	font-size: 11px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	display: block;
}
/* Popup classes end here */
div#pane_holder {
	background-color: #FFFFFF;
	border-right: 443px solid #F2F9FF;
	padding: 0px;
	margin-bottom: 10px;
	width: auto;
	display: block;
	overflow: visible;
	position: relative;
}
div#pane_holder div#leftPane {
	margin-left: 0px;
	width: 314px;
	display: inline;
	float: left;
	position: relative;
}
div#pane_holder div#rightPane {
	padding-bottom: 8px;
	margin-right: -443px;
	width: 443px;
	display: inline;
	float: right;
	position: relative;
}
div#pane_holder_1 {
	background-color: #FFFFFF;
	border-right: 343px solid #FFFFFF;
	padding: 0px;
	margin-bottom: 10px;
	width: auto;
	display: block;
	overflow: visible;
	position: relative;
}
div#pane_holder_1 div#leftPane {
	margin: 0px 10px 0px 0px;
	width: 404px;
	display: inline;
	float: left;
	position: relative;
}
div#pane_holder_1 div#rightPane {
	padding: 23px 0px 8px 0px;
	margin-right: -343px;
	width: 343px;
	display: inline;
	float: right;
	position: relative;
}
div#pane_holder .clear {
	clear: both;
	overflow: hidden;
	height: 1px;
}

/*========================================================================================
BODY CLASSES
========================================================================================*/

/* These classes below are for the popups */
h1.p_pageTitle {
	font-size: 225%;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}
/* Popup classes end here */

/* These classes below are for the left pane */
div#pageTitle {
	padding-bottom: 5px;
}
div#productDescription p {
	color: #666666;
	text-align: justify;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
div#productFeatures {
	border-right: 0px solid #F2F9FF;
	border-bottom: 1px solid #999999;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 8px 0px;
	width: auto;
	display: block;
	overflow: visible;
	position: relative;
}
div#productFeatures h4 {
	font-size: 110%;
	padding: 0px;
	margin: 0px;
}
div#productFeatures div#box1 {
	float: left;
}
div#productFeatures div#box2 {
	float: right;
}
div#productFeatures .clear {
	clear: both;
	overflow: hidden;
	height: 1px;
}
div#productFeatures div#box1, div#box2 {
	margin-left: 0px;
	width: 148px;
	display: inline;
	position: relative;
}
div#productFeatures div#box1 ul, div#box2 ul {
	padding: 0px;
	margin: 0px 0px 0px 17px;
	list-style-type: square;
	list-style-position: 0 .5em 0 0;
	list-style-image: url("images/landing_bullet_1.gif");
}
div#productFeatures div#box1 ul li, div#box2 ul li {
	margin: 0px 0px 3px 0px;
}
div#productFeatures ul li a:link, li a:visited {
	color: #41A7FF;
	text-decoration: none;
}
div#productFeatures ul li a:hover {
	color: #E06C93;
	text-decoration: underline;
}
div#productFeatures ul li a:active {
	color: #C43757;
	text-decoration: underline;
}
div#productFeatures_1 {
	border-right: 0px solid #F2F9FF;
	border-bottom: 1px none #999999;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 8px 0px;
	width: auto;
	display: block;
	overflow: visible;
	position: relative;
}
div#productFeatures_1 h4 {
	font-size: 110%;
	padding: 0px;
	margin: 0px;
}
div#productFeatures_1 div#box1 {
	float: left;
}
div#productFeatures_1 div#box2 {
	float: right;
}
div#productFeatures_1 .clear {
	clear: both;
	overflow: hidden;
	height: 1px;
}
div#productFeatures_1 div#box1, div#box2 {
	margin-left: 0px;
	width: 148px;
	display: inline;
	position: relative;
}
div#productFeatures_1 div#box1 ul, div#box2 ul {
	padding: 0px;
	margin: 0px 0px 0px 17px;
	list-style-type: square;
	list-style-position: 0 .5em 0 0;
	list-style-image: url("images/landing_bullet_1.gif");
}
div#productFeatures_1 div#box1 ul li, div#box2 ul li {
	margin: 0px 0px 3px 0px;
}
div#productFeatures_1 ul li a:link, li a:visited {
	color: #41A7FF;
	text-decoration: none;
}
div#productFeatures_1 ul li a:hover {
	color: #E06C93;
	text-decoration: underline;
}
div#productFeatures_1 ul li a:active {
	color: #C43757;
	text-decoration: underline;
}
div#twoStepReg {
	margin-bottom: 10px;
	width: auto;
	display: block;
}
table.regBoxTop {
	width: 265px;
}
table.regBoxTop td.step_holder {
	background: url("images/landing_regBox_top_bg.gif") repeat-x left top;
	width: 100%;
}
table.regBoxTop td.fold_holder {
	background-color: #FFFFFF;
}
div#regBox {
	background-color: #FFFFFF;
	border-right: 1px solid #8DB6E0;
	border-bottom: 1px solid #8DB6E0;
	border-left: 1px solid #8DB6E0;
	padding: 0px 2px 2px 2px;
	width: 259px;
}
div#regBox div#regBox_innerDiv {
	background: #C4DCF8 url("images/landing_regBox_innerDiv_bg.gif") repeat-x left top;
	padding: 10px 7px 10px 7px;
}
form.regBox_form {
	padding: 0px;
	margin: 0px;
}
table.regBoc_form_holder td {
	padding: 3px 0px 3px 0px;
}
/* These classes below are for the left pane */
div#lister_comparison_bnr {
	background-color: #000000;
	border-bottom: 10px solid #D9D9D9;
	width: 443px;
}
div#comparisonTitle {
	padding: 10px 0px 10px 0px;
	margin: 0px 18px 0px 18px;
	overflow: hidden;
}
div#comparisonTable_holder {
	margin: 0px 18px 0px 18px;
}
table.comparisonChart_table {
	border: 1px solid #78A5CC;
	width: 100%;
}
/*
table.comparisonChart_table th, table.comparisonChart_table td {
	font-size: 80%;
}
*/
table.comparisonChart_table th.head1_leftCorner {
	background: #8EBFE8 url("images/landing_head1_leftCnr_bg.gif") no-repeat top left;
}
table.comparisonChart_table th.head1_rightCorner {
	background: #8EBFE8 url("images/landing_head1_rightCnr_bg.gif") no-repeat top right;
	border-left: 1px solid #78A5CC;
}
table.comparisonChart_table th.head1_leftCorner, th.head1_center, th.head1_rightCorner {
	font-weight: normal;
	border-top: 1px solid #78A5CC;
	border-bottom: 1px solid #78A5CC;
	border-collapse: collapse;
	padding: 0px 5px 0px 5px;
	height: 24px;
	line-height: 24px;
}
table.comparisonChart_table th.head1_center {
	font-weight: normal;
	background: #8EBFE8 url("images/landing_head1_center_bg.gif") repeat-x top center;
	border-left: 1px solid #78A5CC;
}
table.comparisonChart_table td.head1_btmShdw_whiteBG {
	background: #FFFFFF url("images/landing_head1_btmShdw_white_bg.gif") repeat-x top left;
}
table.comparisonChart_table td.head1_btmShdw_blueBG {
	background: #E4EEF8 url("images/landing_head1_btmShdw_blue_bg.gif") repeat-x top left;
}
table.comparisonChart_table td.head1_btmShdw_grayBG {
	background: #EEEEEE url("images/landing_head1_btmShdw_gray_bg.gif") repeat-x top left;
}
table.comparisonChart_table td.head1_btmShdw_whiteBG, td.head1_btmShdw_blueBG, td.head1_btmShdw_grayBG {
	border-left: 1px solid #78A5CC;
	height: 5px;
	line-height: 5px;
}
table.comparisonChart_table td.dataColumn1 {
	background-color: #FFFFFF;
}
table.comparisonChart_table td.dataColumn2 {
	background-color: #E4EEF8;
}
table.comparisonChart_table td.dataColumn3 {
	background-color: #EEEEEE;
}
table.comparisonChart_table td.dataColumn1, td.dataColumn2, td.dataColumn3, td.dataColumn2_whiteBG {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #78A5CC;
	border-collapse: collapse;
	padding: 5px;
}
table.comparisonChart_table td.dataColumn1_lastRow {
	background-color: #FFFFFF;
}
table.comparisonChart_table td.dataColumn2_lastRow {
	background-color: #E4EEF8;
}
table.comparisonChart_table td.dataColumn3_lastRow {
	background-color: #EEEEEE;
}
table.comparisonChart_table td.dataColumn2_whiteBG {
	background-color: #FFFFFF;
}
table.comparisonChart_table td.dataColumn2_whiteBG_lastRow {
	background-color: #FFFFFF;
}
table.comparisonChart_table td.dataColumn1_lastRow, td.dataColumn2_lastRow, td.dataColumn3_lastRow, td.dataColumn2_whiteBG_lastRow {
	border-left: 1px solid #78A5CC;
	border-collapse: collapse;
	padding: 5px;
}

/*========================================================================================
COMMON CLASSES - CAN BE USED WITH ANY TAG OR ANYWHERE IN THE LAYOUT
========================================================================================*/

/* These classes define the properties of the balloon which opens when the mouse is moved over the Key Features in landing pages  */
div#balloon {
	position:absolute;
	top: 0;
	background: #C4DCF8 url("images/landing_balloon_bg.gif") repeat-x left top;
	width: 300px;
	padding: 10px;
	border:1px solid #15304D;
	font: normal 11px Verdana;
	line-height: 18px;
	z-index: 100;
	border-right: 3px solid #15304D;
	border-bottom: 3px solid #15304D;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}
div#balloon ul {
	padding: 0px;
	margin: 0px;
	list-style-type: square;
	list-style-position: outside;
}
div#balloon li {
	padding: 0px;
	margin: 5px 5px 5px 15px;
	line-height: 13px;
}
.multiparts {
}
div#formnavigation a:link, div#formnavigation a:visited {
	color: #41A7FF;
	text-decoration: none;
}
div#formnavigation a:hover {
	color: #C43757;
	text-decoration: none;
}
div#formnavigation a:active {
	color: #E06C93;
	text-decoration: none;
}
.red {
	COLOR: #ff0000
}
.button {
	color: #333333;
	font-weight: bold;
	background: #eeeeee url("images/bgd_grey_button.gif");
	border-top: #990000 1px solid;
	border-right: #660000 1px solid;
	border-bottom: #660000 1px solid;
	border-left: #990000 1px solid;
	cursor: pointer;
}
.eightpx {
	font-size: 8px;
}
.ninepx {
	font-size: 9px;
}
.tenpx {
	font-size: 10px;
}
.elevenpx {
	font-size: 11px;
}
.twelvepx {
	font-size: 12px;
}