#Header {
	/*background: url(../images/header_bg2.jpg) repeat-x top left;*/
	overflow: visible;
	height: 46px;
}
#Header h1 {
	float: left;
	padding: 10px 12px 0;
}
#Header .view{
	
	height: 46px;
}
.nav {
	background: url(/mnumi/common/images/NumiLogo.png) center right no-repeat;
	list-style: none;
	float: right;
	margin: 5px 12px 0 0;
	padding: 0 44px 0 0;
}
.nav li {
	list-style-type: none;
	float: left;
	margin: 0 0 0 10px;
	position: relative;
	border-right: 1px solid #93887e;
	width: 66px;
}
#Header .nav li a {
	text-decoration: none;
	font-size: 14px;
	padding: 8px 0 12px 10px;
	display: block;
	color: #8c8178;
}
.nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 41px;
	left: 0;
	z-index: 99999;
	/*display: none;*/
}
.nav li li {
	margin: 0;
	float: none;
	border: none;
	background: url(/mnumi/common/images/hover_bg.png) top left repeat;
	width: 131px;
}
#Header .nav li li a{
	color: #FFFFFF;
	padding: 4px 0 6px 10px;
}

#Footer {
	/*background: url(/mnumi/common/images/footer_bg2.jpg) repeat-x bottom left;*/
	height:51px;
	background:#4F453C;
	overflow: hidden;
	/*padding: 8px 12px 0;*/
	color: #8c8178;
	text-align: center;
	font-size: 12px;
}
#Footer ul {
	list-style: none;
	margin: 8px 12px;
	text-align: center;
}
#Footer li {
	list-style-type: none;
	display: inline;
	margin: 5px 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #93887E;
}
#Footer li.last {
	border-right: none;
}
#Footer li a {
	color: #8c8178;
}
.fixed-footer{
	position:fixed !important; 
	bottom:0px;
}

h3{
	text-decoration: underline;
}

h3.n-u{
	text-decoration: none;
}

.numi{
	position: absolute;
	right: 0;
}

/* jQuery Mobile Theme */

/* Fixes */
.ui-page {
	background-color: #4F453C;
}
.ui-bar-f {
	overflow: auto;
}
.ui-header .ui-title {
	margin: 0;
}
.ui-content {
	background: #FFFFFF;
	text-shadow: none;
}
.ui-footer {
	text-align: center;
}

/* F
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-f {
	background: 			#4F453C;
	color: 					#333;
	/*text-shadow: 0 1px 0 	#fff;
	background-image: -moz-linear-gradient(top, 
							#fceda7, 
							#fadb4e);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fceda7),
		color-stop(1, 		#fadb4e));
  	-msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')";*/
}
.ui-bar-f,
.ui-bar-f input,
.ui-bar-f select,
.ui-bar-f textarea,
.ui-bar-d button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-bar-f .ui-link-inherit {
	color: 					#333;
}
.ui-bar-f .ui-link {
	color: 					#FFFFFF;
	font-weight: normal;
}
.ui-body-f {
	color: 					#666666;
	/*text-shadow: 0 1px 0 	#fff; */
	
}
.ui-body-f,
.ui-body-f input,
.ui-body-f select,
.ui-body-f textarea,
.ui-body-f button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-body-f .ui-link-inherit {
	color: 					#666666;
}
.ui-body-f .ui-link {
	color: 					#FFFFFF;
	font-weight: normal;
}
.ui-btn-up-f {
	border: none;
	background: 			#FFFFFF;
	font-weight: bold;
	color: 					#333;
	cursor: pointer;
	text-shadow: 0 1px 1px 	#fe3;
	text-decoration: none;
	text-shadow: 0 1px 0 	#fff;
	/*background-image: -moz-linear-gradient(top, 
							#fceda7, 
							#fadb4e);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fceda7),
		color-stop(1, 		#fadb4e));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')";*/
}
.ui-btn-up-f a.ui-link-inherit {
	color: 					#333;
}
.ui-btn-hover-f {
	border: none;
	background: 			#EFEFEF;
	font-weight: bold;
	color: 					#111;
	text-decoration: none;
	text-shadow: 0 1px 1px 	#fff;
	/*background-image: -moz-linear-gradient(top, 
							#fcf0b5, 
							#fbe26f);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fcf0b5),
		color-stop(1, 		#fbe26f));
  	-msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcf0b5', EndColorStr='#fbe26f')";*/
}

