* {
	margin: 				0;
	padding:				0;
	font-family:		"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Bitstream Vera Sans",sans-serif;
}
html {
	font-size: 			62.5%;
	font-size-adjust:	none;
	font-style:			normal;
	font-weight:		normal;
	line-height:		1.5;
	color:				#E6E6E6;
}
html, body {
	border:				0;
	height:				100%;
}
body {
	background-color:		#231110;
}
div#tn_container {
	margin:					0 auto;
	width:					980px;
	position:				relative;
}
a#tn_logo {
	display:				block;
	width:					218px;
	height:					36px;
	background:				url('../img/tn_logo.png') scroll left top no-repeat;
	position:				absolute;
	left:					42px;
	top:					24px;
}
a {
	color:					#E6E6E6;
	text-decoration:		none;
}
a:hover {
	text-decoration:		underline;
}

.tn_text {
	font-size:				1.0em;
	color:					#F2C18E;
}

.tn_bigtext {
	font-size:				1.5em;
	color:					#F2C18E;
}

.white_color {
	color:					#FFFFFF;
	text-decoration:		none;
}

a#tn_winery {
	margin:					0px 0px 10px 25px;
/*	margin-top:				0px; */
	width:					150px;
	height:                 40px;
	display:				block;
	background: 			transparent url('../img/btn_setup_winery.png') scroll left top no-repeat;	
}

a#tn_wines {
	margin:					0px 0px 10px 25px;
/*	margin-top:				0px; */
	width:					150px;
	height:                 40px;
	display:				block;
	background: 			transparent url('../img/btn_setup_wines.png') scroll left top no-repeat;	
}

a#tn_keyword1 {
	margin:					0px 0px 10px 25px;
/*	margin-top:				0px; */
	width:					150px;
	height:                 40px;
	display:				block;
	background: 			transparent url('../img/btn_setup_keywords.png') scroll left top no-repeat;	
}

/* ============================================================ */
/* margin:     25px 50px 75px 100px; 
     top margin is 25px
     right margin is 50px
     bottom margin is 75px
     left margin is 100px    */

/* Main Elements */
div#tn_main {
	width:					980px;
	height:					552px;
	position:				relative;
	top:					88px;
	background:				url('../img/bg_center.png') scroll left top repeat-x;
	overflow-x:             visible;   /* allow overflow */
	overflow-y:             visible;   /* allow overflow */
}
div#tn_main2 {    /* used in maint pages to make it twice as high */
	width:					980px;
	height:					1100px;
	position:				relative;
	top:					88px;
	background:				url('../img/bg_center2.png') scroll left top repeat-x;
	overflow-x:             visible;   /* allow overflow */
	overflow-y:             visible;   /* allow overflow */
}
img#tn_left_edge {
	position:			    absolute;
	top:					0;
	left:					0;
}
img#tn_right_edge {
	position:				absolute;
	top:					0;
	right:					0;
}
img#tn_left_edge2 {
	position:			    absolute;
	top:					0;
	left:					0;
}
img#tn_right_edge2 {
	position:				absolute;
	top:					0;
	right:					0;
}
div#tn_login {
	position:				absolute;
	right:					64px;   /* Used to line up with text in top ad box */
	top:					25px;
	font-size:				1.1em;
}
/* END Main */
/* ============================================================ */



/* Secondary Elements */
h1.tn_welcome {
	font-size:				5.5em;
	line-height:			1.5em;
	letter-spacing:			0.02em;
	padding:				40px 30px 0 30px;
	text-align:				center;
	color:					#F2C18E;
}
h2.tn_welcome {
	font-size:				4.0em;
	line-height:			1.5em;
	letter-spacing:			0.02em;
	padding:				40px 30px 0 30px;
	text-align:				center;
	color:					#F2C18E;
}
p.tn_welcome {
	font-size:				2.0em;
	line-height:			1.0em;
	letter-spacing:			0.02em;
	text-align:				center;
	padding:				0 0 30px 0;
	color:					#F2C18E;
}
h4.tn_cell_title {
	font-size:				1.4em;
	line-height:			1.4em;
	position:				absolute;
	top:					-0.8em;
	left:					36px;
	color:					#F2C18E;
}
h4.tn_cell_title span {
	font-weight:			normal;
}
div#tn_search,
div#tn_result,
div#tn_research,
div.tn_bigcell {
	height:					390px;
	position:				relative;
	margin-top:				41px;
	float:					left;
}
div#tn_search {
	width:					285px;
	border-right:			2px solid #782225;
}
div#tn_result {
	width:					350px;
	border-right:			2px solid #782225;
}
div#tn_research {
	width:					340px;
}
div#tn_new_user {
	width:					300px;
	height:					140px;
	margin-bottom:			70px;
}
div#tn_return_user {
	width:					300px;
	height:					140px;
	margin-left:			190px;
	border-right:			2px solid #782225;
	margin-bottom:			70px;
}
input#tn_remember { 
	margin:					10px 3px 10px 10px;
	position:				relative;
	top:					3px;
}
label.tn_check_label {
	font-size:				1.2em;
	position:				relative;
	top:					3px;
}
/* End Secondary */
/* ============================================================ */



