/* CSS Document Gelcote International*/

body {
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
a {
	color: #C60;
	text-decoration: none;
}
a:link {
	color: #C60;
	text-decoration: none;
}
a:hover {
	color: #369;
	text-decoration: none;
}
.clearfloat {
	clear: both;
}
#logo {
	position:absolute; 
	background-image: images/pg2_r1_c3;
	background-repeat:no-repeat; 
	left:0px; 
	top:0px;
	width:370px; 
	height:124px;
	z-index:1;
	visibility:visible;
	margin-top: 12px;
	}
#marine_top {
	position:absolute;
	background-image: images/pg2_r1_c4;
	background-repeat:no-repeat; 
	left:370px;
	top:0px;
	width:122px;
	height:124px;
	z-index:2;
	visibility:visible;
	margin-top: 12px;
}
#tub_shower_top {
	position:absolute;
	background-image: images/pg2_r1_c5;
	background-repeat:no-repeat; 
	left:492px;
	top:0px;
	width:166px;
	height:124px;
	z-index:3;
	visibility:visible;
	margin-top: 12px;
}
#rv_top {
	position:absolute;
	left:658px;
	top:0px;
	width:85px;
	height:124px;
	z-index:4;
	visibility:visible;
	margin-top: 12px;
}
#globe_top {
	position:absolute;
	left:743px;
	top:0px;
	width:207px;
	height:124px;
	z-index:5;
	visibility:visible;
	margin-top: 12px;
}
#wrapper {
	position: absolute;
	float:left;
	top: 136px;
	margin: 0px;
	left: 0px;
	background-image:url(../images/content_bg.gif);
	background-repeat:repeat-y;
	width: 950px;
}
#left {
	position: relative;
	float: left;
	left: -3px;
	top: -3px;	
	width: 322px;
}
#left_h {
	position: relative;
	float: left;
	left: 0px;
	width: 319px;
}
#top_left {
	position:relative;
	background-image:url(../images/top_left.gif);
	background-repeat:no-repeat;
	left:0px;
	top:0px;
	width:322px;
	z-index:10;
	visibility:visible;
}
#top_left_h {
	position:relative;
	background-image:url(../images/home_left.gif);
	background-repeat:no-repeat;
	left:0px;
	top:0px;
	width:322px;
	z-index:10;
	visibility:visible;
}

#aboutus {
	position:relative;
	left:0px;
	top:0px;
	width:285px;
	height:34px;
	z-index:6;
	visibility:visible;
}
#product {
	position:relative;
	left:0px;
	top:0px;
	width:285px;
	height:29px;
	z-index:8;
	visibility:visible;
}	
#support_ {
	position:relative;
	left:0px;
	top:0px;
	width:285px;
	height:26px;
	z-index:10;
	visibility:visible;
}
#partner {
	position:relative;
	left:0px;
	top:0px;
	width:285px;
	height:28px;
	z-index:11;
	visibility:visible;
}
#contactus{
	position:relative;
	left:0px;
	top:0px;
	width:285px;
	height:30px;
	z-index:12;
	visibility:visible;
}
#menu_spacer {
	position:relative;
	background-image:url(../images/pg2_r7_c1.gif);
	background-repeat:no-repeat;
	left:0px;
	top:0px;
	width:322px;
	height:89px;
	z-index:21;
	visibility:visible;
}
#menu_spacer_h {
	position:relative;
	background-image:url(../images/pg2_r7_c1.gif);
	background-repeat:no-repeat;
	left:0px;
	top:0px;
	width:319px;
	height:89px;
	z-index:21;
	visibility:visible;
}
#right {
	position: relative;
	left:0px;
	top:0px;
	width:628px;
	min-height:500px;
}
#page_title {
	position:relative;
	left:0px;
	top:0px;
	width:628px;
	height:63px;
	z-index:7;
	visibility:visible;
}
#content {
	position:relative;
	float: left;
	clear: right;
	margin-right: 30px;
	left:0px;
	top:0px;
	width:598px;
	z-index:9;
	visibility:visible;
}

