/* CSS Document */

body{margin:0; padding:0;background:#0054A6;}

div, img, p, a, b, ul, form, select, input, label, textarea, h1, h2, h3, h4, span, form,br{padding:0; margin:0;}

img{ border:none;}

a{ text-decoration:none; outline:none;}

ul{list-style-type:none;}

.spacer{font-size:0; line-height:0; clear:both;}







h2{font:bold 15px/25px Verdana, Arial, Helvetica, sans-serif; color:#000; margin-left:8px; margin-bottom:8px;}

h3{font:bold 15px/16px Verdana, Arial, Helvetica, sans-serif; color:#000; margin-left:8px;}

h4{font:bold 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#003366; margin-left:8px; text-align:left;}

.blue{color:#10518C;}

h5{font:bold 12px/12px Verdana, Arial, Helvetica, sans-serif; color:#003366; margin:0 0 7px 8px; text-align:left;}

h5.branDing{font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif; color:#000;text-align:left; margin:4px 0 0 8px;}

.news{font:bold 12px/25px Verdana, Arial, Helvetica, sans-serif; color:#FFF; margin:0 0 0 8px;}

.newsItem{font:bold 12px/25px Verdana, Arial, Helvetica, sans-serif; color:#003366; margin:0 0 0 8px;}

/*-----Top right navigation---------------*/

.navTopleftbg{background:url(../images/search-left-img.gif) no-repeat; background-position:center;}

.navToprightbg{background:url(../images/search-right-img.gif) no-repeat; background-position:center;}

.navTopbg{background:url(../images/search-bg-img.gif) repeat-x; background-position:center;}

/*---header link---*/

.inputField{

border:1px groove #99CD00;

font:normal 11px/13px Verdana,Arial, Helvetica, sans-serif; color: #000;

margin:0 10px 0 0;

text-align:left;

width:150px; 

height:13px;

}

.inputSex{

font:normal 11px/13px Verdana,Arial, Helvetica, sans-serif; 

color:#000;

margin:0 0 0 7px;

text-align:left;

width:90px; 

height:13px;

}



/*----------------*/



.headerLink{

font:normal 10px/30px Verdana, Arial, Helvetica, sans-serif;

color:#FFF;

height:30px;

}

.headerLink a{

color:#FFF;

}

.headerLink a:hover{

color:#FFF;

}

/*----------------*/





/*------------For left link------------------*/

.navBgtop{/*background:url(../images/nav-top-bg.gif) no-repeat;background-position:bottom;*/}

.navBgbottom{/*background:url(../images/nav-bottom-bg.gif) no-repeat;background-position:top;*/}



div#leftPannel{

	width:178px;

	padding:5px 0 5px 0; margin:0;

	}

	div#leftPannel a.leftLinkPlus{

	display:block;

	width:143px;

/*	height:30px;

*/	height:26px;

	padding-left:35px;

/*	font:bold 11px/30px Verdana, Arial, Helvetica, sans-serif;

*/	font:bold 11px/26px Verdana, Arial, Helvetica, sans-serif;

	color:#000;

/*	background:url(../images/plus-sign.gif) 10px 8px no-repeat #fdb813;

*/	background:url(../images/plus-sign.gif) 10px 6px no-repeat #B1B1B1;

	border-bottom:1px solid #fff;

	}

div#leftPannel a.leftLinkMinus{

	display:block;

	width:143px;

	/*height:30px;*/

	height:26px;

	padding-left:35px;

	/*font:bold 11px/30px Verdana, Arial, Helvetica, sans-serif;*/

	font:bold 11px/26px Verdana, Arial, Helvetica, sans-serif;

	color:#fff;

	/*background:url(../images/minus-sign.gif) 10px 8px no-repeat #eb9500;*/

	background:url(../images/minus-sign.gif) 16px 13px no-repeat #0054A6;

	border-bottom:1px solid #fff;

	}

div#leftPannel a:hover{

	background-color:#0054A6;

	color:#FFF;

	}

ul.LeftSubLink{

	width:143px;

	font:normal 10px/22px Verdana, Arial, Helvetica, sans-serif;

	display:none;

	}

ul.LeftSubLink li{

	border-bottom:1px solid #fff;

	}

ul.LeftSubLink li a{

	display:block;

	width:143px;

	height:22px;

	padding-left:35px;

	color:#000;

	background-color:#CACACA;

	}

ul.LeftSubLink li a:hover{

	background-color:#9F9F9F !important;

	color:#FFF!important;

	}

	

/*-------index page banner------------------*/

img.indexBanner{padding:14px 0 0 0;}

/*---------------main body part------------*/

.bodyHeaderbg{background:url(../images/top-bg.gif) no-repeat;width:970px;height:10px;background-position:bottom;padding-top:5px;}

.bodyFooterbg{background:url(../images/bottom-bg.gif) no-repeat;width:970px;height:10px;background-position:top;}

.bodybg{background:url(../images/body-bg.gif) repeat-y;}

/*--------------------------*/



/*-----------Inner main body content of index page---------------*/

.innerBodytop{/*background:url(../images/inner-body-top-bg.gif) no-repeat;background-position:bottom;*/}

.innerBodybottom{/*background:url(../images/inner-body-bottom-bg.gif) no-repeat;background-position:top;*/}

img.heading{padding:8px 0 8px 8px;}





p{

font-family:Arial, Helvetica, sans-serif;

/*font-size:1.7ex;*/

font-size:13px;

line-height:16px;

color:#333;

text-align:

justify;margin:0 8px 8px 8px;

}

p.lens{background:url(../images/bullet.gif) 1px 5px no-repeat;padding:0 0 0 10px;}

p.lens1{background:url(../images/bullet.gif) 1px 5px no-repeat;padding:0 0 0 10px;}

p a, p.lens1 a{font:bold 9px/11px Verdana, Arial, Helvetica, sans-serif; color:#000;}

p a:hover, p.lens1 a:hover{font:bold 9px/11px Verdana, Arial, Helvetica, sans-serif; color:#0054a6;}





p.sportVision a, p.sportVision a:hover{

font:bold 12px/18px Verdana, Arial, Helvetica, sans-serif;

color:#003399;

}

/*-------------------------*/

/*---------Body sub link-------------*/

.bodySublink{font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;color:#000;height:30px;}

.bodySublink a{color:#000;}

.bodySublink a:hover{color:#FF0000;}



/*-------Right side small banner in index page------*/

img.gap{padding:0 0 12px 0;}

/*-------Right side small banner in lens page------*/

img.gap1{padding:0 0 9px 0;}

/*-------gape for logo------*/

img.gap2{padding:4px 0 0 0;}

/*-------gape for index------*/

img.gap3{padding:12px 0 0 0;}



img.orthoptics{padding:0 0 10px 0;}

/*-------gape for eye&vision------*/

img.ev{margin:0 12px 0 0;}

/*categories page store locater*/

/*-----Eye care camp-----*/

img.corEye{

margin:0 10px 0 0;

}



/*--------For Footer Element---------------------------*/

.footerImg{margin:0 auto;width:940px;height:70px;background:url(../images/footer-bg.jpg) no-repeat;margin-bottom:5px;}

.footerLink{font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;color:#A2A2A2;height:16px;padding-left:10px;text-align:left;}

.footerLink a{color:#8A8E92;margin-left:2px;}

.footerLink a:hover{color:#BAC3CD;margin-left:2px;}

/*---footer link---*/



/*-----For Store Locator-----*/

.sLocaterMain{

background:#EEECD1;

}



.sLocaterMain p{

font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;

background:url(../images/bullet.gif) 1px 7px no-repeat;

padding:0 0 0 10px;

}

.sLocaterMain p b{

color:#003399;

}

.sLocaterMain p b.orange, b.orange{

color:#E97307;

}

.sLocater{font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;}

.sLocater a{background:url(../images/bullet.gif) 1px 4px no-repeat; padding:0 0 0 10px; color:#666;}

.sLocater a:hover{color:#000;}

/*------------------------------*/

.sLocator ul{

font:normal 13px/16px Verdana, Arial, Helvetica, sans-serif;

color:#000;

}

.sLocator ul li{

text-align:center;

background:#DEDBB3;

width:235px;

height:99px;

float:left;

display:block;

border:1px dotted #597693;

margin:2px; 

}

.sLocator ul li h2{

font:bold 15px/25px Arial, Helvetica, sans-serif;

color:#9b6612;

margin:5px 0 0 0

}

.sLocator ul li.box{

background:#cfcb9b;

width:235px;

height:99px;

float:left;

display:block;

border:1px solid #666;

margin:2px; 

}

.sLocator ul li.box h2{

font:bold 15px/25px Arial, Helvetica, sans-serif;

color:#9b6612;

margin:5px 0 0 0

}

/*--------------------------------------*/

/*-----Use the part for lightbox image------*/

#lightbox{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ top: 5px; right: 5px; }



#lightbox img{ border: none; clear: both;} 

#overlay img{ border: none; }



#overlay{ background-image:url(../images/overlay.png);

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

 }



* html #overlay{

/*	background-color: #333;

	back\ground-color: transparent;

	background-image:url(../images/blank.gif);

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");

*/	}



/*-----------End of light box code---------*/

/*-------Use in every product swction --------------*/

.product{font:normal 11px/18px Arial, Helvetica, sans-serif;

color:#000;}



/*----------------------------------------*/

/*-----------For feedback form-----------*/

.formtext{

font:normal 12px/25px Verdana, Arial, Helvetica, sans-serif;

color:#000;

padding-left:6px;

}

.inputField {

margin-left:6px;

font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;

border: 1px solid #666;

width:150px; height:14px;

background-color:#ffffff;

}

.inputField1{

margin-left:6px;

font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;

border:1px solid #666;

width:200px; height:50px;

background-color:#ffffff;

}

.button1{

margin-left:5px;

margin-top:3px;

font:normal 11px/10px Verdana, Arial, Helvetica, sans-serif;

color:#FFF;

border:1px groove #666;

width:55px; height:20px;

background-color:#006699;

}

.buttonreset{

margin-left:5px;

margin-top:3px;

font:normal 11px/10px Verdana, Arial, Helvetica, sans-serif;

color:#FFF;

border:1px groove #666;

width:55px; height:20px;

background-color:#FF0000;

}



/*--------------------------------------*/

/*----For search result-----*/

.searchText{

font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;

color:#000;

margin:0 0 0 6px;

padding:15px 0 0 0;

}

.searchText a{background:url(../images/bullet.gif) 1px 4px no-repeat; padding:0 0 0 10px; color:#666; font-weight:bold;}

.searchText a:hover{background:url(../images/bullet.gif) 1px 4px no-repeat; padding:0 0 0 10px; color:#000; font-weight:bold;}

/*------------------------*/

h3{font:bold 12px/15px Verdana, Arial, Helvetica, sans-serif;

color:#333;

}

h3 a{

color:#333;

font-size:10px;

line-height:15px;

}

h3 a:hover{

background-color:#0066CC;

padding:2px;

font-size:10px;

line-height:15px;

color:#FFF;

}

/*-----For Fun Section-----*/

.fun1 p{

font:normal 12px/14px Arial, Helvetica, sans-serif;

color:#666;

text-align:center;

margin:5px 0 ;

}

/*-----Asteric for eye spa session-----*/

.red{

font:normal 12px/12px Arial, Helvetica, sans-serif;

color:#FF0000;

}

.darkBlue{

font:normal 11px/13px Arial, Helvetica, sans-serif;

color:#003366;

}

.darkBlue1{

font:normal 11px/11px Arial, Helvetica, sans-serif;

color:#003366;

text-align:justify;

}



/*-----All brand logo-----*/

.brandLogo ul li{

width:178px;

height:60px;

display:block;

float:left;

margin:0 6px 6px 0;

}

.brandLogo ul li.noMargin{

margin:0 0 0 0;

}



/*-----Sitemap-----*/

.siteMap h2{

font:bold 11px/16px Arial, Helvetica, sans-serif;

color:#003366;

text-align:left;

}

.siteMap h2 a, .siteMap h2 a:hover{

color:#003366;

}



.siteMap h2.sub, .siteMap h2.sub a, .siteMap h2.sub a:hover{

color:#993300;

}

.siteMap h2.sub1{

font-weight:normal;

padding:0 0 0 0;

}

.siteMap h2.sub1 a, .siteMap h2.sub1 a:hover{

color:#003366;

}

.scroller a, .scroller a:hover{

font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;

color:#000;

}

.scrollerBig a, .scrollerBig a:hover{

font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;

color:#000;

font-weight:bold;

padding:0 5px 0 5px;

}

#Layer2 { position:absolute;

left:280px;

top:170px;

width:361px;

height:360px;

z-index:2;

}





table.productGallery tr td{

font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;

color:#333;

text-align:justify;

}



table.pGal{

font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;

color:#333;

text-align:left;

margin:5px auto;

}

table.pGal tr td.prodGal{

width:194px;

padding:2px;

margin:0;

background:#eaeaea;

-moz-border-radius:5px;

border-radius:5px;

}

table.pGal tr td p.item{

width:auto;

margin:0 0 5px 0;

background:#eaeaea;

border:1px solid #CCC;

font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;

text-align:left;

}

table.dIv tr td{

font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;

text-align:center;

}

tr.type1 td{

font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;

text-align:center;

/*background:#96def9;*/

color:#FFF;

background:#0054a6;

border:1px solid #0054a6;

}

tr.type1 td.sortcol {

cursor: pointer;

}



tr.type1 td.sortasc, tr.type1 td.seleCt {

background:url(../images/up.gif) 95% 50% no-repeat;

/*background-color:#0054a6;*/

background-color:#00aaec;

color:#FFF;

text-align:center;

}

tr.type1 td.sortdesc {

background:url(../images/down.gif) 95% 50% no-repeat;

/*background-color:#B9DDFF;*/

background-color:#007dc5;

text-align:center;

}

tr.type1 td.nosort {

cursor: default;

}









tr.type2 td.one{width:80px; background:#dce8ed;border:1px solid #FFF;text-align:center;}

tr.type2 td.one img{margin:4px; border:1px solid #999;}



tr.type2 td.two{width:155px; background:#dce8ed;border:1px solid #FFF;text-align:center;}



tr.type2 td.three{width:150px; background:#dce8ed;border:1px solid #FFF;text-align:center;}



tr.type2 td.four{width:155px; background:#dce8ed;border:1px solid #FFF;text-align:center;}



tr.type2 td.five{width:95px; background:#dce8ed;border:1px solid #FFF;text-align:center;}



tr.type2 td.six{width:55px; background:#dce8ed;border:1px solid #FFF;text-align:center;}

	tr.type2 td.six a{

	color:#666;

	text-decoration:none;

	}

	tr.type2 td.six a:hover{

	color:#333;

	text-decoration:underline;

	}





tr.type2 td.seven{width:45px; background:#dce8ed;border:1px solid #FFF;text-align:center;}







/*-----News item-----*/

table.neWst tr td.typ1{

width:107px;

height:24px;

}

table.neWst tr td.typ2{

width:14px;

}



table.neWst tr td.typ1 a{

width:107px;

height:24px;

background:url(../images/news.gif) 0 0 no-repeat;

font:bold 12px/24px Tahoma, Verdana, "Trebuchet MS", Arial;

display:block;

color:#5f5f5f;

text-align:center;

}

table.neWst tr td.typ1 a:hover{

width:107px;

height:24px;

background:url(../images/news-hover.gif) 0 0 no-repeat;

font:bold 12px/24px Tahoma, Verdana, "Trebuchet MS", Arial;

display:block;

color:#FFF;

text-align:center;

}

/*-----Download Item-----*/

/*table.dLoad{

font:normal 11px/24px Tahoma, Verdana, "Trebuchet MS", Arial;

text-align:left;

color:#333;

}

table.dLoad tr td.r1{

width:596;

height:24px;

background:url(../images/news-bar1.gif) 0 0 no-repeat;

display:block;

padding-left:10px;

font:bold 11px/24px Tahoma, Verdana, "Trebuchet MS", Arial;

color:#FFF;

text-align:left;

}

table.dLoad tr td.r2{

width:100;

height:24px;

background:url(../images/news-bar2.gif) 0 0 no-repeat;

display:block;

font:bold 11px/24px Tahoma, Verdana, "Trebuchet MS", Arial;

color:#FFF;

text-align:center;

}

table.dLoad tr td.r3{

width:596;

height:14px;

padding-left:10px;

font:bold 11px/14px Tahoma, Verdana, "Trebuchet MS", Arial;

color:#000;

text-align:left;

margin-top:10px;

}

table.dLoad tr td.r4{

width:100;

height:14px;

display:block;

font:bold 11px/14px Tahoma, Verdana, "Trebuchet MS", Arial;

color:#000;

text-align:center;

margin-top:6px;

}*/





/*-----Download Item-----*/

table.dLoad{

font:normal 11px/24px Tahoma, Verdana, "Trebuchet MS", Arial;

color:#333;

}

table.dLoad tr td.r1{

background:#0054a6;

font-weight:bold;

text-align:center;

color:#FFF;

border-right:1px solid #eeecd1;

}

table.dLoad tr td.r2{

background:#0054a6;

font-weight:bold;

text-align:center;

color:#FFF;

border-right:1px solid #eeecd1;

}

table.dLoad tr td.r3{

background:#0054a6;

font-weight:bold;

text-align:center;

color:#FFF;

}

table.dLoad tr td.r4{

background:#002b64;

font-weight:bold;

text-align:center;

color:#FFF;

border-left:1px solid #eeecd1;

}

table.dLoad tr td.r5{

color:#000;

padding-left:15px;

}



table.dLoad tr td.r6{

color:#000;

padding-left:20px;

text-align:left;

}