@charset "utf-8";
/* ---------- GENERAL ---------- */
	html,body {
	 font-family: 'Droid Sans', arial, serif; 
	 color:#999;
	 line-height: 95%;
	 height: 100%;
         word-wrap: break-word;
	 background-color:#eeeeee;
 	}
	
	#wrap{
	  min-height: 100%;
   	  height: auto !important;
   	  height: 100%;
      margin: 0 auto -100px;
	  width:960px;
	  background-color:#fff
	}
	
		
/* ---------- TYPEOGRAPHY ---------- */

h1,h2,h3,h4,h5,h6{font-family: font-family: 'Cantarell', arial, serif; }
	h2 {
	  font-size:13px;
	  background:url(../images/h1-bar.png) left bottom no-repeat;
	  height: 22px;
         margin-bottom:4px;
  }

h1, .news h6 { 
      font-size:15px;
      color:#FF6600;
      height: 22px;
      background:url(../images/h2-bar.png) left bottom no-repeat;

   }

	h3 {
              font-size: 13px;
              font-weight:bold; 
              color:#fff; width: 710px; 
              height: 25px; 
              background:url(../images/h1.gif) center center no-repeat;
              display:block;
              margin: 5px 0 7px 0;
              padding-top: 10px;
              text-indent: 3px
             }
	
    h4 {font-weight:bold; color:#FF6600; font-size:14px;  }
    h5 {font-size:12px;
		display:block;
		background:url(../images/h5-bar.png) left bottom no-repeat;
		padding-bottom: 1px;
		color:#FF6600;
		height:20px}
	h6{font-size:17px; color:#FF6600}	
	p {font-size: 12px; line-height: 150%; text-align:justify;}
	a {text-decoration:none;color:#FF6600}
	hr {color: #ccc; background-color: #ccc; height: 1px; }


/* ---------- THUMBS ---------- */
.thumbs { width: 340px; height:130px; float:left; padding: 0 0 15px 0}
.thumbs-image {width:130px; height:130px; float:left}
.thumbs-image a img{text-decoration:none;border:none}
.thumbs-text {width:180px; height:130px;float:left;padding-left: 5px;}
.thumbs-text p {font-size:11px; line-height:130%; padding:1px}
.thumbs-text h6{padding: 0 0 3px 0; color:#f28800; padding:2px}
/* ---------- THUMBS ---------- */
	


/* ---------- CONTENT ---------- */
	#body{
	width: 960px;
	background-color:#FFF;
	}
	
			
/* ---------- Content ---------- */	
	#content {
		width:960px;
		padding-top:10px;		
		}	
			
/* ---------- RIGHT-CONTENT ---------- */
	#right-content{
	width:705px;
	padding-right: 15px;
	float:right
	}
/* ---------- LATEST ---------- */
.latest{height: 135px}	
.latest-content{margin-top:5px}
.latest-image{
  width: 230px;
  margin-right:4px;
  text-align:left;
  font-size:12px;
  color:#fff;
  float:left;
}
.latest-image h1{font-size:12px;}
.latest-image img{border:0; text-decoration: none; padding: 4px 0 0 0}
.lates-image a{ text-decoration: none}

/* ---------- End of Latest ---------- */

/* ---------- NEWS ---------- */

#news{
	height: 130px;
	padding:5px 0
}

.newsbox{
	width:120px;
	height:120px; 
	float:left;
}


.newstext{
	float:right; padding-left: 10px; padding-top: 5px;
	width: 565px;
}		
.newstext p{
	font-size:11px;
}

.newstext h6{
	font-size:15px;
	font-weight:bold
}

.newstext q{
	font-size: 10px;
	color:#999; 
	font-style:italic
	}
/* ---------- FOOTER ---------- */



#gallery-wrap{padding-left:5px}
	#gallery {
	 width: 950px;
	 background:url(../images/gallery-bg.png) top left no-repeat;
	 height: 340px;
	 margin: 0 auto;
	 padding: 12px 0px 0 20px;
  	}

#gallery img { border:0; text-decoration: none}

/* ---------- SPECS - INDIVIDUAL---------- */

.specs {
margin-top:20px;
font-size:12px;
line-height: 150%;
list-style-type:none;
height:450px;
}

.feat{
width: 260px;
float:right
}

.specs span{
font-weight: bold;
}

.image{width:450px; height:600px;
float:left}

.specs li{
list-style-type:none
}

.bread {
font-size: 12px; padding: 5px 0 20px 0 
}

.side{width: 710px
}

.downside{
width:710px
}


form, fieldset{
border:0;margin: 0; font-family: "Gill Sans MT", Arial, sans-serif;
}

#error{ 
color: #df0505
}

.right{float:right}
.left{float:left}
.list span {color:#7d7878; font-size: 12px}
.list a{color: #999}
.list a:hover{color: #f28800}
.list li { list-style-position: inside; padding: 4px; color:#f28800; list-style-image:url(../images/arrow-list.png) no-repeat}


/* ---------- SPECS - INDIVIDUAL---------- */
#table{
       font-family: "Arial", Verdana, sans-serif;
       width:710px;
       border:0; 
       padding-bottom: 5px;
       float: left;
       border-collapse: collapse}

th {
	background-color:#f28800;
	font-size:11px;padding:2px;
	border: 1px solid #fff;
        color: #000;
       font-weight: bold;   }

td{
			border: 1px solid #fff;
			font-size:12px;
			text-align:center;
			padding:4px;
			color:#50504f;
			background-color:#eee;
                        height: 20px;
			}

tr.odd td  {
		background-color:#fff
			}


tfoot td{background-color:#fff}

label { color:#666; font-weight: bold; font-size:12px}

/* ---------- SEARCH---------- */
#ajaxSearch_input{
	    float: left;
	    margin: 10px 5px 20px 90px;
		width: 214px;
		border:0;
		background: none;}

#ajaxSearch_submit{
	position: absolute;
	float: left;
	width:21px;
	left: 309px;
	top: 10px;
}

 .ajaxSearch_resultsInfo{ font-weight: bold; padding-bottom: 10px}
 .ajaxSearch_result{color: #555;padding: 10px 0; border-bottom: 1px solid #ccc; clear: both}
 .ajaxSearch_resultExtract, .ajaxSearch_resultDescription {font-size: 11px; }
 .ajaxSearch_resultDescription {font-weight: bold}

<!--Search -->

.images img {padding: 4px}
.images {padding-bottom: 15px}
.download {margin-bottom: 150px}


     .boxhdr {
            width:200px;
            background:#f28800;
            font-size: 13px;
            color: #fff;
            border:1px solid #f28800;
            font-weight:bold;
            padding:5px;
         }
         
           .boxbdy {
            width:200px;
            font-size: 11px;
            background:#fff;
            border-left:1px solid #f28800;
            border-right:1px solid #f28800;
            border-bottom:1px solid #f28800;
            color: #7D7878;
            padding:5px;
         }


.border { margin: 6px; border: 1px solid #ccc}
.center {margin: 0 auto; text-align: center}



/* ---------- Download---------- */
.download {
	width:252px;height:56px;padding: 5px 0;
	background:url(../images/download.gif) no-repeat;	    
}

.download a {display: block;width:100%x;height:100%;}

/* ---------- Download---------- */
.manual {
	width:252px;height:56px; padding: 5px 0;
	background:url(../images/manual.gif) no-repeat;	
}

.manual a {display: block;width:100%x;height:100%;}


/* ---------- Common ---------- */
.justify {text-align:justify}
.text-left{text-align:left; text-indent: 5px}
.clearfix {clear:both; margin-bottom: 10px}
.clear {clear:both}