body
{
	margin:0;
	background: #ffffff;
	color:#000000
 }
body,td,th,input,select,textarea,input 
{
	font-family: Arial, Helvetica, sans-serif;
}
body,td,th,input,select,textarea,input 
{
	font-size:13px;
}
p
{
	margin:0 0 1.5em 0;
}
form
{
	padding:0;margin:0
}
a
{
	color:#000000;
}
a img
{
	border:none;
}
a:hover
{
	text-decoration:underline;
}
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 


.MasterHeader
{
    position:relative;
    height:77px;
    background: url(../images/header-bg.jpg) top left no-repeat;
    margin:10px 0 5px 0
}

.MainHeaderLogo
{
    margin: 0;
    position: absolute;
    top: 15px;
    left: 20px;
    height:40px;
    width:350px;
    background-image: url('../Images/logo-hoya.gif');
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: 110px;
}
.MainHeaderimage
{
    display:inline-block;
    text-decoration:none;
    width:198px;
    height:22px;
    background: url(../images/logo-us.gif) 0 0 no-repeat;
    text-indent: -2000px;
}

.currentlyediting{position:absolute;top:55px;left:15px;font-size:11px;font-weight:bold}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: black;
}

.loginDisplay a:link
{
    color: black;
}

.loginDisplay a:visited
{
    color: black;
}

.loginDisplay a:hover
{
    color: red;
}

.bold
{
	font-weight: bold;
}

.masterCompany
{
	text-align:center;
	display: block;
	padding: 10px;
}

.Navcolumn
{
	width:222px;
	float:left;
	margin:0 11px 0 0;
	padding:18px 1px 10px 1px;
	height:550px;
}


.contentPages
{
	width:685px;
	float:left;
	line-height:1.5em;
	padding:8px 15px 10px 15px
}
body.wide #contentPages
{
	width:auto;
	float:none;
}

h1#pagetitle
{
	color:#000;
	font-size:18px;
	font-weight:normal;
	line-height:1.2em;
	margin:0px 0 20px 0
}
.wrapper
{
	width:950px;
	margin:0 auto
}

#contentarea
{ 
	border-collapse:collapse;
	background: url(../images/contentarea-bg.gif) top left no-repeat
}

.contentarea-cap
{
	background: url(../images/contentarea-bg.gif) bottom left no-repeat;
	height:10px;
	font-size:1px;
	clear:both;
}

.masterfooter{padding:25px 0 20px 0;font-size:11px;clear:both;text-align:center;}

/* .optikamlable{padding:25px 0 20px 12px;font-size:12px;clear:both;text-align:center;} */
.optikamlable{display:block;float:left;padding:0 0 0 0;margin:0 0 0 12px;text-decoration:none}

.contentPages h2
{
	color:#000;
	font-weight:bold;
	margin:15px 0 8px 0;
	font-size:18px
}

.status
{
	float:right;
	font-size:13px;
	padding:0 0 0 25px; 
	color:gray;
}

