html {
   background-image:url("http://0.ecom.attccc.com/images/global/background_left.jpg");
   background-repeat: no-repeat;
   background-position:top left;
   background-color: transparent;
}

body {
   background-image: url("http://0.ecom.attccc.com/images/global/background_right.jpg");
   background-repeat: no-repeat;
   background-position: top right;
   background-color: transparent;
}
h1, h3 {
   color: #333;
}
a {
   text-decoration: none;
}
a:hover, a:focus {
   text-decoration: underline;
}
a:hover, a:active {
   outline: 0;
}
li {
   line-height: 20px;
}
.desktop #main-container h3, .desktop #main-container h3 a {
   font-size: 15px;
   font-weight: bold;
   color: #333;
}
.desktop .maincontent p, .desktop .maincontent li {
   color: #333;
   line-height: 19px;
   font-size: 12px;
   margin-bottom: 0.5em;
}
.container[data-role="page"] {
   background: none repeat scroll 0 0 transparent;
}

.maincontent-grid-container {
   padding: 15px 0px 20px 5px;
}

.leftnav-grid-container {
   max-width: 22%;
   padding: 0px 5px 0px 0px;
}
.app-container {
   width: 1000px;
   margin: 0 auto !important;
}
.desktop div[data-role="page"] {
   position: relative !important;
   width: 980px !important;
}
.container {width: 980px !important;}
.mainContentTank {padding:0 20px;}
.pgContentBorder {
   border: 1px solid #CCCCCC;
   border-radius: 5px 5px 5px 5px;
   box-shadow: 0 0 5px 1px rgba(51, 51, 51, 0.2);
   height: 100%;
}
.clear {
   clear: both;
}
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {float: left;}
.desktop .section-heading {border-style:dotted; background:transparent;}
.abs {position: absolute;}
.fixed {position:fixed;}
.rel {position: relative;}
.p10 {padding: 10px !important;}
.pL10 {padding-left: 10px !important;}
.pT5  {padding-top: 5px !important;}
.pT30 {padding-top: 30px !important;}
.w50p {width: 50%;}
.leftNav {
   margin: 15px 0px;
   border: 1px #ccc solid;
   border-radius: 5px;
}
.leftNav ul {
   list-style: none outside none;
}
.leftNav h3 {
   margin: 10px 15px 5px;
}
.leftNav .nav {
   margin-bottom: 5px;
}
.leftNav li .navArrow {
   font-size: 8px;
   position: absolute;
   left: 21px;
   top: 6px;
   color: #069;
   cursor: pointer;
   width: fit-content;
}
.leftNav li.topParent .navArrow {
   left: 5px;
   width: fit-content;
}

div.topParentText  {
   color:#333333 !important;
   font-size: 14px !important;
   font-weight: normal !important ;
}
.leftNav li.catParent.current, .leftNav li.cat.current, .leftNav li.child.current {
   display: list-item;
   width: inherit;
}
.leftNav li.catParent.actual a, .leftNav li.cat.actual a, .leftNav li.child.actual a {
   font-weight: bold;
}
.leftNav li.catParent a, .leftNav li.cat a {
   margin-left: 2px;
   color: #069;
}
.leftNav li.cat, .leftNav li.catParent {
   display: none;
   padding-left: 30px;
   width: auto;
}
.leftNav li {
   padding: 5px 15px;
   position: relative;
}
.leftNav li a {
   font-size: 12px;
   display: block;
}
.leftNav li.black a {
   color: #666;
}
.leftNav li.blackBold a {
   color: #666;
   font-weight: bold;
}
.leftNav li.active, .leftNav li.child.active {
   border-left: 1px #327083 solid;
   background-color: rgb(229, 241, 250);
   position: relative;
   left: -1px;
   top: 0;
}
.leftNav li.top.active, .leftNav li.topParent.active {
   width: 202px;
}
.leftNav li.child {
   display: none;
   border-left: 1px #ccc solid;
   padding: 0;
   width: 203px;
   left: -1px;
}
.leftNav li.child a {
   display: block;
   margin-left: 30px;
   padding: 5px 15px;
   border-left: 1px #ccc solid;
}
.leftNav li.top.active a {
   color: #333;
}
.maincontent {
   padding: 5px 5px 0 0;
}
.maincontent ul li {
   list-style-type: disc;
}
.maincontent a, .leftNav a {
   color: #006699;
   font: inherit;
}
.maincontent {
   font-size: 12px;
}
.legalcontent ul {
   padding: 20px 20px 0;
   list-style-position: inside;
   line-height: 19px;
}
.legalcontent {
   margin-bottom: 20px;
}
.legalcontent .footerLink {
   margin-top: 10px;
   font-weight: bold;
}
.legalcontentcontainer {
   border-left: 5px #d3d3d3 solid;
   margin-top: 10px;
}
.legalcontentpar {
   padding: 20px 15px 0;
}
.legalcontentpar:first-child {
   padding-top: 0;
}
body div#globalNav {
   height: 34px;
}
#attLogo {
   background-image: url(https://www.att.com/images/global/bg-primary-sprite.png);
   background-position: -3px -90px;
   float: left;
   height: 44px;
   vertical-align: baseline;
   width: 74px;
}
.primary-content-full {
   margin-bottom: 25px;
}
#termsofservices{
   border: 0 none;
   font-style: normal;
   font-weight: normal;
   margin: 0;
   padding: 0;
   vertical-align: baseline;

   color: #333333;
   font-size: 12px;
   line-height: 1.3em;
}
#termsofservices h1{
   color: #333333;
   font-size: 2em;
   line-height: 1.3em;
}
#termsofservices b{
   font-weight: bold;
   font-family: Arial !important;
}
#termsofservices ol {
   list-style-type: decimal; margin-left: 35px;
}
#termsofservices ul {
   list-style-type: disc; margin-left: 35px;
}
#termsofservices li {
   font-size: 12px;
}

#iframesContent{
   color: #333;
   margin-top: 10px;
   margin-left: 10px;
   margin-right: 10px;
}

#iframesContent p {
   line-height: 20px !important;
   margin-bottom: 15px !important;
}

#iframesContent h1 {
   text-align:center !important;
   padding: 10px 0px 0px 0px !important;
   font-size: 20px !important;
}

#iframesContent h3 {
   font-size: 14px !important;
   font-weight: bold !important;
   margin-top: 15px !important;
   margin-bottom: 14px ;
}

#iframesContent h4 {
   display: inline;
   font-size: 14px !important;
   font-weight: bold !important;
}

#iframesContent h5 {
   display: inline;
   font-size: 13px !important;
   font-weight: bold !important;
}

#imgDivLeft{
   left: 0;
}
#imgDivRight {
   right: 0;
}
.imgDiv {
   border: 1px none;
   height: 100%;
   position: absolute;
   top: 0;
   width: 50%;
}
.toplink {
   margin: 1px 5px;
}
.mobileOnly, .footerLinkBlock {
   display: none;
}
#orangeBar img.logo {
   margin-top: -7.5px;
   margin-right: 3px;
}
.legalHeader {
   background: linear-gradient(#ffffff, #f3f3f3);
   border-bottom: 1px #d8d8d8 solid;
   padding: 5px 25px;
}
.legalHeader h1 {
   color: #333;
   font-size: 24px;
}
div.dottedDivider{
   border-bottom: 1px dotted #cccccc;
   clear: both;
   margin-top: 20px;
}

@media print {
   .leftNav {
     display: none;
   }
   .ge5p_global_styles {
     display: none;
   }
   .maincontent {
     padding: 20px;
     width: auto;
   }
}