@CHARSET "ISO-8859-1";
/* public/css/style.css */
/************************************** Global ********************************************/

.input_width_full {
    width: 100% !important;
}

.middle_align_td tr td {vertical-align: middle;}


/* Changes By Noman against JIRA ID SMS-647 on 25-07-2021 */
.datepick-month-header select option {
    background-color: #fff !important;
    color: #444 !important;
}

/* Changes by Noman */

/* Select List inputs Options Color #DDE1EA */
.placeholder_Color_Select {
    color: #9fa1a7;
}
.form_container fieldset {
    border-radius: 5px;
}
form.formBox {
    border-radius: 5px;
}
.formBox button {
    border-radius: 5px;
}
.formBox input {
    border-radius: 5px;
}
.formBox select {
    border-radius: 5px;
}
select option { color: black; }
select option:first-child {
  color: #9fa1a7;
}

.formBox input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #9fa1a7;
}
.formBox input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #9fa1a7;
   opacity:  1;
}
.formBox input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #9fa1a7;
   opacity:  1;
}
.formBox input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #9fa1a7;
}
.formBox input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #9fa1a7;
}

.formBox input::placeholder { /* Most modern browsers support this now. */
   color:    #9fa1a7;
}

#top-nav li {
    z-index: 1;
}

/* Sticky Table Headers */
table#salesTable {
  position: relative;
}
table#salesTable th {
  position: sticky;
  top: 0;
}
table#shortTable {
  position: relative;
}
table#shortTable th {
  position: sticky;
  top: 0;
}
table#shipTable {
  position: relative;
}
table#shipTable th {
  position: sticky;
  top: 0;
}
table#claimTable {
  position: relative;
}
table#claimTable th {
  position: sticky;
  top: 0;
}
table#comTable {
  position: relative;
}
table#comTable th {
  position: sticky;
  top: 0;
}
table#fixationTable {
  position: relative;
}
table#fixationTable th {
  position: sticky;
  top: 0;
}
table#requsitionTable {
  position: relative;
}
table#requsitionTable th {
  position: sticky;
  top: 0;
}
table.listHead {
  position: relative;
}
table.listHead th {
  position: sticky;
  top: 0;
}
table#entitiesTable {
  position: relative;
}
table#entitiesTable th {
  position: sticky;
  top: 0;
}
table#documentTable {
  position: relative;
}
table#documentTable th {
  position: sticky;
  top: 0;
}
table.dataListTable {
  position: relative;
}
table.dataListTable th {
  position: sticky;
  top: 0;
}

/* End of Sticky Table Headers */

body {
    margin: 0px;
    padding: 0px;
    font-family: verdana;		
    font-size: 12px;	
    color: #5b5745;	
    background-color: #FFF;
}

img {
    border: 0px;
}
p {	
    font-family: verdana;
    font-size: 12px;
    color: #646464;
    font-weight:normal;	
}
td {	
    font-family: verdana;
    font-size: 12px;
    color: #646464;
    font-weight:normal;
}
a{
    color: #71A9DD; /*#437BBC*/
}
a:link{
    text-decoration: none;
}
a:visited{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
/****************************** END: FOOTER **************************************************/
.header_bg {
    margin-top: 0px; /*FF*/
    *margin-top: -11px; /*IE 7 or above*/
    _margin-top: -11px; /*IE 6 or below*/
    padding: 0px;
    width: 100%;
    height: 143px;
    background-color: #530400;
}
.header_top {
    background-color: #2E51A5;
    /*border: 1px solid #CCCCCC;*/
    height: 60px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.header_mid {
    width: 960px; height: 55px; border: none;
}
.header_bottom {
    width: 100%;
    height:10px;
    padding:0px;
    margin:0px;
    border: none;
    background-color: #000000;
}
.header_title {
    font-size: 22px; 
    font-weight:bold; 	 
    text-align:left; 
    color:#DDDDDD;	
    padding: 20px 0 16px 0;		
}
.header_title_admin, .header_title_index {
    border: 3px solid #9E9E9E;
    color: #9E9E9E;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0;
    padding: 10px 0 10px 10px;
    text-align: left;
    width: 200px;
}
.header_logo {
    float:right; 
    padding-top:15px; 	
}
.header_admin_right {
    width: 400px;
    float: right;
    text-align: right;
    color: black;
    padding: 10px 0 5px 0;
    border: none;	
}
.menu-back { 
    /* background-color: white; comented by Hira Javed on 09-06-2020 */ 
    width: 100%; 
    border:none; 
    height: 36px; 
    padding: 0; 
    margin: 0;
    /* border-top: 1px solid #9E9E9E; comented by Hira Javed on 09-06-2020 */
}

/* Menu */
.menu {
    width: 960px;
    text-align: center;
}
div.menu ul {
    float: left;
    margin: 0 1px 0 0;	
}
div.menu li {
    list-style-image: none;
}
div.menu a {
    background: #000000;
    color: #DDD;
    display: block;
    font-family: Arial;
    padding: 10px 0 5px 0px;
    text-decoration: none;
    width: 98px;
    text-align: center;
    height: 18px;
    border-top: 2px solid #000000;
    font-weight: normal;
}
div.menu a#current {
    /*background: #666; color: #FFF;*/
    /*background: #333 url(images/bgsubtitle.gif) repeat-x;*/
    border-top: 2px solid #5B5768; /*#437BBC*/
}
div.menu a:hover {
    /*background: #666; color: #FFF;*/
    /*background: #333 url(images/bgsubtitle.gif) repeat-x;*/
    /*color: #fff;*/
    border-top: 2px solid #5B5768; /*#437BBC*/
}
div.menu li {
    list-style-type: none;
    margin: 0 0 1px 0;
    padding: 0;
}
/****************************** END: HEARED **************************************************/
/****************************** START: BODY **************************************************/
#body_container {
    width: 960px; 
    /*height: auto;*/
    min-height: 400px; 
    line-height: 18px;	
    border: none;	
    margin: 10px 0 0 0; 
}
#body_container1100 {
    /* width: 1170px;  */
    width: 1150px; 
    /*height: auto;*/
    min-height: 400px; 
    line-height: 18px;	
    border: none;	
    margin: 10px 0 0 0; 
}
#body_container1200{
    width: 1200px;
    min-height: 400px; 
    line-height: 18px;	
    border: none;	
    margin: 10px 0 0 0; 
}
ul{border:0; margin:0; padding:0;}
a.logo, a.logo:link, a.logo:visited, a.logo:hover {
    color:#DDDDDD;
    text-decoration:none;
}
div#content { margin: auto; padding: 0; width:720px; display: block; overflow: hidden; text-align: left; }
#header h2 { font:bold 22px Verdana, Geneva, sans-serif; color:#287fd2; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #287fd2; 
             text-align:left; }
