/* CSS Document */

/************* GLOBAL STYLES ************/
html, body, img, ul, li, p, h1, h2, h3, form, input, textarea, submit { 
	margin:					0; 
	padding:					0; 
	border:					0; 
}

body {
	font-family:			Arial, Helvetica, sans-serif; 
	font-size:				100%;
	letter-spacing: 		-0.5px;
	overflow:				hidden;	
}

a { 
	color:					#009; 
	text-decoration:		none; 
}

a:hover { 
	text-decoration:		underline; 
}

p {
	font-size:				1.2em;
	margin-bottom:			.75em;
    line-height:			1.15em;
}

/************* SPLASH PAGE LAYOUT ************/
#overlayWrapper img {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				1002;
	top:					50%;
	left:					50%;
	margin-top:				-110px; /* half elements height*/
	margin-left:			-450px; /* half elements width*/
	width:					902px;
	height:					220px;
}

#overlay {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				1000;
	width:					100%;
	height:					100%;
	background-color:		#009;
	filter:					alpha(opacity=80);
	-moz-opacity:			0.8;
	-khtml-opacity:			0.8;
	opacity:				0.8;
}

/************* MAIN PAGE LAYOUT ************/
#wrapper {
	width:					100%;
	height:					100%;
	min-width:				1000px;
}

#banner {
	position:				relative;
	height:					119px;
	margin:					0 20px 40px 20px;
	background:				url('../images/logo-tweek.gif') no-repeat top left !important;
	z-index:				50
}

#utility {
	position:			absolute;
	top:					20px;
	right:				0;
}

#utility ul {
	list-style:				none;
}

#utility ul li {
	float:					left;
	margin-left:			25px;
}

#utility ul li a {
	font-size:				1.2em;
	font-weight:			bold;
}

div#nav { 
	position: 			absolute;
	top:					73px;
	right:				0;
	margin:				0;
	font-family: 		Arial, sans-serif;
	font-weight:		bold;
	z-index: 			50;
}

div#nav ul {
	margin:				0;
	padding:				0;
	list-style: 		none;
	width:				400px;
}

div#nav ul.dropdown {
	width:				400px;
	height: 				480px;
	overflow-y: 		scroll;
	overflow-x:			hidden;
}

div#nav .level1 {
	margin-left:		10px;
	padding:				0;
	font-size:			2.5em;
	line-height:		1.5em;
	color:				#009;
}

div#nav .arrow {
	font-size:				.75em;
}

div#nav ul:hover, div#nav ul.sfHover {
	background: 			#009;
}

#nav ul:hover li, #nav ul.sfhover li {
	color: 					#FFF;
}

#nav ul:hover ul, #nav ul.sfhover ul {
	left: 					auto;
}

div#nav li ul li a {
	display: 				block;
	padding: 				5px 0 5px 10px;
	text-decoration: 		none;
	width: 					400px;
	color: 					#fff;
}

div#nav li ul li img {
	width:					58px;
	height:					44px;
	margin-right:			10px;		
	vertical-align:		middle;
}

div#nav li ul li a:hover, #nav li ul li.sfhover {
	background: 			#fff;
	color: 					#009;
}

div#nav li ul {
	position: 				absolute;
	width: 					375px;
	left:						-999em;
	z-index: 				40;
	background:				#009;
}

#main {
	position:				relative; 
	top:						0; 
	left:						0;
	width:					100%;
}

#content {
	position:				absolute;
	width:					100%;
	overflow:				auto;
	z-index:					10;
}

#contentPadding {
	width:					95%;
	max-width:				860px;
	margin-left:			20px;
}

#content .product {
	margin-bottom:			80px;
}

#content h1 {
	margin:					0 0 10px 0;
	font-size:				2.7em;
}

#content h2 {
	margin:					0;
	font-size:				2.7em;
    line-height:			1em;
}

#content h3 {
	margin:					40px 0 10px 0;
	font-size:				2.7em;
    line-height:			1em;
}

#content img {
	margin:					0 20px 20px 0;
}

#content .productSubImg {
	margin:					0 0 10px 0;
}

#content p a {
	font-weight:			bold;
}

#content .productsDetail {
	font-size:				.75em;
	margin-bottom:			1em;
    line-height:			1.25em;
    font-weight:			bold;
}

#footer {
	position:				relative;
	top:					200px;
}






/************* POPUP STYLES ************/
#stage {
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					100%;
	z-index:				100;
	display:				none;
}

#popup {
	position:				absolute;
	top:					50%;
	left:					50%;
	margin-top:				-225px; /* half elements height*/
	margin-left:			-350px; /* half elements width*/
	width:					700px;
	height:					550px;
	background-color:		#009;
	z-index:				99;
	color:					#fff;
	font-weight:			normal;
}

#popupHeader {
	position:				relative;
	top:					20px;
	left:					20px;
	width:					660px;
}

#popupHeader .popupTitle {
	position:				relative;
	top:					0;
	left:					0;
	display:				inline;
}

#popupHeader .popupClose {
	position:				absolute;
	top:					0;
	right:					0;
	color:					#FFF;
}

#popupPage {
	position:				relative;
	top:					40px;
	left:					20px;
	width:					660px;
	height:					450px;
	overflow:				auto;
	color:					#FFF;
}

#popupPage img {
	margin:					0 0 20px 0;
}

#popupPage a {
	color:					#FFF;
}

#popupPage .textInput, .textareaInput {
	width:					620px;
}

#popupPage .video {
	position:				absolute;
	top:					50%;
	left:					50%;
	margin-top:				-150px; /* half elements height*/
	margin-left:			-200px; /* half elements width*/
	width:					400px;
	height:					300px;
}

#popupPage .formEmbed {
	border-style:			none;
	width:					100%;
	height:					100%;
}

/************* /POPUP STYLES ************/