/* ----- RESET (based on the work of Richard Clark - http://richclarkdesign.com) ----- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video,summary,figcaption{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle;}
/* ----- /RESET ----- */

html{
    /*background:#f2f2f2 url("spring_static/getfile?pictureType=EasyWeb&pictureName=main-bg.jpg") repeat-x 50% 0;*/
}
body{
    font:12px/1.333 "Helvetica Neue", Arial, Helvetica, sans-serif;
    color:#78888b;
    margin: 0;
    padding: 0;
}
a:link, a:visited{
    color:#00aeef;
    text-decoration:none;
}
a:hover, a:active{
    background-color:#c6ecf9;
}
p, ul, ol{
    margin:0 0 1.5em;
}
li{
    margin:0 0 0.5em;
}
h1, h2{
    font-size:1.3333em;
    margin:0 0 0.6667em;
}
h3{
    font-size:1.1667em;
    margin:0 0 0.6667em;
}
h4, h5{
    font-size:1em;
    margin:0 0 0.6667em;
}

#wrap {
    position: relative;
    width:981px;
    margin:0 auto 2.5em;
}

#masthead{
    position:relative;
    z-index:5;
    height:89px;
}
#masthead h1 a{
    display:block;
    width:180px;
    height:112px;
    overflow:hidden;
    text-indent:-1000em;
    position:absolute;
    top:-1.25em;
    left:0em;
}
#masthead .utilities{
    text-align:right;
    padding:0.75em 2em 0 0;
}
#masthead .utilities .nav{
    list-style:none;
    color:#adafb2;
    margin:0 0 0.6667em;;
}
#masthead .utilities .nav li{
    display:inline;
    margin-left:0.5em;
}
#masthead .utilities .nav li.bullet {
    /*background: url(images/cibavision.com/bullet.png) left center no-repeat;*/
    padding-left: 15px;
}
#masthead .utilities .nav li a{
    color:#78888b;
}
#masthead .utilities .nav li img{
    margin:0 0 -9px 0.5em;
}
#masthead .utilities form div {
    /*background: url(images/cibavision.com/bkg-search-box.png) 570px 0px  no-repeat;*/
    height: 24px;
}
#masthead .utilities label{
    display:none;
}
#masthead .utilities input[type="submit"]{
    font-size:1px;
    color:#fff;
    border-style:none;
    /*background:none;
    overflow:hidden;
    text-indent:-1000em;
    width:18px;
    height:16px;
    /*background:url(images/cibavision.com/but-search.gif) no-repeat 50% 50%;*/
    margin:0 10px 0 -30px;
    padding:0.25em;
}
#masthead .utilities input{
    font:1em/1 "Helvetica Neue", Arial, Helvetica, sans-serif;
    color:#adafb2;
    border: none;
    width:175px;
    padding:0.25em 2.5em 0.25em 1em;
    text-align:left;
    background: none;
}
#masthead .utilities .button:link, #masthead .utilities .button:visited{
    color:#fff;
    /*background: url(images/cibavision.com/btn-for-pros.png) top left no-repeat;*/
    display:block;
    padding: 0 0.5em 0;
    width:157px;
    height: 24px;
    text-align:center;
    float:right;
    margin-left:0.5em;
}
#masthead .utilities .button:hover, #masthead .utilities .button:active{
    background-position: bottom left;
}
#masthead .utilities .button span { 
    display: block;
    padding-top: 0.33em;
} 
#country_container {
    position: absolute;
    top: 32px;
    right: 5px;
    z-index: 1000;
    display: none;
}
#country_container ul {
    padding: 5px 0 2.5px;
    margin: 0;
    border: 1px solid #adafb2;
    background: #cfd0d2;
    height: 175px;
    min-width: 72px;
    /*width: auto !important; */
    width: 73px;
    overflow: auto;
    list-style: none;
}
#country_container abbr { display:inline-block; width:18px;}
#screen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
}
#country_container li {
    display: inline;
    padding: 0;
    margin: 0;
    text-align: left;
}
#country_container a:link, #country_container a:active, #country_container a:visited {
    display: block;
    border-bottom: 1px solid #adafb2;
    margin: 5px 5px 0;
    padding-bottom: 5px;
    color: #fff;
    font-weight: bold;
    background: none;
    text-align: left;
}
#country_container a:hover {
    color: #e9e9e9;
}
#country_container #last_item a {
    border-bottom: none;
}
#country_container a img {
    margin: 0 0 -7px;
}

