@charset "utf-8";
/* CSS Document */

#mainMenu {padding:30px 0 0 400px;}
#mainMenu li, #mainMenu a, .ddsubmenustyle li, .ddsubmenustyle li li {display:block;}
#mainMenu a {background-image:url(../images/menumain.gif); background-repeat:no-repeat;}
#mainMenu li, .ddsubmenustyle li {float:left;}
.ddsubmenustyle li {border:1px solid #a4cde8; border-left:none; border-right:none;}
#contactLensSub {width:361px!important; margin:20px 0 0 -60px;}
#lenscareSub {width:150px!important; margin:20px 0 0 60px;}
#mainMenu a span, .ddsubmenustyle li a span {display:none;}
.ddsubmenustyle .menuSubLeft {width:15px; height:23px; background:url(../images/menuSubLeft.gif) top left no-repeat; border:none;}
.ddsubmenustyle .menuSubRight {width:15px; height:23px; background:url(../images/menuSubRight.gif) top left no-repeat; border:none;}

/* Menu First Level 
#menuHome {width:70px; height:26px; background:url(../images/menuHome.gif) top left no-repeat;}
#menuProduct {width:75px; height:26px; background:url(../images/menuProduct.gif) top left no-repeat;}
#menuAsk {width:50px; height:26px; background:url(../images/menuAsk.gif) top left no-repeat;}
#menuTrial {width:110px; height:26px; background:url(../images/menuTrial.gif) top left no-repeat;}
#menuPR {width:115px; height:26px; background:url(../images/menuPR.gif) top left no-repeat;}
#menuContact {width:90px; height:26px; background:url(../images/menuContactUs.gif) top left no-repeat;}*/

#menuHome {width:70px; height:26px; background-position:0 0;}
#menuProduct {width:75px; height:26px; background-position:-70px 0;}
#menuAsk {width:50px; height:26px; background-position:-145px 0;}
#menuTrial {width:110px; height:26px; background-position:-195px 0;}
#menuPR {width:115px; height:26px; background-position:-305px 0;}
#menuContact {width:90px; height:26px; background-position:-420px 0;}

/* Menu First Level Hover 
a:hover#menuHome {background:url(../images/menuHomeOver.gif) top left no-repeat;}
a:hover#menuProduct {background:url(../images/menuProductOver.gif) top left no-repeat;}
a:hover#menuAsk {background:url(../images/menuAskOver.gif) top left no-repeat;}
a:hover#menuTrial {background:url(../images/menuTrialOver.gif) top left no-repeat;}
a:hover#menuPR {background:url(../images/menuPROver.gif) top left no-repeat;}
a:hover#menuContact {background:url(../images/menuContactUsOver.gif) top left no-repeat;}*/

a:hover#menuHome {background-position:0 -30px;}
a:hover#menuProduct {background-position:-70px -30px;}
a:hover#menuAsk {background-position:-145px -30px;}
a:hover#menuTrial {background-position:-195px -30px;}
a:hover#menuPR {background-position:-305px -30px;}
a:hover#menuContact {background-position:-420px -30px;}

/* Menu Second Level */
.ddsubmenustyle a {background-image:url(../images/menuSub.gif); background-repeat:no-repeat;}
/*
#menuSubContactLens {background:url(../images/menuSubContactLens.gif) top left no-repeat; width:80px; height:21px;}
#menuSubRenu {background:url(../images/menuSubRenu.gif) top left no-repeat; width:30px; height:21px;}
#menuSubEyeCare {background:url(../images/menuSubEyeCare.gif) top left no-repeat; width:70px; height:21px;}
#menuSubLenscare {background:url(../images/menuSubLensCare.gif) top left no-repeat; width:60px; height:21px;}
#menuSubFaq {background:url(../images/menuSubFaq.gif) top left no-repeat; width:40px; height:21px;}
#menuSubPr1 {background:url(../images/menuSubPr1.gif) top left no-repeat; width:95px; height:21px;}
*/
#menuSubContactLens {background-position:0 0; width:80px; height:21px;}
#menuSubLenscare {background-position:-80px 0; width:60px; height:21px;}
#menuSubEyeCare {background-position:-140px 0; width:70px; height:21px;}
#menuSubFaq {background-position:-210px 0; width:40px; height:21px;}
#menuSubPr1 {background:url(../images/menuSubPr1.gif) top left no-repeat; width:95px; height:21px;}

/* Menu Second Level hover */
/*
a:hover#menuSubContactLens {background:url(../images/menuSubContactLensOver.gif) top left no-repeat;}
a:hover#menuSubEyeCare {background:url(../images/menuSubEyeCareOver.gif) top left no-repeat;}
a:hover#menuSubLenscare {background:url(../images/menuSubLensCareOver.gif) top left no-repeat;}
a:hover#menuSubFaq {background:url(../images/menuSubFaqOver.gif) top left no-repeat;}
*/
a:hover#menuSubContactLens {background-position:0 -20px;}
a:hover#menuSubLenscare {background-position:-80px -20px;}
a:hover#menuSubEyeCare {background-position:-140px -20px;}
a:hover#menuSubFaq {background-position:-210px -20px;}
a:hover#menuSubPr1 {background-position:0 -20px;}

/* Menu Third Level */
/*
#menuSubSdd {background:url(../images/menuSubSdd.gif) top left no-repeat; width:140px; height:21px;}
#menuSubSdda {background:url(../images/menuSubSdda.gif) top left no-repeat; width:230px; height:21px;}
#menuSubRenu {background-position:0 -80px; width:30px; height:21px;}
#menuSubPr1 {background:url(../images/menuSubPr1.gif) top left no-repeat; width:95px; height:21px;}
*/
#menuSubSdd {background-position:-259px 0; width:121px; height:21px;}
#menuSubSdda {background-position:-390px 0; width:210px; height:21px;}
#menuSubRenu {background-position:-610px 0; width:30px; height:21px;}

/* Menu Third Level Hover */
/*
a:hover#menuSubSdd {background:url(../images/menuSubSddOver.gif) top left no-repeat;}
a:hover#menuSubSdda {background:url(../images/menuSubSddaOver.gif) top left no-repeat;}
a:hover#menuSubRenu {background:url(../images/menuSubRenuOver.gif) top left no-repeat;}
a:hover#menuSubPr1 {background:url(../images/menuSubPr1Over.gif) top left no-repeat;}
*/
a:hover#menuSubSdd {background-position:-259px -20px;}
a:hover#menuSubSdda {background-position:-390px -20px;}
a:hover#menuSubRenu {background-position:-610px -20px;}