body {
	margin: 0px;
	background: #FFF;
	font: 93%/1.2em arial, Helvetica, Sans-Serif;	
}

a {
	color: #56B30A;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	color: #56B30A;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 1.7em;
	line-height: 25px;
}

h2 {
	color: #56B30A;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
}

h3 {
	color: #039FDB;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 1.2em;
}

.hide { display: none; }

#Global {
	width: 1024px;
	height: auto;
	margin-left: auto;
	margin-right: auto;	

}

#container {
	width: 1024px;
	height: auto;
	min-height: 400px;
	margin-left: auto;
	margin-right: auto;
}

#headleft {
	float: left;
	height: 160px;
	width: 220px;
	padding-top: 3px;	
	padding-left: 9px;
}

#headmiddle {
	float: left;
	height: 153px;
	width: 320px;
	padding-top: 3px;
	padding-left: 20px;
}

#headright {
	float: left;
	height: 54px;
	width: 215px;
	text-align: right;
	margin-top: 0px;
}


#navigation {
	float: left;
	background: #56B30A;
	width: 100%;
	height: 35px;
	font-size: 0.90em;
	font-weight: bold;
	margin-bottom: 10px;
}

#sidebar {
	float: left;
	width: 250px;
	margin-right: 13px;
}

#address {
	position: absolute;
	width: 400px;
	margin-left: 320px;
	margin-top: 60px;
	text-align: center;
	font-weight: bold;
	color: #039FDB;
	
}

#address em {
	color: #56B30A;
}

#box {
	float: left;
	margin: 0px;
	width: 250px;
	font-size: 0.90em;
}

#box h1 {
	color: #FFFFFF!important;
	margin: 0px!important;
	padding: 10px 0px 0px 10px!important;
	font-size: 1em!important;
	font-weight: bold;
	line-height: normal;
}

#box .top {
	float: left;
	width: 190px;
	height: 28px;
	background: #039FDB;
}

#box .topblue {
	float: left;
	width: 250px;
	height: 35px;
	background: #039FDB;
}

#box .topplain {
	float: left;
	width: 190px;
	height: 4px;
	background: url(../img/boxheadplain.jpg) no-repeat;
}

#box .middle {
	float: left;
	width: 248px;
	border: 1px solid #E8F2D0;
}

#box .middleblue {
	float: left;
	width: 248px;
	border: 1px solid #039FDB;
}

#box .pad10 {
	padding: 10px
	}

#box .bottom {
	float: left;
	width: 190px;
	height: 4px;
	background: url(../img/boxfoot.jpg) no-repeat;
}

#LargeButton {
	float: left;
	background: #7FBA34;
	width: 250px;
	margin-top: 6px;		
}

#LargeButton a {
	font-size: 21px;
	color: #FFF;
	padding: 16px 8px 16px 8px;	
	text-decoration: none;
	background: #7FBA34;
	display: block;
}

#LargeButton a:hover {
	background: #039FDB;
}

.small {
	font-size: 14px;
	margin-top: 15px;
	text-align: right;
	text-decoration: underline;
}





ul.sidepoints {
	list-style-image: url(../img/sidetick.jpg);
	line-height: 15px;
	color: #000000;
	width: 220px;
	float: left;
	margin-left: 0px;
	margin-top: 10px;
}

ul.sidepoints li {
	margin-bottom: 10px;
	padding-left: 10px;
	margin-left: 20px;
	width: 215px;
}

#content {
	float: left;
	width: 760px;
	height: auto;
	font-size: 0.90em;
}

#subcontent {
	float: left;
	border: 1px solid #56B30A;
	width: 739px;
	padding: 10px;
	height: auto;
	font-size: 0.90em;
}



#footer {
	height: 40px;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.75em;
	color: #666666;
	border-top: 1px solid #ccc;
	margin-top: 10px;
}

#footer .left {
	float: left;
	width: 300px;
	margin-left: 5px;	
	margin-bottom: 30px;
	padding-top: 5px;
}

#footer .right {
	float: right;
	width: 300px;
	margin-right: 5px;
	text-align: right;
	padding-top: 5px;
}

#footer .right a {
	color: #666666;
	text-decoration: underline;
}

.red {
	color: #FF0000;
}

.price {
	color: #FF0000;
	display: inline;
	font-weight: bold;
	font-size: 18px;
}

.price a {
	color:  #006600;
	display: inline;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

.price a:hover {
	color:  #000000;
}

#PropBox {
	width: 735px;
	float: left;
	margin-bottom: 15px;
}

#PropBox .left {
	width: 170px;
	float: left;
	border: 1px solid #56B30A;
}

#PropBox .right {
	width: 530px;
	padding: 10px;
	height: 120px;
	margin-left: 10px;
	float: left;
	border: 1px solid #56B30A;
}

#PropBox .foot {
	font-size: 0.90em;
	color: #333333;
}