/* Results Layouts */
div.tn_search_fields,
div.tn_results_container {
	margin:					35px 0 25px 35px;
}
div.tn_results_container {
	overflow-x:				hidden;  
	overflow-y:				auto;
	height:					325px;
	width:					270px;
}
div.tn_results_container div.tn_banded_cells {
	width:					270px;
	min-height:				325px;
	background:				transparent url('../img/bg_list.png') scroll left top repeat-y;
}
div.tn_results_container div.tn_banded_cells ul {
	list-style:				none;
}
div.tn_results_container div.tn_banded_cells ul li {
	display:				block;
	height:					25px;
	line-height:			25px;
	font-size:				12px;
	width:					100%;
	* width:				270px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
div.tn_results_container div.tn_banded_cells ul li a {
	display:				block;
	padding:				0 0 0 10px;
}


div.tn_banded_treeview {
	width:					270px;
	min-height:				325px;
	background:				transparent url('../img/bg_list.png') scroll left top repeat-y;
}
div.tn_banded_treeview ul {
	list-style:				none;
}

div.tn_banded_treeview ul li {
	display:				block;
/* can't set height here as it breaks the jQuery treeview with multiple <ul><li> groups */
/*	height:					25px;  */
	line-height:			25px;
	font-size:				12px;
	width:					100%;
	* width:				270px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

/* Maintenance applications */
div.tn_maint_container {
	margin:					35px 0 25px 35px;
}
div.tn_maint_container {
	overflow-x:				hidden;  
	overflow-y:				auto;
	height:					300px;
	width:					350px;
}
div.tn_maint_container div.tn_banded2_cells {
	width:					350px;
	min-height:				300px;
	background:				transparent url('../img/bg_list.png') scroll left top repeat-y;
}
div.tn_maint_container div.tn_banded2_cells ul {
	list-style:				none;
}
div.tn_maint_container div.tn_banded2_cells ul li {
	display:				block;
	height:					25px;
	line-height:			25px;
	font-size:				12px;
	width:					350px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
div.tn_maint_container div.tn_banded2_cells ul li a {
	display:				block;
	padding:				0 0 0 10px;
}


/* End Results Layouts */
/* ============================================================ */

/* Search */
div.tn_input {
	margin:					6px 0;
}
div.tn_input input {
	height:					16px; /* 30-14= */
	width:					196px; /* 210-14= */
	border:					1px solid #6B151D;
	padding:				7px;
	font-size:				1.25em;
	background:				white url('../img/bg_input.png') scroll left top repeat-x;
}

.tn_input2 {
	margin:					0px 0;
	height:					16px; 
	width:					320px; 
	max-width:              700px;
	border:					1px solid #6B151D;
	padding:				7px;
	font-size:				1.25em;
	background:				white url('../img/bg_input.png') scroll left top repeat-x;
}

.tn_input2_pulldown {
/*	margin:					0px; */
    height:                 32px;
	width:					336px; 
	max-width:              700px;
	border:					1px solid #6B151D;
    padding-left:           4px;
    padding-bottom:         0px;  /* needs to be 5 for IE, set manually in js for IE */
	font-size:				1.50em;
	background:				white url('../img/bg_input.png') scroll left top repeat-x;
}

button {
	margin-top:				8px;
	font-size:				0;
	border:					none;
	height:					25px;
	cursor:					pointer;
}
button#tn_search {
	margin:					0 5px 0 -5px;
	width:					97px;
	background: 			transparent url('../img/btn_search.png') scroll left top no-repeat;
}
button#tn_reset {
	width:					80px;
	background: 			transparent url('../img/btn_reset.png') scroll left top no-repeat;	
}
button#tn_create_account {
	margin-top:				15px;
	width:					162px;
	background: 			transparent url('../img/btn_create_account.png') scroll left top no-repeat;
}
button#tn_login {
	margin-top:				15px;
	width:					71px;
	background: 			transparent url('../img/btn_login.png') scroll left top no-repeat;	
}
/*button#tn_winery {
	margin:					0px 0px 10px 25px;
	margin-top:				0px;
	width:					150px;
	height:                 40px;
	background: 			transparent url('../img/btn_setup_winery.png') scroll left top no-repeat;	
} */
/* button#tn_wines {
	margin:					0px 0px 10px 25px;
	margin-top:				0px;
	width:					150px;
	height:                 40px;
	background: 			transparent url('../img/btn_setup_wines.png') scroll left top no-repeat;	
} */
button#tn_payment {
	margin:					0px 0px 10px 25px;
	margin-top:				0px;
	width:					100px;
	height:                 30px;
	background: 			transparent url('../img/btn_submit_payment.png') scroll left top no-repeat;	
}
button#tn_keywords {
	margin:					0px 0px 10px 25px;
	margin-top:				0px;
	width:					150px;
	height:                 40px;
	background: 			transparent url('../img/btn_setup_keywords.png') scroll left top no-repeat;	
}
button#tn_save {
	margin:					0px 0px 10px 25px;
	margin-top:				0px;
	width:					100px;
	height:                 30px;
	background: 			transparent url('../img/btn_save.png') scroll left top no-repeat;	
}
button#tn_delete {
	margin:					0px 0px 0px 25px;
	margin-top:				0px;
	width:					75px;
	height:                 30px;
	background: 			transparent url('../img/btn_delete.png') scroll left top no-repeat;	
}
button#tn_add {
	margin:					0px 0px 10px 25px;
	margin-top:				0px;
	width:					100px;
	height:                 30px;
	background: 			transparent url('../img/btn_add.png') scroll left top no-repeat;	
}
button#tn_return {
	margin:					0px 0px 10px 25px;
	margin-top:				0px;
	width:					100px;
	height:                 30px;
	background: 			transparent url('../img/btn_return.png') scroll left top no-repeat;	
}

