@CHARSET "UTF-8";
* {
	margin: 0; padding: 0;
}

html, body {
	height: 100%;
}

body {
	margin: 0; padding: 0;
	font: 13px  Arial, Verdana, Helvetica, sans-serif;
	color: #6d6d6d;
	background: #FFF;	
	text-align: justify;
	height: 100%
}

/*Template*/
#wrap {
	margin: 0 auto;
    width: 965px; min-height: 100%;  	
	text-align: justify;		
	background: #FFF;
	/*border: 1px solid black;*/	
}
* html #wrap {
height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#before_header{margin: 0; padding: 0; position: relative;height: 5px;}
#header{ margin: 0; padding: 0; position: relative;width: 963px;}

#header #top{position: relative; height: 42px; width: 960px;
	background: #cfcfcf url(../img/header_top_bkg.png) repeat-x; 
}
#header #top .roundtop {height: 42px; width: 960px; 
	background: url(../img/header_top_right.png) no-repeat top right; 
}
#header #top img.corner {width: 24px;height: 42px;border: none; float:left;
   display: block !important;
}
#header #top .corner {margin: 0; padding: 0; position: relative; width: 24px;height: 42px; float:left;
 	background: url(../img/header_top_left.png) no-repeat top left;
}
#header #top .roundtop .menu{margin: 0;padding: 0;position: relative; width:920px; height: 42px;
	top:10px; float:left; text-align: center;
}
#header #bottom{position: relative; height: 36px; width: 963px;
	background: #2363c3 url(../img/header_bottom_bkg.png) repeat-x; 
}
#header #bottom .roundtop {height: 36px; width: 963px; 
	background: url(../img/header_bottom_right.png) no-repeat top right; 
}
#header #bottom img.corner {width: 12px;height: 36px;border: none;
   display: block !important;
}
#header #bottom .corner {margin: 0; padding: 0; position: relative; width: 12px;height: 36px;float:left;
   background: url(../img/header_bottom_left.png) no-repeat top left;
}
#header #bottom .roundtop .menu{margin: 0;padding: 0;position: relative; width:35%; height: 36px;
	top:5px; float:left; text-align: left;
}
#header #bottom .roundtop .selector{margin: 0;padding: 0;position: relative; height: 36px;
	top:7px; float:right; text-align: right; right: 20px;
}

#header .mid {width: 963px;height:194px;border: none;}
#header .logo{width: 963px;height:194px;border: none;
   background: url(../img/header_mid_logo.png) no-repeat; 
}
#header #girl{background: url(../img/header_bg_girl.jpg) no-repeat top left;}
#header #bags{background: url(../img/header_bg_girl.jpg) no-repeat top left;}
#header #hotel{background: url(../img/header_bg_hotel.jpg) no-repeat top left;}
#header #support{background: url(../img/header_bg_support.jpg) no-repeat top left;}

#footer{margin: 0 auto; padding: 0; position: relative;width: 963px;margin-top: -56px;clear: both;}
#footer #bar{position: relative; height: 56px; 
	background: #bbbbbb url(../img/footer_bkg.gif) repeat-x;}
#footer #bar .roundtop {height: 56px; width: 963px; 
	background: url(../img/footer_right.gif) no-repeat top right; 
}
#footer #bar img.corner {width: 13px;height: 56px;border: none;
   display: block !important; position: absolute; left: 0px; top: 0px;
}
#footer #bar .corner {margin: 0; padding: 0; position: relative; width: 13px;height: 56px;float:left;
	background: url(../img/footer_left.gif) no-repeat top left;
}
#footer #bar .menu{margin: 0;padding: 0;position: relative; width:937px; height: 25px;
	top:20px; float:left; text-align: center;
}

.title{ margin: 0; padding: 0; position: relative;width: 300px;height: 24px;}
.title #bar{position: relative; left:10px; height: 24px; 
	background: #FFF url(../img/title_bar_bkg.gif) repeat-x;}
