/*  
Theme Name: XOS
Theme URI: http://www.xos.com/
Description: The default theme for the XOS site
Version: 1.0
Author: Zone 5
Author URI: http://www.zone5.com/

	XOS v1.0
*/

/* 800px - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.

Version: 1.0, March 29, 2006 */

.sindieMain {
    width: 185px;
    margin: 5px 0px;
    padding: 0px;
    display: inline;
    float: left;
}
.sindieMain ul {
    padding: 2px 20px 0px 30px;
    margin: 0px;
}
.sindieMain li {
    margin: 2px 0px;
    padding: 0px;
}
.productsInside {
    width: 140px;
    margin: 0px;
    padding: 0px;
    display: inline;
    float: left;
}
.productsInside ul {
    padding: 2px 0px 0px 20px;
    margin: 0px;
}
.productsInside li {
    margin: 2px 0px;
    padding: 0px;
}
.productsLandingPage {
    width: 280px;
    height: 175px;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    display: inline;
    float: left;
}
.productsLandingPage p {
    margin: 0px;
    padding: 0px;
}
.productsLandingPage img {
    margin: 0px;
    padding: 0px;
}
#homeLeftContent {
    float: left;
    display: inline;
    width: 560px;
    _width: 540px;
    margin: 0px;
}
#homeRightContent {
    float: left;
    display: inline;
    width: 275px;
    margin: 0px 0px 0px 15px;
    padding: 0px;
}
.post {
    margin: 0px;
    padding: 0px;
}
.entry {    
    margin: 0px;
    padding: 0px;
}

.product {
	float:left;
}

#content #post-27 .entry .product {
	float:left;
}

/*------------------- General Tags -------------------*/
body{
	color:#5C5C5C;
	line-height:120%;
	margin:0 auto;
	padding:0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 76%;
	background-color: #B4B8BB;
	background-image: url(/images/bkgdGrad.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/*a{
text-decoration:none;
color: #4088b8;
font-weight:bold;
}

a:hover{text-decoration:underline;}*/

img{
	border:0;
}
.alignright {
	float: right;
	margin: 5px 0 5px 10px;
}
.alignleft {
	float: left;
	margin: 5px 10px 5px 0;
}

h1{
	color:#999999;
	padding:0px 0px 8px 0px;
	margin:0px 0px 0px 0px;
	font: normal 28px/28px Geneva, Arial, Helvetica, sans-serif;
}

h2{
	font: bold 13px/14px Verdana, Tahoma, Arial, sans-serif;
	color: #00467F;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
h3{
	color:#104D77;
	padding:6px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font: normal 15px/16px Geneva, Arial, Helvetica, sans-serif;
}
h4{
	color:#104D77;
	padding:6px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font: bold italic 13px/16px Arial, Helvetica, sans-serif;
}
h5 {
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	margin:0px 0px 0px 0px;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
}

ol {
	margin:12px 0;
	padding:0 25px;
}

ol li {
	margin:16px 0;
	padding:0;
}

/*------------------- TopNav -------------------*/
#search{
	float:right;
	width:220px;
	margin:15px 15px 0 0;
	padding:0px 0 0 0;
	text-align: right;
}
#search p{
color:#FFFFFF
}
#headerTag {
width:340px;
margin:0px 0px 0 235px;
padding:38px 0 0 0;
}
#headerTag h1{
	color:#FFF;
	letter-spacing: 2px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 14px;
	font-weight: lighter;
	font-style: normal;
}

#logoLink{
float:left;
width:213px;
margin:0px 0px 0 0px;
padding:0px 0 0 0;
}

/*--- Add White line to right of nav ---*/
#home {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}

#girl {
	*float: right;
	*display: inline;
	padding-top: 2px;
}
#nav {
	clear:both;
	*margin-top: -2px;
}
#nav ul, #rightLinks ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
#nav ul#navlist li.page_item {
	background-image: url(/images/navBullet1.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav ul#navlist li.current_page_item a,
#nav ul#navlist li.current_page_ancestor a {
	color: #fff;
}
#nav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #F7941C;
	height: 24px;
}

#nav ul li a {
	padding: 6px 18px 6px 6px;
	margin: 0px;
	color: #104D77;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 11px/12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#nav ul li a:hover, #nav ul li a:active {
	color: #fff;
}

#rightLinks ul li {
	display: block;
	float: right;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#rightLinks ul li a {
	padding: 6px 15px;
	margin: 0px;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 10px/12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
