/* ------------------------------- selection */

div#selection {
	font-size:12px;
	font-weight:bold;
	color:#999;
}

div#selection a {
	text-decoration:none;
	color:#fff;
}

div#selection a:hover {
	color:#ccff00;
}

/* ------------------------------- my selection */

div#selection-line {
	position:absolute;
	top:100px;
	right:0;
	left:110px;
	height:1px;
	background-color:#cf0;
}

div#selection-circle {
	position:absolute;
	top:100px;
	left:101px;
}

div#my-selection {
	position:absolute;
	top:87px;
	left:130px;
}

/* ------------------------------- menu selection */

div#selection-menu {
	position:absolute;
	top:75px;
	left:250px;
	display:none;
	padding-bottom:50px;
}

div#closeSelection {
	position:absolute;
	top:85px;
	left:235px;
	display:none;
}

/* ------------------------------- brand */
div.selectionBrand {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #ccc;
	border-bottom:5px solid #cf0;
	margin-top:10px;
	width:75px;
}

div.selectionBrandOpen {
	display:block;
	float:left !important;
	padding:10px 5px 5px;
	border-left:1px solid #cf0;
	border-bottom:5px solid #cf0;
	width:75px;
	color:#cf0;
}

div.selectionBrandCircle {
	position:absolute;
	top:-10px;
	left:0px;
	width:15px;
	height:15px;
	background-image:url(../ima/green-circle.png);
	background-repeat:no-repeat;
}

/* ------------------------------- type */
div.selectionType {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #ccc;
	border-bottom:5px solid #8a0;
	margin-top:10px;
	width:75px;
}

div.selectionTypeOpen {
	display:block;
	float:left !important;
	padding:10px 5px 5px;
	border-left:1px solid #cf0;
	border-bottom:5px solid #cf0;
	width:75px;
	color:#cf0;
}

div.selectionTypeCircle {
	position:absolute;
	top:-10px;
	left:86px;
	width:15px;
	height:15px;
	background-image:url(../ima/green-circle.png);
	background-repeat:no-repeat;
}

/* ------------------------------- series */
div.selectionSeries {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #ccc;
	border-bottom:5px solid #cf0;
	margin-top:10px;
	width:75px;
	white-space:nowrap;
	overflow:hidden;
}

div.selectionSeriesOpen {
	display:block;
	float:left !important;
	padding:10px 5px 5px;
	border-left:1px solid #cf0;
	border-bottom:5px solid #cf0;
	/*width:75px;*/
	color:#cf0;
	white-space:nowrap;
}

div.selectionSeriesCircle {
	position:absolute;
	top:-10px;
	left:172px;
	width:15px;
	height:15px;
	background-image:url(../ima/green-circle.png);
	background-repeat:no-repeat;
}

div.selectionSeriesAll {
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:5px solid #8a0;
}

div.selectionSeriesBottomLine {
	position:absolute;
	left:172px;
	width:1px;
	height:28px;
	background-color:#cf0;
}

div.selectionSeriesBottomCircle {
	position:absolute;
	left:158px;
	width:15px;
	height:15px;
	margin-top:20px;
	background-image:url(../ima/green-circle.png);
	background-repeat:no-repeat;
}

div.selectionSeriesFull {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #cf0;
	margin-top:10px;
	/*width:75px;*/
	color:#cf0;
}

div.selectionSeriesTable {
	border-left:5px solid #cf0;
	padding-left:5px;
	margin-left:-3px;
}

table.series td {
	/*width:75px;*/
	vertical-align:top;
	white-space:nowrap;
	padding-right:15px;
}

/* ------------------------------- model */
div.selectionModel {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #ccc;
	border-bottom:5px solid #8a0;
	margin-top:10px;
	width:75px;
}

div.selectionModelOpen {
	display:block;
	float:left !important;
	padding:10px 5px 5px;
	border-left:1px solid #cf0;
	border-bottom:5px solid #8a0;
	/*width:75px;*/
	color:#cf0;
}

div.selectionModelCircle {
	position:absolute;
	top:-10px;
	left:258px;
	width:15px;
	height:15px;
	background-image:url(../ima/green-circle.png);
	background-repeat:no-repeat;
}

div.selectionModelAll {
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:5px solid #cf0;
}

div.selectionModelBottomLine {
	position:absolute;
	left:258px;
	width:1px;
	height:28px;
	background-color:#cf0;
}

div.selectionModelBottomCircle {
	position:absolute;
	left:244px;
	width:15px;
	height:15px;
	margin-top:20px;
	background-image:url(../ima/green-circle.png);
	background-repeat:no-repeat;
}

div.selectionModelFull {
	display:block;
	float:left !important;
	padding:0px 5px 2px;
	border-left:1px solid #cf0;
	margin-top:10px;
	color:#cf0;
}

div.selectionModelTable {
	border-left:5px solid #cf0;
	padding-left:5px;
	margin-left:-3px;
}

table.model td {
	/*width:75px;*/
	vertical-align:top;
	white-space:nowrap;
	padding-right:15px;
}