body { 
background:#fff url(/img/body.png) repeat-x left top; 
color:#000;
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:76%;
}

div.container {  
margin:0 auto;
position:relative;
width:1100px;
z-index:auto;
}

h1 { 
margin:17px 0 0 70px;
background:transparent url(/img/h1.png) no-repeat left top;
display:block;
width:175px;
height:31px;
float:left;
overflow:hidden;
}

h1 a { 
display:block;
text-indent:-9999px;
width:175px;
height:25px;
overflow:hidden;
margin-left:0 !important;
}

h2 {
font-size:2em;
line-height:1.1em;
font-family:Arial, Helvetica, Tahoma, Verdana, "Trebuchet MS", sans-serif;
font-weight:normal;
}

h3 {
font-family:Arial, Helvetica, Tahoma, Verdana, "Trebuchet MS", sans-serif;
font-weight:bold;
width:auto !important;
}

div.col-main {
width:600px;
margin-left:30px;
}

div.col-main h3 {
font-size:1.9em;
line-height:1.1em;
margin-bottom:19px;
}

div.col-main h4 {
font-size:1.3em;
font-weight:normal;
line-height:1.4em !important;
margin-bottom:28px;
}

div.col-main p {
margin-bottom:22px;
}

div.col h3 {
font-size:1em !important;
line-height:1.5em !important;
margin:0;
padding:0;
font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.cols-1 {
width:270px;
}

.cols-2 {
width:600px;
}


p, dl {
font-size:1em;
line-height:1.5em;
}

p {
margin-bottom:0.7em;
}

.feature a:link,
.feature a:visited, 
.feature a:hover, 
.feature a:active,
.footer a:link,
.footer a:visited, 
.footer a:hover, 
.footer a:active,
.main a:link,
.main a:visited, 
.main a:hover, 
.main a:active{
color:#000;
text-decoration:none;
padding-bottom:1px;
border-bottom:1px solid #ccc;
}

.feature a:hover,
.main a:hover {
border-bottom:1px solid #000;
}

.spot-register a,
.gallery a,
.video a,
a.button-register,
a.button-dealer,
a.button-friend, 
a.button-print {
border-bottom:0 !important;
}

.date {
color:#999;
}

div.col h2 {
margin:39px 0 22px;
}

form.search { 
margin:20px 60px 0 0;
padding:0 0 0 8px;
display:block;
background:transparent url(/img/search.png) no-repeat left top;
height:27px;
width:190px;
position:absolute;
top:0;
right:0;
overflow:hidden;
}

form.search input {
float:left;
}

form.search input.query { 
margin-right:5px;
background-color:transparent;
width:146px;
height:12px;	
border:none;
font-family:Arial, Helvetica, Tahoma, Verdana, "Trebuchet MS", sans-serif;
font-size:11px;
color:#999;
padding-top:3px;
line-height:14px;
}

form.search input.submit { 
border:none;
}

div.feature {
background:transparent url(/img/feature-news.png) no-repeat left -7px;
padding:7px 0 0 70px;
height:361px;
position:relative;
}

.subpage div.feature {
height:336px !important;
padding:31px 0 0 100px;
overflow:visible;
}

body.news div.feature, body.register div.feature {
min-height:336px;
height:auto !important;
}

body.news div.main {
background:none;
}

.news .cols-2 {
margin-bottom:25px;
}

.divider {
width:900px;
height:1px;
background-color:#ccc;
margin:0 0 25px 30px;
}

.subpage div.main {
background:transparent url(/img/main-subpage.png) no-repeat left top;
}

.contact div.main {
height:140px;
background:none !important;
}

.subpage div.footer, 
.products div.footer {
background:transparent url(/img/footer-default.png) no-repeat left top;
}

.products div.feature {
height:336px !important;
padding:31px 0 0 100px;
background:transparent url(/img/masthead-photo.png) no-repeat left -18px !important;
position:relative;
}

.products div.feature img {
position:absolute;
top:6px;
right:70px;
}

div.feature h2 {
font-size:2.6em !important;
}

div.main {
background:transparent url(/img/main-3cols.png) no-repeat left top;
padding:0 0 25px 70px;
}

.products div.main {
background:transparent url(/img/main-products.png) no-repeat left top !important;
}

div.main div.col {
width:300px;
margin-right:30px;
float:left;
}

div.main div.last {
margin-right:0;
}

div.masthead-1 {
background:transparent url(/img/masthead.png) no-repeat left top;
height:296px;
padding-top:36px;
position:relative;
}

div.masthead-1 h3, 
div.masthead-1 p {
margin-left:630px;
width:270px;
color:#999;
}

div.masthead-1 h3 {
font-size:2.1em;
font-weight:normal;
margin:0 0 20px 630px;
padding-top:36px;
}

div.masthead-1 p {
line-height:1.8em;
}

div.masthead-1 img {
position:absolute;
top:36px;
left:0;
}


/* =product presentation START */

div.masthead-2 h2 {
margin:70px 0 25px 0;
width:270px;
}

div.masthead-2 p {
font-size:1.1em;
font-weight:bold;
width:270px;
}

.presentation {
padding-top:40px;
}

.presentation .description,
.presentation .gallery,
.presentation .video {
width:330px;
float:left;
position:relative;
padding-bottom:100px;				
}

.presentation .video {
width:300px;
}

.presentation h3 {
font-size:1.3em;
font-weight:normal;
padding-bottom:0.3em;
}

.presentation .description h3 {
font-size:1.15em;
}

.description p {
padding:0 30px;
}

.description {
position:relative;
}

.description .spot-register {
position:absolute;
width:286px;
height:86px;
background:url(/img/box.png) no-repeat top left;
bottom:0;
left:21px;
}

.description .spot-register h3 {
margin:22px 0 0 20px;
}

.description .spot-register a {
display:block;
text-indent:-9999px;
width:200px;
height:18px;
background:url(/img/register-new-glasses.png) no-repeat top left;
margin:5px 0 0 17px;
}

.contact .spot-country h2 {
margin:20px 0 0 18px;
font-weight:bold;
font-size:0.9em !important;
}

.contact .spot-country select {
margin:10px 0 0 18px;
}

.contact .spot-country {
position:absolute;
width:286px;
height:86px;
background:url(/img/box.png) no-repeat top left;
top:288px;
left:93px;
z-index:10;
}

.contact .world-map {
width:600px;
height:350px;
/* background:url(/img/world-map-dots.png) repeat top left; */
position:absolute;
top:95px;
left:400px;
z-index:100;
}

body.contact div.feature {
height:410px !important;
}

.contact .main {
position:relative;
}

.contact .dealers-list {
position:absolute;
top:10px;
left:93px;
width:916px;
height:126px;
background:url(/img/dealers-list-bg.png) no-repeat top left;
padding:25px 0 0 8px;
}

.contact .dealers-list button {
display:block;
float:left;
text-indent:-9999px;
width:24px;
height:74px;
background:url(/img/button-dealers-left.png) no-repeat center left;
border:0;
cursor:pointer;
}

.contact .dealers-list div {
display:block;
float:left;
}

.contact .dealers-list button.previous {
margin-right:24px;
}

.contact .dealers-list button.next {
background-image:url(/img/button-dealers-right.png);
}

.contact .dealers-list ul {
height:96px;
}

.contact .dealers-list li {
width:192px;
padding-right:15px;
height:96px;
font-size:0.95em;
line-height:1.2em;
}

.contact .dealers-list p {
font-size:0.95em;
width:123px;
padding-right:15px;
float:left;
}

div#dealers {
float:left;
height:84px;
width:828px;
}

