﻿body
{   
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;
    background-color:#003a63;
}

img {border:none;}

/* 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;}

#headerStatus
{ 
 width:640px;
 height:30px;
 text-align:right;
 padding:5px 5px 0 0;
 margin:auto;
 

}

#headerStatus span.name{ font-size:8pt;}
#headerStatus span.cart{ font-size:8pt;}
#headerStatus span.cart a
{
    background-image: url(../../images/assets/shoppingcart_12x12.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 15px;
    }




/*h1.headerLogo a 
{
    display:block;
	width:153px;
	height:66px;
	background: url(../../images/assets/header_logo.gif) no-repeat;
	background-color:Green;
	text-indent:-99999px;
    margin: auto; 
    }
*/

#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;
    }
    
    #menu {
    	
    width:550px;
    text-align:right;
    
    padding: 15px 0 0 0;
    margin:auto;
    }
    
#menu li 
{
    display:inline; padding:0 10px 0 10px;
	
}

#menu li a { font-size:11pt; font-weight:bold;}
#menu li a:hover { font-size:11pt; font-weight:bold;text-decoration: none}




#contentImageHolder{padding:0 0 20px 0;}
#contentBodyHolder{margin:0 0 10px 0;  width:100%; background-color:White; min-height:300px;}
#signInHeader{font-size: 14pt; font-weight: bold; margin:0 0 10px 0;}
#homeText{ width:90%; text-align:left; margin:auto;}

#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 */
/*Registration Styles*/

#activationStatus{ text-align:right;}

#regProfileHolder{padding: 10px 0 10px 10px;}

