body 
{
  font-family:Arial, Verdana; font-size:10pt;
}

.body_nomargin
{
  margin: 0 0 0 0;
}

/* dropdown */
.dropdown1 {font-family:Arial, Verdana; font-size:9pt;}

/* button */
/*
.button1 {font-family:Arial, Verdana; font-size:9pt; background-color:#CCCCCC}
*/

/* font */
.black1 {font-family:Arial, Verdana; font-size:8pt; color:#000000}
.black2 {font-family:Arial, Verdana; font-size:8pt; color:#000000; font-weight:bolder}
.black3 {font-family:Arial, Verdana; font-size:14pt; color:#000000; font-weight:bolder; text-decoration:underline}
.blue1 {font-family:Arial, Verdana; font-size:15pt; color:#0A5ED4}
.grey1 {font-family:Arial, Verdana; font-size:8pt; color:#CCCCCC}
.grey2{font-size: 10pt;color: #696679;font-family: Arial, Verdana, Helvetica, sans-serif;}
.red1 {color:Red}
.green1 {color:Green}
.white1 {font-family:Arial, Verdana; font-size:x-small; color:White}
.white2 {font-family:Arial, Verdana; font-size:small; color:White}
.white3 {font-family:Arial, Verdana; font-size:small; background-color:White}
.white4 {font-family:Arial, Verdana; font-size:15pt; color:#FFFFFF}
.blue2 
{ 
  font-family:Arial, Verdana; 
  font-size:8pt;
  color: Blue;
  margin-right:5px;
  text-decoration:none;
  text-align:center;
}
.ListingPrescriptionText {font-family:Arial, Verdana; font-size:10pt; color:#000000;font-weight:bolder;text-decoration:underline}
/* grid */
.grid1 {background-color:#F5F5F5}

.grid2 {background-color:#EEF2F5}

.grid3 {background-color:#fff0f5}
.grid4 {background-color: #FFFFE0}

/* menus */
.menu
{
	border-style:none; 
	padding:0px 0px 0px 0px; 
}
.mnstatic
{
	background:#93B5E7 url(/images/global/RootItemBkg.gif) left top repeat-x;
}
.mnstaticitem
{
	text-align:center; 
	font-family: Arial;
	font-size:11px; 
	font-weight:bold; 
	text-decoration:underline; 
	padding:4px 3px 4px 3px;
	border:1px solid #83A0D1;
}
.mnstaticitemhover
{
	background:#FFD59A url(/images/global/RootItemFocusedBkg.gif) left top repeat-x;
	border:1px solid #002D96;
}
.mndynamic
{
	background: #F6F6F6 url(/images/global/GroupBkg.gif) repeat-y;
	border:1px solid #356595; 
	padding:5px 0px 0px 0px;
	font-family: Verdana;
	font-size:11px; 
	font-weight:normal; 
}
.mndynamicitem
{
	text-align:left; 
	text-decoration:none; 
	padding:5px 1px 5px 1px;
	border-style:none; 
	width: 210px;
	margin-left: 12px;
}
.mndynamicitem A
{
	text-align:left;
	padding-right:46px;
}
.mndynamicitem A IMG
{
	padding-right:4px;
	padding-left:0px;
	width: 20px;
}
.mndynamicitemhover
{
	background-image:none;
	font-weight:bold;
	/*
	background-color:#FFEEC2;
	padding:4px 1px 4px 1px;
	border-bottom:1px solid #002D96;
	border-top:1px solid #002D96; */
}

/* textbox */
.textbox1 {width:200px}
.textbox3 {text-align:center;}
/* Error message text */
.errormsg
{
  color:Red;
  font-family:Arial;
  font-size:small;
  font-weight:bolder;
}
.instruction
{
  font-family:Arial;
  font-weight:bolder;
  text-align:center;
}
.addInventoryTxt { text-align:center; background-color:#B9D3EE }
.module_user_padding_left { padding-left:220px; }
.ProductTextLarge
{
    FONT-SIZE: 13pt;
    COLOR: #fc5900;
    FONT-FAMILY: Arial, Verdana
}
.ProductTextLargeBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    COLOR: #fc5900;
    FONT-FAMILY: Arial, Verdana
}
.ProductTextProductPage
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana
}
.ProductTextLargeProductPage
{
    FONT-SIZE: 13pt;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana
}
.ProductText 
{
  FONT-SIZE: 9pt;
  COLOR: #383838;
  FONT-FAMILY: Arial, Verdana
}
.ProductInfoColor
{
  FONT-SIZE: 12pt;
  COLOR: #800000;
  FONT-FAMILY: Arial, Verdana
}
.ProductTextOrange 
{
  FONT-SIZE: 9pt;
  COLOR: #fc5900;
  FONT-FAMILY: Arial, Verdana
}
.ProductTextGray 
{
  FONT-SIZE: 9pt;
  COLOR: #8a8a8a;
  FONT-FAMILY: Arial, Verdana
}
.ProductTextStrike
{
    FONT-SIZE: 9pt;
    COLOR: #8a8a8a;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: line-through
}

.ProductColorSizeHeading
{
  background-color:Gray;
}

.ProductColorSizeItems
{
  background-color:#FEFAEF;
}

.ProductColorSizeAlternatingItems
{
  background-color:#FFF0F5;
}

.ProductColorSmallText
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Verdana, sans-serif
}
TD.ProductBox
{
    BORDER-RIGHT: #c9c9c9 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #c9c9c9 1px solid;
    PADDING-LEFT: 0px;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #c9c9c9 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #c9c9c9 1px solid;
    FONT-FAMILY: Arial, Verdana
}
.ProductLink
{
    FONT-SIZE: 8pt;
    COLOR: #25148f;
    FONT-FAMILY: Arial, Verdana
}
.ProductLink A
{
    FONT-SIZE: 8pt;
    COLOR: #25148f;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline
}
.ProductLink A:active
{
    FONT-SIZE: 8pt;
    COLOR: #25148f;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline
}
.ProductLink A:link
{
    FONT-SIZE: 8pt;
    COLOR: #25148f;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: underline
}
.ProductLink A:visited
{
    FONT-SIZE: 8pt;
    COLOR: #25148f;
    FONT-FAMILY: Arial, Verdana
}
TD.CatalogBottomText
{
    FONT-SIZE: 14px;
    COLOR: black;
    FONT-FAMILY: Arial
}
TD.CatalogModelText
{
    FONT-SIZE: 14px;
    COLOR: white;
    FONT-FAMILY: Arial
}
.RedBold
{
  COLOR:Red;
  font-size:4;
  font-weight:bolder;
  
}
.BlueBold
{
 color:#0000CD;
 font-size:4;
 font-weight:bold;
}
.BlueBoldLarge
{
 color:#0000CD;
 font-size:6;
 font-weight:bold;
}
/* Back Order Catalog Header Text */
.TextHeader
{
  font-weight: bold;
  font-size: 13pt;
  color: #282828;
  font-family: Arial, Verdana,  Helvetica, sans-serif
}
/* Back Order Product options Header Text */
.TextLabel
{
  font-weight: bold;
  font-size: 10pt;
  color: #224062;
  background-color: #EEF2F5;
  font-family: Arial, Verdana, 'sans serif'
}
/* Back Order confirm Product box  */
ProductBox
{
  border-right: #c9c9c9 1px solid;
  padding-right: 0px;
  border-top: #c9c9c9 1px solid;
  padding-left: 0px;
  font-size: 9pt;
  padding-bottom: 0px;
  border-left: #c9c9c9 1px solid;
  padding-left: 0px;
  border-bottom: #c9c9c9 1px solid;
  font-family : Arial, Verdana
}
/* Error message text */
.ErrorMsg
{
  color:Red;
  font-family:Arial;
  font-size:small;
  font-weight:bolder;
}

.SilverBackground
{
  font-family:Arial, Verdana, 'sans serif';
  font-size: 10pt;
  color:black;
  background-color:Silver;
}

.MarqueeRed
{
  font-family:Arial, Verdana, 'sans serif';
  font-size: 10pt;
  color:Red;
}
.ScrolDiv
{
  overflow:scroll; 
  width:800px;
  height:500px;
}
.ScrolDivFullWidth
{
  overflow:scroll; 
  width:auto;
  height:600px;
}
.DivTxtBoxWidth
{ width:35px;}

.DivDropDownWidth
{  width: 55px; }
.DivPresciptionExpireWidth 
{  width: 60px; }
.PurpleText
{color:#CC33FF }
.RedMessage
{ color:Red;
  font-size:16px;
 }
.DivImage
{
  position:fixed;
  left:0px;
  top:0px;
  width:700px;
  height:450px;
  z-index:1;
  visibility:visible;  
}
.ScrolDivPopUP
{
  position:relative;
  overflow:scroll; 
  width:700px;
  height:400px;
}

.ScrolDivRxPopUP
{
  position:relative;
  overflow:scroll; 
  width:490px;
  height:500px;
}
.BoldMessage
{ color:Black;
  font-size:18px;
  font-weight:bold;
 }
.RedHeadText
{
  color: #ff0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:2;
}
.tbloutline
{
  BORDER-LEFT: #000000 1px solid; 
  BORDER-RIGHT: #000000 1px solid; 
  BORDER-BOTTOM: #000000 1px solid; 
  BORDER-TOP: #000000 1px solid;
}
.tblheading
{
  border: #CCCCCC 1px solid; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10pt; 
  font-weight: bold; 
  color: #000000; 
  text-decoration: underline; 
  text-align: center; 
  background-color: #D3E7F7;
 }
.gvStyle
{
  vertical-align: top; 
  height: 152px; 
  overflow: auto;
}
.Headertext
{
  font-family:Verdana, Arial,Helvetica, Sans-Serif;
  font-size:10px;
  font-weight:bold;
}
.HeaderLine
{
  color:#0033ff;
  font-family:Verdana, Arial,Helvetica, Sans-Serif;
  font-size:14px;
}
.BlueText
{
  color:#0033ff; 
}
/* Website Search Header Text */
.SearchHeader
{
  color:Black;
  font-family:Verdana, Arial,Helvetica, Sans-Serif;
  font-size:16px;
  font-weight:bolder;
}
.TopHeaderText
{
   color:Maroon;
   font-size:18px;
   font-weight:bold;
}
.TextBlack
{
  font-size:18px;
  font-weight:bold;
}
.PageHeading
{
  background-color:#676565; font-size: 11pt;font-family:Avenir Heavy;color:white;
}
.PageSubHeading 
{
  font-size:12pt;
  font-family:Avenir Heavy;
}
.PageContent 
{
  font-size:10pt;
  font-family:Avenir Heavy;
  font-weight:bold;
}
.PageSubContent 
{
  font-size:10pt;
  font-family:Avenir Book;
}
.WebsiteAddress 
{
  font-size:10pt;
  font-family:Avenir Roman;
}
.BlueHeading
{
  color:#0033ff;
  font-size:16px;
  font-weight:bold;
}
/* Show message */
.MsgTray 
{
  background-color: #cccccc;
}
table.tbl
{
  width: 90%; margin: 0; border-collapse: collapse; border-spacing: 0; border: 1px solid black; empty-cells: hide;
}
td.tdbold
 {
   width: 10%; border: 1px solid black; padding: 2px 2px 2px 4px; height:20px; 
 }
td.hdr1
{
   width: 10%; border: 1px solid black; font-weight: bold; padding: 2px 2px 2px 4px;
}
Td.border
{
  border: 1px solid black; font-weight: bold; padding: 2px 2px 2px 4px; height:20px; width: 10%;
}
Tr.BackColor
{
  background-color:#D8EAF6;
}

Td.TdColor
 {
   width: 10%; border: 1px solid black; padding: 2px 2px 2px 4px; background-color:#D8EAF6;
 }
 
/* text style at td level  */
Td.backOrderText
{
  FONT-SIZE: 12px;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
}
/* text style at tr level  */
Tr.backOrderText
{
  FONT-SIZE: 12px;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
}
/* used at confirm change info in back order module. */
Tr.bgColor1
{
  background-color:#ccffff;
}
Tr.bgColor2
{
  background-color:#FFF8DC;
}
Tr.bgColor3
{
  background-color:#FFF0F5;
}
Td.text
{
  font-size: 9pt;
  color: #282828;
  font-family: Arial, Verdana,  Helvetica, sans-serif;
}
Td.backOrderLabel 
{
  font-weight: bold;
  font-size: 9pt;
  color: #282828;
  font-family: Arial, Verdana;
}
.Postage
{
  position:absolute;
  left:555px;
  top:335px;
  z-index:5;
}
.CustomDeclaration
{
  position:absolute;
  left:545px;
  top:480px;
  z-index:5;  
}
Td.cursor_pointer
{
  cursor:pointer; 
}
.AdvancedSearch 
{
    FONT-SIZE: 10px;
    COLOR: #223292;
    FONT-FAMILY: Arial;
}
.Text
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Verdana,  Helvetica, sans-serif
}
td.hdr
{
  background: #d8eaf6;
  border: 1px solid #e7f3f8;
  padding: 4px 4px 4px 6px;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  font-weight: bold;
}
table.calc
{
  width: 90%;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: hide;
  margin-left:auto;
  margin-right: auto;
}
td.left
{
  border: 1px solid #e7f3f8;
  background: #f8fbfd;
  padding: 4px 0 4px 6px;
  vertical-align: middle;
  text-align: left;
  width: 80%;
}
td.right
{
  border: 1px solid #e7f3f8;
  padding: 4px 4px 4px 6px;
  vertical-align: middle;
  text-align: right;
  width: 20%;
}
.GridBottomRow
{
  border-bottom-color: transparent;
}

.BoldTblBorder
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  COLOR: black;
  FONT-FAMILY: Verdana, Arial
}
.SmallTxtSize
{
  FONT-SIZE: 10px;
  COLOR: black;
  FONT-FAMILY: Verdana, Arial
}

.SmallTxtSizeOrder
{
  FONT-SIZE: 14px;
  COLOR: black;
  FONT-FAMILY: Verdana, Arial
}
.table_border_bckgrnd
{
	background-color: WhiteSmoke;
	border-color:gray;
}
.information
{
  font-family:Verdana, Arial;
  font-size:smaller;
  font-weight:bolder;
}
.LensTechnologyText
{
  FONT-SIZE: 11pt;
  COLOR: #444444;
  FONT-FAMILY: Arial, Verdana, sans-serif
}

.LinkRed
{
  color:Red;
  font-size:x-large;
}

.font_terms_condition_accepted
{
  font-family:Arial;
  font-size:12pt;
  font-weight:bold;
  color:Green;
}
.font_terms_condition_notaccepted
{
  font-family:Arial;
  font-size:12pt;
  font-weight:bold;
  color:Red;
}
.trBlack
{
  background-color:Black;
  color:White;
  font-weight:bolder;
}
.gridViewColumnHeaderButton
{
	background-color: #808080;
	color: #000000;
	font-weight: bold;
	height: 19px;
	line-height: 16px;
	border: 0px;
	cursor: pointer;
}
.visiblebutton
{
  display:inline;
}
.hidebutton
{
  display:none;
}
.textstyle
{
  text-align:center;
  font-weight:bold;
  width:80px;
}
.controlstyle
{
  text-align:center;
}

.lensshape
{
  white-space:nowrap;
  color:Gray;
}

.lensshape a:link
{
  white-space:nowrap;
  text-decoration:none;
  color:Gray;
}

.lensshape a:hover
{
  white-space:nowrap;
  text-decoration: underline;
  color:Gray;
}
.update_progress
{
  position: absolute;
  visibility:visible;
  background-color:Transparent;
  z-index:40;
  top: 60%;
  left: 50%;
}
.background
{
  clear:both;
  z-index:10;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=50);
  opacity: 0.7;
}
 .pnlMultipleSelectionChk
{
    border:solid 1px #000000;
    height: 200px;
    overflow-y: scroll;
    line-height:normal;
}
.text_decoration
{
  text-decoration:none;
}
.prescriptionLensColumn
{
  border-right:solid 1px #000000;
}
.prescriptionLensColumnWithPadding
{
  padding-bottom:10px;
  border-right:solid 1px #000000;
}
.prescriptionContactLensColumnWithPadding
{
  padding-top:5px; 
  padding-bottom:5px; 
  border-right:solid 1px #000000;
}

/* item_details.aspx styles*/
.sectionHeader {
  background-color:lightgray;
  vertical-align:middle;
}
#tblItemDetails a {
  color:blue;
}

.modalpop_Background
{
  background-color: Gray;
  filter: alpha(opacity=80);
  opacity: 0.8;
  z-index: 10000;
}
.popup_td_format
{
  height: 40px;
  width: 50%;
  vertical-align: bottom;
  padding-bottom: 10px;
}
.btn_popup
{
  width: 80px;
  height: 25px;
  font-size: 15px !important;
}