/* CSS Document */


body {
	background: #A6996B url(../images/bg/body.gif) repeat top left;
	margin: 0;
	padding: 0px;
	}
	
#container {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0 auto;
	float: left;
	vertical-align: top;
	}

#canvas {
	width: 950px;
	height: 100%;
	margin: 0 auto;
	border-top: none;
	border-right: 2px solid #513E14;
	border-bottom: none;
	border-left: 2px solid #513E14;
	background: #FFF;
	float: left;
	}
	
#top {
	height: 60px;
	background: #fff;
	padding: 20px;
	float: left;
	}
	
#navigation {
	background: url(../images/bg/navigation.gif) repeat-x top left;
	text-align: left;
	height: 13px;
	float: left;
	font: 75%/1 Arial, Helvetica, sans-serif;
	color: #aea797;
	padding: 8px 20px 9px 20px;
	width: 910px;
	}
	
#navigation ul {
	padding: 0px;
	margin: 0px;
	}
	
#navigation li {
	padding: 0px 3px 0px 0px;
	margin: 0px;
	list-style-type: none;
	display: inline;
	}
	
#navigation a {
	color: #fff;
	font-weight: bold;
	padding: 0px 3px 0px 0px;
	text-decoration: none;
	}
	
#navigation a:hover {
	color: #ecd680;
	font-weight: bold;
	padding: 0px 3px 0px 0px;
	text-decoration: none;
	}
	
#navigation strong {
		color: #ecd680;
	font-weight: bold;
}
	
	
#flasharea {
	height: 184px;
	width: 950px;
	background: #005c9b;
	padding: 0px;
	float: left;
	margin: 0px;
	}
	
#content {
	width: 950px;
	padding: 20px 0px 0px 0px;
	height: 100%;
	float: left;
	background: #fff;
	}
	
#content h1 {
	font: bold 90%/1.3 Arial, Helvetica, sans-serif;
	color: #c00;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	}

#content h2 {
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #005c9b;
	margin: 0px 0px 10px 0px;
	}
	
#content h3 {
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #005c9b;
	margin: 0px 0px 10px 0px;
	}
	
#content h4 {
	font: bold 75%/1.3 Arial, Helvetica, sans-serif;
	color: #005c9b;
	margin: 0px 0px 10px 0px;
	}
	
#content h5 {
	font: bold 80%/1.3 Arial, Helvetica, sans-serif;
	color: #005c9b;
	margin: 0px 0px 10px 0px;
	}
	
#content p {
	font:  75%/1.3 Arial, Helvetica, sans-serif;
	color: #005c9b;
	margin: 0px 0px 10px 0px;
	}
	
#content span {
	color: #005c9b;
	padding: 0px 3px 0px 3px;
	background-color: #FF0
	}
	
#content em {
	color: #f00;
	font-style: normal;
	font-weight: bold;
	}
	
#content ul {
	margin: 0px 0px 10px 20px;
	padding: 0px;
	}
	
#content li {
	font:  75%/1.4 Arial, Helvetica, sans-serif;
	color: #005c9b;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: square;
	}
	
#content li.number {
	font:  bold 75%/1.4 Arial, Helvetica, sans-serif;
	color: #005c9b;
	margin: 0px 0px 0px 3px;
	padding: 0px;
	list-style-type: decimal;
	}
	
#content a {
	color: #c00;
	text-decoration: underline;
	}
	
#content a:hover {
	color: #000;
	text-decoration: none;
	}
	
#content strong {
	font-weight: bold;
}

#content img {
	margin: 0px 0px 10px 0px;
	}
	
#leftcolumn {
	width: 445px;
	padding: 20px 10px 0px 20px;
	background: #fff;
	float: left;
	}
	
#rightcolumn {
	width: 445px;
	padding: 20px 20px 0px 10px;
	background: #fff;
	float: left;
	}
	
.row {
	width: 445px;
	float: left;
	clear: left;
	padding: 0px 0px 40px 0px;
	}	

.indent {
	width: 110px;
	padding: 0px 10px 0px 0px;
	float: left;
	clear: left;
	text-align: center;
	}
	
.textcolumn {
	width: 315px;
	float: left;
	padding: 0px;
	}

#productlist {
	width: 910px;
	padding: 0px 20px 20px 20px;
	float: left;
	}
	
#productlist p {
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #666;
}

