﻿html,body{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
body{font: 12px arial,sans-serif; background-image:url(../images/bg_main.gif); background-repeat:repeat; background-color:#e0e0e0; color:#333333;}
p {font: 12px arial,sans-serif;}

a:link {color:#000000; text-decoration:none}
a:visited {color:#000000; text-decoration:none}
a:hover {color:#00009a; text-decoration:none}
a:active {color:#00009a; text-decoration:none}

h2{margin:0px 0px 19px 0px; font-size:14px}

/* Header */
div#header{height:136px; width:957px; margin:0 auto; padding-top:0px; background-color: #002da5;color: #ffffff; background-image:url(../images/bg_header.jpg); background-repeat:no-repeat;}
div#headerLogoWrapper {float:left; width:219px; height:114px; padding:18px 0px 0px 16px}
div#headerLogoWrapper img {border:0px}
div#headerTopNavWrapper {width:523px; height:49px;float:right;}
a.headerTopNavWrapper:link {color:#ffffff; text-decoration:none}
a.headerTopNavWrapper:visited {color:#ffffff; text-decoration:none}
a.headerTopNavWrapper:hover {color:#ffff00; text-decoration:none}
a.headerTopNavWrapper:active {color:#ffff00; text-decoration:none}
div#headerTopNav { height:53px; width:360px; float:left; text-align:right; font-weight:bolder; font-size:10px}
div#headerTopNav ul {list-style: none; padding: 0; margin: 0; height:13px; text-align:right;} 
div#headerTopNav li {float: left; color:#ffffff; height:11px;} 
div#headerTopNav ul li a{padding:10px 6px 0px 6px; color: #FFFFFF; text-decoration: none;	float: left; border-right: 1px solid #ffffff;}
div#headerTopNav ul li a:hover{color: #FFFF00; text-decoration: none;}
div#headerEmail {width:85px; height:43px; color:White; float:left; font-weight:bolder; font-size:10px; padding-top:10px;}
div#headerEmailInput {width:128px; height:46px; color:White; float:left; padding-top:7px;}
div#headerEmailButton {width:25px; height:45px; color:White; float:left; padding-top:8px;}
div#headerWelcome {width:703px; height:31px; float:right}
div#headerMainNav {width:703px; height:22px; float:right; font-weight:bold; font-family:arial; font-size:12px;}
div#headerMainNav ul {list-style: none; padding: 0; margin: 0; height:18px; text-align:right;} 
div#headerMainNav li {float: left; color:#ffffff; height:18px; padding:4px 13px 0px 13px; border-right: 1px solid #ffffff;} 
div#headerMainNav ul li a{color: #ffff00; text-decoration: none;}
div#headerMainNav ul li a:hover{color: #ffffff; text-decoration: none;}
div#topShadow{width:988px; height:136px; padding-top:10px; background-image:url(../images/header_shadow_bg.gif); background-repeat:no-repeat; text-align:center;}

/* wrapper */
div#wrapper{margin:0 auto; width:957px;}

/* Containing div */
div#container{text-align:left; width:988px; margin:0 auto;}

/* Inside left nav */
div#leftNavWrapper{width:186px; min-height:254px; float:left; padding:30px 0px 0px 34px; background-image:url(../images/bg_leftnav_top.gif); background-repeat:no-repeat; background-position:top; text-align:left}
* html div#leftNavWrapper{height:254px;}
.navDivide{height:2px; padding:0px; margin:0px; border:0px;}
.navBtn img{height:24px; padding:0px; margin:0px; border:0px;}

/* Content */
div#contentShadow{width:988px; background-image:url(../images/shadow.gif); background-repeat:repeat-y; text-align:center;}
div#content{width:957px; min-height:321px; background-color:#a8bdd2; margin:0px; padding:0px; background-image:url(../images/bg_topbar.jpg); background-repeat:no-repeat; background-position:top}
div#contentAlt{width:957px; min-height:321px; background-color:#ffffff; margin:0px; padding:0px; background-image:url(../images/bg_alt_topbar.jpg); background-repeat:no-repeat; background-position:top}
div#contentShoe{width:957px; min-height:255px; background-color:#ffffff; margin:0px; padding:0px; background-image:url(../images/bg_alt_topbar.jpg); background-repeat:no-repeat; background-position:top}
div#contentInnerNavWrapper{width:737px; min-height:321px; text-align:left;  float:left; background-color:#f8f9fb ;background-image:url(/images/bg_inner_content.gif); background-repeat:repeat-x; margin:0px; padding:0px;}
div#contentInnerNavWrapperEnv{width:737px; min-height:321px; text-align:left;  float:left; background-color:#3a851f ;background-image:url(../images/bg_environment.gif); background-repeat:repeat-x; margin:0px; padding:0px;}
div#contentInnerNav{width:737px; background-color:#f8f9fb;background-image:url(../images/bg_inner_content.gif); background-repeat:repeat-x;}
div#contentInnerNavEnv{width:737px; background-color:#3a851f;background-image:url(../images/bg_environment.gif); background-repeat:repeat-x;}
/*div#content p{line-height:2.5em}*/

div#shoeDetails{width:957px; min-height:474px; background-color:#a8bdd2; margin:0px; padding:0px; background-image:url(../images/bg_topbar.jpg); background-repeat:no-repeat; background-position:top}

/* My Michelin tesimonials */
div#testimonialsMainImage{width:737px; float:left; background-image:url(../images/main_testimonials.jpg); background-repeat:no-repeat;}
div#testimonialsMainImageAlt{width:737px; float:left; background-image:url(../images/main_testimonialsAlt.jpg); background-repeat:no-repeat;}
div#testimonialsBib{margin:220px 0px 0px 0px; min-height:303px; background-image:url(../images/bib_testimonials.png); background-repeat:no-repeat; background-position:bottom right;}
* html div#testimonialsBib {height:303px; background-image:url(../images/bib_testimonials.gif);}
div#testimonialsContentInnerContainer{width:310px; padding:30px 0px 40px 20px; text-align:left;}
* html div#testimonialsContentInnerContainer{height:250px}
div#testimonialsContentInnerContainer h2{margin:0px 0px 19px 0px; font-size:14px}
.testimonialCopy {padding:10px 0px 10px 0px; font-style:italic;}
.testimonialsFormDetails{width:300px; float:left; padding:0px 0px 7px 0px; clear:both;}
.testimonialsTitle{width:100px; float:left;}
.testimonialsInput{width:148px; float:left;}
.testimonialsInput input{width:193px; background-color:#d4dee9; border:1px solid #a8bdd2;}
.testimonialsdrop {width:193px; background-color:#d4dee9; border:0px;}
.testimonialsArea{width:148px; float:left;}
.testimonialsArea textarea{width:193px; background-color:#d4dee9; border:0px; border:1px solid #a8bdd2;}

/* My Michelin competitions */
div#competitionMainImage{width:737px; float:left; background-image:url(../images/main_competition.jpg); background-repeat:no-repeat;}
div#competitionBib{margin:220px 8px 0px 0px; min-height:317px; background-image:url(../images/bib_competition.png); background-repeat:no-repeat; background-position:bottom right;}
* html div#competitionBib {height:317px; background-image:url(../images/bib_competition.gif);}
div#competitonContentInnerContainer{width:330px; padding:30px 0px 40px 20px; text-align:left;}
* html  div#competitonContentInnerContainer{height:250px;}
div#competitonContentInnerContainer h2{margin:0px 0px 19px 0px; font-size:14px}
.competitionInput{width:160px; background-color:#d4dee9; border:1px solid #a8bdd2;}
.competitionDetails{padding:2px 0px 2px 0px}

/* My Michelin video clips */
div#videoMainImage{width:737px; float:left; background-image:url(../images/main_video.jpg); background-repeat:no-repeat;}
div#videoBib{margin:220px 30px 0px 0px; min-height:340px; background-image:url(../images/bib_video.png); background-repeat:no-repeat; background-position:bottom right;}
* html div#videoBib {height:340px; background-image:url(../images/bib_video.gif);}
div#videoContentInnerContainer{width:400px; padding:30px 0px 40px 20px; text-align:left;}
* html  div#videoContentInnerContainer{height:250px;}
div#videoContentInnerContainer h2{margin:0px 0px 22px 0px; font-size:14px}
.videoWrapper{width:148px; margin-right:40px; float:left;}
.videoContainer{width:148px; height:124px; border:1px solid #ffffff;}
.videoPlusIcon{width:16px; height:16px; float:left; padding:7px 0px 0px 0px;}
.videoTitle{width:122px; height:30px; padding:7px 0px 12px 10px; float:left;}
a.videoTitleLink:link {color:#666666; text-decoration:none}
a.videoTitleLink:visited {color:#666666; text-decoration:none}
a.videoTitleLink:hover {color:#00009a; text-decoration:none}
a.videoTitleLink:active {color:#00009a; text-decoration:none}

/* My Michelin wallpapers */
div#wallpaperMainImage{width:737px; float:left; background-image:url(../images/main_wallpapers.jpg); background-repeat:no-repeat;}
div#wallpaperBib{margin:220px 0px 0px 0px; min-height:340px; }
* html div#wallpaperBib {height:340px;}
div#wallpaperContentInnerContainer{width:677px; padding:30px 0px 40px 20px; text-align:left;}
* html  div#wallpaperContentInnerContainer{height:250px;}
div#wallpaperContentInnerContainer h2{margin:0px 0px 22px 0px; font-size:14px}
.wallpaperWrapper{width:165px; margin:0px 0px 40px 0px; float:left;}
.wallpaperContainer{width:146px; height:110px; margin:0px 20px 10px 0px; float:left; border:1px solid #ffffff;}
.wallpaperPlusIcon{width:16px; height:16px; float:left; padding:0px 0px 0px 0px;}
.wallpaperSize{width:70px; height:30px; padding:0px 0px 0px 7px; float:left;}
a.wallpaperSizeLink:link {color:#666666; text-decoration:none}
a.wallpaperSizeLink:visited {color:#666666; text-decoration:none}
a.wallpaperSizeLink:hover {color:#00009a; text-decoration:none}
a.wallpaperSizeLink:active {color:#00009a; text-decoration:none}

/* Michelin footwear Why Michelin */
div#whyMainImage{width:737px; float:left; background-image:url(../images/main_why_michelin.jpg); background-repeat:no-repeat;}
div#whyBib{margin:180px 0px 0px 0px; min-height:327px; background-image:url(../images/right_why.png); background-repeat:no-repeat; background-position:top right;}
* html div#whyBib {height:327px; background-image:url(../images/right_why.gif);}
div#whyContentInnerContainer{width:310px; padding:70px 0px 40px 20px; text-align:left;}
* html div#whyContentInnerContainer{height:250px}
div#whyContentInnerContainer h2{margin:0px 0px 19px 0px; font-size:14px}

/*slip resistant*/
div#slipMainImage{width:737px; float:left; background-image:url(../images/mitch-slip-resistant3.jpg); background-repeat:no-repeat;}
div#slipBib{margin:180px 0px 0px 0px; min-height:327px; background-image:url(../images/michelinslip2.png); background-repeat:no-repeat; background-position:top right;}
* html div#slipBib {height:327px;}
div#slipContentInnerContainer{width:310px; padding:70px 0px 40px 20px; text-align:left;}
* html div#slipContentInnerContainer{height:250px}
div#slipContentInnerContainer h2{margin:0px 0px 19px 0px; font-size:14px}

div#slipMainImage1{width:737px; float:left; background-image:url(../images/mitch-slip-resistant7.jpg); background-repeat:no-repeat;}
div#slipBib1{margin:180px 0px 0px 0px; min-height:327px; background-image:url(../images/michelinslip1.png); background-repeat:no-repeat; background-position:top right;}
* html div#slipBib1 {height:327px;}
div#slipContentInnerContainer1{width:310px; padding:70px 0px 40px 20px; text-align:left;}
* html div#slipContentInnerContainer1{height:250px}
div#slipContentInnerContainer1 h2{margin:0px 0px 19px 0px; font-size:14px}

div#slipMainImage2{width:737px; float:left; background-image:url(../images/michelin-nonslip-industrial.jpg); background-repeat:no-repeat;}
div#slipBib2{margin:180px 0px 0px 0px; min-height:327px; background-image:url(../images/michelinslip-industrial.png); background-repeat:no-repeat; background-position:top right;}
* html div#slipBib2 {height:327px;}
div#slipContentInnerContainer2{width:310px; padding:70px 0px 40px 20px; text-align:left;}
* html div#slipContentInnerContainer2{height:250px}
div#slipContentInnerContainer2 h2{margin:0px 0px 19px 0px; font-size:14px}

div#slipMainImage3{width:737px; float:left; background-image:url(../images/michelin-nonslip-light.jpg); background-repeat:no-repeat;}
div#slipBib3{margin:180px 0px 0px 0px; min-height:327px; background-image:url(../images/michelinslip-light.png); background-repeat:no-repeat; background-position:top right;}
* html div#slipBib3 {height:327px;}
div#slipContentInnerContainer3{width:310px; padding:70px 0px 40px 20px; text-align:left;}
* html div#slipContentInnerContainer3{height:250px}
div#slipContentInnerContainer3 h2{margin:0px 0px 19px 0px; font-size:14px}

div#slipMainImage4{width:737px; float:left; background-image:url(../images/michelin-nonslip-heavy.jpg); background-repeat:no-repeat; }
div#slipBib4{margin:180px 0px 0px 0px; min-height:313px; background-image:url(../images/michelinslipheavy.png); background-repeat:no-repeat; background-position:top right; }
* html div#slipBib4 {height:313px;z-index:1;}
div#slipContentInnerContainer4{width:310px; padding:70px 0px 40px 20px; text-align:left;}
* html div#slipContentInnerContainer4{height:250px}
div#slipContentInnerContainer4 h2{margin:0px 0px 19px 0px; font-size:14px}



.box-light-industry { padding:0px; margin:0px; background-image:url(/images/bg-box-light-industrial.png); width:221px; height:209px; padding-top:90px; padding-left:145px; color:#FFFFFF; padding-right:50px}
*html .box-light-industry { height:119px;overflow:hidden;}
.box-light-industry li {padding-bottom:20px;}



/*.box-hospitality-medical { padding:0px; margin:0px; background-image:url(/images/bg-box-hospitality-medical.png); width:227px; height:209px; padding-top:90px; padding-left:145px; color:#FFFFFF; padding-right:50px}*/
.box-hospitality-medical { padding:0px; margin:0px; background-image:url(/images/blue_hosp_medical.png); width:227px; height:209px; padding-top:90px; padding-left:145px; color:#FFFFFF; padding-right:50px}
*html .box-hospitality-medical {height:119px;overflow:hidden;}
.box-hospitality-medical li {padding-bottom:20px;}

.box-industry { padding:0px; margin:0px; background-image:url(/images/bg-box-industrial.png); width:226px; height:190px; padding-top:90px; padding-left:145px; color:#FFFFFF; padding-right:50px}
*html .box-industry {height:100px;overflow:hidden;}
.box-industry li {padding-bottom:20px;}

.box-heavy-industry { padding:0px; margin:0px; background-image:url(/images/bg-box-heavy-industrial.png); width:231px; height:237px; padding-top:90px; padding-left:145px; color:#FFFFFF; padding-right:50px}
*html  .box-heavy-industry  {height:147px; width:231px; overflow:hidden;}
.box-heavy-industry li {padding-bottom:20px;}


/* Michelin footwear Technology */
div#techMainImage{width:737px; float:left; background-image:url(../images/main_technology.jpg); background-repeat:no-repeat;}
div#techBib{margin:180px 0px 0px 0px; min-height:370px; background-image:url(../images/right_technology.png); background-repeat:no-repeat; background-position:top right;}
* html div#techBib {height:370px; background-image:url(../images/right_technology.gif);}
div#techContentInnerContainer{width:290px; padding:70px 0px 40px 20px; text-align:left;}
* html div#techContentInnerContainer{height:250px}
div#techContentInnerContainer h2{margin:0px 0px 19px 0px; font-size:14px}

/* Michelin footwear Environment */
div#environmentMainImage{width:737px; float:left; background-image:url(../images/main_environment.jpg); background-repeat:no-repeat;}
div#environmentBib{margin:100px 60px 0px 0px; min-height:423px; background-image:url(../images/bib_environment.png); background-repeat:no-repeat; background-position:top right;}
* html div#environmentBib {height:423px; background-image:url(../images/bib_environment.gif);}
div#environmentContentInnerContainer{width:360px; padding:150px 0px 40px 20px; text-align:left; color:#ffffff;}
* html div#environmentContentInnerContainer{height:250px}
div#environmentContentInnerContainer h2{margin:0px 0px 19px 0px; font-size:14px; color:#ffffff;}

/* Michelin footwear News */
div#newsMainImage{width:737px; float:left; background-image:url(../images/main_news.jpg); background-repeat:no-repeat;}
div#newsContent{margin:220px 0px 0px 0px; min-height:340px;}
* html div#newsContent {height:340px;}
div#newsContentInnerContainer{width:400px; padding:30px 0px 40px 20px; text-align:left;}
* html  div#newsContentInnerContainer{height:250px;}
div#newsContentInnerContainer h2{margin:0px 0px 22px 0px; font-size:14px}
.newsWrapper{width:550px; height:91px; margin:0px 0px 10px 0px; border-bottom:1px solid #cccccc; float:left;}
.newsContainer{width:415px; height:81px; margin:0px 0px 0px 0px; float:left;}
.newsImage{width:122px; height:81px; margin:0px 0px 0px 0px; padding:0px; float:right;}
.newsImage img {width:122px; height:81px; border:1px solid #ffffff;}
a.newsLink:link {color:#000000; text-decoration:none}
a.newsLink:visited {color:#000000; text-decoration:none}
a.newsLink:hover {color:#00009a; text-decoration:none}
a.newsLink:active {color:#00009a; text-decoration:none}

/* Buy online */
div#shoeContentInnerContainer{width:939px; margin:0px 0px 0px 18px; padding:60px 0px 0px 0px;}
* html  div#shoeContentInnerContainer{height:250px;}
div#shoeContentInnerContainer h1 {font-size: 14px; text-align: left}
.shoeWrapper{width:230px; margin:0px; float:left;}
.shoeContainer{width:230px; height:218px;}
.shoeContainer img{border:0px}
.shoeDetailsWrapper{width:230px; padding:5px 0px 5px 0px;border-top:1px solid #666666;}
.shoePlusIcon{width:16px; height:16px; float:left; padding:0px 10px 0px 40px; margin:0px;}
.shoePlusIcon img {border:0px;}
.shoeTitle{width:150px; padding:0px 0px 0px 0px; float:left; text-align:left;margin-bottom:5px;}
.shoeClear {clear:both; height:5px; border-top:1px solid #666666;}
/*.shoeTitleClear {border-bottom:1px solid #666666; clear:both; height:10px; width:600px; float:left; background-color:#00CC00}*/
a.shoeTitleLink:link {color:#666666; text-decoration:none}
a.shoeTitleLink:visited {color:#666666; text-decoration:none}
a.shoeTitleLink:hover {color:#00009a; text-decoration:none}
a.shoeTitleLink:active {color:#00009a; text-decoration:none}

/* Shoe details */
div#shoeDetailWrapper{width:957px; padding:0px 0px 20px 0px; background-color:#e2e9f0;}
div#shoeDetailInfoWrapper{width:600px; float:right; margin:0px 70px 0px 0px; text-align:right;}
div#shoeDetailBuyBtn{float:right; padding:0px 0px 0px 5px}
div#shoeDetailBuyBtn img{border:0px;}
div#shoeDetailLinks {padding:5px 5px 0px 0px}

/* Contact Enquiry form */
div#enquiryMainImage{width:737px; float:left; background-image:url(../images/main_enquiry.jpg); background-repeat:no-repeat;}
div#enquiryBib{margin:220px 0px 0px 0px; min-height:340px; background-image:url(../images/bib_enquiry.png); background-repeat:no-repeat; background-position:bottom right;}
* html div#enquiryBib {height:340px; background-image:url(../images/bib_enquiry.gif);}
div#enquiryContentInnerContainer{width:390px; padding:30px 0px 40px 20px; text-align:left;}
* html div#enquiryContentInnerContainer{height:250px;}
div#enquiryContentInnerContainer h2{margin:0px 0px 22px 0px; font-size:14px}
.enquiryWrapper{width:390px; float:left; padding:0px 0px 7px 0px; clear:both;}
.enquiryTitle{width:150px; float:left;}
.enquiryInput{width:148px; float:left;}
.enquiryInput input{width:235px; background-color:#d4dee9; border:1px solid #a8bdd2;}
.enquiryArea{width:148px; float:left;}
.enquiryArea textarea{width:385px; background-color:#d4dee9; border:1px solid #a8bdd2;}

/* Contact sign-up form */
div#signupMainImage{width:737px; float:left; background-image:url(../images/main_signup.jpg); background-repeat:no-repeat;}
div#signupBib{margin:220px 0px 0px 0px; min-height:340px; background-image:url(../images/right_signup.png); background-repeat:no-repeat; background-position:top right;}
* html div#signupBib {height:340px; background-image:url(../images/right_signup.gif);}
div#signupContentInnerContainer{width:360px; padding:30px 0px 40px 20px; text-align:left;}
* html div#signupContentInnerContainer{height:250px;}
div#signupContentInnerContainer h2{margin:0px 0px 22px 0px; font-size:14px}
.signupWrapper{width:340px; float:left; padding:0px 0px 7px 0px; clear:both;}
.signupTitle{width:100px; float:left;}
.signupInput{width:148px; float:left;}
.signupInput input{width:235px; background-color:#d4dee9; border:1px solid #a8bdd2;}
.signupRadio{float:left;}

/* Contact Customer service */
div#customerMainImage{width:737px; float:left; background-image:url(../images/main_customer_service.jpg); background-repeat:no-repeat;}
div#customerBib{margin:180px 0px 0px 0px; min-height:327px; background-image:url(../images/bib_customer_service.png); background-repeat:no-repeat; background-position:bottom right;}
* html div#customerBib {height:327px; background-image:url(../images/bib_customer_service.gif);}
div#customerContentInnerContainer{width:370px; padding:70px 0px 40px 20px; text-align:left;}
* html div#customerContentInnerContainer{height:250px}
div#customerContentInnerContainer h2{margin:0px 0px 19px 0px; font-size:14px}

/* Contact FAQs */
div#faqMainImage{width:737px; float:left; background-image:url(../images/main_faqs.jpg); background-repeat:no-repeat;}
div#faqBib{margin:180px 20px 0px 0px; min-height:327px; background-image:url(../images/bib_faqs.png); background-repeat:no-repeat; background-position:bottom right;}
* html div#faqBib {height:327px; background-image:url(../images/bib_faqs.gif);}
div#faqContentInnerContainer{width:420px; padding:70px 0px 40px 20px; text-align:left;}
* html div#faqContentInnerContainer{height:250px}
div#faqContentInnerContainer h2{margin:0px 0px 19px 0px; font-size:14px}

/* Teaser boxes on home page */
div#teaserBoxLine{background:#ffffff; padding:0px; margin:0 auto; float:left;width:957px; height:1px; text-align:center; clear:both;}
div#teaserBoxLine img{padding:0px; margin:0px; height:1px;}
div#teaserBox{background:#f8f9fb; background-image:url(../images/bg_teaserBox.gif); background-repeat:repeat-x; padding:0px 0px 0px 10px;  margin:0 auto; width:947px; height:144px; clear:both}
div#teaserBox img{border:0px;}
div#teaserBoxAlt{background:#f8f9fb; background-image:url(../images/bg_teaserBoxAlt.gif); background-repeat:repeat-x; padding:0px 0px 0px 10px;  margin:0 auto; width:947px; height:144px; clear:both}
div#teaserBoxAlt img{border:0px;}

/* Footer */
div#footerShadow{width:988px; height:39px; clear:both; background-image:url(../images/footer_shadow_bg.gif); background-repeat:no-repeat; text-align:center;}
div#footer{background: #00009a;color: #FFFFFF;clear:both;width:957px; height:20px; font-size:10px; text-align:left; padding:7px 0px 0px 0px; margin:0 auto;}
div#footer p{margin:0;padding:5px 10px}
div#footer a:link {color:#ffffff; text-decoration:none}
div#footer a:visited {color:#ffffff; text-decoration:none}
div#footer a:active {color:#ffff00; text-decoration:none}
div#footer a:hover {color:#ffff00; text-decoration:none}


div#headerMainNav ul li a{color: #ffff00; text-decoration: none;}
div#headerMainNav ul li a:hover{color: #ffffff; text-decoration: none;}

.bigLink {font-size:14px; font-weight:bold;}

/*Menu CSS*/

.menu ul {padding:0;margin:0;list-style-type:none; border-left:1px solid #fff; float:left; margin-left:19px; margin-top:1px; text-align:left;}
.menu ul ul {border-left:0px;margin-left:12px; padding-top:5px; font-size:11px; z-index:1;}
.menu ul ul ul{ border-left:0px; margin-left:0px; padding-top:0px;z-index:1;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; text-decoration:none; color:#fff; height:21px; padding-left:13px; line-height:20px; font-weight:bold; padding-right:13px; font-weight:normal; border-right:1px solid #fff; color:#FFFF00;float:left;position:relative;}
/* a hack so that IE5.5 faulty box model is corrected */
/* html .menu a, * html .menu a:visited {width:229px; w\idth:188px;}
.menu ul ul a, .menu ul ul a:visited {border-right:0px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ebedee; color:#000000; border-bottom:1px solid #cccccc;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#cccccc;color:#000000;}
.menu ul ul :hover > a.drop {background:#cccccc;color:#000000;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ebedee;color:#000000;border-bottom:1px solid #cccccc; padding-top:7px; padding-bottom:7px;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#cccccc;color:#000000;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:20px;left:0; width:189px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:188px; top:-1px; width:189px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-209px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ebedee; color:#000; height:auto; line-height:1em; padding:5px 10px; width:168px;border-bottom:1px solid #cccccc;padding-top:7px; padding-bottom:7px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:210px;w\idth:168px;}

/* style the top level hover */
.menu a:hover{color:#fff;}
.menu :hover > a {color:#fff;}

/* style the second level hover */
.menu ul ul a:hover{color:#000;background:#cccccc;}
.menu ul ul :hover > a {color:#000;background:#cccccc;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}