#main_nav{
    position:absolute;
    right:2em;
    top:70px;
    list-style:none;
    padding:0;
}
#main_nav>li{
    display:block;
    float:left;
    position:relative;
}
#main_nav>li>a:link, #main_nav>li>a:visited{
    display:block;
    float:left;
    font-size:1.1667em;
    font-weight:bold;
    margin-left:1px;
    /*background:url(images/cibavision.com/nav-main-bg.jpg) repeat-x 0 0;*/
    height:25px;
    line-height:25px;
    padding:0 0.5em;
    color:#fff;
}
#main_nav>li>a:hover, #main_nav>li>a:active, #main_nav>li.current>a{
    background-position:0 100%;
}
#main_nav ul{
    display:none;
    list-style:none;
    padding:0.6667em;
    /*background:#01aeef url(images/cibavision.com/nav-sub-bg.jpg) repeat-x 50% 0;*/
    position:absolute;
    top:25px;
    right:0;
    border:1px solid;
    border-top-color:#c5edfc;
    border-right-color:#67c1e4;
    border-bottom-color:#009cd6;
    border-left-color:#79d5f8;
    -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.35);
    width:10em;
}
#main_nav>li:hover ul{
    display:block;
}
#main_nav ul li{
    /*background:url(images/cibavision.com/nav-sub-divider.gif) repeat-x 50% 0;*/
    padding:0.5em 0 0;
    margin:0 0 0.25em;
    zoom:1;
}
#main_nav ul li:first-child{
    background:none;
    padding:0;
}
#main_nav ul a:link, #main_nav ul a:visited{
    color:#fff;
    display:block;
}
#main_nav ul a:hover, #main_nav ul a:active{
    background:none;
    color:#c5edfc;
}

