/* CSS Reset (min) ------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } body { line-height: 1; color: #000; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img, a img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } ol, ul, li { list-style: none; } caption, th { text-align: left; } blockquote, q {	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { text-decoration: none; } del { text-decoration: line-through; } a, a:visited, a:hover, a:active { text-decoration: none; } :focus { outline: 0; }
/* Edits */ div { position: relative; } em { font-style: italic; } strong { font-weight: bold; }




/* General --------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

body { background-color: #515251; font-size: 13px; }
br.clear { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: -1px 0 0 0; }
div.clear { clear: both; display: block; font-size: 10px; line-height: 10px; height: 10px; margin: 0; }

.left  { float: left;  }
.right { float: right; }
.edge  { float: right; margin-right: -50px; }

.left, .right { width: 290px; }
.two-thirds   { width: 390px; padding-right: 16px; }
.third        { width: 203px; }
.quarter      { width: 145px; }

.left img, .right img,
.edge img, .box img { display: block; position: relative; }

.center { text-align: center; }
.hidden { display: none; }




/* Typography ------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

/* Default ----------------------- */ body { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, sans-serif; }

/* Tags -------------------------- */ strong, em, i,
/* Headers ----------------------- */ h1, h2, h4, h5, h6, #current h3, #right h3,
/* Links ------------------------- */ #left p a, #left ul a, #footer a,
/* Box Content ------------------- */ #left .box a, #left .caption,
/* Search: Results --------------- */ #result_list a.title, form#search-top input,
/* App: Steps Menu & Slider ------ */ #steps ul.menu a, #steps div.single, #slider
/* ------------------------------- */ { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Arial, sans-serif; }

/* Menu -------------------------- */ #menu, #menu li a,
/* Form Fields ------------------- */ form input, form textarea,
/* App: Part Numbers ------------- */ #build ul.builderNumber, #standard div.standardNumber, p#preview,
/* App: Builder Form ------------- */ #build form, #build form input, #build form strong, #build form em
/* ------------------------------- */ { font-family: Arial, Helvetica, sans-serif; }

h2 {font-size: 21px;
	font-weight: bold;
	line-height: 24px;
	}
h4 {font-size: 8px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 10px;
	}
h5, h5 em {
	font-size: 8px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
h5 em { font-style: italic; }


/* Header ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#header-container {
	width: 100%; height: 105px;
	background: url('../images/header-bg.png') repeat-x;
	text-align: center;
	}
#header {
	width: 960px; height:105px;
	text-align: left;
	margin: auto;
	}
#header h1 {
	width: 960px; height: 105px;
	background: url('../images/header.png') no-repeat;
	}
#header h1 a {
	width: 250px; height: 60px; top: 25px;
	background: url('../images/orbel-logo.png') no-repeat;
	position: relative;
	display: block;
	text-indent: -9999px;
	}
#header h1 a:hover {
	background: none;
	}



/* Menu ------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

#menu-container {
	width: 100%; height: 35px;
	background: url('../images/menu-bg.png') repeat-x;
	text-align: center;
	z-index: 150;
	}
#menu-container div {
	width: 960px; height: 35px;
	margin: auto;
	position: relative;
	text-align: center;
	z-index: 175;
	}
#menu {
	max-width: 960px; height: 35px;
	background: url('../images/menu.png') no-repeat;
	float: left;
	z-index: 500;
	list-style: none;
	}
#menu table {
	width: 0; height: 0;
	border-collapse: collapse;
	position: absolute;
	top:0; left:0;
	}




/* Top ------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#top-container {
	width: 100%; min-width: 960px; height: 320px;
	background: url('../images/top-bg.png') no-repeat center top;
	text-align: center;
	z-index: 5;
	cursor: default;
	}
/* ALT */ body.condensed #top-container { height: 270px; background-image: url('../images/top-bg-condensed.png'); }

#top {
	width: 960px; height: 320px;
	text-align: left;
	margin: auto;
	z-index: 10;
	}
/* ALT */ body.condensed #top { height: 270px; }

#top div {
	position: absolute;
	float: left;
	}
#top div.image {
	top: 20px;
	z-index: 20;
	}
