html, body {
	min-height: 100%;
}

html
{
     overflow-x: auto;
  overflow-y: auto;

    }
body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;

  line-height: 150%;
  margin: 0px;
       padding: 0px;
 
   background: #DDDFDB ;  /* color: #666;*/
background : url("../gfx/g1.jpg") no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size: cover;
  
    min-width: 956px;
  /*   background: transparent url(gfx/background.jpg) repeat;
  color: #1D1D1D; 
background: #ad8667 ;*/

margin : 0px;
}

.tblmain
{
   
    table-layout : auto;
    height:auto;
    width : auto;
    
    margin : 20px 0 0 170px;
    min-height : 100%;
    min-width :75%;
  
    background-color :White;
     box-shadow: 0px 0px 7px rgba(0,0,0,0.3); 
   -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
   -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	border-radius: 5px;
 -moz-border-radius: 5px;
 -wewebkit-border-radius: 5px; 
 -o-border-radius: 5px;
    }
   .tblmain td
    {
      position :relative;
       margin: 0px;
       padding :0px;    
       vertical-align :top;
      
        }

/*
.shell { margin: 0 auto; width: 1020px;  padding-top: 20px;

    height: 545px;
  
}*/
.main  
{
    height : 100%;
overflow:visible;
 
    margin-top:20px; 
    width: 1020px;  
margin-left: 168px;
    height :auto;
    
    
	min-height : 545px;
	background: #fff;  
	
	   clear: both;


   width: 1020px;
   
    box-shadow: 0px 0px 7px rgba(0,0,0,0.3); 
   -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
   -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	border-radius: 5px;
 -moz-border-radius: 5px;
 -wewebkit-border-radius: 5px; 
 -o-border-radius: 5px;


 

}

#menu-bar {
  
 /*left: 40%;
  top: 30px;
  */width: 717px;
  height: 38px;

  
   margin: 5px 0px 30px 20px;
  padding: 6px 6px 4px 6px;
  
  line-height: 100%;
 /* border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;*/
  box-shadow: 2px 2px 3px #666666;
  -webkit-box-shadow: 2px 2px 3px #666666;
  -moz-box-shadow: 2px 2px 3px #666666;
  background: #63A2C2;

  background: linear-gradient(top,  #15B4ED,  #7A7A7A);
  background: -ms-linear-gradient(top,  #15B4ED,  #7A7A7A);
background: -webkit-gradient(linear, left top, left bottom, from(#15B4ED), to(#7A7A7A));
  background: #63A2C2;
 
  border: solid 2px #6D6D6D;
  /*position:absolute;
  z-index:999;
*/
}
 #menu-bar li
{
    list-style-type : none;
 margin: 0px 0px 6px 0px;
  padding: 0px 6px 0px 6px;
  float: left;
  position: relative;
    top: 1px;
   
    height: 14px;
}
#menu-bar ul li a
{
    
     font-weight: bold;
  font-family: Verdana;
  font-style: normal;
  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  
  margin-bottom: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  padding: 0px 20px 6px 10px;
  margin: 0;
  
}
    #menu-bar li ul li a {
  margin: 0;
}

#menu-bar ul li .highlight a, #menu-bar li:hover > a {
  background: #EBEBEB;
  background: linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -ms-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
  background: -moz-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  color: #444444;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 2px 2px 3px #FFFFFF;
  line-height : 11px;
  padding-top : 2px;
  text-align : center;
}
/*#menu-bar ul li a:hover ,#menu-bar ul li.highlight 
{
   background: #EBEBEB;
  background: linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -ms-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
  background: -moz-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  color: #444444;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
   
  text-shadow: 2px 2px 3px #FFFFFF;
}*/
/*#menu-bar ul li.highlight  { background: #EBEBEB;
  background: linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -ms-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
  background: -moz-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  color: #444444;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 2px 2px 3px #FFFFFF;
   border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;}*/
 /*
#menu-bar ul li.highlight a  {color : #444444;cursor:pointer;}
*/
p {
  text-align: justify;
    margin-left: 0px;
  font-family: Verdana; font-size: small;
  padding-bottom : 10px;
    margin-bottom: 0px;
}



h1, h2, h3, h4, h5, h6, h7 {
  margin: 16px 0px 0px 0px;
  padding: 0px;
}


h1 { /* big headline on top */
 font-size: 1.9em;
 font-weight: normal;
 color: #521A00;
 border-right: none;
 margin-bottom: 20px;
}




h2 { /* Headlines for halfwith articles */
 font-size: 1.4em;
 font-weight: normal;
 color: #221B30;
 text-align : center;
   
    border-right-style: none;

}

h3 { /* unused in template - use it if you like */
 font-size: 1.4em;
 font-weight: normal;
 font-family :Verdana;
 color: #221B30;
 border-right: none;
 text-align :  center;
}

h4 { /* Headlines in left column */
 font-size: 1.5em;
 font-weight: normal;
 color: #7C1324;
 border-right: none;
}


p.fullwidth {
  font-size: 1.2em;
  margin-bottom: 30px;
}

div.halfwidth_left {
  font-size: 1em;
  float: left;
  width: 48%;
  padding-right: 2%;
}

div.halfwidth_right {
  font-size: 1em;
  float: right;
  width: 48%;
  border-right: none;
  padding-left: 1.5%;
}

#logo 
{
    border-style : solid;
   /* background-color :#C3D2DB;*/
  position: relative;
/* left: 50%;
  top: 30px;*/
  width: 200px;
  height: 90px;
  margin-left: 10px;
    margin-top: 11px;
    margin-bottom: 2px;
}

#navigationTop {
  position: absolute;
  left: 50%;
  top: 30px;
  width: 750px;
  height: 40px;
  margin-left: -277px;
 /* background: url(gfx/tac_bg_navigationTop.png) repeat-x;*/
}

