/* Another BarProducts Massive - Wayne Roddy aka kodeJunkee */

/*   ---- colour Palette ----
background peach: #fce5c5
header dark orange: #d9400b
footer and main orange: #f85219

*/

body{
	padding: 0;
	margin: 0;
	background: #fce5c5 url(images/bg-flame.gif) no-repeat bottom right;
	width: 100%;
	font-family: tahoma, sans-serif;
	}

#page{
	width: 100%;
	margin: 0;
	min-height: 100%;
	}
	* html #page{height: 100%;}	
	
#nonFooter{position: relative; min-height: 100%;}
* html #nonFooter{height: 100%;}

#header{
	margin:0;
	padding:0;
	background: #d9400b url(images/header-bg.jpg) top left repeat-x;
	height: 146px;
	width: 100%;
	}
	
	#subheadleft{
		float:left;
		margin: 0;
		margin-left: 15px;
		padding: 0;
		width: 525px;
		}
	#distributorbox{
		float:right;
		margin: 0;
		margin-right: 15px;
		margin-top: 12px;
		padding: 0;
		background: #fbb86a;
		width: 187px;
		font-size: 16px;
		color: #FFF;
		}
		#distributorbox a, a:visited{color: #FFF; text-decoration: underline;}
		#distributorbox a:hover{color: #000; text-decoration: underline;}
	.distribtitle{
		margin: 0;
		padding: 3px;
		padding-left: 10px;
		font-weight: bold;
		background: #fba94a;
		display:block;
		}
	#formlogin{
		margin: 0;
		padding: 3px;
		padding-left: 10px;
		}
	.forgot{font-size:10px; float:left;}
	.register{float:left; background: #fba94a; padding: 3px; font-size:13px;}
	#submit{float: right; background: #ed9c3f; padding: 3px; border: 0; margin:3px; color: #000;}

#content{
	margin:0;
	margin-bottom: 50px;
	padding:0;
	padding-bottom: 50px;
	height:auto;
	}
	
	#register{
	float:left;
	background: #fefaf3;
	width: 720px;
	margin: 25px 0px 0px 15px;
	padding: 10px;
	height: auto;
	font-size: 11px;
	letter-spacing: 2px;
	line-height:1.5em;
	}
		.tdbold{
			color: #000;
			font-weight:bold;
			}
		.tdsmall{
			font-size: 10px;
			color: #000;
			line-height: normal;
			}
		.required{
			background: #fda700;
			}
		input:focus, textarea:focus, label:focus {
			background: #fff;
			border: 1px solid #000;
			}
		textarea, input, select {
			background: #f3dca4;
			border: 1px solid #000;
			color: #000;
		}
	
	#subcontent1{
	float:left;
	/*background: #fefaf3;*/
	margin: 25px 0px 0px 15px;
	padding: 0;
	height: auto;
	}
	#subcontent1 a{color: #70a1eb; text-decoration: underline;}
	#subcontent1 a:hover{color: #395f98; text-decoration: underline;}
	#subcontent1 a:visited{color: #395f98; text-decoration: underline;}
	
	.lilwrapper{
		margin: 0;
		padding: 0;
		width:460px;
		background: #fefaf3 url(images/lilwrapperbg.gif) repeat-y top left;
		border-bottom: 3px solid #fce5c5;
		overflow: auto; /* div not visible in FF without this */
		}
	.clearleft{clear:left;}	
		.sub1leftb{
			float: left; 
			background: #FFF; 
			width: 148px; 
			margin:0; 
			padding: 0; 
			text-align: center;
			border-right: 2px solid #fce5c5;
			}
		.sub1left{
			float: left; 
			background: #FFF; 
			width: 128px; 
			margin:0; 
			padding: 0; 
			text-align: center;
			}
		.sub1right{
			float: left; 
			width: 260px; 
			margin:0; 
			padding: 10px 10px;
			height: auto;
			}
		.sub1rightb{
			float: left; 
			width: 260px; 
			margin:0; 
			padding: 10px 10px;
			height: auto;
			border-left: 2px solid #fce5c5;
			}
		h1{font-size: 1.1em; color: #000; margin: 0; padding: 0;}
		.nicep{ 
			margin:0;
			padding:0;
			font-size: .90em;
			letter-spacing: 1px;
			line-height:1.5em;
			}
			
	#subcontent2{
	float:left;
	margin: 25px 0px 0px 3px;
	padding: 0;
	width: 291px;
	}
	
	#photonav{
		margin-top: 1px;
		padding: 5px;
		background: #fefaf3;
		width: 281px;
		font-size: 12px;
		color: #000;
		}
	
	#sub2extra{
		margin-top: 1px;
		padding: 5px;
		background: #fefaf3;
		width: 278px;
		font-size: 12px;
		color: #000;
		}
			