.ui-btn-hover-f a.ui-link-inherit {
	color: 					#333;
}
.ui-btn-down-f {
	border: none;
	background: 			#EFEFEF;
	font-weight: bold;
	color: 					#111;
	text-shadow: 0 1px 1px 	#ffffff;
	/*background-image: -moz-linear-gradient(top, 
							#fadb4e, 
							#fceda7);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fadb4e),
		color-stop(1, 		#fceda7));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fadb4e', EndColorStr='#fceda7')";*/
}
.ui-btn-down-f a.ui-link-inherit {
	color: 					#333;
}
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
	font-family: Helvetica, Arial, sans-serif;
}

/* G for dialog */
.ui-bar-g {
	background: 			#FFFFFF;
	color: 					#333;
}
.ui-overlay-shadow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.ui-dialog #Header {
	height: 14px;
	padding: 3px;
}

/* H for dialog with black BG */
.ui-bar-h {
	background: #ffffff;
}
.ui-body-h {
	color: #968B84;
}

/* Icons
-----------------------------------------------------------------------------------------------------------

.ui-icon {
	background-image: url(/javascript/jquery.mobile/images/icons-18-white.png);
	background-repeat: no-repeat;
	background-color: 					#666;
	background-color: rgba(0,0,0,.4);
	-moz-border-radius: 				9px;
	-webkit-border-radius: 				9px;
	border-radius: 						9px;
}
.ui-icon-disc {
	background-color: 					#666;
	background-color: 					rgba(0,0,0,.3);
	-moz-border-radius: 				9px;
	-webkit-border-radius: 				9px;
	border-radius: 						9px;
}*/

/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/

.ui-icon-black {
	background-image: url(/javascript/jquery.mobile/images/icons-18-black.png);
}
.ui-icon-black-disc {
	background-color: 					#fff;
	background-color: 					rgba(255,255,255,.3);
	-moz-border-radius: 				9px;
	-webkit-border-radius: 				9px;
	border-radius: 						9px;
}


.ui-content{
	padding: 0;
	margin: 0;
}
.ui-content .inner{
	padding: 5px 10px 5px;
	position: relative;
	min-height: 330px;
}

.ui-btn{
	margin-top: 0;
}

#fade{
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 361px;
	overflow: hidden;
}

#fade li,
#fade img{
	margin: 0;
	padding: 0;
	height: 361px;
}

.color,
.color2{
	padding: 5px;
	margin: 0;
}

.color a{
	color: #000000 !important;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

.color2 a{
	color: #ffffff !important;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

.comfort{
	list-style-type: none;
	margin: 0 0 15px;
	padding: 0;
}

.comfort li{
	margin: 0;
	padding: 0;
}

.comfort li a{
	background: #eeedec;
	border: solid 1px #544a42;
	border-top: none;
	color: #544a42 !important;
	display: block;
	width: 275px;
	margin: 0 auto;
	padding: 5px;
	text-decoration: none;
}

.comfort li a.first{
	border-top: solid 1px #544a42;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.comfort li a.last{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#toilet,
#bidet,
#airdryer,
#deoderizer,
#heatedseat,
#feetwarmer,
#panel{
	width: 169px;
	height: 250px;
	margin: 0 auto;
}

#toilet{
	background: url(/mnumi/common/images/lid/_0000.jpg) no-repeat left top;
}

#heatedseat{
	background: url(/mnumi/common/images/heatedseat/_0000.jpg) no-repeat left top;
}

#bidet{
	background: url(/mnumi/common/images/lid/_0036.jpg) no-repeat left top;
}

