/***************************************************************\
                    Netbriller Look & Feel 
*****************************************************************
                       Tag Redefinitions 
\***************************************************************/

html{
    background-color:#FFFFFF;
}
body{
    background-color:#FFFFFF;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
}
input.text, textarea{
    background-color:#FFFEAB;
}

/***************************************************************\
                      Class Definitions 
\***************************************************************/

a.flag img 
{
	filter:alpha(opacity=25); 
	-moz-opacity: 0.25; 
	opacity: 0.253;
}
a.flag:hover img
{
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}
.actionButtonBig{
    margin:10px 200px;
    display:block;
    background:transparent url(images/action46right.gif) no-repeat scroll top right;
    height:46px;
    padding-right:20px;
    text-align:center;
    color:BLUE;
    font-size:120%;
}
.actionButtonBig:active{
    background-position: bottom right;
    outline: none;
    margin-top:11px;
    margin-bottom:9px;
}
.actionButtonBig span{
    background:transparent url(images/action46left.gif) no-repeat;
    display:block;
    line-height:26px;
    padding:10px 0 10px 20px;
}
.actionButtonBig span:active{
    background-position: bottom left;
    color:BLUE;
    outline: none;
}
.bigButton1, .bigButton2{
    height:47px;
    width:185px;
    padding:10px 0 0 15px;
    margin:15px 0 0 0; 
}
.bigButton1{
    background-image:url(images/bigOrangeButton1.gif);    
}
.bigButton2{
    background-image:url(images/bigOrangeButton2.gif);    
}
.bigButton1 a, .bigButton2 a{
    color:WHITE;
    font-size:150%;
}
.blueBorderCell {
	background-color: #FFFFFF;
	border: 1px solid #C7D8F0;
}
.bold{
    font-weight:bold;
}
.boxBar2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0079C2;
	background-color: #C7D8F0;
}
.central{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.clickable{
    cursor:pointer;
}
.contentPanel{
    background-color:#CCDEFE;
}
.customerQuote{
    font-size:80%;
    font-style:italic;
    margin-top:12px;
}
.customerQuote img{
    margin-top:-10px;
    width:67px;
    height:93px;
    float:left;
}
.customerQuote span{
    font-weight:bold;
    font-style:normal;
}
.dits1{
    position:absolute;
    top:3px;
    left:65px;
}
.dits2{
    position:absolute;
    top:70px;
    right:0px; 
}
.footer{
    
}
.formLabel{
    font-weight:bold;
    font-size:90%;
    color:#0075C3;
}
.formPanel{
    padding:8px;
    background-color:WHITE;
}
.formTable{
    border:1px solid #CCC6F4;
    background-color:#FAF9FF;
    color:#0075C3;
    font-size:90%;
    width:100%;
    margin-bottom:15px;
}
.formTable td{
    padding:4px 10px 4px 10px;
    margin:0;
}
.formTable td p{
    padding:4px 0px 4px 0px;    
}
.greenPanel{
	position:relative;
	background-image:url(images/LargeButton.gif);
	background-repeat:repeat-x;
	background-color:#CDE956;
	height:198px;
	margin-bottom:10px;
}
.greenBar{
	background-image:url(images/greenBar1.jpeg);
	background-repeat:no-repeat;
	background-color:#87DD0C;
	padding:10px 20px 10px 20px;
	height:56px;
	width:620px;
}
.h1Text{                  /* for use on inline elements requiring h1 type text */ 
    font-size: 1.8em;
}
.h2Text{                  
    font-size: 1.4em;
}
.headerBar{
    background-color:#698BCA;
    color:#202020;
    padding:-2px 15px 0px 15px;
}
.lightBlueBg {
	background-color: #fafaff;
}
.link{
    cursor:pointer, auto;
}
.mainPanel{
    margin:10px 0 10px 0;
    padding:10px;
    background-color:#CEDEFF;
    width:640px;
}
.mainCell{
	position:relative;
	background-image: url(images/cellbg.gif);
	background-repeat: repeat-x;
	padding: 10px 10px 0 10px;
	margin-bottom:25px;
	background-color: #FFFFFF;
	color: #636363;	
}
.menuCell{
    padding:3px 6px 3px 6px;
    border-style: solid;
    border-width: 0 0px 0px 1px;
    border-color: #FFFFFF;
    background-color: #C7D8F0;
    color: #404040;
    font-size: 70%;
    font-weight: bold;
}
.mainSection{
    margin:10px auto;
    padding:5px;
    width:650px;
    background-color:#CCDEFE;
}
.menuCell:hover{
    border-bottom:4px solid #698BCA;
}
.orangePanel{
    background-image:url(images/orangePanel1bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#E99902;
	padding-bottom:7px;
	margin-bottom:15px;
}
.orangePanelTop{
    background-image:url(images/orangePanel1top.png);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:10px;
}
.popUpInfoPanel{
    position:absolute;
    padding:8px 15px;
    border:1px #E89801 solid;
    background-color:#F9DFAD;
    color:#496697;
    visibility:hidden;
    width:300px;
    font-size:90%;
}
.popUpInfoPanel h3{
    margin:5px;
}
.popUpInfoPanel p{
    margin:3px;
}
.prescriptionTable{
    border:1px solid #C0C0FF;
    background-color:WHITE;
    color:#202020;
    font-size:90%;
}
.prescriptionTable td{
    padding:4px 6px 4px 6px;
    margin:0;
} 
.prescriptionTableHeader{
    background-color:#F0F0F0;
    color:BLACK;
    font-weight:bold;
}
.quotedBlock{	
	padding: 10px 10px 10px 67px;
	background-repeat:no-repeat;    /* background image set to cust portrait per block */
	background-color: WHITE; /* #C6C6C4; */ 
	color: #000000;	
	font-family: Brush Script Standard, Times New Roman, Arial;
	font-style:italic;
	font-size:80%;
	height:63px;
	position:relative;
	margin:5px 0 0 0;
}
.quotedBlock q{
	vertical-align:middle;	
}
.rightTextFloat{
    float:right;
    display:inline;
}
.smallBarPanel{	
	background-image:url(images/blueBar1.gif);
	background-repeat:no-repeat;	
	position:relative;
	height:43px;
	width:660px;	
	color:#404040;
	margin-bottom:10px;
}
.smallBarPanel h2{
	position:absolute;
	left:16px;
	top:4px;
	width:90px;
	font-size:90%;
}
.smallBarPanel p{
	position:absolute;
	left:128px;
	top:6px;
	width:520px;
	font-size:80%;
}
.subBlock{
	background-color: #E79C00;
	padding:10px;
	color:#636363;		
}
.subBlock1{
	color: #202020;
	text-align:right;
	background-image:url(images/LargeButton.gif);
	width:175px;
	height:41px;
	padding:8px 12px;
	margin-bottom:15px;
    position:relative;
}
.subBlock1 h1 h2 h3 h4 h5 h6{
    font-size:80%;
}
.subBlock1 p:first-child, .subBlock1 a:first-child{
	font-size:100%;
}
.subBlock1 p, .subBlock1 a{
    margin:0px;
	font-weight: bold;
	font-size:120%;
	_font-size:100%;
	color:#636363;
}
.subBlock2{
	background-color: #E79C00;
	background-image:url(images/orangePanel1.jpeg);
	background-position:bottom;
	background-repeat:no-repeat;
	position:relative;
	padding:10px;
/*	height:179px; */
	color:#202020;		
	margin-bottom:10px;    	
}
.subBlock2top{
	position:absolute;
	left:-10px;
	left /* correct value, hack required because ie's shite */:0;	
	top:0;
}
.subBlock2>h2{		
	padding-bottom:10px;
}
.tinyLink{
    font-size: 70%;
    color: #A0A0A0;
    border-bottom:2px solid #FFFFFF;
    margin-right:1px;
}
.tinyLink:hover{
    text-decoration:underline;
	border-bottom:2px solid #698BCA;
}
.tinyLink img{
    vertical-align: -60%;  
}
.wideGreenPanel{
    position:relative;
    top:-3px; /* hack required because ie is crap */
    top /* real value for proper browsers */:0;
	background-image:url(images/greenBarBottom.jpeg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#CDE956;
	padding:0 15px 10px 15px;
	margin-bottom:10px;
}
.zoomIn{
    cursor:url(http://www.netbriller.com/images/zoomin.cur), auto;
}
.zoomOut{
    cursor:url(http://www.netbriller.com/images/zoomout.cur), auto;
}


/***************************************************************\
                    Element Id Definitions 
\***************************************************************/

#closeFeedback{
    position:absolute;
    left:512px;
    top:4px;
}
#debugPanel{
    padding:10px;
    text-align:left;
    position:absolute;
    display:none;
    top:0;
    left:0;
    width:25%px;
    height:800px;
    font-size:80%;
    background-color:BLACK;
    color:WHITE;
    opacity: 0.66;
}
#debugPanel pre{
    border:1px blue solid;
    margin:5px;
    padding:5px;
    background-color:#e0e0ff;
}
#euroToggleOff, #euroToggleOn{
    color:#c0c0c0;
    font-size:110%;
    font-weight:bold;
    font-family:arial, verdana, helvetica;
    position:relative;
    top:-1px;
}
#euroToggleOn{
    color:#1451B6;
}
#euroToggleOff:hover{
    color:#1451B6;
}
#euroToggleOn:hover{
    color:#c0c0c0;
}
#feedbackButton{
    float:right;
    margin:8px 12px;
    background-color:#BFB97F;
	font-weight:bold;
	padding:3px 10px 2px 10px;
}
#greyPanel{
    z-index:100;
    position:fixed;      /*  correct value                                              */
    _position:absolute;  /*  bug fix value required to fix prob with infernal explorer  */
    top:0;
    left:0;
    width:0px;
    height:0px;
    background-color:BLACK;
    filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}