.tn_close {
	width:					40px;
	height:                 25px;
	background: 			transparent url('../img/close_unselected.jpg') scroll left top no-repeat;	
}

/* End Search */
/* ============================================================ */

/* Ads */
div#tn_ad_top {
	position:				absolute;
	top:					-37px;
	right:					25px;
	width:					558px;
	height:					37px;
	background:				url('../img/bg_ad_center.png') scroll left top repeat-x;
	z-index:				1;
}
div#tn_ad_top span {
	position:				absolute;
	top:					8px;
	left:					30px;
	z-index:				2;
	font-size:				1.4em;
	color:					#F2C18E;
}
div#tn_left_ad_shoulder,
div#tn_right_ad_shoulder {
	position: 				absolute;
	top:					0;
	width:					39px;
	height:					37px;
	z-index:				1;
}
div#tn_left_ad_shoulder {
	left:					0;
	background:				url('../img/bg_left_ad_shoulder.png') scroll left top no-repeat;
}
div#tn_right_ad_shoulder {
	right:					0;
	background:				url('../img/bg_right_ad_shoulder.png') scroll left top no-repeat;
}
div#tn_ad_top2 {
	position:				relative;
	margin-top:             8px;
    align:                  right;
    right:                  38px;
    text-align:             right;
	font-size:				1.4em;
	color:					#F2C18E;
}

div#tn_ad_bottom {
	width:					908px;
	height:					80px;  /* was 70 */
	background:				black;
	margin:					0 auto;
	margin-top:				15px;
}

div#tn_ad_bottom_maint {
    position:               absolute;
    top:                    510px;
    left:                   33px;
	width:					908px;
	height:                 80px;
	max-width:	    		908px;
	max-height:             80px;
	border:		        	none;
	padding:                0px;
	margin:					0px;
}
.tn_vendor_banner {
	width:					908px;
	height:                 80px;
	max-width:	    		908px;
	max-height:             80px;
/*	background: 	        url('../img/tn_vendor_banner.jpg');	*/
}

.td_winerylogo
{
    margin:                 0px;
    width:                  150px; 
    max-width:              150px;
    height:                 80px; 
    max-height:             80px;
    padding:                0px; 
    border:                 0px;
}

div#wineryInfo 
{
    /* align:                  justify; */
    margin:                 2;
	margin-top:				7px;
    position:               absolute; 
    width:                  450px; 
    height:                 69px;  
    left:                   190px; 
    top:                    449px; 
    overflow:               hidden;
	font-size:				1.2em;
	line-height:		    1.5;
}

