/* ----------------------------------------------------*/
/* Typography */

html, body, div, form, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
body {
  background-color: #fff;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin: 12px;
  text-align: center;
}
td { font-size: 11px }
h1 {
  color: #4C7EBB;
  font-size: 16px;
  font-weight: bold;
}
h2 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5em;
}
a img { border:0 }
a,  a:link {
  color: #4C7EBB;
  text-decoration: none
}
a:visited {
  color: #4C7EBB;
  text-decoration: none
}
a:hover {
  color: #4C7EBB;
  text-decoration: underline
}
a:focus {
  color: #4C7EBB
}
a:active {
  color: #4C7EBB
}
#outerWrapper #mainWrapper #rightbar a img, #outerWrapper #mainWrapper #content #contentWrapper #leftbar a img, #outerWrapper #mainWrapper #content #contentWrapper #landing img { display:block }
/* Layout Main */
#outerWrapper {
  background-color: #fff;
  margin: 0 auto 0 auto;
  text-align: left;
  width: 970px;
}
#outerWrapper #header {
  background:#fff;
  text-align:right;
}
#outerWrapper #mainWrapper #rightbar {
  float: right;
  padding: 38px 10px;
  width: 160px;
}
#outerWrapper #mainWrapper #content {
  background:url(../i/bg_content_new.gif) repeat-y;
  width:790px
}
#outerWrapper #mainWrapper #content #contentWrapper #leftbar {
  background-color: #ffffcc;
  float:left;
  width:165px;
  text-align:center;
  min-height:300px;
  margin-right:8px
}
.clearFloat {
  clear: right;
  display: block;
}
#outerWrapper #footer {
  border-top: solid 1px #ccc;
  color:#ccc;
  padding: 10px 0;
}

/* ----------------------------------------------------*/
/* Navigation Styles */

#outerWrapper #content #nav { background: #fff }
#outerWrapper #content #nav ul { float:right;list-style-type:none;width:500px;padding:0;margin:0;margin-top:38px }
#outerWrapper #content #nav ul li { float:right }
#outerWrapper #content #nav ul li a, #outerWrapper #content #nav ul li a:link {
  background:#0e3293;
  color:#FFCC33;
  display:block;
  font-size:13px;
  padding:6px 8px 8px 8px;
  margin-left:2px;
}
#outerWrapper #content #nav ul li a.current, #outerWrapper #content #nav ul li a.curent:link { background: #447AF5 }
#outerWrapper #content #nav ul li a:hover {
  background: #447AF5;
  text-decoration: none
}

/* ----------------------------------------------------*/
/* Header Styles */

#outerWrapper #header a, #outerWrapper #header a:link {
  border-right:1px dotted;
  padding:4px 8px
}
#outerWrapper #header a.last { border-right:0 }
/*submenus*/

#sddm {z-index: 30 }

#sddm div {	
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0 2px 2px 0;
  background: #0E71BE;
  z-index:200
}
#sddm div a, #sddm div a:link {	
  position: relative;
  display: block;
  margin: 0;
  padding: 5px 10px;
  width: auto;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  background: #0E71BE;
  color: #2875DE;
}
#sddm div a:hover {	
  background: #49A3FF;
  color: #FFF
}
/* ----------------------------------------------------*/
/* Footer Styles */

#outerWrapper #footer a, #outerWrapper #footer a:link {
  color:#aaa
}
#outerWrapper #footer #securefooter {
  border-top:1px solid #ccc;
  margin-top:8px;
  text-align:center;
  padding:8px;
}
#outerWrapper #footer #securefooter td { color:#aaa; }

/* ----------------------------------------------------*/
/* Landing Page Styles */

