/* =cart - outer container for all cart elements
************************************************/
#cart {width: 962px; padding-top: 8px; background: #fff url("/static/Images/Cart/cartTop.gif") no-repeat top left; position: relative; margin: auto; font-size: 0.8em;}
#cart .outside {background: #fff url("/static/Images/Cart/cartBottom.gif") no-repeat bottom left; padding-bottom: 8px;}
#cart .inside {padding: 35px 0 35px; background-color: #fff; border: solid #dcdcdc; border-width: 0 1px; width: 960px;}
#cart.nomenu .inside {padding-top: 25px;}
#cart img { border: 0;}
#cart p {margin: 0 10px 0.5em; color: #666;}
#helpLink {position: absolute; top: 25px; right: 25px; text-align: right;}
#chatbox {position: absolute; top: 20px; right: 20px; z-index: 4; margin: 0; padding: 0; }
.livePersonChat {position: absolute; top: 20px; right: 20px; z-index: 4; margin: 0; padding: 0; }
.error {background-color: #00853f; padding:1em; text-align:center}
.error h1 {font-size: 1.75em; color: #fff;}
.error h4 {color: #fff;}

.validateError {background:none; padding:1em; text-align:left; padding-left:0; color: red;}
.notice {color: #c00; font-weight: bold;}

.controls {overflow: auto; width: 904px; margin: 10px auto; padding: 0 2px 0 16px; border: none; text-align: right;}
.controls h2 {font-size: 1.3em; color: #666; float: left; text-align: left;}
.controls form {display: inline;}
.controls .flow {font-size: 14px; color: #333333; font-weight: normal; font-style: italic;}
.controls a, .controls input {margin-left: 12px;}
h2.section {font-size: 1.3em; color: #666; }

/* =capsule - inner container
****************************/
#cart .capsule {width: 918px; background: url("/static/Images/Cart/capsuleTop.jpg") no-repeat top left; padding-top: 6px; margin: 0 auto 30px;}
#cart .capsule .outside {background: url("/static/Images/Cart/capsuleBottom.jpg") no-repeat bottom left; padding-bottom: 6px;}
#cart .capsule .inside {background: #fff url("/static/Images/Cart/capsuleBg.jpg") repeat-x bottom; padding: 20px 18px; overflow:hidden; width: 880px;}
#cart .capsule p {margin: 0.5em 0;}
.capsule h3 {color: #00853F; font-size: 1.8em; font-weight: normal; margin-bottom: 0.5em;}
.capsule h3.internetHeader {color:#00853F;}

/* =half capsule - two columns
******************************/
.columns {margin-left: 22px;}
#cart .capsule.half {width: 450px; background-image: url("/static/Images/Cart/halfCapsuleTop.jpg"); float: left; margin-right: 16px;}
#cart .capsule.half .outside {background-image: url("/static/Images/Cart/halfCapsuleBottom.jpg")}
#cart .capsule.half .inside {width: 412px;}

/* =legal - long overflowing text contained in a scroll box
*******************************/
.legal {width: 788px; height: 146px; padding: 10px; margin: 20px; border: 1px solid #a9b0b6; overflow: auto;}

/* =stepMenu - top menu showing process steps and current position
*******************************/
ol.stepMenu {position: absolute; top: 20px; left: 20px; height: 58px; z-index: 4; 
	list-style: none; margin: 0; padding: 0;} 
.stepMenu li {float: left; display: inline; height: 58px; width:149px;  margin-left: -1px; padding: 0; background: url("/static/Images/Cart/stepMenu.jpg") no-repeat bottom center;}
.stepMenu li a {display: block; height: 42px; padding-top: 30px; text-align: center;
	color: #666;
	font-weight: bold; font-size: 0.9em;
	}
.stepMenu li a:hover {text-decoration: none;}
.stepMenu li.current {background: url("/static/Images/Cart/stepMenuCurrent.jpg") no-repeat bottom center; z-index: 5; width: 150px;}
.stepMenu li.current a {color: #00853F;}

/* specific stepMenu widths
********/
#review a {width: 160px;}

/* cart headers */
#content .header h1 {padding: 0; border-bottom: none;}
.header {height: 150px; width: 680px; position: relative; background: #fff no-repeat top left; margin: 0 auto 30px; padding: 4px 0 4px 240px;}
.header h1 {color: #00853F; font-size: 2em; font-weight: normal; margin: 35px 0 0;}
.header h2 {color: #666; font-size: 1.3em; font-weight: normal; margin: 0;}

/* width + padding-left = 920px */
/** removed with CR3176
.internet {background-image: url("/static/Images/Cart/headerInternet.jpg");}
.television {background-image: url("/static/Images/Cart/headerTelevision.jpg");}
.security {background-image: url("/static/Images/Cart/headerSecurity.jpg");}
.voice {background-image: url("/static/Images/Cart/headerVoice.jpg");}
.wireless {background-image: url("/static/Images/Cart/headerWireless.jpg");}
.bundlesUnlimited {background-image: url("/static/Images/Cart/headerBundlesUnlimited.jpg"); width: 800px; padding-left: 120px;}
.bundlesDouble {background-image: url("/static/Images/Cart/headerBundlesDouble.jpg"); width: 740px; padding-left: 180px;}
.bundlesTriple {background-image: url("/static/Images/Cart/headerBundlesTriple.jpg");}
**/

/* product lists */
table.options td {border-top: 1px solid #cacaca; color: #666; padding: 1px 4px;}
table.options th {vertical-align: top;}
td.numeric {text-align: right;}
table.options form {margin:0;}

/* hidden detail text */
table.options a.toggle {padding-right: 18px; background: url("/static/Images/Buttons/toggleMinus.gif") no-repeat right; float: right;}
table.options a.closed {background-image: url("/static/Images/Buttons/togglePlus.gif");}
table.options tr.closed  {display: none;}
table.options .details td {padding: 1em; font-size: 0.9em; border-top: none; /*cursor: pointer;*/}

/* cart summary */
table.summary {margin: 0 12px;}
table.summary thead h3 {text-align: left; color: #00853F; font-size: 2em; font-weight: normal; position: relative; left: -4px;}
table.summary tbody h4 {margin: 14px 18px; font-size:1.0em;}
table.summary tbody h5 {margin: 6px 18px; padding-left: 16px; font-size: 0.95em; color: #000; font-weight: bold; background: url("/static/Images/Cart/bundleBox.gif") no-repeat left top;}
table.summary thead th {text-align: center;}
table.summary tbody {background-color: #f7f7f7;}
table.summary tbody.even {background-color: white;}
table.summary tbody th {text-align: left; color: black;}
table.summary tbody td {border: solid #cacaca; border-width: 1px 0;}
table.summary tbody .grid {border-left: 1px solid #cacaca; text-align: right;}
table.summary tbody .total {height:24px; background-color: #CCCCCC; }
table.summary tbody .grandTotal {height:30px; background-color: gray; color: white;}

/* cart summary - updated with CR3176 */
table.summary tr.highlightRow{background-color:#A5D867;}
table.summary td.totalItem{font-size:1.2em;}
table.summary tr.totalRow{height:24px; background-color:#cccccc; }
table.summary tr.totalRow td{ border: solid #999999; border-width: 1px 0;}
table.summary th.pricegrid{text-align:right; border-left:1px solid #cacaca; padding-right:20px;}
table.summary td.pricegrid{text-align:right; border-left:1px solid #cacaca; padding-right:20px;}
table.summary tr.totalRow td.pricegrid{border-left:1px solid #999999; }
table.summary td.centergrid{text-align:center; border-left:1px solid #cacaca; }
table.summary td.discount{color:#00853F;}
table.summary td.indent{padding-left:15px;}
table.summary td.disclaimer{font-size:.85em;}
table.summary td.totalHead{font-size:1.3em; font-weight:bold}
table.summary div.cartDisclaimer{font-size:10px; color:#fff; float:left;}
table.summary th.totalHead{text-align:right; font-size:1.3em; font-weight:bold; padding-right:10px; color:#fff;}
table.summary h4.bundle{padding-left:15px;background-image:url("/static/Images/Personal/Bundles/icn_bundle.gif"); background-repeat:no-repeat; background-position:0 2px; }



/* new customer form */
table.customerForm {margin: 0 auto;}
table.customerForm td, table.customerForm th {vertical-align: top;}
table.customerForm h4 {color: #00853F; font-size: 1.2em; margin: 0;}
table.customerForm th {text-align: right; font-weight: bold; padding-right: 1em;}
table.customerForm .sectionHeader td, table.customerForm .sectionHeader th {padding-top: 1.5em; padding-bottom: 0.5em;}

/* personal landing page type columns, inside a capsule */
.capsule .columns {margin-left: 0;}
.capsule .columns.three .col {width: 170px; background-position: right bottom;}

/* bundle price savings */
.bundlePrice {position: absolute; top: 20px; right: 40px; width: 271px; background: url("/static/Images/Cart/priceBackground.gif") no-repeat bottom;}
.bundlePrice table {margin-bottom: 5px;}
.bundlePrice td {text-align: right; font-size: 1em; font-weight: bold; vertical-align: bottom; height: 22px; padding: 6px 2px;}
.bundlePrice td.price {font-size: 1.6em; line-height: 1.0em;}
.bundlePrice td.period {text-align: left; font-size: 1.1em; font-weight: normal;}
.bundlePrice tbody {color: #666;}
.bundlePrice tbody.savings {color: #fff;}

/* in-process message */
#timer {display: none;}
.processing #timer {display: block; width: 90%; height:300px; padding-top:100px; text-align:center; background-color: white; margin: 0 auto;}
.processing div {display:none;}

/* special field for spam filtering */
#currentAge {visibility:hidden; display:none;}

#cart p.upgrade {color: #00853F;}

fieldset.ilec {border: none; margin: 0; padding: 1em;}

textarea#txtComments {overflow: hidden; color: #333;}
textarea#txtComments.example {color: rgb(152, 152, 153);}

.internationalCalling input {float: left; margin: 0.25em 0.5em 1em 0;}
.internationalCalling {color: #666; font-size: 0.85em; margin-top: 2em;}

/* Step indicator (sprite image) */
#stepIndicator{padding:0px;margin:0px;margin:auto;width:925px;height:58px; background-repeat: no-repeat;}

/* Triple bundle */
#stepIndicator.trpl {background-image:url('/static/Images/Cart/stepIndicatorTriple.png');}
.voiceStep #stepIndicator.trpl {background-position:0 0;}
.internetStep #stepIndicator.trpl {background-position:0 -60px;}
.tvStep #stepIndicator.trpl {background-position:0 -120px;}
.cartStep #stepIndicator.trpl {background-position:0 -180px;}
.checkoutStep #stepIndicator.trpl {background-position:0 -240px;}

/* Double bundle*/
#stepIndicator.dbl {background-image:url('/static/Images/Cart/stepIndicatorDouble.png');}
.voiceStep #stepIndicator.dbl {background-position:0 0;}
.internetStep #stepIndicator.dbl {background-position:0 -60px;}
.cartStep #stepIndicator.dbl {background-position:0 -120px;}
.checkoutStep #stepIndicator.dbl {background-position:0 -180px;}

/* Standalone Internet + Voice; note that this is the same as the double bundle */
#stepIndicator.internet {background-image:url('/static/Images/Cart/stepIndicatorDouble.png');}
.voiceStep #stepIndicator.internet {background-position:0 0;}
.internetStep #stepIndicator.internet {background-position:0 -60px;}
.cartStep #stepIndicator.internet {background-position:0 -120px;}
.checkoutStep #stepIndicator.internet {background-position:0 -180px;}

/* Three-step Internet indicator for existing customer (no voice step) */
.existingCust #stepIndicator.internet {background-image:url('/static/Images/Cart/stepIndicatorInternetExisting.png');}
.existingCust.internetStep #stepIndicator.internet {background-position:0 0;}
.existingCust.cartStep #stepIndicator.internet {background-position:0 -60px;}
.existingCust.checkoutStep #stepIndicator.internet {background-position:0 -120px;}

/* Standalone Television + Voice */
#stepIndicator.tv {background-image:url('/static/Images/Cart/stepIndicatorTelevision.png');}
.voiceStep #stepIndicator.tv {background-position:0 0;}
.tvStep #stepIndicator.tv {background-position:0 -60px;}
.cartStep #stepIndicator.tv {background-position:0 -120px;}
.checkoutStep #stepIndicator.tv {background-position:0 -180px;}

/* Three-step Television indicator for existing customer (no voice step) */
.existingCust #stepIndicator.tv {background-image:url('/static/Images/Cart/stepIndicatorTelevisionExisting.png');}
.existingCust.tvStep #stepIndicator.tv {background-position:0 0;}
.existingCust.cartStep #stepIndicator.tv {background-position:0 -60px;}
.existingCust.checkoutStep #stepIndicator.tv {background-position:0 -120px;}

.extra {color: #c00;}