/*#header h2 { font-size:16px; margin: 0; padding: 0 0 6px 0; border-bottom: 1px solid #ccc; }*/
/*
.classified_container h2{ widt
h:540px; height:auto; font:bold 22px Verdana, Geneva, sans-serif; color:#287fd2; margin:0; padding:10px 0 10px 0; border-bottom:1px solid #287fd2; 
                text-align:left;} */
#ad_header h2 { font:bold 20px Verdana,Arial,Helvetica,sans-serif; color:#287fd2; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #287fd2; 
                text-align:left; }			
.w960 { width: 960px; }	
#left_container {
    width: 215px;
    float: left;	
    border: none;
    margin: 0 20px 10px 0;
}
#page_content { padding: 0; margin: 0; }
.left_box {
    width: 198px;
    padding: 0 8px 10px 8px;
    border: 1px solid #ccc;
}
#adbox_left_index { padding: 8px 0 0 0; }
#body_content {
    width: 720px;
    float: right;
    border: none;
    margin: 0;
    padding: 0;
}
.clearBoth{
    clear:both;
}
.nextStep{
	color:   #04b431;  /* #83BF29;#ECECEC; rgb(0,0,255)*/
}
.SANZSale{
    color:   #054214;  /* #83BF29;#ECECEC; rgb(0,0,255)*/
}
.nonSANZSale{
    color:   #135ec0;  /* #83BF29;#ECECEC; rgb(0,0,255)*/
}
.left_box_header h3 { border-bottom:1px dotted #BBBBBB; color:#333333; font-size:14px; font-weight: bold; }

.flash-msg {
    border: 1px solid #DDD;
    width: 100%;
    padding: 5px;
    margin: 15px 0 15px 0;
    text-align: center;
    background: #83BF29; /*#ECECEC*/
    color:#FFFFFF;
    font-weight:bold;
}
.errors, .hint{
    color: red;
    font-weight: bold;
}
.box_form .errors{
    color: red;
    font-weight: normal;
}
.success_msg, .error_msg{
    border:1px solid #F8E993; 
    margin: 10px auto; 
    width: 90%;
    padding:10px;
    text-align:center;
    font-weight:bold;
    color:white;
    background-color: #83BF29;
}
.error_msg{
    border:1px solid red; 
    color:red;
    background-color: #FFFEEB;
}
/****************************** START: SIDEBOX *********************************************/
#side_box_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 195px;
}
#side_box_list ul li {
    display: block; /* this gets rid of the gaps */
    list-style: square;
    text-decoration: none;
    margin: 0;
    padding: 0;
    line-height: 20px;
    border-bottom: 1px dotted #EBEBEB;;
}
#side_box_list ul li a {
    color: #000;
    display: block;
    width: 180px; /* or use height (tricks IE into letting you click anywhere on the block, not just the text */
}
#side_box_list ul li a:hover {
    text-decoration: underline;
}			
/****************************** END: SIDEBOX ***********************************************/
/****************************** END: INDEX *************************************************/
#hope-top-banner { border: none; margin: 0 0 10px 0; width:720; height: 100px;}
.index-category-block { /*border: 1px solid #ccc;*/ margin: 10px 0 10px 0; height: auto;}
/****************************** END: INDEX *************************************************/
/****************************** START: CATEGORY/AD *****************************************/
.prd_dtl_con{ width:100%; /*686px*/ height:auto; margin:0 auto; padding:0 0 10px 0; overflow:hidden;}
.prd_dtl_con .left{ width:231px; height:auto; /*231px*/ margin:0; padding:0; float:left; display:inline;}
.prd_dtl_con .right{ width: 475px; /*443px*/ height:auto; margin:0; padding:0; float:right; display:inline;}

/*.prd_des{ width:465px; height:200px; margin:10px 0; padding:0; overflow-y:auto;}*/
.prd_des{ width:auto; margin:10px 0 10px 0; padding:0;}
.prd_des h3 { font: verdana normal 14ex; padding: 2px; margin: 0; text-align: left; }
.prd_rel{ width:231px; height:150px; margin:10px auto; padding:0; overflow-y:auto;}