#page{
    z-index:2;
    margin-top: 100px;
    /*background:url("spring_static/getfile?pictureType=EasyWeb&pictureName=content-mid.png") repeat-y 0 0;*/
}
#content{
    /*background:url("spring_static/getfile?pictureType=EasyWeb&pictureName=content-top.png") no-repeat 0 0;*/
    padding: 1.5em 2.5em 0;
    overflow-y: hidden ! important;
    overflow-x: auto ! important;
    position:relative;
    z-index:3;
}
#bottom-border {
    /*background: url(images/cibavision.com/bkg-border-bottom.gif) top left no-repeat;*/
    height: 51px;
    clear: both;
}
#main_content{
    width:665px;
    float:left;
    display: inline;
}
#main_content ul, #main_content ol{
    padding-left:1.6667em;
}
#main_content input[type="text"], #main_content textarea{
    font:1em/1 "Helvetica Neue", Arial, Helvetica, sans-serif;
    color:#adafb2;
    border:1px solid;
    padding:0.25em 0.5em;
    text-align:left;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
}
#main_content .alignleft{
    float:left;
    margin:0 0.5em 0.25em 0;
}
#main_content .alignright{
    float:right;
    margin:0 0 0.25em 0.5em;
}
#main_content .utilities{
    padding:0 0 0 1em;
    margin:0;
    list-style:none;
    float:right;
}
#main_content .utilities li{
    display:inline;
    border-style:none;
    background:none;
    padding:0;
}
#main_content .utilities li a{
    display:block;
    float:left;
    width:15px;
    height:20px;

    margin:0 0 0 0.5em;
}
.share a{
    padding:0px 20px 0px 0px;
}
.print a{
    /*background:url(images/cibavision.com/icon-print.gif) no-repeat 50% 50%;overflow:hidden;*/
    text-indent:-1000em;
}
.email a{
    /*background:url(images/cibavision.com/icon-email.gif) no-repeat 50% 50%;overflow:hidden;*/
    text-indent:-1000em;
}
#related_content{
    width:241px;
    float:right;
    display: inline;
    margin-top:-5px;
    /*position:absolute;*/
}
#related_content ul{
    list-style:none;
}
#related_content h3{
    color:#fff;
    background-color:#00aeef;
    padding:0.25em 0.5em;
    margin:0;
}
.accordion{

}
#related_content .accordion ul{
    list-style:none;
    padding:0;
    margin: 0;
}
.accordion h4{
    color:#575758;
    background-color:#c6ecf9;
    border-bottom:1px solid #94d9f5;
    padding:0.5em;
    margin:0;
    cursor:pointer;
}
.accordion ul li{
    margin:0;
}
.accordion ul li div{
    padding:0.5em 0.5em 0;
    height:125px;
    background-color:#e4f8ff;
    overflow:auto;
}
.accordion ul li div img{
    float:left;
    margin:0 0.5em 0 0;
}
#related_content li{
    margin:0;
    display: inline;
}
#related_content .nav li a:link, #related_content .nav li a:visited{
    display:block;
    color:#575758;
    background-color:#c6ecf9;
    border-bottom:1px solid #94d9f5;
    padding:0.5em;
    margin:0;
}
#related_content .nav li a:hover, #related_content .nav li a:active{
    background-color:#e4f8ff;
}
#related_content #which_lens{
    /*background:url(images/cibavision.com/banner-contactLens.jpg) no-repeat 50% 50%;*/
    border:4px solid #e4f8ff;
    margin:1.2em 0 1em;
    height:145px;
    position:relative;
    cursor:pointer;
}
#related_content #which_lens1{
    /*background:url(/images/cibavision.com/banner-contactLens1.jpg) no-repeat 0% 0%;*/
    border:4px solid #e4f8ff;
    margin:1em 0 1em;
    height:125px;
    position:relative;
    cursor:pointer;
}
#related_content #which_lens a:link, #related_content #which_lens a:visited{
    color:#fff;
    font-weight:bold;
    display:block;
    text-align:center;
    width:140px;
    position:absolute;
    top:101px;
    left:40px;
}
#related_content #which_lens a:hover, #related_content #which_lens a:active{
    background:none;
    color:#c5edfc;
}

#footer{
    /*background:transparent url("spring_static/getfile?pictureType=EasyWeb&pictureName=content-bottom.png") no-repeat 0 0;*/
    padding:335px 2em 1.5em;
    margin-top:-275px;
    color:#7f7f7f;
    z-index:1;
}
#footer a:link, #footer a:visited{
    color:#7f7f7f;
}
#footer #site_info{
    float:left;
    width: 530px;
}
#footer #site_info ul{
    list-style:none;
    margin:0 0 0.6667em;
}
#footer #site_info ul li{
    display:inline;
    margin-right:0.5em;
}
#footer #site_info ul li.bullet{
    /*background: url(images/cibavision.com/bullet.png) center right no-repeat;*/
    padding-right: 13px;
}
#footer #site_info ul li img{
    margin-bottom:-4px;
}
#footer form{
    margin-top:1em;
}
#footer form div {
    /*background: url(images/cibavision.com/bkg-sign-up-box.gif) 528px 23px no-repeat;*/
    padding-bottom: 1px;
}
#footer label{
    display:block;
    font-weight:bold;
    font-size:1.1667em;
    margin:0 0 0.3333em;
    color:#00aeef;
}
#footer input#email{
    font:1em/1 "Helvetica Neue", Arial, Helvetica, sans-serif;
    color:#adafb2;
    border: none;
    background: none;
    width:300px;
    padding:0.25em 1em;
    text-align:left;
}