.employees h2,
.login h2 {
margin-bottom:30px;
}

.employee {
width:286px;
height:156px;
padding:24px 21px 0 0;
float:left;
background:url(/img/employee-bg.png) no-repeat top left;
position:relative;
}

.employeeMailLink {
display:block;
text-indent:-9999px;
width:85px;
height:18px;
background:url(/img/button-mail.png) no-repeat top left;
border-bottom:0 !important;
position:absolute;
top:112px;
left:175px;
}

div.chha {
background-image:url(/img/CHHA.jpg);
}

div.dafe {
background-image:url(/img/DAFE.jpg);
}

div.mael {
background-image:url(/img/MAEL.jpg);
}

div.jaha {
background-image:url(/img/JAHA.jpg);
}

div.cc {
background-image:url(/img/CC.jpg);
}

div.gersh {
background-image:url(/img/GERSH.jpg);
}

div.stkn {
background-image:url(/img/STKN.jpg);
}

div.ivla {
background-image:url(/img/IVLA.jpg);
}

.employee dl {
width:160px;
text-align:right;
padding-top:20px;
margin:0 0 0 100px;
font-size:0.95em;
display:block;
}

.employee dt {
font-weight:bold;
}

h4.registered-eyewear {
position:absolute;
left:775px;
top:70px;
width:191px;
height:159px;
text-indent:-9999px;
background:url(/img/registered-large.png) no-repeat top left;
}