#top div.overlay {
	width: 610px; height: 50px;
	background: url('../images/top-overlay.png') no-repeat;
	top: 250px;
	display: block;
	z-index: 30;
	}
/* ALT */ body.condensed #top div.overlay { top: 200px; }

#top div.overlay h2 {
	padding: 12px 0 0 20px;
	color: #fff;
	cursor: text;
	text-shadow: 0px 1px 2px #000;
	}
#top div.overlay span {
	width: 585px;
	top: 12px;
	position: absolute;
	font-size: 11px;
	line-height: 24px;
	text-align: right;
	color: #dbdbd5;
	}
#top div.overlay span strong { color: #fff; }

/* Slideshow -------------------- */

#slideshow { top: 20px; }
#slideshow a { height: 280px; }
#slideshow a div.overlay {
	background: url('../images/top-overlay-slideshow.png') no-repeat left 0;
	width: 610px; height: 50px;
	cursor: pointer;
	top: 230px;
	}
#slideshow a:hover div.overlay { background-position: left -50px; }

/* Google Maps -------------------- */
a#googlemaps div.overlay       { background: url('../images/top-overlay-googlemaps.png') no-repeat left top; cursor: pointer; }
a#googlemaps:hover div.overlay { background-position: left -50px; }

/* Edge Corrections -------------------- */
#top div.edge-upper, #top div.edge-left,
#top div.edge-lower, #top div.edge-right { z-index: 21; }

#top div.edge-upper { top: 20px;  }		#top div.edge-left  { top: 26px;  }
#top div.edge-lower { top: 290px; }		#top div.edge-right { top: 26px; left: 600px; }




/* Main ------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

#main-container {
	width: 100%; min-width: 960px;
	background: url('../images/main-bg.png') repeat-y center top;
	text-align: center;
	z-index: 50;
	}
#main {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	}




/* Left ------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

#left-container { width: 660px; }
#left {
	padding: 20px 50px 80px 0;
	line-height: 22px;
	color: #444;
	zoom: 1;
	}

/* Links -------------------- */

#left a       { font-weight: bold; color: #38825b; }
#left a:hover { text-decoration: underline; }

/* Body Elements -------------------- */

#left p,
#left ul { padding-bottom: 15px; }

#left h3,
#left p.emphasize:first-line {
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	}
#left h3 {
	padding-bottom: 10px;
	clear: both;
	}
#left ul.bullets li        { background: url('../images/list-arrow.gif') no-repeat left top; padding: 0 0 4px 12px; }
#left ul.bullets ul.sub li { background: url('../images/list-sub-arrow.gif') no-repeat left top; }

#left ul p.sub {
	padding: 4px 0;	
	font-size: 12px;
	line-height: 18px;
	}
	
/* Sitemap Adjustment -------------------- */

#sitemap #left a { font-size: 14px; font-weight: normal; }
#sitemap #left li ul { padding-top: 6px; padding-bottom: 0; }
#sitemap #left li ul a { font-size: 12px; }

/* Quick Links -------------------- */

div#quick-links {
	width: 590px;
	height: 25px;
	padding: 0 5px;
	margin: -15px 5px 25px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: block;
	font-size: 11px;
	line-height: 25px;
	}
div#quick-links ul,
div#quick-links ul li {
	padding: 5px 10px;
	display: inline;
	}
div#quick-links ul li {
	background: none;
	border-left: 1px solid #ccc;
	}
div#quick-links ul li a {
	font-weight: normal;
	}



					/* Product Links --------------------------------------------------------------------------------------- */
					/* ---------------------------------------------------------------------------------------------------- */
					
					div#product-links {
						padding-top: 10px;
						}
					div#product-links a {
						min-height: 45px;
						background: url('../images/product-links.png') no-repeat left top;
						padding: 15px 115px 20px 5px;
						position: relative;
						font-weight: normal;
						display: block;
						}
					div#product-links a:hover {
						background-position: -610px top;
						text-decoration: none;
						color: #222;
						}
					div#product-links a img {
						position: absolute;
						top: 4px; left: 20px;
						}
					div#product-links a h3 {
						padding: 0 0 5px 0; margin-left: 90px;
						line-height: 22px;
						font-size: 15px;
						font-weight: bold;
						color: #666555;
						}
					div#product-links a:hover h3 {
						text-decoration: underline;
						color: #000;
						}
					div#product-links a p {
						padding: 0;
						margin-left: 90px;
						font-size: 11px;
						line-height: 16px;
						color: #807e6a;
						}




