/* new stuff on top.  relocate later #FED7A6 */

#tabs {
	
	border:	0px red solid;
	/* height:	25px; */
	text-align:	center;
	width:	100%;
}

#left-tab {
	background-color:	#fff;
	border:	2px #FED7A6 solid;
	border-bottom:	2px #fff solid;
	color:	#000;
	float:	left;
	font-size: 10pt;
	font-weight:bold;	
	height: 25px;	
	padding-top:	5px;
	width:	45%;
}

.tab-spacer {
	border: 0px green solid;
	float:	left;
	width:	10px;
}

#right-tab {
	background-color:	#ccc;
	border:	2px #FED7A6 solid;
	border-bottom:	2px #ccc solid;	
	color:	#555;
	float:	left;
	font-weight:normal;	
	font-size: 10pt;	
	height: 25px;
	padding-top:	5px;	
	width:	45%;
}

#tab-content {
	background-color:	#fff;
	border:	0px blue dashed;
	padding: 10px;
	/*height:	800px;*/
}

	#warranty-tab-content {
		display:	block;
		/*padding:	10px;*/
	}

	#refurb-tab-content {
		display:	none;
		/*padding:	10px;*/		
	}	


/* new stuff on top.  relocate later */
/* ftc2.css */

html {
	padding: 0;
	margin: 0;
}

body {
	background: #472101;
	text-align:center;
}

#page-wrap {
	width: 720px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

.prodnavmap {
	background-color:#472101;
}

#info {
	background: #FED7A6 url(images/logo132x101.jpg) no-repeat;		
	/*background: #fffff0 url(images/logo132x101.jpg) no-repeat;		*/
	text-align: left;	
	padding: 10px 20px 10px 20px;
	font-family: Microsoft Sans Serif, Arial, sans serif;
	font-weight: 600;
	font-size: 9pt;
	z-index: 1;
	color: #744925;
}
#infowhite {
	background: #fff url(images/logo132x101.jpg) no-repeat;		
	text-align: left;	
	padding: 0;
	font-family: Microsoft Sans Serif, Arial, sans serif;
	font-weight: 600;
	font-size: 9pt;
	/*letter-spacing: .05em;*/
	z-index: 1;
	color: #000;
}

	
#starbox {
	/*
	background-repeat:no-repeat;
	background-image:url(images/starburst2sm2.jpg);
	background-position:top right;*/
	
	color:white;
	height:60px;
	width: 100px;
	border:0px white dashed;
	position:absolute;
	/*left:550px;*/
	right: 50px;
	top:50px;
	/*z-index: 100;*/
	
}	

/* >>>>>>>>>>>>>>>> */
/* the surrounding box for menu */
#navbox2 {
	height: 50px;
	font-family: Helvetica, Arial, 'sans serif';
	font-size: 8pt;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	letter-spacing: .1em;
	border: 1px solid #885544;
	
}

#navhome, #navcontact{
	float:left;
	width: 80px;
	height: 50px;
	background: #01864f; /* green */
	color: white;
	
}
	#navhome a {
		text-decoration: none;
		color: white;
	}

#navprod, #navcust {
	float:left;
	width: 80px;
	height: 50px;
	background: #fff;
	color: #472101;	
}
	#navprod a {
		text-decoration: none;
		color: #472101;
	}


#navret, #navabout {
	float:left;
	width: 80px;
	height: 50px;
	background: #472101; /* brown */
	color: #fff;	
}
	#navret a {
		text-decoration: none;
		color: #fff;
	}


#navmiddle {
	float:left;
	width: 238px;
	height: 50px;
	background: #000;
	color: #fff;	
}

#navcustmid {
	float:left;
	width: 238px;
	height: 50px;
	background: #01864f;	/* green */
	color: #fff;	
}

/* <<<<<<<<<<<<<<<< */


#inforetailers {
	background-color:#FED7A6;  /* tannish colored area */
	background-image:url(images/logo132x101.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width: 100%;
	height:	 640px;
	/*height:200px;*/
	padding: 0px;
	margin: 0px;
	z-index: 2;
	left: 10px;
	font-family:Arial;
}

/***** About *****/
#infoabout {
	background-color:#FED7A6;  /* tannish colored area */
	background-image:url(images/logo132x101.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:	 550px;
	padding: 120px 45px 0px 45px;
	margin: 0 auto;
	font-family:Arial;
}

#infoabout a {
	font-weight: bold;
	font-style: italic;
}

#aboutinfo {
	width: 630px;
	margin: 0 auto;
	text-align: left;
	font-family: Arial;
}
#aboutinfo a {
	font-weight: bold;
	font-style: italic;
}

#abouttoppara {
	width:530px;
	margin:0 auto;
	text-align:left;	
}
#abouttoppara a {
	float:left;
	padding-right:10px;
}
#abouttopparatext {
	padding-top:10px;
}
#aboutwidettext {
	text-align:left;
}
#rightpic {
	float:right;
}
#leftpic {
	float:left;
}
#aboutfootnote {
	font-size:8pt;
	margin-bottom: 15px;	
}

/***** Contact *****/
#infocontact {
	background-color:#FED7A6;  /* tannish colored area */
	background-image:url(images/logo132x101.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:	 440px;
	font-family:Arial;
}


/**** Comments ****/
#infocustcomments {
	background-color:#FED7A6;
	width: 100%	;
	margin: 0px;
	border: 1px #FED7A6 solid;
}

