@import url(globalnav.css);
@import url(pngfix.css);

body	{
	margin: 0;
	padding: 0;
	background: #ddeef6 url(smoothblend.gif) repeat-x left top;
	font-size: 12px;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
}

a img	{border: 0;}
a:link, a:visited	{color: #005bff; font-weight: normal; text-decoration: none;}
a:hover	{color: #005bff; font-weight: normal; text-decoration: underline;}

.raq:after	{content: " \BB"; display: inline; color: #888;}

a.learnmore { white-space: nowrap; font-size: 11px; padding-right: 8px; background: url(/interactive/lookandfeel/100101/dev/arrow.gif) no-repeat 100% 5px; zoom: 1}
a.learnmore-b, a:visited.learnmore-b, a:hover.learnmore-b { white-space: nowrap; font-size: 11px; color: #56b9f5; padding-right: 8px; background: url(/interactive/lookandfeel/100101/dev/arrow-b.gif) no-repeat 100% 4px; zoom: 1}
a.learnmore-c { white-space: nowrap; font-size: 11px; color: #333; padding-right: 8px; background: url(/interactive/lookandfeel/100101/dev/arrow333.gif) no-repeat 100% 100%; zoom: 1}

p { font-size: 12px; margin: 5px 0 15px 0; color: #333; line-height: 18px; }

ul, ol { font-size: 12px; color: #333; line-height: 16px;}

h5	{ font-size: 12px; line-height: 16px; color: #000; margin: 0; }
h4	{ font-size: 16px; line-height: 22px; color: #000; margin: 0 0 5px 0; font-weight: normal; }
h3	{ font-size: 18px; line-height: 26px; margin: 25px 0 0 0; color: #000; }
h2	{ font-size: 22px; margin: 15px 0 0 0; font-weight: normal; color: #999; }
h1	{ font-size: 20px; color: #bebebe; margin: 25px 0 25px 0; }

.fine	{ font-size: 9px; margin: 5px 0 5px 0; line-height: 12px; color: #8d8d8d; clear: both; }
.ehl-img { margin-top: -8px; margin-right: 2px; float: left; }
.right	{ float: right; }
.left	{ float: left; }
.last { margin-right: 0 !important; }

.leftin { float: left; margin: 2px 20px 16px 0; }
.rightin { float: right; margin: 10px 0 0 20px; }

.flushbottom { bottom: 0; position: absolute; }
.flushtop { top: 0; position: relative; }
.flushright { right: 0; position: relative; }
.flushleft { margin-left: -28px; position: relative; }

.bump { margin-top: 20px; }
.pngfix { margin-bottom: 15px; }

.block	{ display: block; }

.lefty	{ text-align: left; margin: 0; }

.blue	{ color: #005bff;}
.vertpush	{ margin-top: 20px; }
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearfix:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Base Structure */

#wrapper { width: 920px; margin: 15px auto; position: relative; }

#pages	{
	margin: 0 auto;
	width: 920px;
	padding: 0;
	background: url(/interactive/lookandfeel/100101/dev/pronav_top.png) no-repeat left top;
}
.ehl {
clear:both;
color:#666666;
font-size:9px;
line-height:12px;
margin:5px 0;
}

#pro-nav {
	clear: both;
	width: 908px;
	height: 37px;
	margin: 0 auto;
	padding: 2px 0 0 12px;
	background: url(/interactive/lookandfeel/100101/dev/pronav_bottomcap.png) no-repeat left bottom;
}

#pro-nav img { float: left; }

#pro-nav ul.products {
	margin: 10px 8px 0 0;
	*margin: 10px 8px 0 0;
	-margin: 10px 12px 0 0;
	padding: 0;
	font-weight: bold;
	float: right;
}

ul.products li	{
	padding: 0 0 0 5px;
	*padding: 0 0 0 5px;
	_padding: 0 0 0 3px;
	font-size: 10px;
	list-style: none;
	display: inline;
}

ul.products li.first	{
	padding: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

#pro-nav a:link, #pro-nav a:visited, #pro-nav a:hover { color: #80dffb; font-size: 12px; text-decoration: none; }
#pro-nav a:hover { color: #0dc4fa; text-decoration: none; }
#pro-nav ul.products li.nav-light a {
color: #fff;
padding: 4px;
*padding: 2px;
_padding: 4px;
font-weight:
bold;
text-decoration: none; }

#content {
	margin-top: 5px;
	width: 100%;
	position: relative;
	background: url(/interactive/lookandfeel/100101/dev/content_topcap.png) no-repeat left top;
}

#content-main {
	padding: 0 29px;
	margin: 0;
	background: url(/interactive/lookandfeel/100101/dev/content_bg.png) repeat-y left top;
	position: relative;
}

#star {
	position: relative;
	padding: 0:
	width: 918px;
	margin: 0 -29px 29px;
}

.grid { width: 100%; margin-bottom: 15px; }
.sub img { float: left; margin: 2px 20px 14px 0; }

.half { width: 47%; }
.onethird { width: 30%; }
.twothird { width: 66%; }
.quarter { width: 22.5%; }

.half img, .onethird img, .twothird img, .quarter img { display: block; }
.half, .onthird, .twothird { margin-top: 10px; }

#container:after, #content:after, #content-main:after, #star:after, .grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, #content-main, #star, .grid { zoom: 1; }

ul#promos	{
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 920px;
	border-top: 1px solid #adaa9d;
	list-style: none;
	background: url(/interactive/lookandfeel/100101/dev/bottom_cap.png) no-repeat left bottom;
	position: relative;
}

#promos:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

ul#promos li	{
	margin: 0;
	padding: 14px 10px 5px 14px;
	width: 206px;
	float: left;
}

ul#promos li p {
	color: #666;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

ul#promos li a:hover { color: #005bff; text-decoration: underline; }

ul#promos li.promo p a { color: #666; text-decoration: none; }
ul#promos li.promo:hover p a { color: #005bff; text-decoration: none; }
ul#promos li.promo:hover a.learnmore { text-decoration: underline; }

ul#promos li p a.more { padding-bottom: 1px; display: inline; color: #0088CC; }

/* Footer */

#footer	{
	width: 920px;
	margin: 0 auto;
	margin-top: 22px;
	*margin-top: 23px;
	padding: 0;
	border: 0;
	background: url(/interactive/lookandfeel/100101/dev/footer_top.png) no-repeat left top;
	font-size: 11px;
}

#footer a:link, #footer a:visited { color: #999;
	font-size: 11px;}
.crumb { margin: 0; border-bottom: 1px solid #ddd; padding: 8px 8px 3px 8px; font-size: 11px; color: #333; }
.crumb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;
	font-size: 11px;}
.emblem { padding: 8px 8px 3px 8px; float: left; }

#directory {
	width: 900px;
	margin: 0 auto;
	padding: 10px;
	border: 0;
}

#directory ul {
	margin: 0 25px 0 0;
	padding: 0;
	text-align: left;
	float: left;
	font-size: 11px;
}

#directory ul li {
	margin: 0;
	padding: 1px 0 1px 0;
	color: #333;
	font-size: 11px;
	list-style: none;
}

#directory ul li.dir-top	{
	font-weight: bold;
	font-size: 11px;
}