.tn_ad_banner
{
    padding:                0px;
    border:                 none; 
    margin:                 0px;
    align:                  justify; 
    position:               absolute; 
    top:                    450px; 
    left:                   644px;
    width:                  300px; 
    max-width:              300px;
    height:                 80px; 
    max-height:             80px;
}
.tn_ad_banner_maint
{
    padding:                0px;
    border:                 none; 
    margin:                 0px;  /* need to set margin to 4px for IE in code */
    width:                  300px; 
    max-width:              300px;
    height:                 80px; 
    max-height:             80px;
}
table#tn_banner_tbl
{
    width:                  440px; 
    height:                 20px; 
	font-size:				1.2em;
	line-height:			2.0px;
}

/* controls the formatting of the blockUI popup */
div#wineryInfoMore
{
	padding:				0px 0px 0px 0px;  /* top, right, bottom, left */
    position:               relative;
    left:                   0px; 
    top:                    0px;	
	width:                  100%; 
    height:                 100%;  
    overflow:               auto;
	font-size:				1.5em;
	line-height:		    1.5;
/*    color:                  #E6E6E6;
    background:             #231110; */
    margin-left:            0px;
    margin-right:           0px;
    margin-top:				0px;
    margin-bottom:          0px 
/*    border-style:           solid;   */
/*    border-width:           30px;    */
/*    border-color:           #E6E6E6; */
}

div#useraddedmsg
{
	padding:				0px 0px 0px 0px;  /* top, right, bottom, left */
    position:               relative;
    left:                   0px; 
    top:                    0px;	
	width:                  100%; 
    height:                 100%;  
    overflow:               auto;
	font-size:				1.5em;
	line-height:		    1.5;
/*    color:                  #E6E6E6;
    background:             #231110; */
    margin-left:            0px;
    margin-right:           0px;
    margin-top:				0px;
    margin-bottom:          0px 
/*    border-style:           solid;   */
/*    border-width:           30px;    */
/*    border-color:           #E6E6E6; */
}

/* End Ads */
/* ============================================================ */



/* Tree View */
.treeview, .treeview ul { 
	padding: 				0;
	margin: 				0;
	list-style: 			none;

}


.treeview ul {}

.treeview .hitarea {
/*	background: 			url('js/jquery.treeview/images/treeview-default.gif') -64px -25px no-repeat;
	height: 				16px;
	width: 					16px;
	margin-left: 			-16px;
	float: 					left;
	cursor: 				pointer;
*/
	display: 				none;
}
/* fix for IE6 */
* html .hitarea {
	display: 				inline;
	float:					none;

}
.treeview li {
	padding-left: 			16px;
}
.treeview a.selected {
	background-color: 		#eee;
}
#treecontrol { 				
	margin: 				1em 0; 
	display: 				none; 
}
.treeview .hover { 
	cursor: 				pointer; 
}
.treeview li { 
/*	background: 			url('js/jquery.treeview/images/treeview-default-line.gif') 0 0 no-repeat; */
}
.treeview li.collapsable, 
.treeview li.expandable { 
/*	background-position: 	0 -176px; */
}
.treeview .expandable-hitarea { 
/*	background-position: 	-80px -3px; */
}
.treeview li.last { 
/*	background-position: 	0 -1766px; */
}
.treeview li.lastCollapsable, 
.treeview li.lastExpandable { 
/*	background-image: 		url('js/jquery.treeview/images/treeview-default.gif'); */
}  

.treeview li.lastCollapsable { 
/*	background-position: 	0 -111px; */
}

.treeview li.lastExpandable { 
/*	background-position: 	-32px -67px; */
}
.treeview div.lastCollapsable-hitarea, 
.treeview div.lastExpandable-hitarea { 
/*	background-position: 	0; */
}