/********************* HOME PAGE */
.home #page{
    /*background:url(images/cibavision.com/content-mid-home.png) repeat-y 0 0;*/
}
.home #content{
    /*background:url(images/cibavision.com/content-top-home.png) no-repeat 0 0;*/
}
.home #main_content{
    width:614px;
}
.ui-tabs-hide{
    display:none;
}
#hero{
    position:relative;
    margin:0 0 1.2em 0.4em;
    width:610px;
    height:275px;
}
#hero .nav{
    position:absolute;
    bottom:2em;
    left:1em;
    width:400px;
    height:10px;
}
#hero .nav li{
    display:inline;
}
#hero .nav li a:link, #hero .nav li a:visited{
    display:block;
    float:left;
    margin:0 0.5em 0 0;
    width:11px;
    height:10px;
    overflow:hidden;
    text-indent:-1000em;
    /*background:url(images/cibavision.com/but-hero-selector.png) no-repeat 0 0;*/
}
#hero .nav li a:hover, #hero .nav li a:active, #hero .nav li.ui-tabs-selected a, #hero .nav li.ui-state-active a{
    background-position:0 -10px;
}
#hero .slide .info {
    position:absolute;
    top:2em;
    left:2em;
    font:1.1667em/1 "Helvetica Neue", Arial, Helvetica, sans-serif;
    color:#545454;
    width:300px;
}
#hero .slide .info h2 {
    color:#00aeef;
    font-weight:normal;
}
#hero .slide .info p {
    width: 260px;
}
#hero .slide .info .button:link, #hero .slide .info .button:visited{
    color:#fff;
    background-color:#00aeef;
    border:1px solid #00aeef;
    display:block;
    padding:0.25em 0.5em;
    width:115px;
    font:bold 1em/1 "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-align:center;
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
}
#hero .slide .info .button:hover, #hero .slide .info .button:active{
    background-color:#c6ecf9;
    color:#575758;
}
#brands{
    position:relative;
    margin-left: 0.4em
}
#brands h3{
    color:#00aeef;
}
#brands .previous, #brands .next{
    position:absolute;
    top:55px;
    height:39px;
    width:30px;
    overflow:hidden;
    text-indent:-1000em;
    border-style:none;
    cursor:pointer;
}
#brands .previous{
    left:0;
    /*background:url(images/cibavision.com/but-brand-carousel-prev.gif) no-repeat 0 0;*/
}
#brands .next{
    right:0;
    /*background:url(images/cibavision.com/but-brand-carousel-next.gif) no-repeat 0 0;*/
}
#brands .previous:hover, #brands .next:hover, #brands .disabled {
    background-position:0 100%;
}
#brands .disabled {
    cursor: default;
}
#brands .carousel{
    width:540px !important;
    height:100px;
    margin-left:35px;
}
#brands ul{
    list-style:none;
    padding:0;
    margin:0;
    height:100px;
}
#brands ul li{
    display:inline;
    width:135px;
    height:100px;
}
#brands ul li a{
    display:block;
    float:left;
}
#brands ul li a img{
    display:block;
}
#features{
    clear:both;
    list-style:none;
    padding:0;
    margin: 0 0 0 0.4em;;
    color:#5f5f5f;
}
#features li{
    display:inline;
    float:left;
    width:290px;
    margin-bottom: 0;
    margin-left:24px;
}
#features li:first-child{
    margin-left:0;
}
#features li h4{
    color:#00aeef;
    margin:0 0 0.25em;
    font-size:1.1667em;
}
#features li img{
    border:4px solid #e4f8ff;
}
#features li p{
    margin:0 0 0.5em;
}
.home #related_content{
    width:290px;
}
.home #related_content #which_lens a{
    left:65px;
}
.home #footer{
    /*background-image:url(images/cibavision.com/content-bottom.png);*/
    padding-top:325px;
}

.home #footer2{
    /*background-image:url(images/cibavision.com/content-bottom-home.png);*/
    padding-top:315px;
}

