html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;}
	
table {
  border-collapse: separate;
  border-spacing: 5px;
  vertical-align: middle;}




.tablestriped {
    font-size: 14px;
    margin: 0 0 25px;
    text-align: left;
	border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.tablestriped tbody {
    color: #413C32;
}
.tablestriped th {
    color: #224C88;
    font-size: 22px;
    font-weight: bold;
    padding: 10px 5px 0 8px;
}
.tablestriped th.col_1b, .tablestriped th.col_2b, .tablestriped th.col_3b {
    border-bottom: 2px solid #AAAAAA;
    color: #224C88;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 5px 5px 0px;
    vertical-align: bottom;
}
.tablestriped th.col_1c, .tablestriped th.col_2c, .tablestriped th.col_3c {
    border-bottom: 2px solid #224C88;
    color: #648CAA;
    font-size: 12px;
    font-weight: bold;
    padding: 20px 5px 5px 10px;
}
.tablestriped td {
    border-bottom: 2px solid #AAAAAA;
    padding: 10px 5px 10px 10px;
    vertical-align: middle;
}
.tablestriped td.col_1 {
    font-size: 12px;
    vertical-align: middle;
    border-right: 1px solid #AAAAAA;
}

.tablestriped td.col_1_highlight {
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    border-right: 1px solid #AAAAAA;
    background-color: #224C88;
    color: #ffffff;
}

.tablestriped td.col_2 {
    font-size: 12px;
    vertical-align: middle;
}

.tablestriped tr td {
    background-color: transparent;
}
.tablestriped tr.alt_row td {
    background-color: transparent;
}
.tablestriped tr.alt_row2 td {
    background-color: transparent;
    border: 0 none;
    color: #648CAA;
    font-weight: bold;
}
  
  
  

  
html {
    overflow-y: scroll;}

img a {
	border: none;}

body {
	background:url('../graphics/10201_JoeSoft_BG.jpg') repeat-x;
	background-color: #ffffff;
	color: #413C32;
	font: 62.5%/2em "Arial",Trebuchet MS,sans-serif;}
	
.clear {
	clear: both;}
	
.awards_td {border-bottom:dashed 1px #AAAAAA; padding:0 0 10px 0;}
	
.hear_purple {color:#7b479c;}
.hear_purple_bold {color:#7b479c; font-weight: 700;}

.klix_green {color:#4cad46;}
.klix_green_bold {color:#4cad46; font-weight: 700;}


.stox_green {color:#2d7239;}
.stox_green_bold {color:#2d7239; font-weight: 700;}

.grey_txt {color: #413C32;}

.productBTN {margin: 0 0 5px 0;}

hr {
	border-top-width: thin;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-color: #aaa;
	margin-top: 5px;
	margin-bottom: 10px;}
	
a {color:#b01c1c; text-decoration: none; font-weight: bolder;}

a:hover {color: #413C32; text-decoration: underline;}

a:active {color: #000000; text-decoration: none;}

ol, li {margin-left: 35px;}

h1, h2 {
	font-size: 24px;
	font-weight: bold;
	color: #b01c1c;
	margin-top: 15px;
	margin-bottom: 5px;
	line-height: 1.2em;
	border-bottom: dashed 1px #aaa;}
		
.distributorsTITLE {
	font-size: 20px;
	font-weight: bold;
	color: #b01c1c;
	margin-top: 15px;
	margin-bottom: 5px;
	line-height: 1.2em;
	border-bottom:none;}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #413C32;
	margin-top: 8px;
	margin-bottom: 5px;
	line-height: 1.4em;}
	
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #413C32;
	margin-top: 8px;
	margin-bottom: 5px;
	line-height: 1.4em;}	
	
p, ol, li {
	font-size: 12px;
	color: #413C32;
	line-height: 1.7em;}
	
.intro {font-weight: bold; font-size: 18px; margin-bottom: 5px;}

.product_video_black {background-color: #000;}

.product_video_white {background-color: #fff;}

.product_video_inner {margin: 0 auto; width:359px; padding: 50px 0 50px 0;}

.hof_post {min-height: 177px; border-bottom: dashed 1px #aaa; padding: 10px 0 10px 0;}
	
#page_wrap  {
	margin: 0px auto;
	width: 808px;
	position: relative;
	padding: 0 20px 0 20px;}

#header  {
	background:url('../graphics/10201_JoeSoft_Header_RPT.jpg') repeat-x center top;
	background-color: #FFFFFF;
	position: relative;
	height: 130px;}
	
#header_inside  {
	background:url('../graphics/10201_JoeSoft_Header.jpg') no-repeat center top;
	background-color: #FFFFFF;
	margin: 0px auto;
	position: relative;
	height: 100%;
	width: 808px;}
	
	
#banner_wrap {
	height: 120px;}

#banner_inner {margin: 0 auto; width: 808px;}
	
#left_nav {
	float: left;
	background:url('../graphics/10201_JoeSoft_leftnav_bg.jpg') no-repeat center top;
	border-left: solid 1px #aaa;
	width: 169px;}
	
#left_nav_links  {
	width: 169px;
	float: left;
	padding: 11px 0 0 0;
	}
	
#left_nav_links li {
	list-style: none;
	margin: 0px;
	float: left;
	width: 100%;
	text-align: left;}
	
#left_nav_links a {
	display: block;
	padding: 10px 0px 7px 42px;
	border-bottom: dashed 1px #aaa;
	background-position: 0 5px;
	background-repeat: no-repeat;}
	
#left_nav_links a:hover {
	color: #b01c1c;
	background:url("../graphics/10201_JoeSoft_leftnav_BUTT.png") no-repeat scroll top left transparent;
	background-position: 0 -33px;
	text-decoration: none;}
	
.products_nav {
background:url("../graphics/10201_JoeSoft_leftnav_BUTT.png") no-repeat scroll left center transparent;
}
	
#page_content  {
	margin: 35px 0 35px 28px;
	width: 580px;
	position: relative;
	font-size: 12px;}
	
#page_content_2  {
	margin: 0px 0 35px 28px;
	width: 580px;
	position: relative;
	font-size: 12px;}
	
#page_content_3  {
	margin: 20px 0 35px 28px;
	width: 580px;
	position: relative;
	font-size: 12px;}
	
#product_info_2 {
	float: right;
	position: relative;
	width: 636px;
	min-height: 680px;
	background-color: #fff;
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;
	background:url('../graphics/10201_JoeSoft_BG2.jpg') repeat-x center bottom #fff;
	}
	
.du_product_main {
	position: relative;
	width: 470px;
	float: left;
	margin: 0 0 20px 0;
	padding: 10px;
	border-bottom: dashed 1px #aaa;}
	
.du_product_main2 {
	position: relative;
	width: 470px;
	float: left;
	margin: 0 0 20px 0;
	padding: 10px;
	border-bottom: dashed 1px #aaa;}
	
.du_product_main3 {
	position: relative;
	width: 250px;
	float: left;
	margin: 0 20px 20px 0;
	padding: 10px;
	border-bottom: dashed 1px #aaa;}
	
.du_product {
	position: relative;
	width: 470px;
	min-height: 316px;
	float: left;
	margin: 0 0 20px 0;
	padding: 10px;
	border-bottom: dashed 1px #aaa;}
	
.du_product_2 {
	position: relative;
	margin: 0 0 10px 0;
	text-align: right;
	background:url("../graphics/10201_JoeSoft_barnav.png") no-repeat scroll left center transparent;
	-webkit-text-size-adjust: none;
	}
	
.du_product_2 ul {
	padding: 10px;
	}
	
.du_product_2 ul li {
	font-size: 12px;
	position: relative;
	display: inline;
	padding: 0 15px 0 15px;
	margin: 0;
	border-left: dashed 1px #aaa;
	}
	
.img_margin {margin: 15px 0 0 0;}

.scroll_box h2 {border-bottom: none;}

.scroll_box {padding: 0 0 0 10px;}
	
.product_text {
	position: relative;
	width: 330px;
	float: left;
	margin: 0pt 0pt 0pt 20px;}
	
.du_box {
	position: relative;
	float: left;
	margin-top: 25px;
	margin-left: 20px;}
	
#footer  {
	position: relative;
	height: 200px;
	background:url(../graphics/10201_JoeSoft_Footer_RPT.jpg) repeat-x center top;
	background-color: #FFFFFF;}

#footer_inside  {
	background:url(../graphics/10201_JoeSoft_Footer.jpg) no-repeat center top;
	background-color: #FFFFFF;
	margin: 0px auto;
	width: 808px;
	height: 100%;}
	
#footer_inside p, #left_nav p {
	color: #413C32;
	font-weight: bold;}
	
#left_nav a {
	color: #555555;}
	
.du_product_2 a, .productnav a {color: #ffffff;}
	
#footer_inside a {
	color: #b01c1c;}

#footer_inside a:hover {
	color: #413C32; text-decoration: underline;}
	
#bottom_nav  {
	position: absolute;
	margin: 35px 0 0 265px;}

#bottom_nav p  {
	text-align: left;
	margin-top: 10px;
	font-size: 11px;}
	
/* Product Navigation */

.productnav {
	position: relative;
	margin: 0 0 10px 0;
	background:url("../graphics/10201_JoeSoft_barnav.png") no-repeat scroll left center transparent;
	-webkit-text-size-adjust: none;
	}
	
.productnav ul {
	padding: 10px;
	}

.productnav ul li {
	font-size: 12px;
	position: relative;
	display: inline;
	padding: 0 15px 0 15px;
	margin: 0;
	border-right: dashed 1px #aaa;
	}