.title #bar .roundtop {height: 24px; width: 300px; 
	background: url(../img/title_bar_right.gif) no-repeat top right; 
}
.title #bar img.corner {width: 10px;height: 24px;border: none;
   display: block !important;
}
.title #bar .roundtop .text {position: relative; top:-22px; height: 24px; 
	color:#bfcee5; text-decoration: none; text-transform: lowercase; text-indent: 15px;
	font: 10pt Arial, Verdana, Helvetica, sans-serif;
}	

/*horizontal products*/
.products{background: #fff;}
.products #horizontal{margin: 0 auto;padding: 0;position: relative; width: 938px; height: 157px;
	background: #fff url("../img/product_horizontal_bg.jpg") no-repeat top left;
}
.products #horizontal .product{margin: 0;padding: 0;position: relative; width: 286px; height: 147px;
	background: #fff url("../img/product_bkg.jpg") no-repeat top left;
}
.products #horizontal .line{margin: 0;padding: 0;position: relative; width: 2px; height: 147px;
	background: #cacaca; float: left; top: 5px; left: 23px;
}
.products #horizontal #two.line{margin: 0;padding: 0;position: relative; width: 2px; height: 147px;
	background: #cacaca; float:right; top: 5px; left:-21px;
}
.products #horizontal a{text-decoration: none; cursor:pointer;}
.products #horizontal #prodOne{top:5px; left:5px; float: left;}
.products #horizontal #prodTwo{top:5px; right:5px; float: right;}
.products #horizontal #prodMid{top:5px; left: 40px; float: left;}

.products #horizontal .name{margin: 0;padding: 0;position: relative; width: 34px; height: 147px; float: left;}
#opera{background: url("../img/opera_horiz_text.gif") no-repeat top left;}
#micros{background: url("../img/micros_horiz_text.gif") no-repeat top left;}
#micros3700{background: url("../img/micros_horiz_text.gif") no-repeat top left;}
#fidelio{background: url("../img/fidelio_horiz_text.gif") no-repeat top left;}
#concept{background: url("../img/concept_horiz_text.gif") no-repeat top left;}
#bellavita{background: url("../img/bellavita_horiz_text.gif") no-repeat top left;}
#myfidelio{background: url("../img/myfidelio_horiz_text.gif") no-repeat top left;}
#mymicros{background: url("../img/mymicros_horiz_text.gif") no-repeat top left;}
#materialcontrol{background: url("../img/mc_horiz_text.gif") no-repeat top left;}
#fidelio8products{background: url("../img/ccm_horiz_text.gif") no-repeat top left;}

.view{margin: 0;padding: 0;position:relative; top: 1px;left:34px;  width: 218px; height: 145px; float: left;}
.view#opera{background: url("../img/baners/opera.jpg") no-repeat top left;}
.view#micros{background: url("../img/baners/micros-9700.jpg") no-repeat top left;}
.view#micros3700{background: url("../img/baners/micros-9700.jpg") no-repeat top left;}
.view#fidelio{background: url("../img/baners/fidelio-pdf.jpg") no-repeat top left;}
.view#concept{background: url("../img/baners/golf-system.jpg") no-repeat top left;}
.view#bellavita{background: url("../img/baners/bella-vita.jpg") no-repeat top left;}
.view#myfidelio{background: url("../img/baners/opera2.jpg") no-repeat top left;}
.view#mymicros{background: url("../img/baners/mymicros-connect.jpg") no-repeat top left;}
.view#materialcontrol{background: url("../img/baners/materials-control.jpg") no-repeat top left;}
.view#fidelio8products{background: url("../img/micros_horiz_img.jpg") no-repeat top left;}