/* Box Content ----------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#left div.box {
	font-size: 11px;
	line-height: 16px;
	color: #666555;
	}
#left div.box div.bhead { background: url('../images/object-headers.png') no-repeat left -10px; height: 10px; }
#left div.box div.bfoot { background: url('../images/object-footers.png') no-repeat left -70px; height: 35px; }
#left div.box div.bbody {
	background: #e2e2e2 url('../images/object-bg.png') repeat-x left -2px;
	padding: 5px 20px;
	}
#left div.box p {
	padding: 5px;
	}
#left div.box p.title {
	border-bottom: 1px solid #d1d1d1;
	display: block;
	}
#left div.box strong {
	line-height: 20px;
	font-size: 16px;
	}

/* Box Content: Sub-Products -------------------- */

#left div.subprod { font-size: 10px; line-height: 18px; }
#left div.subprod a { background: #e2e2e2; display: block; padding-bottom: 5px; }
#left div.subprod a:hover { text-decoration: none; }
#left div.subprod div.bbody { padding: 0 15px; }

#left div.subprod strong {
	width: 250px; text-align: center;
	padding: 0; position: absolute;
	top: -23px; z-index: 100;
	font-size: 16px;
	color: #222;
	}
#left div.subprod a:hover strong {
	text-decoration: underline;
	color: #38825b;
	}
#left div.subprod div.go  {
	width: 40px; height: 30px; float: right;
	background: url('../images/object-subprod-link.png') no-repeat;
	}
#left div.subprod a:hover div.go  { background-position: left -30px; }

#left div.subprod p,
#left div.subprod ul {
	padding: 0 0 5px;
	margin-top: -1px;
	font-weight: normal;
	color: #666555;
	}
#left div.subprod ul.left  { width: 120px; padding-left: 15px; }
#left div.subprod ul.right { width: 140px; padding-right: 15px; }
#left div.subprod ul li {
	background: url('../images/object-bullet.gif') no-repeat 2px 6px;
	padding-left: 12px;
	}
#left div.subprod div.extra {
	height: 30px;
	padding: 3px 15px;
	font-weight: normal;
	color: #666555;
	}
#left div.subprod div.extra img  {
	padding-right: 5px;
	float: left;
	}
#left div.subprod div.extra span {
	display: block; padding-top: 3px;
	line-height: 12px; font-size: 12px;
	font-weight: bold; color: #222;
	}

/* Box Content: Captions -------------------- */

#left .caption {
	width: 100%;
	position: absolute;
	margin-top: -20px;
	display: block;
	font-size: 11px;
	font-style: italic;
	line-height: 14px;
	text-align: center;
	color: #000;
	}
#left .caption a { font-weight: normal; }
#left .caption strong {
	background: #888;
	border-right: 1px solid #555;
	border-bottom: 1px solid #666;
	margin: 0 5px 0 15px;
	padding: 2px 4px 0px;
	font-size: 9px;
	line-height: 12px;
	color: #fff;
	}
#left .edge .caption {
	width: 580px;
	text-align: right;
	}




/* Tables  --------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#left table {
	width: 610px;
	font-family: Arial, sans-serif;
	}
#left table.left,
#left table.right {
	width: 290px;
	}
#left table th a,
#left table td a {
	width: 100%; height: 100%;
	display: block;
	}

/* Tables: Head -------------------- */

#left table thead th {
	background-image: url('../images/object-table-headers.png');
	background-position: right top;
	background-repeat: no-repeat;
	padding: 0 10px;
	font-size: 11px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	}
#left table thead th:first-child { padding-left: 15px; }

/* Tables: Body -------------------- */

#left table tbody td,
#left table tbody th {
	background-image: url('../images/object-table-rows.png');
	background-position: left top;
	background-repeat: repeat-x;
	padding: 0 10px;
	font-size: 11px;
	line-height: 30px;
	vertical-align: top;
	color: #444;
	}
