Body{text-align:center}
. cx_tabmenu {
padding-top:2px; Background-color: #474747; width:790px;
}
#ddimagetabs {
padding-left:10px
}
#ddimagetabs A {
padding-right:20px; Border-top: #666666 1px solid; Display:inline; padding-left:20px; font-size:12px; BACKGROUND: #363636; Float:left; padding-bottom:0px; COLOR: #989898; line-height:33px; margin-right:2px; padding-top:0px; Font-family:verdana, Arial, Helvetica, Sans-serif; height:33px; Text-align:center; Text-decoration:none
}
#ddimagetabs A:hover {
Border-top: #ffffff 1px solid; Background:url (.. /images/cx_menu_hover.jpg) #363636 no-repeat Center bottom; COLOR: #d7dcbe
}
#ddimagetabs A.current {
Border-top: #ffffff 1px solid; Background:url (.. /images/cx_menu_hover.jpg) #363636 no-repeat Center bottom; COLOR: #d7dcbe
}
A.sclink:link {
}
a.sclink:visited {
}
A.sclink:hover {
}
#sclink1 {
}
#ddimagetabs #sclink1 {
}
#ddimagetabs #sclink1: hover {
Border-top: #ff9900 1px solid
}
#ddimagetabs. Current#sclink1 {
Border-top: #ff9900 1px solid
}
#sc1 A:link {
}
#sc1 a:visited {
}
#sc1 A:hover {
}
#ddimagetabs #sclink2 {
}
#ddimagetabs #sclink2: hover {
Border-top: #990099 1px solid
}
#ddimagetabs. current#sclink2 {
Border-top: #990099 1px solid
}
#sc2 A:link {
}
#sc2 a:visited {
}
#sc2 A:hover {
}
#ddimagetabs #sclink3 {
}
#ddimagetabs #sclink3: hover {
Border-top: #0099cc 1px solid
}
#ddimagetabs. Current#sclink3 {
Border-top: #0099cc 1px solid
}
#sc3 A:link {
}
#sc3 a:visited {
}
#sc3 A:hover {
}
#ddimagetabs #sclink4 {
}
#ddimagetabs #sclink4: hover {
Border-top: #78ba00 1px solid
}
#ddimagetabs. Current#sclink4 {
Border-top: #78ba00 1px solid
}
#sc4 A:link {
}
#sc4 a:visited {
}
#sc4 A:hover {
}
#ddimagetabs #sclink5 {
}
#ddimagetabs #sclink5: hover {
Border-top: #99cccc 1px solid
}
#ddimagetabs. Current#sclink5 {
Border-top: #99cccc 1px solid
}
#sc5 A:link {
}
#sc5 a:visited {
}
#sc5 A:hover {
}
#ddimagetabs #sclink6 {
}
#ddimagetabs #sclink6: hover {
Border-top: #999999 1px solid
}
#ddimagetabs. current#sclink6 {
Border-top: #999999 1px solid
}
#sc6 A:link {
}
#sc6 a:visited {
}
#sc6 A:hover {
}
#ddimagetabs #sclink7 {
padding-right:30px; Border-top: #ff0000 1px solid; padding-left:30px; BACKGROUND: #363636; margin-left:100px; COLOR: #d7dcbe
}
#ddimagetabs #sclink7: hover {
Border-top: #ef7777 1px solid; Background:url (.. /images/cx_menu_hover_my.jpg) #cf1919 No-repeat Center Bottom
}
#ddimagetabs. Current#sclink7 {
Border-top: #ef7777 1px solid; Background:url (.. /images/cx_menu_hover_my.jpg) #cf1919 No-repeat Center Bottom
}
#sc7 A:link {
}
#sc7 a:visited {
}
#sc7 A:hover {
}
#tabcontentcontainer {
Background:url (.. /images/sub_menu_bg.jpg) #fcfcfa repeat-x; width:790px; Height:27px
}
. tabcontent {
Display:none; Padding-top:4px
}
. tabcontent A:link {
padding-right:10px; padding-left:10px; font-size:11px; Float:left; padding-bottom:4px; margin-left:3px; Cursor:pointer; line-height:18px; padding-top:0px; Font-family:verdana, Arial, Helvetica, Sans-serif; height:18px; Text-decoration:none
}
. tabcontent a:visited {
padding-right:10px; padding-left:10px; font-size:11px; Float:left; padding-bottom:4px; margin-left:3px; Cursor:pointer; line-height:18px; padding-top:0px; Font-family:verdana, Arial, Helvetica, Sans-serif; height:18px; Text-decoration:none
}
. tabcontent A:hover {
Background:url (.. /images/cx_submenu_hover_grey.jpg) no-repeat Center bottom; COLOR: #000000
}
#active_submenu {
Background:url (.. /images/cx_submenu_hover.jpg) #666666 no-repeat Center bottom; COLOR: #fff
}
<div id=xcx_tabmenu>
<div Class=cx_tabmenu id=cx_tabmenu>
<div id=ddimagetabs>
<a href= "http://www.111cn.net/" target= "_blank" Class=sclink id=sclink1 onmouseover= "expandcontent (' SC1 ', this)" >Home</A>
<a class=sclink id=sclink2 onmouseover= "expandcontent (' SC2 ', this)" href= "#" >Company</A>
<a class=sclink id=sclink3 onmouseover= "expandcontent (' sc3 ', this)" href= "#" >Products</A>
<a class=sclink id=sclink4 onmouseover= "expandcontent (' sc4 ', this)" href= "#" >our works</a>
<a class=sclink id=sclink5 onmouseover= "expandcontent (' sc5 ', this)" href= "#" >News</A>
<a class=sclink id=sclink6 onmouseover= "expandcontent (' sc6 ', this)" href= "#" >Store</A> </DIV>
<BR style= "Clear:left" >
<div id=tabcontentcontainer>
<div class=tabcontent id=sc1></div>
<div class=tabcontent Id=sc2><a
href= "http://www.111cn.net/" >about us</a> <a
href= "http://www.111cn.net/" >what do we do?</a> <a
href= "http://www.111cn.net/" >meet the team</a> <a
href= "http://www.111cn.net/" >why work with us?</a> <a
href= "http://www.111cn.net/" >quality policy</a> <a
href= "http://www.111cn.net/" >Terms</A> <a
href= "http://www.111cn.net/" >Testimonials</A> <a
href= "http://www.111cn.net/" >clexus tour</a> </DIV>
<div class=tabcontent Id=sc3><a
href= "#" >clexus Private
Messaging</a> <a href= "#" >image
Gallery</a> <a href= "#" >customer
Management</a> <a
href= "#" >template
Works</a> </DIV>
<div class=tabcontent Id=sc4><a
href= "#" >web
Design</a> <a
href= "#" >web
Development</a> <a
href= "#" >logo
Design</a> <a
href= "#" >print
Design</a> </DIV>
<div class=tabcontent Id=sc5><a
href= "#" >clexus news</a>
<a href= "#" >joomla
News</a> <a
href= "#" >general news</a>
</DIV>
<div class=tabcontent id=sc6></div>
</DIV></DIV></DIV>