.prd_dtl_con p{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#717171; margin:0; padding:10px 0 0 0; text-align:justify;}
.prd_dtl_con h2{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#1a4d60; text-align:left; margin:0; padding:10px 0 0 0;}

.detail_picbox { 
    background-color: white;
    border: none;
    width: 231px;
    height: auto; /*231px*/
    margin: 0;
    padding: 0px;				
    text-align: center;
}	

.info_addbox{ width:300px; min-height:210px; height: auto !important; height:210px; margin:10px 20px 0 0; padding:0; float:left; 
              border:1px solid #4D99BD; display:inline;}
.info_addbox h2{ font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#1A4D60; margin:5px 0 0 10px; text-align:left;}
.info_addbox p{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#717171; text-align:left; 
               margin:0; padding:5px 0 0 10px; line-height:18px;}
.info_addbox p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#717171; text-decoration:underline;}
.info_addbox p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#f6881f; text-decoration:underline;}

ul.unit_list {
}
ul.unit_list li {
    line-height: 1.3em;
    margin-left:0;
    margin-bottom:8px;
    font:normal 12px Verdana, Geneva, sans-serif; 
    color:#FFF; /*#1a4d60*/
    text-align:left;
    list-style:none;
}
ul.unit_list li img {
    margin-right: 25px;
}
ul.unit_list li span {
    color:#FFF; /*#1a4d60*/
    width:200px; 
    float:left;
    font:bold 12px Verdana, Geneva, sans-serif;
}
ul.unit_list li a {
    line-height: 1.3em;
    margin-bottom:15px;
    font:bold 12px Verdana, Geneva, sans-serif; color:#7A7A7A;
}
ul.unit_list li a:hover {
    font:bold 12px Verdana, Geneva, sans-serif; color:#1a4d60;
}

#featured table { border: 0; }
.featured_header { width:100%; margin:10px 0 0 0; padding: 2px; border: 1px solid #ddd; background: #F3F3F3; }
.featured_header h3 { font: verdana normal 14ex; padding: 2px; margin: 0; text-align: left; }
.featured_item table td { border: 0; }
.featured_item_box { border: 1px solid #ccc; height: 105px; padding: 6px; margin: 6px;}
.featured_item { width:100%; margin:0; padding: 0; border: none; }
.featured_item_box { border: none; height:auto; width:105px;  margin: 10px 0 10px 0;; padding: 0; padding-left: 10px; float:left; display: block;}
.featured_picbox {
    background-color: white;
    border: 1px solid #D8D9D9;
    height: 95px;
    margin: 0;
    padding: 0px;
    width: 95px;
    text-align: center;
}
.list_picbox {
    background-color: white;
    border: none;
    width: 90px;
    height: 60px;
    margin: 0;
    padding: 0px;				
    text-align: center;
}
.featured_item_box h2 {
    color: #5B5745;
    font: normal normal bold 12px/normal Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 5px 0px 0px 5px;
    text-align: center;
}
.featured_item_box p {
    color: #808064;
    font: normal normal normal 12px/normal Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 5px 5px 0px;
    text-align: justify;
}
.featured_item_box h3 {
    color: #5B5745;
    font: normal normal bold 12px/normal Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 5px 0px 0px 5px;
    text-align: left;
}
.pic_border  {
    background-image:url("../images/aandkgraphics/border_bg.gif");
    background-repeat:repeat-x;
    float:left;
    font-size:1px;
    height:1px;
    margin:5px auto;
    padding:0;
    width:100%;
}		
#product {}
.product_detail_left_box { width: 345px; height: auto; float: left; border: none; }
.prd_details_pic_container {}
.prd_details_pic_container_top{ width:345px; height:8px; margin:0 auto; padding:0; 
                                background-image: url(../images/aandkgraphics/prd_detail_top_bg.gif); background-repeat:no-repeat; font-size:1px;}
.prd_details_pic_container_mid{ width:345px; height:auto; margin:0 auto; padding:0; overflow:hidden; text-align:center; 
                                background-image: url(../images/aandkgraphics/prd_detail_mid_bg.gif); background-repeat:repeat-y;}
.prd_details_pic_container_foot{ width:345px; height:8px; margin:0 auto; padding:0; 
                                 background-image: url(../images/aandkgraphics/prd_detail_foot_bg.gif); background-repeat:no-repeat; font-size:1px;}

.product_detail_right_box { margin: 0 0 0 10px; padding: 0; width: 360px; height: 100px; float: left; border: none; }
.item_header h2 {
    color: #5B5745;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0;
    text-align: left;
}
.special_price, .price, .out_stock {
    color:#BF1111;
    font-size:13px;
    font-weight:bold;
}
.product_detail_info { margin:20px 0; display:block; padding: 0; width: 100%; height: auto; float: left; border: none;}
.detail_cart_box { border: none; }
.detail_cart_box td { padding:0; margin: 0; border: none; }
.add_to_wish_box { list-style: none; }
.no_gallery_info { margin: 10px 0 0 0; }
.addtocart_btn { 
    background: url(../images/aandkgraphics/addtocart_btn.gif) no-repeat ;
    cursor:pointer;
    border: none;
    margin:0 0 0 6px;
    padding: 0;
    width: 110px;
    height: 23px;
    position: absolute;
}
th.adListHeadBack { background: #EBEEF3; }
td#adListOddBack { background: #F9F9FF; }
td#adListEvenBack { background: #EBEEF3; }
th.adListingHeadBack { background: #CAD3DE; color: #011F52; padding: 0px; }
td#adListingOddBack { border-bottom: 1px solid #4D595E; padding: 2px 10px 2px 0; }
td#adListingEvenBack { border-bottom: 1px solid #4D595E; padding: 2px 10px 2px 0; }

/****************************** END: CATEGORY/AD *******************************************/
/****************************** END: BODY **************************************************/	
/****************************** START: ADMIN BODY ******************************************/
.page_header { text-transform: underline; margin:0 0 30px; padding:0; display:block; border:none; border-bottom:2px solid #ccc; /*#287FD2*/ height: 30px; }
#user_container { border: none; line-height: 18px;}
.content { min-height: 300px; }
.content tr { border: 1px solid #ccc; }
.header { text-align: left; }
.page_header h2 { text-align: left; margin: 0; padding:0 0 6px 0; font-family: verdana; font-size: 14px; font-weight: bold; color: #5B5745; }
.page_header #page_top_head { width:50%; float:left; }
.page_header #page_top_menu { width:40%; float:right; }

.dataTable { line-height: 20px; border: 1px solid #DDD; padding: 0 10px 0 10px;}	
.dataTr { }	
.dataTd { padding: 4px; color: blue;}
.trHeader { font-size: 13px; font-weight: bold; }		
.listDataTable { line-height: 20px; border: none; padding: 0 10px 0 10px; }
.listDataTr { }	
.listDataTd { }
.listTrHeader { font:bold 13px Verdana, Arial, Helvetica, sans-serif; color: #ccc; }	

.dataListTable { line-height: 20px; border: 1px solid #DDD; padding: 0;}	
.dataListTr { }	
.dataListTd { padding: 4px; color: blue;}

.dataListTable td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*background: none repeat scroll 0 0 #EEEEEE; */
    border-color: #CCCCCC;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #0A0A0A; /*color code changed on 24-08-2020 by Hira javed , previous color code #333333*/
    height: 20px;
    line-height: 24px;
    padding: 0 5px;
    text-align: left !important;
}   
.dataControlTable td {            
    border: 1px solid #CCCCCC;
    color: #0A0A0A;
    height: 20px;
    line-height: 25px;
    margin-top: 10px;
    padding: 0 5px;
    text-align: left !important;
}   
.iconControlExtra {
    margin: 1px 5px 5px 0;
}

.edit_icon-1{background:transparent url(../images/edit_icon.gif) no-repeat scroll 0 0;
             border:0 none;
             cursor:pointer;
             height:11px;
             margin:0 auto;
             padding:0;
             width:9px;
}
.net_icon{background:transparent url(../images/netlink.jpg) no-repeat scroll 0 0;
             border:0 none;
             cursor:pointer;
             height:12px;
             margin:0 auto;
             padding:0;
             width:12px;
}
.email_icon-1{background:transparent url(../images/email_icon.gif) no-repeat scroll 0 0;
              border:0 none;
              cursor:pointer;
              height:11px;
              margin:0 auto;
              padding:0;
              width:16px;
}
.pass_icon-1{background:transparent url(../images/pass_icon.gif) no-repeat scroll 0 0;
             border:0 none;
             cursor:pointer;
             height:11px;
             margin:0 auto;
             padding:0;
             width:9px;
}
.note_icon{background:transparent url(../images/icon-note.png) no-repeat scroll 0 0;
             border:0 none;
             cursor:pointer;
             height:11px;
             margin:0 auto;
             padding:0;
             width:12px;
}
.delete_icon-1{
    background:transparent url(../images/delete_icon.gif) no-repeat scroll 0 0;
    border:0 none;
    cursor:pointer;
    height:11px;
    margin:0 auto;
    padding:0;
    width:12px;
}
.req_icon{background:transparent url(../images/req_icon.jpg) no-repeat scroll 0 0;
          border:0 none;
          cursor:pointer;
          height:11px;
          margin:0 auto;
          padding:0;
          width:9px;
}
.lc_icon{background:transparent url(../images/lc_icon.jpg) no-repeat scroll 0 0;
           border:0 none;
           cursor:pointer;
           height:16px;
           margin:0 auto;
           padding:0;
           width:16px;
}
.Manpower_icon {background:transparent url(../images/Manpower_icon.jpg) no-repeat scroll 0 0;
             border:0 none;
             cursor:pointer;
             height:11px;
             margin:0 auto;
             padding:0;
             width:9px;
}
.shipment_icon {background:transparent url(../images/shipment_icon.jpg) no-repeat scroll 0 0;
                   border:0 none;
                   cursor:pointer;
                   height:11px;
                   margin:0 auto;
                   padding:0;
                   width:9px;
}
.spec_icon {background:transparent url(../images/plus_icon.jpg) no-repeat scroll 0 0;
                     border:0 none;
                     cursor:pointer;
                     height:11px;
                     margin:0 auto;
                     padding:0;
                     width: 11px;
}
.process_po_icon {background:transparent url(../images/process_po_icon.jpg) no-repeat scroll 0 0;
                  border:0 none;
                  cursor:pointer;
                  height:11px;
                  margin:0 auto;
                  padding:0;
                  width: 11px;
}
.process_po_approval_icon {background:transparent url(../images/process_po_approval_icon.jpg) no-repeat scroll 0 0;
                           border:0 none;
                           cursor:pointer;
                           height:11px;
                           margin:0 auto;
                           padding:0;
                           width: 11px;
}
.po_Manpower_received_component_icon {
    background:transparent url(../images/po_Manpower_received_component_icon.jpg) no-repeat scroll 0 0;
    border:0 none;
    cursor:pointer;
    height:11px;
    margin:0 auto;
    padding:0;
    width: 11px;
}
.survey_close_icon {
    background:transparent url(../images/close_icon.jpg) no-repeat scroll 0 0;
    border:0 none;
    cursor:pointer;
    height:11px;
    margin:0 auto;
    padding:0;
    width: 11px;
}
.survey_open_icon {
    background:transparent url(../images/open_icon.jpg) no-repeat scroll 0 0;
    border:0 none;
    cursor:pointer;
    height:11px;
    margin:0 auto;
    padding:0;
    width: 11px;
}
.arrow_icon {
    background:transparent url(../images/arrows.gif) no-repeat scroll 0 0;
    border:0 none;
    cursor:pointer;
    height:11px;
    margin:0 auto;
    padding:0;
    width: 6px;
}
.view_icon {background:transparent url(../images/view_icon.gif) no-repeat scroll 0 0;
                     border:0 none;
                     cursor:pointer;
                     height:11px;
                     margin:0 auto;
                     padding:0;
                     width: 11px;
}
.no_info { margin: 0 0 10px 0; }	
.body_content_admin {
    height: auto; 
    line-height: 18px;	
    border: 1px solid #DDD;	
    margin: 10px;	
}
a.admin_logo, a.admin_logo:link, a.admin_logo:visited, a.admin_logo:hover {
    color:#DDDDDD;
    text-decoration:none;
}
a.admin_logout_link, a.admin_logout_link:link, a.admin_logout_link:visited {
    color:black;
    font-weight:normal;
}
a.admin_logout_link:hover {
    text-decoration:underline;
}
a.manage_link, a.manage_link:link, a.manage_link:visited {
    color:#888;
    display:block;
    float:right;
    font-weight:normal;
    font-weight:bold;
    border: 1px solid #DEDEDE;
    padding: 4px 7px;;
}
a.manage_link:hover {
    text-decoration:underline;
}
.admin_manage_link { margin:0 0 10px 0; }
.accordion_child table { border: none; }
.controlTable { margin: 2px 0; }
/****************************** END: ADMIN BODY ********************************************/
/****************************** START: FORM ************************************************/
#index-login-form { line-height: 22px; padding: 0; margin: 10px 10px 0 10px; text-align: left; }
#index-login-form #userEmail { width: 190px; }
#index-login-form #userPassword { width: 190px; }
#index-login-form #login { margin: 10px 0; }
#search-ad-form { 
    line-height:22px;
    margin:10px 10px 0;
    padding:0;
    text-align:left;	
}
#search-ad-form #searchTitle { width: 190px; }
#search-ad-form #cID { width: 190px; margin-top:10px; }
#search-ad-form #submit { margin: 10px 0; }

.form_table { border: none; line-height:20px;}
.form_table td { vertical-align:top; }
.login_label { width: 130px; }
.contact-form td.element { width:82%; }
.customerSugnupform dt label {
    display:block;
    font-weight:normal;
}
.customerSugnupform dt {
    margin-top:6px;
}
.user_login_form .form { background: none; margin: 5px; border: none; }
.cartQtysmall { width: 60px; }
.form label { font-weight:normal; }
.form_table .errors, .user_login_container .errors { font-weight:normal; }
.form td { border:none; padding: 3px; }
fieldset { border: 1px solid #C8CDD0; }
.galleryLblTxt { color: #333333; padding-left: 5px; }
.lpad95 { padding-left: 95px; }
.lpad98 { padding-left: 98px; }
.form_table .lpad98 { padding-left: 98px; }
.lpad125 { padding-left: 125px; }
.form .lpad125 { padding-left: 270px; }/* padding-left: 125px; */
.form .lpad123 { padding-left: 123px; }
.lpad135 { padding-left: 135px; }
.lpad120 { padding-left: 120px; }
.lpad123 { padding-left: 123px; }
.lpad140 { padding-left: 140px; }
.lpad175 { padding-left: 175px; }
.rpad1 { padding-right: 1px; }
.rpad7 { padding-right: 7px; }
.lmargin270 { margin-left: 270px; }
.lmargin97 { margin-left: 97px; }
.bpad0 { padding-bottom:0; }
.bpad5 { padding-bottom: 5px; }
/*.tmargin10 { margin: 25px 0; }*/
.tmargin10 { margin-top:10px; }
.tmargin15 { margin-top:15px; }
.tmargin0 { margin-top: 0px; }
.tmargin5 { margin-top:5px; }
.login_container {
    margin: 100px auto;
    width: 350px;
}
.user_login_container {
    padding: 50px 25px;
    width: 380px;
    overflow: visible;
}
.lost_password_container {
    padding: 50px 150px;
    width: 380px;
    overflow: display;
}
.form_container {
    margin: 20px auto;
    width: 100%;
}
.form_summary_container {
    margin: 20px auto;
    width: 100%;
}
.form_register_container {
    margin: 10px auto;
    width: 100%;
}
#page_content formffffff, .user_login_container legend, .lost_password_container legend { color: #FFF; }
.under_user_login_form { margin: 5px 0; text-align: left; }
.require { color: #EC7000; font-weight: bold; }
.user_login_form { /*width: 375px;*/ border: 1px solid #ccc; margin: 5px; }
.site_form table, tr, td { border: none; }
.cart_form {
    border: none; /*2px solid #FCFDFD*/
    background: none; /*#ebf4fb*/
    margin: 15px 0; /*0 10px;*/
    padding:15px 0 10px 0;
    position: relative;
}
.cart_form table, tr, td { border: none; }
.form table { border: none; }
.login_form { width: 335px; border: 1px solid #ccc; }
.user_login_form td.element, .login_form td.element { width: 60%; padding:2px; }
.user_login_form td.element input, .login_form td.element input { width: 200px; }
.page_form input, select, file { width:285px; height: 20px; border: 1px solid #DDE1EA; font: verdana normal 12px; padding:0; margin:0;}
#newManufacturerName { width: 125px; }
#newModelName { width: 125px; }
.box_form input, .box_form select, .box_form file { 
    width:255px; /*height: 20px;*/ border: 1px solid #DDE1EA; font: verdana normal 12px; padding:0; margin:0;
}
.customerSugnupform input, file { }
.customerSugnupform input.customerSubscribe { }
.box_form #customerSubscribe { width: 0px; margin: 0; padding: 0; }
.box_form_pad { padding:15px 15px 10px; } 
.page_form .file_field, #categoryImage, #productImage { width: 200px; height: 22px;}
td.element { width: 85%; }
td.element input, select { width:285px; }
td.element textarea { width:80%; }
td.element80 { width: 80%; }
/*td.element80 input, select { width:285px; }*/
select#billingFullAddress, select#shippingFullAddress { width:550px; }
select#day, select#month, select#year { width:80px; }
#userBirthdayBox { width:255px; margin:2px 0; padding:0; }
.userBirthdaySelect { float:left; width:80px; }
td.element80 textarea { width: 80%; }
.login_form {
    padding: 0;
    line-height: 25px;
    text-align: left;
    border: 1px solid #ccc;
}
.page_form { width:auto; border: 1px solid #ccc; margin:5px; }
.page_form tr { border: none; }
.box_form { width:auto; border: 1px solid #ccc; margin: 5px;}
.back-pad { background: none; border: none;}
input, textarea, select { font-size:12px; border:1px solid #DDE1EA; }
.formBox input, .formBox textarea, .formBox select { width: 285px; }
.formBox .reqPoProductQty, .formBox .productId, .formBox .w35 {
    width: 35px;
}
.formBox .reqPoProductUnitPrice, .formBox .operationType, .formBox .vendor, .formBox .paymentMode {
    width: 80px;
}
.formBox .positive { width: auto; }
.formBox .w50 { width: 50px; }
.formBox .w60 { width: 6px; }
.formBox .w70 { width: 70px; }
.formBox .w80 { width: 80px; }
.formBox .w85 { width: 85px; }
.formBox .w90 { width: 90px; }
.formBox .w95 { width: 95px; }
.formBox .w100 { width: 100px; }
.formBox .w110 { width: 110px; }
.formBox .w120 { width: 120px; }
.formBox .w125 { width: 125px; }
.formBox .w130 { width: 130px; }
.formBox .w135 { width: 135px; }
.formBox .w140 { width: 140px; }
.formBox .w150 { width: 150px; }
.formBox .w160 { width: 160px; }
.formBox .w170 { width: 170px; }
.formBox .w175 { width: 175px; }
.formBox .w180 { width: 180px; }
.formBox .w188 { width: 188px; }
.formBox .w190 { width: 190px; }
.formBox .w200 { width: 200px; }
.formBox .w220 { width: 220px; }
.formBox .w250 { width: 250px; }
.formBox .w285 { width: 285px; }
.formBox .w450 { width: 450px; }
.w285 { width: 285px; }
.formBox .iwoCost { width: 150px; }
.formBox .mrcDetail { width: 130px; }
.formBox .mrcCost { width: 90px; }
.w150 { width: 150px; }
#top-nav  .w50 { width: 50px; }
#top-nav  .w90 { width: 90px; }
/* START: Setting Checkbox & Radio */ 
.checkbox, .radio, #userCheckterms, .formBox #clientSurveyTypeIds {
    width: 22px;
    height: 10px;
    padding: 0 5px 0 0;
    background: none;
    display: block;
    clear: left;
    float: left;
    border: none;
}
.formBox .checkbox {
    height: 10px;
    padding: 30px 0 0;
    width: 0;   /*22px*/
}    
.formBox .radio {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    width: 20px;
}
p.label_checkbox_pair {
    clear: both;
    float: none;
    position: relative;
}
p.label_checkbox_pair input {
    left: 0px;
    position: absolute;
    top: 0px;
}
p.label_checkbox_pair label {
    display: block;
    margin-left: 23px;
    width: 200px;
}
p.label_radio_pair {
    clear: both;
    float: none;
    position: relative;
}
p.label_checkbox_pair_show input {
    width: 20px;
    padding: 0;
    margin: 0;
}
p.label_checkbox_pair_show label {
    width: 200px;
    margin: 0;
}
p.label_radio_pair input {
    left: 0px;
    position: absolute;
    top: 0px;
    width: 20px;
}
p.label_radio_pair label {
    display: block;
    margin-left: 20px;
    width: 200px;
}
/* setting checkbox css for tutorial form */
p.label_checkbox_pair_type {
    clear: both;
    float: none;
    position: relative;
}
p.label_checkbox_pair_type input {
    width: 20px;
    padding: 0;
    margin: 4px;
    border: 0;
}
p.label_checkbox_pair_type label {
    /*width: 150px;*/
    margin: 0;
    padding-right: 15px;
}
/* END: Setting Checkbox & Radio */ 
/* START: button css */
button.positive, .buttons a.positive, .buttons a.positive:active{
    color:#FFF;
    border:1px solid #2E3539;
    background-color:#333333; 
    font-weight: bold; 
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#617AAC;
    border:1px solid #1A356E;
    color:#FFF;    
}
button { height: 24px; padding-bottom: 5px; cursor: pointer; }

.insideButton, a.insideButton, a.insideButton:active{
    color:#FFF;
    border:1px solid #2E3539;
    background-color:#333333; 
    /*font-weight: bold;*/ 
    padding: 1px 10px;
    text-decoration: none;
}
a.insideButton:hover, .insideButton:hover{
    background-color:#617AAC;
    border:1px solid #1A356E;
    color:#FFF;
}

#submitButton.positive, #submitButton a.positive, #submitButton a.positive:active{
    color:#FFF;
    border:1px solid #2E3539;
    background-color:#333333; 
    font-weight: bold; 
}
#submitButton a.positive:hover, #submitButton.positive:hover{
    background-color:#617AAC;
    border:1px solid #1A356E;
    color:#FFF;    
}
#submitButton { height: 24px; padding-bottom: 5px; cursor: pointer; float: left;}

#submitButton.positiveDisable, #submitButton a.positiveDisable, #submitButton a.positiveDisable:active,
#submitButton a.positiveDisable:hover, #submitButton.positiveDisable:hover {
    background-color: #CCCCCC;
}
#submitButton.positiveDisableFont {
    width: 100%;
    font-weight: bold;
}

.skip-step { 
    height: 24px; padding-bottom: 5px;
    color:#FFF;
    border:1px solid #2E3539;
    background-color:#333333; 
    font-weight: bold; 	
}
input a.skip-step:hover, input.skip-step:hover{
    background-color:#617AAC;
    border:1px solid #1A356E;
    color:#FFF;
}	 
/* END: button css*/
.submit_area { width: auto; margin: 10px 0; }
.button_left { width: 40%; float: left; text-align: left; } 
.button_right { width: 40%; float: right; text-align: right; }
.add_to_cart_box { padding: 5px 5px 10px 5px; }
.no_border { border: none; }
#divMeta_Product { padding-left: 0; }

#basic-accordian { }
.accordion_headings { 
    padding:5px;
    background:#92CF6F;
    color:#FFFFFF;
    border:1px solid #FFF;
    cursor:pointer;
    font-weight:bold;
}
.accordion_headings:hover{
    background:#00CCFF;
}
.accordion_child{
    /*padding:15px;
    background:#EEE;*/
}
.header_highlight{
    background:#59CCFC;
}
.w650 { width: 650px; }
#profileImage { width: 200px; }
div.email-importer-box {
    height: 250px;
    width: 400px;
    overflow:auto;
    border: 1px solid #C8CDD0;	
    background:none repeat scroll 0 0 #F3F3F3;
    padding: 8px;
}
.register_form_top { padding: 10px 0; margin:0; }
/****************************** END: FORM **************************************************/
/****************************** START: USER ACCOUNT ************************************/
account-box {
    background:#FFFFFF;
    border-color:#CCCCCC #999999 #999999 #CCCCCC;
    border-style:solid;
    border-width:1px;
    margin-bottom:20px;
    padding:15px;
}
.account-box .head {
    border-bottom:1px solid #D9DDE3;
    margin:10px 0 10px 0;
    height: 25px;
}
.account-box .head h4 {
    background-position:0 0;
    background-repeat:no-repeat;
    padding: 0px;
    margin: 0;
}
.account-box h4 {
    color:#CE3F3B;
    font-size:1.1em;
    text-transform:uppercase;
}
.user-ad-history-left h3{
    width: 50%; height:20px; float: left; font: verdana normal 12px; text-align: left; color: #CE3F3B; padding: 2px; margin: 0; text-transform:uppercase;
}
.user-ad-history-right{
    width: 20%; float: right; text-align: right;
}
.col2-set, .col3-set, .col4-set, .col5-set {
    clear:both;
}
.account-box .inner-head {
    background:transparent;
    margin-bottom:8px;
    padding-bottom:2px;
    height: 20px;
    border-bottom: 1px dotted #ccc; 
}
.head, .inner-head {
    line-height:1.25em;
    text-align:right;
}
.account-box h5 {
    font-size:1.1em;
}
.col-1 p, .col2-set p{
    color:#333333;
    font:12px Verdana,Arial,Helvetica,sans-serif;
    margin:0;
    padding:0 5px 5px;
    text-align:left;
}
.information-left h5 { width: 400px; height:20px; float: left; text-align:left; font: verdana bold 12px; padding: 0 20px 0 0; margin: 0; }
.information-right {  width: 200px; float: right; text-align: right;}
.customer-contact-info p { 
    text-align: left;
    padding: 0px;
    margin: 5px 0 0 0;
    width: 240px;	
}
.primary-bill-info-left { width: 40%; float: left; text-align: left; margin: 0 10px 0 0; padding: 0; }
.primary-ship-info-right { width: 40%; float: right; text-align: left; margin: 0; padding: 0; }
.primary-bill-info-left h6, .primary-ship-info-right h6 {
    font-size:0.95em;
    margin: 0;
    padding: 0;
}
.lheight18 { line-height: 18px; }
.customer-order-shipping-box { border:1px solid #ccc; padding:15px; margin:0; height:140px; background: #F8F7F5; }
.shipping-box-left-inside { float:left; text-align:left; width:40%; margin: 0 10px 10px 0; }
.shipping-box-right-inside { float:right; text-align:left; width:40%; margin: 0 0 10px 0; }
h4 { margin:0; padding:0;}	
.customer-order-billing-box { border:1px solid #ccc; padding:15px; margin: 10px 0; height:140px; background: #F8F7F5; }
.billing-box-left-inside { float:left; text-align:left; width:40%; margin: 0 10px 10px 0; }
.billing-box-right-inside { float:right; text-align:left; width:40%; margin: 0 0 10px 0; }
h4 { margin:0; padding:0;}
.address-block { margin: 6px 0; padding: 0; }		
/****************************** START: USER ACCOUNT ************************************/
/****************************** START: FOOTER **********************************************/
.footer {
    width: 960px;	
    /*height: 102px;*/
    border-top: 2px #DDD solid;	
    margin: 28px auto;
}

.summary {
    width: 220px;
    margin: 20px  ;
    float: Left;
}

.footer_main {
    width: 960px;
    padding: 10px 0px 0px 0px;
    font-family: verdana;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #5B5745;
}

.footer_main a {
    font-family: verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #5B5745;;
    text-decoration: none;
    padding: 0px 8px 0px 8px;
}

.footer_main a:HOVER {
    text-decoration: underline;
}


/****************************** END: FOOTER***********************************************/

.red_lines { background: #FBE6DD; }
.blue_lines { background: #F4F4F4; }

/*Added by Arafat*/
.formBox {
    background: none repeat scroll 0 0 #FCFDFD;
    margin: 0;
    padding: 0; /*15px 15px 10px*/
}
.formBox {
    border: 1px solid #CAD3DE;
    padding: 10px;
}
.w350 {
    width: 350px;
}
.lSurveyBtn {
    width:65px; 
    float:left;    
}
.rSurveyBtn {
    width:185px; 
    float: left; 
    padding-left: 5px;
}
.formBox .w180 {
    width: 180px;
}
.formBox .w560 {
    width: 560px;
}
.formBox .w680 {
    width: 680px;
}
.formBox .w530 {
    width: 530px;
}
.formBox #addContact {
    height: 20px;
    padding-bottom: 4px;
}
.formBox .addContact {
    height: 20px;
    padding-bottom: 4px;
}

.surveyOwnership {
    border: 1px solid #CCCCCC;
    color: #333333;
    cursor: pointer;
    height: 25px;
    margin: 5px;
    text-align: center !important;
    background-color: #F1F5FB;
    font-weight: bold;
    font-size: 10px;
}
.textCenter{
    text-align: center;
}
.reqContactBlock{
    padding: 3px 0; 
    clear: both;    
}
.reqDivider {
    border: #ccc 1px solid;
}
.installAddressListingBlock {
    clear: both; line-height: 16px;
}
.installAddressListing {
    color:#969696; 
    font-weight: bold;    
}
.approvalBtnBlock {
    margin: 20px 0 0 0;
}
.billingSubmitBtnLeft {
    float:left; padding:0; margin:0;
}
.billingSubmitBtnRight {
    float:right; padding:0 0 0 10px; margin:0;
}
.btnDiscard15 {
    float: right;
    margin: 0;
    padding: 15px 0 0 10px;
}
.grandTotalBlock {
    text-align: right; padding: 10px; margin: 0;
} 
/*checkbox*/
.formBox .approveProduct {
    width: 25px;
    padding: 0px;
    cursor: pointer;
    margin: 0 0 5px;        
}
.unavailable {
    background-color: #F3F3D2;
}
.unavailableToPo {
    background-color: #F3F3D2;
}
.h50 {
    height: 50px;
}
.tpad27 { padding-top:27px; }
.tPad20 { padding-top:20px; }
.txtCenter{
    text-align: center;
    padding:10px;
}
.lAlign {
    text-align: left;
}
.aRight {
    text-align: right;
}
.commentRemoveBlock {
    padding: 5px;
    padding-left: 25px;
    color: red;
}
.show_success_msg {
    width: 100%;
    text-align: center;
    color: #83BF29;
}
.show_error_msg {
    width: 100%;
    text-align: center;
    color: #FF0000;
}
.surveyOpenCloseLinkBlock {
    border: none; padding: 0; margin:0 0 10px 0;
}
.w450 { width: 450px; }
#noInfoDiv {
    padding: 20px 0;
}
.bgColorSurveyStatus {
    background-color: #E6F1F8;
}
.radioDeviceFormLeftBtn { float:left; width:160px; }
.radioDeviceFormRightBtn { float:left; padding-left: 10px;width:100px; }
#radioDeviceUpdae{
    
}
.clrGray {
    color: #9F9F9F;
}
.clrBlue {
    color: blue;
}
.clrRed {
    color: red;
}
.clrBrown {
    color: brown;
}
.clrGreen {
    color: #04B431;
}
.padL20 {
    padding-left: 20px;
}
.floatLeft {
    float: left; 
}
.leftSectorSearchInput {
   float:left; margin:0; padding:0; 
}
.rightSectorSearchInput {
  float:left; margin:0 0 0 10px; padding:0;  
}
.submitSearch {
    float:left; clear:both; margin:0 0 0 50px; padding:0;
}
/* Changes by Noman */
.resetSearch {
    float:right; margin:0 80px 0 0; padding:0;
}

.noMargin {margin: 0;}
.datepick-month-year  {
    width: 80px;
}
.w1100 {
    width: 1150px;
}
.clrCFE2F3 {
    background-color: #CFE2F3;
}
.txtClrGreen {
    color: #17B05F;
}
.h10 {
    height: 10px
}
.w275 {
  width: 275px;
}
.w300 {
  width: 300px;
}
#saleDateStart, #saleDateEnd {
    width: 150px;
}
.halfLeftLabel {
    float: left; width: 174px;
}
.halfLeft {
    float: left; width: 145px;
}
.halfRight {
    float: left; width: 140px;
}
.lMargin5 {
    margin-left: 5px;
}
.dataListTable .rowspanYes {
  border-top: 1px solid #CCCCCC;
  border-bottom: 0px;
}
.dataListTable .rowspanNo {
  border-top: 0px;
  border-bottom: 0px;  
}
.dataListTable .colpanSum {
  border-top: 1px solid #CCCCCC;
  border-bottom: 0px;
}
.dataListTable .colTopBrdrSolid {
  border-top: 1px solid #CCCCCC;
}
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pad0 { padding: 0px; }
.clrF7F7F8 {
    background-color: #F7F7F8;
}
.noBackColor {
    background-color: #FFF;
}

.listHead th {
    background-color: #3FCFCB;
}
.formBgD7EDE8 {
    background-color: #D7EDE8;
}

/*Css for the Edit sales - Arafat: 2016-12-10*/

/*Grid for responsive*/
#body_container {
  max-width: 1024px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;    
}
.container{
  max-width: 1024px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.row,
.column {
    box-sizing: border-box;
}
.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}
.column {
    position: relative;
    float: left;

}
.column + .column {
    margin-left: 1.6%;
}
.column-1 {
    width: 6.86666666667%;
}

.column-2 {
    width: 15.3333333333%;
}

.column-3 {
    width: 23.8%;
}

.column-4 {
    width: 32.2666666667%;
}

.column-5 {
    width: 40.7333333333%;
}

.column-6 {
    width: 49.2%;
}

.column-7 {
    width: 57.6666666667%;
}

.column-8 {
    width: 66.1333333333%;
}

.column-9 {
    width: 74.6%;
}

.column-10 {
    width: 83.0666666667%;
}

.column-11 {
    width: 91.5333333333%;
}

.column-12 {
    width: 100%;
}


@media only screen and (max-width: 767px) {
  .column-1,
  .column-2,
  .column-3,
  .column-4,
  .column-5,
  .column-6,
  .column-7,
  .column-8,
  .column-9,
  .column-10,
  .column-11,
  .column-12 {
      width: auto;
      float: none;
  }

  .column + .column {
      margin-left: 0;
  }
}
.box{
   border: 1px solid #ccc;
   padding: 10px;
   margin-bottom: 10px;
}
h1{
  font-size: 25px;
  line-height: 30px;
}
h2{
  font-size: 18px;
  line-height: 22px;
  margin-top: 0;
  margin-bottom: 10px;
}
.box h3{
  margin-top: 0;
  margin-bottom: 10px;
  max-width: 175px;
  text-align: right;
}

.text-left{text-align: left;}
.uppercase{ text-transform: uppercase; }
.form-group{padding-bottom: 5px;}
.form-group label{width: 165px; text-align: right; padding-right: 5px; display: inline-block;}
.form-group input{
  padding-right: 5px;
  padding-left: 5px;
}
.width-141{
  width: 141px;
}
.bg-blue{
  background: #2E51A5;
}


@media only screen and (max-width: 767px) {
  #submitButton,
  button{
    width: 100%;
    margin-bottom: 10px;
    float: none;
  }
}
@media only screen and (max-width: 1023px) {
  .container{
    padding-right: 10px;
    padding-left: 10px;

  }
 .box h3{
    margin-top: 0;
    margin-bottom: 10px;
    max-width: 100%;
    text-align: center;
  }
  .form-group label{width: 100%; text-align: left; padding-right: 5px; display: block;}
  input,textarea,select{
    width: 100% !important;
    display: block;
    margin-bottom: 10px;
  }
  .formBox .w140{
    width: 100% !important;
  }
  /*Header footer*/
  #top-nav{
    /*display: none;*/
  }
  .footer,
  .top-nav,
  .header_admin_right,
  .header_title_admin, .header_title_index{
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
  .header_top,
  .menu-back,
  .header_mid{
    height: auto;
  }
}
@media only screen and (min-width:768px) and (max-width: 1024px) {
  #top-nav{
    /*display: none;*/
  }
  .footer,
  .top-nav,
  .header_admin_right,
  .header_title_admin, .header_title_index{
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
  .header_top,
  .menu-back,
  .header_mid{
    height: auto;
  }
}
.readOnlyMode{
    color: grey;
}