body{
margin: 0;
padding: 0;
font-size: 13px;
font-family: 'Trebuchet MS';
color: #333;
line-height: 22px;
background:url(../images/back.png) no-repeat;
}
table.cc{text-align:center}
td.cc{text-align:center}
.top1{
background: #c6c6c6;
background: -moz-linear-gradient(left, #c6c6c6 0%, #f1f1f1 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c6c6c6), color-stop(100%, #f1f1f1));
background: -webkit-linear-gradient(left, #c6c6c6 0%, #f1f1f1 100%);
background: -o-linear-gradient(left, #c6c6c6 0%, #f1f1f1 100%);
background: -ms-linear-gradient(left, #c6c6c6 0%, #f1f1f1 100%);
background: linear-gradient(to right, #c6c6c6 0%, #f1f1f1 100%);
-pie-background: linear-gradient(to right, #c6c6c6 0%, #f1f1f1 100%);
behavior: url(http://lakshmisteeltube.in/PIE-1.0.0/PIE.htc);
display: block;
height: 18px;
width: 650px;
float: right;
}
.top2{
border-bottom: 1px solid #c6c6c6;
margin-top: 5px;
padding: 0px;
width: 650px;
float: right;
margin-bottom:20px;
}

a{outline: none;
text-decoration: none;}
img{
    border:none;
}
#header{
color: #C7C7C7;
height: 156px;
background: url('../images/header.png') repeat-x top;
}
#headercontent{
display: block;
width: 960px;
margin: 0 auto;
height: 110px;
}
#headercontent1{
width: 470px;
float:left;
margin-top: 9px;
}
#headercontent1 h1{
font-weight: normal;
font-style: normal;
text-transform: none;
font-size:36px;
color: #505050;
background-color: #FFF;
margin: 0px;
padding: 0px;
}
#headercontent1 h2{
font-weight: normal;
font-style: normal;
font-size: 12px;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}
#headercontent2{
clear: left;
height: 45px;

}
/*Navigation*/

 
/* Content*/
#content{
clear: left;
width: 960px;
text-align: left;
margin: 0px auto;
}
#content1{
clear: both;
width: 940px;
height:415px;
margin: 0px auto;
background: url(../images/back1.png) no-repeat;
padding: 10px;
}
.list1 li{margin:5px}
.list1 li a {
text-decoration: none;
padding-left: 14px;
background: url(../images/black_file.gif) 0 7px no-repeat;
color: rgb(0, 80, 165);
}
.list1 li {
line-height: 29px;
padding-left:13px;
}
.list li a {
text-decoration: none;
padding-left: 14px;
background: url(../images/marker.gif) 0 5px no-repeat;
color:#ccc
}
.list li {
line-height: 25px;
list-style:none;
}
.list1 li:hover{text-shadow: 1px 1px #BBBBBB;}
p.black:hover{background: rgb(7, 14, 22);
border-radius: 20px;
width: 180px;
}}
ul{list-style:none}
/* Footer*/
#footer{
clear:left;
display: block;
width: 100%;
text-align: left;
color: #cccccc;
background:url(../images/bgback1.jpg) top repeat-x;
height: 230px;

}
#footer1{
clear:left;
display: block;
width: 100%;
text-align: left;
color: #989898;
background-color: #000;
height: 50px;
}
#footercontent{
    display: block;
