/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left;}
.floatright { float: right; }
.ds-clear { clear: both;}
.ds-clear span {display: none;}
.noshow { display: none; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }

.ds-fullcol {
	margin-bottom: 14px;
}
#ds-title {float: left;}
.ds-fullcol h4 {color: #444; font-size: 13px; margin-bottom: 8px; display: block; margin-top: 5px;}

.ds-halfcol {
	width: 262px;
float: left;

	color: #444;

}

.ds-software {height: 145px; min-height: 145px; margin-bottom: 20px;}

.ds-columns {}

.ds-alt-heading {position: relative;}

.ds-halfcol h5 {font-size: 13px; color: white; margin-bottom: 8px;}

.ds-overview {
	background-image: url(../images/green-overview-bg.jpg);
	background-repeat: repeat-x;
	background-color: #D8EAE2;
	border: 1px solid #7FBDA4;
}

.ds-overview-raige {
	background-image: url(../images/blue-bg.jpg);
	background-repeat: repeat-x;
	background-color: #CDDEF2;
	border: 1px solid #4BA0D5;
}

.ds-overview-light {
	background-image: url(../images/green-overview-bg.jpg);
	background-repeat: repeat-x;
	background-color: #D8EAE2;
	border: 1px solid #7FBDA4;
	margin-bottom: 20px;
}

.ds-overview-light-raige {
	background-image: url(../images/blue-bg.jpg);
	background-repeat: repeat-x;
	background-color: #CDDEF2;
	border: 1px solid #4BA0D5;
	margin-bottom: 20px;
}

.ds-overview-padding {
	margin: 14px;
}

.ds-multipath {height: 110px;}
.ds-director {height: 160px;}
.ds-nvr {height: 180px;}


.ds-leftcol {margin-right: 14px;}
.ds-rightcol {}

.ds-intro {
	float: left;
	width: 270px;
	margin-right: 39px;
}
.ds-logo {
	float: left;
	width: 233px;
}

.ds-logo img {float: right;}

.ds-top-left-blue {float: left; position: relative; top: -2px; left: -1px;}
.ds-top-right-blue {float: right; position: relative; top: -2px; right: -1px;}
.ds-bottom-left-blue {float: left; position: relative; top: -25px; left: 0px;}
.ds-bottom-right-blue {float: right; position: relative; top: -24px; right: 0px;}
.ds-bottom-left2-blue {float: left; position: relative; top: -25px; left: 272px;}
.ds-bottom-right2-blue {float: right; position: relative; top: -24px; right: 273px;}

.ds-top-left {float: left; position: relative; top: -1px; left: -1px;}
.ds-top-right {float: right; position: relative; top: -1px; right: -1px;}
.ds-bottom-left {float: left; position: relative; top: -24px; left: 0px;}
.ds-bottom-right {float: right; position: relative; top: -24px; right: 0px;}
.ds-bottom-left2 {float: left; position: relative; top: -24px; left: 274px;}
.ds-bottom-right2 {float: right; position: relative; top: -24px; right: 274px;}

.ds-gray-top-left {float: left; position: relative; top: -5px; left: -1px;}
.ds-gray-top-right {float: right; position: relative; top: -5px; right: -1px;}
.ds-gray-bottom-left {float: left; position: relative; top: 15px; left: -6px;}
.ds-gray-bottom-right {float: right; position: relative; top: 15px; right: -6px;}

.ds-botgray-top-left {float: left; position: relative; top: 0px; left: 0px;}
.ds-botgray-top-right {float: right; position: relative; top: 0px; right: 0px;}
.ds-botgray-bottom-left {float: left; position: relative; top: -3px; left: 0px;}
.ds-botgray-bottom-right {float: right; position: relative; top: -3px; right: 0px;}

.ds-ltgreen-top-left {float: left; position: relative; top: -1px; left: -1px;}
.ds-ltgreen-top-right {float: right; position: relative; top: -1px; right: -1px;}
.ds-ltgreen-bottom-left {float: left; position: relative; top: -15px; left: -1px;}
.ds-ltgreen-bottom-right {float: right; position: relative; top: -14px; right: -1px;}

.ds-line {background-color: #00956A; color: #00956A; height: 1px;}
.ds-line-raige {background-color: #0083C6; color: #0083C6; height: 1px;}
.ds-darkline {background-color: #9BB3AC; color: #9BB3AC; height: 1px; margin: 5px 0px 5px 0;}
.ds-top-line {margin: 13px 0 9px 0;}
.ds-bottom-line {margin: 9px 0 32px 0;}

.ds-intro h2 {color: #222; font-size: 16px; padding: 0; margin-bottom: 2px;}
.ds-intro h2 sup, .ds-fullcol h4 sup, .ds-halfcol h5 sup {font-size: 6px; position: relative; top: -4px;}
.ds-intro h3 {color: #312E2F; text-transform: uppercase; font-size: 11px; letter-spacing: 1px;}

.ds-intro ul {}
.ds-intro li {font-size: 12px; font-weight: bold; color: #5A5A5C; margin-top: 10px;}
.ds-intro li.first {margin-top: 0px;}
.ds-intro li.last {margin-bottom: 0px;}
.ds-intro li.reg {margin-top: 6px;}
.ds-intro li sup {font-size: 9px;}

.ds-specs {
	background-image: url(../images/ltgreen-overview-bg.jpg);
	background-repeat: repeat-x;
	background-color: #D4E8DE;
	border: 1px solid #25A480;
	color: #333;
	height: 120px;

	position: relative;
	margin-bottom: 20px;
}

.ds-specs-raige {
	background-image: url(../images/blue-bg.jpg);
	background-repeat: repeat-x;
	background-color: #CDDEF2;
	border: 1px solid #4BA0D5;
	color: #333;
	height: 120px;

	position: relative;
	margin-bottom: 20px;
}

.ds-green-logo {
	float: right;
}

.ds-bottom-specs {
	background-image: url(../images/gray-bg.jpg);
	background-repeat: repeat-x;
	background-color: #E3E4E6;

	border: 1px solid #DDDFE1;
	font-size: 10px;
	padding: 14px 8px;
}

.ds-bottom-specs .ds-halfcol {
width: 255px;
}

.ds-bottom-specs-line {
	background-color: #8A8A8C;
	color: #8A8A8C;
	width: 100%;
	height: 1px;
	margin: 5px 0;
}

.ds-content-column-wrapper {font-size: 10px; text-align: center; float: left;}
.ds-content-column {border-right: 1px solid #4E4D4F; height: 110px; margin: 5px 0;}
.ds-content-column p {display: block; vertical-align: middle; padding-top: 10px; margin: 0 4px;}
.ds-last-content-column {border: none;}


#ds-content-column-1 {width: 59px;}
#ds-content-column-2 {width: 90px;}
#ds-content-column-3 {width: 56px;}
#ds-content-column-4 {width: 123px;}
#ds-content-column-5 {width: 91px;}
#ds-content-column-6 {width: 114px;}

table {border: none;}

table.guide {
	background-color: #9BB3AC;
	width: 100%;
	color: #4E4D4F;;
}
table.guide th {

	background-color: #CCC;
	text-align: center;
}
table.guide td {
	padding: 5px;
	background-color: #FFF;
	text-align: center;
	border-left: 1px solid #9C9EA0;
}

.ds-table-footnote {font-size: 9px; text-align: right; margin-top: 1px;}

table.guide td.first-col {border-left: 0px;}
table.guide th.table-header-bg {background-image: url(../images/table-header-bg.jpg); height: 23px; vertical-align: bottom; color: #4E4D4F;}

table.guide .th-content {width: 100%; background-image: url(../images/th-border.jpg); background-position: left; background-repeat: repeat-y;}
table.guide .th-content-first {background: none;}
table.guide .th-content span {padding-bottom: 3px; display: block;}

table.guide td.colored {
	padding: 5px;
	background-color: #9AC9B8;
	text-align: center;
}

table.guide td.colored-raige {
	padding: 5px;
	background-color: #CADCF1;
	text-align: center;
}

table.guide {border: 1px solid #9C9EA0;}

.ds-sub-cat {border-bottom: 1px solid #9C9EA0;}


/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#ds-container {
  width: 100%;
  text-align: left;
  color: #444;
}


/* END STRUCTURE */