/******************************************
Mazak site Main CSS:
contains:	main container div
			header
			common LH Nav elements
			flags positioning
			page content div 
			footer and its items
			Home page content positioning
			search box
			Product overview page
			News and Press page layout
			History in Europe page layout
			Products - Main Overview
			Fixed Title and Background
			Mazatrol Matrix Pages
			Products Popup Windows
			Content of ps_mazak.css
			Content of ps_mazakRT.css
            scrollable footer 2010

created by: Vasi Floroiu & Paul Skinner

*******************************************/
@import url('EMO_css.css');

html, body
{
    margin: 0px;
    font-family: Verdana;
    font-size: 10px;
    text-align: left;
    background-color: #C0C0C0;
}

#main
{
    width: 1000px;
    margin: 0px auto 0px auto;
    border: 1px solid #000000;
    background-color: #505050;
}
#header
{
    width: 100%;
    height: 140px;
    background-image: url("../images/top_graphic/mazak_header.gif");
    background-repeat: no-repeat;
    background-color: #FF5901;
}

#topNav
{
    background-color: #1E1E1E;
    width: 990px;
    padding-left: 10px;
}

#topNav ul
{
    width: 100%;
    height: 54px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

#topNav ul li
{
    float: left;
    width: 121px;
}

#topNav ul li a
{
    display: block;
    text-align: center;
    color: #a1a1a1;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 8px;
}

/********* Flags positioning by VF ***/
#topNav ul.flags
{
    height: 20px;
    width: 90%;
}
#topNav ul.flags li
{
    padding-top: 3px;
    width: 150px;
    padding-left: 5px;
    padding-bottom: 2px;
}

#topNav ul.flags li img
{
    border: 0px;
}

#topNav ul li a:hover
{
    color: #ff5901;
}


#leftBlock
{
    width: 152px;
    float: left;
}

div.content
{
    width: 848px;
    height: 439px;
    float: right;
    overflow: auto;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: top right;
    scrollbar-3dlight-color: #ff5a00;
    scrollbar-arrow-color: #000000;
    scrollbar-base-color: #cccccc;
    scrollbar-darkshadow-color: #000000;
    scrollbar-face-color: #939598;
    scrollbar-highlight-color: #ff5a00;
    scrollbar-shadow-color: #ff5a00;
    scrollbar-track-color: #505050;
}

/************ FOOTER by VF *****************/

#footer
{
    clear: both;
    height: 128px;
    background-color: #1E1E1E;
    color: #626262;
    margin-right: 0px;
}
#maclaren
{
    float: left;
    padding-right: 14px;
    padding-left: 13px;
    margin-top: 35px;
    width: 160px;
}

a.box:link
{
}
a.box:visited
{
    text-decoration: none;
}
a.box
{
    text-decoration: none;
    position: relative;
    margin-left: 0px;
}
a.box:hover
{
    cursor: hand;
    text-decoration: none;
}
/*********** footer begins *******/
/**** footer box temp item for EMO ***/
div.footItemEMO
{
    height: 85px;
    width: 167px;
    float: left;
    margin-top: 22px;
    padding-right: 18px;
    padding-left: 10px;
}
div.footItemEMO ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
div.footItemEMO ul li
{
    height: 85px;
    width: 167px;
    list-style-type: none;
    background-image: url('../images/EN_Finance_norm.jpg');
    background-repeat: no-repeat;
}
div.footItemEMO ul li a
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div.footItemEMO ul li a:hover
{
    background-image: url('../images/EN_Finance_over.jpg');
    background-repeat: no-repeat;
}


/**** footer box item 1 ***/
div.footItem
{
    height: 85px;
    width: 182px;
    float: left;
    margin-top: 22px;
    padding-right: 18px;
}
div.footItem ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
div.footItem ul li
{
    height: 85px;
    width: 182px;
    list-style-type: none;
    background-image: url('../images/hotspot_newprod.jpg');
    background-repeat: no-repeat;
}
div.footItem ul li a
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div.footItem ul li a:hover
{
    background-image: url('../images/hotspot_newprod_over.jpg');
    background-repeat: no-repeat;
}
/****** footer box item 2*******/
div.footItem2
{
    height: 85px;
    width: 182px;
    float: left;
    margin-top: 22px;
    padding-right: 18px;
}
div.footItem2 ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
div.footItem2 ul li
{
    height: 85px;
    width: 182px;
    list-style-type: none;
    background-image: url('../images/hotspot_news.jpg');
    background-repeat: no-repeat;
}
div.footItem2 ul li a
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div.footItem2 ul li a:hover
{
    background-image: url('../images/hotspot_news_over.jpg');
    background-repeat: no-repeat;
}
/************* footer box item 3 **********/
div.footItem3
{
    height: 85px;
    width: 182px;
    float: left;
    margin-top: 22px;
    padding-right: 18px;
}
div.footItem3 ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
div.footItem3 ul li
{
    height: 85px;
    width: 182px;
    list-style-type: none;
    background-image: url('../images/hotspot_EU.jpg');
    background-repeat: no-repeat;
}
div.footItem3 ul li a
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div.footItem3 ul li a:hover
{
    background-image: url('../images/hotspot_EU_over.jpg');
    background-repeat: no-repeat;
}

/************* footer box item 4 **********/
div.footItem4
{
    height: 85px;
    width: 182px;
    float: left;
    margin-top: 22px;
    padding-right: 18px;
}
div.footItem4 ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
div.footItem4 ul li
{
    height: 85px;
    width: 182px;
    list-style-type: none;
    background-image: url('../images/hotspot_VMM.jpg');
    background-repeat: no-repeat;
}
div.footItem4 ul li a
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div.footItem4 ul li a:hover
{
    background-image: url('../images/hotspot_VMM_over.jpg');
    background-repeat: no-repeat;
}
/***********************footer ends *********************/
 
#copyright
{
    float: left;
    padding-right: 18px;
    margin-top: 18px;
    font-family: verdana;
    font-size: 8px;
    color: #666666;
    width: 90px;
    text-align: left;
    line-height: 13px;
}

/*************** home page content by VF **********************/
#bodyContentWrapper
{
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    margin-right: 0px;
    padding-right: 0px;
    background-color: transparent;
    overflow: auto;
    background-attachment: fixed;
    height: 439px;
    width: 848px;
}
#welcomeTitle
{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 0 0 20px;
    padding: 15px 0 0 0px;
    color: #FF5901;
    width: 442px;
    z-index: 1;
    font: 28pt Verdana;
}
#pageintro
{
    margin-left: 20px;
    padding-top: auto;
    color: #ffffff;
    width: 440px;
    font: 22px Verdana;
}

#pagecontent
{
    width: 387px;
    margin-left: 20px;
    padding-top: 10px;
}
#rightText
{
    float: left;
    width: 184px;
    margin-left: 0px;
    margin-top: 0px;
    color: #ffffff;
    z-index: 2;
    font: 12px verdana;
    margin-bottom: 0px;
    line-height: 17px;
}
#leftText
{
    float: left;
    width: 184px;
    padding-right: 10px;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    color: #ffffff;
    font: 12px verdana;
    z-index: 2;
    line-height: 17px;
}
#rightText p
{
    margin: 0px 0 10px 0;
    padding: 0px 0 10px 0;
}
#leftText p
{
    margin: 0px 0 10px 0;
    padding: 0px 0 10px 0;
}
/*************** Search area by VF ********************/
#search
{
    height: 35px;
    padding: 0 0 0 10px;
    margin: 30px 0 0 0;
}

#searchText
{
    font: bold 10px Verdana;
    color: #ffffff;
    left: 5px;
    top: 67px;
    width: 89px;
}
#searchBox
{
    float: left;
    left: 4px;
    width: 140px;
    top: 86px;
    height: 25px;
}

input.searchinput
{
    float: left;
    width: 90px;
    height: 13px;
    margin: 0px;
    padding: 0;
    font: 10px Verdana;
}

#searchButton
{
    float: right;
    margin-top: 11px;
}
#clear
{
    clear: both;
}

/****************** Product Overview by VF *****************/

#contentLeft
{
    float: left;
    color: #2e2e2e;
}
#contentLeft #title
{
    font: 18pt Verdana;
    margin-left: 20px;
    padding-top: 15px;
    width: 390px;
}
#contentLeft #context
{
    color: #acacac;
    font: bold 8pt Verdana;
    margin-left: 20px;
    padding-top: 15px;
    width: 390px;
    line-height: 15px;
}
#contentLeft #context p
{
    color: #2e2e2e;
    margin-left: 0px;
}
#productTH
{
    float: right;
    width: 196px;
    padding-top: 20px;
    color: #acacac;
}
#contentRight
{
    width: 424px;
    float: right;
    padding: 0px;
    margin: 0px;
    border: 0;
}

#prodMenu
{
    float: left;
    width: 170px;
}
#prodMenu ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    color: #ff5901;
}
#prodMenu ul li
{
    font-weight: bold;
    padding-top: 10px;
    background-image: url('../images/orange-button.jpg');
    background-repeat: no-repeat;
    margin: 3px 0 3px 0;
    padding: 4px 5px 5px 10px;
}
#prodMenu ul li a
{
    text-decoration: none;
}
#prodMenu ul li a .buttons
{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 155px;
    cursor: hand;
}
#prodMenu ul li a .buttons span
{
    color: #ffffff;
}
#prodMenu ul li a:hover
{
    color: #2e2e2e;
}
/*************** News and Press Item layout by VF ****************/
#heading
{
    color: #ff5901;
    font: normal 20px Verdana;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0 20px;
    padding: 15px 10px 15px 0px;
    text-transform: uppercase;
}
.ymxtext
{
    color: #333333;
    font: normal 12px Verdana;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0 20px;
    padding: 0px 10px 15px 0px;
    line-height: 17px;
}

