html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}


body
{   
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
    background-color:#003a63;
    color:#02243d
}
a{ color: #02243d;  font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a:hover { color: #c0c0c0;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline }
a.orangeLink{color:orange;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight:bold;}

img {border:none;}
p.break{ padding-top:10px}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
    font-size: 1px;
    line-height: 0px;
}

/* New Master Styles */

#wrapper{ width:900px; margin-left:auto; margin-right:auto; }
#innerWrapper{background-color:White; }

#headerWrapper{ height:75px; text-align:left; }
#headerLogoWrapper{  width:250px; float:left; height:75px; }
#headerMenuWrapper{  width:640px; float:right; height:75px; padding:0 10px 0 0;}

#subMenu{text-align:right; padding-right:10px; padding-top:5px; height:20px;}
#subMenu ul { list-style:none}
#subMenu li{ display:inline;}

#headerLogo a
{
    display:block;
    background-image: url(../../images/assets/header_logo.gif) ;
    text-indent:-99999px;
    width:153px;
    height:66px;
    position:relative;
    left:50px;
    top:5px;
    }
    

#contentImageHolder{padding:0 0 10px 0;}
#contentBodyHolder{margin:0 0 5px 0; padding:0  10px 20px 10px;}

#homeLeftCol{ width:430px; height:200px; float:left; margin-right:10px;}
#homeProfessional{border:solid 1px #e0e0e0; padding:10px 3px 3px 3px;}
#homeProfessional h1 
{
    background: transparent url(../../images/home_professional_title.png) no-repeat scroll 0 0;
    height:14px;
    text-indent:-5000px;
    width:415px;
     }
 #homeProfessional p{ padding-left:20px; padding-top:5px; padding-bottom:5px; font-size:11px;}
  #homeProfessional ul{ list-style-type:none;  text-align:center; padding-top:10px; padding-bottom:5px; }
 #homeProfessional li{ display:inline; padding-left:5px; padding-right:5px;}

 
#homeCenterCol{ width:210px; height:200px;float:left; margin-right:10px}

#homeTechnology{border:solid 1px #e0e0e0; height:180px; padding:  5px  3px 5px 3px;}
#homeTechnology h1
{
    
    background: transparent url(../../images/home_visual_title.png) no-repeat scroll 0 0;
    height:14px;
    text-indent:-5000px;
    width:210px;
     margin-top:5px;
    
    }
  #homeTechnology p{ padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:11px;}

#homeRightCol{ width:220px; height:200px; float:right;}
#homeRightCol iframe{}
#home3point5{ padding-top:10px;}
#signInHeader{font-size: 14pt; font-weight: bold; margin:0 0 10px 0;}
#homeText{ width:90%; text-align:left; margin:auto; height:100px;}



#innerContentHolder{ width:90%; text-align:left; margin:auto;}

#footer{margin:-5px 0 0 0;}
#footerInfo{font-size: 7pt; color:#c0c0c0; text-align:left;  width:400px; float:left;}
#footerMenuHolder{ width:400px; float:right; text-align:right; }

#footerMenu
{ margin:auto; 
    }
    
 #footerMenu li{padding:0 5px 0 5px;display: inline; list-style-type: none; }
 
 #footerMenu li a {color: #c0c0c0; font-size:8pt; font-weight:bold;}
 #footerMenu li a:hover { color: #ffffff; font-size:8pt; font-weight:bold;text-decoration: none}

 

/* End New Master Styles */

/* Left Menu Layout Styles */
#leftMenu{width:150px; position:relative;  height:400px;}
#leftMenu #Header{width:100%;height:25px;vertical-align:middle;	background-image: url(../../images/bg-menu-main.png);background-repeat:repeat-x; font-size:11pt;color:#FFFFFF;font-weight:bold;}
#leftMenu #Header div.HeaderInner{padding-top:2px;padding-left:24px; }

 #leftMenu #Holder{ text-align:left; padding:0 0 0 15px;}
 #leftMenu #Holder ul{ list-style-type:none;padding-top:10px;}
 #leftMenu #Holder li{ padding-bottom:10px}
#leftMenu #Holder li a{font-weight: bold; }
.selectedNode{color: orange;font-weight: bold;padding-left:10px;padding-bottom:5px;font-size:10pt;}
.Nodes{font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:10pt; padding-left:5px;padding-bottom:5px;}

/* Main Content Body */
#mainBody{width:700px; border-left:dotted 1px #c0c0c0; position:relative; left:150px; top:-400px; padding:0px 0px 0px 10px;}
.mainSectionHeader{font-size:14pt; font-weight:bold;}

/* Start Eyewear Page Styles */

#eyeWearCollectionHolder{ padding:0 10px 0 10px;}
#eyeWearCollectionHolder span{ font-size:14px; font-weight:bold; display:block; padding-bottom:5px; padding-top:10px;}
#eyeWearCollectionHolder p { padding-left:10px; text-align:justify; font-size:11px;}
/* End Eyewear Page Styles */
    