#regHolder{width:80%; position:relative; left:80px; padding:0 0 25px 0; margin:0 0 25px 0;}


 div.regLine{ width:100%; padding: 5px 0 5px 0; background-image:url(../../images/assets/required_icon.jpg); background-position:left; background-repeat:no-repeat;  }
 div.regLine span{display:inline-block; padding:0 0 0 15px; width:125px; font-weight:bold; }
 div.regLine #reqHeader{  width:100%; padding:0 0 0 15px; font-weight:bold; }
 
 
 div.regHeader{font-size:14pt; font-weight:bold;}
 
 #editRegPassword{background-color:#e9f2f6; padding:5px 5px 5px 5px; margin-bottom:20px;}
 #editRegHolder{width:80%; position:relative; left:80px; padding:0 0 25px 0; margin:0 0 25px 0;}
 span.editSectionHeader{ font-size:10pt; font-weight:bold; display:block; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:dotted 1px #c0c0c0; }
 
 .regCodeError{ font-size:12pt; font-weight:bold; color:Red;}
 
 .boxError{ background-color:Red;}

/* End Registration Styles */

/* Start Eyewear Page Styles */
 #eyeWearCollectionHolder{ padding:0 10px  50px 10px;}
/* 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; 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.productDropDown{margin: 10px 0 0 10px;  }
#productDetailBody div.cartButton{margin:  0 0 0 10px;  }
#productDetailBody div.newProduct{margin:  10px 0 0 10px; }

#productDetailLeft{ width:300px; float:left;  }

#productDetailRight{width:420px; 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 */

/*Cart Page Styles */

    #cartHolder { width:800px; margin:auto;}
    #cartGridHolder{ width:750px;}
    
    div.cartHeader{ text-align:left; margin-top:10px;margin-bottom:10px; }
    div.cartHeader span.cartHeaderTitle{font-size: 12pt; font-weight: bold; display:block;}
    div.cartHeader span.cartHeaderDetail{ font-size: 9pt; padding:0 0 0 10px; display:block;}
    
    
    div.cartBreadCrumb{ text-align:left;  padding:0 0 10px 0}
    div.cartBreadCrumb #bCrumbshop span { font-weight:bolder; color:#f78316}
    div.cartBreadCrumb #bCrumbshop a { color: #02243d;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
    div.cartBreadCrumb #bCrumbshop a:hover { color: #c0c0c0;  font-family: Arial, Helvetica, sans-serif; text-decoration: underline }
    
    div.cartButtonHolder{}
    div.cartButtonHolder #cartSubTotal{ padding: 0px 100px 30px 2px; text-align:right; font-weight:bold; font-size: 12pt;  }
    div.cartButtonHolder #cartBtnContinue{ }
    #cartNavButtons{ width:350px; position:relative; left:430px; height:50px;}
    div.cartButtonHolder #cartUpdateButton{ padding:0 0px 2px 2px;  width:170px;}
    div.cartButtonHolder #cartNextButton{ padding:0  0px 2px 2px; width:170px; position:relative; left:175px; top:-33px; }
    
    .cartStock{ font-size:10px; color:Red; font-style:italic;}
       
    #addressHolder { text-align:left; width:80%;}
    #diffBillShip { padding:5px 0 5px 0;}
   
    div.addressSectionHeader{padding: 10px 0 5px 0; border-bottom: dotted 1px #c0c0c0;}    
    div.addressSectionHeader span{  font-weight:bold; }
    div.addressLine{ width:100%; padding: 5px 0 5px 0; border-bottom: dotted 1px #c0c0c0;  }
    div.addressLine span{  display:inline-block; width:100px; }
    
    #paymentButtonHolder { width:100%;  padding:5px 0 10px 0; margin-bottom:5px; border-bottom:dotted 1px #c0c0c0;}
    #paymentBtnContinue {padding:0  0px 2px 2px; width:175px;}
    
    #paymentDetailsHolder{ text-align:left; padding:0 0 0 20px; height:150px; }
    #paymentDetails{ width:50%; border-right:dotted 1px #c0c0c0; padding:5px 0 0 0; }
    #paymentDetails div.paymentLine{padding: 5px 0 5px 0;}
    #paymentDetails div.paymentLine span{  display:inline-block; width:125px; }
    
    
    #paymentTotals{ width:48%; padding:5px 0 0 0; position:relative; left:400px; top:-125px; }
     div.paymentLine{padding: 5px  0 5px 225px;}
     div.paymentLine span{  display:inline-block; width:70px; }
    
    #paymentNextButtonHolder { width:90%;  padding:10px 0 5px 0; margin-top:5px; border-top:dotted 1px #c0c0c0;}
    #paymentNextButton {padding:0 20px 10px 0px;width:175px; position:relative; left:600px;   }
    
    #cartReviewAddressHolder{text-align:left; border-top:dotted 1px #c0c0c0; height:100px;}
    #cartReviewButtonBar{height:75px; padding:10px 0 0 40px;}
    
     #reviewAddressBilling{width:200px; }
    #reviewAddressBilling div.reviewSectionHeader{padding: 10px 0 5px 0;}
    #reviewAddressBilling div.reviewSectionHeader span{ font-weight:bold;}
    #reviewAddressBilling div.reviewSectionBody{}
    
    #reviewAddressShipping{width:200px; position:relative; left:250px; top:-110px }
    #reviewAddressShipping div.reviewSectionHeader{padding: 10px 0 5px 0;}
    #reviewAddressShipping div.reviewSectionHeader span{ font-weight:bold;}
    #reviewAddressShipping div.reviewSectionBody{ }
    
    #reviewPaymentInfoHolder{text-align:left;margin:20px 0 20px 0; padding-bottom:10px; border-bottom:dotted 1px #c0c0c0;}
    #reviewPaymentInfoHolder div.reviewSectionHeader{padding: 10px 0 5px 0;}
    #reviewPaymentInfoHolder div.reviewSectionHeader span{ font-weight:bold;}
    
    #reviewButtonHolder { text-align:left; width:300px;; padding:5px 0 10px 0; margin-bottom:5px;}
    #reviewBtnContinue {padding:0  0px 2px 2px; width:175px; }
    
    #reviewTotalsHolder{ width:400px; position:relative; left:375px; top:-50px;}
    #reviewTotals{ padding:0 0 0 10px;}

    #reviewNextButtonHolder{height:100px; text-align:right; }
    
    #responseHolder{ width:500px; height:400px; margin:25px 0 0 0;}
    #responseHolder #headline{ font-size:14pt; font-weight:bold; display:block; }
    
   

/* End Cart Page Styles */

/* Technology Page Styles */

    #techMenu{width:150px; position:relative;  height:400px;}
    #techMenu #sectionHeader{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;}
    #techMenu #sectionHeader div.sectionHeaderInner{padding-top:2px;padding-left:24px; }
    #techMenu #techMenuBody{ text-align:left; padding:0 0 0 15px;}
    #techMenu div.leftMenuItem{ padding:5px 0 5px 0;}
    
    #techBody{width:700px; position:relative; left:150px; top:-400px; padding:0px 0px 0px 10px;}
       
    .techHeader{ font-size:14pt; font-weight:bold; }
    #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;}
   
     #polarLifestyleImage{ width:225px; float:left;}
   #polarTextBlock{ width:470px; height:210px; float:right;}
   #imgPolarTech{ display:block; margin:0 0 0 200px; clear:both; }
   
   .techHydoText{text-align:justify;}
    
/* End Technology Page Styles */

/* Service Page Styles */
   

 #serviceMenu{width:150px; }
    #serviceMenu #serviceMenuBody{ text-align:left; padding:0 0 0 15px;}
    #serviceMenu div.leftMenuItem{ padding:5px 0 5px 0;}
    #serviceBody{width:600px; text-align:left; background:white; border-left:dotted 1px #c0c0c0; padding: 0 10px 0 10px; position:relative; left:150px; top:-140px; }
    
    .serviceHeader{ font-size:14pt; font-weight:bold;} 
   
    #serviceContactFormHolder{ padding:10px 0 0 0;}
    #serviceContactForm{ background-color:#e9f2f6; padding: 10px 10px 10px 10px;}
    #serviceContactFormResponse{ text-align:center; font-size:10pt;}
    #serviceContactFormResponse span{ font-size:13pt; font-weight:bold;}
    
    #serviceWizardHolder{ padding:10px 0 0 0;}
    
    
    
/* End Service Page Styles */

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.menuItem { color: #02243d ; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; }
a.menuItem:hover { color: #565656 ;  font-size: 11pt; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight:bold; }

a.login { color: #565656 ; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none;  }
a.login:hover { color: #565656 ;  font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: underline;  }

.SelectedMenuItem{color: orange;font-weight: bold;padding-left:10px;padding-bottom:5px;font-size:11pt;}

a.dealerItem { color: #565656 ; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold; }
a.dealerItem:hover { color: #02243d;  font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight:bold; }



.SelectedNodes{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;}


.textSmall {font-size : 9px;}
.Features{color:#565656;font-size:9pt;padding-left:10px;}	
.Features_noPad{color:#565656;font-size:9pt;}	
.featureHeader{color:#02243d;font-weight:bold;font-size:10pt;}	
.cartHeading {	font-family : Arial, Helvetica, sans-serif;	font-size : 11px;	background-color : Silver;}

.textDealer {color : #ffffff;}
.textDealerHeader{font-size : 12pt;color : #02243d;	font-weight : bolder;}
.textError{font-size : 12pt;color : Red;	font-weight : bolder;}
.textBoldSmall {font-size : 9pt;font-weight : normal;}

.textStandard {	font-size :10pt;}
.textLinkNews{	font-size : 10pt;color : #02243d;text-decoration : none;font-weight : bold;}

.textLinkNews_sm{font-size :10pt;color : #225EA0;	text-decoration : none;	font-weight : bolder;}
.textSmall {font-size : 10pt;}
.textHead{font-size :11pt;color : #02243d;	text-decoration : none;	font-weight : bolder;}
.textDkGrey_11{font-size : 11pt;color : #565656;	font-weight : bolder;}
.textBlack_11{font-size : 11pt;color : #000000;	font-weight : bolder;}


.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_nopad{font-size: 12pt; font-weight: bold;}

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;
}

#StoreClosed{ text-align:center; font-size:14pt; padding-top:100px;}
