/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;


}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 2px;
}




/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}




/**
 * Joom!Fish - Multi Lingual extention and translation manager for Joomla!
 * Copyright (C) 2003-2007 Think Network GmbH, Munich
 *
 * All rights reserved.  The Joom!Fish project is a set of extentions for
 * the content management system Joomla!. It enables Joomla!
 * to manage multi lingual sites especially in all dynamic information
 * which are stored in the database.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307,USA.
 *
 * The "GNU General Public License" (GPL) is available at
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 * -----------------------------------------------------------------------------
 * $Id: mod_jflanguageselection.css 567 2007-07-17 05:53:43Z akede $
 *
*/

/* Joom!Fish CSS definition used by the module or component. You might overwrite it in your
 * template and remove this. Within your module configuration you can switch off the loading of the css*/


#jflanguageselection
{
    float: right;
	margin: 15px 0px 10px 5px;    
}

/* language lists with UL (names & images) */
#jflanguageselection ul.jflanguageselection
{
	list-style: none;
	padding: 0;
	margin-top: 3px;
	font-weight: normal;
}

#jflanguageselection ul.jflanguageselection li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 1px 1px 1px 1px;
	white-space: nowrap;
	border: none;
	font-size: 0.9em;
}

#jflanguageselection ul.jflanguageselection li#active_language
{
 	font-weight: bold;
	font-size: 1.0em;
}

#jflanguageselection ul.jflanguageselection li a
{
	display: block;
}

#jflanguageselection ul.jflanguageselection img
{
	border: none;
}

div#jflanguageselection img.langImg {
	float: left;
	border: none;
	margin-top: 3px;
}
div#jflanguageselection li img.langImg {
	float: left;
	border: none;
	margin: 0px 1px 0px 1px;
}

/** Styles for the drop down list */

#jflanguageselection select.jflanguageselection
{
	border: 1px solid #cccccc;
}

#jflanguageselection label.jflanguageselection
{
	position:absolute;
	left:-1000px;
}

/** Controls Raw Display of Images **/

.rawimages {
	text-align: center;
	margin-top: 3px;
}
.rawimages img {
	border: none;
	margin:2px;
}
.rawimages span#active_language img
{
	margin:2px;
	border: none;
}

div#jflanguageselection img.langImg{ float: left; border: none; margin-top: 3px; }
div#jflanguageselection li img.langImg{ float: left; border: none; margin: 1px 3px 0px 0px; }

#jflanguageselection .opaque{
	filter:alpha(opacity=30);
}
#jflanguageselection option.opaque{
	color:graytext;
}




body {
      background:#242422 url(header_bg.png) repeat-x;
      font-family:Arial, Verdana;
      font-size: 13px;
      color: #fefefe;
	
}

a:link,a:visited {
      color: #fefefe;
      text-decoration: none;
}

a:hover {
      color: #fdb813;
      font-weight: normal;
      text-decoration:none;
}

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


div#logo {
  width: 940px;
  height: 83px;
text-align: right;
 
margin-top: 10px;
}

.header {
  position: absolute;
  top:  0px;
}

#mainmenu {
  height: 35px;
  width: 940px;
  z-index: 100;
  
  background:url(menu.png) no-repeat;
  behavior: url(iepngfix.htc);
}

#mainmenu ul {
    list-style:none;
    
	margin-left: 15px;
    
	padding-top: 10px;
}

#mainmenu ul li a {
    display: block;
    margin : 0px 12px 0px 12px;
    
	font-weight: bold;
}

#mainmenu ul li.active, #mainmenu ul li:hover {
    font-weight: bold;  
    border-top: solid 2px #fdb813;
	margin-top: 0px;
}

#mainmenu ul li {
    float: left;
    line-height: 20px;
    
	text-transform: uppercase;
    
	font-size: 12px;
    
	font-weight: bold;
    
	margin-left: 0px;
	margin-top: 2px;
}

.menu_mainmenu a:link, .menu_mainmenu a:visited {
    font-weight: bold;  
  color: #fefefe;
  text-decoration: none;
  vertical-align: middle;
  list-style: none;
  text-align: left;
}
.menu_mainmenu a:hover {
    font-weight: bold;  
    text-decoration: none;
  vertical-align: middle;
  list-style: none;
  text-align: left;
}

.clearspace {
  height: 20px;
}

.blog_frontpage {
  width:950px;
}

