/* Reset
---------------------------------------------------------------------------------------- */

img, div {
  behavior: url(/iepngfix.htc);
}

em {
  font-style: normal;
}

form, input {
  margin: 0;
}

submit {
  margin: 0
}

table.tableizer-table {
  border: 1px solid #CCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 7px;
  width: 498px !important;
}

.tableizer-table td {
  border: 0;
  border-bottom: 1px solid #eaeaea;
  padding: 2px 0 2px 0;
}


.tableizer-table th {
  background-color: #104E8B;
  color: #FFF;
  font-weight: bold;
}

.specs_images {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  width: 520px;
}

.specs_images li {
  border: 1px solid #CCC;
  padding: 5px;
  width: 109px;
  height: 100px;
  float: left;
  margin: 0 5px 0 0;
}

.specs_images li#quotation {
  background: url('/img/specs/quotation.png') no-repeat;
  color: #FFF;
}

.specs_images #qtext {
  margin: 10px;
  padding: 10px 0 0 0;
  display: block;
  height: 70px;
  width: 85px;
}

.specs_images #qtext a {
  height: 100%;
  width: 100%;
  display: block;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.specs_images #qtext a:hover {
  text-decoration: underline;
}


#google_translate_element {
  float: right;
  border: 1px solid #ccc;
  margin: 10px;
  padding: 10px;
}

.cycle_photos, .cycle_item {
  display: block;
  position: relative;
  z-index: -1;
}

.cycle_photos {
  height: 282px;
  overflow: hidden;
}

.text_photo {
  width: 490px;
  border: 1px solid #CCC;
  padding: 10px;
  margin: 5px 0 15px 0;
}

* {
  font-family: verdana;
  font-size: 11px;
  line-height: 16px;
  text-align: left;
}

h1,h2,h3,h4,h5 {
  margin: 0;
  padding: 0;
  color: #5a3613;
}

img {
  border: 0px;
  display: block;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
text-align: center;
}

a {
  color: #5a3613;
}

h2 a {
  text-decoration: none;
  color: #5a3613;
}

h2 a:hover{
  text-decoration: underline;
}

#page_item_newsletter a {
  text-decoration: none;
  color: #868686;
}

#page_item_newsletter a:hover {
  text-decoration: underline;
}


.input_normal, .input_normal_select, .input_small {
  border: 1px solid #CCC;
  padding: 5px;
}

.input_normal {
  width: 290px;
}

.input_normal_select {
  width: 302px;
}

/* Layout
---------------------------------------------------------------------------------------- */

#headerbg {
	text-align:center;
	background: url('/img/header_menu.gif') repeat-x #78A300;
  height:50px;
}

#header_menu  {

  float: right;
  margin: 0;
  padding: 0;
}

#header_menu li a {
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  font-size: 12px;
}

#header_menu li:hover {
    background: #aac636;
}

#search_form {
  position: absolute;
  width: 180px;
  top: 6px;
  left: 618px;
}

#header_search {
  padding: 5px;
  border: 1px solid #567700;
  margin: 0 2px 0 0;
  color: #616161;
  width: 80px;
}

#search_header {
  margin-top: -4px;
}

 #callyou_input {
  border: 1px solid #567700;
  padding: 4px;
  color: #616161;
  width: 145px
}


#header_menu li {
  display: block;
  float: left;
  width: 80px;
  padding: 8px;
  height: 34px;
  text-align: center;
  border-left: 1px solid #b1c752;
  border-right: 1px solid #95a93c;
}

#header_menu li a {
  text-decoration: none;
  color: #FFF;
  margin-top: 2px;
}

#header_content, #footer_content {
  display: block;
  position: absolute;
  z-index: 1000;
  width: 995px;
  margin: 0px;
  left: 50%;
  margin-left: -497px;
	margin-right: auto;;
}

#container {
	position:relative;
	margin:0 auto;
	width:995px;
	/*border: 1px dashed #f00;*/
	margin-bottom: 0px;
  overflow: hidden;
  min-height: 850px;
}

#footer {
  position:relative;
	background:#cccc66;
	text-align:center;
  height: 70px;
  background: url('/img/footer_menu.gif') repeat-x;
	z-index: 1000;
}

#footer_logo {
  width: 150px;
  position: absolute;
  left: 0px;
  top: -100px;
  padding: 5px;
}

#footer_logo img {
  margin-left: 50px;
}

#footer_icon {
  width: 180px;
  position: absolute;
  right: 0px;
  top: -70px;
  padding: 5px;
  border-top: 1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
}

#footer_icon img {
  float: left;
}

.slogan {
  width: 995px;
  position: relative;
  display: block;
  height: 100px;
  z-index: 0;
}

.left {
	float:left;
  width:795px;
	min-height: 250px;
	z-index: 0;
}

.right {
	float:left;
	width:200px;
	clear:right;
	min-height: 250px;
	z-index: 0;
}

.clear {
  clear:both;
}