#left table tbody th {
	padding-left: 15px;
	text-align: left;
	font-weight: bold;
	}
#left table tbody tr.last th,
#left table tbody tr.last td { background-position: 0 -30px; }

#left table tbody .double {
	background-position: 0 -60px;
	border-right: 1px solid #d1d1d1;
	line-height: 60px;
	}
#left table tbody .empty { height: 30px; }


/* Tables: Foot -------------------- */

#left table tfoot td {
	background-image: url('../images/object-footers.png');
	background-position: left -35px;
	background-repeat: no-repeat;
	height: 35px;
	}
#left table.left tfoot td,
#left table.right tfoot td { background-position: left -70px; }




/* Forms ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

form input#url { display: none; } /* Spam Protection */

form input.text,
form textarea {
	background: #eaeaea url('../images/form-input.png') repeat-x;
	border-width: 1px; border-style: solid; border-color: #bbb #ccc #bbb;
	padding: 6px 4px;
	font-size: 11px;
	line-height: 13px;
	color: #000;
	}
form input.text:focus,
form textarea:focus {
	border-color: #62b37d;
	}
form input.button,
form label:hover {
	cursor: pointer;
	}
form label.checkbox_checked,
form label.checkbox_unchecked {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	}




/* Contact Form ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

form#contact {
	width: 570px;
	background: url('../images/form-contact-bg.png') no-repeat left top;
	padding: 0 20px;
	clear: both;
	}
form#contact h3 {
	height: 40px;
	padding: 25px 0 0;
	position: relative;
	}
form#contact h3 span.form-alert {
	width: 570px;
	position: absolute;
	top: 25px; right: 10px;
	display: block;
	text-align: right;
	font-size: 12px;
	color: #444;
	}
form#contact span.req {
	padding-right: 5px;
	font-size: 16px;
	color: #38825b;
	}
form#contact fieldset {
	padding-bottom: 20px;
	clear: both;
	}

form#contact h4 {
	border-top: 1px solid #ccc;
	color: #38825b;
	}
form#contact div.left,
form#contact div.right {
	width: 260px;
	}
form#contact fieldset div p {
	padding-bottom: 15px;
	position: relative;
	display: block;
	}
form#contact fieldset.checkboxes div p {
	padding-bottom: 0;
	}

/* Contact Form: Labels -------------------- */

form#contact div.left label,
form#contact div.right label {
	width: 260px;
	text-indent: 3px;
	display: block;
	cursor: pointer;
	font-size: 12px;
	}
form#contact fieldset.checkboxes label {
	width: 236px;
	padding: 2px 0 6px 24px;
	margin-bottom: 10px;
	text-indent: 0;
	}

form#contact label.error {
	position: absolute;
	top: 0; left: 0;
	text-align: right;
	color: #f00;
	}
form#contact label:hover {
	color: #38825b;
	}

form#contact span.description {
	padding-bottom: 5px;
	display: block;
	font-size: 11px;
	line-height: 15px;
	color: #888;
	}

/* Contact Form: Fields -------------------- */

form#contact input.text { width: 250px; height: 13px; }
form#contact input._placeholder { color: #888; }

form#contact textarea {
	width: 565px;
	padding-right: 0;
	overflow-y: scroll;
	}
form#contact div.left textarea,
form#contact div.right textarea { width: 254px; }

/* Contact Form: Submit -------------------- */

form#contact fieldset.submit {
	width: 610px;
	background: url('../images/form-contact-footer.png') no-repeat bottom;
	padding-bottom: 30px;
	margin-left: -20px;
	text-align: center;
	}
form#contact input.button {
	width: 240px; height: 60px;
	background: url('../images/form-contact-submit.png') no-repeat top;
	margin-top: 20px;
	}
form#contact input.button:hover {
	background-position: left -60px;
	}