#outerWrapper #mainWrapper #content #contentWrapper #landing {
  background: url(/../i/bg_refill_detail_new.jpg) top right no-repeat;
  line-height:1.5em;
  margin-left: 166px;
  padding:8px 8px 8px 16px;
}
#span125 img { margin-left:6px }
#outerWrapper #mainWrapper #content #contentWrapper #landing #detail_short a, #outerWrapper #mainWrapper #content #contentWrapper #landing #detail_short a:link, #outerWrapper #mainWrapper #content #contentWrapper #landing #detail_long a, #outerWrapper #mainWrapper #content #contentWrapper #landing #detail_long a:link { font-weight:bold }
#outerWrapper #mainWrapper #content #contentWrapper #landing #detail_short { font-size:13px }
#outerWrapper #mainWrapper #content #contentWrapper #landing #detail_long { font-size:12px }
#outerWrapper #mainWrapper #content #contentWrapper h1 {
  color:#0e3293;
  padding:12px 0
}
#outerWrapper #content #montage {
  background:#0e3293 url(/../i/bg_montage.jpg) top right no-repeat;
  color:#fff;
  padding:8px 0 0 12px
}
#outerWrapper #content #promo {
  font-size:13px;
  padding:8px 0;
  margin:6px
}
#outerWrapper #content #promo strong { color:#CC0000 }
.line { border-top:1px solid #ccc;margin:8px 0 }
#montage fieldset { border:0;margin:0 }
#montage fieldset legend { color:#FFCC33;line-height:10px;padding-left:0 }
#montage a, #montage a:link { display:block;text-align:right;color:#FFCC33 }
#montage table td { font-size: 10px; vertical-align: top; }
#montage table td label { color:#fff;display:block }
.blueBText {
  color:#4C7EBB;
  font-size:14px;
  font-weight:bold;
}

#outerWrapper #mainWrapper #content #contentWrapper #landing #home_specials_lower a, #outerWrapper #mainWrapper #content #contentWrapper #landing #home_specials_lower a:link {
  padding:8px 8px 0 0
}

/* ----------------------------------------------------*/
/* Rightbar Styles */
#outerWrapper #mainWrapper #rightbar #airtime-list { background: #fff;text-align: center }
#outerWrapper #mainWrapper #rightbar #airtime-list a, #outerWrapper #mainWrapper #rightbar #airtime-list a:link { display:block;margin-bottom:12px }
#outerWrapper #leftlist a, #outerWrapper #leftlist a:link {
  background:url(/../i/topnav_plussign.jpg) no-repeat;
  padding:4px 8px 2px 22px
}
#outerWrapper #mainWrapper #rightbar #airtime-list img { margin-left:14px }
/* ----------------------------------------------------*/
/* Leftbar Styles */
.pl { padding-left:8px }
/* ----------------------------------------------------*/
/*Account Pages Colors (Legacy)*/
.onebg {
  background-color : #999999;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  color : #FFFFFF
}
.twobg {
  background-color : #003399;
  border-left: 1px solid #000066;
  border-bottom: 1px solid #000066;	
  color : #FFFFFF
}
.solidbg {
  background-color : #003399;
  border : 0;
  color : #FFFFFF
}
.solidtwobg {
  background-color : #FF6600;
  border : 0;
  color : #FFFFFF
}
.second { color : #4C7EBB }
.alert {
  color : #FF0000;
  background-image: url(../i/icon_error.gif);
  background-repeat:no-repeat;
  padding-left:20px;
  padding-bottom:4px;
}
/* ----------------------------------------------------*/
/*Forms and buttons*/
input { font-family: Arial, Helvetica, sans-serif; }
.buttonDefault {
  background:#0E3293;
  border:1px solid #447AF5;
  color:#FFCC33;
  cursor:pointer;
  font-size:13px;
  padding:4px 6px 4px 6px;
}
.buttonDefault:hover { background: #447AF5;border:1px solid #FFCC33; color:#fff}
.buttonGreySmall { color:#000;background:#ccc;border:1px solid #999;cursor:pointer;font-size:11px; padding:2px 6px 2px 6px}
#outerWrapper #mainWrapper #content #contentWrapper #landing #quickform table { background:#113394;color:#fff;margin:0;padding:0; }
#outerWrapper #mainWrapper #content #contentWrapper #landing #quickform td { background:#113394;color:#fff }
#outerWrapper #mainWrapper #content #contentWrapper #landing #quickform td.padded { padding:2px 0 2px 6px }
