@charset "utf-8";
/* CSS Document */

img {
	border: none;
}

p {
	margin-bottom:1em;
}

.breadCrumb, .breadCrumb a{
	font-family:"Arial Black", Gadget, sans-serif;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

.breadCrumb a:hover{
	color:#F00;
	text-decoration:none;
	font-weight:bold;
}


a.sublink{
	margin-bottom:50px;
}

span.active{
	color:#AAA;
}

#logo a{
	float:left;
	display:block;
    background: url(../img/logo.png) no-repeat;
	height:146px;
	width:163px;
}

/* for accessibility reasons - without styles variant*/
#logo a span {
	display: none
	}
	
ul.list-service{
	list-style-type:none;
	margin:0; 
	padding:0;
}

ul.list-service li{
	background-image: url(../img/check.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left:2em;
	margin-left:2em;
	line-height:2em;
	font-size:1em;
	color:#666;
}

ul.list-about{
	list-style-type:disc;
	margin:0 0 1em 0; 
	padding:0;
}

ul.list-about li{
	padding-left:1em;
	margin-left:2em;
	line-height:2em;
	font-size:1em;
	color:#666;
}
	
ul.list-apply{
	list-style-type: none;
	margin:0 0 1em 0; 
	padding:0;	
}

ul.list-apply li{
	padding-left:1em;
	margin-left:2em;
	line-height:2em;
	font-size:1em;
	
}

body{
	background:url(../img/background.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.6em;
	margin:0;
	padding:0;
}

#dropShadow{
	width:915px;
	height:737px;
	margin:30px auto 30px auto;
	background:url(../img/dropShadow.png);
	background-repeat: no-repeat;
}

#container{
	width:900px;
	margin:0 auto;
}

#container #image-slider{
	position:relative;
	width:900px;
	height:380px;
	background-color:#666;
}

#container #image-slider #breadCrumb-left{
	width:36px;
	height:26px;
	background:url(../img/bread-left.png) no-repeat;
	position: absolute;
	bottom:0;
	left:0;
	/* for IE */
	background:#000;
  	filter:alpha(opacity=80);
}

#container #image-slider #breadCrumb{
	width:700px;
	height:26px;
	background:url(../img/bread-right.png) no-repeat;
	position: absolute;
	bottom:0;
	right:0;
	margin-left:44px;
	color:#FFF;
	line-height:26px;
	/* for IE */
	background:#000;
  	filter:alpha(opacity=80);
}

#container #image-slider #breadCrumb span.breadCrumb{
	margin:10px 0 0 44px;
	font-size:.8em;
	font-weight:bold;
	letter-spacing:.2em;
}

#container #content{
	margin:32px 47px 0 244px;
}

	.brand-logo{
		width:185px;
		text-align:center;
	}

#container #content #sublinks{
	letter-spacing:2px;
}

#container #content img.title{
	margin-bottom:4px;
}

#container #content .feature{
	float:right;
	font-size:.9em;
	border:solid 1px #999;
	background-color:#eee;
	padding:6px;
}

#container #content .feature img.image_feature{
	vertical-align:middle; 
	margin-left:5px;
}

#container #navigation div{
	position:absolute;
	top:247px;
	margin-left:37px;
	width:163px;
}