#rightLinks ul li a:hover, #rightLinks ul li a:active {
	color: #F4BB0E;
}
/*------------------- LeftNav -------------------*/

#leftNav{
float:left;
width:180px;
margin:0 0 20px 0;
padding:30px 0 0 0;
}

/* ====================================
        Navigation Menu
=======================================*/
#menu {
	margin: 0px;
	padding-left: 20px;
	padding-top: 5px;
	width: 160px;
	height: auto;	
}
#menu a {
	margin: 0px;
	display: block;
	padding: 6px 3px 6px 15px;
	background-image: url(/images/navBullet2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	color: #104E77;
	}
#menu a:hover {
	color: #CC3333;
	}
#menu ul {
	margin: 0px;
	font: bold 13px/15px "Trebuchet MS", Helvetica, sans-serif;
	list-style: none;
	padding: 0px;
}

/* SECOND LEVEL PAGES */
#menu ul li ul {
	display: none;
	margin: 0px;
	font: bold 12px/15px "Trebuchet MS", Helvetica, sans-serif;
	list-style: none;
	padding: 0 0 0 15px;	
}
#menu ul li.current_page_item ul,
#menu ul li.current_page_ancestor ul {
	display: block;
}
#menu ul li ul li a {
	display: block;
	padding: 5px 3px 5px 20px;
	margin: 0px;
	text-decoration: none;
	background-image: none;
	color: #999999;
}
#menu ul li ul li a:hover {
	color: #CC3333;
	background-image: url(/images/navBullet3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu ul li ul li.current_page_item a {
	color: #CC3333;
}
#menu ul li ul li.current_page_item ul li a {
	color: #999999;
}


/* ====================================
        Sub Navigation Menu 
=======================================*/
#submenu {
	margin: 0px;
	padding-left: 25px;
	padding-top: 0px;
	width: 150px;
	height: auto;		
}

#submenu a {
	display: block;
	padding: 5px 3px 5px 20px;
	width: 150px;
	margin: 0px;
	text-decoration: none;
	}
#submenu a:link, #submenu a:visited {
	color: #999999;
	background-repeat: no-repeat;
	background-position: left top;
	}
#submenu a:hover {
	color: #CC3333;
	background-image: url(/images/navBullet3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#submenu ul {
	margin: 0px;
	font: bold 12px/15px "Trebuchet MS", Helvetica, sans-serif;
	list-style: none;
	padding: 0px;
}


#submenu2 {
	margin: 0px;
	padding-left: 45px;
	padding-top: 0px;
	width: 130px;
	height: auto;		
}

#submenu2 a {
	display: block;
	padding: 5px 3px 5px 20px;
	width: 130px;
	margin: 0px;
	text-decoration: none;
	}
#submenu2 a:link, #submenu2 a:visited {
	color: #999999;
	background-repeat: no-repeat;
	background-position: left top;
	}
#submenu2 a:hover {
	color: #CC3333;
	background-image: url(/images/navBullet3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#submenu2 ul {
	margin: 0px;
	font: bold 12px/15px "Trebuchet MS", Helvetica, sans-serif;
	list-style: none;
	padding: 0px;
}
/* ====================================*/

/*------------------- Main Wrap -------------------*/
#wrap{
	width:850px;
	margin:20px auto;
	padding:0;
	background-color: #FFFFFF;
	border: 2px solid #999999;
}

#header{
	margin: 0px;
	height: 108px;
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0px;
}

/*------------------- Sidebar -------------------*/
#sidebar{
float:right;
width:275px;
height: auto;
margin: -1px 0px 0px 0px;
_margin-left: 20px;
padding:0px 0px 0px 0px;
background-image: url(/wp-content/uploads/sideBarSubBkgd.jpg);
background-position: left top;
background-repeat: no-repeat;
}
#sidebarNew{
float:right;
width:275px;
height: auto;
margin: 0px 0px 5px 0px;
_margin-left: 20px;
padding:0px;
background-image: url(/wp-content/uploads/sideBarBkgd.jpg);
background-position: left top;
background-repeat: no-repeat;
}
#sidebar2{
float:right;
width:270px;
margin:0px 0px 20px 0px;
_margin-left: 19px;
padding:0px 0px 10px 5px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #999;
}
#sidebar h2{
padding:70px 100px 0px 20px;
}
#sidebar2 h2{
padding:8px 10px 0px 10px;
font: bold 12px/14px Arial, sans-serif;
color: #00467F;
}
#sidebar a, #sidebar2 a, #sidebarNew a {
text-decoration:none;
color: #4088b8;
font-weight:bold;
}
#sidebar .sindie {
font-size: 9px;
padding: 0px;
margin: 65px 0px 5px 5px;
display: inline;
float: left;
width: 130px;
}
#sidebar .chlora {
font-size: 9px;
padding: 0px;
margin: 65px 0px 5px 21px;
display: inline;
float: left;
width: 110px;
}
#sidebar p {
font-size: 9px;
}
#sidebarNew p {
font-size: 9px;
padding: 0px;
margin: 10px 60px 0px 3px;
*margin: 10px 50px 0px 3px;
}
#sidebar2 p {
font-size:11px;
padding:0px 20px 0px 10px;
margin:0px 0px 10px 0px;
}

