/* CSS RESET ------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
*, 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: 300px; }
.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; }
h1 { font-size: 22px;
	font-weight: bold;
	line-height: 24px;
	}
h2 { font-size: 21px;
	font-weight: bold;
	line-height: 24px;
	}
h4 { font-size: 9px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 10px;
	}
h5, h5 em { font-size: 9px;
	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: 310px;
	background: url('../images/top-bg.png') no-repeat center top;
	text-align: center;
	z-index: 5;
	cursor: default;
	}
#top {
	width: 960px; height: 310px;
	text-align: left;
	margin: auto;
	z-index: 10;
	}
#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;
	}

/* TOP // Condensed */

body.condensed #top-container {
	height: 260px;
	background-image: url('../images/top-bg-condensed.png');
	}
body.condensed #top {
	height: 260px;
	}
body.condensed #top div.overlay {
	top: 200px;
	}

/* TOP // Title */

#top div.overlay h1 {
	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;
	}

/* TOP // Slideshow */

#slideshow   { top: 20px; }
#slideshow a { height: 280px; }

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

/* TOP // Google Maps */

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

/* TOP // 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: 670px; }
#left {
	padding: 20px 35px 50px 0;
	line-height: 22px;
	color: #444;
	zoom: 1;
	}

/* LEFT // Links */

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

/* LEFT // 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 --------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#sitemap #left div { padding-bottom: 20px; }

#sitemap #left ul,
#sitemap #left li,
#sitemap #left a {
	padding: 0;
	line-height: 24px;
	font-size: 12px;
	font-weight: normal;
	}

#sitemap #left li {
	background: none;
	margin-left: 2px;
	}
#sitemap #left li ul.sub {
	background: url('../images/list-sitemap.png') no-repeat left bottom;
	margin-left: 2px;
	}
#sitemap #left li ul.sub li {
	height: 24px;
	padding-left: 16px;
	padding-bottom: 2px;
	margin-top: -2px;
	}
#sitemap #left li ul.sub li a {
	font-size: 11px;
	}


/* 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;
	}



/* QUICK LINKS ----------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#left div.quick-links {
	width: 570px;
	padding: 0 20px 30px;
	display: block;
	}
#left div.quick-links strong {
	font-size: 12px;
	line-height: 20px;
	color: #000;
	}
#left div.quick-links ul {
	height: 16px;
	padding: 0;
	}
#left div.quick-links li {
	background: url('../images/icons/list-bullet-light.png') no-repeat left 1px;
	padding: 0 12px 0 20px;
	line-height: 16px;
	float: left;
	}
#left div.quick-links li:first-child {
	background: none;
	padding-left: 0;
	}
#left div.quick-links li h4,
#left div.quick-links li a {
	font-size: 11px;
	font-weight: normal;
	display: inline;
	}



/* 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: #fff url('../images/form-input.png') no-repeat center top;
	border: 1px #bbb solid;
	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;
	}



/* FORM (CONTACT) -------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

form#contact {
	width: 610px;
	background: url('../images/form-bg.png') repeat-y left top;
	clear: both;
	}
form#contact h3 {
	background: url('../images/form-bg-sprites.png') no-repeat left top;
	padding: 25px 40px 15px;
	position: relative;
	line-height: 20px;
	font-weight: bold;
	color: #666;
	}
form#contact h4 {
	background: url('../images/form-bg-sprites.png') no-repeat left -100px;
	padding: 2px 40px 8px;
	color: #38825b;
	}
form#contact span.req {
	padding-right: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #38825b;
	}

form#contact fieldset {
	padding: 0 40px 20px;
	clear: both;
	}
form#contact .left,
form#contact .right {
	width: 240px;
	}
form#contact fieldset div p {
	padding-bottom: 15px;
	position: relative;
	display: block;
	}
form#contact fieldset.checkboxes div p {
	padding-bottom: 0;
	}

/* FORM (CONTACT) // Labels */

form#contact label {
	font-size: 12px;
	cursor: pointer;
	}
form#contact .left label,
form#contact .right label {
	width: 240px;
	display: block;
	}
form#contact fieldset.checkboxes label {
	width: 215px;
	padding: 2px 0 2px 25px;
	margin-bottom: 10px;
	margin-left: -2px;
	text-indent: 0;
	}
form#contact fieldset.checkboxes div.inline div,
form#contact fieldset.checkboxes div.inline label {
	width: 75px;
	margin-right: 30px;
	float: left;
	}

form#contact label:hover {
	color: #38825b;
	}
form#contact label.error {
	position: absolute;
	top: 0; left: 0;
	font-size: 8px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: right;
	color: #f00;
	}
