/* resets styles */

	html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0; }
	fieldset, img { border: 0; }
	address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
	caption, th { text-align: left; }
	h1, h2, h3, h4, h5, h6 { font-size: 100%; }
	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td { text-align: left; font-weight: normal; }
	table, td, th { vertical-align: middle; }
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	blockquote, q { quotes: "" ""; }
	a img { border: none; }
	a:active, a:hover { outline: none; }
	:focus {
	  -moz-outline-style: none;
	}

/* main */

	.js form#login_form label { display:none; }	

	body { background: #6f8a9a /* url('../images/v2/bg_gradient.png') repeat-x 0 35px*/ url('../images/v2/main_bg.png') no-repeat top center; color: #000; margin: 0; padding: 0; font: 12px/16px Arial, Helvetica, sans-serif; }
	
	p a { text-decoration: underline; color: #93a7b3; }
	p a:hover { text-decoration: underline; color: #000; }
	
	.subpage #col_1 h1, .subpage #col_1 h2, .subpage #col_1 h3, .subpage #col_1 p { padding-bottom:1em; }

	#top_bar { position: relative; width: 100%; height: 35px; background: #93a7b3 url('../images/v2/top_bar_bg.png') repeat-x top left; margin: 0; padding: 0; }
	
	#header { position: relative; width: 870px; height: 85px; margin: 15px auto; }
		#fizz_logo { position: absolute; top: 0px; left: 0px; width: 116px; height: 85px; outline: none; }
		#fizz_logo span { display: none; }
			p#head_counter { font-size:24px;color:#000;margin:0;padding:52px 0 0 133px; }
			p#head_counter span { color:#fff; }
	
			form#login_form { height:35px;line-height:35px;margin:0;padding:0;width: 870px; margin:0px auto;text-align:right; }
			form#login_form p { color:#C8DA2B;display:inline; }
			form#login_form input { border:0;color:#6f8a9a;padding:3px;margin:0 0 0 3px; }
				form#login_form label.error { font-weight:bold;padding:5px;color:#E5008A; }
			
			form#login_form #submit 
			{
				text-transform:lowercase; 
				border:0 none;
				color:#6F8A9A;
				margin:0 0 0 3px;
				padding:3px;
				line-height:12px;
			}

	#container { position: relative; width: 870px; margin: 10px auto 0px auto; background: url('../images/v2/main_bg_lines.png') no-repeat top center; overflow: display; }
	body.subpage #container { background: url('../images/v2/subpage_bg_lines.png') no-repeat top center; }
		.subpage #col_1 { width: 572px; padding:4px; }
			.subpage #col_1 img.center { display:block;margin:0 auto 1em auto; }
			.subpage #col_1 img.right { display:block;float:right;margin:0 1em 1em 0;}
			.subpage #col_1 h3 { font: 18px/24px Arial, Helvetica, sans-serif;color:#007AA6; }
			.subpage #col_1 h4 { font: 16px/22px Arial, Helvetica, sans-serif;margin-bottom:.5em; }
		#col_1 { position  : relative; float: left; width: 252px; padding: 47px 15px 10px 23px; }
			#col_1 .hl { position: absolute; top: 1px; left: 1px; width: 288px; height: 37px; background: url('../images/v2/whatwedo.png') no-repeat top left; }
			#col_1 .hl span { display: none; }
			#col_1 .smileys { float: left; width: 57px; height: 99px; background: url('../images/v2/smileys.png') no-repeat top left; margin: 10px 0 10px 0; }
			#col_1 .lead_p { margin: 8px 0 10px 0; font: 12px/15px Arial, Helvetica, sans-serif; }
			#col_1 .subpage_content { background: #E6E6E6; margin:4px;padding:12px;overflow:auto;min-height:560px; }
		#col_2 { position: relative; float: left; width: 252px; padding: 47px 15px 10px 23px; }
			#col_2 .fizz_chart { width: 252px; height: 120px; margin: 0 0 10px -15px; padding: 0 15px; background: transparent; }
				#col_2 .fizz_chart .left { float: left; width: 110px; background: transparent; margin: 0 15px 0 0; padding: 0; }
				#col_2 .fizz_chart .right { float: left; width: 110px; background: transparent; margin: 0 0 0 0; padding: 0; }
				.l_hl, .r_hl { font: bold 12px/16px Arial, Helvetica, sans-serif; }
				.thumb { line-height:0; width: 110px; height: 80px; }
				.showme_btn { width: 110px; height: 17px; background: url('../images/v2/showme_btn.png') no-repeat top center; cursor: pointer; }
				.showme_btn:hover { width: 110px; height: 17px; background: url('../images/v2/showme_btn.png') no-repeat bottom center; cursor: pointer; }
				.showme_btn a span { display: none; }
			#col_2 .hl { position: absolute; top: 1px; left: 1px; width: 288px; height: 37px; background: url('../images/v2/products.png') no-repeat top left; }
			#col_2 .hl span { display: none; }
		#col_3 { position: relative; float: left; width: 252px; padding: 47px 15px 10px 23px; }
			.subpage #col_3 { padding-top:10px; }
			#col_3 .hl { position: absolute; top: 1px; left: 1px; width: 288px; height: 37px; background: url('../images/v2/aboutus.png') no-repeat top left; }
			#col_3 .hl span { display: none; }
			#col_3 .hl_alt { width: 278px; height: 38px; margin: 15px 0 10px -22px; background: url('../images/v2/feed.png') no-repeat top left; }
			#col_3 .hl_alt span { display: none; }
			#col_3 .feedbox { width: 246px; margin: 0 0 0 -15px;overflow: hidden; position: relative;height:150px; }
			div.feedbox { color:#fff;font: 14px/20px Arial, Helvetica, sans-serif; background:#83a1b0;padding:12px 13px; }
			div.feedbox .item { height:240px;padding:16px; }
			div.feedbox span.timestamp { display:block;text-indent:10px;font: 12px/16px Arial, Helvetica, sans-serif; }
			div.feedbox p.chatter { padding:0 0 10px 0;background: url('../images/v2/feed-separator.gif') no-repeat bottom left; }
			div.feedbox p.sentiment { padding:0; color:#021700;font: 12px/14px Arial, Helvetica, sans-serif;width:240px; }
			div.feedbox p.sentiment span { font-weight:bold; }
			div.feedbox p.positive, div.feedbox p.negative, div.feedbox p.neutral, div.feedbox p.mixed { height:36px;line-height:36px; }
			div.feedbox p.positive { background: url('../images/v2/smiley_sprite.png') no-repeat 100% 0; } 
			div.feedbox p.neutral, div.feedbox p.mixed { background: url('../images/v2/smiley_sprite.png') no-repeat 100% -60px; }
			div.feedbox p.negative { background: url('../images/v2/smiley_sprite.png') no-repeat 100% -120px; }
			div.feedbox p.positive span { color:#C8DA2B; } 
			div.feedbox p.neutral span, div.feedbox p.mixed span { color:#EDE3B5; } 
			div.feedbox p.negative span { color:#E5008A; } 
		
		#col_1 h2, #col_2 h2, #col_3 h2 { font: 16px/22px Arial, Helvetica, sans-serif; color: #fff; margin: 10px 0 5px 0; }
		.arrow { width: 6px; height: 11px; padding: 0 0 0 3px; }
	
	#footer { position: relative; width: 870px; height: 50px; margin: 0px auto 15px auto; padding: 15px 0 0 0; background: url('../images/v2/footer_bg_lines.png') no-repeat top center;color:#fff; }
	
	#footer_nav { margin:0;padding:0;width:380px;float:left; }
	
	#follow_us { width:60px;float:left;padding:0 20px; }
	
	#footer_nav li a,
	#footer_nav li a:link,
	#footer_nav li a:active,
	#footer_nav li a:visited,
	#footer_nav li a:focus,
	#footer_nav li a:hover
	{
		text-decoration:none;
		color:#fff;
	}
	
	#footer p.copyright { float:right;width:260px;text-align:right; }
	
	ul#footer_nav { overflow:auto;}
	#footer_nav li { display:block;float:left;list-style-type:none;padding:0 5px;border-left:solid 1px #fff; }
	
	#sm_links {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(../images/v2/sm_icons.png) repeat scroll 0 0;
		height:20px;
		margin:0;
		padding:0;
		position:relative;
		width:93px;
		float:left;
	}
	
	#sm_links li, #sm_links li a {
		display:block;
		height:20px;
		width:20px;
		outline-color:-moz-use-text-color;
		outline-style:none;
		outline-width:medium;
	}

	#sm_links li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		padding:0;
		position:absolute;
		top:0;
	}
	
	#sm_links span { display:none; }
	
	#smi1 { left: 0px; width: 20px; }
	#smi2 { left: 24px; width: 20px; }
	#smi3 { left: 48px; width: 20px; }
	#smi4 { left: 72px; width: 20px; }

	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-table;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
/* classes */
.hover { cursor:pointer; }
p.message { font-weight:bold; }

.pr_quote_inner {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-x-system-font:none;
	background:#FFFFFF none repeat scroll 0 0;
	color:#EB2795;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:16px;
	margin:0;
	padding:5px 15px;
}

.pr_link {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:24px;
}

.pr_link a {
	color:#818386;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:22px;
}

.pr_date {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:16px;
}

.pr_quote {
	width:528px;
	-x-system-font:none;
	border-left:1px solid #7FB53E;
	border-right:1px solid #7FB53E;
	color:#EB2795;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:16px;
	margin:0;
	padding:0;
}

hr {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/v2/pink_dash.gif) repeat-x scroll left top;
	border-color:transparent;
	border-style:none;
	border-width:0 0 1px;
	height:1px;
	margin:15px 0;
}

.loupe { background-color:#555; background:rgba(0, 0, 0, 0.25); border:5px solid rgba(0, 0, 0, 0); cursor:url(blank.gif), url(blank.cur), none;z-index:150; }

/**** form elements ****/

fieldset { float: left; clear: both; margin: 0 0 0 0; padding: 0; border-style: none; background: transparent; }

legend { display:none; }

label { float: left; width: 75px; margin-right: 11px; text-align: left; }
label.wide { display: block;padding: 10px 0 10px 86px;float:none;width:400px;}
label.wide input { width: 13px;height: 13px;padding: 0;margin:0;vertical-align: bottom;position: relative;top: -1px;*overflow: hidden; }
label.error { display:block;color:#ff0000;float:none;margin-left:90px;width:300px;padding:2px 0px;font-weight:bold; }
p.error { color:#ff0000;width:100%;margin-left:0;font-weight:bold; }

fieldset ol { padding: 11px 11px 0 11px; list-style: none; }
fieldset li { float: left; clear: left; width: 100%; padding-bottom: 1em; }

fieldset.submit { float: none; width: auto; border-style: none; padding-left: 132px; background-color: transparent; }

#contact_form p.submit { padding-left:95px;clear:both; }

.text { width: 250px; border-top: 1px solid #dcdcdc; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 1px solid #dcdcdc; padding: 5px 5px;font: 11px/17px Arial, Helvetica, sans-serif; }
.phone { width: 150px; border-top: 1px solid #dcdcdc; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 1px solid #dcdcdc;  padding: 5px 5px; }
.user_message { width: 350px; border-top: 1px solid #dcdcdc; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 1px solid #dcdcdc;  padding: 5px 5px; }
.ord_boxes { width: 50px; border-top: 1px solid #dcdcdc; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 1px solid #dcdcdc;  padding: 5px 5px; }

#legalpop { cursor:pointer; }

.preview_box { position:relative;overflow:hidden;height:270px;  }
.preview_box .preview { display:block;float:right;width:380px;height:270px; }
.preview_box .cta { display:block;position:absolute;top:116px;left:0px;height:141px;width:297px;z-index:100; } 