/* Custom Checkboxes & Radio Buttons ------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

div.custom-checkbox,
div.custom-radio {
	position: relative;
	line-height: 22px;
	}

div.custom-checkbox input,
div.custom-radio input {
	display: inline; vertical-align: top;
	margin-bottom: 10px;
	position: absolute;
	left: 2px; top: 3px;
	z-index: 0; margin: 0;
	}

div.custom-checkbox label,
div.custom-radio label {
	vertical-align: top;
	position: relative;
	z-index: 1;
	}

div.custom-checkbox label { background: url('../images/form-checkbox.png') no-repeat left top; }
div.custom-radio label { background: url('../images/form-radio.png') no-repeat left top; }

div.custom-checkbox label.hover,
div.custom-radio label.hover { background-position: left -30px; }

div.custom-checkbox label.checked,
div.custom-radio label.checked { background-position: left -60px; }

div.custom-checkbox label.checkedHover,
div.custom-checkbox label.checked:hover { background-position: left -90px; }




/* Search Form ----------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

form#search-top {
	position: absolute;
	top: 43px; left: 630px;
	}
form#search-top label {
	width: 30px; height: 40px;
	background: url('../images/form-search-icon.png') no-repeat left top;
	text-indent: -9999px;
	float: left;
	}
form#search-top label:hover { background-position: 0 -40px; }

form#search-top input.text {
	width: 230px;
	background: none;
	border: none;
	padding: 10px;
	font-size: 14px;
	line-height: 16px;
	text-shadow: -1px 2px 3px #000;
	color: #ccc;
	}
form#search-top input.button {
	width: 45px; height: 40px;
	background: url('../images/form-search-submit.png') no-repeat left top;
	position: absolute;
	top: 0; left: 285px;
	text-indent: -9999px;
	}
form#search-top input.button:hover {
	background-position: left -40px;
	}




/* Right Sidebar --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#right-container {
	width: 300px;
	position: absolute;
	top: -195px; left: 661px;
	float: right;
	}
body.condensed #right-container { top: -145px; }

#right-container h2 {
	background: url('../images/right-divider.png') no-repeat left bottom;
	padding: 20px 0 10px 20px;
	text-shadow: 0px 1px 0px #fff;
	color: #999787;
	}
#right-container h2.extras {
	padding: 40px 10px 15px 20px;
	}

/* Sidebar: Items -------------------- */

#right li {
	background: url('../images/right-divider.png') no-repeat left bottom;
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 15px;
	}

#right li a       { color: #666555; display: block; }
#right li a:hover { color: #222; }

#right li a.item,
#right li a.info {
	width: 260px; min-height: 55px;
	padding: 10px 20px;
	}
#right li a.item:hover { background: url('../images/right-hover.png') no-repeat left bottom; }
#right li a.info:hover { color: #666555; }

#right li img { float: left; }

#right li a p {
	width: 180px;
	left: 150px;
	margin-left: 70px;
	cursor: pointer;
	}
#right li a.info p { cursor: auto; }

/* Sidebar: Sub-Menu -------------------- */

#right p.sub {
	background: url('../images/right-divider.png') no-repeat left bottom;
	padding: 5px 10px;
	}
#right p.sub a {
	background: url('../images/sub-arrow-1.gif') no-repeat left top;
	padding: 0 0 6px 30px;
	display: block;
	text-decoration: underline;
	font-size: 11px;
	}
#right p.sub a:hover {
	background: url('../images/sub-arrow-2.gif') no-repeat left top;
	}

/* Sidebar: Captions -------------------- */

#right li span.link,
#right li span.date,
#right li span.caption,
#right li span.feature {
	padding-top: 2px;
	padding-right: 10px;
	display: block;
	font-size: 11px;
	line-height: 15px;
	color: #807e6a;
	}
#right li span.caption { padding-bottom: 12px; }
#right li span.feature { font-style: normal; }
#right li span.link    { padding-bottom: 2px; text-decoration: underline; }
#right li a.item:hover span.link { color: #38825B; }




