﻿body 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

h3 {
	font-size: 16px;
	text-transform: capitalize;
	color: #0095d9;
	margin-bottom: 4px;
	margin-top: 10px;
}

.Hide 
{ 
    display:none; 
}

.buttonBar {
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	color: #ffffff;
	margin-bottom: 4px;
	margin-top: 20px;
}

.textBlackSmall
{
    font-size: 9px;
    color: Gray;
    text-align: center;
    padding-bottom: 5px;
    padding-left: 3px;
    vertical-align: top;
    }

.labelDesc
{
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
        
}

.labelDescNormal
{
    text-align: left;
    font-size: 12px;
    color: #000000;
        
}

.labelDescRight
{
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
        
}

.labelDescBig
{
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #2e6da4;
        
}

.labelDescBigger
{
    text-align: left;
    font-size: 16px;
    color: #2e6da4;
    font-weight: bold;
}


.labelDescBigNormal
{
	text-align: left;
    font-size: 16px;
    color: #2e6da4;
}

.labelDescBigBudget
{
    text-align: right;
    font-size: 14px;
    color: #2e6da4;
    font-weight: bold;
    padding-right: 42px;
}

.labelDescBigBlue
{
	text-align: left;
    font-size: 14px;
    color: #2e6da4;
}

.labelHeaderBigBoldBlue
{
	text-align: left;
    font-size: 36px;
    font-weight: bold;
    color: #2e6da4;

}

.labelDescBigBoldBlue
{
	text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #2e6da4;

}

.labelDescBigBoldBlue18
{
	text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #2e6da4;

}

.labelDescBigBoldGreen
{
	text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #68903d;
}
.labelItalicBlue
{
	text-align: left;
    font-size: 12px;
    font-style: italic;
    color: #103d62;
    padding-top: 10px;
    padding-bottom: 10px;
}

.labelDescBigNormalBlack
{
	text-align: left;
    font-size: 15px;
    color: #000000;
    letter-spacing: normal;
   
    
}

.labelDescMedium
{
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #322f30;
    margin-top : 10px;
    margin-bottom : 10px;
        
}

.pricingCell
{
    text-align: left;
    font-size: 12px;
    color: #000000;
    border: solid 1px #999999;
    width: 130px;
}

