/***************************************************

HTML ELEMENTS

***************************************************/

* {
  margin: 0;
  padding: 0;
}

body {
  background: url(images/body-bg.png) repeat-y #FFF;
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, Tahoma, Helvetica, Sans-Serif;
  font-size: 100%;
  color: #555;
}

abbr, acronym, dfn {
  border-bottom: dotted 1px #999;
  cursor: help;
}

table {
  border-collapse: collapse;
  border: none;
  margin: 0;
  padding: 0;
}

a img {
  border: none;
}

a {
  outline: none;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

/***************************************************

COMMON CLASSES

***************************************************/

.center {
  text-align: center;
}

.right {
  float: right;
}

.hide {
  display: none;
}

/***************************************************

MAIN CONTENT

***************************************************/

#main {
  margin-left: 317px;
  width: 641px;
}

#main a {
  color: #20505F;
  outline: none;
}

#main a:visited {
  color: #999;
}

#main a:hover {
  color: #333;
}

#main a:active {
  color: #50C7FF;
}

.input label {
	display:block;
	text-indent:-5000em;
}

#locator .form-item label{
	display: block;
	text-indent: -5000em;
	position: absolute;
}

#locator #input-suite{
	float: left;
	width: 85px;
}

input#dre-address {
  background: url(images/input-address.png) no-repeat;
  width: 336px;
  height: 34px;
  display: block;
  padding: 4px;
  font-size: 1.2em;
  color: #8B9EA3;
  border: none;
}

input#dre-address.IEfocus {
  background: url(images/input-address-focus.png) no-repeat;
}

input#dre-suite {
  background: url(images/input-suite.png) no-repeat;
  width: 79px;
  height: 34px;
  display: block;
  padding: 4px;
  font-size: 1.2em;
  color: #8B9EA3;
  border: none;
}

input#dre-suite.IEfocus {
  background: url(images/input-suite-focus.png) no-repeat;
}

input#dre-zip {
  background: url(images/input-zip.png) no-repeat;
  width: 79px;
  height: 34px;
  display: block;
  padding: 4px;
  font-size: 1.2em;
  color: #8B9EA3;
  border: none;
}

input#dre-zip.IEfocus {
  background: url(images/input-zip-focus.png) no-repeat;
}

#main .input-btn {
  background: url(images/locator-go.png) no-repeat;
  width: 42px;
  height: 34px;
  display: block;
  text-indent: -5000em;
  border: none;
}

#main .input-btn:hover {
  background: url(images/locator-go-hover.png) no-repeat;
  cursor: pointer;
}

/***************************************************

SIDEBAR

***************************************************/

#subcontent {
  margin: 26px 0 0 33px;
  width: 254px;
  position: absolute;
  top: 0;
  left: 0;
}

#subcontent h1 a {
  background: url(images/h1-thisiscable.png) no-repeat;
  display: block;
  width: 254px;
  height: 83px;
  text-indent: -5000em;
  text-decoration: none;
}

#subcontent #locator {
  background: url(images/locator-sidebar-bg.png) no-repeat;
  width: 217px;
  height: 148px;
  margin-top: 46px;
  position: relative;
  padding-top: 95px;
  padding-left: 24px;
}

#subcontent #locator h2 {
  font-size: 1em;
  font-weight: bold;
  color: #CECFC1;
  position: absolute;
  top: 10px;
  left: 42px;
  text-indent: -5000em;
}

#subcontent #special-promotion{
	border: 1px solid #d7d5d4;
	border-top: none;
	padding: 10px;
	width: 219px;
}

#subcontent #special-promotion p{
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 1.3;
}

#subcontent #special-promotion h3{
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 1.3;
	font-weight: bold;
}

/* NAV */

#nav {
  margin: 20px 0;
}
#nav dl ul:first-child {
padding-top:3px;
}
.toggle.closed {
  background: url(images/toggle-closed.png) top right no-repeat;
   _background: url(images/toggle-closed.png) 5px right no-repeat;
  cursor:pointer;
  width: 241px;
  height: 34px;
}

.toggle {
  background: url(images/toggle-open.png) top right no-repeat;
  _background: url(images/toggle-open.png) 5px right no-repeat;
  cursor:pointer;
  width: 241px;
  height: 34px;
  position: relative;
  z-index: 10;
}

.toggle a {
  display: block;
  width: 196px;
  height: 34px;
  text-indent: -5000em;
  text-decoration: none;
  margin: 5px 0;
}

a#main01 {
  background: url(images/nav-products.png) no-repeat;
}

a#main02 {
  background: url(images/nav-features.png) no-repeat;
}

a#main03 {
  background: url(images/nav-special-promotion.png) no-repeat;
}

dl ul {
  position: relative;
  z-index: 1;
  list-style: none;
  font-size: .8em;
  width: 239px;
  margin-top: -2px;
  border-right: solid 1px #D7D5D4;
  border-left: solid 1px #D7D5D4;
}

dl li a {
  background: #FFF;
  color: #20505F;
  display: block;
  padding: .5em 10px;
  text-decoration: none;
  border-bottom: 1px solid #D7D5D4;
}

dl li a:hover {
  background: #F0F4F5;
  color: #20505F;
  font-weight: bold;
}

/* SEARCH */

#main #search-box{
	width: 220px;
	float: right;
}

#subcontent .input {
  margin: -15px 0 0 25px;
}

input#search {
  background: url(images/input-search.png) no-repeat;
  width: 164px;
  height: 26px;
  display: block;
  float: left;
  padding: 4px;
  font-size: 1.2em;
  color: #8B9EA3;
  border: none;
  margin-bottom: 33px;
  margin-right: 4px;
}

input#search.IEfocus {
  background: url(images/input-search-focus.png) no-repeat;
}

#subcontent .input-btn {
  background: url(images/search-go.png) no-repeat;
  width: 62px;
  height: 34px;
  display: block;
  float: left;
  margin-left: 130px;
  text-indent: -5000em;
  border: none;
}

#subcontent .input-btn:hover {
  background: url(images/search-go-hover.png) no-repeat;
  cursor: pointer;
  cursor: hand; /* for IE 5.x */
}

/* FEATURED CONTENT */

#subcontent .top {
  background: url(images/sub-feature-top.png) no-repeat;
  width: 253px;
  height: 10px;
  clear: both;
}

#subcontent .feature {
  background: url(images/sub-feature-bg.png) repeat-y;
  width: 240px;
  padding: .5em 10px 0 2px;
}

#subcontent .feature p {
  background: #FFF;
  padding: 1em .8em;
  color: #8C9395;
}

#subcontent .feature p + p {
  background: #FDFDFD;
}

#subcontent .feature p + p + p {
  background: #F8FAFA;
}

#subcontent .bottom {
  background: url(images/sub-feature-bottom.png) no-repeat;
  width: 253px;
  height: 15px;
  clear: both;
  margin-bottom: 2em;
}

/***************************************************

FOOTER

***************************************************/

#footer {
  padding: 2em 0;
  text-align: center;
  font-size: .7em;
  clear: both;
  color: #999;
  padding-top: 130px;
  background:url(../images/footer.png) top no-repeat;
}

#footer p {
  margin: .5em 0;
}

#footer p a {
  text-decoration: none;
  text-transform: uppercase;
}

#footer p a:hover {
  text-decoration: underline;
}


#footer a.mail {
  color: #999;
  text-decoration: none;
text-transform:lowercase !important;
}
.feature ul {
margin-left:40px;
font-size:100%
}