@charset "utf-8";
/* tab-menu */
/**************************************/
/* formatting #tab-menu div and level 1 ul */
/**************************************/
#tab-menu {
	clear:both;
	height: 32px;
	padding-left: 505px;
	background-image: url(../layout/tab_none.jpg);
	background-repeat: no-repeat;
	background-position: top right ;
	margin:0px;
}
#tab-menu ul  {
	width:439px;
	margin: 0px;
	padding: 0px;
}
#machines #tab-menu {background-image:url(../layout/tab_machines.jpg);}
#accessories #tab-menu {background-image: url(../layout/tab_accessories.jpg);}
#learn #tab-menu {background-image: url(../layout/tab_learning.jpg);}
/**************************************/
/* formatting the <h2> headings and the <a> anchors */
/**************************************/

#tab-menu h2, #tab-menu a {
	font-size:13px;
	margin:0px;
	display: block;
}

#tab-menu h2 a {
	text-decoration:none;
}
#tab-menu h2  {
	margin-top:6px;
	text-align:center;
}

#tab-menu #tab1 a:hover, #tab-menu #tab2 a:hover, #tab-menu #tab3 a:hover {
	color: #FF6666;
}

#tab-menu li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height:34px;
}
#tab-menu #tab1 {
	width:131px;
	margin-top:2px;
}
#tab-menu #tab2 {width:131px;}
#tab-menu #tab3 {width:170px;}
#tab-menu #tab1 a {color:#729cca; padding-left:40px;}
#machines #tab-menu #tab1 a, #accessories #tab-menu #tab2 a, #learn #tab-menu #tab3 a  {color:#FFFFFF;}
#tab-menu #tab2 a {color:#949760;padding-left:40px;}
#tab-menu #tab3 a {color:#9a5d1d;padding-left:30px;}
/**************************************/
/* Positioning the Pop-out Drops */
/**************************************/

#tab-menu li {
	position: relative;
}

#tab-menu ul ul ul {
	position: absolute;
	z-index:10;
	top: 0;
	left: 100%;
}

#tab-menu ul ul {
	position: absolute;
	z-index: 500;
	background-image:none;
	width:170px;
	top:28px;
	left:0px;
	padding-top:2px;
}
#tab-menu ul ul li {width:170px}

/**************************************/
/* Pop-out Drops Looks */
/**************************************/

#tab-menu ul #tab1 ul {
	background-image:url(../layout/submenu01_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#tab-menu ul #tab2 ul {
	background-image:url(../layout/submenu02_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#tab-menu ul #tab3 ul {
	background-image:url(../layout/submenu03_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width:175px;
}
#tab-menu ul #tab3 ul li {width:175px;}
#tab-menu ul ul li {
	float:none;
	padding-top:3px;
	padding-bottom:2px;
	border-top:#FFFFFF 1px solid;
	height:18px;
	margin-top:-1px;
}
#tab-menu ul #tab1 ul li a, #tab-menu ul #tab2 ul li a, #tab-menu ul #tab3 ul li a {
	color:#FFFFFF;
	text-decoration:none;
	padding-left:10px;
}
#tab-menu #tab1 ul a:hover, #tab-menu #tab2 ul a:hover, #tab-menu #tab3 ul a:hover {color:#FFFFFF;}
#tab-menu #tab1 li:hover {background-image:url(../layout/pulldown01_back.gif);}
#tab-menu #tab2 li:hover {background-image:url(../layout/pulldown02_back.gif);}
#tab-menu #tab3 li:hover {background-image:url(../layout/pulldown03_back.gif);}
#tab-menu #tab1 li:hover, #tab-menu #tab2 li:hover, #tab-menu #tab3 li:hover {
	background-repeat:repeat-x;
	background-position:bottom;
}
/**************************************/
/* Hiding and Revealing using :hover level 2 and 3*/
/**************************************/

div#tab-menu ul ul {
display: none;;
}
div#tab-menu ul li:hover ul
{display: block;}



div#tab-menu ul li:hover ul ul,
div#tab-menu ul ul li:hover ul ul
{display: none;}

div#tab-menu ul li:hover ul,
div#tab-menu ul ul li:hover ul,
div#tab-menu ul ul ul li:hover ul
{display: block;}
/* tab-menu ended*/

/* menubot2 - the very bottom */