.register .cols-1 {
float:left;	
margin-right:30px;
}

.register .cols-1 h4 {
font-weight:bold;
margin-top:20px;
}

.register .cols-1 ul {
margin:4px 0 20px;
font-size:1em;
line-height:1.5em;
}

.register .cols-form {
width:300px;
margin-top:62px;
float:left;
font-size:0.95em;
padding-bottom:25px;
}

.form-section {
border-bottom:1px solid #ccc;
margin-bottom:20px;
}

div.form-section-last {
border-bottom:none;
}

.form-section dl {
margin-bottom:20px;
min-height:20px;
}

.form-section dt {
width:62px;
float:left;
}

.form-section input.input-text,
.form-section select {
width:224px;
}

.spot-country select {
width:248px;
}

.form-section input.input-text {
border:1px solid #999;
padding:2px;
}

.gallery ul li {
float:left;
position:relative;
padding:0 20px 19px 0;
}

.gallery ul li img,
.video img {
border:1px solid #999;
}

.gallery ul li a.plus {
position:absolute;
display:block;
text-indent:-9999px;
width:17px;
height:16px;
background:url(/img/zoom.png) no-repeat top left;
bottom:12px;
right:13px;
}

.video {
position:relative;
}

.video a {
position:absolute;
display:block;
text-indent:-9999px;
width:101px;
height:18px;
background:url(/img/video-play.png) no-repeat top left;
top:121px;
left:95px;
}

/* product presentation END */


/* =news START */

.newsitem-photo,
.login-photo {
position:absolute;
display:block;
width:270px;
top:95px;
right:98px;
}

.newsitem-photo img {
border:1px solid #999;
}

.newsitem-photo .buttons {
padding-left:38px;
}

a.button-friend, a.button-print {
display:block;
text-indent:-9999px;
width:118px;
height:18px;
margin-top:17px;
padding-right:10px;
background:url(/img/button-friend.png) no-repeat top left;
float:left;
}

a.button-print {
width:62px;
background:url(/img/button-print.png) no-repeat top left;
}

.cols-1 h2 {
margin-bottom:30px;
}

.cols-1 h3 {
font-size:1.5em;
line-height:1.1em;
margin-bottom:19px;
}

.news .cols-2 h2 {
margin-bottom:30px;
}

.news .cols-2 h3 {
font-size:1.9em;
line-height:1.1em;
margin-bottom:19px;
}

.news-list {
position:relative;
clear:both;
overflow:visible;
}

.news-list img {
position:absolute;
top:5px;
left:0;
border:1px solid #999;
}

.news-list dl {
margin:0 0 0 95px;
}

.news-list dt {
float:left;
width:430px;
padding-bottom:15px;
}

.news-list dd {
float:right;
color:#999;
margin-top:1.5em;
}

/* news END */

div.login-status {
float:right;
width:200px;
text-align:right;
padding-bottom:30px;
}

div.gallery-collection {
float:left;
clear:both;
}

div.gallery-collection h3 {
margin-bottom:10px;
}

div.collection-items {
overflow:hidden;
}

div.collection-items div {
float:left;
padding:0 20px 25px 0;
}

div.collection-items a {
border-bottom:none !important;
padding-bottom:5px !important;
display:block;
}

div.collection-items p {
margin:0;
padding:0;
font-size:0.95em;
line-height:1.2em;
}

div.ui-accordion {
display:block;
width:590px;
float:left;
margin-top:2px;
}

a.accordianOpener {
padding-bottom:11px !important;
padding-top:9px;
border-top:1px solid #ccc;
border-bottom:none !important;
cursor: pointer;
color: #000;/*#426FC8;*/
font-weight: bold;
font-size:1.2em;
line-height:1.2em;
display: block;
text-decoration: none;
}

