/* Out Of the Box Success */

/* ############################################################ */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin:0; padding:0;}

/* Normalizes font-sizes for headers */
h1, h2, h3, h4, h5, h6
{ font-size:100%}

/* Removes list-style from lists */
ol, ul
{list-style:none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style:normal; font-weight:normal; }

/* Removes border from fieldset and img */
fieldset, img
{ border:0; }

/* Left-aligns text in caption and th */
caption, th
{text-align:left; }

/* Removes quotation marks from q */
q:before, q:after
{ content:'';}

/* ############################################################ */

/* Formats the HTML Body to a specific width and sets the background */

BODY {
	position: relative;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #333333; }

/* ### BEGIN DIV's for the pages ####################################### */

DIV#WRAPPER {
	width: 900px;
	height: auto;
	background-color: #FFFFFF; }

DIV#NAVIGATION {
	width: 900px;
	height: 30px;
	background-color: #FFFFFF; }
	
DIV#MAIN-TOP-FRAME {
	width: 900px;
	height:240px;
	background-color: #FFFFFF; }
	
DIV#MAIN-INDEX-FRAME {
	width: 900px;
	height:445px;
	background-color: #FFFFFF; }
	
DIV#MAIN-FOOTER-FRAME {
	width: 900px;
	height:auto;
	background-color: #FFCCFF; }
	
DIV#LEFT-COLUMN {
	width: 240px;
	height:auto;
	background-color: #FFFFFF; }	

DIV#CENTER-COLUMN {
	width: 360px;
	height: auto;
	background-color: #FFFFFF; }
	
DIV#RIGHT-COLUMN {
	width: 240px;
	height:auto;
	background-color: #FFFFFF; }	
	
DIV#MAIN-FOOTER-BOX {
	width: 281px;
	height:134px;
	background-image: url(images/table-promo-bkgd.gif); }
	
DIV#CONTENT-TABLE-LEFT-Contact {
	width: 275px;
	height: auto;
	background-color: #FFFFFF;
	background-image: url(images/table-bkgd-contact.jpg);
	background-position: center top; }	
	
DIV#PURPLE-BAR1 {
	width: 900px;
	height:8px;
	background-color: #660066; }
	
DIV#MAIN-CONTENT-FRAME {
	width: 900px;
	height:auto;
	background-color: #FFFFFF; }
	
DIV#CONTENT-TABLE-LEFT-Overview {
	width: 275px;
	height: auto;
	background-color: #FFFFFF;
	background-image: url(images/table-bkgd-org.jpg);
	background-position: center center; }
	
DIV#CONTENT-TABLE-LEFT-Services {
	width: 275px;
	height: auto;
	background-color: #FFFFFF;
	background-position: center top; }
	
DIV#CONTENT-TABLE-LEFT-Contact {
	width: 275px;
	height: auto;
	background-color: #FFFFFF;
	background-image: url(images/table-bkgd-contact.jpg);
	background-position: center top; }	

DIV#CONTENT-TABLE-RIGHT {
	width: 565px;
	height:auto;
	background-color: #FFFFFF; }
	
DIV#CONTENT-TABLE-RIGHT-Products {
	width: 830px;
	height:auto;
	background-color: #FFFFFF; }
	
DIV#PURPLE-BAR2 {
	width: 900px;
	height:15px;
	background-color: #660066; }
	
DIV#WHITE-BAR {
	width: 900px;
	height:35px;
	background-color: #FFFFFF; }
	
DIV#FOOTER {
	width: 900px;
	height:15px;
	background-color: #660066; 
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#999999;
	padding-top: 2px;
	padding-bottom: 2px; }

DIV#FOOTER a:link 		{COLOR:#999999; text-decoration:none;	}
DIV#FOOTER a:visited 	{COLOR:#999999; text-decoration:none;	}
DIV#FOOTER a:hover 		{COLOR:#ff6600; text-decoration:none;	}
DIV#FOOTER a:active 	{COLOR:#999999; text-decoration:none;	}
	
	
/* ### END DIVs ######################################################### */