.linkBlack
{
	text-align: left;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
.linkBlack:hover
{
	text-align: left;
    font-size: 12px;
    color: #000000;
    text-decoration: underline;
}

.labelDescWelcome
{
    text-align: left;
    font-size: 14px;
    color: #322f30;
}

.labelDescMediumRight
{
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #322f30;
    margin-top : 10px;
    margin-bottom : 10px;
    margin-right: 3px;
    width: 100px;
        
}

.labelValue
{
    text-align: left;
    font-size: 12px;
}

.labelNumberValue
{
    text-align: right;
    font-size: 12px;
}

.namingLabel
{
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    
}

.namingLabelRight
{
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}

.errorLabel
{
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: Red;
    padding-left: 1px;
}

.confirmationLabel
{
	font-size: 14px;
	text-transform: capitalize;
	background-color : #0095d9;
	color : #ffffff;
	margin-bottom: 4px;
	margin-top: 10px;
	width: 660px;
	font-weight: bold;
}

.billingAddressStyle
{
	background-color : #E2F5FE;
	color : #000000;
	margin-right: 15px;
	margin-top: 10px;
	margin-left: 5px;
}

.linkContact
{
    text-align: left;
    font-size: 10px;
    color: #0095d9;
    text-decoration: none;
        
}

.linkContact:hover
{
    text-align: left;
    font-size: 10px;
    color: #0095d9;
    text-decoration: underline;
}


.buttons
{
    background-color:#0095d9;
    border-color:#0095d9;
    color:#ffffff;
    width: 145px;
    border-style: none;
}



#OrderButtonBottom
{
    clear:both;
    float:right;  
    
    text-align: right;
    
}

#OrderBackBottom
{
    float:left;   
    width: 40%;
    text-align:left;
}

#OrderItemsBottom
{
    float:right;
    width: 40%;
    text-align: right;
    padding-right: 15px;
}

#OrderButtonTop
{
    text-align:right;
    float:right;
}

.linkContact
{
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	text-align:right;
	width:410px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: bottom ;
	line-height : 9px;
	margin-bottom: 5px;
	
}

.linkContact:hover
{
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	text-align:right;
	width:410px;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: bottom ;
	line-height : 9px;
	margin-bottom: 5px;
}

.linkButtonMenu
{
	
    font-size:13px;
	color:#2e6da4;
	text-transform:uppercase;
	height:18px;
	vertical-align: bottom;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px outset #ffffff;
	padding: 2px 2px 2px 2px;
	
}

.linkButtonMenu:hover
{
	
    font-size:13px;
	color:#434343;
	text-transform:uppercase;
	width:150px;
	height:18px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px outset #ffffff;
	padding: 2px 2px 2px 2px;
}

.linkMasterMenu 
{
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bolder;
}

.linkMasterMenu:hover 
{
	color:#FFFFFF;
	text-decoration: underline;
	font-weight: bolder;
}

#ViewOrderedProductsHeader
{
    float:left;
    margin-top: 20px;
    
}

#ViewOrderedProducts
{
    clear:both;
    float:left;
    
    
}

#ViewOrderedProductsBottom
{
  
}
#ViewOrderTotalBottom
{
   text-align: right;
}

#OrderPreviewButtonsBottom
{
      
}

.buttonStyle
{
    border-bottom: 1px solid #bea473;
    background-color: #bea473;
    color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
    border-left-style: solid;
    border-left-color: #bea473;
    border-right-style: solid;
    border-right-color: #bea473;
    border-top-style: solid;
    border-top-color: #bea473;
    height: 28px;
}

.buttonStyle:hover
{
    background-color: #2e6da4; 
    border-bottom: 1px solid #2e6da4;
    background-color: #2e6da4;
    border-left-color: #2e6da4;
    border-right-color: #2e6da4;
    border-top-color: #2e6da4;
     
}

.buttonStyleCalendar
{
    border: 1px solid #00458E;
    background-color: #ffffff;
    color: #00458E;
    font-weight: bold;
    font-size: 8pt;
    padding-left: 3px;
    height:21px;
    text-align: center;
    vertical-align:top;
}

.buttonStyleCalendar:hover
{
     background-color: #E8E8E8; 
}

.modalBackground 
{
 background-color:Gray;
 filter: alpha(opacity=70);
 opacity: 0.7;
} 

.ProductsGrid
{
   	background-color: #2e6da4;
	font-size:12x;
	color:#ffffff;
	text-align: center;
	padding: 15px 5px 15px 5px;
	vertical-align: middle;
}


.GridStyle  
{
	border-width : 1px;
	border-color : #999999;
	border-style: solid;
	border-bottom-width: 1px;
	border-right-width : 1px;
	text-indent : 5px;
	font-size : 11px;
	font-style: normal;
	font-weight:normal;
	
}

.hideColumn
{
    display: none;
}

/* Grid Columns Style*/

.Grid_Header_ProductID
{
    width: 60px;
  	padding: 10px 5px 10px 5px;

}

.Grid_Header_Description
{
    width: 330px;
   	padding: 10px 5px 10px 5px;

}

.Grid_Header_Description_Long
{
    width: 350px;
   	padding: 10px 5px 10px 5px;

}

.Grid_Header_UoM
{
    width: 50px;
   	padding: 10px 5px 10px 5px;

}
.Grid_Header_OrderQuantity
{
    width: 70px;
   	padding: 10px 5px 10px 5px;

}
.Grid_Header_AvailQuantity
{
    width: 70px;
   	padding: 10px 5px 10px 5px;

}
.Grid_Header_UnitCost
{
    width: 70px;
       	padding: 10px 5px 10px 5px;

}
.Grid_Header_TotalCost
{
    width: 70px;
       	padding: 10px 5px 10px 5px;

}
.Grid_Header_ProductGroup
{
    width: 100px;
       	padding: 10px 5px 10px 5px;

}
.Grid_Header_Delete
{
    width: 50px;
       	padding: 10px 5px 10px 5px;

}
.Grid_Header_Edit
{
    width: 50px;
       	padding: 10px 5px 10px 5px;

}

.Grid_Header_OrderID
{
    width: 50px;
       	padding: 10px 5px 10px 5px;

}
.Grid_Header_OrderDate
{
    width: 100px;
       	padding: 10px 5px 10px 5px;

}

.Grid_Header_City
{
    width: 120px;
       	padding: 10px 5px 10px 5px;

}
.Grid_Header_State
{
    width: 50px;
       	padding: 10px 5px 10px 5px;

}

.Grid_Header_Carrier
{
    width: 110px;
       	padding: 10px 5px 10px 5px;

}
.Grid_Header_Zip
{
	 width: 50px;
	    	padding: 10px 5px 10px 5px;

}
.Grid_Header_Status
{
    width: 50px;
       	padding: 10px 5px 10px 5px;

}

.Grid_Header_LiNo
{
	width: 40px;
	   	padding: 10px 5px 10px 5px;

}

.Grid_Header_ShipmentDate
{
	width: 100px;
	   	padding: 10px 5px 10px 5px;

}

.Grid_Header_TrackingNo
{
	width: 200px;
	   	padding: 10px 5px 10px 5px;

}

.Grid_Header_Customer_Name
{
    width: 200px;
       	padding: 10px 5px 10px 5px;

}

.Grid_Text_Align
{
	text-align: left;
	text-indent : 5px;
	font-size : 11px;
}

.Grid_Number_Align
{
	text-align: right;
	padding-right: 5px;
	font-size: 11px;
	
	
}

.Grid_Center_Align
{
	text-align: center;
	text-indent : 5px;
	font-size : 11px;
}


    
/* Grid Columns Style*/

