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

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

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

/*----------------------------------------
 __CSS_switch
----------------------------------------*/
div.switch{
	background-image: url(../img/bg_size.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 116px;
}
ul#css_switch {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1;
	list-style: none;
	width: 60px;
	height: 20px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: none;	
}
ul#css_switch li {
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	float: left;
	overflow: hidden;
	}

ul#css_switch li.size-s {
	width: 20px;
	}

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

ul#css_switch li.size-m a {
	background: url(../img/size-m.gif) no-repeat left center;
	}

ul#css_switch li.size-s a {
	background: url(../img/size-s.gif) no-repeat left center;
	}

ul#css_switch li.size-l a {
	background: url(../img/size-l.gif) no-repeat left center;
	}