#footer{
	position: relative;
	margin: 15px 0px 0px 0px;
	padding:0;
	background: #f85219 url(images/footer-bg.jpg) no-repeat top right;
	height: 41px;
	}
	* html #footer{margin-top: 40px;}
	.footp{margin-left: 15px; padding: 0; padding-top: 12px;  color: #FFF; font-size: 12px;}
	
/* ---------  buy_now  -------------*/

#BNleft{
	margin: 25px 0px 0px 15px;
	padding: 10px;
	width: 535px;
	background: #FFF;
	float:left;
	}

#signUp{
	margin: 25px 0px 0px 5px;
	padding: 10px;
	width: 169px;
	background: #fcf1e1;
	float:left;	
	}


/* ---------  extraneous info  -------------*/
.hidden{
	position: absolute;
	left: -10000px;
	}

.clearer{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
	}
	
/* ---------  INSIDE PAGES  -------------*/	
	
.bigwrapper{
		margin: 0;
		padding: 0;
		width:650px;
		background: #fefaf3 url(images/lilwrapperbg.gif) repeat-y top left;
		border-bottom: 3px solid #fce5c5;
		overflow: auto; /* div not visible in FF without this */
		}
		
		.insideleft{
			float: left; 
			background: #FFF; 
			width: 128px; 
			margin:0; 
			padding: 0; 
			text-align: center;
			}

		.insiderightb{
			float: left; 
			width: 360px; 
			margin:0; 
			padding: 10px 10px;
			height: auto;
			border-left: 2px solid #fce5c5;
			}

		.insiderighttestm{
			float: left; 
			width: 485px; 
			margin:0; 
			padding: 10px 10px;
			height: auto;
			border-left: 2px solid #fce5c5;
			}
			
		.testmquote{ 
			margin:0;
			margin-top: 10px;
			margin-left: 10px;
			padding:10px;
			background: transparent url(images/testmquote-bg.jpg) repeat-x bottom left;
			font-size: .90em;
			letter-spacing: 1px;
			}	
			
		.testmclient{ 
			margin:0;
			margin-left: 10px;
			padding:5px;
			background: #7ca2da;
			font-size: .70em;
			letter-spacing: 1px;
			color: #FFF;
			}	
			

#form2{
	margin:0 auto;
	padding:15px;
	width: 200px;
	color: #000;
	font-size: 15px;
	text-align:right;
	border: 1px dashed #fce5c5;
	background: #fbb86a;
	}
			
/* ---------  NAVIGATION  -------------*/

	#tabsI {
      float:left;
      font-size:93%;
	  letter-spacing: 1px;
      line-height:normal;
      }
    #tabsI ul {
	margin:0;
	padding:0;
	padding-top: 33px;
	list-style:none;
      }
	 * html #tabsI ul{padding-top: 30px;}
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      background:url("images/tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsI a span {
      float:left;
      display:block;
      background:url("images/tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#000;
      }
    #tabsI a:hover {
      background-position:0% -42px;
      }
    #tabsI a:hover span {
      background-position:100% -42px;
      }
	
	#active a {
      background-position:0% -42px;
      }
	#active a span {
      background-position:100% -42px; color: #000;
      }