/*  
URL: http://www.vikrantsonweb.com
Version: 1.1
Author: Vikrant Suman
*/


body{
	background:#fafafa url(../images/body_bg.jpg) left top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:0;
}
img{
	border:none;
}
p, h1, h2, h3, h4, h5, h6, form {
	margin:0;
	padding:0;
} 
ul,li{
	list-style-type:none;
	margin:0;
	padding:0;
}
a {
	font-size:12px;
	color:#036403;
	text-decoration:none;
	outline:none;
}

.txt_left{text-align:left;}
.txt_right{text-align:right;}
.txt_center{text-align:center;}


/*-------------------------Genric------------------------*/
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}

.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mR10{margin-left:10px;}
.mL20{margin-left:20px;}
.p8{padding:8px;}

input[type='text'], select{
	border:1px solid #cccccc;
	color:#666;	
}

/* ----------------- Wrapper ----------------- */

#wrapper{
	/*width:980px;*/
	margin:0 auto;
	width:93%;
}

/* ----------------- Header ----------------- */
#header{
	width:auto;
	
}
.logo{
	width:auto;
	float:left;	
}
.logo a{
	background:url(../images/jaz_logo.png) left top no-repeat;
	display:block;
	height:100px;
}
.head_rit{
	background:url(../images/login_bg.png) left top repeat-x;
	width:280px;
	float:right;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	position:relative;
	zoom:1;
}
.head_rit ul{
	text-align:center;
	margin:0; 
}
.head_rit ul li{
	list-style:none;
	*float:left;
	display:inline-block;
	color:#fff;
	padding:12px 6px;
}
.head_rit ul li a{
	display:inline-block;
	font-size:12px;
	color:#fff;
}
.head_rit ul li a span{
	color:#01ff01;
}


/* ----------------- Container ----------------- */
#container, #login_box, #referal, #add_discount, #sales, #manage_taxes{
	background:#036403 url(../images/container_bg.jpg) left top repeat-x;
	margin: 0 auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-o-border-radius: 10px;
	padding:10px;
	position:relative;
	zoom:1;
}
.dashboard{
	width:852px;
	margin:0 auto;
	//border:solid 1px red;
}
	
.inner_cont, .add_user{
	background:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-o-border-radius: 10px;
	padding-bottom:40px;
	position:relative;
	zoom:1;
}
.right_side .inner_cont{
	background:none;
}
.add_user{
	background:#ebebeb url(../images/add_user.png) left top repeat-x;
	overflow:hidden;
	position:relative;
	/*min-height:850px;*/
        min-height:875px;
}

h2.heding{
	background:url(../images/hr_line.png) center bottom no-repeat;
	font-size:20px;
	color:#08540a;	
	font-weight:normal;
	text-align:center;
	padding:16px 0 13px;
}
.inner_cont ul {
	margin:0 auto;
	/*width:705px;*/
	width:100%;
}
.right_side .inner_cont ul {width:350px;}

.inner_cont ul li{
	background:#acdbad;	
	border:1px solid #009a01;
	*float:left;
	display:inline-block;
	width:139px;
	min-height:155px;
	vertical-align:top;
	text-align:center;
	margin:25px 15px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	-o-border-radius:5px;
	text-align:center;
	position:relative;
	zoom:1;
}
.inner_cont ul li span.round_user{
	background:#fff;
	width:90px;
	height:100px;
	display:inline-block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	-o-border-radius:5px;
	box-shadow:3px 3px 3px #555;
	-moz-box-shadow:3px 3px 3px #555;
	-webkit-box-shadow:3px 3px 3px #555;
	-o-box-shadow:3px 3px 3px #555;	
	padding:6px;
	margin-bottom:12px;
	position:relative;
	zoom:1;
}
.inner_cont ul li a{
	display: block;
    padding: 15px 0;
}
.inner_cont ul li p{
	color:#036403;
	font-size:13px;
	padding-top:10px;
}
.left_side{
	background:#d2e9d2;
	width:210px;
	float:left;
	box-shadow:3px 0 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:3px 0 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:3px 0 3px rgba(0, 0, 0, 0.25);
	-o-box-shadow:3px 0 3px rgba(0, 0, 0, 0.25);	
	padding:15px 0 0;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
}
h1.quick_link{
	font-size:20px;
	color:#036403;
	padding:0 0 10px 12px;
}
.left_side ul li a{
	font-size:12px;
	color:#036403;
	padding:8px 20px 8px 35px;	
	display:block;	
	text-decoration:none;
	background:url(../images/arrow_green.png) 15px 11px no-repeat;
}
.left_side ul li a:hover, .left_side ul li a.active{
	background:#036403;
	color:#fff;
	background:#036403 url(../images/arrow_green.png) 15px -20px no-repeat;
}
.right_side{
	/*width:712px;*/
	width:83%;
	float:left;	
	margin:10px 0 0 230px;
}
h3.title{
	color:#036403;
	font-size:16px;
	font-weight:normal;	
	/*padding:27px 0 22px 0;*/
}
h3.title span{
	padding:10px 0;
	display:inline-block;	
}
.user_info, .add_detail{
	background:#fff;
	border:1px solid #cccccc;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	position:relative;
	zoom:1;
	padding:12px 0 20px 19px;
}
.user_info label{
	float:left;
	width:190px;
	color:#333333;
	font-size:12px;
	padding:8px 0;
	*padding:7px 0;
}
.user_info label em, em{
	color:#ff0000;	
}
.user_info div.input_box{
	float:left;	
}
.input_box input[type='text'], .input_box input[type='password'], .input_box select{
	width:332px;
	border:1px solid #cccccc;
	padding:3px 10px;
	margin:4px 0;
	color:#555;
}
textarea{
	border:1px solid #cccccc;
}

.input_box select{
	padding:2px 2px 2px 10px;
	width:354px;
}
.input_box input.calender[type='text']{
	width:310px;	
}
h4{
	color:#036403;
	font-size:14px;
	font-weight:normal;
	padding:10px 0;	
}
.input_box input[type='submit'], .round_btn, a.green_btn{
	background:url(../images/input_btn_bg.png) left top repeat-x;
	padding:3px 12px;
	cursor:pointer;
	border:none;
	width:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	-o-border-radius:5px;
	position:relative;
	zoom:1;
	font-size:13px;
	color:#fff;
	margin:6px 5px 0px 9px;
	height:auto;
	}
	
	.round_btnred-sep, a.green_sep_btn{
	background:url(../images/input_btn_bg.png) left top repeat-x;
	padding:3px 12px;
	cursor:pointer;
	border:none;
	width:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	-o-border-radius:5px;
	position:relative;
	zoom:1;
	font-size:13px;
	color:#fff;
	margin:6px 5px 0px 9px;
	height:auto;
	//border:solid 1px red;
	}
	
	
	.round_btnred{
	background:url(../images/input_btn_bgred.png) left top repeat-x;
	padding:3px 12px;
	cursor:pointer;
	border:none;
	width:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	-o-border-radius:5px;
	position:relative;
	zoom:1;
	font-size:13px;
	color:#fff;
	margin:6px 5px 0px 9px;
	height:auto;
	}
	.round_btnred-sep{
	background:url(../images/input_btn_bgred.png) left top repeat-x;
	padding:3px 12px;
	cursor:pointer;
	border:none;
	width:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	-o-border-radius:5px;
	position:relative;
	zoom:1;
	font-size:13px;
	color:#fff;
	margin:6px 5px 0px 9px;
	height:auto;
	}
	