/*************** New section for News and Events *****************/
.centerTopOrange
{
    width: 570px;
    background-color: #ff5901;
    border-right: solid 2px #ff5901;
    border-left: solid 2px #ff5901;
    float: left;
    height: 18px;
    padding-top: 2px;
    padding-left: 7px;
    margin: 0;
    color: #ffffff;
    font: bold 12px Verdana;
    text-transform: uppercase;
}
.centerTopOrange p
{
    margin: 0;
    padding: 0;
    width: 260px;
    float: left;
}
.localNewsFlags
{
    text-align: center;
    padding: 0 0 0 20px;
    margin: 0;
    width: 557px;
    height: 65px;
    min-height: 92px;
    border-left: solid 2px #ff5901;
    border-bottom: solid 2px #ff5901;
    border-right: solid 2px #ff5901;
}
.localNewsFlags .countryFlag
{
    width: 36px;
    float: left;
    padding: 20px 19px 15px 0px;
}

a.txtLink:link
{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
a.txtLink:active
{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
a.txtLink:visited
{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
a.txtLink:hover
{
    color: #ff5901;
    font-weight: bold;
    text-decoration: none;
}

.topWrapperNews
{
    width: 299px;
    float: left;
    padding: 0;
    margin: 0 0px 10px 0;
}

.newsTopGreyLong
{
    background-color: #818181;
    height: 18px;
    padding-top: 2px;
    padding-left: 7px;
    margin: 0;
    color: #ffffff;
    font: bold 12px Verdana;
    width: 570px;
    border-left: solid 2px #818181;
    border-right: solid 2px #818181;
    text-transform: uppercase;
}

.newsTopGrey
{
    background-color: #818181;
    height: 35px;
    margin: 0;
    padding: 0 5px 0 5px;
    color: #ffffff;
    font: bold 12px Verdana;
    width: 267px;
    border-left: solid 2px #818181;
    border-right: solid 2px #818181;
    text-transform: uppercase;
}
.newsTopGrey p
{
    margin: 0;
    padding: 3px 0 0 0;
    float: left;
    width: 225px;
}
.newsTopGrey .flagImg
{
    float: right;
    padding: 5px 0px 0 0;
    margin: 0;
}

/*.newsContentGrey
{
	float: left; 
	width: 496px; 
	border-left: solid 2px #818181; 
	border-right: solid 2px #818181;
	border-bottom: solid 2px #818181;
}*/
.newsBoxCont
{
    border-right: solid 2px #818181;
    border-left: solid 2px #818181;
    border-bottom: solid 2px #818181;
    width: 267px;
    padding: 0 5px 0 5px;
    margin: 0;
    height: 70px;
    min-height: 70px;
    color: #ffffff;
    font: 11px Verdana;
    line-height: 17px;
}

.eventsHeader
{
    background-color: #ff5901;
    background-repeat: no-repeat;
    height: 18px;
    padding-top: 1px;
    padding-left: 10px;
    color: #ffffff;
    font: bold 12px Verdana;
    border-left: solid 2px #ff5901;
    border-right: solid 2px #ff5901;
    text-transform: uppercase;
    margin: 0;
    width: 190px;
    border: none;
}

.eventWrapperNew
{
    float: right;
    width: 200px;
    margin-right: 18px;
    _margin-right: 8px;
    border-left: solid 2px #ff5901;
    border-right: solid 2px #ff5901;
    border-bottom: solid 2px #ff5901;
}

/***************End of new News and Events **********************/

/************** Styling for current News and Events page *******/


.centerTop
{
    float: left;
    background-image: url('../images/newsBar.jpg');
    background-repeat: no-repeat;
    height: 24px;
    padding-top: 6px;
    padding-left: 12px;
    color: #ffffff;
    font: bold 13px Verdana;
    width: 496px;
    border-left: solid 2px #ff5901;
    border-right: solid 2px #ff5901;
}
.newsContent
{
    float: left;
    width: 508px;
    border-left: solid 2px #FC5A01;
    border-right: solid 2px #FC5A01;
    border-bottom: solid 2px #FC5A01;
}
.newsText
{
    float: left;
    width: 331px;
    padding: 10px 20px 10px 20px;
    color: #ffffff;
    font: 12px Verdana;
    line-height: 17px;
}
.newsTH
{
    float: right;
    width: 104px;
    height: 104px;
    padding: 10px 10px 10px 20px;
    text-align: right;
}
.centerTopGrey
{
    float: left;
    background-color: #818181;
    background-repeat: no-repeat;
    height: 18px;
    padding-top: 2px;
    padding-left: 12px;
    color: #ffffff;
    font: bold 12px Verdana;
    width: 484px;
    border-left: solid 2px #818181;
    border-right: solid 2px #818181;
    text-transform: uppercase;
}

.newsContentGrey
{
    float: left;
    width: 496px;
    border-left: solid 2px #818181;
    border-right: solid 2px #818181;
    border-bottom: solid 2px #818181;
}
.newsTextGrey
{
    float: left; /*width: 331px;*/
    padding: 10px 20px 10px 12px;
    color: #ffffff;
    font: 11px Verdana;
    line-height: 17px;
}

.centerTopSmall
{
    background-color: #ff5901;
    background-repeat: no-repeat;
    height: 18px;
    padding-top: 2px;
    padding-left: 12px;
    color: #ffffff;
    font: bold 12px Verdana;
    width: 238px;
    border-left: solid 2px #ff5901;
    border-right: solid 2px #ff5901;
    text-transform: uppercase;
    margin: 0;
}

.newsContentSmall
{
    width: 250px;
}
.eventWrapper
{
    border-left: solid 2px #ff5901;
    border-right: solid 2px #ff5901;
    border-bottom: solid 2px #ff5901;
}
.newsTextSmall
{
    float: left;
    padding: 5px 10px 0px 12px;
    color: #ffffff;
    font: 12px Verdana;
    line-height: 17px;
    margin: 0;
}
/************* History page layout *************/
.historyLeft
{
    float: left;
    width: 500px;
    color: #ffffff;
}
.historyLeft .year
{
    font: bold 12px Verdana;
    margin: 0px;
    padding: 20px 0 0 20px;
    line-height: 15px;
}
.historyLeft p
{
    font: normal 12px Verdana;
    margin: 5px 0 0 0;
    padding: 0px 10px 0 20px;
    vertical-align: top;
}

.historyRight div
{
    margin: 5px 0 0 515px;
    font: bold 12px Verdana;
}
.historyRight div span
{
    font: bold 12px Verdana;
    color: #ffffff;
    margin: 5px 0 0 0;
    padding: 20px 10px 0 20px;
    vertical-align: top;
}
/************ Products Popup windows by VF *******************/
.heading1
{
    color: #ffffff;
    font: 20pt Verdana;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 30px 0 0 20px;
    width: 390px;
}
.heading2
{
    color: #ffffff;
    font: 14pt Verdana;
    margin-left: 20px;
    padding-top: 0;
    width: 390px;
}
/***************** Transparent div right ***************/
#tranparentRight
{
    float: right;
    margin-top: 0px;
    padding-top: 0px;
    background: #000000; /*	height: 100%; */
    height: 439px;
    width: 208px;
    filter: alpha(opacity=60);
    -moz-opacity: .60;
    -khtml-opacity: .60; /*	filter:alpha(opacity=60);-moz-opacity:.60; opacity:0.6;*/
    color: #ffffff;
    z-index: -5;
}
/**************** pop-up window ********************/

div.info
{
    position: relative; /*this is the key div container- this div has to be relative*/
    font: 12px Verdana;
    margin-left: 0px;
    padding-left: 0px;
    top: -50;
    left: 0;
    z-index: 0;
}

a.popup:link
{
    color: #ffffff;
}
a.popup:visited
{
    color: #fff;
    text-decoration: none;
}
a.popup
{
    color: #ffffff;
    text-decoration: none;
    margin-left: 0px;
    font-weight: normal;
}
a.popup span
{
    display: none;
}
a.popup:hover
{
    color: #ff5901;
    cursor: hand;
    text-decoration: none;
    background-color: Transparent;
}

span.eStyle
{
    font: bold italic 19px Times New Roman;
    color: #ff5901;
    line-height: 15px;
    display: inline;
}
a.popup:hover span.eStyle
{
    color: #ffffff;
    text-decoration: none;
}

/* the popup window components - span classe contain common properties */
a.popup:hover span.popItem /*the span will display just on :hover*/
{
    display: block;
    position: absolute;
    right: 208px;
    width: 208px;
    height: 200px;
    border: 0;
    text-align: left;
    line-height: 25px;
    font: 10px Verdana;
    padding: 10px 10px 10px 20px; /* top right bottom left */
    background-color: #ffffff;
    color: #000000;
}
.popWindow
{
    position: absolute;
    right: 0px;
    text-align: left;
    width: 208px;
}

span.popItem .title
{
    color: #ff5901;
    font-weight: bold;
    display: inline;
}
span.popItem .title .eFont
{
    font: bold italic 15px Times New Roman;
    color: #ff5901;
    line-height: 15px;
    display: inline;
}


/************ Products Main Overview Page ***************/

#mainTitle
{
    color: #ffffff;
    font: normal 20px Verdana;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0 15px;
    padding: 15px 10px 15px 0px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
#newProd
{
    color: #ffffff;
    font: normal 12px Verdana;
    margin: -20px 0 0 10px;
    padding: 0px;
    position: absolute;
    z-index: 1;
}
.products
{
    color: #ffffff;
    margin: 0;
    padding: 0;
}
.products .section
{
    float: left;
    height: 439px;
    background-color: Transparent;
    margin-top: -55px;
}
.products ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.products ul li
{
    padding: 0 3px 9px 15px;
    font-weight: lighter;
}

.products #a1, #a2, #a3, #a4, #a5, #a6, #a7, a8
{
    font: 42px Arial;
    color: #ff5901;
    font-weight: normal;
    padding-top: 45px;
    padding-left: 15px;
}

.products ul li a
{
    display: block;
    text-align: left;
    color: #ffffff;
    font-size: 9px;
    text-decoration: none;
    text-transform: uppercase;
}

.products ul li a:hover
{
    color: #1e1e1e;
}

/******** Fixed Title and Background ***************/

.fixedContent
{
    height: 354px;
    width: 828px;
    overflow: auto;
    background-attachment: fixed;
    color: #ffffff;
    font: 12px Verdana;
    padding-left: 20px;
}

/******** Maxatrol Matrix pages ************/
.intelligentImage
{
    float: left;
    padding: 20px 10px 19px 0px;
}
#intelligentButtons
{
    float: left;
    height: 95px;
    width: 280px;
    padding-left: 20px;
}
#intelligentLogo
{
    float: left;
    padding: 25px 10px 0px 5px;
}
#intelligentWrapper
{
    height: 326px !important;
    height: 319px;
    margin-left: 0px;
    width: 848px;
    overflow: auto;
    color: #ffffff;
    background: Transparent no-repeat fixed right top;
    font: 12px Verdana;
    padding: 0;
    margin: 0;
}
.intelligentSubtitle
{
    color: #ff5901;
    margin: 0px;
    text-transform: uppercase;
}
.whiteSubtitle
{
    margin: 0px;
    text-transform: uppercase;
}
.intelligentFunction
{
    padding: 30px 0 0 20px;
    margin: 0px;
}
.advFeature
{
    border: 0;
    width: 418px;
}
.cell1, .cell3
{
    width: 119px;
    padding: 5px 5px 5px 15px;
    border-bottom: solid 1px #ffffff;
}
.cell2, .cell4
{
    width: 292px;
    padding: 5px 5px 5px 15px;
    border-bottom: solid 1px #ffffff;
}
/*
.cell3
{
	width: 119px; padding: 5px 5px 5px 15px; font: 11px verdana;
}
.cell4
{
	width: 292px; padding: 5px 5px 5px 15px; font: 11px verdana;
}*/

/************* Facilities ******************/
.facilities
{
    width: 450px;
}
.first
{
    float: left;
    padding: 10px 0px 0px 20px;
    width: 190px;
}
.first ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.first ul li
{
    font: 12px verdana;
    color: #ffffff;
}
.first ul li span
{
    font-weight: bold;
    padding: 0;
}

/************ Contact us *************/
/************* contact us page - EU HQ **********/
div.HQ
{
    float: left;
    width: 135px;
    height: 75px;
    padding: 15px 0 0px 5px;
}
div.HQ ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
div.HQ ul li
{
    height: 75px;
    width: 135px;
    list-style-type: none;
    background-image: url('../images/contact_us_norm_HQ.jpg');
    background-repeat: no-repeat;
}
div.HQ ul li a
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
div.HQ ul li a:hover
{
    background-image: url('../images/contact_us_over_HQ.jpg');
    background-repeat: no-repeat;
}

/***/
.inEU
{
    float: left;
    width: 135px;
    height: 75px;
    padding: 15px 0 0px 20px;
}
.inEU ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.inEU ul li
{
    width: 135px;
    height: 75px;
    list-style-type: none;
    background-image: url('../images/contact_us_norm_EU.jpg');
    background-repeat: no-repeat;
}
.inEU ul li a
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.inEU li a:hover
{
    background-image: url('../images/contact_us_over_EU.jpg');
    background-repeat: no-repeat;
}

/*****/
.WW
{
    float: left;
    width: 135px;
    height: 75px;
    padding: 15px 0 0px 5px;
}
.WW ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.WW ul li
{
    height: 75px;
    width: 135px;
    list-style-type: none;
    background-image: url('../images/contact_us_norm_world.jpg');
    background-repeat: no-repeat;
}
.WW ul li a
{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.WW ul li a:hover
{
    background-image: url('../images/contact_us_over_world.jpg');
    background-repeat: no-repeat;
}
/******* contact us items ******/
.contactOuter
{
    height: 50px;
    width: 450px;
    padding: 20px 0 0 0;
    color: #ffffff;
    font: 12px Verdana;
}
.contactDetails
{
    float: left;
    width: 365px;
}
.contactDetails span.country
{
    color: #ff5901;
    font: bold 14px Verdana;
    padding: 0px 0 0 20px;
    text-transform: uppercase;
}
.contactFlag
{
    width: 60px;
    height: 44px;
}
#contactWrapper
{
    height: 326px !important;
    height: 319px;
    margin-left: 0px;
    width: 848px;
    overflow: auto;
    color: #ffffff;
    background: Transparent no-repeat fixed right top;
    font: 12px Verdana;
    padding: 0;
}
div.nationalDistr
{
    width: 350px;
    float: left;
    color: #ffffff;
    font: 12px Verdana;
    padding: 0 20px 20px 0;
}
/************** YMX *****************/

#tranparent
{
    float: left;
    margin-top: 0px;
    padding-top: 0px;
    background-color: #000000;
    height: 439px;
    width: 190px;
    filter: alpha(opacity=30);
    -moz-opacity: .30;
    -khtml-opacity: .30;
    color: #ff5901;
    z-index: -5;
}

div.ymxMenu
{
    position: relative; /*this is the key div container- this div has to be relative*/
    font: 12px Verdana;
    margin-left: 0px;
    padding-left: 0px;
    top: 0;
    left: 0;
    z-index: 1;
    text-transform: uppercase;
}

a.menuItem:link
{
    color: #ffffff;
}
a.menuItem:visited
{
    color: #fff;
    text-decoration: none;
}
a.menuItem
{
    color: #ffffff;
    text-decoration: none;
    margin-left: 0px;
    font-weight: normal;
}
a.menuItem:hover
{
    color: #ff5901;
    cursor: hand;
    text-decoration: none;
    background-color: Transparent;
}

.ymxWindow
{
    position: absolute;
    text-align: left;
    left: 20px !important; /* for FF */
    left: -170px; /* for IE */
    width: 163px;
}

#aboutUsRight
{
    float: right;
    margin: 0 0 0 0;
    padding: 0px 0px 0px 0px;
    width: 640px;
    height: 439px;
    color: #818181;
    font: 12px Verdana;
}
#aboutUsRight div.contentBox
{
    height: 354px;
    width: 640px;
    overflow: auto;
    background-attachment: fixed;
    color: #ffffff;
    font: 12px Verdana;
    margin: 0;
}
#aboutUsRight div.contentBox p
{
    line-height: 17px;
    margin: 0;
}
#ymxName
{
    color: #ffffff;
    font: bold 14px Verdana;
    text-transform: uppercase;
}

/******** YMX news and press boxes ************/
.topWrapperYMX
{
    border: solid 2px #818181;
    width: 592px;
    padding: 0 0 0px 0px;
    margin: 0;
    height: 100px;
}
.topWrapperLong
{
    height: 18px;
    background-color: #818181;
    width: 592px;
    margin: 0;
    padding: 0;
}
.topWrapperSmall
{
    float: left;
    border: solid 2px #818181;
    width: 182px;
    margin: 20px 18px 0 0;
    padding: 0;
}
.topGreyBox
{
    background-color: #818181;
    height: 50px;
    width: 182px;
    border: solid 0px #ff5901;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.topGreyBox p
{
    margin: 0;
    padding: 0 0 0 10px;
    font-weight: bold;
}
.newsContentYMX
{
    margin: 0;
    padding: 0 5px 5px 10px;
    color: #fff;
    font: 11px Verdana;
    line-height: 17px;
    min-height: 51px;
    _height: 51px;
}

/******** End of YMX news and press **********/

/******** Mazak in Europe **********/

/************ Mazak in Europe page - common elements ************/

div.mazakEurope
{
    /*height: 85px;     width: 183px; 	position: relative; z-index: 0; top: 0px; left: 0px;*/
}
div.mazakEurope ul
{
    padding-bottom: 20px;
    margin: 0;
}
/**** *html for IE6 only ***/
* html div.mazakEurope ul
{
    list-style-type: none;
    margin: 0 0 0 0;
    padding-bottom: 20px;
    padding-right: 0px;
}
div.mazakEurope ul li
{
    height: 85px;
    width: 183px;
    margin-top: 0;
    list-style-type: none;
    background-repeat: no-repeat;
}
div.mazakEurope ul li a
{
    text-decoration: none;
    display: block;
    width: 100% !important; /* for FF so hover works */
    height: 100% !important; /* for FF so hover works */
    width: 183px; /* for IE6 so hover works */
    height: 85px; /* for IE6 so hover works */
}

div.mazakEurope ul li a p
{
    padding-left: 10px;
    padding-bottom: 10px;
    margin: 0;
    text-transform: uppercase;
}

div.mazakEurope ul li a:hover
{
    background-repeat: no-repeat;
}


/****** Mazak in Europe - individual elements ****/
#mazakBelgium ul li
{
    background-image: url('../images/eu_belg.jpg');
}
#mazakBelgium ul li a:hover
{
    background-image: url('../images/eu_belg_over.jpg');
}
#mazakCZ ul li
{
    background-image: url('../images/eu_czech.jpg');
}
#mazakCZ ul li a:hover
{
    background-image: url('../images/eu_czech_over.jpg');
}
#mazakDenmark ul li
{
    background-image: url('../images/eu_den.jpg');
}
#mazakDenmark ul li a:hover
{
    background-image: url('../images/eu_den_over.jpg');
}
#mazakFrance ul li
{
    background-image: url('../images/eu_france.jpg');
}
#mazakFrance ul li a:hover
{
    background-image: url('../images/eu_france_over.jpg');
}
#mazakGermany ul li
{
    background-image: url('../images/eu_germ.jpg');
}
#mazakGermany ul li a:hover
{
    background-image: url('../images/eu_germ_over.jpg');
}
#mazakItaly ul li
{
    background-image: url('../images/eu_italy.jpg');
}
#mazakItaly ul li a:hover
{
    background-image: url('../images/eu_italy_over.jpg');
}
#mazakHoland ul li
{
    background-image: url('../images/eu_neth.jpg');
}
#mazakHoland ul li a:hover
{
    background-image: url('../images/eu_neth_over.jpg');
}
#mazakHungary ul li
{
    background-image: url('../images/eu_hung.jpg');
}
#mazakHungary ul li a:hover
{
    background-image: url('../images/eu_hung_over.jpg');
}
#mazakUK ul li
{
    background-image: url('../images/eu_uk.jpg');
}
#mazakUK ul li a:hover
{
    background-image: url('../images/eu_uk_over.jpg');
}
#mazakND ul li
{
    background-image: url('../images/eu_blank.jpg');
}
#mazakND ul li a:hover
{
    background-image: url('../images/eu_blank_over.jpg');
}

/* Mazak in Europe New ***/

.contactAddrH
{
    float: left;
    width: 114px;
}
.contactAddrH p
{
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.contactAddrD
{
    float: left;
    width: 300px;
}
.contactAddrD p
{
    margin: 0;
    padding: 0;
}


/* end of Mazak in Europe */

.siteMap
{
    float: left;
    color: #fff;
    font: 10px verdana;
    width: 282px;
    line-height: 12px;
}
.siteMap ul
{
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 20px;
}
.siteMap ul li ul
{
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 20px;
}
.siteMap ul li a
{
    color: #ff5901;
    text-decoration: none;
}
.siteMap ul li ul li a
{
    color: #ffffff;
    text-decoration: none;
}
.siteMap ul li a:hover
{
    color: #ffffff;
}
.siteMap ul li ul li a:hover
{
    color: #ffffff;
    text-decoration: underline;
}
/************* Content from ps_mazakRT.css *********************/
span.Mazak_Orange
{
    color: #ff5901;
}

/************* Content from ps_mazak.css by PS *****************/
div.Line Height Medium
{
    line-height: 28px;
    padding-left: 20px;
}


div.ps_prod_intro
{
    margin-top: 15px;
    width: 370px;
    font-family: verdana;
    font-size: 12px;
    line-height: 17px;
    color: #666666;
    margin-left: 21px;
}

div.ps_prod_mainImg
{
    margin-top: 13px;
    font-family: verdana;
    font-size: 14px;
    color: #666666;
    margin-left: 21px;
}


div.ps_prod_linkback
{
    margin-top: 20px;
    color: #ff5901;
    font-size: 12px;
}

.ps_prod_models
{
    margin-top: 10px;
    float: left;
    font-size: 11px;
    font-weight: bold;
    color: #ff5901;
}

div.ps_prod_sub
{
    margin-top: 30px;
    font-family: verdana;
    font-size: 12px;
    color: #000000;
    margin-left: 21px;
}

.prodSizes
{
    float: left;
    width: 50px;
    font-weight: bold;
    color: #ffffff;
    font: 10px verdana;
}
div.ps_container
{
    height: 342px;
    overflow: hidden;
    border: 1px solid #000000;
    width: 828px !important; /*moz width*/
    width: 829px; /*IE width*/
    float: right;
}


div.ps_left
{
    float: left;
    width: 422px;
    padding-top: 10px;
    font: 12px verdana;
    line-height: 17px;
    color: #666666;
}

p
{
    margin: 0px 0px 0px 20px;
    padding: 10px 10px 0px 0px;
}

p.ps_right
{
    float: left;
    width: 404px;
}

p.ps_title
{
    color: #999999;
    font: 18px verdana;
    font-weight: bold;
    text-transform: uppercase;
}

p.ps_subtitle
{
    color: #2e2e2e;
    font-size: 12px;
    font-weight: bold;
}

p.ps_maincopy
{
    color: #666666;
    font-size: 12px;
}



span.px_orangetitle
{
    color: #FF5901;
}

/* temp page for new products at EMO **/

.newEMO
{
    padding-top: 15px;
    width: 405px;
    height: 120px;
    color: #ffffff;
}
.newEMO p
{
    padding-top: 0;
    margin-top: 0;
}

/* Demo Models page **/

.democol1
{
    width: 166px;
    height: 16px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding-left: 5px;
}
.democol2
{
    width: 224px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding-left: 5px;
}
/*.democol3 {width:0px;border-right:1px solid #000000; border-bottom:1px solid #000000; padding-left:5px;}*/
.democol4
{
    width: 65px;
    color: #ffffff;
    border-right: 1px solid #000000;
    background-color: #F15922;
    border-bottom: 1px solid #000000;
    font-weight: bold;
    padding-left: 5px;
}
.democol5
{
    border-bottom: 1px solid #000000;
    margin: 0;
    padding: 0;
    padding-left: 5px;
}

.tblheader
{
    font-weight: bold;
    color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
}
.tblcontent
{
    font-weight: bold;
    color: #000000;
    font-family: arial;
    font-size: 11px;
}
.tblcontentOrange
{
    font-weight: bold;
    color: #ffffff;
    font-family: arial;
    font-size: 11px;
}

.promotionDemo
{
    position: relative;
    top: -9px;
    left: 598px;
    width: 181px;
    height: 140px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}


/******** for MACH 2010 ******/

.machIntro
{
    padding-top: 180px;
    font-family: Arial;
    font-size: 14px;
    color: #636363;
    line-height: 1.4;
    float: left;
}

.machIntro span
{
    color: #ff5901;
    font-weight: bold;
}
.machEditable
{
    padding-top: 60px;
    margin-left: 45px;
    font-family: Arial;
    font-size: 14px;
    color: #636363;
    line-height: 1.4;
    float: left;
}

.machLogo
{width: 250px; padding: 38px 0 0 0;}

.machLogo p
{float: right; width: 160px; color: #ff5901;font-size: 20px; font-family: Arial;padding: 0;margin: 0;line-height: 1.1;}

/************** scrollable footer begins here *************/
        #apScroller
        {
            margin: 15px 0px 0px 20px;
            display: inline-block;
            width: 950px;
            height: 100px;
            overflow: hidden;
            padding: 0px;
           /* border: 1px solid #000000;*/
            list-style-type: none;
        }
        
        #apScroller li
        {
            position: relative;
            top: 0px;
            float: left;
            padding: 10px 17px 0px 17px;
        }
        
	html>body #apScroller
	{
		position:					relative;
	}

	html>body #apScroller li
	{
	    	position:					absolute;
	}
        
        #apScroller_left
        {
            display: inline-block;
            width: 52px;
            height: 25px;
            background-image: url("left.png");
        }
        
        #apScroller_left:hover
        {
            background-image: url("left_hover.png");
        }
        
        #apScroller_right
        {
            display: inline-block;
            width: 52px;
            height: 25px;
            background-image: url("right.png");
        }
        
        #apScroller_right:hover
        {
            background-image: url("right_hover.png");
        }



/************** scrollable footer ends here *************/