.menu2{width: 100%; overflow: auto; background:#800D0D; margin:0 auto;position:relative;}
.menu2 ul{display: block; padding: 0; margin: 0; list-style: none; position:relative;}
.menu2 ul li{display: block; float: left; background:#800D0D;}
.menu2 ul a{display: block; text-decoration: none; font-size:18px; line-height:22px; color:#333 !important; text-align:center;
   /* here you define the with and height of each li in fact */
   padding: 0 0 5px 0;
   /* this simulates the space between items */
   border-right:10px solid #800D0D;}
.menu2 ul li.selected{background:#800D0D; color:#800D0D !important;}
.menu2 ul li.selected a{color:#fff !important;}
.menu2 ul .over{background:#800D0D !important; cursor:pointer !important;}
.menu2 li.firstItem{}
/* i donīt want the 5px border on last item */
.menu2 li.lastItem a{}

.menu3OuterContent{width:auto; margin:0 auto; background:#fff; padding:20px;}
.menu3{width: 700px; overflow: auto; background:#fff; margin:0 auto; position:relative; height:140px;}
.menu3 ul{display: block; padding: 0; margin: 0; list-style: none; position:relative;}
.menu3 ul li{display: block; float: left; border-right:5px solid #fff; overflow:hidden; position:relative; background-position:center center !important;}
.menu3 ul a{width:100px; height:100px; display:block; color:#000 !important;}
.menu3 ul li.selected{background:#FF3300; color:#000 !important;}
.menu3 ul li span{background:#CCCCCC; display:block; padding:4px; width:184px; position:absolute; bottom:0px;}
.menu3 ul li.selected a{color:#000 !important;}
.menu3 ul .over{cursor:pointer !important;}
.menu3 li.firstItem{}
/* i donīt want the 5px border on last item */
.menu3 li.lastItem{padding-right:0px;}