/**************************************************************************
	Style Sheet for Master Template
**************************************************************************/	
/************** Elements ********************/

BODY {
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica;
	background:transparent url('../images/top.jpg') top left repeat-x;
}


/*********** Master Layout *****************/
#masterTemplateContainer {
	width:100%;
	margin-top:27px;
	position:relative;
}

#mainheader {
	/*height:486px;*/
}
#headerother {
	height:363px;
}
#container {
	width:980px;
	margin:0 auto;
	z-index:1;
	height:100%;
	clear:both;
}

#header {
	height:100%;
}
.headerinner {
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:10;
	clear:both;
}
	/* header swf */
	#header_holder {
		width:980px;
		padding-top:9px;
		margin-top:-10px;
	}
	.header{
		padding:0 0 36px 15px;
		background:url('../images/header_bottom2.gif') left bottom no-repeat;
	}
	.homepage #masterTemplateContainer #mainheader .headerinner #header_holder .header {
		padding:0 0 14px 15px;
		background:url('../images/header_bottom.gif') left bottom no-repeat;
	}
	
	.header #title {
		position:relative;
		top:150px;
		left:400px;
		color:#fff;
		font:30px Arial, Helvetica, sans-serif;
	}



.logo {
	height:149px;
	width:100%;
	background:url('../images/logo_bg.png') top left no-repeat;
}

	.logoImage{
		position:absolute;
		left:55px;
		top:35px;	
	}
	
	/* NAV */
	.nav {
		position:relative;
		top:32px;
		left:465px;
		height:25px;
		width:500px;
		color:#fff;
	}
	
		.nav A{
			color:#fff;
		}
		.nav H3{
			float:left;
		}
		.nav A.viewproduct{
			float:right;
		}
		
		/* LOGIN FORM */
		.nav #loginForm{
			float:left;
			display:block;
			
		}
			.nav #loginForm H3{
				text-indent:-9999px;
				background:transparent url('../images/title_memberslogin.gif') left center no-repeat;
				height:22px;
				width:200px;
				float:left;
			}
			.nav #loginForm .formElement {
				float:left;		
			}
			
				.nav #loginForm .formElement INPUT{
					width:83px;
					height:15px;;
					display:block;
					float:left;
					color:#fff;
					border:none;
					background:#8d8d8d url('../images/bg_input.gif') top left no-repeat;
					padding:3px 7px;
					margin-right:5px;
					font-size:11px;
				}
				
				.nav #loginForm .formElement INPUT.submit{
					width:65px;
					height:25px;
					display:block;
					font-size:0px;
					background:transparent url('../images/bt_submitlogin.gif') top left no-repeat;
					cursor:pointer;
				}
				
		/* LOGOUT FORM */
		.nav #logoutForm{	
			float:right;
			display:block;
			margin-left:15px;
			padding-right:15px;
		}
	/* NAV2 */
	.nav2 {
		top:60px;
		left:440px;
		position:relative;
		width:500px;
	}
		.nav2 ul {
			height:30px;
			padding:16px 0 16px;
			font-size:11px;
			text-indent:5px;
			font-weight:bold;
			list-style-type:none;
		}
		.nav2 li {
			float:left;
			margin:0 2px 0 -2px;
			padding:0 2px 0 2px;
		}
		.nav2 a {
			color:#000;
			text-decoration:none;
			text-transform:uppercase;
		}
		.nav2 a:hover, .nav2 ul li.active a, .nav .active a {
			color:#eb2021;
		}
	


.black_nav {
	height:75px;
	width:980px;
	background:url(../images/bg_moduleheader.gif) top left repeat-x;
	clear:both;
}
.black_nav_products {
	height:76px;
	width:980px;
	background:url(../images/products/nav_products.jpg) no-repeat;
	clear:both;
}
.holder {
	width:980px;
}
#footer {
	background:url(../images/footer.jpg) repeat-x;
	height:95px;
	width:100%;
	clear:both;
}
.inner {
	width:940px;
	height:95px;
	margin:0 auto;
	background:url(../images/footer_main.jpg) no-repeat;
	font:12px Arial, Helvetica, sans-serif;;
	color:#fff;
	clear:both;
	position:relative;
	left:-2px;
}