.treeview-red .hitarea, 
.treeview-red li.lastCollapsable, 
.treeview-red li.lastExpandable { 
/*	background-image: 		url('js/jquery.treeview/images/treeview-red.gif'); */
}
.treeview-black li { 
/*	background-image: 		url('js/jquery.treeview/images/treeview-black-line.gif'); */
}
.treeview-black .hitarea, 
.treeview-black li.lastCollapsable, 
.treeview-black li.lastExpandable { 
/*	background-image: 		url('js/jquery.treeview/images/treeview-black.gif'); */
}
.treeview-gray li { 
/*	background-image: 		url('js/jquery.treeview/images/treeview-gray-line.gif'); */
}
.treeview-gray .hitarea, 
.treeview-gray li.lastCollapsable, 
.treeview-gray li.lastExpandable { 
/*	background-image: 		url('js/jquery.treeview/images/treeview-gray.gif'); */
} 
.treeview-famfamfam li { 
/*	background-image: 		url('js/jquery.treeview/images/treeview-famfamfam-line.gif'); */
}
.treeview-famfamfam .hitarea, 
.treeview-famfamfam li.lastCollapsable, 
.treeview-famfamfam li.lastExpandable { 
/*	background-image: 		url('js/jquery.treeview/images/treeview-famfamfam.gif'); */
}
.treeview .placeholder {
	background: 			url('../js/jquery.treeview/images/ajax-loader.gif') 0 0 no-repeat;
	height: 				16px;
	width: 					16px;
	display: 				block;
}
.filetree li {}
.filetree span.folder, 
.filetree span.file { 
	padding-left: 			20px; 
	display: 				block; 
}
div.tn_results_container div.tn_banded_cells ul.filetree li span.file a,
div.tn_results_container div.tn_banded_cells ul.filetree li span.folder a {
	padding:				0;
}
.filetree span.folder { 	
	background:				transparent url('../img/folders/folder-open.gif') scroll left 4px no-repeat;
/*	background: 			url('js/jquery.treeview/images/folder.gif') 0 0 no-repeat; */
}
.filetree li.expandable span.folder { 
	background:				transparent url('../img/folders/folder.gif') scroll left 4px no-repeat;
/*	background: 			url('js/jquery.treeview/images/folder-closed.gif') 0 0 no-repeat; */
}
.filetree span.file { 
	background:				transparent url('../img/folders/adobe-acrobat-icon.png') scroll left 4px no-repeat;
/*	background: 			url('js/jquery.treeview/images/file.gif') 0 0 no-repeat; */
}
/* END Tree View */
/* ============================================================ */



/* ==== CLEARFIX ==== */
.clearfix:after {
	content: 				".";
	display: 				block;
	clear: 					both;
	visibility: 			hidden;
	line-height: 			0;	
	height: 				0;
}

.clearfix {
	display: 				inline-block;
}

html[xmlns] .clearfix {
	display: 				block;
}

* html .clearfix {
	height: 				1%;
}

/* === div popup for displaying keywords ==== */
.tn_divpopup {
    visibility:             hidden; 
    border-style:           inset;   /* solid, dotted, dashed, groove, ridge, inset, outset */
    border-width:           4px; 
    border-color:           #F2C18E;
    position:               absolute; 
    width:                  200px; 
    height:                 197px; 
    z-index:                1; 
    left:                   154px; 
    padding-left:           4px; 
    padding-right:          4px; 
    padding-top:            1px; 
    padding-bottom:         1px; 
	background-color:		#F2C18E;   /* #803439; light red  #E6E6E6; light gray */
	color:                  #231110;
	font-size:				1.5em;
	line-height:		    1.5;
}    				       
    
/* ---- Maintenance screens ----------------------------------- */
.tn_indent1
{
    position:               absolute; 
    left:                   30px;
    width:                  350px; 
    height:                 100px; 
    top:                    50px; 
}

.tn_indent2
{
    position:               absolute; 
    left:                   270px;
    width:                  300px; 
    height:                 100px; 
    top:                    20px; 
}

.tn_indent3
{
    position:               absolute; 
    left:                   245px;
    width:                  100px; 
    height:                 50px; 
    top:                    473px; 
}

/* textarea class="tn_editKeywords" */
textarea.tn_editKeywords
{
    border-style:           solid;
    border-width:           5px;
    border-color:           #F2C18E;
	font-size:				1.7em;
}

div.tn_checkbox
{
	font-size:				1.5em;
}

.wineryHome 
{
	margin:					0px 0px 0px 25px;
	top:                    0px;
    height:                 240px; 
    position:               relative; 
	font-size:				1.2em;
	line-height:		    1.5;
}

.wineEdit
{
    position:               absolute; 
    left:                   20px;
    width:                  590px; 
    height:                 537px; 
    top:                    15px; 
	overflow-x:				visible;  
	overflow-y:				visible;
}

.winesEdit
{
    position:               absolute; 
    left:                   20px;
    width:                  800px; 
    height:                 537px; 
    top:                    15px; 
	overflow-x:				visible;  
	overflow-y:				visible;
}

.wineryEdit
{
    position:               absolute; 
    left:                   20px;
    width:                  620px; 
    height:                 1100px; 
    top:                    10px; 
	overflow-x:				visible;  
	overflow-y:				visible;
}

.edit1
{
    width:                  220px;
    min-width:              220px; 
}    

.editRowSpacer1
{
    height:                 6px;
}    

div#tn_maint_bar
{
	height:					353px;
	position:				relative;
	margin-top:				41px;
	float:					left;
	width:					370px;
	border-right:			2px solid #782225;
}
/* ============================================================ */