/********************* 3 COL */
.three_col #main_content{
    width:445px;
}
#aside{
    float:left;
    width:185px;
    padding:0 2em 0 0;
}
#aside ul{
    list-style:none;
}
#aside h3{
    color:#fff;
    background-color:#00aeef;
    padding:0.25em 0.5em;
    margin:0;
}
#aside .nav li{
    margin:0;
}
#aside .nav li a:link, #aside .nav li a:visited{
    display:block;
    color:#575758;
    background-color:#c6ecf9;
    border-bottom:1px solid #94d9f5;
    padding:0.5em;
    margin:0;
}
#aside .nav li a:hover, #aside .nav li a:active{
    background-color:#e4f8ff;
}

.results{
}
.results .filters, .news .filters{
    background-color:#e4f8ff;
    border-bottom:1px solid #94d9f5;
    padding:0.5em;
    color:#575758;
    margin:0 0 1.5em;
}
.results .filters select{
    margin-right:0.5em;
}
#main_content.results ul{
    list-style:none;
    padding:0;
}
.results li{
    padding:0.25em;
    border:1px solid #f0f0f0;
}
.results li:nth-child(even){
    background-color:#f3f3f3;
}
.results li .date{
    font-size:0.8333em;
    line-height:1.75em;
    float:right;
    padding-left:1em;
}
.gallery li{
    padding:0;
    display:inline;
    border-style:none;
}
.gallery li a{
    display:block;
    float:left;
    margin:0 6px 6px 0;
}
.gallery li img{
    display:block;
}
/* Added by MindTree*/
#main_content.events ul{
    list-style:none;
    padding:0;
}
.events li{
    padding:0.25em;
    border:1px solid #f0f0f0;
}
.events li:nth-child(even){
    background-color:#f3f3f3;
}
.events li .date{
    font-size:0.8333em;
    line-height:1.75em;
    float:left;
    padding-left:1em;
    width:135px;
}

.news li .date { width:135px; }
.news li .fltlt { width: 500px; }
.news h3 { text-transform:capitalize;}
.detail h3 { margin-right:120px;}
.detail .date { float:right;}
.three_col .news { width:495px !important;}
.filters span { padding:0 5px 0 10px;}