#footer {
	position: absolute;
	background-image:url(../images/pg2_r15_c1.gif);
	background-repeat: no-repeat;
	float: left;
	left:0px;
	width:950px;
	height:46px;
	z-index:21;
	visibility:visible;
}
#legal {
	padding: 15px 0px 0px 320px;
	font-size: 85%;
}
#legal a {
	color: #999;
	text-decoration: none;
}
#legal a:link {
	color: #999;
	text-decoration: none;
}
#legal a:visited {
	color: #999;
	text-decoration: none;
}
#legal a:hover {
	color:#C60;
}
.privacy {
	color: #999;
}
.copyright {
	position: absolute;
	left: 495px;
	color: #999;
}
.sohoportal {
	display: block;
	margin: 2px 0px 0px 0px;
	color: #999;
}

.fname_subscribe {
	position: relative; 
	background-color:#FFF; 
	width:120px; 
	height: 15px; 
	border:1px solid #336699; 
	color: #000; 
	left: 91px; 
	top: -77px; 
	//top: -82px;
}

.fname_subscribe2 {
	position: relative; 
	background-color:#FFF; 
	width:120px; 
	height: 15px; 
	border:1px solid #336699; 
	color: #000; 
	left: 91px; 
	top: -77px; 
	//top: -78px;
}

.fname_subscribe3 {
	position: relative; 
	background-color:#FFF; 
	width:120px; 
	border:1px solid #336699; 
	color: #000; 
	left: 91px; 
	top: -77px; 
	//top: -98px;
}

.email_subscribe {
	position: relative; 
	background-color: #FFF; 
	width:120px; 
	height:15px; 
	border: 1px solid #336699; 
	color: #000; 
	left:-43px; 
	//left:-45px; 
	top:-50px; 
	//top:-55px;
}

.email_subscribe2 {
	position: relative; 
	background-color: #FFF; 
	width:120px; 
	height:15px; 
	border: 1px solid #336699; 
	color: #000; 
	left:-43px; 
	//left:-45px; 
	top:-50px; 
	//top:-51px;
} 

.email_subscribe3 {
	position: relative; 
	background-color: #FFF; 
	width:120px; 
	border: 1px solid #336699; 
	color: #000; 
	left:-41px; 
	top:-50px; 
	//top:-72px;
} 
.mycart_box {
	position: relative; 
	right: 22px; 
	//right: 27px; 
	top: 7px; 
	z-index: 11;
}

.search_input {
	background-color:#FFF;
	border:1px solid #336699;
	color:#000;
	height:15px;
	left:91px;
	position: relative;
	top: 3px;
	left: 0px;
}
/* Most usual classes */

/* th, td.KT_th
 * 		the top row on nextensio list
 * 		labels container on nextensio form
 * 		As on the form table headings are semantically incorrect, we have td.KT_th */
.KT_tngtable th, .KT_tngtable td.KT_th {
	border: 1px solid #ffffff;;
	border-right-color: #848284;
	border-bottom-color: #848284;
	background-color: #D6D3CE;
	font-weight: bold;
	vertical-align: top;
}
/* the plain cells   */
.KT_tngtable td {
	border: solid 1px #d6d3ce;
	border-top-width: 0;
	border-left-width: 0;
	vertical-align: baseline;
}


/* *
 * recommmended css attribute order
	* layout:            display, list-style
	* box positioning:   position, float, clear
	* box position:      top, right, bottom, left
	* box clipping:      overflow, clip
	* box size:          width, height
	* box style:         margin, padding, border, background
	* text:              color, font, text-decoration, text-transform
	* text positioning:  text-align, vertical-align
	* other text:        white-space, ...
 * */

