/* Succeed On Purpose Styles */

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

/* 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#SOCIALNAVIGATION {
	width: 900px;
	height:40px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#FFFFFF;
	background-color: #660066;
	padding-top: 5px;
	padding-bottom: 2px; }

DIV#NAVIGATION {
	width: 900px;
	height: 30px;
	background-color: #FFFFFF; }
	
DIV#MAIN-TOP-FRAME {
	width: 900px;
	height:auto;
	background-color: #FFFFFF; }
	
DIV#MAIN-INDEX-FRAME {
	width: 900px;
	height:auto;/*445px;*/
	background-color: #FFFFFF; }
	
DIV#MAIN-FOOTER-FRAME {
	width: 900px;
	height:auto;
	background-color: #FFCCFF; }
	
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#PURPLE-BAR-inside {
	width: 400px;
	height:4px;
	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-OverviewPurple {
	width: 275px;
	height: auto;
	background-color: #FFFFFF;
	background-image: url(../../images/table-bkgd-purple.jpg);	
	background-position: center center; }
	
DIV#CONTENT-TABLE-LEFT-ContactForm {
	width: 450px;
	height:auto;	
	background-color: #FFFFFF;}	
	
DIV#CONTENT-TABLE-LEFT-Services {
	width: 275px;
	height: auto;
	background-color: #FFFFFF;	
	background-image: url(../../images/table-bkgd-results.jpg);
	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:535px;
}
	
TD.navmenu-lg {
	background:#660066;
	text-align: center;
	width:179px;	
}
	
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-TableHeader-white {
	width: 260px;
	height: 54px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	line-height: 30pt;
	vertical-align: bottom; }

TD.TableHeaderContactSmall {
	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;
	padding-bottom:5px !important;
	background-image: url(../../images/table-bkgd-contact-small.jpg);
	background-repeat:no-repeat; }	

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-TableHeaderPurple {
	width: 560px;
	height: 54px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	line-height: 30pt;
	vertical-align: bottom;
	background-image: url(../../images/table-headerbar-purple.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-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; }
	
.tabletext-XLPurple {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	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; }
	
.lefttabletext-white {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	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.4em;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 1px; }
	
ul.lefttable-white {
	list-style-type: disc;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 1px; }
	
ol.lefttable1 {
	list-style-type: decimal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #660066;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 1px; }

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

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

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

a.nav:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13.5px;
	line-height: 1.3em; }
	
a.navsocial:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.4em; }

a.navsocial:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.4em; }

a.navsocial:hover {
	color: #ff6600;
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.4em; }

a.navsocial:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.4em; }
	
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.pr {
    font-size:120%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
    color:#660066;
	font-weight:800;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px; }

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

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

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; }

.child-product {
	font-size:14px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#660066;
	font-weight:bold;
	margin-top:5px;}

/* 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; }


.cart {
	border-collapse: separate;
	border:1px solid #d1d1d1;
	width:550px;
	font-size:12px;
	margin-left:40px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
.cart th 
{
	height:45px;
	border:1px solid #d1d1d1;
	background-color:#f0f0f0;	
	font-size:15px;
	font-weight:bold;
	text-transform:capitalize;
	text-align:center;
}

.cart td {
	border:1px solid #d1d1d1;
	vertical-align:top;
	text-align:center;
	padding:14px !important;
	font-weight:bold;
}
.cart td strong {
	color:#660066;
}

.cart a:link, .cart a:visited {
	color: #660066;
	font-weight:bold;
}

.cart a:hover, .cart a:active {
	color: #ff6900;
}

.cart a.small-link:link, .cart a.small-link:visited {
	font-size:10px;
	font-weight:bold;
}

.cart a.small-link:hover, .cart a.small-link:active {
	color:#ff6900;
}

.cart .input-small {
	width:15px;
	text-align:center;	
}

.noborder {border:0!important}

.input-button {
	border:1px solid #d8d8d8;
	background-color:#f0f0f0;
	color:#5f5f5f;
	font-weight: bold;
	text-transform: uppercase;
	font-size:14px;
	padding:0;
}

.aright {
	text-align:right !important;
}
.input-txt { border:1px solid #660066;}
.input-txtarea { border:1px solid #660066;}