/* colorbars */
.colorbar-blue-wide { background: url(colorbar-blue-wide.jpg) repeat-x; width:100%; height: 56px; border: 0; position: relative; }
.colorbar-blue2-wide { background: url(colorbar-blue2-wide.jpg) repeat-x; width:100%; height: 56px; border: 0; position: relative; }
.colorbar-green-wide { background: url(colorbar-green1-wide.jpg) repeat-x; width:100%; height: 56px; border: 0; position: relative; }

.colorbar-short { height: 20px; }

/* containers */
#box-new-customer { float: left; width: 385px; margin-right: 25px; padding-left: 5px; padding-right: 20px; padding-bottom: 50px; background: url(bg-new-customer.jpg) repeat-y; }
#box-existing-customer { float: left; width: 460px; padding-top: 80px; }

#box-login-with-my { }
#box-login-with-account { display: none; }
#order-left { width: 735px; float: left; min-height: 800px; }
#order-right { width: 205px; position: relative; float: left; }

.ch_left { border-right:1px solid #D2D2D2; padding-right:25px; position:relative; width:355px; padding-bottom: 40px; }
.ch_right { left:425px; position:absolute; width:270px; }
.box-contract { border: 1px solid #cccccc; height: 300px; overflow: auto; }
.box-add-remove-service { clear: both; padding-top: 10px; padding-bottom: 30px; } 
.service { display: none; position: relative; overflow: auto; padding-bottom: 20px; }
.icon-remove {  top: 0; right: 0; position: absolute; z-index: 1; }
.box-view-phones { width: 750px; float: right; }
.box-sort-phones { width: 130px; overflow: auto; float: left; padding: 15px 10px; }

/* misc */
.ch_left small { color:#878787;
font-size:9pt; font-style:italic;
margin-left:10px; }


/* supporting graphics */
.pic-meeting { width: 224px; height: 149px; float: right; margin-left: 10px; }
.box-add-remove-service .icon-category { margin-right: 10px; }
.service .icon-category { margin-top: 15px; margin-bottom: 0; }
ul.phones .phone-small { margin-right: 10px; }
.pad .icon-category { width: 91px; height: 73px; }
.pad .wireless-icon { width: 50px; }
.ty_social { width: 185px; height: 35px; border: 0; margin-bottom: 15px; }

/* forms */
.w150,.w165 { width: 150px; display: block; float: left; vertical-align: middle; padding: 8px 5px 0 0; }
.w165 { width: 165px; }
.ch_left .input { width: 90%; margin-top: 10px; margin-left: 20px; margin-bottom: 10px; }
.ch_left p { margin-top: 15px; }


.product-options { display: none; }

/* labels */
.modalable { cursor: pointer; }
.modalable:hover { color: #388fdf; }

/* headings */
.service-h { margin-top: 16px; margin-bottom: 0; }

/* lists */
ul.products { list-style-type: none; margin-left: 0; padding-left: 0; }
ul.products ul { list-style-type: none; margin-top: 10px; margin-bottom: 10px; margin-left: 11px; padding: 5px 0 0 15px; border-left: 1px solid black; overflow: auto; }
ul.products li { clear: both; }
ul.products ul li { clear: none; float: left; width: 220px; } 
ul.side-by-side { width: 250px; margin-right: 20px; padding-left: 20px; float: left; border-left: 1px solid #dedede; }
ul.products label { font-weight: normal; }

ul.products ul.default, ul.default { list-style-type: square; border: 0; width: 550px; }
ul.products ul.default li {  width: 275px;}
ul.products ul.itemdesList, ul.itemdesList { list-style-type: square; border: 0; width: 550px; }
ul.products ul.itemdesList li { width: 275px; }
ul.phones { list-style-type: none; margin: 20px 0; padding: 0; width: 99%; }
ul.phones li { width: 320px; float: left; }
ul.phones li.primary { width: 310px; margin-right: 20px; padding-left: 10px; }
.all-phones ul.phones li { width: 400px; }
ul.phones li ul.products li {  width: 230px; } 	
ul.phones ul.default { width: 230px; padding-left: 40px; }

ul.phones ul.itemdesList { padding-left: 0px; margin: 0; border: 0; list-style-position: inside; width: 200px; }
ul.phones ul.itemdesList li { padding: 0; margin: 0; width: 200px; }


.recommended-phones ul.phones ul.default li, .all-phones ul.phones ul.default li { width: 200px; float: none; }
.recommended-phones ul.default, .all-phones ul.default { list-style-position: inside; margin-top: 0; width: 200px; } 
.recommended-phones ul.phones ul.itemdesList li, .all-phones ul.phones ul.itemdesList li { width: 200px; float: none; }
.recommended-phones ul.itemdesList, .all-phones ul.itemdesList { list-style-position: inside; margin-top: 0; width: 200px; } 
.recommended-phones ul.phones li, .all-phones ul.phones li { width: 280px; margin-left: 20px; float: left; }
.recommended-phones { background: #efefef; } 


.all-phones ul.phones li { width: 310px; padding-right: 30px; margin-left: 30px; }
li.br-gray { border-right: 1px solid #000; }
.all-phones ul.phones { width: 750px; }

.box-sort-phones ul { list-style-type: none; margin: 10px 0; padding: 0; border: 0; }
.box-sort-phones ul li { padding: 2px 4px; font-size: .8em;}



/* modals */
.modal-product-description { width: 550px; border: 12px solid #00376e; padding: 20px; background: #FFF; display:none; position: absolute; top: 0px; left: 0px; z-index: 100; text-align: left; }
.box-special-offer { background: #00376e; color: #c0e0ff; padding: 10px 20px; margin: 20px 0; text-align: left; position: relative; }
.box-special-offer p { color: #c0e0ff; }
.box-special-offer .tag { background: url(tag-special-offer.png) no-repeat; width: 105px; height: 31px; position: absolute; z-index: 1; top: -15px; left: -10px; }

.box-web-only-offer { background: #00376e; color: #c0e0ff; padding: 10px 20px; margin: 20px 0; text-align: left; position: relative; }
.box-web-only-offer p { color: #c0e0ff; }
.box-web-only-offer .tag { background: url(tag-web-only-offer.png) no-repeat; width: 120px; height: 31px; position: absolute; z-index: 1; top: -15px; left: -10px; }

.box-price { text-align: right; float: right; width: 255px; margin-left: 20px; }
#modal-tail, #modal-tail-down { background: url(modal-tail.png) no-repeat; border: 0; width:26px; height: 21px; position: absolute; z-index: 101; display: none; }
#modal-tail-down { background: url(modal-tail-down.png) no-repeat; }

/* buttons */
.button-add-service { background: url(button-add-remove-service.png) no-repeat; text-indent: -1000000px; border:0; width: 203px; height: 44px; display: block; margin-left: 15px; }
.button-remove-service { background: url(button-add-remove-service.png) no-repeat 0 -45px; text-indent: -1000000px; border:0; width: 160px; height: 24px;  display: block; }
.button-add-a-line { background: url(button-add-a-line.png) no-repeat; text-indent: -10000000px; border: 0; width: 137px; height: 42px; display: block; }
.button-add-this-phone { background: url(button-add-this-phone.png) no-repeat; text-indent: -10000000px; border: 0; width: 125px; height: 34px; display: block; margin-top: 2px; }
.button-view-all-phones { background: url(button-view-all-phones.png) no-repeat; text-indent: -1000000px; border: 0; width: 169px; height: 42px; display: block; }
.button-checkout { width: 150px; height: 61px; border: 0;  } 
.button-place-order-lrg { width: 228px; height: 80px; border: 0; background: url(button-place-order-lrg.png) no-repeat; cursor: pointer; }
.button-continue-lrg { width: 170px; height: 61px; border: 0; background: url(button-continue-lrg.png) no-repeat; cursor: pointer; }

/* headings */
ul.phones li h3 { margin-bottom: 0; }
.address-heading { width: 188px; height: 41px; border: 0; }


/* pricing right side */
#box-order-pricing { padding: 10px 0 10px 20px; width:190px; height: auto; position: absolute; top: 130px;  }
#price_overview { width: 180px; border-spacing: 0;  padding: 0 0 10px 0;  list-style-type: none;  overflow: auto; font-size: .9em; margin: 0; }

#price_overview li { padding: 5px 0;  clear: left;  overflow: auto;  }
#price_overview label { float: left; font-weight: normal; }
#price_overview label.ovp { float: right;  }
#tr_bundle { color: #f69000; font-weight: bold;  }
#tr_monthly { color: #000; border-top: 1px solid #dddddd; }
#tr_monthly label { font-weight: bold; }
.price_lrg { color:#002955; float:left; font-size:3.2em; font-weight:normal; height:40px; }
#box-order-pricing sup  {    color: #002955; font-size: 1.2em; height: 40px; float: left;  }
#box-order-pricing small  {  float: left;   margin-bottom: 20px;   width: 100%;   font-weight: bold;   font-size: .9em;  padding-left: 15px;  padding-bottom: 15px;  }
#box-order-pricing .button-checkout { margin-left: 20px; margin-bottom: 20px; }


/* tables */
table.checkout { width: 580px; margin-left: 10px; } 
table.phone { margin-top: 20px; }

/* checkout steps */
.checkout-steps { background-image: url(checkout-steps.png); background-repeat: no-repeat; width: 100%; padding: 0; height: 30px; top: 13px; position: absolute; }
.step1 { background-position: 0 -30px; }
.step2 { background-position: 0 -60px; }
.step3 { background-position: 0 -90px; }
.step4 { background-position: 0 -120px; }
.step-img { width: 100%; height: 30px; }


.recommended-phones ul.phones ul.itemdesList, .all-phones ul.phones ul.itemdesList { width: 150px; }
.recommended-phones ul.phones ul.itemdesList li, .all-phones ul.phones ul.itemdesList li { vertical-align: top; width: 150px; }

#lpButtonCheckout { position: absolute; left: -160px; top: 12px; }