/* Table and cell look and feel */
.KT_tngtable {
	border: solid 1px #000000;
}
	.KT_tngtable tfoot, .KT_tngtable thead {
		border: solid 1px #000000;
	}
	.KT_tngtable td, .KT_tngtable th, .KT_tngtable caption {
		padding: 2px;
		white-space: nowrap;
	}
	/* HACK: to make ktml3 skin work properly */
	.KT_tngtable .ktml * td {
		border: 0px;
		white-space: normal ! important;
	}
		.KT_tngtable .ktml span.lcontainer table {
		}
		.KT_tngtable .ktml span.lcontainer td {
			padding: 0px ! important;
			margin: 0px ! important;
			vertical-align: middle;
		}

/* Buttons area for tNG form */
.KT_buttons td {
	border-top: solid 1px #000000;
	padding: 4px;
	background-color: #dadadc;
	text-align: right;
}

/* Fonts for the table, table headings, table cells */
	.KT_tngtable td, .KT_tngtable th, .KT_tngtable caption {
		font-family: Arial, Helvetica, sans-serif;
	}
	.KT_tngtable th, .KT_tngtable td.KT_th, .KT_tngtable caption {
		font-size: 12px;
		text-align: left;
	}
	.KT_tngtable td {
		font-size: 11px;
	}

/* Active Form Elements :font-sizes */
	.KT_tngtable input, .KT_tngtable select {
		font-size: 10px;
	}

	.KT_tngtable textarea {
		font-size: 12px;
	}

/* Special items : error containers, field hints, required table cell  */
	.KT_field_error {
		color: #cc0000;
	}
	.KT_field_hint {
		color:#0000cc;
		font-size: 10px;
	}
	.KT_tngtable td.KT_required {
	}
	/* span containing the "*" for required field labels */
	.KT_tngtable label span.KT_required {
		padding: 0 2px;
		color: #cc0000;
		font-family: Courier New, Courier, monospace;
		font-weight: normal;
	}


/* The client-side error displaying */

	/* How the label should change on error */
	.form_validation_field_error_label {
		/* color:#cc0000; */
	}

	/* How the input's container (TD) should change on error */
	.form_validation_field_error_container {
		/* border: 2px solid black; */
	}

	/* How the input textfield should change on error */
	.form_validation_field_error_text {
		/* border:2px solid #cc0000; */
	}

	/* The actial error message style */
	.form_validation_field_error_error_message {
		clear:left;
		position: relative;
		top: -25px;
		left: 41px;
		color:#FFFFFF;
		font-weight: bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		z-index: 1000;
		overflow:visible;
	}

	
	form.form_validation_form_error table {
		border: 2px solid red;
	}

/* The server-side error displaying */
/* topmost error div */
#KT_tngerror {
	padding: 5px 10px 5px 50px;
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #CC0000;
	font-size: 12px;
	border:1px solid red;
	background-color:#FFFFE4;
	background-image:url(images/error.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/* trace container ( iniitally collapsed), and "Submit this to InterAKT... " area */
#KT_tngdeverror, #KT_tngtrace {
	padding: 5px 10px 5px 5px;
	margin:5px;
	border:1px solid black;
	font-family:Courier, sans-serif;
	font-size: 12px;
	background-color:#FAFAFA;
}

	/* alignment and borders for the form submit buttons */
	#KT_tngdeverror #KT_needhelp {
		text-align: right;
	}

	#KT_tngdeverror label, #KT_tngtrace label {
		display: block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
	}

	#KT_tngtrace ul {
		padding-left:10px;
		margin-left:10px;
	}

	#KT_tngtrace_details {
		display: none;
	}

#KT_tngwarning {
	padding: 10px 10px 10px 50px;
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0000CC;
	font-size: 12px;
	border:1px solid blue;
	background-color:#E4FFFF;
	background-image:url(images/warning.gif) ;
	background-repeat:no-repeat;
	background-position:left;
}