#page_submenu ul  {
  display: block;
  margin: 41px 0 0 0;
  padding: 0;
  width: 165px;
  float: left;
  border-top: 1px solid #CCC;
}

#page_submenu ul li {
  position: relative;
  display: inline;
  float: left;
  margin: 0px;
  width: 150px;
  border-bottom: 1px solid #CCC;
  padding: 5px 5px 0px 10px !important;
  padding: 5px 5px 0px 10px;
}

#page_text {
  width: 500px;
  display: block;
  position: relative;
  float: left;
  margin: 20px 50px 200px 60px !important;
  margin: 20px 25px 200px 40px;
  color: #808080;
  min-height: 500px;
}

#page_text h1 {
  margin: 3px 0 7px 0;
}

/* Home menu
---------------------------------------------------------------------------------------- */

#content_home_menu {
  display: block;
  position: absolute;
  top:290px;
  height: 190px;
  padding-top: 90px;
  z-index: 115;
  overflow: hidden;

}

#home_menu {
  display: block;
  background: #FFF;
  height: 150px;
  margin: 0;
  padding: 0;
}

#home_menu li {
  border-right: 1px solid #CCC;
  border-left: 1px solid #fff;
  border-top: 1px solid #868686;
  position: relative;
  display: inline;
  float: left;
  width: 177px !important;
  width: 150px;
  background: url('/img/jquery_menu.gif') repeat-x;
  padding: 10px;
  z-index: 1;
}

div#content_home_text {
  font-size: 11px; 
  padding: 10px 10px 10px 10px; 
  position: absolute; 
  z-index: 999; 
  width: 620px; 
  bottom: 10px;
  display: block; 
  height: 220px; 
/*  border: 1px solid #f00;*/
}

div#twitterfeed {
  position: absolute; 
  right: 10px;
  bottom: 50px;
}

div#content_home_text h1 {
  font-size: 16px;
  font-weight: bold;
}

div#content_home_text p,
div#content_home_text p strong,
div#content_home_text p strong a{
  font-size: 13px;
  color: #5A3613;
  line-height: 20px;
  text-decoration: none;
}

div#content_home_text p strong a:hover {
  text-decoration: underline;
}

/* Page menu
---------------------------------------------------------------------------------------- */

#page_menu {
  display: block;
  background: #FFF;
  height: 50px;
  margin: 0;
  padding: 0;
}

#page_menu li {
  position: relative;
  display: inline;
  float: left;
  margin: 0px;
  width: 137px !important;
  width: 137px;
  height: 40px;
  border-right: 1px solid #fff;
  border-left: 1px solid #CCC;
  border-top: 1px solid #868686;
  background: url('/img/header_page_menu.gif') repeat-x;
  padding: 10px;
}

#page_menu li p {
  opacity: 0;
}

/* Layout
---------------------------------------------------------------------------------------- */

#content_slogan {
  font-size: 23px;
  display: block;
  height: 70px;
  width: 995px;
  z-index: 0;
}

#content_subslogan {
  position: absolute;
  bottom: -20px;
  left: 130px;
  height: 44px;
  z-index: 99;
  text-align: left;
  display: block;
}

#content_subslogan h2 {
  margin-top: 6px;
}

#content_subslogan_mid {
  padding: 4px 0 0 0;
  display: block;
  height: 44px !important;
  height: 30px;
  float: left;
  background: url('/img/slogan_bg.png') repeat-x;
  text-align: left;
}

#content_subslogan_start {
  float: left;
  background: url('/img/slogan_start.png') no-repeat;
  width: 10px;
  display: block;
  height: 44px;
}

#content_subslogan_end {
  float: left;
  background: url('/img/slogan_end.png') no-repeat;
  width: 10px;
  display: block;
  height: 44px;
}

#content_logo {
  display: block;
  position: absolute;
  height: 104px;
  width: 143px;
  z-index: 2;
  bottom: -50px;
  right: 30px;
}

.footer_menu {
  float: left;
  width: 177px;
  display: block;
  position: relative;
  margin: 0;
  padding: 10px;
  border-left: 1px solid #a3896f;
}

.footer_menu li {
  list-style: none;
  margin: 0px;
  color: #FFF;
}

.footer_menu li a {
  text-decoration: none;
}

.footer_menu li a:hover {
  text-decoration: underline;
}

#footer li a {
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  font-size: 12px;
  color: #FFF;
}

/* Breadscrumbs
---------------------------------------------------------------------------------------- */

#breadcrumbs {
  border-bottom: 1px solid #CCC;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

#breadcrumbs a {
  text-decoration: none;
  color: #616161;
}

#breadcrumbs a:hover {
  text-decoration: underline;
}

/* Killer content
---------------------------------------------------------------------------------------- */

#content_home_news {
  z-index: 999;
}

#content_home_news h1, #content_page_news h1 {
  color: #fff;
  margin-left: 10px;
}

#photoslide {
  width:795px; height: 136px; overflow: hidden;
}

