/* =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: 90px 0 35px; background-color: #fff; border: solid #dcdcdc; border-width: 0 1px; width: 960px;}
#cart.nomenu .inside {padding-top: 25px;}
#helpLink {position: absolute; top: 25px; right: 25px; text-align: right;}
#cart p {margin: 0 10px 0.5em; color: #666;}
#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;}

.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;}
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;}

/* =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 */
.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: #666;}
table.summary tbody td {border: solid #cacaca; border-width: 1px 0;}
table.summary tbody .grid {border-left: 1px solid #cacaca; text-align: center;}

/* 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;}