.contentheading_frontpage {
  font-size: 1.4em;
  border-bottom: solid 1px #ffffff;
  display: block;
  width: 460px;
  line-height: 40px;
}

table.contentpaneopen_frontpage {
  margin-right:30px;
}


div#footer {
  border-top: solid 2px #696965;
  width: 940px;
  line-height: 35px;
  font-size: 0.8em;
  
}

.content {
  width: 696px;
  background: none;
  color: #000000;
  
}

.content table.contentpaneopen {
  margin: 20px 0 0 0px;
  width: 696px;
  text-align: left;
  float: right;
}

.content table.contentpaneopen td {
  /*margin-right : 20px;*/
  padding: 0 20px 0 20px;
  vertical-align: top;
}

.content table.contentpaneopen td td {
	padding: 0;
}
/*
.content table.contentpaneopen table {
	margin-top: 20px;
}
*/

.contentimg { 
	text-align: center; 
	width: 42%;
	vertical-align: top;
	float: left;
}

.contentimg table {
	margin-top: 0;
	margin: auto;
}

.contentimg table img {
	border: solid 3px #ffffff;
	width: 65px; 
	height: 65px;
	margin: 0 2px 0 2px;
}

.contentright {
	float:left; width: 58%;
}

.content table.contentpaneopen_intro {
	margin-top: 0px ;  
	width: 100%;
	text-align: left;
	background:#e0e0e0 url(product_overview_gradient_bg.jpg) no-repeat;
	behavior: url(iepngfix_v2/iepngfix.htc);
	
}


/*
.content table.contentpaneopen_intro table {
  float: right;
}

.content table.contentpaneopen_intro table table {
  float: none;
}

.content table.contentpaneopen_intro table table img {
	border: solid 3px #ffffff;
	width: 65px; 
	height: 65px;
	margin: 0 2px 0 2px;
}
*/
.content table.contentpaneopen_intro td {
  margin-right : 20px;
  padding: 20px 20px 0 20px;
}

.content table.contentpaneopen_intro td td {
	padding: 0;
}

div.content td.contentheading {
  font-size: 21px;
  font-weight: bold;
  /*padding-top: 20px;*/
}

div.content td.contentheading_news, .contentheading_productlist {
	font-size: 15px;
	font-weight: bold;
}
/*
div.content table table td {
  margin-top: 50px;
}
*/
.subcontentleft {
  float: left;
  width: 45%;
}


.subcontentright {
    height:500px;
    overflow:auto;
    float:right;
    width: 55%;
}

.footer {
  float:right;
  
}

td a.readon_frontpage  {
  font-weight: bold;
  float: right;
}

/* gk news image 1 */
.gk_news_image_1_play, .gk_news_image_1_pause, .gk_news_image_1_prev, .gk_news_image_1_next {
	behavior: url(iepngfix.htc);
}

#sboxth img{
  margin-top: -15px;
}

td#sboxth {
  vertical-align: top;
}

.sitemap {
  text-align:left;
  margin: 25px 0px 20px 0px;
  width: 100%;
  height: auto;

}

.sitemap h5 {
  border-bottom: solid 1px #ffffff;
  width: 100%;
  font-size: 1.7em;
}

.sitemap a:link,.sitemap a:visited {
  color: #ffffff;
}

.content a:link, .content a:visited, .content li a:hover, .contentpaneopen_productlist p a:hover, .contentpaneopen_productlist td a:hover, .contentpaneopen td a:hover {
  color: #000000;
  text-decoration: underline;
}

.sitemap a:hover,.content a:hover {
  color: #ffff99;
  text-decoration: underline;
}

.contentpaneopen_search {
  margin: 20px;
  width: 90%;
  text-align:left;
}

.contentpaneopen_search a:link,.contentpaneopen_search a:visited {
  color: #ffffff;
  text-decoration: undeline;
  font-weight: bold;
}

.contentpaneopen_search a:hover {
  color: #ffff99;
  text-decoration: underline;
  font-weight: bold;
}

.contentpaneopen_frontpage a:link,.contentpaneopen_frontpage a:visited {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.contentpaneopen_frontpage a:hover {
  color: #ffff99;
  text-decoration: none;
  font-weight: bold;
}

select#limit {
  margin-right: 50px;
}