.arrow_list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.arrow_list li {
  padding: 5px 0 5px 0;
  position: relative;
  display: block;
}

.arrow_list li img{
  position: absolute;
  display: block;
  right: 3px;
  top:5px;
}

.arrow_list li a:hover {
  text-decoration: underline;
}

#content_home_news ul li, #content_page_news ul li {
    padding: 5px 10px 5px 10px;
}

#content_home_news ul li a, #content_page_news ul li a {
  text-decoration: none;
  color: #FFFFFF;
  
}

#content_home_news ul li a:hover, #content_page_news ul li a:hover {
  text-decoration: underline;
}

#content_home_news ul li, #content_page_news ul li {

  border-bottom: 1px solid #aec356;
}

#content_page_news {
  padding-top: 60px;
  width: 200px;
  height: 222px;
  background: url('/img/news_bg.gif') repeat-x;
  color: #FFF;
}

#page_item_custom, #page_item_sample, #page_item_callyou, #page_item_newsletter {
  width: 190px;
  border-top: 1px solid #9ea754;
  padding: 5px 0 0 10px;
  margin-left: 0px !important;
}

#page_item_custom {
  height: 34px;
  background: url('/img/bg_custom.jpg') repeat-x;
}

#page_item_sample{
  height: 33px;
  background: url('/img/bg_sample.jpg') repeat-x;
}

#page_item_callyou{
  height: 75px;
  background: url('/img/bg_callyou.jpg') repeat-x;
 
}

#page_item_newsletter{
  
  height: 75px;
  background: url('/img/bg_newsletter.jpg') repeat-x;
}

/* Paginator
---------------------------------------------------------------------------------------- */

.paginator {
  margin: 13px 0 10px 0;
  text-align: right;
}

#paginator_list {
  margin: 0px;
  padding: 0px;
}

#paginator_list li {
  list-style: none;
  display: inline;
  border: 1px solid #CCC;
  width: 9px;
  padding: 2px 6px 2px 7px;
  margin: 15px 5px 15px 0;
}

#paginator_list a {
  text-decoration: none;
  color: #9b9b9b;
}

#paginator_list a:hover {
  color: #ff9600;
  font-weight: bold;
}


/* When SIFR is not loaded..
---------------------------------------------------------------------------------------- */

.slogan h1 {
  font-family: Arial, sans-serif;
  color: #5a3613;
  font-size: 30px;
  font-weight: normal;
  margin-top: 15px;
  line-height: 35px;
}

.slogan h2, #content_page_news h1 a {
  font-family: Arial, sans-serif;
  color: #FFF;
  font-size: 20px;
  font-weight: normal;
  line-height:35px;
  text-decoration: none;
}

.page_items h1, .page_items h1 a {
  font-family: Arial, sans-serif;
  color: #FFF;
  font-size: 17px;
  font-weight: normal;
  line-height:25px;
  text-decoration: none;
  margin: 2px 0 5px 0;
}


#content_home_menu h1, #content_home_menu h1 a, #page_menu h1, #page_menu h1 a{
  font-family: Arial, sans-serif;
  color: #5a3613;
  font-size: 19px;
  text-decoration: none;
  font-weight: normal;
  height: 35px;
}

#content_home_menu a:hover {
  color: #a2bd30;
}

#page_submenu {
  width: 180px;
  float: left;
}

#page_submenu ul li a {
  font-size: 14px;
  text-decoration: none;
  font-weight: normal;
  /*height: 23px;*/
  display: block;
  padding: 4px 0;
}

#page_submenu ul li a.active {
  color: #a2bd30;
}




/* Superfish.css
---------------------------------------------------------------------------------------- */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  font-size: 12px;
}

.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			50px; /* match top ul list item height */
	z-index:		99;
}

.sf-menu li a {
  height: 30px;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
/*	border-left:	1px solid #fff;
    border-top:		1px solid #CFDEFF; */
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;

}
.sf-menu li {
	/*no bg anymore */
  border-left: 1px solid #b1c752;
  border-right: 1px solid #95a93c;
  height:50px;
  width: 100px;
}



.sf-menu li li{
  height: 34px;
  border: 0;
  padding: 2px;
  margin-left: -2px;
}


.sf-menu li a{
  text-align: center;
}

.sf-menu li li a{
  text-align: left;
}

.sf-menu li li {
  width: 200px;
	background:	#aac636;
  text-align: left;
}
.sf-menu li li li {
	background:		#9AAEDB;
}

.sf-menu li:hover, .sf-menu li.sfHover {
	background:	#aac636;
	outline:		0;
}

.sf-menu ul li a:hover, .sf-menu a:active {
	background: url('/img/header_menu.gif') repeat-x;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/* form_validation.css
---------------------------------------------------------------------------------------- */


/* Style for invalid input */
.invalidInput{
	border:1px dotted #F00;
	background-color: #FFECE6;
}

/* Style for valid input */
.validInput{
	border: 1px dotted #FF0000;
}