#custcommentsheader {
	font-size:16pt;
	font-weight:normal;
	letter-spacing:.15em;
	line-height:1.3em;
	color:#472101;
	text-align:center;	
	font-family:Arial;
	text-align:right;
	margin-right:45px;
	padding-top:30px;
}

.commentText {
	color: #744925;
	background-color:#fff;
	font-family: Microsoft Sans Serif;
	font-weight: 600;
	font-size:	10pt;
	text-align: justify;
	/*width: 100%;*/
	border:1px black solid;
	margin:15px 45px 15px 45px;
	padding:15px;
}

#custcommentbottimg {
	text-align:center;
	margin-bottom:50px;
}


.wtb {	width:40%;
	background-color:#472101;
	color:#FED7A6;
	font-weight:bold;
	padding:10px 20px 10px 20px;
	text-align:left;
	letter-spacing:.05em;
	margin: 0 auto;
}
.wtb a {
	text-decoration: none;
	color:#fed7a6;
}
.wtb a:hover {
	background: #01864f;
}

#distinfo {
	width:40%;
	background-color:#472101;
	color:#FED7A6;
	font-weight:bold;
	text-align:center;
	letter-spacing:.05em;
	margin: 0 auto;	
}

#distinfo a {
	text-decoration: none;
	color:#fed7a6;	
}
#distinfo a:hover {
	background: #01864f;
}


/***** Folstaf *****/

#infofolstaf {
	background-color:#ffffff;
	width: 720px;
	height: 710px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index:1;
}

#buttonblock {
	position: relative;
	z-index: 3;
	width: 100px;
	/*height:240px;*/
	border: 0px red solid;
	margin-left: -30px;	
	font-size: 8pt;
	font-weight: bold;	
}

.buttonw {
	width: 100px;
	height: 35px;
	border: 0px green solid;
	padding-top:5px;
	margin-bottom: 10px;
	background: #fff;
	color: #000;
	border-top:1px black solid;
	border-left:1px black solid;
	border-right:5px black solid;
	border-bottom:5px black solid;
}
.buttonb {
	width: 100px;
	height: 35px;
	/*border: 0px green solid;*/
	padding-top:5px;
	margin-bottom: 10px;
	background: #472101;
	color: #fff;
	
	border-top:1px black solid;
	border-left:1px black solid;
	border-right:5px black solid;
	border-bottom:5px black solid;
	
}
.buttonwr {
	width: 100px;
	height: 35px;
	border: 0px green solid;
	padding-top:5px;
	margin-bottom: 10px;
	background: #fff;
	color: #f00;
	border-top:1px black solid;
	border-left:1px black solid;
	border-right:5px black solid;
	border-bottom:5px black solid;
	
}

#underbuttonnote {
	position:relative;
	top:50px;
	left:0px;
	width:290px;
	font-size:9pt;
	font-weight:normal;
	text-align: left;
	padding-left:10px;
	border: 0px blue solid;	
}

#rightsidetext {
	width: 300px;float:left;
	margin:3px;
	font-size:9pt;
	font-weight: normal;
	font-family:Arial;
	letter-spacing: 0.1em;
	text-align:left;
}

/***** Travlr *****/
#infotravlr {
	background-color:#ffffff;
	width: 720px;
	height: 730px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index:1;	
}

#leftsidetravlr {
	float: left;
	width: 240px;
	font-size: 8pt;
	/*text-align:center;*/
	z-index: 1;
}

#rightsidetravlr {
	float:left;
	width: 300px;
	margin:3px;
	font-size:9pt;
	font-weight: normal;
	font-family:Arial;
	letter-spacing: 0.1em;
	text-align:left;
	/*float:right;*/
}

#buttonblocktravlr {
	position: relative;
	left: -25px;
	float: left;
	z-index: 3;
	width: 100px;
	/*height:240px;*/
	border: 0px red solid;
	/*margin-left: -80px;	*/
	margin-top: 50px;
	font-size: 8pt;
	font-weight: bold;	

}

#underbuttonnotetravlr {
	clear:both;
	top:50px;
	left:0px;
	width:200px;
	font-size:9pt;
	font-weight:normal;
	text-align: left;
	padding-left:10px;
	border: 0px blue solid;	
}

/* Volkstaf */

#rightsidevolkstaf {
	width: 310px;

	/*height: 800px;*/
	float:left;
	padding-right:5px;
	margin:1px;
	font-size:9pt;
	letter-spacing: 0.1em;
	font-family:Arial;
	text-align:left;
	/*border: 1px green dashed;*/
}

#underbuttonnotevolkstaf {
	position:relative;
	top:50px;
	left:0px;
	width:200px;
	font-size:9pt;
	font-weight:normal;
	text-align: left;
	padding-left:10px;
	border: 0px blue solid;	
}

/* Retailers pages */

#wtbContent {
	background-color:#FED7A6;  /* tannish colored area */
	background-image:url(images/logo132x101.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

/* Warranty page */
#infowarranty {
	background: #FED7A6 url(images/logo132x101.jpg) no-repeat;		
	padding: 0 20px 30px 20px;
	font-family: Microsoft Sans Serif, Arial, sans serif;
	font-size: 9pt;
	/*height: 950px;*/
	width: 680px;
	font-size:9pt;
	text-align:left;
}