#feedbackPanel{
    z-index:120;
    position:fixed;      /*  correct value                                              */
    _position:absolute;  /*  bug fix value required to fix prob with infernal explorer  */
    visibility:hidden;
    background-color:WHITE;
    font-size:90%;
    left:-500px;
    top:80px;
    width:500px;
    border:5px solid #BFB97F;
    padding:10px 20px 10px 20px;
}
#feedbackPanel p,#feedbackPanel h3,#feedbackPanel input{
    margin-top:10px;
}
#feedbackButtonDiv{
    width:100%;
    text-align:center;    
    margin:20px auto 10px auto;
}
#footer{
	font-size: 0.8em;	
	margin-top:5px;
	padding-top:5px;
    padding-bottom:20px;
	background-image:url(images/blueBar660.gif);
	background-repeat:no-repeat;
	color:WHITE;
}
#footer a{
    position:relative;
    color:WHITE;
    top:0px;
}
#footer a:hover{
    text-decoration:underline;
}
#greyPanel{
    position:fixed;      /*  correct value                                              */
    _position:absolute;  /*  bug fix value required to fix prob with infernal explorer  */
    top:0;
    left:0;
    width:0px;
    height:0px;
    background-color:BLACK;
    filter:alpha(opacity=50);   
	-moz-opacity: 0.50;   
	opacity: 0.50;
	z-index:100;
}
#logo{
    position:absolute;
    top:29px;
    left:0px;
}
#mainMenu{
	font-weight:bold;
	color:#636363;
}
#mainMenu ul li{
	height:20px;
	width:100px;	
	padding-top:60px; /* 75px; */
	text-align:center;
	margin-bottom: 10px; /* 15px; */
	cursor:pointer;
	color:#636363;
	font-size:90%;
}
#mainMenu ul li{
	color:#FFFFFF;
	background-position:-200px; 
}
#mainMenu ul li:hover{
	background-position:0px;  /* -100px; */  
    color:#636363;    	   
}
#mainMenu ul li a{
	color:#636363;
	position:relative;
	top:-3px;
}
#mainMenu ul li a:hover{
    color:#636363;	   
}
    #funky{		
    	background-image:url(images/menu1b.gif);
    	padding-top:40px;
    	height:40px;
    }
    #designer{
    	background-image:url(images/menu2b.gif);
    	padding-top:63px;
    	height:17px;
    }
    #newglasses{
    	background-image:url(images/menu7b.gif);
    }
    #sports{
    	background-image:url(images/menu3b.gif);
    }
    #kids{
    	background-image:url(images/menu4b.gif);
    }
    #sunglasses{
    	background-image:url(images/menu5b.gif);
    }
    #reglaze{
    	background-image:url(images/menu6b.gif);
    }