/**************************************/
/* formatting #menubot2 div and level 1 ul */
/**************************************/
#menubot2 {
	padding:0;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 15px;
}
#menubot2 li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/**************************************/
/* formatting the <h2> headings and the <a> anchors */
/**************************************/
#menubot2 ul  h2 {
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:normal;
}
/**************************************/
/* Positioning the Pop-out Drops */
/**************************************/

#menubot2 li {position: relative;}


#menubot2 ul ul {
	position: absolute;
	z-index: 500;
	background-image:none;
	width:100px;
	top:-180px;
	left:10px;
	background-color:#CCCCCC;
	font-size:11px;
}
#menubot2 ul ul li {
	float:none;
	padding-top:2px;
	padding-bottom:2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
}
#menubot2 ul ul li a {
	color:#7F7F7F;
	padding-left:10px;
}	
#menubot2 ul ul li:hover a, #menubot2 ul ul li a:hover {
	color:#FFFFFF;
}
#menubot2 ul ul li:hover {
	background-color:#B1B1B1;
}
/**************************************/
/* Hiding and Revealing using :hover level 2 and 3*/
/**************************************/

#menubot2 ul ul {
display: none;;
}
#menubot2 ul li:hover ul
{display: block;}


/* menubot2 - the very bottom ended */

/* menuleft */
/**************************************/
/* formatting #menuleft div and level 1 ul */
/**************************************/
#menuleft {clear:both;}
#menuleft ul  { list-style:none;}
#menuleft ul li {
	position:relative; 
	border-bottom:#999999 dotted 1px;
	height:30px;
}
#menuleft ul li:hover {
	background-image:url(../layout/back_leftmenu_mach_rol.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
#accessories #menuleft ul li:hover {
	background-image:url(../layout/back_leftmenu_acc_rol.jpg);
}
#learn #menuleft ul li:hover {
	background-image:url(../layout/back_leftmenu_lear_rol.jpg);
}
#menuleft ul li.selected {background-image:url(../layout/back_leftmenu_mach_sel.jpg);}
#accessories #menuleft ul li.selected {
	background-image:url(../layout/back_leftmenu_acc_sel.jpg);
}
#learn #menuleft ul li.selected {
	background-image:url(../layout/back_leftmenu_lear_sel.jpg);
}
#menuleft ul li.selected h2 a {
	color:#596673;
}
/**************************************/
/* formatting the <h2> headings and the <a> anchors */
/**************************************/
#menuleft ul h2 {
	font-size: 13px;
	padding-top:5px;
	margin-left:10px;
}
#menuleft ul a {color: #929eaa; }

/**************************************/
/* Positioning the Pop-out Drops */
/**************************************/

#menuleft ul ul {
	position: absolute;
	z-index: 500;
	background-image:none;
	background-color:#FFFFFF;

	margin-top:-17px;
	margin-left:95%;
	border:#CCCCCC solid 1px;
}

#menuleft ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

/**************************************/
/* Pop-out Drops Looks */
/**************************************/
#menuleft ul ul li {
	width:170px;
	height:17px;
	font-size:12px;
	padding-top:3px;
	
}
#menuleft ul.accessory ul li {
	width:280px;
	text-transform:capitalize;
}

#menuleft ul ul li a {
	background-image:url(../layout/arrow_grey_small.gif);
	background-position: 7px 1px;
	background-repeat:no-repeat;
	padding-left:15px;
}
#menuleft ul ul li a:hover {
	background-image:url(../layout/arrow_red_small.gif);
	color: #929eaa;
}
/**************************************/
/* Hiding and Revealing using :hover level 2 and 3*/
/**************************************/

div#menuleft ul ul {
display: none;
}
div#menuleft ul li:hover ul
{display: block;}

#menuleft ul li:hover ul ul,
#menuleft ul ul li:hover ul ul
{display: none;}

#menuleft ul li:hover ul,
#menuleft ul ul li:hover ul,
#menuleft ul ul ul li:hover ul
{display: block;}

/* menuleft  ended */

/* submenu1 - machines top right (#machines #submenu1), accessories top right (#accessories #submenu1) */
/**************************************/
/* formatting #submenu1 div and level 1 ul */
/**************************************/
#submenu1 {
	clear:both;
	height: 24px;
	background-repeat: no-repeat;
	background-image: url(../layout/tab_none1.jpg);
	background-position: right top;
	margin:0;
	padding-left:330px;	
}
#machines #submenu1 {background-image: url(../layout/tab_none1.jpg);}
#accessories #submenu1 {background-image: url(../layout/tab_none3.jpg);}
#submenu1 ul  {
	margin: 0px;
	padding: 0px;
}
/*   take care of different machine pages - overview, features etc   */
#machines #submenu1.overview {background-image: url(../layout/tab_overview.jpg);}
#machines #submenu1.features { background-image: url(../layout/tab_features.jpg);}
#machines #submenu1.pictures {background-image: url(../layout/tab_pics.jpg);}
#accessories #submenu1.showall {background-image: url(../layout/tab_showall.jpg);}
#accessories #submenu1.bycat {background-image: url(../layout/tab_bycat.jpg);}
#accessories #submenu1.bymach {background-image: url(../layout/tab_bymach.jpg);}