/*******************LOGIN BOX*******************/
.outter{ display: table; position: absolute; height: 100%; width: 100%;    }
.middle { display: table-cell; vertical-align: middle;}
.inner { margin:0 auto; width:500px;}
.inner .logo {float:none; width:auto;}
.inner .logo a{text-align:center;}
#login_box, #referal, #add_discount, #sales, #manage_taxes{width:auto; *display:inline; position:relative;/* text-align:center;*/}
 #login_box .inner_cont, #referal .inner_cont{padding:0;text-align:center;}
#login_box .inner_cont h2.heding{background:none;}
#login_box label, #referal label, #sales label{
	display:inline-block;
	*float:left; 
	width:70px;
	color:#333333;
	font-size:12px;
	padding:8px 0; vertical-align:top;
}
#login_box input[type='text'], #login_box input[type='password'], #referal input[type='text'], #sales input[type='text']{
	background:url(../images/input_login.png) left top no-repeat;
	border:none;
	width:310px;
	padding:8px 12px;	
}
#login_box .input_box, #referal .input_box, #sales .input_box{
	display:inline-block;
}
.forgot{
	float:right;
	width:145px;
	margin-right:43px;
	text-align:right;
}
.forgot a{
	font-size:11px;
	font-style:italic;
	color:#009901;
	text-decoration:none;	
}
#login_box input[type='button'],input[type='submit']{
	background:url(../images/login_btn.png) left top no-repeat;
	border:none;
	cursor:pointer;
	/*font-size:16px;*/
	color:#fff;	
	width:94px;
	height:33px;
	margin:12px 0;
}
.search_box, .product_search{
	background:#d3ebd4;
	border:1px solid #7dae7d;
	padding:12px 17px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	-o-border-radius:5px;
	position:relative;
	zoom:1;
	margin-bottom:20px;
}
.search_box label, .product_search label{
	font-size:13px;
	color:#2a2f2a;	
	float:left;
	////width:65px;
	width:auto;
	display:inline-block;
	padding:9px 3px 0 0;
}
div.txt_box{
	float:left;	
}
.search_box div.txt_box input[type='text'], .search_box div.txt_box select, .product_search div.txt_box input[type='text'], .product_search div.txt_box select {
	width:210px;
	padding:3px 5px;
	border:1px solid #cccccc;
	color:#2a2f2a;	
	margin:5px 0;
}
.search_box div.txt_box select{
	width:220px;
	padding:2px 3px 2px 5px;
}

.search_box div.txt_box input[type='submit']{
	margin:5px 10px;
	padding:4px 12px;
	height:auto;
}
.add_detail{
	padding:10px;
	overflow-x:auto;
}
.grid_table{
	border:1px solid #81b181;
}
.grid_table th{
	background:#036403;
	color:#fff;	
	font-weight:normal;
	/*padding:10px 6px;*/
	/*width:60px;*/
}
.grid_table td{
	color:#2a2e2a;
/*	padding:11px 8px;*/
	/*padding:10px 0px;*/
	vertical-align:top;
	padding-top:5px;
}
.grid_table td a{
	color:#2c7e2c;
}
.action a{
	background:url(../images/edit_action.png) left top no-repeat;
	display:inline-block;
	height:17px;
}
.action a.on{
	background-position:left top;
	width:12px;
}
.action a.off{
	background-position:left -14px;
	width:12px;
}
.action a.edit{
	background-position:right top;
	width:20px;
}
.action a.delete{
	background-position:6px -30px;
	width:20px;
}