width:950px;
margin: 0 auto;
padding: 10px 0;
}#leanslider{
    width:950px;height:460px;margin: 0px auto;
}
.maindivsspro{width:200px;height: 345px;text-align: center;margin:10px;float:left}.maindivss{height:200px;}.maindivss:hover{-moz-transform:scale(1.03);   -moz-transition:all 0.2s ease-in 0;box-shadow:0 3px 6px rgba(145, 145, 145, 0.8)}
 a.numbering{text-decoration: none;font-size: 14px;display: inline-block;padding: 4px 8px;color: #FFF;background-color: #000;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;cursor: pointer;}a:hover.numbering{font-size: 14px;display: inline-block;padding: 4px 8px;color: #FFF;background-color: #858585;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;cursor: pointer;}
 #desctext{width:800px;height:auto;text-wrap:normal;margin-bottom:50px;margin-left:auto;margin-right:auto;padding:10px;background-color:#E5F4FF}
   #desc{clear:left;height:300px;background-color:#FFF;margin-bottom:0;margin-top:50px;margin-left:auto;margin-right:auto;}
   * {
	margin: 0; 
	padding: 0;
}

/*Time to apply widths for accordian to work
Width of image = 640px
total images = 5
so width of hovered image = 640px
width of un-hovered image = 40px - you can set this to anything
so total container width = 640 + 40*4 = 800px;
default width = 800/5 = 160px;
*/

.accordian {
	width: 960px; height: 400px;
	overflow: hidden;
	
	/*Time for some styling*/
	margin: 5px auto;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
}

/*A small hack to prevent flickering on some browsers*/
.accordian ul {
	width: 2000px;
	/*This will give ample space to the last item to move
	instead of falling down/flickering during hovers.*/
}

.accordian li {
	position: relative;
	display: block;
	width: 140px;
	float: left;
	
	border-left: 1px solid #888;
	
	box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
	
	/*Transitions to give animation effect*/
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	/*If you hover on the images now you should be able to 
	see the basic accordian*/
}

/*Reduce with of un-hovered elements*/
.accordian ul:hover li {width: 40px;}
/*Lets apply hover effects now*/
/*The LI hover style should override the UL hover style*/
.accordian ul li:hover {width: 640px;}


.accordian li img {
	display: block;
}

/*Image title styles*/
.image_title {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0; bottom: 0;	
width: 640px;	

}
.image_title a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 20px;
	font-size: 16px;
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 975px;
}

ul,li{list-style:none}
.menu,
.menu ul,
.menu li,
.menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
 
.menu {
    height: 40px;
   margin-top:4px;
 
   
}
 
.menu li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    height: 40px;
}


