/*===================================================================

 about this template
 http://hyper-text.org/archives/2007/10/css_switch.shtml

===================================================================*/

/*----------------------------------------
 __CSS_switch
----------------------------------------*/

ul#css_switch {
margin: 0;
padding: 0;
font-size: 100%;
line-height: 1;
list-style: none;
width: 281px;
height: 26px;
overflow: hidden;
float:right;
}

ul#css_switch li {
margin: 0;
padding: 0;
width: 140px;
height: 26px;
float: left;
overflow: hidden;
}

ul#css_switch li.bg2 {
width: 120px;
padding-left:5px;
}

ul#css_switch li.bg2fr {
width: 120px;
padding-left:5px;
}

ul#css_switch li.bg2it {
width: 120px;
padding-left:5px;
}

ul#css_switch li.bg2sp {
width: 120px;
padding-left:5px;
}

ul#css_switch li.bg2gr {
width: 120px;
padding-left:5px;
}

ul#css_switch li a {
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-indent: -100em;
overflow: hidden;
}

ul#css_switch li.bg1 a {
background: url(../images/btn_T.gif) no-repeat left center;
}

ul#css_switch li.bg2 a {
background: url(../images/btn_C.gif) no-repeat left center;
}

/*french*/
ul#css_switch li.bg1fr a {
background: url(../images/btn_T_fr.gif) no-repeat left center;
}

ul#css_switch li.bg2fr a {
background: url(../images/btn_C_fr.gif) no-repeat left center;
}

/*italian*/
ul#css_switch li.bg1it a {
background: url(../images/btn_T_it.gif) no-repeat left center;
}

ul#css_switch li.bg2it a {
background: url(../images/btn_C_it.gif) no-repeat left center;
}

/*spanish*/
ul#css_switch li.bg1sp a {
background: url(../images/btn_T_sp.gif) no-repeat left center;
}

ul#css_switch li.bg2sp a {
background: url(../images/btn_C_sp.gif) no-repeat left center;
}


/*german*/
ul#css_switch li.bg1gr a {
background: url(../images/btn_T_gr.gif) no-repeat left center;
}

ul#css_switch li.bg2gr a {
background: url(../images/btn_C_gr.gif) no-repeat left center;
}