﻿/* Main Content */

div#IndDivMain
{
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	z-index: 1;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	border: 0px #000fff solid;
	background:url(../media/topBg.jpg) repeat-x;
		
}


div#IndDivmainContent1
{
	text-align: center;
	position: relative;
	margin: 0px auto;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 852px;
	height: 92px;
	border: 0px #fff000 solid;
}

div#IndDivmainContent2
{
	text-align: center;
	position: relative;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	width: 100%;
	height:272px;
	border: 0px #000fff solid;
	background:url(../media/spiralImg.jpg) center no-repeat;
	z-index:-2;
}


div#IndDivmainContent3
{
	text-align: left;
	position: relative;
	margin: 0px;
	padding:0px;
	left: 0;
	z-index: -2;
	top: 0;
	width: 100%;
	border: 0px #000fff solid;

}

/* Top Product Section*/
#DivTopGrad
{
	position: relative;
	margin: 0px auto;
	left: 0;
	z-index: -8;
	top:-156px;
	left:0;
	width: 989px;
	height:10px;
	background: #FFFFFF;
	border: 0px #000fff solid;
}

#topProdSection
{
	text-align: left;
	position: relative;
	left: 0;
	z-index:0;
	top: 0;
	width:852px;
	margin: 0px auto;
	border: 0px #ff0000 solid;
	padding:0px;
}

#StepsCategory
{
	text-align: left;
	position: relative;
	left: 0;
	z-index:0;
	top: 10px;
	width:628px;
	margin: 8px 0 0 0;
	border: 0px #ff0000 solid;
	padding:0px;
	float:left;
}


#prodCategory
{
	text-align: left;
	position: relative;
	left: 0;
	z-index:4;
	top: 1px;
	width:201px;
	margin: 0px;
	border: 0px #ff0000 solid;
	padding:0px;
	float:right;
}

#ProdmenuBg
{
	text-align: left;
	position: absolute;
	left: 115px;
	z-index:-2;
	top: 25px;
	width:107px;
	height:160px;
	margin: 0px 0 0 0;
	border: 0px #ff0000 solid;
	padding:0px;
	float:right;
	
}


.Prodmenu
{
	border: 0px red solid;
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 197px;
	height:185px;
	z-index:-1;
	top: 0px;
	left: 0px;
	padding: 0px 0 0px 0;
	margin:-50px 0 0 0px; 
	float:left;
	background:url(../media/prodBoxBg.png) no-repeat;
}
.Prodmenup
{
	border: 0px red solid;
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 197px;
	height:139px;
	z-index:-1;
	top: 0px;
	left: 0px;
	padding: 0px 0 0px 0;
	margin:0px 0 0 0px; 
	/*background: url(../media/prodBoxBot.png) bottom no-repeat;*/
	float:left;
}

.Prodmenu1
{
	border: 0px red solid;
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 197px;
	height:34px;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin:0px;
	/*background:url(../media/prodTop.png) no-repeat;*/
}

.Prodmenu2
{
	float:left;
	border: 0px red solid;
	position: relative;
	text-align: left;
	width: 197px;
	height:100%;
	margin:16px 0 0 0;
	z-index:-2;
	top: 0px;
	left: 0px;
	padding: 0px;
	/*background: url(../media/prodTop3.png) repeat-y;*/
}
.prodInfoTitle
{
	float:left;
	border: 0px red solid;
	position: relative;
	text-align: left;
	width: 161px;
	z-index:0;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px 0 3px 24px;
	/*background:url(../media/prodinfoTopGrad.png) bottom no-repeat;*/
}
.prodInfoContent
{
	border: 0px red solid;
	position: relative;
	text-align: left;
	width: 162px;
	height:15px;
	z-index:0;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px 0 0px 28px;
}
.proddropImg
{
	position:relative;
	float:left;
	padding: 0px;
	width: 12px;
	height:14px;
	border: 0px #000fff solid;
	text-align: left;
	float: left;
	margin: 0px 7px 0 0;
}
.PrductText
{
	position:relative;
	float:left;
	padding: 0px;
	border: 0px #000fff solid;
	text-align: left;
	float: left;
	margin: 0px 0 0 0;
}
.prodProdInfoContent
{
	border: 0px white solid;
	position: relative;
	float:left;
	text-align: left;
	width: 161px;
	height:15px;
	z-index:0;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 2px 0 0px 28px;
}



/*----------- Right Projects --------*/
#indProjects
{
	position: relative;
	float: left;
	width: 346px;
	margin: 0px 0 0 0;
	padding: 0px;
	left: 0px;
	top: 0px;
	border: 0px #000fff solid;
}

