body {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%;
	max-height: 100%;
	background-color: #FFFFFF;
  background-image: url('images/site_bg.jpg');
  }

#frameLeft {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px; /*Width of left frame div*/
  height: 100%;
  overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
  color: black;
  }

#frameTop {
	position: absolute;
	top: 0;
	left: 180px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 0;
	height: 180px; /*Height of top frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	color: black;
	}

#frameBottom {
	position: absolute;
	top: auto;
	left: 180px; /*Set left value to WidthOfLeftFrameDiv*/
	bottom: 0;
	right: 0;
	height: 100px; /*Height of bottom frame div*/
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	color: black;
	}

#frameRight {
	position: fixed;
	top: 180px; /*Set top value to HeightOfTopFrameDiv*/
	left: 180px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 0;
	bottom: 100px; /*Set bottom value to HeightOfBottomFrameDiv*/
	overflow: auto;
	}

.framePadding {
	margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
	}

* html body { /*IE6 hack*/
	padding: 110px 0 120px 200px; /*Set value to (HeightOfTopFrameDiv  0 HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
	}

* html #frameRight { /*IE6 hack*/
	height: 100%;
	width: 100%;
	}

* html #frameTop, * html #frameBottom { /*IE6 hack*/
	width: 100%;
	}

#column1 {
	float:left;
	width: 50%;
	}

#column2 {
	float:left;
	width: 50%;
	}

#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: 250px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	}

#dhtmlpointer {
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	}

/* product items */
.proddesc {
  float:left;
  width: 60%;
  font-size: 18px;
  font-family: "Arial";
  font-weight: bold;
  color: black;
  margin: 0px 0px 0px 6px;
  }

.prodmodel {
  padding-left 30px;
  color: #C0C0C0;}

.prodprice {
  font-size: 16px;
  font-family: "Arial";
  font-weight: bold;
  color: black;
  text-align: center;
  }
  
.prodpict {
  float:left;
  width: 200px;
  height: 200px;
  }

.prodcart {
  float:right;
  font-size: 18px;
  font-family: "Arial";
  font-weight: bold;
  color: black;
  margin: 0px 0px 0px 6px;
  }

#prodspeccol1 {
  float:left;
  width: 10%;
  }

#prodspeccol2 {
  float:left;
  width: 25%;
  }

#prodspeccol3 {
  float:left;
  width: 65%;
  }
  
.prodend {
  clear:both;
  }

.pricecol1 {
	float:left;
	width: 20%;
  }
  
.pricecol2 {
	float:left;
	width: 20%;
  }
  
.pricecol3 {
	float:left;
	width: 30%;
  }
  
.pricecol4 {
	float:left;
	width: 20%;
  }
  
.priceend {
  clear:both;
  }
  
.banner {
  font-size: 42px;
  font-family: "Arial", "Forte";
  color: black;
  letter-spacing: -0.05em;
  }
  
.bannersmall {
  font-size: 24px;
  font-family: "Arial", "Forte";
  color: black;
  letter-spacing: -0.05em;
  }
 
.bannertiny {
  font-size: 16px;
  font-family: "Arial", "Forte";
  color: black;
  letter-spacing: -0.05em;
  }
  
.footer {
  font-size: 16px;
  font-family: "Arial";
  font-weight: bold;
  color: black;
  } 
  
.footersmall {
  font-size: 10px;
  font-family: "Arial";
  font-weight: bold;
  color: black;
  } 
  
.regular {
  font-size: 16px;
  font-family: "Arial", "Times New Roman";
  color: black;
  } 
      
.general {
  font-size: 18px;
  font-family: "Arial", "Times New Roman";
  font-weight: bold;
  color: black;
  }
 
.bigger {
  font-size: 24px;
  font-family: "Arial", "Times New Roman";
  font-weight: bold;
  color: black;
  }
    
.answer {
  font-size: 16px;
  font-family: "Arial", "Times New Roman";
  font-weight: bold;
  color: green;
  }
    
.handcursor {
  cursor:pointer;
  }    

input, select {
	border: 1px solid silver;
	}
	
input.error, select.error {
	padding-right: 16px; 
	border: 1px solid red; 
	background-color: #FFFCE2; 
	background-image: url(images/warning_obj.gif); 
	background-position: right; 
	background-repeat: no-repeat;
	}
	
input:focus, select:focus {
	border: 1px solid red; 
	background-color:#EFEFEF;
	}
	
.mandatory  {
	font-weight: bold;
	}
	
.comment {
	color: #BBBBBB; 
	}
	
.info {
	color: black; 
	background-color: transparent; 
	font-weight: normal;
	}
	
.warn {
	color: rgb(120,0,0); 
	background-color: transparent; 
	font-weight: normal; 
	}
	
.error {
	color: red; 
	background-color: 
	transparent; 
	font-weight: bold
	}
  
#myGallery {
	width: 500px !important;
	height: 250px !important;
	}
	
para {
	float:left;
	width:0.7em;
	font-size:400%;
	font-family:algerian,courier;
	line-height:80%;
	}	

div.background {
  width: 100%;
  height: 100%;
  background: url(images/surfing.jpg) repeat;
  border: 2px solid black;
  }
  
div.transbox {
  width: 98%;
  height: 100%;
  margin: 10px 10px;
  background-color: #ffffff;
  border: 1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
  
div.transbox p {
  margin: 30px 40px;
  font-weight: bold;
  color: #000000;
  }
  
.forSale {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%;
	max-height: 100%;
	background-color: #FFFFFF;
  background-image: url('images/site_bg.jpg');
  }  

.hr {
	color:black;
	margin-left:20px;
	}