/*

	Basic layout styles

*/
html {
	background-color: #4d4d4d;
}
body {
	font-family: 'Droid Sans', Verdana, 'Lucida Grande', sans-serif;
}
strong { font-weight: bold; }
h1 { font-size: 210%; font-weight: bold; margin: 0.2em 0 0.3em 0; }
h2 { font-size: 180%; font-weight: bold; margin: 0.2em 0 0.3em 0; }
h3 { font-size: 150%; font-weight: bold; margin: 0.2em 0 0.3em 0; }
h3 { font-size: 130%; font-weight: bold; margin: 0.2em 0 0.3em 0; }
h4 { font-size: 120%; font-weight: bold; margin: 0.2em 0 0.3em 0; }

a:link { color: #36c; }

tr, th, td {
	background-color:transparent;
	border:medium none;
	height:auto;
	vertical-align:inherit;
	width:auto;
}
td {
	padding: 0.1em;
}
th {
	font-weight: bold;
}


#hd {
	background-color: #4d4d4d;
	color: #fff;
}
#hd h1 {
	background: #4d4d4d url(../images/gkd-cw-header-logo.png) no-repeat;
	padding: 100px 0 0 0;
	margin: 0.5em auto 0.5em auto;
	overflow: hidden;
	height: 0px !important;
	width: 950px;
}

/*

	Body styles

*/
#bd {
	background-color: #fff;
	padding: 1em;
}
#bd p {
/*	font-size: 108%;*/
	margin-bottom: 0;
}
#bd p + p, #bd h1 + p, #bd ul + p {
	margin-bottom: 1em;
}

.content ul {
	list-style-type: disc;
	margin: 0 0 0.5em 1em;
}
.content ul li {
	list-style-type: disc;
	margin-left: 1em;
}

.content p {
	text-align: justify;
}
.thumbnail {
	float: left;
	margin: 0 1em 0.5em 0;
}
.content img {
	padding: 4px;
	border: 1px solid #ccc;
}
.content p img {
	margin: auto 1em 0.5em auto;
}
.content a img {
	padding: 4px;
	border: none;
}
.content hr {
	margin-bottom: 0.8em;
	background: #3366CC;
	color: #3366CC;
}

/*

	Left menu styles

*/
.left_nav {
	background-color: #ccc;
}
.left_nav ul {
	margin-left: 0.5em;
	background-color: #fff;
}
.left_nav ul li {
	border-bottom: 1px solid #cccccc;
	padding: 0.2em 0;
}
.left_nav ul li a {
	color: #4d4d4d;
	text-decoration: none;
	display: block;
	width: 95%;
	padding: 0.15em 0.4em;
}
.left_nav ul li a:hover {
	color: #fff;
	background-color: #36c;
}


/*

	Right Menu styles

*/
.right_nav {
	background-color: #ccc;
	text-align: center;
	margin-top: 1em;
}
.right_nav ul {
	margin: 1em 0 1em 0;
}
.right_nav ul li {
	text-align: center;
	padding: 0;
	margin: 1em 0 0 0;
}
.right_nav ul li div {
	background-color: #4d4d4d;
	color: #fff;
	width: 150px;
	padding: 0;
	margin: 1em auto 0 auto;
}
.right_nav ul li div:hover {
	text-decoration: underline;
	background-color: #717171;
}
.right_nav ul li h4 {
	font-size: 110%;
	width: 150px;
	text-align: center;
	margin: 0;
}
.right_nav ul li h4 a {
	display: block;
	text-decoration: none;
	padding: 0.4em 0.2em;
	color: #fff;
	margin: 0;
}
.right_nav ul li h4 a:hover {
	text-decoration: underline;
	background-color: #717171;
}
.right_nav ul li div a img {
	width: 150px;
	height: 120px;
	float: none;
	margin: 0 0 -4px 0;
}


/*

	Footer styles

*/
#ft {
	padding: 0.5em;
	background-color: #ccc;
}
#ft div {
	float: left;
	margin: 1em;
	width: 230px;
}
#ft ul {
	margin-left: 0.5em;
}
#ft ul li {
	border-bottom: 1px solid #4d4d4d;
	padding: 0.2em 0;
}
#ft ul li a {
	color: #4d4d4d;
	text-decoration: none;
	display: block;
	width: 95%;
	padding: 0 0.4em;
}
#ft ul li a:hover {
	background-color: #fff;
}

#ft form li {
	border: none;
}

/*

	Homepage styles

*/

/*

	s3Slider styles

*/
#s3slider {
	background-color: #4d4d4d;
	border: 1px solid #fff;
	width: 947px; /* important to be same as image width */
	height: 348px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}
#s3slider ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#s3sliderContent {
	width: 747px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
}

.s3sliderImage {
	float: left; /* important */
	position: relative; /* important */
	display: none; /* important */
}