#projectHeading
{
	position: relative;
	float: left;
	width: 346px;
	margin: 0px 0 10px 0;
	padding: 0px;
	left: 0px;
	top: 0px;
	border: 0px #000fff solid;
}
#projectImg
{
	position: relative;
	float: left;
	width: 346px;
	margin: 0px 0 8px 0;
	padding: 0px;
	left: 0px;
	top: 0px;
	border: 0px #000fff solid;
}
#projectTitle
{
	position: relative;
	float: left;
	width: 346px;
	margin: 0px 0 3px 0;
	padding: 0px;
	left: 0px;
	top: 0px;
	border: 0px #000fff solid;
	color:#343B4A;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
}
#projectData
{
	position: relative;
	float: left;
	width: 346px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	border: 0px #000fff solid;
}
#projectLesMer
{
	text-align:right;
	position: relative;
	float: right;
	width: 70px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	border: 0px #000fff solid;
	color:#343B4A;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
}
/*----------------Header----------------------*/

div#Indheader
{
	text-align: center;
	position: relative;
	width: 650px;
	height:92px;
	margin: 0px auto;
	left: 0px;
	top: 0px;
	border: 0px #000fff solid;
}

#Indsitelogo
{
	visibility: visible;
	position: relative;
	float: left;
	height: 62px;
	width: 174px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 30px;
	border: 0px #000fff solid;
}

#indInfo1
{
	visibility: visible;
	position: relative;
	float: left;
	width: 110px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	border: 0px #F00 solid;
}
#indInfo2
{
	visibility: visible;
	position: relative;
	float: right;
	width: 190px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	border: 0px #F00 solid;
}
.infoBullet
{
	visibility: visible;
	position: relative;
	float: left;
	width: 11px;
	margin: 5px 0 0 0;
	padding: 0px;
	left: 0px;
	top: 0px;
	border: 0px #F00 solid;
}
.infoText
{
	visibility: visible;
	position: relative;
	text-align:left;
	float: left;
	line-height:22px;
	margin: 0px 0 0 5px;
	padding: 0px;
	left: 0px;
	top: 0px;
	border: 0px #F00 solid;
	color:#FFFFFF;
}

/*----------------Search----------------------*/

#IndmenuSearch
{
	position: relative;
	text-align: left;
	z-index: 2;
	width: 902px;
	height: 34px;
	left: 0px;
	top: 102px;
	margin: 0px auto;
	border: 0px #000fff solid;
	vertical-align: bottom;
}

#Indmenu
{
	float:left;
	position: relative;
	text-align: left;
	z-index: 2;
	width: 360px;
	height: 35px;
	left: 0px;
	top: 57px;
	margin: 0px;
	border: 0px #ff0000 solid;
}

Div#IndSearch
{
	position: absolute;
	width: 169px;
	height: 34px;
	left: 701px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px #ff0000 solid;
	vertical-align: top;
}
#Indflag
{
	position: absolute;
	text-align: right;
	width: 37px;
	height: 19px;
	left: 883px;
	top: 0px;
	margin: 0px;
	border: 0px #000fff solid;
	float: right;
}


/*----------- Top banner -----------*/

.Indbannermiddle
{
	position: relative;
	border: 0px #ff0000 solid;
	width: 895px;
	float:left;
	margin: 0px auto;
	left: 0px;
	padding: 0px;
	top: 0px;
	vertical-align: top;
	z-index:0;
}


#topBanImg
{
	position: relative;
	border: 0px #ff0000 solid;
	width: 867px;
	float:left;
	margin: 0px;
	left: 0px;
	padding: 0px;
	top: 0px;
	vertical-align: top;
}

