/* CSS Document */
body {
    margin: 0;
}
h1 {
    color: #ffcc00;
    font: bold 1.5em arial, helvetica, sans-serif;
    text-align: center;
}
h2 {
    color: #ffcc00;
    font: bold 1.0em arial, helvetica, sans-serif;
}
p, li {
    font: 0.9em arial, helvetica, sans-serif;
}
a {
    font: 0.9em arial, helvetica, sans-serif;
}
/* Useful for aligning images and text */
img.alignright {
    float: right;
    margin: 0 0 0.5em 0.5em;
}
img.alignleft {
    float: left;
    margin: 0 0.5em 0.5em 0;
}
img.aligncentre {
    display: block;
    margin: 0 auto;
}
/* VortX Specific Styles */
#v500 { 
	margin-top: 1em;	/* IE won't separate div's here */
    width: 100%;        /* Hack for IE */
    overflow: auto; 
}
#v500i {
    overflow: auto;
}
#main { 
    overflow: auto; 
	text-align: center;	/* Hack for IE */
    width: 100%;        /* Hack for IE */
}
#main p, #main ul {
	text-align: left;	/* Undo IE Hack */
}
#grille-row { 
    margin: 0 auto; 
    width: 80%; 
}
.grille-float {
    float: left;
    padding: 0 1em;
}
.grille-float  p.caption {
    font-size: 0.8em;
    text-align: center;
}
#features li, #specifications li {
    line-height: 1.3em;
}
#specifications #flow-indent {
	margin-left: 7.2em;
}
#specifications #energy-indent {
	margin-left: 9.75em;
}
#specifications #material-indent {
	margin-left: 4.5em;
}
#dimensions {
    overflow: auto; 
}
#vortx-dimensions
{
	font: normal 0.7em arial, helvetica, sans-serif;
	margin: 3em 0;
	overflow: auto;
	padding: 0;
	width: 34em;	
}
#vortx-dimensions dt
{
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0.25em;
	text-align: right;
	width: 13em;
}
/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */
#vortx-dimensions dd
{
	float: left;
	margin: 0;
	padding: 0.5em 0.25em;
	width: 18em;
}
#performance {
	text-align: center;	/* Hack for IE */
}
#performance h2, #performance p {
	text-align: left;	/* Undo IE Hack */
}
#performance img { 
	border: 0; 
}
span.accessory {
    font-weight: bold;
}
#accessory-list {
}
#accessory-list  dl {
	font: normal 0.8em arial, helvetica, sans-serif;
}
#accessory-list dt {
	float: left;
	margin: 0.5em;
	width: 270px;
}
#accessory-list dt img { 
	float: right;
}
#accessory-list dd {
	float: left;
	margin-top: 1em;
	width: 25em; 
}
* html #accessory-list dd { 
	float: none;			/* Hack for IE */
}
/* End VortX Styles */
.header {
    font-size:10px;
    line-height:15px;
    color:#FFCC00;
    font-family:tahoma, verdana, arial, courier;
}
.header strong {
    color:#FFCC00;
}
.header a {
    color:#FFCC00;
    text-decoration:none;
}
.header a:hover {
    text-decoration:underline;
}
.content {
    font-size:11px;
    line-height:13px;
    color:#D3ECFC;
    font-family:tahoma, verdana, arial, courier;
}
.content strong {
    color:#FFCC00;
}
.content b {
    color:#ffffff;
}
.content a {
    color:#ffffff;
    text-decoration:underline;
}
.content a:hover {
    text-decoration:none;
}
.content ul {
    margin:0;
    padding:0;
    list-style:none;
}
.content li {
    background:url(images/q1.gif) left center no-repeat;
    margin:0 0 0 0px;
    padding:0 0 0 19px;
    line-height:20px;
}
.content li a {
    color:#ffffff;
    text-decoration:underline;
}
.content li a:hover {
    text-decoration:none;
}
.links {
    font-size:10px;
    line-height:13px;
    color:#000000;
    font-family:tahoma, verdana, arial, courier;
}
.links strong {
    color:#E9EB94;
}
.links strong a {
    color:#E9EB94;
    text-decoration:none;
}
.links strong a:hover {
    text-decoration:underline;
}
.footer {
    font-size:10px;
    line-height:15px;
    color:#889CB4;
    font-family:tahoma, verdana, arial, courier;
}
.footer strong {
    color:#889CB4;
}
.footer a {
    color:#889CB4;
    text-decoration:none;
}
.footer a:hover {
    text-decoration:underline;
}
.form {
    font-size:11px;
    color:#1A2633;
    font-family:Tahoma, verdana, arial, courier;
    width:219px;
    height:20px;
    background-color:#ffffff;
    border:#1A2633 solid 1px;
    padding:2px 0px 0px 5px;
    vertical-align:top;
}