.mystylelogintable{width:100%;border-collapse:collapse;}
.mystylelogintable th{width:20%;border-bottom:1px solid #e0e5e8;font-weight: bold;text-align:left;padding:4px 5px;font-size:11px}
.mystylelogintable td{border-bottom:1px solid #e0e5e8;padding:4px 5px;font-size:11px}


.mystylecolumn-container{background:#fff;border-top:1px solid gray;border-right:1px solid gray;border-bottom:1px solid gray}
.mystylecolumn-left{float:left;width:250px;margin:0;position:relative;z-index:1}
.mystylecolumn-right{position:relative;float:left;width:394px;padding:15px 20px;}


table.arraytable {width:100%;border-collapse:collapse}
table.arraytable th{background:#e0e5e8;font-weight: normal;text-align:left;padding:4px 4px 4px 30px;font-size:11px}
table.arraytable tr.arraytable-topheader th{text-align:center;padding:4px;background:gray;color:#fff}	
.mystylecolumn-left table.arraytable td{text-align:center}
table.arraytable td{padding:4px 4px;font-size:11px;background: #f0f2f4;}
table.arraytable td input{width:50px}
table.arraytable .arraytable-copy{width:13px;vertical-align:middle}
table.arraytable th.group {padding-left: 10px !important;background:#b9d3d2;font-weight:bold;}
table.arraytable tr.active th{background:#f7f2d4;border-top:1px solid gray;border-bottom:1px solid gray;border-left: 1px solid gray; border-right: 0px;}
table.arraytable tr.active td{background:#fff;border-top:1px solid gray;border-bottom:1px solid gray; border-right: 0px;}
table.arraytable tr.missing {color: red !important;}
table.arraytable td.arraytable-content{padding:20px 20px 60px 20px;vertical-align:top;text-align:left;}
table.arraytable .arraytable-leftborder{border-left:1px solid gray;}
table.arraytable .arraytable-rightborder{border-right:1px solid gray;}
table.arraytable th span.expandable a {text-decoration: none;}
			
			
table.arraytable td .incrementtable-icons {line-height:1}
table.arraytable td .incrementtable-textfield {text-align:center;}
table.arraytable td .incrementtable-textfield input{width:100% !important;float:none;}

.palette-help-container{background: url(../images/help-bg.gif) top left no-repeat;padding:10px 0 0 0}
.palette-help{background: url(../images/help-bg.gif) bottom left no-repeat;padding:0 0 10px 0}
.palette-help-content{float:left;width:127px;font-size:11px;line-height:1.4em;padding:0 15px}
.palette-help-image{float:left;width:234px;overflow:hidden;text-align:center}

.prescription {width: 40px; font-size: 15px;}
.default { color: #999;}
.disabled {background-color: #eee; color: #eee !important;}
.active { border: 2px solid black;}                
.missing {background: #fee;}
.narrow { width: 28px !important; float:right;}
.validator-default { color: #999;}
.validator-invalid { background: #fee;}

.slider
{
    background: url(../images/slider-bg.gif) top left no-repeat; 
    margin: 0 0 0 0;
    padding: 0 0 0 20px;
    height:80px;
    
}
.igwsliders 
{
    background-position:z-index: 2; 
    position: relative; 
    top: 0px;
    margin-left: -20px; 
    color: black; 
    background: none; 
    border: 0px; 
    font-size: 8px;
    width:80%;
}

.RxFields
{
	Width:60px;
}

.ratingtable{width:100%;border-collapse:collapse;border:1px solid #e0e5e8;}
.ratingtable th{width:20%;text-align:center;vertical-align:top;padding:3px 5px;background:#e0e5e8}
.ratingtable td{text-align:center;vertical-align:top;padding:3px 5px;}
	
.lensselection{}
.lensselection .lensselection-field{background:#f0f2f4 url(../images/icon-down-enabled.gif) 93% 50% no-repeat;border:1px solid;border-color:#efefef #808080 #808080 #efefef;padding: 5px 25px 5px 10px;cursor:pointer;font-weight:bold;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px;}
.lensselection .lensselection-field.hover{background:#fff url(../images/icon-down-enabled.gif) 93% 50% no-repeat}

.lensselection-column1{width:140px;float:left;padding:0 0 0 0;position:relative;z-index:100;}
.lensselection-column2{width:140px;float:left;padding:0 0 0 20px;background: url(../images/lensselection-arrow.gif) 7px 10px no-repeat;position:relative;z-index:101}
.lensselection-column3{width:140px;float:left;padding:0 0 0 20px;background: url(../images/lensselection-arrow.gif) 7px 10px no-repeat;position:relative;z-index:102}
.lensselection-column4{width:140px;float:left;padding:0 0 0 20px;background: url(../images/lensselection-arrow.gif) 7px 10px no-repeat;position:relative;z-index:103}
.lensselection-column4 .lensselection-field{background-image:none !important;}

.lenselection-col1{width:140px;float:left;padding:0 0 0 0;position:relative;}
.lenselection-col2{width:140px;float:left;padding:0 0 0 20px;position:relative;}
.lenselection-col3{width:140px;float:left;padding:0 0 0 20px;position:relative;}
.lenselection-col4{width:140px;float:left;padding:0 0 0 20px;position:relative;}

.ratingtable{width:100%;border-collapse:collapse;border:1px solid #e0e5e8;}
.ratingtable th{width:20%;text-align:center;vertical-align:top;padding:3px 5px;background:#e0e5e8}
.ratingtable td{text-align:center;vertical-align:top;padding:3px 5px;}

.lifestyletable{width:100%;border-collapse:collapse}
.lifestyletable th{border-top:1px solid #e0e5e8;border-left:1px solid #e0e5e8;border-right:1px solid #e0e5e8;width:20%;padding:3px 5px;text-align:center;vertical-align:middle;font-size:10px;line-height:1.4em;background:#e0e5e8;border-right:1px solid #fff}
.lifestyletable td{text-align:center;vertical-align:top;font-size:11px;}
.lifestyletable tr.lifestyletable-icon td{font-size:1px;line-height:1;padding:0px 5px 0px 5px;text-align:center;vertical-align:top;border-left:1px solid #e0e5e8;border-right:1px solid #e0e5e8;}
.lifestyletable tr.lifestyletable-rating td{font-size:10px;line-height:1.4em;padding:0px 5px 0 5px;border-left:1px solid #e0e5e8;border-right:1px solid #e0e5e8;border-bottom:1px solid #e0e5e8;}
.lifestyletable tr.lifestyletable-spacer td{font-size:1px;line-height:1;height:6px;}
																														 
.lifestyletable tr  th.active {background:#005abb;color:#fff}
.lifestyletable tr.lifestyletable-icon td.active {}
.lifestyletable tr.lifestyletable-rating td.active {}

.lifestyle2table{width:100%;border-collapse:collapse}
.lifestyle2table th{border-top:1px solid #e0e5e8;border-left:1px solid #e0e5e8;width:20%;padding:3px 5px;text-align:center;vertical-align:middle;font-size:10px;line-height:1.4em;background:#e0e5e8;border-right:1px solid #fff}
.lifestyle2table td{text-align:center;vertical-align:top;font-size:11px;}
.lifestyle2table tr.lifestyle2table-icon td{font-size:1px;line-height:1;padding:0px 5px 0px 5px;text-align:center;vertical-align:top;border-left:1px solid #e0e5e8;border-right:1px solid #e0e5e8;}
.lifestyle2table tr.lifestyle2table-rating td{font-size:10px;line-height:1.4em;padding:0px 5px 0 5px;border-left:1px solid #e0e5e8;border-right:1px solid #e0e5e8;border-bottom:1px solid #e0e5e8;vertical-align:middle;}
.lifestyle2table tr.lifestyle2table-spacer td{font-size:1px;line-height:1;height:2px;}
																														 
.lifestyle2table tr  th.active {background:#005abb;color:#fff}
.lifestyle2table tr.lifestyletable-icon td.active {}
.lifestyle2table tr.lifestyletable-rating td.active {}

.mystyle-actions{text-align:right;padding:10px 0;clear:both}
.button-optikamx{width:160px;text-align:center;color:#fff;background-color:#3399FF;border-style:groove;font-size:15px;display:block;float:left;position:relative;right:-25px;padding:5px 12px 5px 0;text-decoration:none}
.button-optikam{width:210px;background: url(../Images/button-next-200.gif) left no-repeat;text-align:center;color:#fff;font-size:15px;display:block;float:right;padding:5px 12px 5px 0;text-decoration:none}
.button-optikam-left{width:210px;background: url(../Images/button-next-200.gif) left no-repeat;text-align:center;color:#fff;font-size:15px;display:block;float:left;padding:5px 12px 5px 0;margin:0 0 0 12px;text-decoration:none}
.button-next{width:105px;background: url(../images/button-next-blue-bg.gif) left no-repeat;text-align:center;color:#fff;font-size:15px;display:block;float:right;padding:5px 12px 5px 0;text-decoration:none}
.button-noyes{width:105px;background: url(../images/button-next-blue-bg.gif) left no-repeat;text-align:center;color:#fff;font-size:15px;display:block;padding:5px 12px 5px 0;text-decoration:none}
.button-close{width:105px;background: url(../images/button-next-blue-bg.gif) left no-repeat;text-align:center;color:#fff;font-size:15px;display:block;float:right;padding:5px 12px 5px 0;text-decoration:none}
.button-visurealimport{width:158px;background: url(../images/button-visurealimport-blue-bg.gif) left no-repeat; text-align:center;color:#fff;font-size:15px;display:block;float:right;padding:5px 12px 5px 0;text-decoration:none}
.button-create{width:105px;background: url(../images/button-next-blue-bg.gif) left no-repeat;text-align:center;color:#fff;font-size:15px;display:block;float:right;padding:5px 12px 5px 0;text-decoration:none;}
.button-create2{width:205px;background: url(../images/button-next-200.gif) left no-repeat;text-align:center;color:#fff;font-size:15px;display:block;float:right;padding:5px 12px 5px 0;text-decoration:none}
.button-print{width:105px;background: url(../images/button-next-200.gif) left no-repeat;text-align:center;color:#fff;font-size:15px;display:block;float:right;padding:5px 12px 5px 0;text-decoration:none}
.button-order{width:158px;background: url(../images/button-placeorder-blue-bg.gif) left no-repeat;text-align:center;color:#fff;font-size:15px;display:block;float:right;padding:5px 12px 5px 0;text-decoration:none}
.button-cancel-order{}
.button-modify-order {}



.comparisontable{width:100%;border-collapse:collapse}
.comparisontable th{text-align:center;vertical-align:middle;border-top:1px solid #e0e5e8;border-left:1px solid #e0e5e8;border-right:1px solid #e0e5e8;padding:3px 5px;}
.comparisontable td{text-align:center;vertical-align:middle;padding:3px 5px;font-size:11px;}


.result-spectrum {margin: 30px; height: 250px;}
.result-spectrum > img {position: relative; left: -70px;}
.result-spectrum div.caret {float:left; z-index: 5; position: relative; left:350px; top:105px;}
.result-spectrum div.carent img {position: relative; left: -70px;}
.result-spectrum div.caret span { padding: 5px; background: #fff; border: 1px solid #000; width: 150px;}
.result-spectrum span.balance {float:left; font-size: 15px; font-weight: bold; position: relative; left: 35px; top: 25px; z-index: 2;}
.result-spectrum span.open {float:left; font-size: 15px; font-weight: bold; position: relative; left: 290px; top: 95px; z-index: 2;}
.result-spectrum span.clear {float:left; font-size: 15px; font-weight: bold; position: relative; left: 75px; top: 230px; z-index: 2;}
		
.result-spectrum #result-diamond {position: relative; z-index: 2; width: 12px; height: 12px; background: #808080; border: 1px solid #000;}

.paneldisplay
{
	display:none;
}

/* MyProfile/Report */
	#report-heading-title{display:none;}
	#report h2{position:relative;vertical-align:top}
	#report .icon-configure{text-align:left;margin:0;padding:0;display:inline;vertical-align:top}
	 #report .icon-configure a{display: -moz-inline-box;display: inline-block;float:none;position:relative;top:2px;vertical-align:top}
	* html #report .icon-configure a{display:inline; }  /* for IE 6 */
	* + html #report .icon-configure a{display:inline; }  /* for IE 7 */

	#report-left{width:200px;float:left}
	#report-left h3{margin:10px 0 0 0;}

	#report-right{width:480px;float:left;padding:15px 0 0 0}
	
.PageTitle
{
	color:#000;
	font-weight:bold;
	margin:15px 0 8px 0;
	font-size:18px
}

#summary{}
.mystyledatatable{ width:100%;border-collapse:collapse;border-top:1px solid #e0e5e8;margin:0 0 15px 0;border:1px solid #e0e5e8;}
.mystyledatatable.mystyledatatable-largetext th,.mystyledatatable.mystyledatatable-largetext td{font-size:15px;}
	.mystyledatatable th{background:#e0e5e8 url(../images/datatableheader.gif) bottom left repeat-x;border-bottom:1px solid #e0e5e8;font-weight: bold;text-align:left;padding:3px 7px;font-size:11px;border-right:1px solid #fff;}
	.mystyledatatable th.subheader{background:gray;color:#fff}	
	.mystyledatatable td{border-top:1px solid #e0e5e8;padding:3px 7px;font-size:11px}
	.mystyledatatable tr.mystyledatatable-alt td{background:#f0f2f4}

/* MyProfile/Report */
	#report h2{position:relative;vertical-align:top}
	#report .icon-configure{text-align:left;margin:0;padding:0;display:inline;vertical-align:top}
	 #report .icon-configure a{display: -moz-inline-box;display: inline-block;float:none;position:relative;top:2px;vertical-align:top}
	* html #report .icon-configure a{display:inline; }  /* for IE 6 */
	* + html #report .icon-configure a{display:inline; }  /* for IE 7 */

	#report-left{width:200px;float:left}
	#report-left h3{margin:10px 0 0 0;}

	#report-right{width:480px;float:left;padding:15px 0 0 0}

    #report-print{display:none;}

@media all
{
	.page-break	{ display:none; }
}

@media print {

    .page-break	{ display:block; page-break-before:always; }

    .wrapper{width:auto;}
    #header{display:none;}
    #contentarea-cap{display:none;}
    #footer{display:none;}

    #report-heading{border:1px solid #a8d6d6;padding:15px 20px;}
    #report-heading-title{display:block}
    #report-heading #report-heading-title{font-size:25px;}
    #report-heading h2{float:right;margin:0;padding:0;font-size:13px;}
    #report-heading .icon-configure{display:none;}

    #column{display:none;}	
    #content{width:auto;float:none;}
    #report-left{width:30%;}
    #report-right{width:65%}

    .mystyle-actions{display:none;}
    

    #report-print{display:block; width:auto;}
    h1{text-align:center;}
    h3{text-align:center;}

    .table-row-header
    {
        text-align:right; 
        font-weight:bold;
    }
    
    span
    {
        width:300px;
    }

    table, td, th
    {
        border:1px solid black;
        text-align:center;
        table-layout:auto;
        padding:5px;
    }
    
    table
    {
        margin-top:0px;
        margin-bottom:0px; 
    }

    th
    {
        font-weight:bold;
    }    
    
/*
.wrapper{width:auto;}
#header{display:none;}

#report-heading{border:1px solid #a8d6d6;padding:15px 20px;}
	#report-heading-title{display:block}
	#report-heading #report-heading-title{font-size:25px;}
	#report-heading h2{float:right;margin:0;padding:0;font-size:13px;}
	#report-heading .icon-configure{display:none;}

#column{display:none;}	
#content{width:auto;float:none;}
#report-left{width:30%;}
#report-right{width:65%}

.mystyle-actions{display:none;}
*/
}