#topbanleft
{
	position: absolute;
	border: 0px #ff0000 solid;
	width:14px;
	height:100%;
	float:left;
	left: 0px;
	top: 0px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
#topbanRight
{
	position: absolute;
	border: 0px #ff0000 solid;
	width: 14px;
	height:100%;
	float:right;
	left: 881px;
	top: 0px;
	text-align:right;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

#topbanTopLeft
{
	position: relative;
	border: 0px #ff0000 solid;
	width:14px;
	height:15px;
	float:left;
	left: 0px;
	padding: 0px;
	top: 0px;
	vertical-align: top;
	background:url(../media/topbanTopLeft.png) no-repeat;
	margin: 17px 0 0 0;
}
#topbanTopRight
{
	position: absolute;
	border: 0px #ff0000 solid;
	width: 14px;
	height:15px;
	float:right;
	left: 14px;
	padding: 0px;
	top: 0px;
	vertical-align: top;
	background:url(../media/topbanTopRight.png) right no-repeat;
	margin: 17px 0 0 0;
}

#topbanTop
{
	position: relative;
	border: 0px #ff0000 solid;
	width: 867px;
	height:15px;
	float:left;
	margin: 17px 0 0 0;
	left: 0px;
	padding: 0px;
	top: 0px;
	vertical-align: top;
}


#topbanBotLeft
{
	position: relative;
	border: 0px #ff0000 solid;
	width:14px;
	height:15px;
	float:left;
	left: 0px;
	top: 0px;
	vertical-align: top;
	background:url(../media/topbanBotLeft.png) no-repeat;
margin: 0px;
	padding: 0px;
}
#topbaneBotRight
{
	position: absolute;
	border: 0px #ff0000 solid;
	width: 14px;
	height:15px;
	float:right;
	left: 14px;
	top: 0px;
	vertical-align: top;
	background:url(../media/topbaneBotRight.png) right no-repeat;
	margin: 0px;
	padding: 0px;
}

#topbanBot
{
	position: relative;
	border: 0px #ff0000 solid;
	width: 867px;
	height:15px;
	float:left;
	left: 0px;
	margin: 0px;
	padding: 0px;
	top: 0px;
	vertical-align: top;
}


/*--------Middle----------*/
.Indmain
{
	position:relative;
	width: 850px;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:5px;
	border: 0px #000fff solid;
	float:left;
z-index:0;
}

.IndmainNoTop
{
	width: 100%;
	border: 0px #000000 solid;
	margin-left: 7px;
	top: 60px;
}
.IndheadingDiv
{
	float: left;
	text-align: left;
	position: relative;
	z-index: -2;
	border: 0px red solid;
	width: 100%;
	margin: 0px;
	padding: 0px 0 15px 0;
	left: 0px;
	top: 0px;
}

.headingText
{
	position:relative;
	float:left;
	padding: 0px;
	
	border: 0px #000fff solid;
	text-align: left;
	float: left;
	margin: 8px 0 0 0;
}

.IndmainContent
{
	position: relative;
	z-index: -2;
	border: 0px red solid;
	width: 100%;
	margin: 0px 0 20px 8px;
	padding: 0px;
	left: 0px;
	top: 0px;
	float:left;
}
div#IndmiddleContainer
{
	text-align: center;
	position: relative;
	width: 852px;
	margin: 0px auto;
	left: 0px;
	top: 0px;
	z-index: -2;
	border: 0px #000000 solid;
	height: 100%;
}

#Indtwocols
{
	width: 852px;
	position: relative;
	text-align: left;
	z-index: -2;
	top: 0px;
	border: 0px #000000 solid;
	padding: 31px 0 18px 0;
	margin: 0px 0 0 0;
	float:left;
}

div#printDiv
{
	float:left;
	position: relative;
	text-align:right;
	margin:0px;	 
	border:0px #000000 solid;
	padding:0px;
	left:0px;
	width:100%;
	height:17px;
	top:0px;
    z-index:1;
    padding:20px 0 0px 0;
}

/*------Right Section--------*/


div#Indrightcol
{
	width: 374px;
	position: relative;
	border: 0px #000000 solid;
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 0px;
	float: right;
}



/* -------- Index Middle Box ----------*/
#IndMiddleBoxCotainer
{
	text-align: center;
	float:left;
	position: relative;
	padding: 0px 0 0 88px;
	margin:0px;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 665px;
	border: 0px #fff000 solid;
}

#IndMbox
{
	position:relative;
	float:left;
	width: 675px;
	height:100%;
	border: 0px #f00 solid;
	text-align: left;
	float: left;
	margin: 0px auto;	
	padding: 0 0 35px 0;
}

.IndMboxImg
{
	position:relative;
	padding: 0px;
	width: 202px;
	border: 0px #000fff solid;
	text-align: left;
	float: left;
	margin: 0px;	
}
.IndMboxData
{
	position:relative;
	padding: 0px;
	width: 449px;
	border: 0px #000fff solid;
	text-align: left;
	float: right;
	margin: 0px 0 0 10px;	
}
.IndMboxTitle
{
	position:relative;
	float:left;
	padding: 0px;
	width: 463px;
	border: 0px #000fff solid;
	text-align: left;
	float: left;
	margin: 0px 0 7px 0;
	
}
.IndMboxContent
{
	position:relative;
	float:left;
	margin: 0px;
	width: 463px;
	border: 0px #000fff solid;
	text-align: left;
	float: left;
	padding: 17px 0 0 0;
	background:url(../media/indMboxTitleBot.jpg) no-repeat;	
}
.IndMboxlesmer
{
	position:relative;
	float:left;
	margin: 0px;
	width: 100%;
	height:32px;
	border: 0px #000fff solid;
	text-align: left;
	float: left;
	padding: 42px 0 0 0;
}
.dropImg
{
	position:relative;
	float:left;
	padding: 0px;
	width: 25px;
	height:36px;
	border: 0px #000fff solid;
	text-align: left;
	float: left;
	margin: 0px 8px 0 0;
}


.mboxtitle
{
	position:relative;
	float:left;
	padding: 0px;
	width:424px;
	border: 0px #000fff solid;
	text-align: left;
	float: left;
	margin: 8px 0 0 0;
}


.MBox_noleftside
{
	width:207px;
	position: relative;
	text-align: left;
	left: 0px;
	float: left;
	top: 0px;
	margin: 0px;
	padding: 0 0 20px 17px;
	border: 0px #000fff solid;
}

.MboxImg
{
	width:52px;
	margin: 0 8px 0 0;
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	padding: 0px;
	border: 0px #000000 solid;
}

.mlesmer
{
	position: relative;
	text-align: left;
	left: 0px;
	top: 0px;
	margin:3px 0 0 0;
	padding: 0px;
	border: 0px #000fff solid;
	float:left;
}

.MboxData
{
	width: 100%;
	position: relative;
	text-align: left;
	float: left;
	top: 0px;
	left: 0px;
	border: 0px #000000 solid;
	margin: 3px 0 0 0;
	padding: 0px;
}

.IndexMboxdata
{
	width: 100%;
	position: relative;
	text-align: left;
	float: left;
	top: 0px;
	left: 0px;
	border: 0px #000000 solid;
	margin: 2px 0 0 0;
	padding: 0px;
}

.M_BoxTitle
{
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	margin: 0px;
	color: #343B4A;
}

.M_BoxTitle_Color
{
	color: #343B4A;
}

.M_BoxTitle_Color:Hover
{
	color: #0061AA;
}

.M_Box_Data
{
	font-weight: normal;
	font-size: 11px;
	color: #343B4A;
	font-family: Arial;
	text-decoration: none;
}
.M_Box_Lesemer
{
	font-weight: bold;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}

.M_Box_Lesemer_Color
{
	color: #343B4A;
}

.M_Box_Lesemer_Color:Hover
{
	color: #0061AA;
}


.seperator
{ 
	height:51px;
  width:1px;
  border:0px solid #000;
  float:left;
  position:relative;
 background : url(../media/seperator.jpg) repeat-y;
}

/*--------Footer---------*/
.indBanner
{
	position: relative;
	width: 728px;
	height:90px;
	padding: 0px;
	text-align: center;
	margin: 0px auto;
	left: 0px;
	top: 50px;
	border: 0px #000000 solid;
	z-index:-2;
}
#IndfootContainer
{
	position: relative;
	width: 902px;
	padding: 0px;
	text-align: center;
	margin: 0px auto;
	left: 0px;
	top: 0px;
	border: 0px #000000 solid;
	z-index:-2;
}

#IndfootContainer P
{
	position: relative;
	width: 902px;
	text-align: center;
	margin: 0px auto;
	left: 0px;
	padding: 0px;
	top: 0px;
}


.B_Link_data
{
	font-weight: normal;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}

.B_Link_data_color
{
	color: #666666;
}

.B_Link_data_color:Hover
{
	color: #0061AA;
}

div#Indw3cDiv
{
	border: 0px red solid;
	position: relative;
	text-align: center;
	left: 0px;
	width:100%;
	margin:10px 0 0 0;
	float:left;
}

.B_Link
{
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	font-family: Arial;
	text-decoration: none;
}

.B_Link_Color
{
	color: #666666;
}
.B_Link_Color:Hover
{
	color: #0061AA;
}
.B_Dev_Link
{
	font-weight: normal;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	letter-spacing: 0px;
	margin-bottom: 3px;
	color: #666666;
}
.B_Dev_Link_Color
{
	color: #666666;
}
.B_Dev_Link_Color:Hover
{
	color: #0061AA;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */


.clear
{
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#IndbaseContent
{
	width: 100%;
	position: relative;
	text-align: center;
	left: 0px;
	top: 0px;
	margin: 0px auto;
	padding: 0px;
	padding-top: 5px;
	border: 0px red solid;
}

#Indcopyright
{
	width: 100%;
	padding-right: 0px;
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	border: 0px red solid;
}
#Inda2nLink
{
	width: 100%;
	padding-right: 0px;
	position: relative;
	float: right;
	left: 0px;
	top: 0px;
	border: 0px red solid;
}

div#IndbottomMenu
{
	border: 0px red solid;
	position: relative;
	text-align: center;
	height: 15px;
	top: 0px;
	left: 0px;
	padding-top: 10px;
}


