/********* Grid Express Styles *********/

#oListDiv #oListMain{width:100%!important;}

#divComplementaryProduct, #divPriceQuantity{margin-top:20px;}

.frameScroll
{
	margin:0px;
	padding:0px;
}

.mainGrid
{
	background-color:#eee;
}

.gridRow 
{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	height:18px;
	border-top:1px solid #eee;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}

.gridRowError
{
	background-color:#dddddd;
}

.gridCell
{
	font-size:10px;
	height:12px;
	border-top:0px solid #eee;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}

.gridCellPrice
{
	font-size:10px;
	height:12px;
	border-top:0px solid #eee;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	color:#e22927;
}

.gridCellHighlight
{
	font-size:10px;
	height:12px;
	border-top:0px solid #eee;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	background-color:#F8F8F8;
}


.gridCellPriceQty
{
	font-size:10px;
	height:12px;
	border-top:1px solid #eee;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	background-color:#eee;
}

.gridCellPriceQtyPrice
{
	font-size:10px;
	height:12px;
	border-top:1px solid #eee;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	background-color:#eee;
	color:#e22927;
}

.gridCellPriceQtySelected
{
	font-size:10px;
	height:12px;
	border-top:1px solid #eee;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	background-color:#F8F8F8;
}

.gridCellPriceQtyPriceSelected
{
	font-size:10px;
	height:12px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #EBECEE;
	border-left:1px solid #EBECEE;
	border-right:1px solid #EBECEE;
	color:#cc0000;
	background-color:#F8F8F8;
}

.gridCellInput
{
	border-top:0px solid #FFFFFF;
	border-left:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	background-color:#eee;
	font-size:10px;
	height:12px;
}

.GridInputButton
{
  border-right: #335a71 1px solid; 
  padding-right: 3px; 
  border-top: #335a71 1px solid; 
  padding-left: 3px; 
  font-size: 9px; 
  padding-bottom: 2px; 
  border-left: #335a71 1px solid; 
  color: #FFFFFF; 
  padding-top: 2px; 
  border-bottom: #335a71 1px solid; 
  font-size:10px;
  font-family:Arial;
  height: 19px; 
  background-color: #55626a;
}

.gridInput
{
  border:0;
  height:12px;
  width:100%;
  font-size:10px;
  font-family:Arial;
  font-weight:normal;
  color:#333333;
  background-color:Transparent;
}

.gridInputComment
{
	border:0;
  height:12px;
  width:100%;
  font-size:10px;
  font-family:Arial;
  font-weight:normal;
  color:#333333;
  background-color:#ffffff;
  height:80px!important;
}

.gridText
{
  border:0;
  height:12px;
  width:100%;
  font-size:10px;
  font-family:Arial;
  font-weight:normal;
  color:#333333;
  vertical-align:middle;
  overflow:hidden;
  cursor:default;
}

.gridTextPrice
{
	border:0;
  height:12px;
  width:100%;
  font-size:10px;
  font-family:Arial;
  font-weight:normal;
  color:#cc0000;
  vertical-align:middle;
  overflow:hidden;
  cursor:default;
}

.gridTextCode
{
  border:0;
  height:12px;
  width:82px;
  font-size:10px;
  font-family:Arial;
  font-weight:normal;
  color:#333333;
  vertical-align:middle;
  overflow:hidden;
  cursor:default;
}

.gridTextBold
{
  border:0;
  height:12px;
  width:100%;
  font-size:10px;
  font-family:Arial;
  font-weight:bold;
  color:#333333;
  vertical-align:middle;
  overflow:hidden;
  cursor:default;
}

.gridTextComment
{
  border:0;
  height:12px;
  width:100%;
  font-size:10px;
  font-family:Arial;
  font-weight:bold;
  color:#333333;
  vertical-align:middle;
  cursor:default;
}

.gridTextCommentCommand
{
  border:0;
  height:12px;
  width:100%;
  font-size:10px;
  font-family:Arial;
  font-weight:bold;
  color:#333333;
  vertical-align:middle;
  text-decoration:underline;
  cursor:default;
}

.productTileLink
{
  font-family:Arial;
  font-size:10px;
  font-weight:normal;
  color:#be4035;
}

a.productTileLink:link
{
  font-family:Arial;
  font-size:10px;
  font-weight:normal;
  color:#6a6a6a;
  text-decoration:none;
}

a.productTileLink:active
{
  font-family:Arial;
  font-size:10px;
  font-weight:normal;
  color:#6a6a6a;
  text-decoration:none;
}

a.productTileLink:visited
{
  font-family:Arial;
  font-size:10px;
  font-weight:normal;
  color:#6a6a6a;
  text-decoration:none;
}

a.productTileLink:hover
{
  font-family:Arial;
  font-size:10px;
  font-weight:normal;
  color:#9a9a9a;
  text-decoration:underline;
}

.coverDiv
{
  display:;
  z-index:2;
  top:0;
  left:0;
  width:100%;
  height:100%;
  position:absolute;
  background-color:#eee;
	filter:Alpha(opacity=0);
	opacity:0.00;
	-moz-opacity:0.00;
}

.loadingDiv
{
  display:;
  z-index:4;
  top:0;
  left:0;
  width:100%;
  height:100%;
  position:absolute;
  background-color:#eee;
}

.loadingSpan
{
  font-size:11px;
  font-family:Arial;
  font-weight:bold;
  color:#333333;
}

.listDiv
{
  z-index:3;
  position:absolute;
  overflow-y:scroll;
  overflow-x:hidden;
  border-color:#CCCCCC;
  border-width:1px;
  border-style:solid;
  background-color:#eee;
}

.listCell
{
  overflow:hidden;
  font-size:10px;
  font-family:Arial;
  font-weight:normal;
  color:#333333;
}


.listCellPrice
{
  overflow:hidden;
  font-size:10px;
  font-family:Arial;
  font-weight:normal;
  color:#e22927;
}


.commentDiv
{
  z-index:3;
  position:absolute;
  border-color:#CCCCCC;
  border-width:1;
  border-style:solid;
  background-color:#FFFFFF;
}

.commentDivRow
{
	background-color:#ECECEC
}

.listMain
{
  cursor:pointer;
  background-color:#eee;
}

.listPriceQty
{
	background-color:#eee;
}

.listRow
{
  background-color:#eee;
  font-size:10px;
  font-family:Arial;
  font-weight:normal;
  color:#333333;
}

.listRowSelected
{
  background-color:#F8F8F8;
  font-size:10px;
  font-family:Arial;
  font-weight:normal;
  color:#d2dadc;
}

.listDivPriceQty
{
  overflow-y:scroll;
  overflow-x:hidden;
	scrollbar-face-color: #CCCCCC;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #FFFFFF;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
  border-color:#CCCCCC;
  border-width:1px;
  border-style:solid;
  background-color:#eee;
}

/***************************************/


/***************************************/
/*	ORDER EXPRESS BUTTONS	*/
/* 
        root element for the scrollable. 
        when scrolling occurs this element stays still. 
    */ 
    div.scrollable { 
     
        /* required settings */ 
        position:relative; 
        overflow-x:hidden; 
        width: 100%; 
	height:125px;
    } 
     
    /* 
        root element for scrollable items. Must be absolutely positioned 
        and it should have a extremely large width to accomodate scrollable items. 
        it's enough that you set width and height for the root element and 
        not for this element. 
    */ 
    div.scrollable div.items { 
        /* this cannot be too large */ 
        width:20000em; 
        position:absolute; 
    } 
     
    /* 
        a single item. must be floated in horizontal scrolling. 
        typically, this element is the one that *you* will style 
        the most. 
    */ 
    div.scrollable div.items div { 
        float:left; 
    } 
     
    /* you may want to setup some decorations to active the item */ 
    div.items div.active { 
        border:1px inset #ccc; 
        background-color:#fff; 
    }
    
        /* this makes it possible to add next button beside scrollable */
    .scrollable {
	    float:left;	
    }

    /* prev, next, prevPage and nextPage buttons */
    a.browse {
	    display:block;
	    width:17px;
	    height:32px;
	    float:left;
	   /* margin:40px 10px;*/
	    cursor:pointer;
	    font-size:1px;
    }

    /* right */
    a.right 				{background-image:url(/ecom_theme/img/orderExpressArrowRight.gif?fv=DBAA82DDBAD301514602E59846013E12); background-position:top left; margin-left: 0px; float:right;}
    a.right:hover 		{ }
    a.right:active 	{ } 


    /* left */
    a.left				{ background-image:url(/ecom_theme/img/orderExpressArrowLeft.gif?fv=39E0CCEACBD8B9C5DE9ECE440E5715C4); background-position:top left; margin-left: 0px; } 
    a.left:hover  		{  }
    a.left:active  	{  }

    /* up and down */
    a.up, a.down		{  
	    float: none;
	    margin: 10px 50px;
    }

    /* up */
    a.up:hover  		{ background-position:-30px 0; }
    a.up:active  		{ background-position:-60px 0; }

    /* down */
    a.down 				{ background-position: 0 -30px; }
    a.down:hover  		{ background-position:-30px -30px; }
    a.down:active  	{ background-position:-60px -30px; } 


    /* disabled navigational button */
    a.disabled {
	    background-position:bottom;	
    }
    
    
    /*
	    root element for the scrollable.
	    when scrolling occurs this element stays still.
    */
    .scrollable {

	    /* required settings */
	    position:relative;
	    overflow:hidden;
	    width: 430px;
	    height:125px;

	    /* custom decorations */
	    border:1px solid #999;
    }

    /*
	    root element for scrollable items. Must be absolutely positioned
	    and it should have a extremely large width to accomodate scrollable items.
	    it's enough that you set the width and height for the root element and
	    not for this element.
    */
    .scrollable .items {
	    /* this cannot be too large */
	    width:20000em;
	    position:absolute;
	    clear:both;
    }

    /* single scrollable item */
    .scrollable img {
	border:none;
    }

    /* active item */
    .scrollable .active {
	    border:2px solid #000;
	    z-index:9999;
	    position:relative;
    }
    
    #oProductRelationMain
     {
       list-style:none;
       margin:0px;
       padding:0px;
       }
       
     #oProductRelationMain li
     {
       width:120px;
       text-align:center;
       float:left;
       
	     margin-left:5px;
	     margin-right:5px;
		margin-top:5px;
       padding-left:5px;
       padding-right:5px;
       }
	   
/***********************************/
/*		GRID CELL ERROR		*/
	   
.gridCellError
{
	background-color:#ffb7b7; /* RED FOR ERROR */
	cursor:pointer;
}

.gridCellWarning
{
	background-color:#fffeb7; /* YELLOW FOR WARNING*/
	cursor:pointer;
}

Div#divErrorGridContainsErrors {
    background-color:#ffffe1;
    Border:2px solid #ff2c2c;
    z-index:999;
    position:absolute;
    width:540px;
    height:70px;
}

.ui-dialog {
	outline: none;
}

.ui-dialog-titlebar {
	position: relative;
}

.order-express-page .MessageTable {
	background: none;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
}

.order-express-page .MessageTable .WarningMessage {
	background: url("/ecom_theme/img/JavascriptImages/iconWarning.gif?fv=51CB1C462EDAFB30C9D9D8A825130448") 0 5px no-repeat;
	padding-left: 48px;
}

.order-express-page .ui-dialog {
	background: #ffffe1;
	border: 2px solid #ff2c2c;
	padding: 5px;
}

.order-express-page .ui-dialog-titlebar-close {
	position: absolute;
	top: 0;
	right: 0;
}

.order-express-page .ui-button {
	background: url("/ecom_theme/img/JavascriptImages/Close2.gif?fv=7804CA8AC9F75436320D8FBAAD5AD962");
	border: 0;
	font-size: 0;
	width: 18px;
	height: 18px;
}


/***************************************/

/* WAREHOUSE */

#oQtyAvailableDiv1{
	width:200px;
}

.qtyByWarehouseTableOrderExpress{
	width:200px !important;
	width:198px;
}

.qtyByWarehouseTableOrderExpress td{
	border:1px solid #999999;
	border-top-color:#999999;
	font-size:10px;
	padding:1px;	
}

.gridInputComment{height:80px!important;}

#oListDiv #oListMain{width:100%!important;}