form#contact label.error:hover {
	color: #f00;
	}
form#contact label.inactive,
form#contact label.inactive:hover {
	cursor: text;
	color: #444;
	}

/* FORM (CONTACT) // Descriptions */

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

/* FORM (CONTACT) // Fields */

form#contact input.text {
	width: 230px; height: 13px;
	}
form#contact input._placeholder {
	color: #888;
	}
form#contact textarea {
	width: 524px;
	padding: 2px 0 2px 4px;
	overflow-y: scroll;
	}
form#contact .left textarea,
form#contact .right textarea {
	width: 234px;
	}

/* FORM (CONTACT) // Submit */

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



/* CUSTOM FORM INPUTS ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

div.custom-checkbox,
div.custom-radio {
	position: relative;
	line-height: 22px;
	}
div.custom-checkbox input,
div.custom-radio input {
	margin-bottom: 10px;
	position: absolute;
	left: 2px; top: 3px;
	z-index: 0; margin: 0;
	display: inline;
	vertical-align: top;
	}
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; }

/* CUSTOM FORM INPUTS // Ratings */

form#contact fieldset.ratings {
	padding-top: 10px;
	padding-bottom: 0;
	}
form#contact fieldset.ratings label {
	margin-bottom: 5px;
	display: block;
	font-size: 13px;
	}
form#contact fieldset.ratings p {
	height: 30px;
	margin-bottom: 10px;
	display: block;
	}
form#contact fieldset.ratings div.custom-radio { float: left; }

form#contact fieldset.ratings div.custom-radio input,
form#contact fieldset.ratings div.custom-radio label {
	width: 51px; height: 25px;
	display: block;
	left: 0; top: 0;
	text-align: center;
	line-height: 25px;
	}
form#contact fieldset.ratings div.custom-radio label {
	background: #eaeaea url('../images/form-input.png') no-repeat center top;
	border: 1px #bbb solid; border-right: none;
	font-weight: bold; font-size: 11px;
	}
form#contact fieldset.ratings div.custom-radio label.last { border-right: 1px #ccc solid; }
form#contact fieldset.ratings div.custom-radio label.hover { background: #ccc; color: #000; }
form#contact fieldset.ratings div.custom-radio label.checked {
	background: #38825b;
	border-top-color: #38825b;
	border-bottom-color: #38825b;
	color: #fff;
	}



/* FORM (SEARCH) --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

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;
	}



/* SIDEBAR --------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

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

#right-container h1 {
	background: url('../images/sidebar-divider.png') no-repeat left bottom;
	padding: 30px 0 10px 20px;
	text-shadow: 0px 1px 0px #fff;
	color: #888878;
	}

/* SIDEBAR // Items */

#right li a,
#right li div {
	background: url('../images/sidebar-divider.png') no-repeat left bottom;
	width: 260px;
	padding: 10px 20px 12px;
	display: block;
	color: #888878;
	float: left;
	}
#right li a:hover {
	background: url('../images/sidebar-hover.png') no-repeat left bottom;
	color: #666555;
	}
#right li a * { cursor: pointer; }

#right li img {
	width: 60px;
	float: left;
	display: inline;
	}
#right li p {
	width: 190px;
	float: right;
	line-height: 16px;
	font-size: 11px;
	}
#right li p span {
	display: block;
	padding: 2px 0 4px;
	font-size: 12px;
	}
#right li a p span {
	text-decoration: underline;
	color: #666555;
	}
#right li a:hover p span {
	color: #38825b;
	}

/* SIDEBAR // Sub-Items */

#right li.subproduct a {
	background: url('../images/sidebar-sub.png') no-repeat left bottom;
	}
#right li.subproduct a.last {
	background: url('../images/sidebar-sub-last.png') no-repeat left bottom;
	}
#right li.subproduct a:hover {
	background-position: right bottom;
	}
#right li.subproduct a p span {
	text-decoration: none;
	font-size: 11px;
	}



/* 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 {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	}
#footer p a:hover {
	border-bottom: 1px solid #666;
	text-decoration: none;
	}
#footer p.left a {
	padding: 2px 0;
	margin-right: 20px;
	}
#footer p a.backtotop {
	background: url('../images/icons/back-to-top.png') no-repeat 0 2px;
	padding-left: 16px;
	}
#footer p a.sitemap   {
	background: url('../images/icons/sitemap.png') no-repeat 0 2px;
	padding-left: 18px;
	}




/* MENU ------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */

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

/* MENU // Items */
#menu li a {
	height: 35px; padding: 0 18px;
	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 + 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; }