.s3sliderImage span {
	position: absolute; /* important */
	left: 0;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 374px;
	background-color: #000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #fff;
	display: none; /* important */
	bottom: 0;

	/*
		if you put
		top: 0; -> the box with text will be shown at the top of the image
		if you put
		bottom: 0; -> the box with text will be shown at the bottom of the image
	*/
}
.s3sliderImage span a { color: #fff; text-decoration: none; }
.s3sliderImage span a:hover { color: #fff; text-decoration: underline; }


/*

	Index styles

*/

.index_item {
	clear: both;
}
/*

	News page styles

*/
.content p .news_item_date {
	font-size: 70%;
	color: #ccc;
	margin-top: -1.5em;
}
.pagination {
	background-color: #efefef;
	padding: 0.5em;
	clear: both;
}

/*

	Product Index styles

*/
.product_index .right_nav {
	padding-top: 0.6em;
}

/*

	Products page styles

*/
.downloadable {
	padding: 1em;
	background-color: #efefef;
	border: 1px solid #3366cc;
	margin: 0.5em 0;
}
#bd .downloadable a img {
	padding: 0;
	border: none;
}
.product_image_top {
	position: relative;
}
.product #bd .product_image_top a img {
	padding: 4px;
	border: 1px solid #ccc;
	width: 550px;
}
.product #bd .product_image_top img.zoom_graphic {
	position: absolute;
	top: 150px;
	left: 10px;
	padding: 0;
	text-decoration: none;
	width: 30px;
}
/* Specs table styles */
.product table {
	border: none;
	font-size: 90%;
}
.product td, .product th {
	border: none;
	padding: 0.1em 0.4em;
}
.product tr {
	border-bottom: 2px solid #fff;
}
.product th {
	background-color: #efefef;
}
.content caption, .content form div {
	padding-bottom:0.8em;
}
/* Products menu styles */
.right_nav ul.products_menu li {
	text-align: left;
	margin: 0;
}
.products_menu li a {
	padding: 0.5em;
	font-weight: bold;
	display: inline-block;
	width: 93%;
}
li.odd {
	background-color: #b4c9d9;
	background-color: #e3e3e3;
}
.product .right_nav {
	padding-top: 0.6em;
}
/* Product sample form styles */
.product_sample_item {
	float: left;
	width: 110px;
	height: 150px;
	background-color: #efefef;
	padding: 4px;
	border: 4px solid #fff;
}
.content .product_sample_item label {
	display: inline;
	font-size: 80%;
}


/*

	Contact styles

*/
.contact_group, .contact_country {
	margin-left: 10%;
}
.contact_group h3 img {
	border: none;
	padding: 2px 4px;
}
.contact_company img {
	float: right;
}



/*

	Forms styles

*/
form {
	/* width: 95%; */
	margin: 0.2em auto;
}
form p{
	padding: 0; margin-left: 0;
}
form input[type="text"], form select {
	margin-bottom: 0.4em;
}
input[type="text"],input[type="password"],input[type="checkbox"],textarea,select {
	margin-left: 5px;
	margin-bottom: 3px;
}
input[type="checkbox"] {
	border: none;
}
form input[type="radio"] {
	bottom: 0;
}
.content form fieldset {
	margin: 0 auto 0.8em auto;
	padding: 0.25em;
	border: 0;
}
form fieldset fieldset {
	margin-top: 1em;
}
.content form fieldset label {
	font-size: 90%;
}
.content fieldset legend {
	font-size: 100%;
	font-weight: bold;
	color: #3366cc;
	background-color: transparent;
	padding-left: 0;
}
label {
	margin-right: 0.5em;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding-left: 0.2em;
}
ul ul label {
	width: auto;
}
fieldset fieldset label {
	width: 15%;
	display: inline-block;
}
.nowrap label, label.nowrap { width: 80%; }
.content form ul, .content form ul li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
}
.content form ul ul {
	margin-left: 2em;
}
.form_note {
	background-color: #FFFFCC;
	border: 1px solid #F9CF85;
	padding: 1em;
	margin: 0.75em auto 0.5em auto;
	line-height: 1.15;
	font-size: 95%;
}
form .form_note ul {
	list-style-type: disc;
}
div.errors, form .errors {
	background-color: #ffdf9b;
	border: 1px solid #ffbc38;
	padding: 1em;
}
form em {
	padding-left: 0.2em;
	padding-right: 0.2em;
	font-weight: bold;
	color: #a52716;
}
form .required {
	background-color: #ffdf9b;
}
form input[type="checkbox"] .required {
	background-color: #ffdf9b;
	border: 3px solid #ffbc38;
}
form input[type="checkbox"].required + label {
	background-color: #ffdf9b;
}
form .invalid {
	background-color: #ffc1c1;
}

/*  input sizes  */
.third{
	width: 32% !important;
}
.half{
	width: 48% !important;
}
.full{
	width: 100% !important;
}

input.small, select.small, label.small {
	width: 25%;
}
input.medium, select.medium, label.medium {
	width: 50%;
}
input.large, select.large, textarea, label.large {
	width: 60%;
}

textarea.small{
	height: 5.5em;
}
textarea.medium{
	height: 10em;
}
textarea.large{
	height: 20em;
}



/*

	Utility classes

*/
.clear {
	float: none;
	clear: both;
}