
body {
	margin: 5 0 5 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	text-align: center;
	line-height: 1.2em;
	color: #333;
	background: #333 url(images/graystripebg.gif) ;
	}
	
ul { 
	padding:0px;
	margin: 10px 15px;
	}
	
li	{
	padding: 2px;
	border:0px yellow solid;
	}
	
h2	{
	font-size:150%;
	border: 0px red dashed;
	margin: 10px 0;
	font-weight: bold;
	}
	

/* This is the entire content. */
#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
  	width: 750px;
  	background: #fff;
	}

/* Top section with logo and pic. */
#logo {
	background: #005000 url(images/topimg.jpg) no-repeat top right;
	background-repeat: no-repeat;
	height: 98px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #fff;
	padding: 0 5px ;
	margin: 0;
	}
	
#sublogo {
	font-family: "Arial";
	font-size: 10pt;
	font-weight: normal;
	padding: 10 320 0 20;
	}

#nav {
	float: left;
	width: 750px;
	margin: 0;
	padding: 5px 0;
	list-style: none;
	font-size: 10pt;
	font-variant: small-caps;
	border-top: 1px solid #64A6F3;
	border-bottom: 3px solid #134783;
	background: #000050;
	}

#nav li {
	color: white;
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	}

#nav a:link{ 
	color:white;
	text-decoration: none;
	}

#nav a:visited{ 
	color:white;
	text-decoration: none;
	}

#nav a:active{ 
	color:white;
	text-decoration: none;
	}

#nav a:hover{ 
	color:#f00;
	font-weight: normal;
	}


/*** drop down menus ***/

/* top level. */
#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

/* top level menu items. */
#nav li {
	float: left;
	position: relative;
	width: 7em;
	font-family: sans-serif;
	font-size: 100%;
	text-align: center;
	}

/* second level menu. */
#nav li ul {
	display: none;
	position: absolute;
	top: 1em;
	left: 1em;
	background-color:#005;
	padding: 5px;
	}

/* actual second level menu items. */
#nav li ul li {
	margin: 1px;
	padding: 5px;
	border: 1px solid #134783;
	font-size: 100%;
	width: 10em;
	text-align: left;
	text-decoration: none;
  	}


#nav  li > ul {
	top: auto;
	left: auto;
	}

#nav li:hover ul,  #nav li.over ul {
	display: block;
	}


/*** end drop downs ***/




#sidebartab {
	border-top: 1px solid #64A6F3;
	background-color:#000050;
	padding:3px;
	color:white;
	margin-top: 5px;
	}

#title {
	padding: 5px 20% 25px 20%;
	text-align: center;
	font-size: 9pt;	
	background: #4B1C07 url(images/blah) no-repeat top right; 
	color: #fff;
	}

#sb {
	z-index: 3;
	float: right;
	}

/* The main content area, minus sidebar. for float. */	
#main-body {
	float: left;
	width: 590px;
	padding: 0 0 5 0;
	}

/* container for actual content. */
#content {
	margin: 5px 0;
	padding: 0 25px;
	background: #fff;
	font-size:80%;
	}
	
#bp {
	background-color: #aaa;
	font-size:75%;
	padding: 5px 15px;
	}
	
/* Left side Volkstaf info/links. (table). */
#contentL {
	background: url(images/bgleft.jpg) no-repeat top left;
	height: 293px;
	width: 250px;
	font-weight: bold;
	font-size:10pt;
	font-family:Arial;
	border: 2px black solid;
	float: left;
	margin-top: 10px;
	margin: 10px 10px 10px 0;
	}

/* Right side Travlr info/links. (table) */
#contentR {
	margin: 0 0 0 10px;
	float: right;
	height: 292px;
	width: 250px;
	font-weight: bold;
	font-size:10pt;
	font-family:Arial;
	background: url(images/bgright2.jpg) no-repeat top right;
	border: 2px black solid;
	margin-top: 10px;
	}
	
	
#sidebar {
	width: 150px;
	float: right;
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 8pt;
	line-height: 1.5em;
	color: #888;
	}

#footer {
	text-align:center;
	position: relative;
	clear: both;
	margin: 0;
	padding-top: 5;
	padding-bottom: 15;
	font-size: 90%;
	color: #666;
	background: #000 url(../img/footer-bg.gif) no-repeat top right;
	}
	
#custquote {
	text-align: center;
	padding: 5 30px;
	background-color: #fff;
	clear: both;
	font-size: 80%;
	margin: 0 10 10 10;
	}
	
#email {
	letter-spacing:.05em;
	padding:1em;
	font-weight:normal;
	}	
	
#email a:link{ color:blue;text-decoration:none;
	}

#email a:visited{ color:blue;text-decoration:none;
	}

#email a:active{ color:blue;text-decoration:none;
	}

#email a:hover{ color:blue;text-decoration:none;
	}
	
.wordone {
	font-weight:bold;
	font-size:150%;
	}
	
.reg {
	font-size: 85%;
	vertical-align: baseline;
	}
	
/* find this on staff order pages. */	


.buy-box2 {
	border: 1px solid black;
	padding: 0 0 0 0;
	width: 100%;
	}
.buy-box2-title {
	font-weight:bold;
	font-size: 10pt;
	padding: 5 0 10 5;

	}	
	
.order-box2 {
	background-color: #eee;
	border-bottom: 0px solid blue;
	height: 20px;
	padding: 5px;

	}	
	
.order-model2 {
	float: left;
	width: 50%;
	}	
	
.order-price2 {
	float: left;
	width: 15%;
	}	
	
.order-button2 {
	float: right;
	width: 90px;
	}	


.modelorder {
	background-color: #eee;
	border-bottom: 0px solid white  ;
	margin-bottom: 15px;
	}
	
.price {
	float: left;
	width: 10em;
	vertical-align:middle;
	border: 0px green solid;
	font-weight: bold;
	}
	
.ppform {
	border: 0px solid red;
	float: left;
	text-align: center;
	/*height: 20px;	*/
	width:	10em;
	}


	
.stdfeatures {
	border: 0px red dashed;
	border-bottom: 1px solid black;
	}
	
/*
.viewcart {
	width: 30em; 
	float: right; 
	margin: 10px 0;
	text-align:center; 
	border: 1px #000 solid;
	background-color:#ddd;
	}
*/

#viewcartlabel {
	float:right;
	margin-right:10px;
	margin-bottom:1em;
	}
	
form {
	margin:0 0; 
	padding:0 0;
	/*border: 1px solid red;*/
	}	
	
#bppick {
	font-weight:bold;
	color:red;
	font-family:Arial, Sans Serif;
	text-align:center;
	border:medium #f00 double;
	margin: 5px auto;
	padding:2px;
	background-color: #ff5;
	width:35em;
	}
	
#sizewarn {
	margin:10 30 20 30;
	text-align:center;
	color:blue; 
	font-weight:bold;
	font-size:70%;
	}
	
	
/* styles for backpacker tab */
	#tabwrap {
	border:				0px blue dashed;
	background-color:	#050;
	height:				28px;
	text-align:			center;
	}

	#tabbox {
	margin:				0 auto;
	width:				32em;
	} 
	
	#tableft{
	background: 		url(images/yellowtabL2.jpg) no-repeat left;
	background-color:	#ff5;
	height:				21px;
	width:				27px;
	float:				left;
	}

	#specialtab {
	text-align:			center;
	background-color:	#ff5;
	height:				21px;
	color:				red;
	font-weight:		bold;
	float:				left;
	}

	#tabright {
	background: 		url(images/yellowtabR2.jpg) no-repeat right;
	background-color:	#ff5;
	height:				21px;
	width:				27px;
	float:				left;
	}
	
/* Style for msg */

	#msgpad {
			padding:10px;
			background-color:#070;
			border: #a00 15px ridge;
			text-align:center;
			width:350px;

			position:absolute;
			top:1px;
			left:-20px;
			display:none;
	}
	#msg {
			margin:0 auto;
			padding:5px;
			width:80%;
			background-color:#050;
			/*color: white;*/
			color:#060;
			text-align:center;

			position:relative;
			display:none;
	}
	