#feetwarmer{
	background: url(/mnumi/common/images/feetwarmer/open.jpg) no-repeat left top;
}

#airdryer{
	background: url(/mnumi/common/images/bidet/_0024.jpg) no-repeat left top;
	position: relative;
}

#airdryer .airanim{
	width: 13px;
	height: 15px;
	position: absolute;
	top: 117px;
	left: 78px;
}

#deoderizer{
	background: url(/mnumi/common/images/bidet/_0000.jpg) no-repeat left top;
	position: relative;	
}

#deoderizer .deodanim{
	width: 28px;
	height: 26px;
	position: absolute;
	top: 122px;
	left: 58px;
}

#heatedseat{
	position: relative;
}

#heatedseat .bganim{
	width: 169px;
	height: 249px;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff url(/mnumi/common/images/heatedseat/heated_seat.jpg) no-repeat left top;
	opacity: 0;
}

#feetwarmer{
	position: relative;
}

#feetwarmer .warmanim{
	position: absolute;
	top: 222px;
	left: 22px;
	width: 46px;
	height: 21px;
	
}

.ilumPanel{
	background: #ffffff;
	padding: 0;
	margin: 0;
	height: 100%;
	position: relative;
	/*min-height: 500px;*/
}

#panel{
	background: #ffffff url(/mnumi/common/images/illuminated_panels_on.jpg) no-repeat left top;
	position: relative;
	width: 169px;
	height: 249px;
	overflow: hidden;
	z-index: 3;
}

#panel img{
	position: absolute;
	top: 0;
	left: 0;
}

#toilet{
	position: relative;
}

.light{
	position: absolute;
	top: 220px;
	left: 88px;
	display: none;
}

/* == Touch Screen animation styling == */
#canvas
{
height: 330px;
position: relative;
width: 222px;
margin: 0 auto;
}
 
#remote
{
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
 
#animations
{
height: 330px;
width: 222px;
}
 
#animations img
{
position: absolute;
display: none;
}
 
#rear-screen
{
left: 33px;
top: 33px;
}


#dryer-screen,
#heating-screen,
#lighting-screen
{
left: 32px;
top: 32px;
}
 
#finger
{
top: 88px;
left: 79px;
z-index: 10;
}
 
#rear-highlight
{
left: 85px;
top: 133px;
z-index: 2;
}
 
#rear-screen { z-index: 2; }
 
#rear-slider
{
left: 97px;
top: 110px;
z-index: 3;
}
 
#dryer-screen { z-index: 3; }
 
#home-highlight
{
left: 33px;
top: 245px;
z-index: 7;
}
 
#heating-highlight
{
left: 84px;
top: 183px;
z-index: 4;
}
 
#heating-screen { z-index: 5; }
 
#lighting-screen { z-index: 6; }

/* auxilary controls */
#aux_control{
	width: 169px;
	height: 239px;
	position: relative;
	margin: 0 auto;
}

#aux_control img{
	position: absolute;
	top: 0;
	left: 0;
}

#aux_control .top{
	z-index: 10;
}


/* resources */
.resources{
	font-size: 12px;
}
.resources h3{
	font-size: 18px;
	margin-bottom: 0;
}
.resources p{
	margin-top: 0;
}
.resources td{
	padding: 3px 20px 3px 0;
}

.resources td img{
	display: inline
}

.resources img{
	margin: 0 auto;
}

.dark{
	background: #000;
	text-align: center;
	/*min-height: 175px;*/
}

/* == Video */

video{
	margin: 0;
	padding: 0;
	width: 300px;
	height: 170px;
	margin: 0 auto;
}

/* == Music == */

#music_canvas
{
height: 330px;
position: relative;
width: 222px;
margin: 0 auto;
}
 
