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

body{
	padding:0;
	margin:0;
	font:normal 12px "lucida grande",tahoma,verdana,arial,sans-serif;
	color:#000;
	background:url(../../images/newImages/body-bg.gif) repeat-x;
	}
img {
	border:none;
}
a:link, a:visited {
	text-decoration:none;
}
a:hover {
}
.clearfloat {
	clear:both;
}
/***************************
	 PAGE STRUCTURE
****************************/
#site-wrapper {
	margin:0 auto;
	padding:0;
}
#header {
	padding:0;
	margin:0;
	background:url(../../images/newImages/bg-header.jpg) no-repeat;
	background-color:#fff;
	border-bottom:solid 1px #ccc;
}
#logo{
	width:280px;
	float:left;
	height:50px;
	padding:0;
	margin:0;
	color:#fff;
	font-size:22px;
	padding:20px 0 0 5px;
}
#logo a{
	color:#fff;
	}
.topright-menu{
	padding:0;
	margin:0;
	width:260px;
	float:right;
	text-align:right;
	padding:20px 5px 0 0;
	}
.topright-menu a:hover{
	text-decoration:underline;
	}
.main-nav{
	padding:0;
	margin:0 0 10px 0;
	height:40px;
	}
/*.main-nav ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
.main-nav li{
	display:inline;
	float:left;
	margin:0;
	}
.main-nav li span{
	margin:0 10px;
	}
.main-nav li a{
	color:#000;
	font-size:13px;
	margin:0;
	display:inline-block;
	padding:8px 0;
	}
.main-nav li a:hover{
	color:#611A64;
	}
.main-nav li a.active{
	color:#611A64;
	}
.main-nav li a:hover{}*/
/*********** Css for Login Page ***********/
.login-container{
	padding:0;
	margin:0;
	background-color:#F2F2F2;
	border:solid 1px #ccc;
	width:300px;
	height:260px;
	margin:60px auto;
	}
.login-container h1{
	padding:5px;
	margin:0;
	background-color:#404040;
	color:#fff;
	font:bold 18px Tahoma, Geneva, sans-serif;
	}
.loginfield{}
.loginfield ul {
	list-style-type:none;
    color: #333333;
    overflow: hidden;
    padding: 10px;
	margin:0;
}
.loginfield li {
    margin: 10px 0 0 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%;
}

.loginfield li label {
    color: #333333;
    display: block;
    margin-bottom: 5px;
	padding:0 0 0 8px;
}
.loginfield li input[type="text"] {
    margin: 0 0 15px;
    padding: 5px;
    width: 95%;
}

.loginfield li input[type="password"] {
    margin: 0 0 10px;
    padding: 5px;
    width: 95%;
}
.loginfield li a {
    margin: 10px;
}
.purplebutton {
	background:url(../../images/newImages/purple-button-left.png) no-repeat scroll left top transparent;
    cursor: pointer !important;
    display: inline-block;
    text-decoration: none !important;
}

.purplebutton span {
    background: url(../../images/newImages/purple-button-right.png) no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: inline-block;
    font-size: 15px;
    margin: 0 0 0 7px;
    padding: 3px 8px 8px 2px;
}

.purplebutton span b.rightArrowForward {
    background: url(../../images/newImages/big-arrow.png) no-repeat scroll right 8px transparent;
    font-weight: normal;
    padding: 5px 25px 5px 0;
}

  /*For big Grey button */
.greybutton{background:url(../../images/newImages/grey-button-left.png) no-repeat; display:inline-block;  text-decoration:none!important; cursor:pointer; }
.greybutton:hover{background:url(../../images/newImages/grey-button-left.png)) 0px -35px no-repeat; cursor:pointer; }
.greybutton span{ background:url(../../images/newImages/grey-button-right.png) right top no-repeat; margin:0px 0px 0px 7px!important; padding:5px 8px 10px 2px; color:#000!important; display:inline-block; font-size:15px; font-weight:normal; }
.greybutton span:hover{ background:url(../../images/newImages/grey-button-right.png) right -35px  no-repeat; cursor:pointer; }
.greybutton span b.rightArrowForward{ background:url(../../images/newImages/big-arrow.png) right 7px no-repeat; padding:5px 25px 5px 0px; font-weight:normal;}
.greybutton span b.rightArrowBack{ background:url(../../images/button-link/big-back-arrow.png) 0px 7px no-repeat; padding:5px 0px 5px 20px; font-weight:normal;}



.forget{
	color:#611A64;
	}
.forget:hover{
	text-decoration:underline;
	}
	
/************* Css For Footer Section **************/
#footer-wrapper{
	border-top: 1px solid #CCCCCC;
    overflow: hidden;
    text-align: left;
	}