#MapLink {
position: absolute;background: #039FDB;color: #FFF;padding: 5px;float: right;margin-left: -70px;margin-top: 90px;	
}



/* -- CSS TABLE ---- */


.cssTable { padding-bottom:1em;}
.cssTH { clear:both;background: #FFFFE8 none; font-weight:bold; border-top: #CCCCCC 1px solid;border-bottom: #CCCCCC 1px solid; padding:0.5em; width:100%}
.cssSH { clear:both;float:left;background:#039FDB; font-weight: bold; border-bottom: #CCCCCC 1px solid; padding:0.5em; color: #FFF;width:100%;}
.cssSHS { clear:both;float:left;background: #EFEFEF; font-weight: bold;  border-top: #CCCCCC 1px none;border-bottom: #CCCCCC 1px solid; padding:0.5em; width:100%; color: #727272;}

.cssNoDashSH { clear:both;float:left;background: #EEEEEE none; font-weight: bold;  border-top: #CCCCCC 1px none;border-bottom: #CCCCCC 1px solid; padding:0.5em; width:100%;}
.cssTHRed { clear:both;background: #00CC00 none; font-weight:bold; border-top: #999999 1px solid;border-bottom: #999999 1px solid; padding:0.5em; width:100%;  color:#fff }



.normalItalics { font-weight:normal; font-style:italic;}
.cssDashTR { clear:both; float:left;border-bottom: #CCCCCC 1px solid; width:100%; padding:0.5em;}
.cssDashTRRed { clear:both;float:left;border-bottom: #CCCCCC 1px solid; width:100%; padding:0.5em; color:#DC122A;}
.cssNoDashTR { clear:both;float:left;border-bottom: #999999 1px none; width:100%; padding:0.5em;}


.cssBasketNoDashTR { clear:both;float:left;border-bottom: #999999 1px none; width:100%; padding:0.5em 0;}
.cssBasketSolidTR { clear:both;float:left;border-top: #cccccc 1px solid; width:100%; padding:0.5em 0; font-size:110%;}
.cssBasketBoldTD { float:left; width:400px; font-weight:bold;}


.cssLargestTD { float:left; width:100%;}
.cssLargestBoldTD { float:left; width:400px; font-weight:bold;}
.cssLargestCenterTD { float:left; width:400px; text-align:center; vertical-align:middle}
.cssLargestCenterBoldTD { font-weight:bold; float:left; width:400px; text-align:center; vertical-align:middle}

.cssLargerTD { float:left; width:350px;}
.cssLargerBoldTD { float:left; width:350px; font-weight:bold;}
.cssLargerCenterTD { float:left; width:350px; text-align:center; vertical-align:middle}
.cssLargerCenterBoldTD { font-weight:bold; float:left; width:350px; text-align:center; vertical-align:middle}

.cssLargeTD { float:left; width:300px;}
.cssLargeBoldTD { float:left; width:300px; font-weight:bold;}
.cssLargeCenterTD { float:left; width:300px; text-align:center; vertical-align:middle}
.cssLargeCenterBoldTD { font-weight:bold; float:left; width:300px; text-align:center; vertical-align:middle}

.cssMedLargeTD { float:left; width:220px;}
.cssMedLargeTD2 { float:left; width:220px;}
.cssMedLargeBoldTD { float:left; width:220px; font-weight:bold;}
.cssMedLargeCenterTD { float:left; width:220px; text-align:center; vertical-align:middle}
.cssMedLargeCenterBoldTD { font-weight:bold; float:left; width:220px; text-align:center; vertical-align:middle}

.cssMediumTD { float:left; width:200px;}
.cssMediumPaddingTD { float:left; width:200px; text-align: left; padding-left: 20px;}
.cssMediumBoldTD { float:left; width:200px; font-weight:bold;}
.cssMediumCenterTD { float:left; width:200px; text-align:center; vertical-align:middle}
.cssMediumCenterBoldTD { font-weight:bold; float:left; width:200px; text-align:center; vertical-align:middle}

.cssMediumTD2 { float:left; width: 390px; text-align: right;}
.cssMediumTD2 a { text-decoration: underline;}
.cssMediumTD2 a:hover { text-decoration: underline;}
.cssMediumBoldTD2 { float:left; width:390px; font-weight:bold; text-align: right;}

.cssMediumTD3 { float:left; width: 225px; text-align: right;}
.cssMediumTD3 a { text-decoration: underline; color: #3A8002;}
.cssMediumTD3 a:hover { text-decoration: underline; color: #990000;}
.cssMediumBoldTD3 { float:left; width:225px; font-weight:bold; text-align: right;}


.cssMedSmallTD { float:left; width:150px;}
.cssMedSmallRightTD { float:left; width:150px; text-align: right;}
.cssMedSmallBoldTD { float:left; width:150px; font-weight:bold;}
.cssMedSmallCenterTD { float:left; width:150px; text-align:center; vertical-align:middle}
.cssMedSmallCenterBoldTD { font-weight:bold; float:left; width:200px; text-align:center; vertical-align:middle}


.cssSmallTD { float:left; width:130px;}
.cssSmallBoldTD { font-weight:bold; float:left; width:130px;}
.cssSmallCenterTD { float:left; width:130px; text-align:center; vertical-align:middle}
.cssSmallCenterBoldTD { font-weight:bold; float:left; width:130px; text-align:center; vertical-align:middle}

#ToolTip a {
	position: relative; 
	background-color: #fff;
	color: #000;
}
#ToolTip a span {
	display: none;
}
#ToolTip a:hover {font-size: 100%;} /* IE/Win requires some link change on hover in order to show the tooltips */

#ToolTip a:hover span { /*the span will display just on :hover state*/
	display: block !important;
	position: absolute;
	top: 0px; 
	left: 50px; 
	width: 300px;
	border: 1px solid #999;
	background-color: #FFFFE8; 
	color: #000;
	padding: 10px;
	font-size: 0.8em;
	text-align:left;
	font-weight:normal;

}

.cssTinyTD { float:left; width:44px; text-align: left;}
.cssTinyBoldTD { font-weight:bold; float:left; width:44px; text-align: left;}
.cssTinyBoldRightTD { font-weight:bold; float:left; width:44px; text-align: right;}
.cssTinyCenterTD { float:left; width:79px; text-align:center; vertical-align:middle}
.cssTinyCenterBoldTD { font-weight:bold; float:left; width:79px; text-align:center; vertical-align:middle}

.cssSmallerTD { float:left; width:87px;}
.cssSmallerBoldTD { font-weight:bold; float:left; width:87px;}
.cssSmallerCenterTD { float:left; width:90px; text-align:center; vertical-align:middle}
.cssSmallerCenterBoldTD { font-weight:bold; float:left; width:90px; text-align:center; vertical-align:middle}


.cssTD { float:left; width:150px;}
.cssBoldTD { font-weight:bold; float:left; width:150px;}
.cssCenterTD { float:left; width:150px; text-align:center; vertical-align:middle}
.cssCenterBoldTD { font-weight:bold; float:left; width:150px; text-align:center; vertical-align:middle}

.FormButton {border: 1px solid #039FDB;background: #039FDB;height: 30px; width: auto;padding: 3px 4px 4px 4px;font-weight: bold;margin-top: 8px;font-family:Arial, Helvetica, sans-serif;font-size:1em;color: #FFFFFF;outline:none;}

.FormButton:hover {background: #7FBA34;}




#teaser { 
	width: 100%;
	margin-top: 13px;
}

#teaser p { 
	margin: 0px 0px 8px 0px;
}

#teaser_a {
	float: left;
	margin-right: 13px;
}

#teaser_b {
	float: left;
	margin-right: 13px;
}

#teaser_c {
	float: left;
}

#side-test {
	float: left;
	background: #7FBA34;
	width: 230px;
	padding: 10px;
}

#ComparisonTable {
	width: 550px;;
	float: left;
}

#ComparisonHead {
	width: 271px;
	height: 40px;
	float: right;
	background: url(../img/comparison_bg.jpg) top right no-repeat;
	text-align: center;
	font-size: 0.80em;
	color: #006600;
	line-height: 12px;
}

#ComparisonHead .column {
	width: 65px;
	float: left;
	margin: 9px 2px 0px 1px;
}

#ComparisonHead .end {
	width: 65px;
	float: left;
	margin: 9px 0px 0px 1px;
}

#ComparisonRow {
	width: 100%;
	height: 25px;
	float: left;
	border-top: 1px solid #CCCCCC;
}

#ComparisonRow-header {
	cursor: pointer;
	width: 100%;
	height: 25px;
	float: left;
	border-top: 1px solid #CCCCCC;	
}

#ComparisonRow .title {
	width: 264px;
	float: left;
	font-size: 0.85em;
	color: #006600;
	font-weight: bold;
	padding: 5px 0px 0px 15px;
}

#ComparisonRow .column {
	width: 65px;
	float: left;
	margin-right: 1px;
	padding: 5px 0px 4px 0px;
	border-left: 1px solid #478C3D;
	border-right: 1px solid #478C3D;	
	text-align: center;
}

#ComparisonRow .end {
	width: 65px;
	float: left;
	padding: 5px 0px 4px 0px;
	border-left: 1px solid #478C3D;
	border-right: 1px solid #478C3D;
	text-align: center;		
}

#ComparisonFoot {
	width: 100%;
	height: 40px;
	float: right;
	background: url(../img/comparison_foot.jpg) top right no-repeat;
	border-top: 1px solid #CCCCCC;
}