TD.navmenu {
	background:#660066;
	text-align: center;
	width:89px; }
	
TD.navmenu-lg {
	background:#660066;
	text-align: center;
	width:179px; }
	
TD.navmenu-xlg {
	background:#660066;
	text-align: center;
	width:268px; }
	
TD.sidebar-L {
	width: 30px;
	height: auto;
	background: url(images/SOP_sidebar-org-L.gif); }
	
TD.spacerbar-Span {
	width: 840px;
	height: auto; }

TD.sidebar-R {
	width: 30px;
	height: auto;
	background: url(images/SOP_sidebar-org-R.gif); }
	
TD.LEFT-TableHeader1 {
	width: 260px;
	height: 54px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #660066;
	line-height: 30pt;
	vertical-align: bottom; }

TD.LEFT-TableContent1 {
	width:130px;
	height:130px; }

TD.LEFT-TableContent2 {
	width:750px;
	height:auto; }
	
TD.LEFT-TableContent-Spacer {
	width:260px;
	height:130px; }
	
TD.LEFT-TableContent-Info {
	width:260px;
	height:140px; }	
	
TD.LEFT-TableContent-Overview {
	width:260px;
	height:270px; }

TD.RIGHT-TableHeader1 {
	width: 560px;
	height: 54px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #660066;
	line-height: 30pt;
	vertical-align: bottom;
	background-image: url(images/table-headerbar-org.jpg); }
	
TD.RIGHT-TableHeader-Products {
	width: 830px;
	height: 54px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #660066;
	line-height: 30pt;
	vertical-align: middle;
	background-image: url(images/table-headerbar-org-Products.jpg); }
	
TD.RIGHT-spacer1 {
	width: 10px;
	height: auto; }

TD.RIGHT-VIDEO-Content1 {
	width: 330px;
	height: 250px; }

TD.RIGHT-TableContent2 {
	width:220px;
	height:250px; }
	
TD.RIGHT-TableContent-Products {
	width:500px;
	height:250px; }
	
TD.RIGHT-TableContent-Full {
	width:550px;
	height:auto; }
	
TD.FooterTable_01 {
	width:255px;
	height:30px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #660066;
	line-height: 30pt;
	vertical-align:top;
	padding-left: 5px;
	padding-right: 2px; }
	
TD.FooterTable_02 {
	width:90px;
	height:80px;
	padding-left: 2px;
	padding-right: 2px; }
	
TD.FooterTable_03 {
	width: 175px;
	height: 90px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	color: #000000;
	line-height: 1.2em;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 2px; }
	
TD.FooterTable_04 {
	width:175px;
	height:90px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	line-height: 1.2em;
	vertical-align:top;
	padding-left: 5px;
	padding-right: 2px; }
	
.tabletext-smWhite{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	line-height: 1.1em; }
	
.tabletext-White{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	line-height: 1.3em; }
	
.tabletext-lgWhite{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	line-height: 1.3em; }
	
.tabletext-xlgWhite{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	line-height: 1.3em; }
	
.tabletext-xlgPurple{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #660066;
	line-height: 1.3em; }
	
.tabletext-smOrange {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #ff6600;
	line-height: 1.2em; }
	
.tabletext-Orange {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #ff6600;
	line-height: 1.2em; }
	
.tabletext-lgOrange {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #ff6600;
	line-height: 1.2em; }
	
.tabletext1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	line-height: 1.2em; }
	
.tabletext2{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	line-height: 1.2em; }
	
.tabletext3{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	line-height: 1.2em; }
	
.tabletext4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-align: justify;
	color: #000;
	line-height: 1.2em; }

.producttext {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	color: #000;
	line-height: 1.4em; }

.tabletext-smPurple {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #660066;
	line-height: 1.2em; }
	