#directory:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}

#foot-ads	{
background:transparent url(/interactive/lookandfeel/100101/dev/footer_bottom.png) no-repeat left bottom;
border-top:1px solid #ADAA9D;
margin:0 auto;
padding: 0 1px 2px 1px;
width:918px;

}

html>body #foot-ads {padding-bottom: 5px;}

ul#f-ads {
	width: 918px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

ul#f-ads img {
	display: block;
}

ul#f-ads li	{
	margin: 0;
	padding: 0;
	float: left;
}

#footer p.f-visit { margin: 5px 0 0 0; padding: 0; font-size: 11px; font-weight: bold; color: #666; text-align: left; float: left; }
#footer p.f-links { margin: 5px 0 0 0; padding: 0; font-size: 11px; color: #666; float: right; }

#footer p.f-copy {
clear:both;
color:#666666;
font-size:9px;
font-weight:normal;
margin:5px 0 0;
padding:0;
text-align:left;
}
#footer p.f-visit a:link , #footer p.f-visit a:hover, #footer p.f-visit a:visited, #footer p.f-links a:link , #footer p.f-links a:hover, #footer p.f-links a:visited {
	font-size: 11px; color: #005bff; }
.faqQ{
margin-top:-15px;
padding-left:25px;
}
a.faqQ:link, a.faqQ:link, {
text-decoration:none}

a.faqQ:hover{
text-decoration:underline;}