#leftcolumn {
	padding: 15px 15px 0 0;
	margin: 0;
	width: 229px;
	background:#242422 url(shadow_left.png) repeat-y;
	behavior: url(iepngfix.htc);
	background-attachment:scroll;
	background-position: top right;
	vertical-align: top;
}

#left1 {
	height: 25px;
	border-bottom: solid 1px #ffffff;
}

#left2 ul{
	margin-top: 15px;
	list-style-type:none;
}

#left2 ul li{
	margin-left: 0;
}

#left2 ul li ul{
	margin: 0 0 0 15px; 
}

#left2 ul li ul li.active {
	list-style-type: square;
	color: #fdb813;
}

#left2 ul li.active a, #left2 ul li.active ul li.active a {
	color: #fdb813;
}

#left2 ul li.active ul li a {
	color: #fefefe;
}

.clr {
	clear: both;
}

#jflanguageselection, .contentpaneopen_productlist {
	float:none;
	margin: 0 0 0 0;
	
}

#jflanguageselection ul.jflanguageselection li, #jflanguageselection ul.jflanguageselection li#active_language {
	font-size:13px;
	font-weight:normal;
	font-variant:small-caps;
}

#jflanguageselection ul.jflanguageselection li a {
	display:inline;
}

#jflanguageselection ul.jflanguageselection li#active_language a {
	font-size:13px;
	font-weight:normal;
	color: #fdb813;
}

#picdesc {
	background:#242422 url(gradient_content.png) no-repeat;
	padding: 5px;
	border-top: solid 1px #000000;
	height: 90px;
	width: 686px;
}

h1 {
	font-size:23px;
	font-weight:normal;
}

#shadow_right {
	width: 20px;
	background:#242422 url(shadow_right.png) repeat-y;
	behavior: url(iepngfix.htc);
}

#shadowbottomleft {
	vertical-align: top;
	height: 77px;
}

#shadowbottomright {
	
	vertical-align: top;
	height: 77px;
}

.maincontent {
	background:#e0e0e0 url(product_detail_content_noline_bg.jpg) no-repeat;
	vertical-align: top;
}




ul {
	list-style-type:disc;
}

ul ul {
	list-style-type:circle;
}
ul ul li {
	margin-left: 17px;
}

.blog_news, .gk_news_show_table, .blog_productlist {
	margin: 20px 20px 0 20px;
}

#qcontacts {
	margin: 20px 20px 0 20px;
	padding-bottom: 10px;
}

.componentheading, .componentheading_news, .componentheading_productlist {
	margin: 20px 0 0 20px;
	font-size: 21px;
  font-weight: bold;
}

.symbol {
	margin: 1px;
	width: 40px;
	height: 40px;
}

#divmainimg {
	/*position: relative;
	top: -414px;
	height: 0px;*/
	display: none;
}
/*
#mainimg {
	position: absolute;
	
}
*/
.createdate {
	font-size: 11px;
}

.Apple-style-span, .cf_inputbox, .form_element input {
	font-size: 13px !important;
}

/* product list */
.blog_productlist div {
	margin-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
}

.blog_productlist div.productlist_left {
	border-bottom:0; margin-bottom:0; margin-top:15px; float: left; width: 32%; text-align:center;
}

.blog_productlist div.productlist_right {
	border-bottom:0; margin-bottom:0; float: left; width: 68%;
}

.contentpaneopen_productlist td {width:656px;}
/* chrono forms */
.cf_heading {
	margin: 0;
	padding: 20px 0 8px 20px;
}
div.cf_text {
	margin: 0;
	padding: 10px 0 10px 20px;
	font-size: 13px;
}
.cf_textbox, .cf_textarea, .cf_button, .cf_datetimepicker, .cf_radiobutton, .cf_checkbox, .cf_captcha {
	margin: 0;
	padding: 0 20px 2px 20px; 
	font-size: 13px;
}
.form_element, .form_element select, .form_element input {
	font-family:Arial,Verdana;
}
.form_element .radio_label, .form_element .check_label, button.dashboard {
	vertical-align: top;
	
}
input.dashboard, .form_element {
	width: auto;
}
.radio {
	margin-left: 0;
}


/* image for manuals */
div.manualimg {
	float: left; 
	width: 205px; 
	border-bottom: 0;
	margin-bottom: 0;
}

/* css for print */
@media print
{
 img, #mainmenu, #logo, #leftcolumn, #footer {
	display: none;

 }
}