/*** CSS by mykfeliciano ***/
html, body {
	height: 100%;
}

body {
	background: #FFFFFF url(images/background.jpg) repeat-x top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}

table { border-collapse:separate;}

h2.title {
	font-size: 16px;
	margin:0;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 12px;
}

a {
	outline: none;
}

a img {
	border: 0;
}


.page {
	margin: 0 auto;
	width: 900px;
}

#headerwrap {
	background: url(images/header-bg.png) repeat-x top center;
	height: 75px;
	width: 100%;
	margin-bottom: -10px;
	position:absolute;
	z-index:100;
}

#header .logo {
	float: left;
	height: 60px;
	width: 250px;
}
#header .search {
	float: right;
	height: 27px;
	margin-top: 20px;
	width: 230px;
}
	#header .search input.textbox {
		background: url(images/searchtextbox.gif) no-repeat top center;
		border: 0;
		color: #ccc;
		float: left;
		font-size: 12px;
		height: 22px;
		padding: 5px 0 0 10px;
		width: 175px;
	}
	#header .search a.button {
		background: url(images/searchbutton.gif) no-repeat top center;
		float: left;
		height: 27px;
		width: 39px;
	}
	
#tbl {

}
#tbl .page {
	padding:80px 0 50px;
}
#contentbox {
	min-height: 657px;
	padding: 1px 0 0;
	width: 900px;
}
#menu .home{
	background: transparent url(images/home.png) no-repeat; 
	float:left;
	height:76px;
	margin:13px 60px -40px 66px;
	position:relative;
	text-decoration:none;
	width:156px;
}
#menu {
	background: url(images/content-top.png) no-repeat top center;
	height:53px;
	margin-left:-50px;
	padding:20px 0 0;
}
	#menu ul,#footer ul {
		margin:0;
		padding:0;
		height:40px;
	}

	#footer ul{
		text-align:right;
		padding:0 10px;
	}	
	
	#menu li,#footer li {
		float: left;
		margin: 0 2px;
		padding:0;
		list-style-image:none;
		list-style-type:none;
	}
	
	#footer li { float:none; display:inline; }
	
	#menu li a.tab-f9202b{ background:transparent url(images/tab-red.png) no-repeat scroll center top; }
	#menu li a.tab-21d955{ background:transparent url(images/tab-green.png) no-repeat scroll center top; }
	#menu li a.tab-48b4fd{ background:transparent url(images/tab-blue.png) no-repeat scroll center top; }
	#menu li a.tab-ff75f4{ background:transparent url(images/tab-pink.png) no-repeat scroll center top; }
	#menu li a.tab-9520f9{ background:transparent url(images/tab-violet.png) no-repeat scroll center top; }

	#footer li a.tab-f9202b{ background:transparent url(images/bat-red.png) no-repeat scroll center bottom; }
	#footer li a.tab-21d955{ background:transparent url(images/bat-green.png) no-repeat scroll center bottom; }
	#footer li a.tab-48b4fd{ background:transparent url(images/bat-blue.png) no-repeat scroll center bottom; }
	#footer li a.tab-ff75f4{ background:transparent url(images/bat-pink.png) no-repeat scroll center bottom; }
	#footer li a.tab-9520f9{ background:transparent url(images/bat-violet.png) no-repeat scroll center bottom; }
	
	#menu li a {
		float:left;
		height:26px;
		padding-top:16px;
		text-align:center;
		width:126px;
	}
	#menu li a img { 
		width:105px;
		height:23px;
	}
	#footer li a{
		padding:0 2px;
		float:right;
		height:38px;
	}	

#menu a.hover, #menu .active {
	background-position:center bottom !important;
	height:32px;
	padding-top:10px;
}
#menu a.hover img, #menu a.active img{
	width:126px;
	height:27px;
}
#footer a.hover, #footer .active {
	background-position:center top !important;
}

#panelwrap {
	background: url(images/content-bg.gif) repeat-y top center;
}
* html #panelwrap {
	height: 1px;
}
#sidebar {
	background: url(images/sidebar.png) no-repeat top left;
	color:#FFFFFF;
	float:left;
	font-size:11px;
	margin-left:-51px;
	min-height:190px;
	padding:400px 30px 10px 81px;
	width:168px;
}
	#sidebar h2 {
		font-size: 11px;
		margin: 10px 0;
		text-transform: uppercase;
	}
	#sidebar p {margin:0}
	#sidebar .time{ display:none;}
	
#nature{
	position:absolute;
	margin: 210px 0 0 -107px;
	cursor:pointer;
}

#content {
	float: left;
	min-height: 570px;
	padding: 1px 0 10px 3px;
	position: relative;
	width: 660px;
	z-index: 2;
	text-align:left;
}

#home {
	color: #fff;
	font-size: 14px;
	height: 413px;
	width: 656px;
}
#home .banner{
	position:absolute;
	margin:20px 0 0 180px;
}
	#home h2 {
		font-size: 36px;
		margin-bottom: 0;
	}
#home .text {
	float: left;
	width: 230px;
}
#home .greenbox {
	background: url(images/greenbox.gif) no-repeat top center;
	float: left;
	height: 81px;
	margin-left: 20px;
	padding: 5px 10px;
	width: 178px;
}
	#home .greenbox h2 {	
		color: #fee500;
		font-size: 14px;
		margin: 0;
		padding: 0;
	}
	#home .greenbox p {
		color: #fff;
		font-size: 11px;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	#home .greenbox a {
		color: #fff;
		font-weight: bold;
	}
	#home .greenbox a:hover {
		color: #fee500;
		text-decoration: none;
	}

#content .redbox-left .image, #content .redbox-right .image{
	width:126px;
	height:126px;
	float:left;
	margin-right:15px; 
}

