/* CSS Document */

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

#canvas {
	width: 760px;
	height: 100%;
	border-top: none;
	border-right: 2px solid #513E14;
	border-bottom: none;
	border-left: 2px solid #513E14;
	background: #FFF;
	}
	
.logo {
	height: 105px;
	text-align: center
	}
	
#top {
	height: 105px;
	width: 100%;
	}
	
.navigation {
	background: #005C9B;
	padding: 5px 10px 5px 10px;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	height: 24px;
	color: #F9F7BC;
	}
		
.navigation a:link{
	color: #F9F7BC;
	text-decoration: none
	}
	
.navigation a:visited{
	color: #F9F7BC;
	text-decoration: none
	}
	
.navigation a:hover{
	color: #99C7E6;
	text-decoration: none
	}
	
.news {
	background: #513E14;
	border-top: 1px solid #FFF;
	height: 30px;
	}
	
.news a {
	color: #FF0;
	text-decoration: underline;
	}
	
.newsfeed {
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		}
		
.newsfeed strong {
	font-weight: bold;
	}
	
.newsfeed em {
	font-weight: bold;
	}
	
.content {
	height: 100%;
	width: 100%;
	padding: 0px;
	vertical-align: top;
	font: 100% Arial, Helvetica, sans-serif;
	}
	
.content td{	
	vertical-align: top;
}
	
.content h1 {
	margin: 0px 0px 15px 15px;
	font:  110% Arial, Helvetica, sans-serif;
	color: #005C9B;
	width: 325px
	}
	
.content h2 {
	margin: 0px 0px 25px 15px;
	font:  110% Arial, Helvetica, sans-serif;
	color: #005C9B;
	width: 325px
	}
	
.content h3 {
	margin: 0px 0px 15px 15px;
	font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 325px
	}
	
.content h5 {
	margin: -10px 0px 15px 15px;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #005C9B;
	width: 325px
	}
	
.content h5 em{
	font-style: normal;
	color: #DF3650;
	}
	
.content h6 {
	margin: 0px 0px -10px 15px;
	font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	color: #DF3650;
	width: 325px
	}
	
.content p {
	margin: 10px 15px 10px 15px;
	font: 70%/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #000
	}
	
.content small {
	padding: 10px 0px 0px 0px;
	font: 60%/1.3 Arial, Verdana, Helvetica, sans-serif;
	color: #666
	}
	
.content ul {	
	margin: 0px 0px 20px 15px;
	}
	
.content li {
	margin: 0px 15px 0px 15px;
	font: 70%/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	list-style-type: disc;
	list-style-position: outside
	}
	
.content a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
	}	
	
.content a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
	}	
	
.content a:hover {
	color: #005C9B;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
	}		

.home {
	width: 100%;
	padding: 15px 0px 15px 0px;
	font: 100% Arial, Helvetica, sans-serif;
	}
	
.home td{	
	vertical-align: top;
}
	
.right {
	height: 100%;
	width: 332px;
	padding: 10px 15px 15px 0px;
	font: 100% Arial, Helvetica, sans-serif;
	}
	
.right td {
	vertical-align: top;
}
	
#price {
	width: 332px;
	padding: 0px 0px 0px 15px;
 	position:absolute;
	z-index:1	
	}

#pricetable {
	width: 329px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}
	
#pricetable .top{
	width: 329px;
	height: 12px;
	padding: 0px;
	}
	
#pricetable .bottom{
	width: 329px;
	height: 12px;
	padding: 0px;
	}
	
#pricetable .main{
	width: 329px;
	padding: 0px;
	border-left: 2px solid #9EA4AB;
	border-right: 2px solid #9EA4AB;
	background: #FFF
	}
	
#pricetable .main h1 {
	width: 309px;
	font: bold italic 100% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 10px;
	}
	
#pricetable .main h2 {
	width: 309px;
	font: bold italic 100% Arial, Helvetica, sans-serif;
	color: #DF3159;
	margin: 20px 0px 5px 10px;
	}
	
#pricetable .main em {
	color: #0083BA;
}

#pricetable .main small {
	color: #000;
	font: italic 75% Arial, Helvetica, sans-serif;
}
	
#pricetable .main p {
	width: 309px;
	font: italic 80% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 10px;
	}
	
#pricetable .sizes {
	width: 270px;
	font: 75% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 10px 10px;
	}
	
#pricetable .sizes strong{
	font: bold italic;
	color: #000;
	}

#enquiry {
	background: #755717 url(../images/bg/enquiry.jpg) repeat-x bottom left;
	padding: 15px;
	width: 100%;
	}
	
#enquiry h1{
	font: bold  95% Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px 0px 5px 0px;
	}	
	
#enquiry p{
	font: bold 70% Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px 0px 10px 0px;
	}	
	
.enquiryform {
	width: 100%;
	font: 70% Arial, Helvetica, sans-serif;
	color: #ECD680;
	margin: 0px;
	padding: 0px 0px 5px 0px
	}
	
.enquiryform td {
	vertical-align: middle
}	
	
.enquiryform .textbox {
	background: #ECD680;
	width: 120px;
	border: 1px solid #FFEA98;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.enquiryform .messagebox {
	background: #ECD680;
	width: 315px;
	border: 1px solid #FFEA98;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.enquiryform .selectbox {
	background: #ECD680;
	width: 185px;
	border: 1px solid #FFEA98;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.enquiryform .tickbox {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	background: #ECD680;
	margin: 0px 0px 0px 5px;
	border-right: 1px solid #ECD680;
	border-bottom: 1px solid #ECD680
	}
	
/* -----------------------------------------------------------BOX CALCULATOR------------------------------------------------ */	

	
.boxcalculatorform {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #DF3650;
	margin: 0px;
	padding: 0px 0px 5px 20px;
	}
	
.boxcalculatorform form {
	margin: 0px;
	}	
	
.boxcalculatorform em {
	color: #005C9B;
	font-style: normal;
	font-weight: bold
	}
	
.boxcalculatorform img {
	margin: 5px 0px 0px 11px;
		}
	
.boxcalculatorform td {
	vertical-align: middle
}	

.boxcalculatorform  td.line {
	vertical-align: middle;
	border-bottom: 1px dotted #666;
	margin: 0px 5px 10px 5px
}	
	
.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
	}
	
.boxcalculatorform .messagebox {
	background: #ECD680;
	width: 315px;
	border: 1px solid #FFEA98;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.boxcalculatorform .selectbox {
	background: #ECD680;
	width: 185px;
	border: 1px solid #FFEA98;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.boxcalculatorform .radio {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF;
	margin: 5px 5px -2px 5px;
	}	
	
.boxcalculatorform .submit {
	margin: 10px 0px 0px 0px;
	}	
	
.fovia {
	background: #FFF;
	height: 37px;
	margin: 0 auto;
	font: 70% Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	border-top: 2px solid #CCC;
	text-align: center;
	padding: 10px
	}	
	
.fovia a:link {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	}	
	
.fovia a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}	
	
.fovia a:hover {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
	}		
	
	#boxtopia{
width:355px;
float:left;}

#boxtopia img{
}

#boxtopia p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
padding:0;
margin:0;
}

#valepack{
width:355px;
float:left;}

#valepack img{

padding-top:30px;}

#valepack p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
padding:0;
margin:0;
padding-top:8px;
}
/*--------------------------------------------------ROBOTS--------------------------------------------------*/
	
.robots {
	padding: 0px 10px 10px 10px;
	font: 70%/1.2 Verdana, Arial, Helvetica, sans-serif;
	color: #005C9B;
	}