#navigationTop ul {
  width: 100%;
  height: 40px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
 /* background: url(gfx/tac_bg_navigationTopRight.png) right top no-repeat;*/
  /*border:  1px solid green;*/
}

#navigationTop ul li {
  float: left;
  margin: 0;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  border-right: 1px solid #C69780;
}

#navigationTop ul li a {
  display: block;
  color: #FFF;
  font-size: 12px;
  font-weight: normal;
  padding: 11px;
  text-decoration: none;
}

#navigationTop ul li a:hover {
 /* background: url(gfx/tac_bg_navigationHover.png) top repeat-x;*/
}

#contentWrapper 
{
    
  
  position: absolute;
  top :0px;
  
 /* left: 52%;
  width: 963px;
  top: 152px;
  margin-left: -489px;
    min-height : 50%;

  /*display:table;
  height:100%*/
}


#leftColumn {
/* position : static;
  float: left;*/
  width: 159px;
    left :32%;
   
  padding: 1px 15px 0px 12px;

height :390px;
    margin: 15px 3px 10px 18px;
    border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  /*border : 1px solid ThreeDDarkShadow;
/*background : #ECEEEF;*/
border-right :2px ridge ButtonShadow;
border-left :2px ridge ButtonShadow;

}

#leftColumn span, #leftColumn strong {
  display: block;
  
}

#leftColumn span {
  /*color: #8C2D00;*/
 
}

#leftColumn a {
 color: #000000;
  text-decoration: underline;
  text-align : center;
}

#leftColumn a:hover 
{
    background : #56606C;
  color: #fff;
  text-decoration: none;
   border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  text-align : center;
}


#content 
{
  
  width: 675px;
margin-top :auto;
/*
top : 0px;
left :0px;
padding: 0px 15px 0px 12px;
    min-height : 278px;
    margin-top: 0px;
 */
}

