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

#mainMenu {padding:36px 0 0 290px;}
#mainMenu li, #mainMenu a, .ddsubmenustyle li, .ddsubmenustyle li li {display:block;}
#mainMenu a {background-image:url(../images/menumain.png); background-repeat:no-repeat;}
#mainMenu li, .ddsubmenustyle li {float:left;}
#mainMenu li {padding-right:2px;}
.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.png) top left no-repeat; border:none;}
.ddsubmenustyle .menuSubRight {width:15px; height:23px; background:url(../images/menuSubRight.png) top left no-repeat; border:none;}

/* Menu First Level*/
#menuHome {width:55px; height:30px; background-position:0 0;}
#menuProduct {width:65px; height:30px; background-position:-58px 0;}
#menuNews {width:110px; height:30px; background-position:-125px 0;}
#menuTrial {width:40px; height:30px; background-position:-238px 0;}
#menuAsk {width:40px; height:30px; background-position:-280px 0;}
#menuContact {width:80px; height:30px; background-position:-323px 0;}

/* Menu First Level Hover */
a:hover#menuHome {background-position:0 -30px;}
a:hover#menuProduct {background-position:-58px -30px;}
a:hover#menuNews {background-position:-125px -30px;}
a:hover#menuTrial {background-position:-238px -30px;}
a:hover#menuAsk {background-position:-280px -30px;}
a:hover#menuContact {background-position:-323px -30px;}

/* Menu Second Level */
.ddsubmenustyle a {background-image:url(../images/menuSub.gif); background-repeat:no-repeat;}

#menuSubContactLens {background-position:0 0; width:80px; height:21px;}
#menuSubLenscare {background-position:-80px 0; width:60px; height:21px;}
#menuSubTone {background-position:-800px 0; width:63px; height:21px;}
#menuSubTtwo {background-position:-700px 0; width:85px; 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-position:0 -20px;}
a:hover#menuSubLenscare {background-position:-80px -20px;}
a:hover#menuSubTone {background-position:-800px -20px;}
a:hover#menuSubTtwo {background-position:-700px -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-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-position:-259px -20px;}
a:hover#menuSubSdda {background-position:-390px -20px;}
a:hover#menuSubRenu {background-position:-610px -20px;}