.tabletext-Purple {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #660066;
	line-height: 1.2em; }
	
.lefttabletext {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	line-height: 1.4em;
	}
	
ul.lefttable1 {
	list-style-type: disc;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #660066;
	line-height: 1.3em;
	margin-top: 5px;
	margin-bottom: 2px;
	margin-left: 18px;
	margin-right: 1px; }

a.nav:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em; }

a.nav:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em; }

a.nav:hover {
	color: #ff6600;
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em; }

a.nav:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em; }
	
a.Purplelink:link {
	color: #660066;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em; }

a.Purplelink:visited {
	color: #660066;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em; }

a.Purplelink:hover {
	color: #ff6600;
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em; }

a.Purplelink:active {
	color: #660066;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em; }
	
a.boxlink:link {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em; }

a.boxlink:visited {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em; }

a.boxlink:hover {
	color: #660066;
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em; }

a.boxlink:active {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em; }
	
a.BoxNav:link {
	color: #660066;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 30pt;
	vertical-align:top;
	padding-left: 5px;
	padding-right: 2px; }
	
a.BoxNav:visited {
	color: #660066;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 30pt;
	vertical-align:top;
	padding-left: 5px;
	padding-right: 2px; }

a.BoxNav:hover {
	color: #FF6600;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 30pt;
	vertical-align:top;
	padding-left: 5px;
	padding-right: 2px; }

a.BoxNav:active {
	color: #660066;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 30pt;
	vertical-align:top;
	padding-left: 5px;
	padding-right: 2px; }
	
a.sm-titleNav:link {
	color: #FF6600;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 10pt;
	vertical-align:top;
	padding-left: 5px;
	padding-right: 2px; }
	
a.sm-titleNav:visited {
	color: #FF6600;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 10pt;
	vertical-align:top;
	padding-left: 5px;
	padding-right: 2px; }

a.sm-titleNav:hover {
	color: #660066;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 10pt;
	vertical-align:top;
	padding-left: 5px;
	padding-right: 2px; }

a.sm-titleNav:active {
	color: #FF6600;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 10pt;
	vertical-align:top;
	padding-left: 5px;
	padding-right: 2px; }

/* ############################################################ */

h1.products {
    font-size:140%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
    color:#660066;
	font-weight:800; }

h2.products {
	font-size:120%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#660066;
	font-weight:800; }

h3.products {
	font-size:100%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#660066;
	font-weight:800;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px; }

/* other classes */

.imgleft {
	float: left;
	border: none;
	padding: 10px; }

.imgright {
	float:right;
	border:none;
	padding:10px; }

p.products {
	font-size: 90%;
	line-height: 1.4em;
	font-family: Arial, Verdana, Helvetica, sans-serif; }

.productbox {
	width:100%;
	border-bottom:solid #eee 1px;
	padding:4px; }

#container { /* this is used for a one column page */
	width:850px;
	padding:20px;
	background-color: #FFFFFF; }

#containerl {
	width:350px;
	padding:50px;
	float:left; }

#containerr {
	width:350px;
	padding:50px;
	float:left; }

.clearfix {
	clear:both; }
	
/* disclaimer */
.disclaimer {
	font-size:70%;
	font-weight:500;
	color:#694D41;
	width:800px;
	border: solid #775 1px;
	padding:7px;
	margin-top:8px;
	margin-right:auto;
	margin-bottom:8px;
	margin-left:auto;
	background-color:#F7F7F7; }

/* guarantee */ 
 .guarantee {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:80%;
	font-weight:500;
	color:#555555;
	width:800px;
	padding:7px;
	margin-top:8px;
	margin-right:auto;
	margin-bottom:8px;
	margin-left:auto;
	border-top: solid #999 1px;
	border-right: solid #fff 1px;
	border-bottom: solid #fff 1px;
	border-left: solid #fff 1px; }