#sidebar a:hover, #sidebar2 a:hover{text-decoration:underline;}

#sidebar ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#sidebar li{
list-style:none;
margin:0 0 4px 0;
padding:0;
}

#sidebar li a {
font-size:1.2em;
font-weight:bold;
padding:2px;
}

#sidebar ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar ul ul li a{font-weight:normal;}


#sidebar2 .featured-news img {
/*
	height: 96px;
	width: 96px;
*/
	margin-right: 10px;
}


/*------------------- Content variations -------------------*/

#content{
	width: 620px;
	float: right;
	text-align: left;
	margin: 25px 0px 30px 0px;
	padding: 0px 15px 15px 15px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #8DA4C8;
}
#content p {
	margin:0 0 10px 0px;
	padding: 0;
	line-height:150%;
}
#content a{
text-decoration:none;
color:#19458c;
font-weight:normal;
}
#content img{
	border: 0;
        margin: 5px 10px 5px 10px;
}
#content a:hover, #contentalt a:hover {text-decoration:underline;}

#content table {
        background-color: #999;
        margin: 0px;
        padding: 0px;
}
#content tr {
        margin: 0px;
        padding: 0px;
}
#content td {
    vertical-align: top;
    padding: 5px;
    background-color: #fff;
    margin: 0px;
}
#content h3 {
}
#content ul { }

#content li { padding: 5px 0 5px 0; }


#contentalt a{
text-decoration:none;
color:#4088b8;
font-weight:bold;
}

#contentalt{
	line-height:normal;
	width:520px;
    _width: 510px;
	float:left;
	text-align:left;
	margin:20px 0px 10px 25px;
	padding: 0;
}
#contentalt ul {
    margin: 5px 0px 10px 20px;
    padding: 0px;
}
#contentalt h1, #contentalt2 h1 {
	color:#104D77;
	padding:5px 0px 8px 0px;
	margin:0px 0px 0px 0px;
	font: bold 20px/12px Geneva, Arial, Helvetica, sans-serif;
}
*html #contentalt, *html #contentalt2{
	margin-left: 20px;
}
#contentalt2{
	line-height:normal;
	width:500px;
	float:left;
	text-align:left;
	margin:20px 0px 0px 40px;
	padding: 0;
}
#contentalt p, #contentalt2 p {
	margin:0 0 10px 0px;
	padding: 0;
}


/*------------------ Product Information Bar ------------*/
#prodBox {
    width: 175px;
    border: solid 1px #999;
    float: right;
    background-color: #E3E3E3; 
    margin: 0px 0px 10px 10px;
    padding: 5px;

}
#prodBox li {
    display: block;
    padding: 0px 0px 5px 15px;
    list-style-type: disc;
}
#prodBox ul {
    list-style-type: disc;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}


/*------------------- HomeBottomBar -------------------*/
#HomeBottomBar{
	clear:both;
	color:#808080;
	height: 50px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}
#sidebar2 {
	background-image: url(/images/homeBottomBkgd.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/*------------------- Footer -------------------*/
#footer{
clear:both;
text-align:center;
color:#808080;
font-size:0.9em;
border-top:4px solid #dadada;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
}

#footer p{margin:0; padding:0;}
#footer a{
	color:#808080;
	text-decoration: none;
}
#footer a:hover{
	color:#000;
	text-decoration: underline;
}
/*------------------- Various Classes -------------------*/
.homeTxt{
	padding:0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	font-size: 12px;
	line-height: 150%;
	color: #666666;
        list-style-type: none;
}
.homelight {
        font-weight: bold;
	font-size: 13px;
	line-height: 150%;
        color: #316A91;
}
.box{
color:#ffffff;
font-size:0.9em;
background-color:#4088b8;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box a{color:#f0f0f0;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.big{font-size:1.3em;}
.small{
	font-size:10px;
	color: #000;
	padding-top: 10px;
	padding-right: 8px;
	margin: 0px;
}
.bold{font-weight:bold;}

.clear{clear:both; line-height: 1px; height: 1px; font-size: 1px; margin: 0px; padding: 0px;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}
#content .caption {
	font-size: 95%;
	line-height: 135%;
	text-align: center;
	font-style: italic;
}
#content .hdList {
	margin: 0px 0px 0px 40px;
	padding: 0px;
	line-height: 160%;
}
#content .hdListPara {
	margin-bottom: 0px;
}
.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}