#container #navigation div a.link-home{
	width:163px;
	height:26px;
	background-image:url(../img/link-home.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-home:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-home.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-customers{
	width:163px;
	height:26px;
	background-image:url(../img/link-customers.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-customers:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-customers.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-specials{
	width:163px;
	height:26px;
	background-image:url(../img/link-specials.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-specials:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-specials.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-careers{
	width:163px;
	height:26px;
	background-image:url(../img/link-careers.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-careers:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-careers.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-about{
	width:163px;
	height:26px;
	background-image:url(../img/link-about.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-about:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-about.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-service{
	width:163px;
	height:26px;
	background-image:url(../img/link-service.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-service:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-service.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-locations{
	width:163px;
	height:26px;
	background-image:url(../img/link-locations.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-locations:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-locations.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-suppliers{
	width:163px;
	height:26px;
	background-image:url(../img/link-suppliers.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-suppliers:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-suppliers.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-environment{
	width:163px;
	height:26px;
	background-image:url(../img/link-environment.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-environment:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-environment.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-products{
	width:163px;
	height:26px;
	background-image:url(../img/link-products.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-products:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-products.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-recruitment{
	width:163px;
	height:26px;
	background-image:url(../img/link-recruitment.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-recruitment:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-recruitment.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-login{
	width:163px;
	height:26px;
	background-image:url(../img/link-login.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-login:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-login.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-contact{
	width:163px;
	height:26px;
	background-image:url(../img/link-contact.png);
	background-position:0 0px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-contact:hover{
	width:163px;
	height:26px;
	background-image:url(../img/link-contact.png);
	background-position:0 -26px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-deluce{
	width:163px;
	height:73px;
	background-image:url(../img/link-deluce.png);
	background-position:0 0px;
	margin-top:10px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-deluce:hover{
	width:163px;
	height:73px;
	background-image:url(../img/link-deluce.png);
	background-position:0 -73px;
	margin-top:10px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-deluce:hover{
	width:163px;
	height:73px;
	background-image:url(../img/link-deluce.png);
	background-position:0 -73px;
	margin-top:10px;
	margin-bottom:3px;
	float: left;
}
/**/
#container #navigation div a.link-mcg{
	width:163px;
	height:73px;
	background-image:url(../img/link-mcg.png);
	background-position:0 0px;
	margin-top:10px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-mcg:hover{
	width:163px;
	height:73px;
	background-image:url(../img/link-mcg.png);
	background-position:0 -73px;
	margin-top:10px;
	margin-bottom:3px;
	float: left;
}

#container #navigation div a.link-mcg:hover{
	width:163px;
	height:73px;
	background-image:url(../img/link-mcg.png);
	background-position:0 -73px;
	margin-top:10px;
	margin-bottom:3px;
	float: left;
}
/**/
#container #navigation span {
	
	width:163px;
	margin-top:5px;
	padding-top:5px;
	margin-bottom:-7px;
	position:relative;
	float: left;
	border-top:1px dotted #199DAC;
	font-size:155%;
}

.icon-deluce{
	position:relative;
	float: left;
	width:110px;
	height:29px;
	background-image:url(../img/icon-deluce.jpg);
	background-repeat:no-repeat;
	cursor: pointer;
}

.icon-item{
	float:right;
	position:relative;
	height:100%;
	top:5px;
	font-size:150%;
	vertical-align:middle;

}

#careers-positions td{
	padding-right:25px;
}

#table-promotions{
	width:100%;
}

#table-promotions thead{
	background-color:#FFF;
}

#table-promotions .icon{
	text-align:center;
}

#table-promotions tr:hover{
	background-color:#FFF;
}

#table-promotions td{
	color:#333;
	padding:1em;
}

.col-item{
	border:solid 1px #999;
	background-color:#eee;
}

.col-icon{
	border:solid 1px #999;
	background-color:#999;
}

.col-buy{
	text-align:center;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:380px;	width: 900px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url() no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	background:url(../img/background-slider.png) no-repeat;
	padding: 5px;
	margin: 0 2px;
	border: 1px solid #000;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #000;
	/*-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;*/
}
.paging a:hover {font-weight: bold;}

#cForm{
	width:100%;
	margin-bottom:5em;
	padding-bottom:5em;
}

a.buy {
   display: -moz-inline-stack;
   display: inline-block;
   width: 59px;
   height: 29px;
   background: url(../img/button.jpg) no-repeat;
   line-height: 29px;
   vertical-align: text-middle;
   text-align: center;
   text-decoration:none;
   color: #ffffff;
   font-family: Calibri;
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
   text-shadow: none;
}

a.apply {
   display: -moz-inline-stack;
   display: inline-block;
   width: 210px;
   height: 29px;
   background: url(../img/button_long.jpg) repeat;
   line-height: 29px;
   vertical-align: text-middle;
   text-align: center;
   text-decoration:none;
   color: #ffffff;
   font-family: Calibri;
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
   text-shadow: none;
   float:right;
   margin-top:28px;
   margin-right:50px;
}
a.buy > span {
   display: -moz-inline-block;
}

#dbl-column-table
{
	margin-left:50px;
}


#dbl-column-table th{
	width:100px;
	text-align:left;
}


/* fancy box */
img {
    border: none;
}
#thumbnail img {
    cursor: pointer;
}
#large {
    display: none;
    position: absolute;
    background: #FFFFFF;
    padding: 5px;
    z-index: 10;
    min-height: 200px;
    min-width: 200px;
    color: #336699;
}
#background{
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 1;
}