/* Table for contact lenses by need / product page*/
table.product{border:1px solid #ccc;padding:10px;width:100%;margin:0px;margin-bottom:10px;}
table.product thead tr th {border:1px solid #ccc;border-left:0px;border-right:0px;
                           /*background:#01aeef url(images/cibavision.com/nav-sub-bg.jpg) repeat-x 50% 0;*/
                           padding:5px;color:#fff;font-size:1em;}
table.product tbody tr td {border:1px solid #ccc;border-left:0px;border-right:0px;padding:5px;vertical-align:middle;}

/* Superscript style */
sup{font-size:0.9em;vertical-align:top;}

/* For Print */
.printtemplate{display: none;border:1px solid #333;background-color:#fff;padding:20px;width:661px;height:400px;overflow:auto;}
.closebtn{float:right;position:fixed;margin-left:620px;}
.clrboth{ clear:both; }
.fltlft{ float:left; }
.links li{ 
    list-style-image:url(images/cibavision.com/list_arrow.gif); 
}

.pdl5 { padding-right:5px;} 
ol li .pdl15 { padding-left:15px;} 
.worldlink {float:left;width:220px;}
.fltclt { clear:both} 
.pdbtm50 { padding-bottom:30px;}
.rotateimage {float:left; width:110px; padding-left:10px;}
.eventfltrt {float:right; width:525px;}
.flt125 {float:left; width:125px;}
.overviewfltrt { float:left; width:540px}
.fltlt { float:left; width:auto}
.fltrt { float:left; width:505px}
.frt125 {float:right; width:125px;}
.lt{ float:left}
p.note { font-size:88%; }

/* Style for back to top */
.backtotopcontainerdiv { margin-bottom:15px;position:relative;height:15px; padding-top:2px;}
.backtotopdiv {left:0px;position:absolute; 
               /*background:transparent url(images/cibavision.com/up_arrow.gif) no-repeat scroll 0 0;*/
               height:15px; width:100%; cursor:pointer;}

a.uparrow:link, a.uparrow:visited{
    color:#00aeef;
    text-decoration:none;
}
a.uparrow:hover, a.uparrow:active{
    background-color:#fff;
    border:0px solid red;
}
.legal li { margin-left:30px;}

.careerimg {float:right}

/* Style for LayerBox - used for privacy policy ...*/
#contentContainer { display:none; position:absolute; width:650px; height:600px; background-color:#fff; top:50px; left:50px; z-index:10; }
#shdw-1, #shdw-2, #shdw-3, #shdw-4, #shdw-5, #shdw-6 { background-color:#000; display:block; height:600px; opacity:0.1; position:absolute;  width:650px; z-index:9; _display:none; }
#shdw-1 { top:1px; left:1px;}
#shdw-2 { top:2px; left:2px;}
#shdw-3 { top:3px; left:3px;}
#shdw-4 { top:4px; left:4px;}
#shdw-5 { top:5px; left:5px;}
#shdw-6 { top:6px; left:6px;}
#contentBox { height:565px;padding:8px; position:relative; background-color:#fff; z-index:10; border:9px solid #729FDC; }
#contentBox .content { height:510px;}

#emailContainer { display:none; position:absolute; width:400px; height:200px; background-color:#fff; top:50px; left:50px; z-index:10; }
#shdw-1, #shdw-2, #shdw-3, #shdw-4, #shdw-5, #shdw-6 { background-color:#000; display:block; height:200px; opacity:0.1; position:absolute;  width:400px; z-index:9; _display:none; }
#shdw-1 { top:1px; left:1px;}
#shdw-2 { top:2px; left:2px;}
#shdw-3 { top:3px; left:3px;}
#shdw-4 { top:4px; left:4px;}
#shdw-5 { top:5px; left:5px;}
#shdw-6 { top:6px; left:6px;}
#emailContainer #contentBox { height:165px;padding:8px; position:relative; background-color:#fff; z-index:10; border:9px solid #729FDC; }
#emailContainer #contentBox .content { /*overflow-y:auto;*/ height:110px;}

/*optimized styles for pop-up layer */
#ciba-widget { display:none; background-color:#fff; position:absolute; z-index:10; }
#ciba-widget #ciba-dialog {  background-color:#fff; border:9px solid #729FDC; padding:8px; position:relative; z-index:10; }
/*eof pop-layer styles */

#aside ul { padding:0 0.4em 1em 0;}
#aside ul li { list-style:none; margin:0 0 .8em; line-height:1.1em; height:1%;}
#aside ul ul { padding:0.2em 0 0 1em; margin:0; border:none;}
#aside ul.nav ul li { margin:1px 0 1px; 
                      /*background:transparent url(images/cibavision.com/list_arrow.gif) no-repeat scroll 0 50%;*/
                      padding:0 0 0 12px;}
.faq#main_content { width: 501px; }
/*.faq .backtotopcontainerdiv {width:512px;} */
.copyright{font-size:0.9em;;}

.gsc-tabHeader {display:none;}
.gsc-tabhActive{display:none;}
#staticcontent{position:absolute;width:241px;}

/*Flash Overlay */
div.site_overlay{
    position: absolute;
    left: 0; top: 0;
    /*background-image: url(images/cibavision.com/contentPattern.png);*/
    width: 100%; height: 100%;
    z-index: 200;
    overflow: hidden;
}

.lyrRel{
    width: 100%;
    height: 100%;
    position: relative;
}

#tv-ads-overlay{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 500;
    width: 665px;
    height: 370px;
    visibility: hidden;
}

#closeBtn, #closeBtnBG{
    width: 31px;
    height: 31px;
    position: absolute;
    left: 670px;
    top: -13px;
    cursor:pointer;
}

#closeBtn{
    z-index: 511;
}

#closeBtnBG{
    /*background: url(images/cibavision.com/btn-close-blue.png) no-repeat 0px 0px;*/
    z-index: 510;
}