/******************************* PopUp Panels *********************************/

#lensInfoPop, #guaranteeInfoPop, #aafInfoPop, #addToCartInfoPop{
    position:absolute;
    display:block;
    top:0;
    left:0;
    z-index:10;
    width:199px;
    height:57px;
}
#lensInfoPop, #aafInfoPop{
    cursor:pointer;
}
#lensInfoPanel{
    background-image:url(images/NikonButton2.gif);
    margin-top:15px;
}
.tooltip{
    width:300px;
    display:none;
    position:absolute;
    background-color:#F8F8FF;
    color:#000040;
    border:1px solid BLUE;
    font-size:80%;
    z-index:250;
    padding:3px 5px;
}
.tooltip p, .tooltip h3{
    margin:5px 0;
}
#lensInfoTip{
    width:400px;
}
#guaranteeInfoPopPanel{

}
#warrantyInfoPopPanel{

}
#quoteTooltip{
    width:300px;
    border:none;
    padding:0;
    margin:0;
    background:transparent;
}
#quoteTooltip img{
    margin:0;
    padding:0;
}
#quoteTooltip div{
    margin:0;
    border-left:1px solid #A4B3FC;
    border-right:1px solid #A4B3FC;
    background-color:#4D68F1;
    _background-color:#415DEF;
    color:WHITE;
    text-align:left;
    padding:0 8px;
}
#quoteTooltip div h3{
    font-weight:bold;
    margin:0;
    padding-bottom:5px;
}
#quoteTooltip div p{
    margin:0;
}
/*********************** Infernal Excrement Bug Fixes *************************/

.ie6bugFix_11{
    display:block; /* to stop ie sticking random margins in any/every where */
}