#footer 
{
    
 /* position : absolute;
  left: 12%;*/
margin-left :-2px;
  width: 1010px;
  height: 4em;
  /*
  margin-left: -270px;
 
  margin: 15px 0px 0px 0px; */

  padding: 6px 6px 4px 6px;
  
  
  line-height: 100%;
 /* border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;*/
  box-shadow: 2px 2px 2px 2px #666666;
  
  -webkit-box-shadow: 2px 2px 3px #666666;
  -moz-box-shadow: 2px 2px 3px #666666;
  background: #2C3C50;
  background: linear-gradient(top,  #15B4ED,  #7A7A7A);
  background: -ms-linear-gradient(top,  #15B4ED,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#15B4ED), to(#7A7A7A));
  
  /*border: solid 1px #6D6D6D;*/
  
  

}

#footer_links 
{
    
     margin-top: 11px;
   padding-left :343px;
    height: 24px;
}

#footer_links a 
{
   
    text-align : center;
  color: #FFFFFF;   
}

#footer_copyright 
{
    padding-left :350px;
   margin-top  : 21px;
  
}



#footer_copyright  {
  color: #191D12;
}

.links1 
{
/* right: 100%;*/

float : right;
margin-right : 42px;
    height: 12px;
    margin-bottom: 2px;
    margin-top :8px;
    margin-left: 48px;
    color : #221B30;
    width: 171px;
}

.DateSpan
{
    float : right;
  color : #221B30;
  
    height: 15px;
    margin-bottom: 0px;
}

.links 
{
/* right: 100%;*/

float : right;
/*margin-right : 33px;
    height: 12px;
    margin-bottom: 2px;
    margin-top :4px;
    margin-left: 0px;
  */  color : #221B30;
   
}
a
{color : #1B7985;
    }
.links a
{
     color:#221B30;
    }
.links a:hover { color:#1B7985;
                 font-weight:bold; } 
 /*.links a:hover, .links li a.active { background: #FF704D; }   */
 .links a:visited { text-decoration:line-through; } 
 
 .menu ul 
{
    list-style-type : none;
	margin: 0;
padding: 0;
    }
    
    .menu {
width: 149px;
   background : #DADCDE;
 border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
margin: 2px 10px 10px 0px;

}
  
.menu ul li a
{
        display : block;
        
     font-size: 12px;
  font-weight: normal;
  padding: 11px;


 color: #000000;
  text-decoration: underline;
  text-align : center;
}

.menu a:hover 
{
    background : #63A2C2;
  color: #fff;
  text-decoration: none;
   border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
 
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  text-align : center;
}
.menu ul li.highlight1  {background : #63A2C2;
  color: #fff;
  text-decoration: none;
   border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
 
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  text-align : center;}
.menu ul li.highlight1 a  {color : #fff;cursor:default;}

   /* .menu .highlight a, .menu  li:hover > a {
   background : #65C5FD;
color: #fff;
  text-decoration: none;
   border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
 
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  
}
*/



table.daterangetab td
{ vertical-align : top; 
    color: #000000; 
    font-weight: 600;
   
   
    }
    
    table.gridtable 
    {width: 505px; margin-left : 25px; height: 171px;
        }
        
  .lineitems
    {
         border-style: none;
    border-color: inherit;
    border-width: 1;
    margin-top : 50px;
          border-collapse: collapse;
            margin-left: 40px;
         
}
     .lineitems td
    {
           color: #1C091C;
       
         font-size: small; 
         font-weight: bold;
       
    }
   .heading
   {
    margin-left : 24px;
     margin-right: 0px;
     color: #584284; 
     font-size: medium;
      text-decoration: underline; 
      text-align: center;
      font-family : Verdana;
    margin-top: 10px;
}
       
   .gridview  
{
     font-family: Verdana;
  font-style: normal;
  font-size: 12px;
    border: 2px Groove #7f7f7f;
     border-collapse :collapse;
   Width :600px;
            margin-right: 0px; 
margin-left: 1px; margin-bottom: 0px;
         
}

.altrowstyle 
{
    background-color: #edf5ff;
}
.headerstyle
{
    
    height : 20px;
    margin-top : 0px;
    font-weight:bold; background-color: Green; 
               top :auto;
               position : relative;
    }

.headerstyle th 
{
    
    background: #102C4C;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #FFFFFF;
    padding: 4px 5px 4px 5px;
    text-align: center;
    vertical-align: bottom;
}  

.headerstyle th a
{
    
    
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    display: block;
    padding-right: 10px;
     font-weight :200;
}    


.rowstyle td, .altrowstyle td 
{
    padding: 4px 5px 4px 5px;
    border: solid 1px black;
    color : Black;
    font-weight :normal;
  
}
.nav
{
    font-family : Verdana;
    font-size :small;
    font-style :normal;
    font-variant : small-caps;
    font-weight : 400;
    color :Maroon;
 text-decoration : underline;
   
    }
    /*
.grdscroll { 

  font-family: Verdana;
  font-style: normal;
  font-size: 12px;
    border: solid 2px #7f7f7f;
     Border-Style :Groove;
    border-collapse :collapse;
      
            Width :800px;
            margin-right: 75px; margin-left: 1px; margin-bottom: 20px;

position: absolute; 
}



.grdscroll th{
top: 0;
position: relative; 

Width :800px;
margin-right: 100px; margin-left: 1px; margin-bottom: 20px;
}
.grdscroll tr
{
    height : 0px;}*/





.button {
   border-top: 1px solid #202430;
   background: #5b6b75;
   background: -webkit-gradient(linear, left top, left bottom, from(#318094), to(#5b6b75));
   background: -webkit-linear-gradient(top, #318094, #5b6b75);
   background: -moz-linear-gradient(top, #318094, #5b6b75);
   background: -ms-linear-gradient(top, #318094, #5b6b75);
   background: #5b6b75;
   padding: 4.5px 11px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
    margin-top: -4px;
    margin-bottom: 0px;
    margin-left: 0px;
   
    
}
 .button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
 .button:active {
   border-top-color: #1a1d1f;
   background: #1a1d1f;
   }
#ddlProducts
{ 
  overflow : auto;
    }
.combo  .ajax__combobox_itemlist
{
    position:relative !important; 
    /* remove post then moz nt working but overlap works in ie*/
    
    height: 200px !important;
    /*overflow: scroll !important;*/
    top: 5px !important;
    left: 0px !important;
    max-width :300px;

   
   
   /* top: 40px !important;
    left:0px !important;
    width: 275px !important;
   /* -moz-top: 10px !important;
    -moz-position : absolute;
    -moz-left:12px !important;
    -moz-vertical-align : middle;*/
}
  
div.dd_chk_select
{
    
margin-top:4px;
    width : 280px;
    }


.lblSubOrder
{
    font-family : Verdana;
    color : Black;
    font-weight : 700;
     }
     
  .tblPass
  {
    width : 283px;
    height : 200px;
    text-align : center;
    margin : 15px 0 0 15px; 
  
border-style :hidden;
      }
      .tblpass td
      {
          width :25px;
          }
          
 #loading
 {
      /*background:#000 url(gfx/ajax-loading.gif) no-repeat center center;
        */
         font-family: Arial;
        font-size: 10pt;
        /*border: 5px solid #67CFF5;*/
        width: 200px;
        height: 100px;
      display :none;
        position: fixed;
     
        z-index: 999;
     }
   
  
      .ui-button.ui-widget.ui-state-default.ui-button-icon-only.custom-combobox-toggle.ui-corner-right,.ui-button-icon-only
       {
float: right;
margin-right: -28px;
margin-top: -24px;
height: 22px;


}

      .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input,.ui-autocomplete-input
      {
          width : 400px;
          background-color : White;
       height:20px;
          }
              
  #ui-id-1
  {width : 300px;
      height : 270px;
       overflow :scroll;
      }
      #ctl00_ContentPlaceHolder2_Button1 {
margin-left: 40px;
}
.ui-button-icon-primary ui-icon ui-icon-triangle-1-s
{
    background-image : url("../gfx/DownArrow.jpg"); }
    .ui-button
    {
        padding : -10px 7px;}
        
        .ErrorMsg
        {
            color :Red;
            font-size : large;
            font-family : Verdana;
            }
            
            
               /*new column cust shade*/
            #ctl00_ContentPlaceHolder2_PanelCart
            {
                overflow :auto;
                width: 730px;
                }
                
                #ctl00_ContentPlaceHolder2_grddivcart {
overflow: scroll;
width: 650px;
}
ul#ctl00_ContentPlaceHolder2_ddlDealer_ddlDealer_OptionList {
    MARGIN-TOP: -46PX;
    /* MARGIN-LEFT: 2PX; */
}

.ui-button.ui-widget.ui-state-default.ui-button-icon-only.custom-combobox-toggle.ui-corner-right, .ui-button-icon-only
{
    float: right;
margin-right: -28px;

height: 22px;}