/*--------------------------------------------------------------------------
[Tijule Company Limited Screen Stylesheet]

version:   1.0
date:      30/06/08
author:    [Jermaine Valentine]
email:     [jerry@wethnk.com]

website:   [wethnk.com]

-----------------------------------------------------------------------------*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/
@import url("reset.css");
@import url("print.css"); 
/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* 
{
 margin: 0;
 padding: 0;
 border: 0;
}
/*
global style sheet
-----------------------------------------------------------------
*/
body{
 font-size: 12px;
 font-family: Tahoma, Calibri, Verdana, Arial, Sans-Serif;
 background:#1f681f url('../images/global_bkgnd.jpg') repeat-x; 
 color: #000000;	
 text-align:center;
}
#wrapper{ 
 width: 818px; /* Set page width here - you can also use percentage */
 text-align:center;  
 margin-left:auto; 
 margin-right:auto;
 margin-top: 20px; 
 margin-bottom: 20px; 
 background: #fff;
 padding: 0 0 10px 0;
 border: 1px solid #fff;
}
.clear{
 clear:both;
}
.right{
 float: right;
}
.left{
 float: left;
}

/* Homepage Styles
-----------------------------------------------------------------------------*/
#h_header{
 text-align: right;  
 width: 800px; height: 105px; 
 background: #fff url('../images/header_bg.jpg') no-repeat;
 margin: 0 9px 0 9px;
}
#h_header ul { 
 margin: 0 0 0 0;
 padding: 0;
 display: block;
 float: right;
 text-align: right;
}
#h_header li{
 list-style: none;
 margin: 55px 0 0 15px;
 float: left;
 font-size: 10px; 
 color: #668046;
}
#h_header a, visited, active {	
 float: left;
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #668046;
 text-decoration: none;
 text-transform: uppercase;
}	
#h_header a:hover {
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #111;
 text-decoration: underline;
}
#h_header .home {
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #e87a00;
 font-weight: bold;
 text-decoration: underline;
}
#h_header .brands {
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #86b529;
 font-weight: bold;
 text-decoration: underline;
}
#h_header .about {
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #0e96cd;
 font-weight: bold;
 text-decoration: underline;
}
#h_header .distributors {
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #ad2a5a;
 font-weight: bold;
 text-decoration: underline;
}
#h_header .contact{
 font-size: 12px; 
 font-family: Geneva, 'Trebuchet MS',Verdana,Helvetica,sans-serif;
 color: #611524;
 font-weight: bold;
 text-decoration: underline;
}
#h_mainImg{
 display: block;
 margin: 0 9px 1px 9px;
 border-top: 5px solid #ea7a01;
 width: 800px; height: 250px;
}
#homeBar{
 display: block;
 margin: 0 9px 1px 9px;
 width: 800px;  height: 30px; 
 background:#1f681f url('../images/home_bar.png') repeat-x; 
}
#homeLeft{
 display: block;
 width: 300px;  height: 240px; 
 background:#1f681f url('../images/home_left.jpg') no-repeat; 
 float: left;
 margin: 0 0 0 9px; 
 text-align: left;
}
#homeLeft img{
 float: left;
 margin: 55px 0 0 10px; 
 border: 1px solid #c04e00;
}
#homeLeft .go{
 float: right;
 margin: 25px 0 0 1px; 
 border: none;
}
.go{
 float: right;
 margin: 1px 0 0 1px; 
 border: none;
}
#homeLeft h1{
 width: 100px;
 float: left;
 margin: 58px 10px 0 10px; 
 text-align: left;
 font-size: 11px;
 color: #c04e00;
 font-weight: bold;
}
#homeLeft p{
 width: 100px;
 float: left;
 margin: 10px 10px 0 10px; 
 text-align: left;
 font-size: 11px;
 color: #c04e00;
 border: 0px solid #444;
 line-height: 1;
}
#homeLeft a, active, visited{
 float: left; 
 margin-top: 5px;
 color: #c04e00;
 border: 1px dotted #c04e00;
 text-decoration: none;
  padding: 2px;
}
#homeMid{
 display: block;
 width: 249px;  height: 240px; 
 background:#1f681f url('../images/home_mid.jpg') no-repeat; 
 float: left;
 margin: 0 0 0 1px; 
}
#homeMidtop{ 
 height: 77px;
 margin: 55px 10px 0 10px;
 text-align: left;
}
#homeMidtop img{ 
 margin: 0; 
 float: left;
}
#homeMidtop p{
 width: 110px;
 margin: 15px 0 0 23px; 
 text-align: left;
 font-size: 11px;
 color: #c04e00;
 line-height: 1;
 float: left;
}
#homeMidbot{
 height: 55px;
 margin: 15px 10px 0 10px;
 text-align: left;
}
#homeMidbot img{ 
 margin: 0; 
 float: left;
}
#homeMid a, active, visited{
 float: left; 
 margin-top: 10px;
 padding: 2px;
 color: #c04e00;
 border: 1px dotted #c04e00;
 text-decoration: none;
}
#homeMidbot p{ 
 width: 110px;
 margin: 0 0 0 10px; 
 text-align: left;
 font-size: 11px;
 color: #c04e00;
 line-height: 1;
 float: left;
}
#homeRight{
 display: block;
 width: 249px;  height: 240px; 
 background:#1f681f url('../images/home_right.jpg') no-repeat; 
 margin: 0 0 0 1px; 
 float: left;
}
#homeRight p{ 
 width: 130px;
 margin: 150px 0 0 10px; 
 text-align: left;
 font-size: 11px;
 color: #fff;
 line-height: 1;
 float: left;
}
#homeRight a, active, visited{
 float: left; 
 margin-top: 10px;
 padding: 2px;
 color: #fff;
 border: 1px dotted #fff;
 text-decoration: none;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer{
 display: block;
 margin: 1px 9px 0 9px;
 width: 800px;  height: 88px; 
 background:#fff url('../images/footer_bg.jpg') no-repeat; 
}
#footer p{
 font: 10px Tahoma, Calibri, Verdana, Arial, Sans-Serif;
 color: #fff;
}
#footer a, active, visited{
 color: #fff;
 text-decoration: none;
}
#footer a:hover {
 text-decoration: underline;
}
#footer .left{
 margin: 50px 0 0 10px;
 display: block;
 float: left;
 background: transparent;
 padding: 0;
 text-align: left;
}
#footer .right{
 margin: 50px 10px 0 0;
 display: block;
 float: right;
 background: transparent;
 padding: 0;
}
/* Brand Styles
-----------------------------------------------------------------------------*/
#b_mainImg{
 display: block;
 margin: 0 9px 1px 9px;
 border-top: 5px solid #86b628;
 width: 800px; height: 125px;
}
#b_topLeft{
 float: left;
 margin: 0 0 0 9px;
 width: 335px;
 height: 242px;
 background: url('../images/juliana_bg.jpg') no-repeat;
}
#b_topLeft p{
 margin: 150px 10px 10px 100px;
 font: 12px Tahoma, Calibri, Verdana, Arial, Sans-Serif;
 color:#fff;
 text-align: left;
}
#b_topLeft a, active, visited{
 color: #fff;
 border: 1px dotted #fff;
 text-decoration: none;
 padding: 2px;
}
#b_topRight{ 
 float: left;
 margin: 0 0 0 1px;
 width: 464px;
 height: 242px;
 background: url('../images/jul_prod_bg.jpg') no-repeat;
}
#b_topRight h1{
 margin: 5px 0 5px 0;
 font: 13px Tahoma, Calibri, Verdana, Arial, Sans-Serif;
 color:#add618;
 text-align: left;
 font-weight: bold;
}
#b_topRight p{
 margin: 0;
 font: 11px Tahoma, Calibri, Verdana, Arial, Sans-Serif;
 color:#669933;
 text-align: left;
 line-height: 1.3;
}
#b_topRight a, active, visited{
 color:#669933;
}
#btleft{
 width: 130px;
 margin: 40px 0 5px 10px;
 float: left;
}
#btright{
 width: 220px;
 margin: 40px 0 5px 1px;
 float: left;
}
#btxright{
 width: 90px;
 margin: 200px 0 5px 1px;
 float: left;
}
#b_botLeft{
 float: left;
 margin: 1px 0 0 9px; 
 width: 335px;
 height: 242px;
 background: url('../images/nels_bg.jpg') no-repeat;
}
#b_botLeft p{
 margin: 160px 10px 10px 100px;
 font: 12px Tahoma, Calibri, Verdana, Arial, Sans-Serif;
 color:#fff;
 text-align: left;
}
#b_botLeft a, active, visited{
 color: #fff;
 border: 1px dotted #fff;
 text-decoration: none;
 padding: 2px;
}
#b_botRight a, active, visited{
 color:#669933;
}
#b_botRight{
 float: left;
 margin: 1px 0 0 1px;
 width: 464px;
 height: 242px;
 background: url('../images/nels_prod_bg.jpg') no-repeat;
}
#b_botRight h1{
 margin: 5px 0 5px 0;
 font: 13px Tahoma, Calibri, Verdana, Arial, Sans-Serif;
 color:#add618;
 text-align: left;
 font-weight: bold;
}
#b_botRight p{
 margin: 0;
 font: 11px Tahoma, Calibri, Verdana, Arial, Sans-Serif;
 color:#669933;
 text-align: left;
 line-height: 1.3;
}
#bbleft{
 width: 130px;
 margin: 40px 0 5px 10px;
 float: left;
}
#bbright{
 width: 220px;
 margin: 40px 0 5px 1px;
 float: left;
}
#bbxright{ 
 width: 90px;
 margin: 200px 0 5px 1px;
 float: left;
 text-align: center;
}
/* Story Styles
-----------------------------------------------------------------------------*/
#a_mainImg{
 display: block;
 margin: 0 9px 1px 9px;
 border-top: 5px solid #0e96cd;
 width: 800px; height: 225px;
}
#abContent{
 display: block;
 margin: 1px 9px 1px 9px;
 width: 800px; 
 background:#fff url('../images/about_bg.jpg') repeat-y;
}
#aleft{
 width: 200px;
 margin: 0;
 float: left;
 text-align: left;
}
#aleft ul{
	margin:57px 0 0 0;
}
#aleft li{
	width: 200px; height: 40px;
	margin: 0 0 1px 0;
	float: left;
}
#aleft li a{
	background-position: 0 0;
	width: 200px; height: 40px;
	float: left;
	text-indent: -1000000px;
}
#aleft li a:hover{
	background-position: -200px 0;
	width: 200px; height: 40px;
	float: left;
	text-indent: -1000000px;
}
#abt a{
	background: url('../images/abt1.png') no-repeat left;
}
#hist a{
	background: url('../images/abt2.png') no-repeat left;
}
#comm a{
	background: url('../images/abt3.png') no-repeat left;
}
#cert a{
	background: url('../images/abt4.png') no-repeat left;
}	
#aright{
 width: 580px;
 margin: 0;
 float: right;
 text-align: left;
}
#aright img{
 margin: 25px 0 25px 0;
}
#aright h1{
 margin: 5px 10px 5px 0;
 color: #0e96cd;
 font-family: Calibri, Arial, Tahoma, Calibri, "Trebuchet MS", Sans-Serif; 
 font-size: 14px;
 font-weight: bold;
 text-transform: uppercase;
}
#aright p{
 margin: 10px 10px 10px 0;
 color: #181818;
 font-family: Calibri, Arial, Tahoma, Calibri, "Trebuchet MS", Sans-Serif; 
 font-size: 12px;
 line-height: 1.2;
}
#aright .body{
 margin: 0 10px 5px 5px;
 border: 3px solid #0e96cd;
 float: left;
}
/* Distributors Styles
-----------------------------------------------------------------------------*/
#d_mainImg{
 display: block;
 margin: 0 9px 1px 9px;
 border-top: 5px solid #ad2a5a;
 width: 800px; height: 225px;
}
#diContent{
 display: block;
 margin: 1px 9px 1px 9px;
 width: 800px; 
 background:#fff url('../images/dist_bg.jpg') repeat-y;
}
#dleft{
 width: 200px;
 margin: 0;
 float: left;
 text-align: left;
}
#dleft ul{
	margin:57px 0 0 0;
}
#dleft li{
	width: 200px; height: 40px;
	margin: 0 0 1px 0;
	float: left;
}
#dleft li a{
	background-position: 0 0;
	width: 200px; height: 40px;
	float: left;
	text-indent: -1000000px;
}
#dleft li a:hover{
	background-position: -200px 0;
	width: 200px; height: 40px;
	float: left;
	text-indent: -1000000px;
}
#dist a{
	background: url('../images/dis1.png') no-repeat left;
}
#bdist a{
	background: url('../images/dis2.png') no-repeat left;
}
#faqs a{
	background: url('../images/dis3.png') no-repeat left;
}
#login a{
	background: url('../images/dis4.png') no-repeat left;
}	
#dright{
 width: 580px;
 margin: 0;
 float: right;
 text-align: left;
}
#dright img{
 margin: 25px 0 25px 0;
}
#dright h1{
 margin: 5px 10px 5px 0;
 color: #ad2a5a;
 font-family: Calibri, Arial, Tahoma, Calibri, "Trebuchet MS", Sans-Serif; 
 font-size: 14px;
 font-weight: bold;
 text-transform: uppercase;
}
#dright p{
 margin: 10px 10px 10px 0;
 color: #181818;
 font-family: Calibri, Arial, Tahoma, Calibri, "Trebuchet MS", Sans-Serif; 
 font-size: 12px;
 line-height: 1.2;
}
#dright .body{
 margin: 0 10px 5px 5px;
 border: 3px solid #ad2a5a;
 float: left;
}
/* Contact Styles
-----------------------------------------------------------------------------*/
#c_mainImg{
 display: block;
 margin: 0 9px 1px 9px;
 border-top: 5px solid #611524;
 width: 800px; height: 225px;
}
#coContent{
 display: block;
 margin: 1px 9px 1px 9px;
 width: 800px; 
 background:#fff url('../images/cont_bg.jpg') repeat-y;
}
#cleft{
 width: 200px;
 margin: 0;
 float: left;
 text-align: left;
}
#cleft ul{
	margin:57px 0 0 0;
}
#cleft li{
	width: 200px; height: 40px;
	margin: 0 0 1px 0;
	float: left;
}
#cleft li a{
	background-position: 0 0;
	width: 200px; height: 40px;
	float: left;
	text-indent: -1000000px;
}
#cleft li a:hover{
	background-position: -200px 0;
	width: 200px; height: 40px;
	float: left;
	text-indent: -1000000px;
}
#contact a{
	background: url('../images/con1.png') no-repeat left;
}	
#cright{
 width: 580px;
 margin: 0;
 float: right;
 text-align: left;
}
#cright img{
 margin: 25px 0 25px 0;
}
#cright p{
 margin: 15px 10px 10px 0;
 color: #181818;
 font-family: Calibri, Arial, Tahoma, Calibri, "Trebuchet MS", Sans-Serif; 
 font-size: 12px;
 line-height: 1.2;
}
#cright h1{
 margin: 5px 10px 5px 0;
 color: #611524;
 font-family: Calibri, Arial, Tahoma, Calibri, "Trebuchet MS", Sans-Serif; 
 font-size: 14px;
 font-weight: bold;
 text-transform: uppercase;
}
#cright .body{
 margin: 0 10px 5px 5px;
 border: 3px solid #611524;
 float: left;
}
/* Contact Styles
-----------------------------------------------------------------------------*/
#aux_mainImg{
 display: block;
 margin: 0 9px 1px 9px;
 border-top: 5px solid #b50915;
 width: 800px; height: 125px;
}
#auxContent{
 display: block;
 margin: 1px 9px 1px 9px;
 width: 800px; 
 background:#fff url('../images/aux_bg.jpg') repeat-y;
}
#auxleft{
 width: 200px;
 margin: 0;
 float: left;
 text-align: left;
}
#auxleft ul{
	margin:57px 0 0 0;
}
#auxleft li{
	width: 200px; height: 40px;
	margin: 0 0 1px 0;
	float: left;
}
#auxleft li a{
	background-position: 0 0;
	width: 200px; height: 40px;
	float: left;
	text-indent: -1000000px;
}
#auxleft li a:hover{
	background-position: -200px 0;
	width: 200px; height: 40px;
	float: left;
	text-indent: -1000000px;
}
#terms a{
	background: url('../images/aux1.png') no-repeat left;
}
#privacy a{
	background: url('../images/aux2.png') no-repeat left;
}	
#auxright{
 width: 580px;
 margin: 0;
 float: right;
 text-align: left;
}
#auxright img{
 margin: 25px 0 0 0;
}
#auxright p{
 margin: 10px 10px 10px 0;
 color: #181818;
 font-family: Calibri, Arial, Tahoma, Calibri, "Trebuchet MS", Sans-Serif; 
 font-size: 12px;
 line-height: 1.2;
}
#auxright .body{
 margin: 0 10px 5px 5px;
 border: 3px solid #b50915;
 float: left;
}
/* Juliana Styles
-----------------------------------------------------------------------------*/
#jnContent{
 display: block;
 margin: 1px 9px 1px 9px;
 width: 800px; 
 background:#fff url('../images/brand_bg.jpg') repeat-y;
}
#jnleft{ 
 width: 200px;
 margin: 0;
 float: left;
 text-align: left;
}
#jnleft img{ 
 margin: 0;
 display: block;
 border-bottom: 1px solid #fff;
}
#jnleft h1{
 margin: 5px 0 5px 10px;
 font: 13px Tahoma, Calibri, Verdana, Arial, Sans-Serif;
 color:#add618;
 text-align: left;
 font-weight: bold;
}
#jnleft p{
 margin: 0 0 25px 10px;
 font: 11px Tahoma, Calibri, Verdana, Arial, Sans-Serif;
 color:#669933;
 text-align: left;
 line-height: 1.3;
}
#jnleft a, active, visited{
 color:#669933;
 text-decoration: none;
}
#jnContent .jnright{  
 border-bottom: 1px dotted #a8d21a;
 width: 580px;
 margin: 20px 0 20px 0;
 float: right;
 text-align: left;
}
#jnContent .jnright h1{ 
 width: 350px;
 color: #a8d21a;
 font: 18px Tahoma, Calibri, Verdana, Arial, Sans-Serif;
 border-bottom: 1px dotted #a8d21a;
 margin: 20px 0 10px 0;
 display: block;
 float: right;
}
#jnContent .jnright p{ 
 margin: 5px 0 5px 0;
 font: 11px Tahoma, Calibri, Verdana, Arial, Sans-Serif;
 color:#181818;
 text-align: left;
 line-height: 1.3;
 width: 350px;
 float: right;
}
#jnContent .jnright img{ 
 float: left;
 margin: 0 10px 10px 0;
 display: block;
}
#jnContent .dir { 
 margin: 0 0 10px 0;
 width: 350px;
 text-align: left;
 float: right;
}
/* Forms
-----------------------------------------------------------------------------*/
input{
 padding: 3px;
 border: 1px solid #999999;	
}
/* Tables 
-----------------------------------------------------------------------------*/
table{ 
 border-spacing: 0;
 border-collapse: collapse;
}
td{
 text-align: left;
 font-weight: normal;
}
/* Class Styles
-----------------------------------------------------------------------------*/

h2.about {
	color: #0e96cd;
	border-bottom: 1px dotted #0e96cd;
	font-size: 14px;
	margin: 20px 0 20px 0;
}

h2.distributor {
	color: #ad2a5a;
	border-bottom: 1px dotted #ad2a5a;
	font-size: 14px;
	margin: 20px 0 20px 0; 
}

h2.terms {
	color: #b50915;
	border-bottom: 1px dotted #b50915;
	font-size: 14px;
	margin: 20px 0 20px 0;
}

h2.contact {
	color: #611524;
	border-bottom: 1px dotted #611524;
	font-size: 14px;
	margin: 20px 0 20px 0;
}

/* End All Styles
-----------------------------------------------------------------------------*/
#psdp {
 height: 60px;
}
#psdp  img{
 float: left;
 margin: 10px;
}
#psdp p{
 float: left;
 margin: 10px 0px 10px 10px;
 text-align: justify;
 width: 670px;
}