/**************************************/
/* formatting the <h3> headings and the <a> anchors */
/**************************************/

#submenu1 h3, #submenu1 a {
	font-size:13px;
	margin:0px;
	display: block;
	padding-top:0px;
}

#submenu1 h3 a {
	text-decoration:none;
	height:20px;
}
#machines #submenu1 h3 a {color:#1c96e3;}
#accessories #submenu1 h3 a {color:#548f88;}
#submenu1 h3  {
	margin-top:3px;
	text-align:center;
}

#machines #submenu1 a:hover, #accessories #submenu1 a:hover{
	color: #FF6666;
}

#submenu1 li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#submenu1 #tab4 {
	width:131px;	
}
#submenu1 #tab5 {width:131px;}
#submenu1 #tab6 {width:170px;}
#submenu1 #tab4 a {padding-left:40px;}
#submenu1 #tab5 a {padding-left:40px;}
#submenu1 #tab6 a {padding-left:30px;}
#accessories #submenu1 #tab5 {width:143px}
#accessories #submenu1 #tab6 {width:150px}

/*   take care of different machine pages - overview, features etc   */
#machines #submenu1.overview #tab4 h3 a, 
#machines #submenu1.features #tab5 h3 a, 
#machines #submenu1.pictures #tab6 h3 a, 
#accessories #submenu1.showall #tab4 h3 a,
#accessories #submenu1.bycat #tab5 h3 a,
#accessories #submenu1.bymach #tab6 h3 a {color:#FFFFFF;}

/* submenu1 ended*/

/* submenu2 - machines bottom right (#machines #submenu2), accessories bottom right (#accessories #submenu2) */
/**************************************/
/* formatting #submenu2 div and level 1 ul */
/**************************************/
#submenu2 {
	clear:both;
	height: 24px;
	background-image: url(../layout/tab_none2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin:0;
	padding-left:465px;
}
#accessories #submenu2 {padding-left:615px;}
#machines #submenu2 {background-image: url(../layout/tab_none2.jpg);}
#accessories #submenu2 {background-image: url(../layout/tab_none2a.jpg);}
#submenu2 ul  {
	margin: 0px;
	padding: 0px;
}
/*   take care of different machine pages - overview, features etc   */
/*   take care of different machine pages - overview, features etc   */
#machines  #submenu2.specs {background-image: url(../layout/tab_specs.jpg);}
#machines  #submenu2.accessories {background-image: url(../layout/tab_access2.jpg);}
/*#submenu2.brochure { background-image: url(../layout/tab_brochure.jpg);}
#submenu2.manual { background-image: url(../layout/tab_manual.jpg);}*/

/**************************************/
/* formatting the <h3> headings and the <a> anchors */
/**************************************/

#submenu2 h3, #submenu1 a {
	font-size:13px;
	margin:0px;
	display: block;
	padding-top:0px;
}

#submenu2 h3 a {
	text-decoration:none;
	color:#1c96e3;
	height:20px;
}
#accessories h3 a {color:#ec451a;}
#submenu2 h3  {
	margin-top:3px;
	text-align:center;
}

#submenu2 a:hover{
	color: #FF6666;
}
#accessories #submenu2 a:hover{
	color: #999999;
}
#submenu2 li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#submenu2 #tab7 {
	width:131px;	
}
#submenu2 #tab8 {width:131px;}
/* padding-left  20px bigger for end panel   */
#submenu2 #tab7 a {padding-left:35px;}
#submenu2 #tab8 a {padding-left:60px;}
#submenu2 #tab9 a {padding-left:50px;}
#submenu2 #tab10 a {padding-left:80px;}

/*   take care of different machine pages - overview, features etc   */
#submenu2.specs #tab7 h3 a, #submenu2.accessories #tab8 h3 a, #submenu2.brochure #tab9 h3 a, #submenu2.manual #tab10 h3 a {color:#FFFFFF;}


/* submenu2 ended*/