/* -------------------- 
	start rounded box 
-------------------- */

dl.roundedBox, dl.roundedBoxColorBlue {width: 158px; background: url(BlueBoxBottom.gif) bottom left no-repeat; clear: both;}
dl.roundedBoxFeature, dl.roundedBoxFloat, dl.roundedBoxColorBlueFloat {width: 190px; background: url(BlueBoxBottom.gif) bottom left no-repeat;}

dl.roundedBox, dl.roundedBox dt, dl.roundedBox dd, 
dl.roundedBoxColorBlue, dl.roundedBoxColorBlue dt, dl.roundedBoxColorBlue dd,
dl.roundedBoxFeature, dl.roundedBoxFeature dt, dl.roundedBoxFeature dd,
dl.roundedBoxFloat, dl.roundedBoxFloat dt, dl.roundedBoxFloat dd,
dl.roundedBoxColorBlueFloat, dl.roundedBoxColorBlueFloat dt, dl.roundedBoxColorBlueFloat dd {
	margin: 0;
	padding: 0;
}

dl.roundedBoxFloat, dl.roundedBoxColorBlueFloat {float: right; margin: 0 0 5px 5px;}

dl.roundedBox, dl.roundedBoxColorBlue, dl.roundedBoxFeature, dl.roundedBoxFloat, dl.roundedBoxColorBlueFloat {padding-bottom: 10px;}

dl.roundedBox dt, dl.roundedBoxColorBlue dt, dl.roundedBoxFeature dt, dl.roundedBoxFloat dt, dl.roundedBoxColorBlueFloat dt{
	height: 24px;
	background: url(BlueBox.gif) top left no-repeat;
	font-size: 11;
	font-weight: bold;
	color:#fff;
	line-height: 24px; /* Fixes the 1pixel gap in IE6 was 2.54em */
	text-align: center;
}

dl.roundedBoxFeature dt, dl.roundedBoxFloat dt, dl.roundedBoxColorBlueFloat dt {background: url(BlueBox.gif) top left no-repeat;}

dl.roundedBox dd, dl.roundedBoxColorBlue dd, dl.roundedBoxFeature dd, dl.roundedBoxFloat dd, dl.roundedBoxColorBlueFloat dd {
	padding: 2px 10px 0 10px;
	text-align: left;
	background: url(BlueBoxSide.gif) top left repeat-y;
	line-height: 1.8em;
}

dl.roundedBoxFeature dd, dl.roundedBoxFloat dd, dl.roundedBoxColorBlueFloat dd {
	background: url(BlueBoxSide.gif) top left repeat-y !important; 
	font-size: .9em; 
	line-height: 1.5em;
}

dl.roundedBoxFloat dd, dl.roundedBoxColorBlueFloat dd {font-size: .96em;}

/* ------------------ 
	end rounded box 
------------------ */