/* BUTTON */
A.moreinfo{
	background:transparent url('../images/green_button.png') no-repeat top left;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/green_button.png",sizingMethod="crop");
	color:#fff;
	text-decoration:none;
	font:11px;
	padding:4px 0 0 18px;
	font-weight:600px;
	display:block;
	width:52px;
	height:21px;
	margin:15px 0px;
}
A.moreinfo:hover{
	color:#eb2021;
	text-decoration:none;
}

.button {
	background:transparent url('../images/green_button.png') no-repeat top left;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/green_button.png",sizingMethod="crop");
	width:70px;
	height:28px;
	padding:0;
}
	.button a {
		color:#fff;
		text-decoration:none;
		font:11px;
		padding:4px 0 0 18px;
		font-weight:600px;
		display:block;
		width:52px;
		height:21px;
	}
	.button a:hover {
		color:#eb2021;
	}


/* SIDEBOX */
.sidebar {
	width:297px;
	float:left;
	left:3px;
	position:relative;
	margin-left:2px;
}
	.sidebox_top {
		/*width:296px;*/
		width:271px;
		margin-left:8px;
		background:#767676 url('../images/bg_sideboxtop.gif') no-repeat;
	}

	/* NEWS */
		.sidebox_top .square {
			color:#fff;
			font:11px Tahoma;
			border-top:1px solid #929292;
			padding:20px 10px 10px 30px;
		}
		.sidebox_top .squarefirst {
			border:none;
			padding-top:25px;
		}
			.sidebox_top .square H2{
				font-size:13px;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				padding:3px 0px;
			}
				.sidebox_top .square H2 A{
					color:#fff;
				}
			.sidebox_top .square .button {
				margin: 10px 0;
			}
			
	/* PRODUCT CATEGORY */
		.sidebox_top ul {
			width:211px;
			clear:both;
			padding:40px 0 50px 60px;
			color:#fff;
			list-style-image:url('../images/white_bullet.gif');
			*list-style-type:disc;
			*list-style-image:none;
		}
			.sidebox_top ul li {
				padding:5px 10px 5px 15px;				
			}
				.sidebox_top ul li a {
					text-decoration:none;
					color:#fff;
					font-size:11px;
					text-transform:uppercase;
				}
				.sidebox_top ul li a:hover {
					color:#eb2021;
				}
				
	/* FAQ */
	.sidebar H2.faq {
		color:#fff;
		background:url('../images/bg_faqheader.gif') top left repeat-x;
		padding:20px 0 20px 20px;	
		width:270px;		
	}
	
	.sidebox_bottom {
		background:url('../images/bg_faq_bottom.gif') left bottom no-repeat;
		padding-bottom:13px;
		margin-left:8px;
	}
		.sidebox_bottom ul {
			background: url('../images/bg_faq_top.gif') left top no-repeat;
			width:271px;
			clear:both;
			padding:14px 0 0 0;
			list-style:inside;
			list-style-image:url('../images/faq_bullet.gif');
			*list-style-type:disc;
			*list-style-image:none;
			
		}
			.sidebox_bottom ul li {
				background:url('../images/bg_faq.gif') top left repeat-y;
				padding:15px 10px 15px 20px;
				border-bottom:1px solid #cfcfcf;
			}
			.sidebox_bottom ul li.first {
				padding-top:30px;
			}
			.sidebox_bottom ul li.last {
				border:none;
				padding-bottom:30px;
			}
				.sidebox_bottom ul li a {
					text-decoration:none;
					color:#000;
					font:11px Tahoma;
					font-weight:600;
				}
				.sidebox_bottom ul li a:hover {
					color:#eb2021;
				}

	.main-column {
		background:#e3e3e3;
		width:675px;
		min-height:400px;
		float:left;
	}
	.main-column .main-content{
		padding:40px 30px 223px 40px;
	}
		.main-column_bottom {
			height:130px;
			background:transparent url('/images/main_bottom.png') left bottom no-repeat;
			padding:15px 30px 0 0 ;
		}
			.main-column_bottom .logoPartner{
				float:right;
				padding-left:5px;	
			}
	

/* Footer */
.inner ul {
	overflow:hidden;
	font:11px Tahoma;
	font-weight:bolder;
	list-style-type:none;
	padding:15px 25px;
	float:left;
	width:650px;
}
	.inner li {
		float:left;
		padding:0 7px;
		border-right:2px solid #fff;
	}
	.inner li.first{
		padding-left:0px;
	}
	.inner li.last{
		border-right:none;
	}
		.inner li a {
			color:#fff;
			text-decoration:none;
		}
		.inner li a:hover,
		.inner li.active a{
			color:#c00;
		}
	
