#colocation {}

#colocation h2 {
   color: #006AB6;
   font-size: large;
   font-weight: bold;
   text-decoration: none;
}

#colocation .single {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #bbbbbb;
}

#colocation .single .leftside {
	width: 500px;
	float: left;
	margin: 5px 30px 5px 20px;
}

#colocation .single .rightside {
	float: left;
	width: 400px;
}

#colocation .single .rightside option {
	padding: 1px 6px 1px 4px;
}

#colocation .single .rightside optgroup {
	padding-right: 10px;
}

#colocation .single .rightside a {
	display: block;
	width: 130px;
	height: 26px;
	background: transparent url(/images/button-green-140x35.png) no-repeat;
	font-weight: bold;
	color: blue;
	text-decoration: none;
	padding: 9px 0px 0px 10px;
	margin-top: 5px;
}

#colocation .single .rightside a:hover {
	color: darkorange;
}

#colocation .single ul {
	margin: 10px 0px 10px 60px;
	color: green;
}

#colocation .single ul li {
	padding: 1px;
}

#colocation .single table {
	width: 350px;
	background: #F0F5FA;
	border: 1px solid #C2CFDF;
	padding: 7px;
}

#colocation .single table th {
	padding: 0px 0px 2px 0px;
	border-bottom: 1px dashed #C2CFDF; 
	color: green;
}

#colocation .single table td {
	padding: 2px 2px 2px 10px;
}

#colocation .single label {
	font-weight: bold;
	font-size: medium;
}

#colocation .single select {
	padding: 2px;
}


#colocation .thirdcab {
	float: left;
	width: 302px;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-right: 10px;
	border-right: 1px dashed #bbbbbb;
}

#colocation .halfcab {
	float: left;
	width: 302px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px dashed #bbbbbb;
}

#colocation .fullcab {
	float: left;
	width: 302px;
}

#colocation .thirdcab .icon {
	float: left;
	width: 101px;
	height: 230px;
	background: transparent url(/images/thirdcab.jpg);
	margin: 5px 0px 5px 10px;
}

#colocation .halfcab .icon {
	float: left;
	width: 97px;
	height: 225px;
	background: transparent url(/images/halfcab.jpg);
	margin: 5px 0px 5px 10px;
}

#colocation .fullcab .icon {
	float: left;
	width: 95px;
	height: 225px;
	background: transparent url(/images/full-cabinet.png);
	margin: 5px 0px 5px 20px;
}

#colocation .thirdcab ul,
#colocation .halfcab ul,
#colocation .fullcab ul {
	list-style: square inside url(/images/16x16-arrow.png);
	float: left;
	margin: 10px 0px 5px 25px;
}

#colocation .thirdcab ul li,
#colocation .halfcab ul li,
#colocation .fullcab ul li {
	padding: 3px 0px;
	font-size: small;
}

#colocation .thirdcab .price,
#colocation .halfcab .price,
#colocation .fullcab .price {
	float: left;
	width: auto;
	margin: 15px 0px 5px 30px;
	font-size: x-small;
	text-align: center;
}
	

#colocation .thirdcab .price a,
#colocation .halfcab .price a,
#colocation .fullcab .price a {
	display: block;
	text-align: left;
	width: 130px;
	height: 27px;
	background: transparent url(/images/button-green-140x35.png) no-repeat;
	font-size: medium;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 0px 0px 10px;
	color: blue;
}

#colocation .thirdcab .price a:hover,
#colocation .halfcab .price a:hover,
#colocation .fullcab .price a:hover {
	color: darkorange;
}

#colocation .cabopts {
	border-top: 1px dashed #bbbbbb;
	padding-top: 15px;
}

#colocation p {
	float: left;
	width: 430px;
	padding-right: 25px;
	margin: 5px 0px 5px 25px;
}

#colocation .cabopts ul {
	float: left;
	width: 440px;
	margin: 5px 0px 5px 0px;
	padding: 7px 0px 7px 25px;
	font-size: small;
   background: #F0F5FA;
   border: 1px solid #C2CFDF;
}

#colocation .cabopts ul li {
	padding: 1px 0px;
	color: green;
}