#content .redbox-left {
	margin-right: 15px;
}
#content .redbox-left,
#content .redbox-right {
	background: url(images/redbox.png) no-repeat top center;
	color: #fff;
	float: left;
	font-size: 12px;
	height: 126px;
	margin-top: 15px;
	padding: 5px;
	width: 309px;
}

	#content .redbox-left p,
	#content .redbox-right p {
		margin: 0 0 5px;
	}
#panelbottom {
	background: url(images/content-btm.gif) no-repeat bottom center;
	height: 80px;
	margin-top: -80px;
	position: relative;
	width: 900px;
	z-index: 1;
}
	#panelbottom ul {
		padding-left:230px;
		text-align:left;
	}
	#panelbottom ul li {
		border-left:1px solid #ccc;
	}
	#panelbottom ul li.first { border:none; }
	#panelbottom ul li a{
		text-decoration:none;
		font-weight:bold;
		color:#fff;
	}
	

#footerwrap {
	background: url(images/mountain.png) no-repeat top center;
	margin-top: -230px;
	height: 230px;
	position: relative;
	width: 100%;
	z-index: -1;
	float: left;
}

#footerwrap .copyright {
	margin:0 auto;
	text-align:center;
	padding-top:185px;
	width:800px;
	color:#fff;
	font-size:9px;
}



#powered {
	color:#FFFFFF;
	text-align:center;
	padding-top:220px;
}
#powered a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

.franktross{
	background:transparent url(images/mountain.png) no-repeat scroll center bottom;
	text-align:center; 
	color:#fff;
	font-size:10px;
}
.franktross a{
	color:#fff;
	
}

#content .top,
#content .bottom{
	float:left;
	width:656px;
	height:8px
}

#content .top {
	background: url(images/product-top.png) no-repeat;
	margin-bottom:-8px;
	position:relative;
}
#content .middle {
	background:#5ABFFD;
	color:#FFFFFF;
	min-height:550px;
	padding:0 20px;
	width:616px;
	float:left;
}
#content .white {
	color:#333333;
}
#content .bottom {
	background: url(images/product-bottom.png) no-repeat;
	margin-top: -8px;
}


#products .top,
#products .bottom {
	float:left;
	width:656px;
	height:10px
}
#products .top {
	background: url(images/border-top.jpg) no-repeat;
}

#products .bottom {
	background: url(images/border-bottom.png) no-repeat;
	margin:0;
}

#products .middle {
	background: url(images/border-middle.jpg) repeat-y;
	padding-left:22px;
	float:left;
	width:634px;
}

#products .product {
	float:left;
	height:235px;
	margin:10px 0;
	width:50%;
}
#content .node-title {
	margin: 20px 10px 0;
	color:#FEE700;
	font-weight:bold;
	font-size:14px;
}
#content .node-title img {
	vertical-align: middle;
}
#products { cursor:pointer; }

#products .title {
	color:#FEE500;
	font-weight:bold;
	font-size:12px;
	margin:0;
}

#products .desc {
	font-size:12px;
	color:#fff;
	width:110px;
}
#products .desc p { margin:0; }


#product .top,
#product .bottom{
	float:left;
	width:656px;
	height:8px
}

#product .top {
	background: url(images/product-top.png) no-repeat;
	margin-bottom:-8px;
	position:relative;
}
#product .middle {
	background:#5ABFFD url('/treehouse/images/bg_bodywash.jpg') bottom right no-repeat;
	min-height:550px;
	padding:0 20px;
	width:616px;
	float:left;
}
#product .bottom {
	background: url(images/product-bottom.png) no-repeat;
	margin-top: -8px;
}

#product .table {
	margin:20px 0 50px;
}
#product .title img{ display:block }
#product .title p{
	margin:0;
}
#product .desc {
	width:300px;
	color:#FFFFFF;
	font-size:14px;
}
#product .desc p{
	margin: 0 0 15px; 
}
#product .sub-product {
	margin:0 5px 0 0;
	float:left;
}

/* #product .sub-product img{
	width:60%;
	height:60%;
} */

#product .popup{
	cursor:pointer;
	font-weight:bold;
	font-size:16px;
}

#wheretobuy {
	background: url(images/where_to_buy.jpg) no-repeat;
	height:500px;
	padding:70px 0 0 108px;
	width:551px;
}
#wheretobuy .frame {
	height:420px;
	overflow:auto;
	padding:5px;
	width:425px;
}

.downloads {
	background: transparent url(images/yellowbox.png) no-repeat center center;
	float:left;
	height:183px;
	margin:0 0 20px 17px;
	text-align:center;
	width:30%;
}
.downloads img{
	padding: 10px 0;
}

.frame p { margin:0;}

.node-form #field-images-items{
	float:left;
}
.node-form  .filefield-element {
	margin:0;
}
.node-form  .imagefield-preview img{
	height: 80px;
}
.filefield-element .imagefield-preview, .filefield-element .widget-preview{
	min-height: 80px;
	height:80px;
}
/*** Other ***/
.clear {
	clear: both;
}

.hide { display:none; }
.center { text-align:center; }
.white { background-color:#fff !important;}

.nomargin,
p.nomargin,
h1.nomargin,
h2.nomargin,
h3.nomargin {
	margin: 0;
}

.alignright {
	text-align: right;
}


.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
}
div.status {
  color: #33a333;
  border-color: #c7f2c8;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}



@font-face {  
	  font-family: GrilledCheeseBTN ;  
	  src: url('GrilledCheeseBTN.ttf') format("truetype"); 

	}

@font-face {  
	  font-family: 'GrilledCheese BTN Cn' ;  
	  src: url('GrilledCheese BTN Cn.ttf') format("truetype"); 

	}