/*
	These styles are just for the example. The base styles are in SelectBox.css.
*/	
body { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }
h1 { font-size: 24px; line-height: 1; }
h2 { font-size: 16px; }
p { font-size: 12px; }
#example-1 .customSelect { clear: both; margin-bottom: 10px; }
#example-2 .cities dd { padding: 0 5px; }

/* COUNTRY SELECTBOX */
/* This should be a sprite... but this is quicker for examples sake */
dd span, .selectedValue span {
	position: relative;
	top: 2px;
	display: block;
	height: 12px;
	width: 20px;
	float: left;
	clear: right;
}
dd span.usa, .selectedValue span.usa {
	background: url("https://skopos.london/wp-content/themes/skopos/img/us.png") no-repeat;
}
dd span.germany, .selectedValue span.germany {
	background: url("https://skopos.london/wp-content/themes/skopos/img/de.png") no-repeat;
}
dd span.france, .selectedValue span.france {
	background: url("https://skopos.london/wp-content/themes/skopos/img/fr.png") no-repeat;
}
dd span.italy, .selectedValue span.italy {
	background: url("https://skopos.london/wp-content/themes/skopos/img/it.png") no-repeat;
}