﻿body {
  color: #777266;
}

h3{
  border: 0;
  margin: 0;
  padding: 0;
}

div.story,
div#story-wrapper{
  height: 181px;
  overflow: hidden;
  width: 954px;
}

div.story{
  position: absolute;
  top: 0;
  left: 0;
}

body#homepage div.story-content{
  top: 85px;
  width: 360px;
}

body#homepage div.story-heading{
  top: 52px;
}

div#story-navigator{
  z-index:100;
}

div#content-wrapper{
  background-image: url(../../images/telecomwholesale/background-content-home.jpg);
}

div#single-promo-wrapper, 
div#double-promo-wrapper{
  background-position: bottom center;
  background-repeat: no-repeat;
  width: 627px;
  padding: 0;
  margin-top: 30px;
}

div#single-promo-wrapper{
  background-image: url(../../images/telecomwholesale/background-single-promo.png);
}

div#double-promo-wrapper{
  background-image: url(../../images/telecomwholesale/background-double-promo.png);
}

div#single-promo-wrapper h3, 
div#double-promo-wrapper h3{
  margin: 0 0 5px;
  padding: 0;
  font-size: 15px;
}

div.promo-content,
div.promo-image{
  float: left;
}

div.promo-content p {
  font-size: 11px;
  line-height: 16px;
}

div.promo-no-image-content,
div.promo-content{
  padding: 5px;
}

div.promo-image{
  padding: 5px 10px 5px 5px;
}

div.promo-image{
  width: 95px;
  overflow: hidden;
}

div#double-promo-wrapper div.promo-content{
  width: 185px;
  overflow: hidden;
}

div#single-promo-wrapper div.promo-content{
  width: 510px;
}

div.promo-left{
  float: left;
  width: 307px;
}

div.promo-right{
  float: right;
  width: 307px;
}

div#main-content-wrapper{
  background-image: url(../../images/telecomwholesale/background-content-homepage.png);
  background-repeat: no-repeat;
}

div#left-column{
  float: left;
  width: 640px;
}

div#my-wholesale-wrapper{
  float: right;
  width: 307px;
  margin-top:8px;
  padding: 0;
  min-height: 300px;
}

div#my-wholesale{
  background-image: url(../../images/telecomwholesale/background-log-in.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 0 3px 11px;
  margin: 0;
}

div#my-wholesale-panel {
  background-image: url(../../images/telecomwholesale/my-wholesale.png);
  background-repeat: no-repeat;
  background-position: center top;
  padding: 25px 0 0;
  margin: 0;
  background-color:#fff;
}

div#login-panel
{
  padding-top:9px;
}

div#my-wholesale-info{
  background-color: #dfecf1;
  margin: 0;
  position: relative;
  padding: 0;
  background-image: url(../../images/telecomwholesale/learn-more-top-dotted-line.png);
  background-repeat: no-repeat; 
}

div#page-intro{
  width: 610px;
  padding: 2px;
  margin: 15px 0 0;
}

div.learn-more-text{
  width: 190px;
  padding: 5px 8px;
  color: #004064;
  font-size:11px;
}

div.learn-more{
  position: absolute;
  right: 5px;
  top: 50%;
  width: 90px;
  margin-top: -10px;
  text-align: right;
}

div.learn-more form{
  display:inline;
}


div.learn-more-box{
  background-image: url(../../images/telecomwholesale/background-learn-more-box.png);
  background-repeat: no-repeat;
  padding: 5px 5px 13px;
  height: 50px;
  margin-top: 7px;
  position: relative;
  color: #fff;
}

div.learn-more-box div.learn-more{
  margin-top: -13px;
}

div#logout-panel div.learn-more-text{
  padding-left: 20px;
}

div#logout-panel div#my-wholesale-info{
  background-image: none;
}

div#quicklinks {
  margin: 0;
  padding: 10px 20px;
}

div#quicklinks h3 {
  margin: 0;
  padding: 2px 0 3px;
}

div#quicklinks ul{
  margin: 0;
  padding: 0;
}


div#quicklinks ul li{
  float: left;
  width: 110px;
  list-style-type: none;
  list-style-position: inside;
  list-style-image: none;
  background-image: url(../../images/telecomwholesale/quicklinks-arrow.png);
  background-repeat: no-repeat;
  background-position: 2px 9px;
  border-top: 1px solid #9ab3c2;
}

div#quicklinks ul li.left{
  padding: 3px 0 3px 10px;
  margin: 0 20px 3px 0;
}

div#quicklinks ul li.right{
  padding: 3px 0 3px 10px;
  margin: 0 0 3px 0;
}

div#quicklinks ul li.no-border{
  border-top: 0;
}