.copyright{
	color: #666666;
    font-size: 10px;
    padding:10px 0;
    text-align: center;
	background-color:#e8e8e8;
	}



/************************************
	Css For Order sheet Page
*************************************/
.os-container{
	padding:5px;
	margin:0;
	}
.os-container h1{
	padding:0;
	margin:0 0 20px 0;
	font-size:20px;
	color:#601964;
	}
.search-criteria{
	padding:10px;
	margin:0;
	background-color:#F2F2F2;
	border:solid 1px #ccc;
	margin:10px auto;
	}
.search-criteria ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
.search-criteria li{
	padding:0;
	margin:0;
	}
.marginl40{
	margin:0 0 0 40px !important;
	}
.margintl{
	margin:20px 0 0 43px !important;
	}
.search-criteria li img{
	vertical-align:top;
	margin:5px 5px 0 0;
	}
.search-criteria li h2{
	padding:0 0 0 25px;
	margin:0 0 20px 0;
	font-size:18px;
	background:url(../../images/newImages/findico.png) no-repeat 0 2px;
	width:22px;
	height:22px;
	}
.search-criteria li label {
    color: #333333;
	padding:0 0 0 8px;
}
.search-criteria li input[type="text"] {
    margin: 0 20px 0 0;
    padding: 5px;
	font-size:11px;
    width: 15%;
}
.search-criteria li .ddlist {
    margin: 0 20px 0 0;
    padding: 5px;
    width: 15.8%;
	font-size:11px;
	border-right:solid 1px #000;
}
.grid-view{
	margin:20px 0;
	}
.grid-head th{
	border:solid 1px #ccc; 
	padding:5px; 
	background-color:#404040; 
	color:#fff; 
	/*font-weight:bold;
    border-right:solid 1px #ccc;*/
	}
	.grid-head1 th{
	border:solid 1px #747477; 
	padding:5px; 
	background-color:#747477; 
	color:#fff; 
	/*font-weight:bold;
    border-right:solid 1px #ccc;*/
	}
.grid-inn td{
	/*border-right:solid 1px #ccc;*/
	padding:7px 7px;
	color:#000;
	font-weight:normal;
	font-size:11px;
	}
.grid-inn a{
	}
.grid-inn a:hover{
	text-decoration:underline;
	}
.whitebg{
	background-color:#fff;
	}
.ord-no{
	color:#017806;
	}
.grybg{
	background-color:#F2F2F2;
	}
/* Pagination DIV */
#pg {
	background-color: #FFFFFF;
	font-size: 11px;
	margin:10px 0 0 0;
	text-align:right;
}
/* Pagination Link */

#pg a {
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	border: 1px solid #ccc;
	padding: 1px 4px;
	margin:0 0 0 5px;
}
#pg a:hover {
	font-size: 11px;
	text-decoration: none;
	color: #611A64;
	border: 1px solid #611A64;
	background-color: white;
	padding: 1px 4px;
}
/* Pagination Current Page */

#pg a.current {
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	border: 1px solid #611A64;
	background-color: #611A64;
	padding: 1px 4px;
}
/* Pagination Disabled Page */

#pg span.disabled {
	font-size: 11px;
	text-decoration: none;
	color: #C6C7C7;
	border: 1px solid #C6C7C7;
	background-color: white;
	padding: 1px 4px;
}	

.mandatory {
    background: url(../../images/newImages/asterix.png)	no-repeat 1px 2px transparent;
}
.text-center{
	text-align:center;
	}
.tblborder{
	border:solid 1px #ccc; border-right:none;
	}
	
.pagination
{
    font-size: 11px;
	text-decoration: none;
	color: #000000;
	border: 1px solid #ccc;
	padding: 1px 4px;
	margin:0 0 0 5px;
}
#megamenu-wrapper{
            display: block;
            height: 30px;
            clear: both;
            background-image: url(https://www.szul.com/images/bg-images/bg-header-navbar.gif?p1=1);
            background-position: left bottom;
            padding-left: 10px;
            padding-top: 5px;
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: #E2E2E2;
}
.current
{    
  border: 1px solid #660066;
  border-bottom:none;
  background-color:#fff;
}  


/*********Added by Gourav Sharma**********/
.step {
    border: solid 1px #A0A0A4;
    border-bottom: none;
    border-top-right-radius:50px;
    padding: 10px;
    width:300px;
}

.step-active {
    border: solid 1px #A0A0A4;
    border-bottom: none;
    border-top-right-radius: 50px;
    padding: 10px;
    width: 300px;
    background-color: #f4f4f4;
}

.step-complete {
    border: solid 1px #A0A0A4;
    border-bottom: none;
    border-top-right-radius: 50px;
    padding: 10px;
    width: 300px;
    background: url('../../Images/checkmark.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: 30px;
    padding-left: 30px;
}