body, 
th, 
td, 
input, 
textarea, 
select, 
td input	{ font-family: Helvetica, Sans-Serif; font-size: 12px; color: #777777; background-color: White; }
td			{ vertical-align: top; text-align: left; }

a			{ color: #777777; }
a:hover		{ /*font-size: 12px;*/ color: #777777; text-decoration: none; }
a.link1		{ text-decoration: none; }

ul, li { margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; margin-top: 0px;}

.grid		{ display: table; }
.row		{ display: table-row; }
.smallText	{ font-size: 10px; }
.cell		{ display: table-cell; text-align: left; vertical-align: top; }

#overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url('../images/overlay.png') repeat 0 0;    
    text-align: center;
}

#overlay-panel	{ margin:20% auto 0 auto; width: 350px; background: #ffffff; }

.salutation { font-size: 10px; color: #eeeeee; text-align: right; position: relative; z-index: 5px; left: -30px; top: 5px; height: 0px; }

.boxFill		{ font-family: Tahoma, sans-serif; font-size: 12px; color: #777777; }
.linkText		{ color: #777777; }

.AreaCode		{ WIDTH: 36px }
.Prefix			{ WIDTH: 36px }
.Postfix		{ WIDTH: 38px }

.itemPrevious { position: relative; top: 200px; left: -475px; }
.itemNext { position: relative; top: 200px; left: 475px; }
.itemPreviousDisabled { position: relative; top: 200px; left: -475px; src: url('images/PreviousDisabled.png');  }
.itemNextDisabled { position: relative; top: 200px; left: 475px; src: url('images/NextDisabled.png'); }

.theTitleBG
{
    background-image: url(../images/LetterHeadMD.jpg) !important;
    background-repeat: repeat-x !important;
    width: 100%;
}

.largeTextDetail
{
	color: #ff6900;
	font-size: 15px;
	font-weight: bold;
}

.PopupHeaderBG
{
    background-image: url(../images/PopupHeaderMD.jpg) !important;
    background-repeat: repeat-x !important;
    width: 100%;    
}

.BigButton
{
    background-image: url(../images/inputBG.png);	
    background-position: top;
    background-repeat: repeat-x;
    border: 1px #777777 solid; 
    color: #777777; 
    height: 30px !important;
    font-size: x-large !important;
    font-weight: bold;
}

.boxFill 
{  
    /*background-color: #C7CEE5 !important;  */
    background-image: url(../images/inputBG.png);
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    background-position: top;
    background-repeat: repeat-x;
    border: 1px #aaaaaa solid; 
    color: #777777; 
    margin-top: 1px; 
    margin-right: 1px; 
    margin-bottom: 1px; 
    margin-left: 1px; 
    padding-top: 1px; 
    padding-right: 1px; 
    padding-bottom: 1px; 
    padding-left: 1px
}

.GridHeaderStyle 
{
	background-color: #9a9a9c!important;
	font-weight: bold;
	color: White!important;
	text-align: left;
}
	
.GridHeaderStyle th
{
	background-color: #9a9a9c!important;
	color: White!important;
}

.collapsePanelHeader{
    width:1000px; /*Must allow for 10px padding on either side*/
    height: 37px;
    /* background-color:#7883BB; 
*/
    background-image: url(../images/gmLineSep.jpg);
    background-repeat:repeat-x;
    background-position: bottom;
	font-family: Helvetica;
	font-weight: bold;
    color: #777777;
    cursor: pointer;
    text-align: left;
    /* b/c of rounded corners, these need to be greater */
    /*padding-left: 10px;
    padding-right: 10px;*/
}

.resultsTitle
{
	text-align: left;
    font-size: 16px;
    font-weight: bold;
    vertical-align: bottom;
}

.collapsePanelHeader a {
    color: White;
}

.top 
{
	vertical-align: text-top;
}

.collapsePanelHeader a:hover {
    /*font-size: 12px;*/
    color: White;
    font-weight: bold;
}

.collapsePanelBodySearchPopup
{
	height: 380px;
}

#ctl00_ctl00_ContentPlaceHolder1_PanelHeader.sticky
{
     position: fixed !important;
     top: 0 !important;
     z-index: 20005;
     background-color: White;
}

#searchBox
{
	width: 550px;
	
}
#searchBox2.sticky
{
	
}
#StartNewSessionPanel.sticky
{
	position: fixed !important;
     top: 100px !important;
     z-index: 20005;
     background-color: White;
}

#searchResultsHeader.sticky
{
	position: fixed !important;
     z-index: 20005;
     background-color: White;
     visibility: visible;
     top: 0px !important;
}

#searchResultsHeader.unSticky
{
	z-index: 2005;
	background-color: White;
	visibility: visible;
}

#searchBox.sticky
{
     position: fixed !important;
     top: 37px !important;
     left: 46.7%;
     z-index: 20005;
     background-color: White;
     visibility: visible;
}

#searchBox.unSticky
{
	position: fixed !important;
	left: 46.7%;
	z-index: 2005;
	background-color: White;
	visibility: visible;
}

.collapsePanelHeader h2 
{	
    font-size: 16px;
    font-weight: bold;
    /*display: inline;
    margin: 0px;*/
    text-align: left;
}

.collapsePanelBody
{
    overflow: visible;
    
    /*border-width:1px;
    border-top-width:0px;
    border-color:#7782BA;
    border-style:solid;*/
}

.PhotoCell
{
    height:150px;
    width:150px;
    background-color:#f5f5f5;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align:middle;
    border-width:2px;
    border-color:#d8d8d8;
    border-style:solid;
    cursor: pointer;
    
    text-align: center;
    
    -moz-border-radius: 3px;
	border-radius: 3px;
	
}

.PhotoCell div
{
    /*
    position:absolute;
    top:50%;
    width:100%;
    /*background-color:Fuchsia;*/
}

.updateProgress
{
    position: absolute;
    background-color: Gray;
    padding: 0px;
    margin: 0px;
}
.updateProgress div
{
    /*margin-top:10px;*/
    /*background-color: white;
    padding: 4px;
    position: absolute;
    top: 10%;
    left: 50%;*/
}

.SliderBox 
{
    /*color: white;*/
    padding:5px;
    margin-top:5px;
    height:35px;
    width:200px;
    position:relative;
    /*background-image:url(../images/slide_bg.gif);*/
}

.SliderBox a, a:hover
{
    /*color: White;*/
    /*font-family: Arial;*/
}

.loadingPopup
{
    width:300px;
    height:200px;
    background-color:#CCCCCC;
    vertical-align:middle;
    position:absolute;
    border-style:solid;
    border-width:1px;
}

.PagingSliderRail
{
    background: transparent 
                url('../images/rail.gif')
                repeat-x scroll 0%;
    height:15px;
    position: relative;
}
 
.PagingSliderHandle
{
    background: transparent
                url('../images/themed_handle.gif') no-repeat scroll 0%;
    height:15px;
    position: absolute;
    width:12px;
    cursor: e-resize;        
}

.PagingLink
{
    position: absolute;   
    overflow: hidden;
}

/* Atlas styles */
span.UpdateProgressStyle
{
    /*display: inline;*/
    float: left;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditError
{
    background-color: #ffcccc;
}

.MaskedEditMessage
{
    color: #ff0000;
    font-weight: bold;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.errorLabel
{
    FONT-WEIGHT: bold; 
    COLOR: red;
}

.panelHeader
{
    width:100%;
    height:30px;
    background-color:#7883BB;
    background-image: url(../images/fade.jpg);
    background-repeat:repeat-x;
    color:#FFF;
    font-weight:bold;
    font-size:14pt;
    
}

.panelContent
{
    padding:5px;
    border-width:1px;
    border-top-width:0px;
    border-color:#7782BA;
    border-style:solid;
}

.cartText
{
    color: Black;
}

.cartTextBold
{
    color: Black;
    font-weight: bold;
}

.cartCell
{
    padding:5px;
    color:Black;
    text-align:left;
    vertical-align:top;
    border-width:1px;
    border-style:solid;
    border-color:#949494;
}

.cartHeader
{
    padding:5px;
    font-weight:bold;
    color: Black;    
    text-align:left;
    border-width:1px;
    border-top-width: 0px;
    border-style:solid;
    border-color:#949494;
}

.cartFooter
{
    border-top: solid 1px black;
    padding-top: 15px;
    color: Black;
}

.editRow
{
    clear:both;
}

.editLabel
{
    float:left;
    margin:5px;
    
    margin-left:50px;
    width:100px;
    text-align:left;
}
.editField
{
    float:left;
    margin:5px;
}

.QuotePage
{
    /* Over-write site defaults to make this page look like G/M quotes */
    color: Black;
}

.QuoteBox
{
    border-width: 1px;
    border-style: solid;
    border-color: #949494;
    margin-right: 20px;
    text-align:left;
}

.QuoteHeader
{
    color:White;
    background-color:#949494;
    /*width:100%;*/
    padding: 5px;
    height: 1em;
    color: White;
    font-weight: bold;
}

.QuoteBoxContent
{
    padding: 5px;
    /*height: 1em;*/
}

.QuoteTitleBar
{
    background-color: #949494;
    text-align:right;
    color: White;
    font-weight: bold;
    padding:5px;
}

.searchCatGroup
{
    text-align:left; 
    padding-bottom: 27px;
}

.searchCatText
{
    float:left;
    width:200px;
    margin-left:20px;
}

.searchCatInput
{
   float:left;
   width:300px;    
}

.viewProdInfoCol
{
    float: left;
    margin: 5px;
    text-align: left;
}

.viewProdInfoCell
{
    height: 15px; /*just to space things out*/
}

.HighlightBox
{
    border-width: 2px;
    border-style: solid;
    border-color: #7883BB;
}

.discontinued
{
	position: absolute;	
	top: 0px;
	left: 0px;
	z-index: 500;
	width: 75px;
	height: 105px;	
	background-color: White;
	filter: alpha(opacity=55);
	opacity: .55;
	
}

.pagingSelected 
{
	font-weight: bold;
	text-decoration: none;
}

.pagingNormal
{
	font-weight: normal;
	text-decoration: underline;
}

/* Reorder List Styles */
.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}