/* Footer ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#footer-container {
	width: 100%; height: 100px;
	background: url('../images/footer-bg.png') repeat-x top;
	padding-top: 50px;
	text-align: center;
	}
#footer {
	width: 960px; height: 40px;
	background: url('../images/footer.png') no-repeat;
	margin: auto;
	}
#footer p {
	width: 400px;
	font-size: 11px;
	line-height: 40px;
	color: #999;
	}
#footer p.left  { padding-left: 30px; text-align: left; }
#footer p.right { padding-right: 30px; text-align: right; }

#footer p a {
	padding: 2px 0 1px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	}
#footer p a:hover {
	border-bottom: 1px solid #666;
	text-decoration: none;
	}
#footer p a.backtotop {
	background: url('../images/icons/backtotop.png') no-repeat 0 2px;
	padding-left: 15px; margin-right: 20px;
	}
#footer p a.sitemap   { background: url('../images/icons/sitemap.png') no-repeat 0 2px;
	padding-left: 25px; margin-left: 20px;
	}




/* Menu ------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

#menu li { text-align: left; float: left; }

/* Menu: Items -------------------- */
#menu li a {
	height: 35px; padding: 0 15px;
	background: url('../images/menu-items.png') no-repeat right top;
	display: block; float: left;
	font-size: 12px; font-weight: bold; line-height: 35px;
	text-decoration: none; color: #ccc;
	}
#menu li.last a { background: url('../images/menu-bg.png') repeat-x; }

/* Menu: Hover -------------------- */
#menu li a:hover {
	background: url('../images/menu-items.png') no-repeat right -40px;
	position: relative; z-index: 200;
	text-decoration: none; color: #fff;
	}
#menu li:hover     { position: relative; z-index: 200; }
#menu li:hover > a { color: #fff; }


/* Level 1 --------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

/* Level 1: Current -------------------- */
#menu li.current a       { background: url('../images/menu-items.png') no-repeat right -80px; color: #fff; }
#menu li.current a:hover { color: #fff; }

/* Level 1: Sub -------------------- */
#menu a.sub            { padding: 0 24px 0 18px; }
#menu li a.sub         { background: url('../images/menu-items.png') no-repeat right -120px; }
#menu li a.sub:hover,
#menu li:hover > a.sub { background: url('../images/menu-items.png') no-repeat right -160px; }

/* Level 1: Current Sub -------------------- */
#menu li.current a.sub         { background: url('../images/menu-items.png') no-repeat right -200px; }
#menu li.current a.sub:hover,
#menu li.current:hover > a.sub { background: url('../images/menu-items.png') no-repeat right -160px; }


/* Level 2 --------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#menu :hover ul { width: 230px; left: -1px; top: 35px; }

/* Level 2, Level 3: Hidden -------------------- */
#menu ul,
#menu :hover ul ul {
	width: 0; height: 0; margin: 0; padding: 0;
	position: absolute; left: -9999px; top: -9999px;
	z-index: 200; list-style: none;
	}

/* Level 2: Items -------------------- */
#menu :hover ul li { margin: 0; }
#menu :hover ul li a {
	width: 230px; height: 34px;
	background: url('../images/menu-bg.png') repeat-x bottom;
	border-left: 1px solid #747574; border-right: 1px solid #747574;
	padding: 0; text-indent: 18px;
	font-size: 11px; line-height: 34px; color: #ccc;
	}

/* Level 2: Hover -------------------- */
#menu :hover ul :hover { background: url('../images/menu-items.png') no-repeat left -160px; color: #fff; }

/* Level 2: Current -------------------- */
#menu :hover ul li.currentsub a       { background: #4d4f4d; color: #fff; }
#menu :hover ul li.currentsub a:hover { background: url('../images/menu-items.png') no-repeat left -160px; color: #fff; }

/* Level 2: Fly -------------------- */
#menu :hover ul li a.fly     { color: #ccc; }
#menu :hover ul :hover a.fly { color: #fff; }

/* Level 2: Current + Fly -------------------- */
#menu :hover ul li.currentsub a.fly       { color: #fff; }
#menu :hover ul li.currentsub a.fly:hover { color: #fff; }


/* Level 3 --------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#menu :hover ul :hover ul {
	width: 260px; height: auto; white-space: nowrap;
	left: 230px; top: 0px; z-index: 200;
	}

/* Level 3: Items -------------------- */
#menu :hover ul :hover ul li a   { width: 260px; padding: 0; text-indent: 10px; color: #ccc; }
#menu :hover ul :hover ul :hover { color: #fff; }

/* Level 3: Current -------------------- */
#menu :hover ul :hover ul li.currentfly a       { color: #fff; }
#menu :hover ul :hover ul li.currentfly a:hover { color: #fff; }