/*vertical products*/
.content1 .products{background: #dedede; position:relative; left:15px; width: 296px;
	background: #dedede url("../img/product_top_bkg.jpg") no-repeat top left;
}
.content1 .products #vertical{margin: 0;padding: 0;position: relative; width: 296px;
	background:url("../img/product_bottom_bkg.jpg") no-repeat bottom left;
	padding-top: 4px;
}
.content1 .products #vertical .name{margin: 0;padding: 0;position: relative; width: 34px; height: 147px;}
.content1 .products #vertical .product{margin: 0;padding: 0;position: relative; width: 286px; height: 147px;
	left:5px; background: #dedede url("../img/product_bkg.jpg") no-repeat top left; padding-bottom: 4px;
}
/*
.content1 .products #vertical #name.opera{background: url("../img/opera_horiz_text.gif") no-repeat top left;}
.content1 .products #vertical #name.fidelio{background: url("../img/fidelio_horiz_text.gif") no-repeat top left;}
.content1 .products #vertical .view{margin: 0;padding: 0;position:relative; top: 1px;left:34px;  width: 218px; height: 145px; float: left;}
.content1 .products #vertical #view.micros{background: url("../img/micros_horiz_img.jpg") no-repeat top left;}
*/

.content1 .button{position:relative; left:4px; width: 286px; height:72px;padding-bottom: 4px;}
.content1 .button #help.en{position:relative;width: 286px; height:72px;
	background:url("../img/button_24.gif") no-repeat bottom left;
}
.content1 .button #help{position:relative;width: 286px; height:72px;
	background:url("../img/button_24_bg.gif") no-repeat bottom left;
}
.content1 .button #request.en{position:relative;width: 286px; height:72px;
	background:url("../img/button_request.gif") no-repeat bottom left;
}
.content1 .button #request{position:relative;width: 286px; height:72px;
	background:url("../img/button_request_bg.gif") no-repeat bottom left;
}
/*MENUS
**/

#header #top ul{position: relative;margin: 0; padding: 0; height: 42px;
	font: 13px Arial, Verdana, Helvetica, sans-serif;list-style: none;
}
#header #top ul li{display: inline; text-align: center;
}

#header #top ul li a {position: relative;color: #7d7d7d;padding: 0px 20px;text-decoration: none;
	text-transform:lowercase;border-left:1px solid #7d7d7d;line-height: 200%;
}
#header #top ul li a.first {border:0px;
}

#header #bottom ul{position: relative;margin: 0; padding: 0; height: 36px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;list-style: none;color: #bed3f2;
}
#header #bottom ul li{display: inline; text-align: left;color: #bed3f2;}

#header #bottom ul li a {position: relative;color: #bed3f2;padding: 0px 10px;text-decoration: none;
	text-transform:lowercase;border-left:1px solid #fff;line-height: 200%;
}
#header #bottom ul li a.first {border:0px;
}

#footer #bar ul{position: relative;margin: 0; padding: 0; height: 30px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;list-style: none;
}
#footer #bar ul li{display: inline; text-align: center;
}

#footer #bar ul li a {position: relative;color: #5c5c5c;padding: 0px 15px;text-decoration: none;
	text-transform:lowercase;border-left:1px solid #5c5c5c;line-height: 200%;
}
#footer #bar ul li a.first {border:0px;
}
/**
* 3 coumn Layout

#columsABC{margin: 0;width: 960px; text-align: left;background: #FFF; border: 1px solid black;}
#columsABC #columA{position: relative;margin: 0;left:5px; width: 310px;background: #FFF; float: left; border: 1px solid black;}
#columsABC #columC{position: relative;margin: 0;right:5px; width: 310px;text-align: left;background: #FFF; float: right; border: 1px solid black;}
#columsABC #columB{position: relative;margin: 0;left:10px; width: 310px;background: #FFF; border: 1px solid black;}
*/
/*---*/

#columsABC{
 /*position:relative;margin: 0;width: 960px; text-align: left;background: #FFF; border: 1px solid black;overflow:hidden;*/
 
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;
}
.colmid {
        float:left;
        width:200%;
        margin-left:-320px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#FFF;    	/* Centre column background colour */
	}

.colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:640px;         	/* Left column width + right column width */
        background:#FFF;    	/* Left column background colour */
    }
.col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:320px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
		background: #FFF;
	}
	
	.col1 {
        margin:0 320px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		background:#FFF;
	}
    .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:320px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
   		background:#FFF;
    }
    .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:320px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
        background:#FFF;
    }

	.content1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:0px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
		background: #FFF;
	}
	
	.content1 {
        margin:0 320px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		background:#FFF;
	}
    .content2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:640px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:-320px;         	/* Width of the left-had side padding on the left column */
   		background:#FFF;
    }
    
.content2 .title{ margin: 0; padding: 0; position: relative;width: 620px;height: 24px;}
.content2 .title #bar{position: relative; left:10px; height: 24px; 
	background: #FFF url(../img/title_bar_bkg.gif) repeat-x;}
.content2 .title #bar .roundtop {height: 24px; width: 620px; 
	background: url(../img/title_bar_right.gif) no-repeat top right; 
}
.content2 .title #bar img.corner {width: 10px;height: 24px;border: none;
   display: block !important;
}
.content2 .title #bar .roundtop .text {position: relative; top:-22px; height: 24px; 
	color:#bfcee5; text-decoration: none; text-transform: lowercase; text-indent: 15px;
	font: 10pt Arial, Verdana, Helvetica, sans-serif;
}

#columsABC .content2 .textColumn{
	width:560px;
	padding: 10px 20px 5px 20px;
}

#columsABC .textColumn{
	width:280px;
	padding: 10px 20px 5px 20px;
}
/*Utility*/
.clear_both{clear: both;}
.alignRight {text-align: right;}
/*HTML Elements*/
h1{
	font: 18px Arial, Verdana, Helvetica, sans-serif;
	font-weight:600;
	color: #20a7ce;
}
h2{
	font: 16px Arial, Verdana, Helvetica, sans-serif;
	font-weight:600;
	color: #20a7ce;
}
h3{
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	font-weight:600;
	color: #20a7ce;
}
a{color: #f4ad6e;}

#modalSupportCheck{margin:0;padding:0;margin-left: 20px;margin-right: 20px;background: #dedede;}

#columsABC .textColumn a.news{margin-top: 2px;background: #ebf0f8 url(../img/news_arrow_bkg.gif) no-repeat 5px 0px;
	color: #f4ad6e;text-transform: lowercase;text-indent: 25px;width: 280px; height: 17px;display: block !important;
}
#columsABC .textColumn a.industry {margin-top: 2px;background: #fff url(../img/list_arrow_bkg.gif) no-repeat 5px 8px;
	color:#6d6d6d; text-indent: 25px;width: 280px; height: 30px;display: block !important;
}

#header #bottom .roundtop .selector select{ width: 200px; height: 22px; border:thin solid #266cd5;
}

a.news{margin-top: 2px;background: #ebf0f8 url(../img/news_arrow_bkg.gif) no-repeat 5px 0px;
	color: #f4ad6e;text-transform: lowercase;text-indent: 25px;width: 560px; height: 17px;display: block !important;
}

#columsABC .content2 .textColumn .hform{margin: 0; padding: 0px; position: relative; width: 560px;}
#columsABC #newsList{margin: 0; padding: 0px; position: relative; width: 560px; padding: 10px 10px 5px 20px;}

.ticketCode{font:16px Arial, Verdana, Helvetica, sans-serif;font-weight: bolder;}
/* Rich Faces
**/
.rich-mpnl-header{height: 20px; background: #FFF url(../img/title_bar_bkg.gif) repeat-x;}
.rich-mpnl-text {height: 20px; color:#bfcee5; text-decoration: none;  text-indent: 15px; font: 10pt Arial, Verdana, Helvetica, sans-serif;}