/* ================================================= */
/* This file created by Aivah                        */
/* Dated: 3rd Feb 2009	                             */
/* Copyright : 2009 Aivah.com                        */
/* Stylesheet: menu.css                              */
/* ================================================= */

/* ================================================= */
/* Root = Horizontal, Secondary = Vertical           */
/* ================================================= */




ul#navmenu {
	margin: 0px 0px 1px 0px;
	border: 0 none;
	padding: 0;
	width: auto; /*For KHTML*/
	list-style: none;
	height: 30px;
	}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 30px;
z-index:200;	}

ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px;
	list-style: none;
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
	}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navmenu ul li {
	width: 160px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	}
	 

/* ================================================= */
/* Root Menu                                         */
/* ================================================= */

ul#navmenu a {
	border: 0px solid #e8f2db;
	border-right-color: #e8f2db;
	border-left-color: #e8f2db;
	border-bottom-color: #e8f2db;
	padding: 9px 30px 8px 0px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #ff6666; 
	font: bold 11px/11px Arial, Tahoma, Helvetica, sans-serif;
	text-decoration: none;
	/*text-transform:uppercase;*/
	height: auto !important;
	height: 1%; /*For IE*/
	}

ul#navmenu li.current a
{
color:#02B5E4;
background:url(../images/menubg_hover.gif) bottom center repeat-x;
}
/* ================================================= */
/* Root Menu Hover Persistence                       */
/* ================================================= */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	/*background:url(../images/menubg_hover.gif) bottom center repeat-x;*/
	border-bottom: 1px solid #9a0000;
	color: #FFFFFF;
	}
#navmenu li ul
{
width:192px;
padding: 6px 10px;
}
#navmenu li ul li
{

}
#navmenu li ul li a
{
background: #fff;  font: normal 10px/22px Tahoma, Helvetica, sans-serif;
padding: 2px 25px;
color:#949ca4;
}

/* ================================================= */
/* 2nd Menu                                          */
/* ================================================= */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
background: URL(../images/readmore.gif) 5px center no-repeat;
color:#949ca4;
	}


/* ================================================= */
/* 2nd Menu Hover Persistence                        */
/* ================================================= */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	color: #299bd0; background: URL(../images/readmore.gif) 5px center no-repeat;
	}

/* ================================================= */
/* 3rd Menu                                          */
/* ================================================= */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #ffffff URL(../images/bg.gif) top left repeat-x;
	color: #414141;
	}

/* ================================================= */
/* 3rd Menu Hover Persistence                        */
/* ================================================= */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #FFF URL(../images/bg.gif) top left repeat-x;	
	color: #f64e40;
	}

/* ================================================= */
/* 4th Menu                                          */
/* ================================================= */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #c2c9a8;
	color: #4c4f49;
	}

/* ================================================= */
/* 4th Menu Hover                                    */
/* ================================================= */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #e8f2db;
	color: #4c4f49;
	}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
	}

/* ================================================= */
/* Do Not Move - Must Come Before display:block for Gecko */
/* ================================================= */

ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}








.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 940px; /*Width of Carousel Viewer itself*/
height: 224px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 8px 0px 0px 8px; /*margin around each panel*/
width: 940px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}