.menu li a {
  display: block;
padding: 0 14px;
margin: 6px 0;
line-height: 28px;
text-decoration: none;
/* border-left: 1px solid #393942; */
border-right: 1px solid #DADADA;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 13px;
color: #fff;
/* text-shadow: 1px 1px 1px rgba(0,0,0,.6); */
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
} 
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; } 
.menu li:hover > a{color: #FFF;
background: rgb(33, 46, 54);
}
.menu2 li:hover> a{color:white;background:none}
.menu ul {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 99;
    opacity: 0;
    background: #1d1d1d;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}
 
.menu li:hover > ul { opacity: 0.96; }
 
.menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
 
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
 
.menu li:hover > ul li {
    height: 36px;
    overflow: visible;
    padding: 0;
    padding:5px;
}.menu ul li a{
    width: 160px;
    padding: 4px 0 4px 9px;
    margin: 0;
 
    border: none;
    border-bottom: 1px solid #353539;
}
 
.menu ul li:last-child a { border: none; }
.menu a.documents { background: url(http://lakshmisteeltube.in/img/docs.png) no-repeat 6px center; }
.menu a.messages { background: url(http://lakshmisteeltube.in/img/bubble.png) no-repeat 6px center; }
.menu a.signout { background: url(http://lakshmisteeltube.in/img/arrow.png) no-repeat 6px center; }



h2{font-size: 22px;line-height: 28px;color:#00376B;text-transform: uppercase}

 .grey{
padding: 10px 0 20px 6.061%;
height: auto;
background: #F1F1F1;
background: -moz-linear-gradient(bottom,rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear,bottom top,bottom top,color-stop(0%,#F1F1F1),color-stop(100%,#FFF));
background: -webkit-linear-gradient(bottom,#F1F1F1 0%,#FFF 100%);
background: -o-linear-gradient(bottom,rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(bottom,rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,#F1F1F1 0%,#FFF 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=1 );
list-style:disc url("http://lakshmisteeltube.in/images/arrow.png");
}
.grey ul li{padding: 6px 0px;}
.button_example:hover {border-color: #c6c6c6;
color: #222!important;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15);
box-shadow: 0 1px 0 rgba(0,0,0,.15);
background: #f8f8f8;
background: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background: linear-gradient(top,#f8f8f8,#f1f1f1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8,endColorstr=#f1f1f1,GradientType=1);
}.button_example {
border: 1px solid #dcdcdc;
border-color: rgba(0,0,0,0.1);
color: #444!important;
font-size: 11px;
background: #f5f5f5;
background: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background: linear-gradient(top,#f5f5f5,#f1f1f1);
cursor: default!important;
display: inline-block;
font-weight: bold;
height: 29px;
line-height: 29px;
min-width: 54px;
padding: 0 8px;
text-align: center;
text-decoration: none!important;
-webkit-border-radius: 2px;
border-radius: 2px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8,endColorstr=#f1f1f1,GradientType=1);
}
.button1 {
background: #DBDBDB;
background: -webkit-linear-gradient(top,#DBDBDB,#FFFFFF);
background: linear-gradient(top,#DBDBDB,#FFFFFF);
background-image: linear-gradient(to bottom,#DBDBDB,#FFFFFF);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DBDBDB,endColorstr=#FFFFFF,GradientType=1);
}

.button {
background: rgb(1, 37, 75);
font-weight: 400;
padding: 4px;
float: right;
margin-top: -15px;
width: 70px;
text-align: center;
}
.button:hover{box-shadow: 0px 1px 5px rgba(0,0,0,.3);
-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.3);
-moz-box-shadow: 0px 1px 5px rgba(0,0,0,.3);
background:rgb(0, 70, 145)}
.input{width:450px;height:25px;font-family:Verdana,sans-serif;font-size:14px;line-height:1.3em;background-color:#fbfcfb;border-color:#c5c5c5 #e3e3e3 #e3e3e3 #c5c5c5;border-radius:3px;border-style:solid;border-width:1px;box-shadow:1px 2px 2px rgba(0,0,0,.06) inset;font-size:13px;padding:3px 8px 2px}
.selectsize{height:30px;width:470px;}
.cust{color:#6D6D6D;}
#modalContainer{background-color:transparent;position:absolute;width:100%;height:100%;top:0;left:0;z-index:10000}#alertBox{position:relative;opacity:.9;width:300px;min-height:100px;margin-top:250px;border:1px solid rgba(216,215,215,.91);background-color:#545555;background-repeat:no-repeat;background-position:20px 30px}#modalContainer>#alertBox{position:fixed;font-size:14px}#alertBox h1{margin:0;font:700 .9em verdana,arial;background-color:#2875A0;color:#fff;border-bottom:1px solid #bbb;padding:2px 0 2px 5px}#alertBox p{font:.7em verdana,arial;height:50px;padding-left:5px;margin-left:20px;color:#fff}#alertBox #closeBtn{display:block;position:relative;margin:5px auto;padding:3px;width:90px;font:.7em verdana,arial;text-transform:uppercase;text-align:center;color:#fff;text-decoration:none;background-color:#a09d9d}
.subject{width:70px;padding-left:10px;font-weight:700;float:left}.subject1{float:left;padding-left:20px}.subject1 input,textarea{width:280px}.scrollup{width:40px;height:40px;opacity:.8;position:fixed;bottom:100px;right:20px;display:none;text-indent:-9999px;background:url(http://lakshmisteeltube.in/images/top.png) no-repeat}
.storedes h3{
    color: white;
    background: rgb(0, 64, 114);
    padding: 5px;
}
.storedes p{
    line-height: 28px;
color: #072F85;
font-size: 14px;
padding: 15px;
}

.bol1{
   background: #A0C7EB;
    color: #072F85;
}
.bol{
    background:#D1E2EE;
    color: #072F85;
}

.menu li:hover > ul.menu1 {

opacity: 1;
left: 179px;
visibility: visible;
}
.menu2 li a{
color:white
}
ul .menu1 {
 z-index: 999999;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
visibility: hidden;
opacity: 0;
position: absolute;
top: 0;
left: 202px;
padding: 7px 0 3px 0;
background: #6F7070;
text-align: left;
width: 180px;

}