#content .productsCol {
	padding: 0;
	margin: 0 10px 20px 0;
	width: 300px;
	display: inline;
	float: left;
	/*background-color:red;*/
}
#content .productsCol h3 {
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#content .productsCol img {
	padding: 0px 10px 15px 0px;
	margin: 0px;
	float: left;
}

#content .productsCol p {
	padding: 0px;
	margin: 5px 0px;
}

#content .productsCol ul {
	padding:0;
	margin: 0px 0px 0px 0px;
}
#content .productsCol li {
	padding: 0 0 0 0px;
	margin: 0 0 4px 173px;
	font: bold 11px Arial, Helvetica, sans-serif;
}

#content .bottomArea {
	padding:0;
	margin: 24px 0 0 0;
	display: inline;
	float: left;
	width: 600px;
	background:#E8E8E8;
}
#content .bottomAreaText {
	width:400px;
	padding:0;
	margin:0 0 0 12px;
	float:left;
	display:inline;
}

#content .bottomArea .bull_left {
	padding: 0;
	margin: 10px 10px 10px 0px;
	display: inline;
	float: left;
	width: 190px;
}

#content .bottomArea .bull_right {
	padding: 0;
	margin: 10px 10px 10px 0px;
	display: inline;
	float: left;
	width: 190px;
}

#content .bottomAreaText ul{
	padding: 0;
	margin: 0;
	list-style-position:outside;
}
#content .bottomAreaText li{
	padding: 0;
	margin: 0 0 0 18px;
	font: bold 13px Arial, Helvetica, sans-serif;
}
#content .bottomArea img {
padding:0;
margin:0;
float:right;
display:inline;
}
#content .bottomArea p {
padding:0;
margin:0;

}
#content .bottomAreaText h3{
padding:0;
margin: 10px 0 0 0;
width:auto;
}

/* HDX 1000 Product Page Styling */
div#img_left, div#img_left img {
	margin: 0px;
	padding: 0px;
	border: none;
}

img#img_over {
	margin: -250px -15px 10px 10px;
	padding: 0px;
}

div#left_cont {
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 380px;
}

div#left_cont p {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

div#left_cont p img {
	margin: 0px 80px 10px 0px;
	padding: 0px;
	position: relative;
}

div#left_cont p img.soft_img {
	float: right;
	margin: -40px -25px 0px 0px;
	padding: 0px 0px 10px 10px;
	
}

div#left_cont p img.bottom_img {
	margin: 40px 50px;
	padding: 0px;
	clear: both;
}

div#right_cont {
	width: 200px;
    float: right;
    margin: 10px 0px 10px 10px;
    padding: 0px;
	text-align: left;
}
div#right_cont ul {
	padding-left: 20px;
}

div#right_cont div#prodBox1, div#right_cont div#prodBox2 {
    border: solid 1px #999;
/*    padding: 0px 10px 10px 10px; */
/*    margin: 0px 0px 10px 10px; */
	margin: 0 0 10px 0;
	padding: 0;
    background-color: #E3E3E3; 
	text-align:left;
}

div#right_cont div#prodBox1 h4, div#right_cont div#prodBox2 h4 {
	margin: 10px 0px 5px 5px;
	padding: 0px;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	color: #5C5C5C;
} 
	
div#right_cont div#prodBox1 ul, div#right_cont div#prodBox2 ul {
    list-style-type: disc;
    margin: 5px 0px 0px 20px;
    padding: 0px;
}

div#right_cont div#prodBox1 ul li, div#right_cont div#prodBox2 ul li {
    padding: 0px 0px 5px 0px;
    list-style-type: disc;
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #5C5C5C;
}

div#right_cont div#prodBox1 p, div#right_cont div#prodBox2 p {
	margin: 0px;
    padding: 0px 5px 10px 5px;
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #5C5C5C;
}

/* NEWS PAGE */
#content .news_item {
	margin:0 0 10px 0px;
	padding: 0;
	line-height:150%;
}