/* Start New Product Page Styles */

 td.coloroptions{ font-size:.7em;}
.modalBackground {background-color:Gray;filter:alpha(opacity=50);opacity:0.5;}
.modalPopup {background-color:#ffffff;border-width:3px;	border-style:solid;	border-color:Gray;	padding:3px; width:350px; height:200px;}

#productSideMenu{ width:150px; position:relative;  height:400px;}
#productDetailBody{width:740px; position:relative; left:150px; height:200px; top:-400px; padding:0px 0px 0px 10px;  }

#productDetailBody span.title{ font-size:14pt; font-weight:bold;  }
#productDetailBody span.collection{ font-size:11px;   }
#productDetailBody div.msrp{ font-weight:bold; margin: 5px 0 0 10px;  }
#productDetailBody div.newProduct{margin:  10px 0 0 10px; }

#productDetailLeft{ width:155px; float:left;}

#productDetailRight{ width:575px; float:right;  padding:0px 0px 0px 10px; margin:0 0 0 0; }
#productDetailRight div.hcLayOut{z-index:400; width:135px;position:relative;  left:250px; top:-20px; }
#productDetailRight div.zoomLayOut{z-index:401; width:75px;position:relative;  left:100px; top:-40px;}

#productTabContainer{clear:both; }

#cartShippingOptions{ text-align:left; padding:10px 0 20px 0; border-bottom:dotted 1px #c0c0c0; }
.cartReqError {border: 1px solid red; color: red; font-weight:bold; margin: 5px 0px; padding: 15px; text-align:left; }
.cartReqError ul { margin: 0; padding: 0; margin-left: 25px; list-style: square; font-weight:normal;}

.textDiscount{font-size : 10pt;color : #ff0000;	font-weight : bolder;}

/* End New Product Page Styles */


/* Technology Page Styles */
   
   
    #techLensHolder{ padding:10px 0 10px 0}
    
    .techLensTypeHolder{ padding:10px 0 10px 0; height:120px;}    
    .techLensTypeHolder div.techLensImage{ width:80px; float:left;}
    .techLensTypeHolder div.techLensDesc{  width:570px; float:right;}
    .techLensTypeHolder div.techLensDesc span.lensTitle{display:block; margin:0 0 5px 0; font-size:10pt; font-weight:bold; color:#02243d;}
    .techLensTypeHolder div.techLensDesc span.lensMaterial{ margin:5px 0 0 0; display:inline-block; font-size:10pt; font-weight:bold; color:#02243d;}
    
    .techLensTypeHolder div.techLensImageMirror{ width:120px; float:left;}
    .techLensTypeHolder div.techLensDescMirror{  width:400px;}
    .techLensTypeHolder div.techLensDescMirror span.lensTitle{display:block; margin:0 0 5px 0; font-size:10pt; font-weight:bold; color:#02243d;}
    
   #techUvBlock{ padding:10px 0 10px 0}
   #techLensMaterialBlock{ padding:10px 0 10px 0}
   
   span.techTitle{display:block; margin:0 0 5px 0; font-size:12pt; font-weight:bold; color:#02243d;}
   
     
   #imgPolarTech{ display:block; margin:0 0 0 200px; clear:both; }
   
   .techHydoText{text-align:justify;}
    
/* End Technology Page Styles */

/* Service Page Styles */
 
   ul.serviceList{ padding-top:15px; padding-bottom:15px; padding-left:25px;}
   ul.serviceList li { padding-bottom:5px; font-size:12px;}
      
    #serviceContactFormHolder{ padding:10px 0 0 0;}
    #serviceContactForm{ background-color:#e9f2f6; padding: 10px 10px 10px 10px;}
    
    #serviceWizardHolder{ padding:10px 0 0 0;}
    
   #serviceCareList{ padding-left:20px; padding-top:15px;}
    #serviceCareList li{ padding:5px 0 5px 0;}
    
    div.addressLine{ padding:5px 0 5px 0;}
    div.addressLine span{display:inline-block; width:75px; }
    
     
/* End Service Page Styles */

/* Rx Page Styles */
.rxHeader{ font-size:14pt; font-weight:bold;}

#rxBodyHolder{padding:0 25px 0 25px;}
#rxImage{ width:210px; position:relative;}
#rxContent{ position:relative; left:210px; top:-245px; width:650px; text-align:justify;}

/* End Rx Page Styles */

/* Store Page Styles */
    #storeBodyHolder {width:90%; position:relative; left:50px; height:400px;}
    #storeHeader{ font-size:14pt; font-weight:bold; }
    .storeLink{ text-align:center; padding:10px 0 10px 0;}

/* End Store Page Styles */

/* Team Page Styles */
       
    #leftTeamHolder{position:relative;  width:300px; float:left; margin:0 0 25px 0;}
    #rightTeamHolder{position:relative; width:300px; float:right; margin:0 0 25px 0;}
    ul.teamList{ list-style:none;}
    ul.teamList li{ padding-bottom:3px; padding-left:5px; font-size:11px;}
     
    
    
    span.teamSectionHeader{display:block; font-size:11pt; padding:0 0 2px 0; margin:0 0 2px 0; border-bottom:dotted 1px #c0c0c0; font-weight:bold; margin:5px 0 5px 0;}
   div.teamMajorSection{padding-bottom:15px;}
   div.teamMajorSection img{ float:left; padding-right:10px;}
   div.teamMajorSection span{ font-weight:bold; display:block; padding-bottom:5px;}
     
   
   #teamAgencyLogos{position:relative; width:250px; float:left;   }
   #teamAgencyList{position:relative; width:400px;  overflow:hidden;}
   #teamProfessionalLogos{position:relative; width:250px; float:left;   }
   
   #teamProfessionalAgencies{ left:250px; position:relative; width:400px;}
   
    div.teamProfessionalList{position:relative; width:400px; overflow:hidden;}
    div.teamProfessionalList ul{ list-style-type:none; padding:0 0 0 0; margin:0 0 0 0;}
    div.teamProfessionalList li{ padding:2px 0 2px 5px; font-size:11px;} 
    
    .techProStaffMemberHolder{ padding:5px 0 5px 0; height:50px;}    
    .techProStaffMemberHolder div.teamProStaffName{ width:150px; float:left; font-weight:bold;}
    .techProStaffMemberHolder div.teamProsStaffDesc{  width:525px; float:right;}
    
/* End Team Page Styles */






.textSmall {font-size : 10px;}



.accordionHeader
{
    color: white;
    font-size: 11pt;
	font-weight: bold;
    padding: 5px;
    cursor: pointer;
    background-image: url(../../images/bg-menu-main.png);
	background-repeat:repeat-x;
	margin-bottom:2px;
	}

 .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    border-top: none;
    padding: 5px;
    
    
}

/* Dealer datagrid */

.dataListDealer
{
    background-color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

.dataListItem {
	background-color: #ffffff;
	color: #565656;
	font-size: 11px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-right:#c0c0c0 1px solid
	
}

.dealerHeader{border-right: #02243d 1px solid; border-top: #02243d 1px solid; border-left: #02243d 1px solid; border-bottom:#02243d 1px solid; width:100%; background-color:#F3F3F3;}
.imageBorder{border-color:#02243d; border-style:solid; border-width:2px;}


table.mainTable{ border:solid 1px #02243d 1px;  width:100%}
table.doubleEdge{ border-top:double 4px #c0c0c0;}
td.rightEdge{ border-right:solid 1px #c0c0c0; padding:0 0 0 50px;}


td.greyback{ background-color:Gray}
td.fieldname{text-align: right;font-size: 10pt; font-weight: bold;}
td.header{font-size: 14pt; font-weight: bold;}
td.sectionHeader{font-size: 12pt; font-weight: bold;padding-left:25px}
td.sectionHeader_nopad{font-size: 12pt; font-weight: bold;}
td.sectionPadding{ padding-left:25px}
td.bottomPad{ padding-bottom:10px; border-bottom:dotted 1px #c0c0c0;}
td.fieldHeader{font-size: 10pt; font-weight: bold;}
td.lbitem {
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	font-family: arial, Sans-serif;
	font-size: 10pt;
	width:30%;
	
}

td.lbTotal {
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 110px;
	
	font-family: arial, Sans-serif;
	 font-weight:bold;
	font-size: 12pt;
}

td.addressHeader
{ padding-bottom:10px;
  padding-top:10px;
    border-bottom:dotted 1px #c0c0c0;
    
    }




.datagrid /* Overall style of the datagrid */ {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
		width:100%;
}

.datagridheader 
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	height:30px;
  }
  

  
  .datagriditemheader { 
    border-bottom:dotted 1px #c0c0c0;
      }
    
     .datagriditemfooter { 
    border-top:dotted 1px #c0c0c0;
      }
  
 

.datagridaltitem {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	height:65px;
	
	
	}
	
	table.mylist input {
      width: 50px;
      display: block;
      float: left;
      
   }
   
   div.border{ border:solid 1px #000000; width:250px}
   
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

div.ccError{ background-color:#fbdede; border:solid 1px red; height:50px; padding:10px;} 
shipCheck { float:right; background-color:Lime; vertical-align:top; }


/* test */

#hSub {
	height: 30px;
	width: 375px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(../images/hSubBg_norpt.png);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #6d6d6d;
}
#hSub p {
	text-align: right;
	width: 145px;
	position: absolute;
	left: 26px;
	top: 0px;
	height: 23px;
	padding-top: 7px;
	line-height: normal;
}
#accntNav {
	height: 23px;
	width: 485px;
	position: absolute;
	left: 175px;
	top: 0px;
	padding-top: 7px;
	display: none;
	line-height: normal;
	background-image: url(../images/accntNavBg_norpt.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#accntNav img {
	cursor: pointer;
	height: 12px;
	width: 12px;
	position: absolute;
	top: 9px;
	right: 3px;
}