.grid_table tr:nth-child(even) {background: #fff}
.grid_table tr:nth-child(odd) {background: #d0e8d1}
.grid_table1{
	border:1px solid #81b181;
}
.grid_table1 th{
	background:#036403;
	color:#fff;	
	font-weight:normal;
	padding:10px 6px;
}
.grid_table1 td{
	color:#2a2e2a;
	padding:11px 8px;
}
.grid_table1 td a{
	color:#2c7e2c;
}

.pagination{
	padding:10px 0;
	float:right;		
}
.pagination ul li{
	list-style:none;
	float:left;	
}
.pagination ul li a{
	color:#036803;
	display:inline-block;
	padding:2px 5px;
}
.pagination ul li a:hover, .pagination ul li a.current{
	background:#036803;
	color:#fff;	
}
.product_search label:first-child{
	width:40px;
}
.product_search label{
	width:92px;	
}
.product_search div.txt_box input[type='text']{
	width:100px;	
}
.product_search div.txt_box select {
	width:120px;
	padding:2px 3px 2px 5px;	
}
.action{width:60px; text-align:center;}
.input_box select.select_m{width:315px;}

.product_search div.txt_box select.selet_s{
	width:210px;
	margin:6px 6px 0 0;
	padding:2px 3px 2px 5px;	
}
.order div.txt_box select{
	width:200px;
	margin:5px 10px 5px 5px;	
}
.order div.txt_box input[type='text']{
	width:135px;
	/*margin-right:5px;	*/
	margin:5px 5px 0 0;
}
.calender{
	padding:5px;	
}
h2.basic_info{
	background:#027E02;
	padding:10px 12px;
	font-size:16px;
	color:#fff;	
}
h3.basic_infocrm{
	background:#027E02;
	padding:10px 12px;
	font-size:16px;
	color:#fff;	
}
h2.basic_infos{
                 width: 153px;
                height: 19px;
	background:#027E02;
	padding:10px 12px;
	font-size:14px;
	color:#fff;	
               text-align:center;
}
h2.basic_infocat{
                 width: 90px;
                height: 19px;
	background:#027E02;
	padding:10px 12px;
	font-size:12px;
	color:#fff;	
              text-align:center;
}
.basic_infocat
{
text-align:center;
}
h2.basic_infocate{
                 width: 90px;
                height: 19px;
	padding:10px 12px;
	font-size:12px;
        text-align:center;
}
h2.basic_infotion{
                width: 112px;
                height: 19px;
	background:#027E02;
	padding:10px 12px;
	font-size:12px;
	color:#fff;	
      text-align:center;
}

h2.basic_infotab{
                width: 150px;
                height: 19px;
	padding:10px 12px;
	font-size:14px;
         text-align:center;
	
}
h2.basic_infoord{
                width: 150px;
                height: 19px;
	padding:10px 12px;
	font-size:14px;
              text-align:center;
	
}
.measurement{
	border:1px solid #7DAE7D;
	//width:100%;
	//border:solid 1px red;
}
.measurement .side_left{
	width:57%;
	float:left;	
	border-right:1px solid #7DAE7D;
}
.measurement .side_left input[type='radio']{
	float:left;
	margin:2px 5px 0 0;	
}
.shirt .row{
	border-bottom:1px solid #7DAE7D;
}
.row{
	padding:6px 0 6px 6px;	
}
.measurement .side_left label{
	width:65px;
	float:left;
	display:inline-block;
	padding:2px 0;	
}
.radio_box{
	float:left;	
	width:75px;
}
.radio_sholder{
	float:left;
	width:215px;
}
.radio_sholder div{
	width:100px;
	float:left;
}
.measurement .radio_sholder input[type='radio']{
	margin-top:20px;	
}

.measurement .side_right{
	/*width:387px;*/
	width:460px;
	min-height:245px;
	float:right;
	//border-left:1px solid #7DAE7D;	
}
.side_right label{
	width:90px;
	float:left;	
	padding:2px 0;
}
.input_s{
	width:70px;	
}
.row ol{
	margin:0;
	padding:0;	
}
.row ol li{
	/*background:url(../images/incline_bg.gif) 10px top no-repeat;*/
	width:55px !important;
	float:left;
	height:100px;
	font-size:9px;
	text-align:left;
	padding-right:5px;	
}
.row ol li input[type='radio']{
	margin:50px 0 0 0;	
}
.row ol li.one{background-position:-35px top;}
.row ol li.two{background-position:-75px top;}
.row ol li.three{background-position:-115px top;}
.row ol li.four{background-position:-156px top;}
.row ol li.five{background-position:-195px top;}

.measurement h4{border-bottom:1px solid #7DAE7D; border-top:1px solid #7DAE7D;}
.measurement .coat{padding:0;}
.coat div.row{padding:8px 0 0 6px;}
.coat div.row label{
	width:126px;
	float:none;	
	display:inline-block;
}
.coat div.row input[type='text']{padding:2px 6px; width:115px;}

.coat div.row input[type='number']{padding:2px 6px; width:115px;}

.grid_table td select[multiple='multiple']{width:120px; height:50px;}
.grid_table .product_input input{padding:2px 6px;}
.grid_table .product_input textarea{width:290px;}
.total{width:320px; float:right;}
.total label{width:80px; font-weight:bold; padding-right:50px; text-align:right; display:inline-block; float:left;}
.total div.rows{padding:5px;}

.payment_detail{
	text-align:center;	
}
.payment_detail label, .send_invoice label{
	width:140px;
	float:none;
	padding:5px 10px 5px 0;	
}
.send_invoice label{display:inline-block;}
.payment_detail span.method, .send_invoice span.method{
	display:inline-block;
	padding:0 10px;
	margin:10px 0;
	text-align:right;
	line-height:22px;
}
.payment_detail span.method input[type='radio'],{
	margin-top:10px;	
}
.payment_detail .total{
	width:468px;	
}
.payment_detail .total .rows label{
	float:left;
	width:160px;
}
.payment_detail .total .rows input{
	float:left;	
}
/*#cboxContent{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px; 
	-o-border-radius:8px;
	position:relative;
	zoom:1;
	
}*/
#login_box .popup_inner, #referal .popup_inner, #sales .popup_inner, #manage_taxes{
	padding:10px;
	text-align:left;
}
#login_box .popup_inner label, #referal .popup_inner label, #sales .popup_inner label, manage_taxes .popup_inner label{
	width:120px;
	display:inline-block;
	padding:5px 10px;
}
.row .check_box{
	width:140px;
	float:left;	
	padding:5px 0;
}
div.first{text-align: center; width: 128px; float:left; margin-top:4px; line-height:25px;}
div.first input[type='text']{width:112px; padding:5px; margin-bottom:5px;}
.men_shirt table.grid_table tr td{
	border:1px solid #81b181;
}
.men_shirt{
	overflow-x: scroll;
}
.men_shirt td{padding:0;}
.men_shirt table.grid_table tr th{font-weight:bold; border-right:1px solid #e1e1e1;}
.men_shirt table.grid_table tr td:first-child{border-left:none:}

.coat_measurement input[type='radio']{
	float:left;
	margin:2px 5px 0 0;	
}
.coat_measurement label{width:145px;}


.width_515{width:515px;}
.input_field{//width:500px; padding:8px 0;}
.client_profile{margin:15px auto 0;}
.client_profile ul li{float:left;}
.client_profile ul li a{background:#036403; display:block; padding:10px 25px; margin:0 0 0 5px; color:#fff;-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0; 
	-o-border-radius:8px 8px 0 0;
	position:relative;
	zoom:1;
}
.client_profile ul li a:hover{background:#009301;}

.tabs ul{ list-style:none;}
.tabs ul li{float:left; margin-right:3px; height:32px;}
.tabs ul li a{background:#036403; text-decoration:none; font-size:13px; color:#fff; display:block; padding:10px 25px; -moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0; 
	-o-border-radius:8px 8px 0 0;
	position:relative;
	zoom:1;}
.tabs ul li a:hover, .tabs ul li a.selected{background:#009201; color:#fff;}

/* ----------------- Footer ----------------- */
#footer{
	border-top:1px solid #cacaca;
	margin:60px 0;
	text-align:center;
	font-size:12px;
	color:#a6a6a6;
	padding:10px;	
}


.grid_table tr.row_even td {background: #fff}
.grid_table tr.row_odd td {background: #d0e8d1}

/*.up_down{position:relative;}
.up_down span{position:absolute; top:0; right:0;}
.up_down span a{background:url(../images/up_down.png) left top no-repeat; text-indent:-9999px; width:10px; height:10px; display:block;}
.up_down span a.down{background-position:left -10px;}*/

.up_down *{display:inline-block; vertical-align:middle;}
.up_down span{max-width:82%;}

#custom_coat_alteration, #custom_pant_alteration{display:none;}

#manage_taxes .popup_inner{padding:10px;}

.row_duplication td select{padding:2px 0 2px 4px;}

#tContent2 .payment_detail label, #tContent3 .payment_detail label{width:100px;}
#tContent1 .user_profile{width:460px; float:left; margin-right:15px;}
.profile_photo{float:left; text-align:center;}
.profile_photo .img_main{border:1px solid #e1e1e1; padding:5px;}
#tContent1 .user_info div.input_box{
	//width:200px;
	float:left;
	//border:solid 1px red;
}
.total_table td:first-child{border:none;}
.total_table td{border-left:1px solid #81B181;}
.popup_inner label.error { width:auto!important;float:none !important; }
label.error{ color:#ff0000!important;float:left!important; clear:both !important; /*display:block !important;*/ width:325px !important; text-align:left !important;  padding:0 !important;  /*position:absolute;*/}
.right_side label.error{ padding:0 !important; color:#ff0000!important;float:none!important; clear:both; display:block;/*position:absolute;*/}
.logoutSucc{left:110px; top:5px; color:#99CC00; font-size:14px;}
.box {
    padding: 8px;
    margin-bottom:8px;
    color:#555;
    border:1px solid #ccc;
    background:#eee;
}
.box_info {
    padding-left: 32px;
    border:1px solid #B8E2FB;
    background:#E8F6FF url("../images/information.png") no-repeat 8px 50%;
}
.box_warning{
    padding: 5px 0px 5px 32px;
    border:1px solid #F2DD8C;
	color:#FF002A;
    background:#FFF5CC url("../images/error.png") no-repeat 8px 50%;
	width:470px;
	
	
}
.box_warning2{
    padding: 5px 0px 5px 32px;
    border:1px solid #F2DD8C;
	color:#FF002A;
    background:#FFF5CC url("../images/error.png") no-repeat 8px 50%;
	
	
}
.loginPage .box_warning{
    padding: 5px 5px 5px 30px;
    border:1px solid #F2DD8C;
	color:#FF002A;
    background:#FFF5CC url("../images/error.png") no-repeat 8px 50%;
	width:300px;
	margin:-11px -6px; 0 0;

}
.availabile{ color:#036403!important;}
.notavailabile{color:#ff0000!important;}
.errorProduct{color:#ff0000!important;}
.arrowup{background:url(../images/arrow-up.png) right 5px  no-repeat; padding-right:12px;}
.arrowdown{background:url(../images/arrow-down.png) right 7px  no-repeat; padding-right:12px;}
.defultarrow{ background:url(../images/defult-img.png) center right no-repeat; padding-right:12px;}
.adminDataSort{ color:#FFFFFF;}
/* tab*/
.widget {
margin: 20px 0px 20px 0px;
padding: 10px;
/*border: 1px solid #dedbd1;*/

}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}

	.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	line-height:30px;
	}
	
		.tabnav li a {
		text-decoration: none;
		text-transform: uppercase;
		color: #222;
		font-weight: bold;
		padding: 4px 4px;
		outline: none;
		border:1px solid #ccc;
		border-bottom:none;
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: #cce4f3;
		color: #222;
		text-decoration: none;
		border:1px solid #ccc;
		border-bottom:none;
		
		background: #e2e2e2; /* Old browsers */
		background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

		
		}
		
		.tabBanner li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	}
	
		.tabBanner li a {
		text-decoration: none;
		text-transform: uppercase;
		color: #222;
		font-weight: bold;
		padding: 4px 4px;
		outline: none;
		border:1px solid #ccc;
		border-bottom:none;
		}
		
		.tabBanner li a:hover, .tabBanner li a:active, .tabBanner li.ui-tabs-selected a {
		background: #cce4f3;
		color: #222;
		text-decoration: none;
		border:1px solid #ccc;
		border-bottom:none;
		
		background: #e2e2e2; /* Old browsers */
		background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

		
		}
	.tabdiv {
	margin-top: 4px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 5px;
	}	
	
	.tabdivAds {
	margin-top: 4px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 5px;
	}
	
	.right_side label { clear:both; }
	.search_box label { clear:none;}
	.right_side .m1 .row{ position:relative;}
.right_side .m1 label.error{ position:absolute; top:23px; left:-50px; }
.right_side .m1 .imgrow label.error{ position:absolute; top:105px; left:-19px; }

.grid_table1 td a.mactive{ color:#00FF00; font-weight:bold;}
.grid_table1 td a.minactive{ color:#ff0000; font-weight:bold;}

.copycontainerinner1 label.error { display:none !important;}
.copycontainerinner1 input.error { border:1px solid red;}

.right_side .m1 .imgrow2 label.error{ position:absolute; top:88px; left:-30px; }


.tablebrand{font-family:Arial; font-size:11px; color:#000000;border:2px solid #cccccc; border-collapse:collapse; vertical-align:top;margin-top:5px; clear:both;}

.common_border{border:2px solid #ccc; }

.left_head{ font-weight:bold; font-size:13px; line-height:17px;font-family:Tahoma, Arial, Helvetica, sans-serif; padding:5px;}

.min-heightss{height:800px !important;}

.left_head p{ letter-spacing:10px;}
.border-bnone{ border-bottom:none;}
.border-lnone{border-left:none; }
.border-rnone{border-right:none;}
.border-tnone{border-top:none;}
.tdlabel{ font-size:11px; font-weight:600; vertical-align:middle; padding:5px;}
.labelresult{font-size:15px; font-weight:bold;margin-top:5px;}

.tdlabel-no{ font-size:14px; font-weight:600; vertical-align:middle; padding:5px 0 5px 0px;}

.border-nones{border:none;}

.border-b{border-bottom:2px solid #ccc;}

.radios{ width:20px; margin:5px !important;}

.popradios{ width:20px; margin:0px !important;}

.text_button{ width:130px; height:25px; text-align:center; font-size:16px; border:solid 1px red;}

.totalred{ font-size:13px;}









.order-date{font-size:14px; font-weight:bold; float:left; }

.date{padding-left:20px;font-size:14px; font-weight:bold;  float:left;}

.weight{padding-left:50px;}

.textbox{width:100%;}

.plain-text{margin-left:162px; }

.unfinished-text{margin-left:114px;}

.textButton{ width:100px; height:auto; text-align:center; font-size:16px; }

.tdlabels{ font-size:11px; font-weight:600; vertical-align:middle; padding:5px; border-bottom:2px solid #ccc;}

.tdlabels-outside{ font-size:11px; font-weight:600; vertical-align:middle; padding:0; border-bottom:2px solid #ccc;}

.commentsleft{ width:100%; height:100px; font-size:18px; font-weight:bold; text-align:left;}

.suite-img{ width:50px; height:50px;}

.cuffs_width{ width:130px; height:25px; text-align:center; font-size:16px; margin-left:30px}

.pantComments{ width:100%; height:100px; font-size:18px; font-weight:bold; }

.pick-text{ padding-left:50px; }

.skipstitch-text{ padding-left:30px; }

.none-text{ padding-left:10px; }

.suspender-buttons-yes{ padding-left:30px;}

.suspender-buttons-no{ padding-left:20px; }

.watch-pocket-buttons-yes{ padding-left:65px; }

.watch-pocket-buttons-no{ padding-left:20px;}

.additional_comments{ width:100%; height:120px; font-size:18px; font-weight:bold; }

.internal-use{ font-size:15px; line-height:32px; padding:1px; }

.internal-use-border{ font-size:15px; line-height:32px; padding:0;}


.main-table{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}

.borders{ border:1px solid #cccccc;}

.border-left-right{ border-left:1px solid #cccccc; border-right:1px solid #cccccc;}

.table-borders{ border:1px solid #cccccc; border-collapse:collapse;}

.tdleftnone{border-left:none;}

.tdrightnone{border-right:none !important;}

.store_info tr td{border-right:1px solid #7DAE7D;border-bottom:1px solid #7DAE7D;  padding:5px;font-size:12px;}


.shirt_info tr td{border-right:1px solid #7DAE7D;border-bottom:1px solid #7DAE7D;  padding:5px;font-size:12px;}

.shirt_infobrnone{border-right:none !important; border-bottom:none !important;}

.top-td-border{ border:1px solid #cccccc; padding:5px;font-size:12px;}

.top-td-border-right{ border-right:1px solid #cccccc; padding:5px;font-size:12px;}

.border-right{ border-right:1px solid #cccccc;}

.top-title{ padding:6px 0 5px 0; font-size:11px; font-weight:bold;}

.top-title-small{ padding:6px 0 3px 0;font-size:12px;}

.sleeve-placket-button{ padding:6px 0 3px 0; margin-bottom:26px;font-size:12px;}

.no-label{ padding:5px;font-size:12px;}

.no-label-title{ padding:5px; font-size:14px;}

.no-label-small{ padding:3px;font-size:12px;}

.main-title{ font-weight:bold; border-bottom:1px solid #cccccc; padding:5px; text-align:center;}

.txtbox{ width:35px;}

.txtbox-float{ width:35px; float:right;}

.shirtHalfSleeve{ width:30px;}

.shirtCollar-Stays{ width:32px;}

.shirtCollar-Eyelt{ width:33px;}

.shirtCollar-Perm-Stays{ width:34px;}

.shirtCollar2{ width:40px;}

.shirtHalfSleeve{ width:50px;}

.initial-position{ width:40px; text-align:center;}

.shirtMonogram{ width:45px;}

.measurement-full{ width:70px; text-align:center; margin:5px;}

.measurement-half{ width:35px; margin:5px; text-align:center;}

.heightWeight{ width:60px; margin:5px; text-align:center;}

.sub-title{ padding:6px 0 3px 0; border-bottom:1px solid #cccccc;font-size:12px; }

.sub-title-base{ padding:3px; border-right:1px solid #cccccc;font-size:12px;}

.total-no-shirts{ padding:3px; border-bottom:1px solid #cccccc; text-align:left; height:50px;}

.position{ padding:3px; border-bottom:1px solid #cccccc; text-align:center;}

.style-title{ padding:3px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center;}

.the-section-title{ font-size:14px; font-weight:bold; text-align:center; margin:20px 0 20px 0;}

.reg-title{ font-size:15px; text-align:center; font-weight:bold;}

.button{ font-size:15px; padding-bottom:10px;font-weight:bold;}

.nos{ font-size:20px; }

.text{ padding:6px 0 7px 0;font-size:11px;  }

.monogram-initial{ padding:5px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; }

.monogram-initial-subtitle{ padding:5px; border-bottom:1px solid #cccccc; }

.fused-radiobtn {margin-top:20px; border:solid 1px red;}

.no-fused-radiobtn {margin-top:3px;}

.special-comments{ padding:5px; border-bottom:1px solid #cccccc; }

.state { width:100px;}

.zip { width:100px; height:17px;}

.shirtCollar_style{ width:45px; float:right; margin:0 0 0 5px;}

.shirtCollar_style3{ width:45px; margin:0 0 0 5px;}

#toTop {
 display: block;
 position: fixed;
 top: 50%;
 right: 0;
 padding: 10px;
 border: 2px solid red;
 background: white;
 
}.scrollToTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:75px;
	right:-10px;
	display:none;
	background: url('../images/arrow_up.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}


@media (min-width: 600px) and (max-width: 767px) {
.logo-img {  max-height: 100px !important;  max-width: 49% !important;}
.status {	margin-left: -9px !important;    width: 150px;}
.head_rit { width: 50% !important;}
.inner_cont ul { text-align: center; width: 100%;}
.inner_cont ul li span.round_user { width: 75%; }
.left_side { width: 35%; position: relative; }
.right_side { float: left; margin: 10px 0 0 5px; width: 63%; }
.input_box input[type="text"], .input_box input[type="password"], .input_box select { width: 160px; }
.search_box, .product_search {width: auto; }
div.txt_box {float: none; text-align: left;}
.search_box div.txt_box input[type="text"], .search_box div.txt_box select, .product_search div.txt_box input[type="text"], .product_search div.txt_box select { width: 66%; margin: 5px 0 0 0; }
.search_box label, .product_search label {width: 100% !important; text-align: left;}
.product_search label:first-child { width:55px;}
.tabs ul li a {padding: 10px 18px;}
#login_box input[type="button"], input[type="submit"] { margin:6px 0; }
.input_box select.select_m {width: auto;}
.//ms-choice {width: 100px !important; }
.ms-drop {width: 85% !important; }
.right_side .inner_cont ul { width: 280px;}
.tabs ul li { border-bottom: 1px solid #ffffff; height: auto; width: 100%;}
.user_info label { width: 136px; }
.measurement .side_right { width: 100%; }
.measurement .side_left { width: 100%;}
.total {  width: 100%;}
.total label {padding-right: 16px;}
.payment_detail { text-align: left;}
#tContent2 .payment_detail label, #tContent3 .payment_detail label {width: 50% !important;}
.payment_detail span.method, .send_invoice span.method { padding:0; }
.select-Date {margin-left: -12px !important;}
.right_side .m1 .imgrow label.error { left:108px !important; top:188px !important; }
.right_side .m1 label.error{ font-size:11px; left:0; position:absolute; top:19px; }
.right_side label.error {font-size:11px; margin-left:5px; }
.user_info div.input_box{ //float:none !important; }
textarea { width:92% !important; border:1px solid #cccccc;}
.user_info div.input_box { float:left; width:100%; }
.payment_detail span.method, .send_invoice span.method { width:72%; text-align:left; }
h2.basic_info { width:auto;font-size: 15px; }
.order-Date {margin-left: -6px !important;}
.cutomer-textarea {	width:99% !important; }
.order-Date {  width: 250px !important;}
.select-Date {  width: 250px !important;}


.body-silhouette-textbox {  width: 60px !important;}
.text_button{ width:40% !important;}
.store_info tr td {font-size: 10px;}
.top-title {font-size: 9px; }
.edge-textbox { width: 30px !important;}
.shoulder-textbox { width: 40px !important;}
.sleeve-textbox { width: 40px !important;}
.vent-textbox { width: 40px !important;}
.label-textbox { width: 30px !important; }
.lining-textbox { width: 30px !important; }
.commentsleft { width: 100% !important; //border: 1px solid red !important;}
.textButton{ width:40% !important;}
.loops-listbox { width:50% !important;}
.cuffswidth-textbox { width:50% !important;}
.hippockets-listbox { width:50% !important;}
.input_box input[type='submit'], .round_btn, a.green_btn{ position:relative; font-size: 12px;  }
.round_btnred-sep, a.green_sep_btn {width: 85% !important; text-align: center; line-height: 10px; font-size: 10px; margin: 6px 5px 0 0; padding: 3px 4px; float: left;}
.tabnav li {line-height: 30px; }
.shirt-info {	float:left;}
.style-info {	float:left;}


.waist, .imagesuit, .imagesuit1, .outside, .imagesuit2, .loops, .imagesuit3, .pocket, .imagesuit4, .bottom, .imagesuit5, .tab1, .imagesuit6, .pant, .imagesuit7, .edge, .imagesuitcollor, .collor, .imagesuitcuff, .cuff, .imagesuitpocket, .pocket, .imagesuitmonogram, .monogram { margin: 8px 43% 0 !important; }




}

@media (min-width: 768px) and (max-width: 991px) {
.logo-img {  max-height: 100px !important;  max-width: 49% !important;}
.status {	margin-left: -9px !important;    width: 150px;}
.head_rit { width: 50% !important;}
.inner_cont ul { text-align: center; width: 100%;}
.inner_cont ul li span.round_user { width: 75%; }
.left_side { width: 35%; position: relative; }
.right_side { float: left; margin: 10px 0 0 5px; width: 63%; }
.input_box input[type="text"], .input_box input[type="password"], .input_box select { width: 160px; }
.search_box, .product_search {width: auto; }
div.txt_box {float: none; text-align: left;}
.search_box div.txt_box input[type="text"], .search_box div.txt_box select, .product_search div.txt_box input[type="text"], .product_search div.txt_box select { width: 66%; margin: 5px 0 0 0; }
.search_box label, .product_search label {//width: 50% !important; text-align: left;}
.product_search label:first-child { width:55px;}
.tabs ul li a {padding: 10px 18px;}
#login_box input[type="button"], input[type="submit"] { margin:6px 0; }
.input_box select.select_m {width: auto;}
.//ms-choice {width: 100px !important; }
.ms-drop {width: 85% !important; }
.right_side .inner_cont ul { width: 280px;}
.tabs ul li { border-bottom: 1px solid #ffffff; height: auto; width: 100%;}
.user_info label { width: 136px; }
.measurement .side_right { width: 100%; }
.measurement .side_left { width: 100%;}
.total {  width: 100%;}
.total label {padding-right: 16px;}
.payment_detail { text-align: left; //width: 45%;}
#tContent2 .payment_detail label, #tContent3 .payment_detail label {width: 50% !important;}
.payment_detail span.method, .send_invoice span.method { padding:0; }
.select-Date {margin-left: -12px !important;}
.right_side .m1 .imgrow label.error { left:108px !important; top:188px !important; }
.right_side .m1 label.error{ font-size:11px; left:0; position:absolute; top:19px; }
.right_side label.error {font-size:11px; margin-left:5px; }
.user_info div.input_box{ //float:none !important; }
textarea { width:92% !important; border:1px solid #cccccc;}
.user_info div.input_box { float:left; width:50%; //border:solid 1px red; }
.payment_detail span.method, .send_invoice span.method { width:72%; text-align:left; }
h2.basic_info { width:auto; }
.order-Date {margin-left: -6px !important;}
.cutomer-textarea {	width:99% !important; }
.search_box label, .product_search label {width: 55px; text-align: left;}
.order-Date {  width: 362px !important;}
.select-Date {  width: 362px !important;}
.vendor-type-text { width: 276px !important;}
.your-total-text {	width:100% !important; }


.text_button{ width:40% !important;}
.store_info tr td {font-size: 10px;}
.top-title {font-size: 9px; }
.edge-textbox { width: 40px !important;}
.shoulder-textbox { width: 40px !important;}
.sleeve-textbox { width: 40px !important;}
.vent-textbox { width: 40px !important;}
.label-textbox { width: 40px !important; }
.lining-textbox { width: 40px !important; }
.commentsleft { width: 100% !important; //border: 1px solid red !important;}
.textButton{ width:40% !important;}
.loops-listbox { width:100% !important;}
.cuffswidth-textbox { width:80% !important;}
.hippockets-listbox { width:100% !important;}
.input_box input[type='submit'], .round_btn, a.green_btn{ position:relative; font-size: 12px; //margin: 0; //width: auto; }
.deep-pleat{   width: 20px !important;}
.checkbox1 {margin-left:0 !important; width:30% !important; float:left !important;}
.checkbox2 {margin-left:0 !important;}
.checkbox3 {margin-left:0 !important;}
.round_btnred-sep, a.green_sep_btn {width: 85% !important; text-align: center; line-height: 10px; font-size: 10px; margin: 6px 5px 0 0; padding: 3px 4px; float: left;}
.tabnav li {line-height: 30px; }
.shirt-info {	float:left;}
.style-info {	float:left;}
.collar-style-big {	width:50px !important; //border:solid 1px red !important;}
.watch-listbox { width:100% !important;}


.waist, .imagesuit, .imagesuit1, .outside, .imagesuit2, .loops, .imagesuit3, .pocket, .imagesuit4, .bottom, .imagesuit5, .tab1, .imagesuit6, .pant, .imagesuit7, .edge, .imagesuitcollor, .collor, .imagesuitcuff, .cuff, .imagesuitpocket, .pocket, .imagesuitmonogram, .monogram { margin: 8px 43% 0 !important; }




}

@media (min-width: 992px) and (max-width: 1199px) {
.inner_cont ul { text-align: center; width: 100%;}
.inner_cont ul li span.round_user { width: 75%; }
.head_rit { width: 331px;}
div.txt_box {float: none; text-align:left;}
.right_side { float: left; margin: 10px 0 0 222px; width: 74%; }
.input_box input[type="text"], .input_box input[type="password"], .input_box select { width: 162px; }
.search_box, .product_search {width: auto; }
.search_box div.txt_box input[type="text"], .search_box div.txt_box select, .product_search div.txt_box input[type="text"], .product_search div.txt_box select {width: 39%; margin-left: 0;}
.search_box label, .product_search label {//width: 50% !important; text-align: left;}
.product_search label:first-child { width:55px;}
textarea { border: 1px solid #cccccc; width: 99.5%;}
.tabs ul li { border-bottom: 1px solid #ffffff; height: auto;}
.user_info label { width: 136px; }
.measurement .side_right { float: left; width: 50%; }
.measurement .side_left { float: left; width: 49%;}
.payment_detail { text-align: left;}
#tContent2 .payment_detail label, #tContent3 .payment_detail label {width: 50% !important;}
.payment_detail span.method, .send_invoice span.method { padding:0; }
.order-Date {margin-left: -6px !important; }
.status {margin-left: -9px !important; }
.select-Date {margin-left: -12px !important;}
.right_side .m1 .imgrow label.error { left:121px; position:absolute; top:151px; }
h2.basic_info { width:auto; }
.order-Date {  width: 586px !important;}
.select-Date {  width: 586px !important;}
.input_box input[type="text"], .input_box input[type="password"], .input_box select {  width: 160px;}
.search_box label, .product_search label {width: 55px; text-align: left;}
.input_box select.select_m {width: auto;}
.round_btnred-sep, a.green_sep_btn {width: auto !important; text-align: center; line-height: 10px; font-size: 10px; margin: 6px 5px 0 0; padding: 3px 12px; float: left;}
.tabnav li {line-height: 30px; }
.shirt-info {	float:left;}
.style-info {	float:left;}
.small-list {  width: 67.5px !important;}
.edge-textbox { width: 95px !important;}
.shoulder-textbox { width: 80px !important;}
.vent-textbox { width: 66px !important;}
.lining-textbox { width: 70px !important; }


.waist, .imagesuit, .imagesuit1, .outside, .imagesuit2, .loops, .imagesuit3, .pocket, .imagesuit4, .bottom, .imagesuit5, .tab1, .imagesuit6, .pant, .imagesuit7, .edge, .imagesuitcollor, .collor, .imagesuitcuff, .cuff, .imagesuitpocket, .pocket, .imagesuitmonogram, .monogram { margin: 8px 43% 0 !important; }





}

@media (min-width: 1200px) and (max-width: 1540px) {
.inner_cont ul li span.round_user { width: 75%; }
.right_side { float: left; margin: 10px 0 0 230px; width: 80%; }
.search_box div.txt_box input[type="text"], .search_box div.txt_box select, .product_search div.txt_box input[type="text"], .product_search div.txt_box select {//width: 103px; //float:left;}
/*.user_info label { width: 136px; }*/
.measurement .side_right { float: left; width: 50%; padding-top:25px; }
.measurement .side_left { float: left; width: 49%; padding-top:25px; clear:both;}
.payment_detail { text-align: center;}
.select-Date {margin-left: 0 !important;}




}


.logo-img {
	max-height:100px;
	max-width:364px;
}
.status {
	margin-left: 0;
    width: 150px;
}
.cutomer-textarea {
	width:99.6%;
	float:left;
	height:150px;
	margin:0
}
.product-info {
	background:#027e02;
	color: #ffffff;
	font-size: 16px;
	border-bottom:1px solid #81b181;
	padding: 8px;
	text-align: left;
}
.topclient tr
{
    padding: 10px 12px;
}



.fabric-textbox {
	width:96%;

}
.body-silhouette-textbox {
	//height: 25px;
    width: 130px;
}
/*.outside-textbox {
font-size: 12px;
    height: 25px;
    width: 111px;
}*/
.edge-textbox {
	font-size: 12px;
    height: 25px;
    width: 99px;
}
.shoulder-textbox {
font-size: 12px;
    height: 25px;
    width: 85px;
}
.sleeve-textbox {
	font-size: 12px;
    height: 25px;
    width: 119px;
}
.vent-textbox {
	font-size: 12px;
    height: 25px;
    width: 76px;
}
.label-textbox {
font-size: 12px;
    height: 25px;
    width: 58px;
}
.lining-textbox {
	font-size: 12px;
    height: 25px;
    width: 88px;
}
.loops-listbox {
	font-size: 12px;
    height: 25px;
    width: 146px;
}
.cuffswidth-textbox {
	font-size: 16px;
    height: 25px;
    width: 130px;
	text-align: center;
	margin-left:0;
}
.hippockets-listbox {
	font-size: 12px;
    height: 25px;
    width: 99px;
}
.suspender-listbox {
	font-size: 12px;
    height: 25px;
    width: 50px;
}
.watch-listbox {
	font-size: 12px;
    height: 25px;
    width: 50px;
}
.checkbox1 {
	margin-left:30px;
}
.checkbox2 {
	margin-left:20px;
}
.checkbox3 {
	margin-left:20px;
}
.shirt-info {
	border-left:1px solid #7DAE7D;
	//float:left;
	//margin-top:10px;
}
.style-info {
	border-left:1px solid #7DAE7D;
	//float:left;
	margin-top:20px;
}


.dasbordsales{width:90%; text-align:center; margin:0 14%;}

.waist, .imagesuit, .imagesuit1, .outside, .imagesuit2, .loops, .imagesuit3, .pocket, .imagesuit4, .bottom, .imagesuit5, .tab1, .imagesuit6, .pant, .imagesuit7, .edge, .imagesuitcollor, .collor, .imagesuitcuff, .cuff, .imagesuitpocket, .pocket, .imagesuitmonogram, .monogram{
	float: left;
    height: auto;
    margin: 0;
    text-align: center;
    width: auto;
}



/*Suit Network starts*/

.jacket-image {
    display: block;
    float: left;
    width: 20%;
	text-align:center;
}
.pocket-image {
    display: block;
    float: left;
    width: 16%;
	text-align:center;
}
.vent-image {
    display: block;
    float: left;
    width: 25%;
	text-align:center;
}
.sleeve-image {
    display: block;
    float: left;
    width: 25%;
	text-align:center;
}
.button-image {
    display: block;
    float: left;
    width: 25%;
	text-align:center;
}
.breast-image {
    display: block;
    float: left;
    width: 25%;
	text-align:center;
}
.pick-image {
    display: block;
    float: left;
    width: 25%;
	text-align:center;
}
.pant-image {
    display: block;
    float: left;
    width: 25%;
	text-align:center;
}
.front-back-poc-image {
    display: block;
    float: left;
    width: 25%;
text-align:center;
}
.belt-image {
    display: block;
    float: left;
    width: 25%;
text-align:center;
}
.side-image {
    display: block;
    float: left;
    width: 25%;
text-align:center;
}
.under-image {
    display: block;
    float: left;
    width: 25%;
text-align:center;
}
.extender-image {
    display: block;
    float: left;
    width: 25%;
text-align:center;
}
.pantcuff-image {
    display: block;
    float: left;
    width: 25%;
text-align:center;
}
.label-image {
    display: block;
    float: left;
    width: 25%;
text-align:center;
}
.butt-closure-image {
    display: block;
    float: left;
    width: 25%;
text-align:center;
}
.bottom-image {
    display: block;
    float: left;
    width: 25%;
text-align:center;
}
.pocstyle-image {
    display: block;
    float: left;
    width: 25%;
text-align:center;
}
.back-image {
    display: block;
    float: left;
    width: 25%;
text-align:center;
}
.innerlining-image {
    display: block;
    float: left;
    width: 25%;
	text-align:center;
}
.position-list {
    width: 120px;
}
.fonts-list {
    width: 120px;
}
.color-list {
    width: 120px;
}
.letters-textbox {
    width: 120px;
}
.weltpocket-list {
    width: 300px;
}
.pocket-lists {
    width: 300px;
}
.mainleft-cover {
	width:220px;
	display: block;
	float:left;
}
.mainright-cover {
	width:200px;
	display: block;
	float:right;
}
.switchstore {
position: relative;
display: inline-block;
width: 90px;
height: 34px;
}

.switchstore input {display:none;}

.storeonline {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ca2222;
-webkit-transition: .4s;
transition: .4s;
}

.storeonline:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .storeonline {
background-color: #2ab934;
}

input:focus + .storeonline {
box-shadow: 0 0 1px #2196F3;
}

input:checked + .storeonline:before {
-webkit-transform: translateX(55px);
-ms-transform: translateX(55px);
transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.on
{
display: none;
}

.on, .off
{
color: white;
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
font-size: 10px;
font-family: Verdana, sans-serif;
}

input:checked+ .storeonline .on
{display: block;}

input:checked + .storeonline .off
{display: none;}

/*--------- END --------*/

/ Rounded sliders /
.storeonline.round {
border-radius: 34px;
}

.storeonline.round:before {
border-radius: 50%;}

.jacketecode_info,.pantecode_info,.vestecode_info{ margin-bottom:10px;}
.jacketecodecontainer div,.vestecodecontainer div,.pantecodecontainer div{ float:left;}
.jacketecodecontainer span,.vestecodecontainer span,.pantecodecontainer span{ font-size:15px; padding-left:8px; float:left; margin-top:10px;}
.jacketecodecontainer input,.vestecodecontainer input,.pantecodecontainer input{ font-size:15px; margin:15px; height:25px;}
.jacketecodecontainer div.jacketdele,.pantecodecontainer div.pantdele,.vestecodecontainer div.vestdele{ float:right;}
h2.basicecode_info{background:#027E02;padding:5px 12px;font-size:12px;color:#fff;}

.scorderNumber{ float:left; height:35px; margin:15px 0; text-align:center; width:100%;}

.nocustomize{color: #036403;
    font-size: 20px;
    font-weight: normal;
    padding: 31px 0;}
.nocustomize input[type="checkbox"]{ margin:25px 10px; width: 20px; height: 20px;}
.topclient
{
padding:12px 20px;
}
.ordercheck
{
width:100%;
float:left;
padding:12px 12px 12px 12px;
}
.orderamtcheck
{
padding:12px 12px 12px 12px;
width:100%;
}
.extdeliverydate
{
float:left;
padding:12px 12px 12px 12px;
width:100%;
} 
.ordercheck label
{
clear: none;
float: left;
width:25%;
}

.orderamtcheck label
{
 clear: none;
 float: left;
width:25%;
}
.extdeliverydate label
{
clear: none;
float: left;
width:25%;
}
.allorderdetails 
{
width: 100%;
}
.searchableorderchkid
{
display:none;
border: 1px solid #cccccc;
height: 224px;
background:#d2e9d2;
padding: 12px 12px 12px 12px;
}
.searchablefields
{
border: 1px solid #cccccc;
height: 224px;
background:#d2e9d2;
padding: 12px 12px 12px 12px;
margin-top:40px;
}
.purchasedblock
{
border: 1px solid #cccccc;
height: 204px;
background:#d2e9d2;
padding: 12px 12px 12px 12px;
}
.
.searchfieldid 
{
float:none;
}
.checkmark
{
background-color: #eee;
}
.searchblock {
    background: none no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    background-color: #027E02;
    color: #FFFFFF;
    overflow: hidden;
    padding: 6px;
    margin: 12px 50px 12px 0;
    border-radius: 10px;
}
.generatereportadd_det
{
margin-top:20px;
}
.purchased
{
  background: none no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    background-color: #027E02;
    color: #FFFFFF;
    overflow: hidden;
    padding: 6px;
    margin: 12px 50px 12px 0;
    border-radius: 10px;
}
.searchless 
{
background: none no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    background-color: #027E02;
    color: #FFFFFF;
    overflow: hidden;
    padding: 6px;
    float: right;
    margin: 0 50px 0 0;
    border-radius: 10px;
}
.customfromto label
{
margin: 19px 0px 19px 9px !important;
clear: left !important;
float: left !important;
width:25% !important;
}
.tomail 
{
    padding-right: 40px !important;
}

.purchaseless
{
background: none no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    background-color: #027E02;
    color: #FFFFFF;
    overflow: hidden;
    padding: 6px;
    float: right;
    margin: 10px 50px 0 0;
    border-radius: 10px;
}
.notesblockview
{
border: 1px solid #cccccc !important;
}
.searchboxbtnleftside
{
margin-top:10px;
float:left;
clear:left;
}
.sidemenu-drop {
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    padding: 10px;
    cursor: pointer;
    font-weight: 600;
    outline: none;
    font-size: 15px;
    color: #036403;
}
.tmenucls {
    padding-right: 100px;
}
.add_user {
    background: #ebebeb url(../images/add_user.png) left top repeat-x;
    overflow: hidden;
    position: relative;
    min-height: 1150px;
}



<!--Suit network Ends-->