#varimatrix {
	text-align: center;
	background-color: whiteSmoke;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	padding: 10px;
	margin: 1em 0;
}

#varimatrix input[type="text"] {
	width: 3em;
    border: 1px solid #CFCFCF;
    background: #F0F5E5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    margin: 2px 0 0 0;
}

#varimatrix li {
	float: left;
}

#varimatrix .signal_image {
    background-position: top center;
} 

#varimatrix .matrix_item {
	margin: 5px;
    padding: 5px;
    background: white;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    vertical-align: middle;
    overflow: hidden;
}

#varimatrix .choose_quantity {
    margin: 2px 0 0 0;
}

#varimatrix .matrix_item_image {
    vertical-align: middle;
}

#varimatrix .matrix_item_image.L {
    float: left;
}
    
#varimatrix .matrix_item_image.L .image {
    width: 130px;
    height: 130px;  
}

#varimatrix .matrix_item_base.L {
    float: left;
    position: relative;
    vertical-align: middle;
    height: 130px;
    width: 400px;
}

#varimatrix .matrix_item_base.L .matrix_item_base_center {
    position: absolute;
    top: 15%;  
    width: 400px;
}

#varimatrix .matrix_item_quantity.L {
    float: left;
    position: relative;
    vertical-align: middle;
    height: 130px;
    width: 100px;
}

#varimatrix .matrix_item_quantity.L .matrix_item_quantity_center {
    position: absolute;
    top: 45%;  
    width: 100px;
}