.event-expand h3 {
margin-bottom:5px;
}

.event-expand p {
line-height:1.2em;
}

div.event-expand {
margin:0;
padding:15px 0;
border-top:1px solid #ccc;
}

.event-image
{
	float:right;
}

dl.news {
position:relative;
clear:both;
margin-bottom:8px;
padding-bottom:9px;
border-bottom:1px dotted #ccc;
}

dl.news a {
border-bottom:0 !important;
}

dl.last {
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}

dl.news dt { width:240px; }
dl.news dd { position:absolute; top:0; right:0; margin-top:1.5em; color:#999; }

.registered {
background:transparent url(/img/registered-eyewear.png) no-repeat left 5px;
padding-left:118px;
min-height:123px;
}

.dealer {
background:transparent url(/img/world-map.png) no-repeat left 5px;
padding-left:170px;
min-height:123px;
}

.login h2 {
margin-bottom:30px;
}

.login-panel {
margin-bottom:35px;
}

.login-panel dd {
margin-bottom:5px;
}

.login-panel input {
padding:2px;
border:1px solid #ccc;
}

a.button-register {
margin-left:118px;
}

a.button-dealer {
margin-left:170px;
}

.employees div.feature {
*height: auto !important;
}

.login div.feature {
height:auto !important;
min-height:336px;
}

div.footer {
background:transparent url(/img/footer-3cols.png) no-repeat left top;
margin:0;
padding-bottom:40px;
padding-left:38px;
clear:both;
width:100%;
}

div.footer ul {
list-style-type:none;
padding-left:32px;
padding-top:40px;
}

.subpage div.footer ul,
.products div.footer ul {
padding-left:62px;
}

div.footer li {
float:left;
display:block;
padding-right:15px;
margin-right:15px;
border-right:1px solid #999;
color:#999;
font-size:0.9em;
line-height:1.1em;
}

div.footer li.last {
padding-right:0;
margin-right:0;
border-right:none;
}

div#nav-sub {
margin-top:10px;
height:20px;
}

div#nav-sub ul {
clear:both;
margin:0 0 0 70px;
overflow:hidden;
}

div#nav-sub ul.products {
margin-left:209px;
}

div#nav-sub ul.login li {

}

div#nav-sub ul.login {
padding-right:58px;
float:right;
}

div#nav-sub ul.news {
margin-left:417px;
}

div#nav-sub ul.contact {
margin-left:538px;
}

div#nav-sub li {
float:left;
margin-right:16px;
}

div#nav-sub li a {
font-family:"Helvetica Neue", Arial, Helvetica, Tahoma, Verdana, "Trebuchet MS", sans-serif;
color:#000;
font-size:12px;
line-height:14px;
text-decoration:none;
display:block;
padding-bottom:1px;
margin-top:0;
}

div#nav-sub li.selected a {
font-weight:bold;
}

div#nav-sub li a:hover {
border-bottom:1px solid #ccc;
}

ul#nav-main {
padding-top:30px;
margin:0 0 0 70px;
height:30px;
overflow:hidden;
}

ul#nav-main li {
display:block;
float:left;
overflow:hidden;
height:30px;
margin-right:5px;
}

ul#nav-main li a {
background:transparent url(/img/nav-main.png) no-repeat left top;
display:block;
text-indent:-9999px;
height:30px;
}

ul#nav-main li#story {
width:132px;
}

ul#nav-main li#story a,
ul#nav-main.subpage li#story a:hover,
ul#nav-main li#story.selected a,
ul#nav-main.subpage li#story.selected a {
background-position:0px 0px;
}

ul#nav-main li#story a:hover,
ul#nav-main.subpage li#story a {
background-position:0px -30px;
}

ul#nav-main li#products {
width:204px;
}

ul#nav-main li#products a,
ul#nav-main.subpage li#products a:hover,
ul#nav-main li#products.selected a,
ul#nav-main.subpage li#products.selected a {
background-position:-137px 0px;
}

ul#nav-main li#products a:hover,
ul#nav-main.subpage li#products a {
background-position:-137px -30px;
}