#footer {
	width: 910px;
	padding: 0px 20px 10px 20px;
	float: left;
}

#footer p, #kimeera p {
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	color: #000;
}

#kimeera {
	width: 910px;
	padding: 0px 20px 10px 20px;
	float: left;
}

#kimeera a {
	color: #adaa00;
	text-decoration: underline;
	font-weight: bold;
	}
	
#kimeera a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}
	
form {
	margin: 0px 0px 15px 0px;
	width: 315px;
	float: left;
	}
	
label {
	color: #000;
	font: bold 70%/1.3 Arial, Helvetica, sans-serif;
	margin: 0px 5px 10px 0px
}

.radio {
	margin: 3px 6px -3px 0px;
	/margin: 3px 3px 0px 0px;
}

.textfield {
	width: 110px;
	border: #88b3d0 1px solid;
	background: #f1f1f1;
	color: #000;
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 0px 5px 5px 0px
	}
	
	
.selectbox {
	width: 140px;
	border: #88b3d0 1px solid;
	background: #f1f1f1;
	color: #000;
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 10px 5px 5px 0px
	}

.shortselectbox {
	width: 140px;
	border: #88b3d0 1px solid;
	background: #f1f1f1;
	color: #000;
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 5px 5px 5px 0px
	}
	
	
.uploadtextfield {
	width: 230px;
	border: #88b3d0 1px solid;
	background: #f1f1f1;
	color: #000;
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 5px 5px 5px 0px
	}		
	
.messagebox {
	width: 312px;
	border: #88b3d0 1px solid;
	background: #f1f1f1;
	color: #000;
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 5px 0px 10px 0px;
	}
	
.shortmessagebox {
	width: 147px;
	border: #88b3d0 1px solid;
	background: #f1f1f1;
	color: #000;
	font: 70%/1.3 Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 5px 0px 0px 0px;
	height: 46px
	}
	
.callback {
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	}	
	
	
/*---- Box Calculator ----*/
	
#content .boxcalculatorform {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #DF3650;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	width: 445px;
	float: left;
	clear: left;
	}
	
#content .boxcalculatorform form {
	margin: 0px;
	}	
	
#content .boxcalculatorform em {
	color: #005C9B;
	font-style: normal;
	font-weight: bold
	}
	
#content .boxcalculatorform img {
	margin: 5px 0px 0px 11px;
		}
	
#content .boxcalculatorform td {
	vertical-align: middle;
	padding: 0px 0px 5px 20px;
}	

#content .boxcalculatorform  td.line {
	vertical-align: middle;
	border-bottom: 1px dotted #666;
	margin: 0px 5px 10px 5px
}	
	
#content .boxcalculatorform .textbox {
	background: #FFF;
	width: 120px;
	border-bottom: 1px solid #CCC;
	border-top: none;
	border-right: none;
	border-left: none;
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #666;
	margin-left: 10px;
	padding: 2px
	}
	
#content .boxcalculatorform .messagebox {
	background: #ECD680;
	width: 315px;
	border: 1px solid #FFEA98;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	}
	
#content .boxcalculatorform .selectbox {
	background: #ECD680;
	width: 185px;
	border: 1px solid #FFEA98;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	}
	
#content .boxcalculatorform .radio {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF;
	margin: 5px 5px -2px 5px;
	}	
	
#content .boxcalculatorform .submit {
	margin: 10px 0px 0px 0px;
	}	

.result {
	background: url(../images/bg/results.gif) no-repeat top left;
	float: left;
	clear: left;
	width: 335px;
	padding: 25px 0px 100px 110px
	}
	
.resultsorry {
	background: url(../images/bg/resultssorry.gif) no-repeat top left;
	float: left;
	clear: left;
	width: 335px;
	padding: 25px 0px 100px 110px
	}
	
#option1 {
	visibility: hidden;
	position: absolute;
	top: 490px;
	left: 150px;
	z-index: 101;
	width: 445px;
	}
	
#option2 {
	visibility: hidden;
	position: absolute;
	top: 490px;
	left: 150px;
	z-index: 102;
	width: 445px;
	}
	
#option3 {
	visibility: hidden;
	position: absolute;
	top: 490px;
	left: 150px;
	z-index: 103;
	width: 445px;
	}
	
#option4 {
	visibility: hidden;
	position: absolute;
	top: 490px;
	left: 150px;
	z-index: 104;
	width: 445px;
	}