#music_remote
{
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
 
#music_animations
{
height: 330px;
width: 222px;
}
 
#music_animations img
{
position: absolute;
display: none;
}
 
#radio-screen,
#options-screen,
#numi-screen,
#aux-screen
{
left: 31px;
top: 16px;
}

#music-finger
{
top: 88px;
left: 79px;
z-index: 10;
}
 
#music-highlight
{
left: 32px;
top: 184px;
z-index: 2;
}

 
#radio-screen { z-index: 2; }
 
#options-screen { z-index: 3; }

#options-highlight{
left: 137px;
top: 242px;
z-index: 3;
}

#treble-slider
{
left: 57px;
top: 65px;
z-index: 4;
}

#bass-slider
{
left: 96px;
top: 92px;
z-index: 4;
}
 
#back-highlight
{
left: 137px;
top: 242px;
z-index: 4;
}
 
#numi-screen { z-index: 5; }

#numi-slider{
	left: 98px;
	top: 91px;
	z-index: 6;
}
 
#aux-screen { z-index: 7; }

#aux-slider{
	left: 98px;
	top: 113px;
	z-index: 8;
}
 
#music-home-highlight
{
left: 33px;
top: 245px;
z-index: 9;
}

/* == Flush == */

#flush_canvas
{
height: 330px;
position: relative;
width: 222px;
margin: 0 auto;
}
 
#flush_remote
{
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
}
 
#flush_animations
{
height: 267px;
width: 158px;
}
 
#flush_animations img
{
position: absolute;
display: none;
}
 
#flush_finger
{
top: 243px;
left: 32px;
z-index: 10;
}
 
#flush-highlight
{
left: 120px;
top: 30px;
z-index: 2;
}
 
#flush-screen
{
position: absolute;
left: 31px;
top: 29px;
z-index: 2;
}
 
#flush-swirl
{
position: absolute;
left: 69px;
top: 98px;
z-index: 3;
}
 
#flush_home-highlight
{
left: 32px;
top: 244px;
z-index: 7;
}

/* == Dock == */

#dock_canvas{
	width: 222px;
	height: 330px;
	position: relative;
	background: url(/mnumi/common/images/dock/docking_station.jpg) left top no-repeat;
	margin: 0 auto;
}

#dock_controller{
	position: absolute;
	left: 42px;
	top: 25px;
}

/* == User Presets == */

#user-canvas
{
height: 330px;
position: relative;
width: 222px;
margin: 0 auto;
}
 
#user-remote
{
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
 
#user-animations
{
height: 330px;
width: 222px;
}
 
#user-animations img
{
position: absolute;
display: none;
}

#user-screen
{
left: 31px;
top: 34px;
z-index: 3
}

#user-finger
{
top: 88px;
left: 79px;
z-index: 10;
}
 
#user-highlight
{
left: 32px;
top: 244px;
z-index: 2;
}

#user-preset-highlight{
	top: 34px;
	left: 31px;
	z-index: 4
}

#user-home-highlight{
	left: 32px;
	top: 246px;
	z-index: 5
}

.sweeps-form{
	padding: 5px;
}

.form-title{
	text-decoration: none;
	width: 205px;
	float: left;
	font-size: 15px;
}

.rules{
	color: #867c74 !important;
	text-decoration: underline;
	font-size: 12px;
	float: right;
	margin-top: 17px;
	margin-right: 10px;
}

.label{
	font-size: 11px !important;
    width: 40% !important;
	/*position: relative;
	top: -17px;*/
}

.ui-checkbox{
	margin-left: 0px !important;
}

.ui-checkbox .ui-btn-inner{
	padding-left: 25px !important;
}

.ui-checkbox .ui-btn-inner .ui-icon{
	left: 0px !important;
}

#Newsletter{
	left: 0px !important;
}

.newsletter-label{
	font-size: 11px;
	color: #544a42;
	font-weight: normal;
}

.form-image{
	width: 249px;
	height: 295px;
	margin-left: 25px;
}

.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}

.ui-btn-text { width: 100%; }

/* clearfix */
/* float clearing for IE6 */
* html .clearfix{ height: 1%; overflow: visible; }
/* float clearing for IE7 */
*+html .clearfix{ min-height: 1%; }
/* float clearing for everyone else */
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }