.alignright {margin: 0 30px 30px 0; text-align: right;}

.small {font-size: .8em;}

.back {text-align: right; padding: 3px 10px 0 0;}

.back a {text-align: right; font-size: .8em; color: #000;}

.textbox {
margin: 20px 10%;
padding: 0 10px;
background: #fff8f8;
}

h1 {text-align: center; font-family: tahoma, arial, sans-serif; color: #484;}
	
h1:active {background: red;}

h2 {font-size: 1em; font-family: verdana, sans-serif; margin: 10px;}
	
p {
	color: #000;
}


li {
	list-style: none; /* kills the list item "bullet" markers */
	position: relative;
	text-align: left;
	vertical-align: bottom; /* for IE5/win */
	font-weight: bold;
	}

.nav a {
	display: block;
	vertical-align: bottom; /* needed for IE5/win */
	color: #000000;
	text-decoration: none;
	padding: 5px 10px;
	}

.nav a:hover {
	color: #666666;
	text-decoration: none;
}
	
.nav a:focus, .nav a.sffocus { /* enhances the focus styling for keyboard tabbing */
	background-color: #CFDFFF !important;
	color: #003399;
	}

.float-holder-left {
	width: 150px;
	float: left;
	margin: 25px 20px 0 10px;
	}

.float-holder-right {
  width: 150px;
	float: right;
	margin: 40px 0 0 20px;
	}
	
.nav div {
  width: 150px;
  position: absolute;  
	left: -3000px;
	}

.float-holder-left div {
  padding: 30px 60px 30px 10px;
	}

.float-holder-right div {
  padding: 30px 10px 30px 60px;
	}

.float-holder-left div.leftbox,
.float-holder-right div.leftbox {
  padding: 30px 10px 30px 60px;
	}

.float-holder-left div.rightbox,
.float-holder-right div.rightbox {
  padding: 30px 60px 30px 10px;
	}


.float-holder-left .nav div.zone,
.float-holder-right .nav div.zone {
  padding: 0;
  width: 150px;
	height: 10px;  
	left: -3000px;
	top: auto;
	bottom: -10px;
  font-size: 1px;
	}

.float-holder-left .nav li:hover div.zone,
.float-holder-right .nav li:hover div.zone {
	left: 0;
	}

.float-holder-left li:hover div div,
.float-holder-left div li:hover div div,
.float-holder-right li:hover div div,
.float-holder-right div li:hover div div {
	left: -3000px;
	}



.float-holder-left li:hover div,
.float-holder-left div li:hover div,
.float-holder-left div div li:hover div.rightbox,
.float-holder-right div div li:hover div.rightbox {
  left: 126px;
  top: -28px;
  }

.float-holder-left div div li:hover div.leftbox,
.float-holder-right li:hover div,
.float-holder-right div li:hover div,
.float-holder-right div div li:hover div.leftbox {
  left: auto;
  right: 126px;
  top: -28px;
  }

.main {
	z-index: 5;
}

.main li {
	background-color: #99CCFF;
}

.sales {
	z-index: 10;
}

.sales li {
	background-color: #FDEA17;
}


.nav ul a {
	color: #003399;
}
	
.nav li li li li a {
color: #000;
}

.float-holder-left .arrow {
background: url(../images/arrow-right.gif) no-repeat 100% 50%; 
}

.float-holder-right .arrow {
background: url(../images/arrow-left.gif) no-repeat 0 50%; 
}

.arrow-double {
background: url(../images/arrow-double.gif) no-repeat 0 50%; 
}

.in-arrow-right {
background: url(../images/arrow-right-lite.gif) 0 .4em no-repeat;
}

.in-arrow-left {
background: url(../images/arrow-left-lite.gif) 100% .4em no-repeat;
}

	
/* \*/ /*/ 

.nav div, .nav ul ul .leftbox, .nav ul ul .rightbox { 
  position: relative;
	left: 5px;
	padding: 0;
	}

.zone {display: none;}

/* */

.classW {font-size: .6em !important;}


.classW div, .classW ul ul .leftbox, .classW ul ul .rightbox, 
.classW li:hover div, .classW ul li:hover div .leftbox, .classW ul ul .rightbox {
  position: relative !important;
	left: 5px !important;
	top: 0 !important;
	padding: 0 !important;
	}
.classW .arrow-double, .classW .in-arrow-right, .classW .in-arrow-left {
    background-image: none  !important;
}

.classW .zone {display: none;}