.inner #branding {
	height:20px;
	padding:15px 30px 10px 0px;
	color:#666;
	font-size:11px;
	text-align:right;
	
}

	.inner #branding A{
		color:#666;	
	}

	#masterTemplateContainer .siteContent {
		border:2px solid #aaa;
		background:#fff;	
	
	}
	/** Page Header **/
	#siteHeader { position: relative;}
		#siteHeader A.logo { margin:10px;}
		#siteHeader .quicksearch {
			position: absolute;
			top: 100px;
			right: 10px;
		}
				#siteHeader .quicksearch INPUT {font-size: 11px;}
					#siteHeader .quicksearch INPUT.text { border: 1px solid #ccc;padding: 3px;}
		#globalMenu { position:relative; height:25px; background:#aaa; z-index:10;}
			#globalMenu A { color:white; display:block; padding: 0px 10px;}
			#globalMenu A:hover,
			#globalMenu A.hover {background-color:#666; color:white;}	
		#globalMenu UL { display:block; list-style: none; padding:0; margin:0px;	}
			#globalMenu UL LI { position:relative; float:left; line-height: 25px; font-weight:bold; font-size:12px;}
									
					#globalMenu UL LI UL {display:none; position:absolute; width:180px; }
					#globalMenu UL LI:hover UL {display:block; margin:0; padding:0; float:none;}
					#globalMenu UL LI.hover UL {display:block; margin:0; padding:0; float:none;}
					
					#globalMenu UL LI UL LI {display:block; float:none; background:#aaa; margin:0; padding:0;  border:1px solid white; line-height: 25px; }
					#globalMenu UL LI:hover UL LI {line-height: 25px; font-weight:bold; font-size:12px; float:none;}
					#globalMenu UL LI.hover UL LI {line-height: 25px; font-weight:bold; font-size:12px; float:none;}

	/** Module Content **/
	#masterTemplateContainer .moduleContentContainer {margin:10px;position:relative;}
		#masterTemplateContainer .moduleContentContainer H1.moduleTitle { font-family: tribalbenji,Arial;}
		#masterTemplateContainer .moduleContentContainer .showSiteMenu { margin-left:220px;}
		#masterTemplateContainer .moduleContentContainer .sidemenu {width:200px;float:left;}
		#masterTemplateContainer .moduleContentContainer .sidemenu H4 {font-size:14px;font-weight:bold;color:#aaa;}
		#masterTemplateContainer .moduleContentContainer .sidemenu UL {display:block; list-style:none;margin:0px;padding:0px;}	
		#masterTemplateContainer .moduleContentContainer .sidemenu UL LI { display:block; border-bottom:1px solid #eee;}
		#masterTemplateContainer .moduleContentContainer .sidemenu UL LI A {display:block; padding:3px 0px 3px 10px;color:#333;line-height:16px;}
		#masterTemplateContainer .moduleContentContainer .sidemenu UL LI A:hover {background:#666;color:#fff;}
			#masterTemplateContainer .moduleContentContainer .sidemenu UL LI UL { margin-left:20px;}
			#masterTemplateContainer .moduleContentContainer .sidemenu UL LI UL LI { border:none;font-weight:bold;}
		#masterTemplateContainer .moduleContentContainer .moduleContent {
			padding-bottom:50px;
		}
	/** Page Footer **/
	#siteFooter { color:#aaa; text-align: center;}
		#siteFooter A { color: #666;padding: 0px 5px;}
		#siteFooter #copyright { float: left;}
		#siteFooter #branding { float:right; font-size:10px;}
		
		
/*********** Basic Form Structure *****************/
	.formElement {margin-bottom:3px;}
	.formElement INPUT,
	.formElement TEXTAREA,
	.formElement SELECT { font-size:11px;font-family:Arial;}
	.formElement INPUT {overflow:hidden;padding:3px 0px;}	
	.formElement INPUT.text { width:200px;}
	.formElement TEXTAREA.textarea { width:200px;}
	.formElement SELECT { width:200px;}
	.formElement LABEL {float:left; font-weight:bold; width:112px;}
	.formElement .radio,
	.formElement .checkbox { margin-left:80px;}
	H3.formElement {border-bottom:1px solid #ccc;}


.validation-advice{
	color:#f00;
}