ul#nav-main li#news {
width:114px;
}

ul#nav-main li#news a,
ul#nav-main.subpage li#news a:hover,
ul#nav-main li#news.selected a,
ul#nav-main.subpage li#news.selected a {
background-position:-348px 0px;
}

ul#nav-main li#news a:hover,
ul#nav-main.subpage li#news a {
background-position:-348px -30px;
}

ul#nav-main li#contact {
width:175px;
}

ul#nav-main li#contact a, 
ul#nav-main.subpage li#contact a:hover,
ul#nav-main li#contact.selected a,
ul#nav-main.subpage li#contact.selected a {
background-position:-467px 0px;
}

ul#nav-main li#contact a:hover,
ul#nav-main.subpage li#contact a {
background-position:-467px -30px;
}

ul#nav-main li#register {
width:195px;
}

ul#nav-main li#register a,
ul#nav-main.subpage li#register a:hover,
ul#nav-main li#register.selected a,
ul#nav-main.subpage li#register.selected a {
background-position:-648px 0px;
}

ul#nav-main li#register a:hover,
ul#nav-main.subpage li#register a {
background-position:-648px -30px;
}

ul#nav-main li#login {
width:110px;
margin-right:0;
}

ul#nav-main li#login a,
ul#nav-main.subpage li#login a:hover,
ul#nav-main li#login.selected a,
ul#nav-main.subpage li#login.selected a {
background-position:-849px 0px;
}

ul#nav-main li#login a:hover,
ul#nav-main.subpage li#login a {
background-position:-849px -30px;
}

#red li {
display:block;
margin:0;
padding:5px 0;
}

#red ul {
margin:10px 0 5px 15px;
}

#red a {
border:none;
}

#red li a.selected {
font-weight:bold;
border-bottom:1px solid #ccc;
}

.clear { clear:both; }

div.gallery-toc{
float:right;
width:320px;
text-align:left;
padding-bottom:30px;
}
.gallery-toc #aspnetForm 
{
    margin-left: -65px;
    float:left;
}
.gallery-toc .aspnetForm 
{
    float:left;    
    margin-left: -65px;
}
.cols-3 h2, .cols-2koma5 h2 { 
background: transparent url(/img/bg-cols3-h2.png) no-repeat bottom center; 
}
.cols-2koma5 h2 {margin-bottom:0; padding-bottom:30px;}
.cols-2koma5 {
background: transparent url(/img/bg-cols3.png) no-repeat bottom center;
padding-bottom: 30px;
}
.cols-3 {
width:670px;
background: transparent url(/img/bg-cols3.png) no-repeat bottom center;
padding-bottom: 50px;
}
.cols-2koma5 {
width: 900px;

}
#IEroot .cols-2koma5 
{
	width: 680px;
}

ul#collectionitems li a {
border:none;
line-height:20px;
}
div.button-box {
	margin-top: 20px;
}

input.submit, input.input-button, input.send-now, input.request-now {
	height: 18px;
    width: 104px;
    cursor: pointer;
    text-indent: -9999px;
    border: none;
    background: url(/img/button-login.png) no-repeat left top;
}
input.request-now, body.register input.input-button {
    background: url(/img/button-request-now.png) no-repeat left top !important;
}

input.submit-request-password{
    background: url(/img/button-change-password.png) no-repeat left top !important;
    width:146px !important;
}

input.submit-change-password, body.register input.input-button {
    background: url(/img/button-request-now.png) no-repeat left top !important;
}
input.send-now {
	background: transparent url(/img/button-send-now.png) no-repeat left top !important;
*text-indent: 0; *font-size: 0px; *color: 000; *text-align: right;
}
#IEroot input.submit, 
#IEroot input.input-button, 
#IEroot input.send-now, 
#IEroot input.request-now, 
#IEroot input.submit-request-password, 
{
    width: 104px;
    font-size: 0px;
    color: #000;
    text-align: right;
    text-indent:0px !important;
    
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	zoom:1; /* IE hack - this does not validate */
}

.margin-large { margin: 30px; }
.margin-top-large { margin-top: 30px; }
.margin-bottom-large { margin-bottom: 30px; }
.margin-left-large { margin-left: 30px; }
.margin-right-large { margin-right: 30px; }






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
