/* Fixes for color discrepancies in PNGs due to gamma information
 * TODO: remove these fixes once gamma info has been stripped from PNGs */

/* Fix for wrong color in Top Seller widget in IE: */
.ie ul#top-ten-list li.active {
    background-color: #418FBF;
    border-right: 1px solid #418FBF;
}

/* empty cart wrong color fix */
.ie div.empty-cart  {
	background-color: #C5C5C5;
}
.ie div#ship-ads {
	border-bottom:2px solid #C5C5C5;
	border-left:2px solid #C5C5C5;
	border-right:2px solid #C5C5C5;
}
/* Alpha styles
 * TODO: remove these post alpha 
 * These styles are in place to hide features which have been struck from the Alpha release.
 */

 span.sort-by {display: none;}

/******************************************************************************* 
 * Your Account styles
 */

#billingAddressEdit,
#shippingAddressEdit,
#shippingSpeedEdit,
#paymentMethodEdit,
#cancelItemButton {
    display: none;
}

.shoveler-content .map-link {
    font-size: 11px;
}
.review p {
	margin-bottom: 6px;
}
.review .reviewTitle {
	font-weight: bold;
	font-size: 15px;
}
#communityReviews {
    clear: both;
}
p.noPlan {
       float: right;
       left: 3px;
       margin: -13px 0;
       font-size:12px;
       position: relative;
       display: block;
       font-weight: bold;
       overflow: hidden;
}

#averageCustomerReviews p {
	font-size:15px;
	font-weight:bold;
}
.review .helpfulSummary {
    margin-bottom: 4px;
}
.normalText {
    font-size: 12px;
    font-weight: normal;
}
body.your-account div#leftColumn {
    float:left;
    padding:0 0 0 15px;
    width:235px;        
    clear: left;
}

div#myAccountHeadingTxt h2 {
    font-size:22px;
    margin: 0 0 15px 5px;
    color:#E57A12;
    font-weight:normal;
    line-height:1.6em;
}

div#needHelpHeadingTxt h2 {
    font-weight: normal;
    font-size: 12px;
    margin-top: 20px;
}

body.your-account div#leftColumn div.link { padding-bottom: 5px; }

body.your-account h2 {
    color: #414141;
    margin-bottom: 11px;    
}

body.your-account div#yourAccountMainMenu1 {
    border: 1px solid #D4D4D4;
    padding: 12px 16px;
    width: 206px;
    line-height: 1.6em;
}

body.your-account div#left-1 p{
    margin: 8px 0;
}

body.your-account div#left-2 {
    padding: 0 16px;
    width: 206px;
    line-height: 1.6em;
}

body.your-account div#centerColumn {
    float:left;
    padding:52px 0 0 40px;
    width: 610px;
}

body.your-account div#rightColumn {
    float: left;
    padding-left: 32px; /* TODO: make 46px padding-left on view orders page */
    width: 654px;    
}

body.your-account div#rightColumn div.viewOrdersHeading {
    color:#605D5D;
    margin-bottom:11px;
    font-weight: bold;
    font-size: 16px;
}

body.your-account div#rightColumn div#yourAccountMainMenu7 {
	line-height: 1.6em;
}

body.ie6.your-account div#rightColumn {
	padding-top: 52px;
}

div#yourAccountViewOrdersHistory2 div.form {
    height: 26px;
    overflow: hidden;
    position: relative;
    width: 257px;
    margin-bottom: 15px;
}

div#yourAccountViewOrdersHistory2 div.form input.form_button {
    float: right;
}

div#yourAccountViewOrdersHistory2 div.form select {
    width: 222px;
    position: absolute;
    top: 3px;
} 

body.your-account div.headingBox {
    color: #FFFFFF;
    padding: 0 0 0 15px;
    line-height: 1.6em;
    font-size: 12px;
    background-color: #7C8596;
    position: relative; /* Establish positioning context for top right rounded corner */
    height: 20px;
    overflow: hidden; /* Needed for IE6 */
}

body.your-account div.headingBox div.headingBoxTopRight {
	background-position: -18px -179px;
	width: 7px;
	height: 7px;
	right: 0;
	top: 0;
	position:absolute;
}

body.your-account div#right-3 {
    width:574px;    
}
div.orderSingle2 {
    border-bottom:1px solid #C9C9C9;
    padding:15px 13px;
    clear: left;
}

div.orderProperties {
    float:left;
    width:275px;    
}
div.orderDetailLink {
    padding-top: 16px;
    clear: left;
}

span.orderNumberHeading,
span.orderDateHeading,
span.orderRecipientHeading {
    font-size:12px;
    font-weight:bold;
}

div.trackingLink {
    margin-top: 10px;
}

body.your-account div#right-4 {
    border-top: 1px solid #FFF; 
    margin-top: -1px;   /* Cover up 1px grey border-bottom on last order */
}


/* Alpha styles for track package page */

div.actualShipments table.itemTable {
    font-size: 12px;
    margin-top: 14px;
}

div.actualShipments table.itemTable td.quantityColumn {
    padding-left: 10px;
}

div.actualShipments table.itemTable td.quantityColumn:first-letter {
    text-transform: capitalize;
}

div.yaHeadingTxt,
div#yourAccountViewOrdersShipTrack1 div.headSection div.heading {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 18px;
}

div#YALandingHeadingBlurb2 {
    margin-top: 20px;
}

div#yourAccountMainMenu7 ul {
    list-style-position: inside;
    padding-top: 12px;
    padding-left: 5px;
}
div#yourAccountMainMenu7 ul li div.link {
    display: inline;    
}   
    
div#yourAccountViewOrdersShipTrack1 div.headSection div.label {
    display: inline;
    font-weight: bold;
}
div#yourAccountViewOrdersShipTrack1 div.headSection div.value {
    display: inline;
    margin-left: 5px;
}

div#yourAccountViewOrdersShipTrack1 div.heading2 {
    font-weight: bold;
    margin: 20px 0 12px 0;
    font-size: 16px;
}

table.trackingEvents {
    font-size: 12px;
}

table.trackingEvents th {
    font-weight: bold;
    text-align: left;
}
table.trackingEvents td {
    vertical-align: top;
    padding-bottom: 10px;
}

/* Alpha styles for Your Account Order Summary page */
  
  div#viewOrdersHeading {
    color:#414141;
    margin-bottom:11px;
    font-weight: bold;
    font-size: 16px;
  }
  
  div#orderProperties {
    margin: 10px 0 10px 0;
  }
  
  div#yourAccountViewOrdersDetail2 div.headingBox {
    margin: 10px 0 10px 0;
    clear: both;
  }
  
  div.shippingAddressHeading {
    font-weight: bold;
  }
  
  div.orderPromiseDates {
    margin-bottom: 2px;
  } 
  
  div.orderPromiseDates span.shipment {
    display: block;
  }
  
  div.shippingSpeed {
    margin: 10px 0 10px 0;
  }
  
  span.trackPackageHeading {
    display: block;
    font-weight: bold;
  }
  
  span.trackingLink {
    display: block;
  }
  
  div.deliveryDateDiv {
    margin: 10px 0 0 0;
  }
  
  div.shipmentItems {
    margin-bottom: 20px;  
  }
  
  div.shipmentItems div.itemHeading {
    font-weight: bold;
    margin-top: 16px;
  }
  
  span.itemsOrderedHeading,
  div.shipmentItems span.item {
    float: left;
    clear: left;
    width: 400px;
  }
  span.orderTotalsHeading,
  div.shipmentItems span.itemPrice {
    float: left;
  }

  div.billingAddressValue:after,
    div.shipmentItems:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    zoom: 1;
    }

  
  div.billingAddressValue {
    float: left;
  }

  span.billingAddressHeading, 
  span.paymentMethodHeading {
    font-weight: bold;
    width: 150px;
    float: left;
    clear: left;
  }
  
  div#billingAddressEdit {
    clear: both;
    margin-left: 150px;
    position: relative;
    top: 5px;
  }
  
  div.paymentMethod {
    margin-bottom: 10px;
  }
  
  div.orderTotals {
    margin-top: 78px;
    width: 232px;
  }
  div.orderTotals div.hr {
    text-align: right;
  } 
  span.itemsChargeHeading,
  span.subtotalHeading,
  span.taxHeading,
  span.totalHeading {
    text-align: right;
    float: left;
    width: 185px;
    clear: left;
    font-weight: bold;
  }

  span.itemsChargeValue,
  span.subtotalValue,
  span.taxValue,
  span.totalValue {
    float: right;
    width: 40px;
    text-align: right;
    
  }

  div.itemsCharge,
  div.orderTotals div.hr,
  div.orderTotals div.subtotal,
  div.orderTotals div.total {
    clear: left;
  }
  
  div.view_change_bottom_links {
    padding-top: 40px;
    font-weight: bold;
    display: none;
  }

  div.view_change_bottom_links a {
    display: block;
    font-weight: normal;
  }

/* End Alpha styles */

/*youraccount view order detail*/
div#yourAccountLNPactivation {
	width: 510px;
}
div#yourAccountLNPactivation p.small-note {
	font-size: 11px;
	clear: both;
}
div#yourAccountLNPactivation div#yourAccountLNPmsg p{
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}
div#yourAccountLNPactivation div#yourAccountLNPmsg input#activationSubmitButton {
	background-color: transparent;
	background-position: -14px -249px;
	height: 22px;
	width: 100px;
	display: block;
	float: right;
	margin-top: 5px;
}
.ie6 div#yourAccountLNPactivation div#yourAccountLNPmsg p{
    margin-left: 18px;
}
/*youraccount view order history*/
div.orderHistoryCarrierShortStatus {
    padding: 5px 0px;
}
div.orderHistoryCarrierShortStatusDesc {
    font-size: 11px;
}

a.approve-button {
    width: 86px;
    margin-top: 5px;
    margin-bottom: 20px;
    padding-top: 22px;
    background-position: -12px -277px;
}

div#yourAccountContactUs1 {
	min-height: 400px;
}

/*youraccount hmd*/
div#yourAccountContactUs1 .txtFieldLabel {
    width: 23%;
}

div#yourAccountContactUs1 #tabContactInner {
    line-height: 160%;
}

div#yourAccountContactUs1 .txtFieldLabelMemo,
div#yourAccountContactUs3 .txtFieldLabelMemo {
    padding-bottom: 3px;
}

.yaErrFont {
	color: #A31919;
}

/* Reset styles */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,select,div {
    margin: 0;
    padding: 0;
}

a img {border: 0;} /* Remove default 2px blue borders on linked images */

/* Always show vertical scrollbar */
html {
    height: 100%;
    margin-bottom: 1px !important;
}

/* Header styles */
h1 {
    font-size: 18px;
    color: #e57a12;
    line-height: 1.6em;
    font-weight: bold;
}
h2 {
    color: #e57a12;
    font-size: 16px;
}
h3 { 
    color: #e57a12;
    font-size: 15px;    
}

h4 {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 14px;
    color: #404040;
}
    
a:link,
a:visited {
    text-decoration: none;
    color: #039;
}

a:hover,
a:active {
    text-decoration: underline;
}

.removePhone a, .removePlan a, .editOptions a{
text-decoration: underline !important;
}

body {
     background-color: #FFFFFF;
}

p {
    margin-bottom: 16px;
}
   
span.carat {
    font-weight: bold;
    color: #e57a12;
    font-size: 12px;
}

/* Font styles */

body, select, input, textarea {
    font-family: Helvetica, Arial, sans-serif;  
    color: #605D5D;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-size: 12px;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    text-decoration: none;
}

body {
    color: #424242;
}
/* Utility classes */

/* Add class="image-replaced" to any element which you would like to replace
 * its text with a CSS sprite. Then give it padding-top equal to the image's height
 * and width equivalent to the image's width.
 * Note: IE needs height in addition to padding-top on input/submit buttons. */

.image-replaced {
    display: block;
    height: 0;
    overflow: hidden;
    background-repeat: no-repeat;
}

input.image-replaced {
    background-color: #FFF;
    border: none;
    cursor: pointer;
}

.bold {
	font-weight: bold;
}

.hidden {
    display: none;  
}

.nobr{
	white-space: nowrap;
}

.learnMoreLink {
	color: #003399;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
} 

div.clear-fix {
    height: 0;
    overflow: hidden;
    clear: both;    
}

input.text, label select, select.text {
    background: #FFFFDD none repeat scroll 0 50%;
    border: 1px solid #CCCCCC;
}

span.header-note {
    font-weight: normal;
    font-size: 14px;
}


/* Green 'check mark' (not checkboxes, see below) */
span.check-mark {
	float: left;
	width: 16px;
	height: 15px;
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-nav._V238711015_.png);
	background-position: -126px -76px;
}


/* Checkboxes */

span.checkbox {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-search._V239525684_.png);
	padding-left: 20px; /* Padding equal to checkbox image width */
	height: 18px;
	background-position: -20px -13px;
}

.ie span.checkbox {
    float: left; 
}

span.checkbox.checked {
    background-position: -20px -31px;
}

span.checkbox.disabled,
.disabled span.checkbox {
    background-position: -20px -49px;
}

span.checkbox.hover {
    background-position: -20px -66px;
}

span.checkbox.checked.disabled,
.disabled span.checkbox.checked {
    background-position: -20px -83px;
}

/* Price styles */

span.slashed-price {
    text-decoration: line-through;
}

span.sale-price {
    color: #990000;
}

/* Review Stars */

/* Example HTML for Review Stars:

    <img src="http://g-ecx.images-amazon.com/images/G/01/x-locale/common/transparent-pixel._V42752373_.gif" 
         width="65" 
         height="12" 
         alt="4 out of 5 stars" 
         class="review-star star-4-0" />

 */

.review-star {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/spritedstars._V239213296_.png);
	background-repeat: no-repeat;
	width: 65px;
	height: 12px;
}

.review-star.star-5-0 { background-position: 0px 0px; }
.review-star.star-4-0 { background-position: -13px 0px; }
.review-star.star-3-0 { background-position: -26px 0px; }
.review-star.star-2-0 { background-position: -39px 0px; }
.review-star.star-1-0 { background-position: -52px 0px; }
.review-star.star-0-0 { background-position: -65px 0px }
.review-star.star-4-5 { background-position: -0px -13px; }
.review-star.star-3-5 { background-position: -13px -13px; }
.review-star.star-2-5 { background-position: -26px -13px; }
.review-star.star-1-5 { background-position: -39px -13px; }
.review-star.star-0-5 { background-position: -52px -13px; }

/* Buttons */


/* Go button in header (with grey background) */
input.go-button {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-nav._V238711015_.png);
	background-repeat: no-repeat;
	background-position: -122px -100px;
	border: none;
	float: left;
	padding-top: 24px;
	width: 24px;
	background-color: transparent;
}

.ie input.go-button {
    height: 24px;    
}

/* Hover state for "Go" button. Needs class="hover" added with JS for Internet Explorer. */
input.go-button:hover, 
input.go-button.hover {
    background-position: -122px -126px;
}

/* Go button in "Upgrade Phone" widget (with white background) */
div#upgrade-phone input.go-button {
    background-position: -154px -98px;  
    padding-top: 26px;
    width: 26px;
    margin: 0 0 0 5px;
}

.ie div#upgrade-phone input.go-button {
    height: 26px;
}

div#upgrade-phone input.go-button:hover, 
div#upgrade-phone input.go-button.hover {
    background-position: -154px -127px; 
}


/* Rounded corners */

div.rounded-corner {
	position: absolute;
	height: 4px;
	width: 4px;
	background-repeat: no-repeat;
}

.ie div.rounded-corner {
    overflow: hidden;
}
    
div.rounded-corner.top-left {
    left: -1px;
    top: -1px;
    background-position: -5px -130px;
}
div.rounded-corner.top-right {
 /*   background-position: -95px -71px; */
    right: -1px;
    top: -1px;
    background-position: -18px -130px;
}

.ie div.rounded-corner.top-right {
    top: 0;
    right: 0;   
}


div.rounded-corner.bottom-left {
/*    background-position: -71px -102px; */
    left: -1px;
    background-position: -5px -149px;
}

div.rounded-corner.bottom-right {
/*    background-position: -95px -102px; */
    right: -1px;
    background-position: -19px -149px;

}

/* Bottom corners */
div.rounded-corner.bottom-left,
div.rounded-corner.bottom-right {
    bottom: -1px;
}

/* Bottom corners in IE */
.ie div.rounded-corner.bottom-left,
.ie div.rounded-corner.bottom-right {
    overflow: hidden;
    bottom: 0;  
}

/* Right side in IE */
.ie div.rounded-corner.top-right,
.ie div.rounded-corner.bottom-right {
    right: 0;
}

/* Logos */
    
/* TODO - remove background-image from here and create a local <style> tag in the necessary styles */    
span.att-logo-small {
    background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-nav-1436796082._V220013286_.png);;
	padding-top: 17px;
	width: 36px  !important;
	margin: 0 0 0 10px;
	background-position: -187px -176px;
}

span.tmobile-logo-small {
    background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-nav-1436796082._V220013286_.png);;
	padding-top:  12px;
	width: 65px  !important;
	margin: 0 0 0 10px;
	background-position:  -187px -204px;	
}

/* Add margin-right to provider logos */
/* TODO: add class="provider-logo" to provider logos on Plan ABN and change the following rule to:
   ol#plan-results span.provider-logo {
*/
ol#plan-results span.result-carrier.image-replaced {
    margin-right: 70px !important;
}

ol#plan-results span.result-carrier.image-replaced.tmobile-logo-small {
    margin-right: 40px !important;
}

div#smart-cart-wrapper li.plan-section span.verizon-logo-small,
div#smart-cart-wrapper li.plan-section span.att-logo-small,
div#smart-cart-wrapper li.plan-section span.tmobile-logo-small,
div#smart-cart-wrapper li.plan-section span.provider-logo {
	clear:both;
	float:left;
	margin-top:4px;
}

/* TODO: add class="provider-logo" to provider logos in smart cart and remove the next 2 lines */
div#smart-cart-wrapper span.verizon-logo-small,
div#smart-cart-wrapper span.att-logo-small,
div#smart-cart-wrapper span.tmobile-logo-small,
div#smart-cart-wrapper span.provider-logo {
    float: right;
} 

/* TODO: add verizon small logo to sprite-nav.png and use it instead of sprite-checkout.png */
span.verizon-logo-small {
    background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-pipeline._V250965911_.png);
    background-position: -318px -241px;
    width: 52px !important;
    padding-top: 20px;
    margin: 0 0 0 0px;
    position: relative;
    top: -3px;
} 

/* Wrapper */
#wrapper {
    padding: 10px 20px 10px 20px;
    margin: 0 auto;
    width: 961px;
}

/* Top slots (banner, navbar, cart) */
div#topSlots {
    margin-bottom: 8px;
    height: 100px;
}

/* Banner 
 * Contains logo and sign in, search, browse tabs */
div#banner { 
    /* background-image specified in the pagelet */
    background-repeat: repeat-x;
    background-position: 0 10px;
    float: left;
}

/* Slot: top-1 
 * Contains logo and banner background image */
div#top-1 {
    float: left;
}

/* Image: "Amazon Wireless" logo */
a#logo {
    margin: 13px 0 0 13px;
    /* Logo uses CSS image replacement, requiring padding-top and width
     * equal to the height and width of the image */
    padding-top: 50px;
    width: 228px;
    background-position: -94px -2px;
}

.logo {
padding-top: 5px;
}

/* Banner-main
 * Contains top-2, top-3 and top-4 (sign in, search and browse tabs) */
div#banner-main {
    width: 394px;
    float: left;
}

/* Slot: top-2
 * Contains top nav text menu */
div#top-2 {
    margin: 3px 0 4px 80px;
}
.ie div#top-2 {
    margin: 3px 0 4px 85px;
}

ul#headerLinks {
    list-style: none;
    font-size: 11px;
    line-height: 18px;
}

ul#headerLinks li {
    display: inline;
}

ul#headerLinks a {
    padding-left: 4px;
    padding-right: 4px;
}

.dynamicSignInMenu {
    
}

#top-2 img.nav-bar-vert {
    height: 10px;
}

/* Slot: top-3
 * Contains search bar */
div#top-3 {
    padding-left: 24px;
}

/* Search bar */
div#searchBar {
    
}

#searchBar .searchLabel { /* Text: "Search" */
    font-size: 14px;
    font-weight: bold;
    color: #5b5b5b;
    margin-right: 3px;
    position: relative;
    top: 2px;
}

#searchBar select {
    margin-right: 3px;
    width: 87px;
    font-size: 12px;
    font-weight: normal;
    color: #424242;
    position: relative;
    top: 2px;
    border: 1px solid #ccc;
}

.ie #searchBar select {
    top: 3px;    
}


input#searchKeywords {
    width: 255px;
    border: 1px solid #ccc;
    padding: 2px 0 0 2px;
    position: relative;
    top: 3px;
}

.ie input#searchKeywords {
    height: 18px;
}

div#searchBar form input#search-nav-submit { /* Button: "Go" */
    margin: 1px 15px -8px 3px;
    float: right;
}

.ie div#searchBar form input#search-nav-submit {
    position: relative;
    top: 2px;   
}

.ie6 div#searchBar form input#search-nav-submit {
    display: inline;
}

/* Browse tabbed navigation
 * "Browse: Phones | Plans | Carriers" */
div#browseTabs {
	width: 355px;
	margin: 10px 0 0 0;
	padding: 6px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	position: relative; /* Establish positioning context for nav divider */
	background-repeat: repeat-x;
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/common/nav-2px-horz-mid._V263398811_.gif);
	background-position: left top;
}

/* Horizontal nav divider */
div#nav-divider-left,
div#nav-divider-right {
    background-repeat: no-repeat;
    position: absolute;
    height: 2px;
    /* TODO: specify CSS sprite as background image */
}

div#nav-divider-left {
	/* background-position: 9px, 99px; */
	width: 78px;
	left: 0;
	top: 0;
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/common/nav-2px-horz-left-end._V263398811_.gif);
}

div#nav-divider-right {
	/* TODO: replace with sprite and use following x,y coordinates */
	/* background-position: 22px, 91px; */
	width: 46px;
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/common/nav-2px-horz-right-end._V263398810_.gif);
	right: 0;
	top: 0;
}

div#browseTabs ul {
    margin-left: 18px;
    margin-top: 5px;
}

#browseTabs a {
    color: #039;
}

#browseTabs li {
    display: inline;
    padding: 0 6px;
    color: #BEBEBE;
}

#browseTabs .nav-browse {
    color: #656565;
}

img.nav-bar-vert {
    position: relative;
    top: 4px;
    height: 16px;
}

/* Cart wrapper 
 * Contains top-5, top-6 (Smart cart/bundler and advertisement) */
div#cart-wrapper {
    float: left;
    width: 310px;
    margin-left: 15px;
    position: relative; /* Establish positioning context for abs-positioned cart */
}
.ie div#cart-wrapper {
    z-index: 2; /* Needed for IE to put the smart cart on top of the rest of the page, e.g. buybox */
}


/* TODO: refactor/merge bundler styles into smart cart (remove "bundler" ID) */
/* Bundler / Smart Cart */

div#smart-cart-wrapper {
    position: absolute; /* Establish positioning context for rounded corners and remove from page flow */
    top: 0;
    left: 0;
    width: 100%;    
}

div#smart-cart-wrapper div.border-bottom {
    position: absolute;
    width: 300px;
    bottom: -7px;
    left: 7px;
    height: 7px;
    background-color: #6F7889;    
}

.ie6 div#smart-cart-wrapper div.border-bottom {
    width: 302px;
}

div#smart-cart-wrapper.collapsed {
    border: 2px solid #6F7889;
    background-color: #FFFFFF;
    height: auto !important;
    z-index: 3;      
}

.ie div#smart-cart {
    zoom: 1; /* Trigger 'hasLayout' */
    position: relative; /* Needed for z-index to work */
    z-index: 3; /* Place on higher layer above ship-ads */
    background-color: #FFF;
}


div#smart-cart-wrapper.collapsed div.rounded-corner {
    height: 7px;
    width: 7px;
}
div#smart-cart-wrapper.collapsed div.rounded-corner.top-left {
    background-position: -245px -52px;
    left: -2px;
    top: -2px;
}

.ie6 div#smart-cart-wrapper.collapsed h4#cart-header div.rounded-corner.top-left {
    left: -12px;
}

div#smart-cart-wrapper.collapsed div.rounded-corner.top-right {
    background-position: -256px -52px;    
    right: -2px;
    top: -2px;
}
div#smart-cart-wrapper.collapsed div.rounded-corner.bottom-left {
    background-position: -324px -60px;      
    left: -2px;
    bottom: -2px;
    height: 8px;
    width: 8px;
}
div#smart-cart-wrapper.collapsed div.rounded-corner.bottom-right {
    background-position: -336px -60px;  
    right: -2px;
    bottom: -2px;
    height: 8px;
    width: 8px;
}

/* Empty smart cart */
div.empty-cart {
    background-color: #CBCBCB;
    height: 22px;
    font-weight: bold;
    color: #FFF;
}

.ie div.empty-cart {
    overflow: hidden;
}

div.empty-cart p {
    padding: 3px 0 0 12px;
}

div.empty-cart span.cartdesc {
    font-weight: normal;
    font-size: 11px;    
}

div.empty-cart div.rounded-corner {
    width: 7px;        
    height: 7px;
}

div.empty-cart div.rounded-corner.top-left {
    background-position: -191px -52px;
    left: 0;
    top: 0;
}
div.empty-cart div.rounded-corner.top-right {
    background-position: -203px -52px;
    right: 0;
    top: 0;
}

/* General smart cart styles */
h4#cart-header {
    position: relative;
    color: #FFF;
    font-size: 12px;
    background-color: #6F7889;
    padding: 2px 10px 2px 10px;
	margin-bottom: 0;
}

div#smart-cart-wrapper.collapsed h4#cart-header {
    margin-bottom: 0;   
}

span.cart-header-zip-code {
    font-weight: normal;
}

span.cart-header-open-close {
	position: absolute;
	right: 5px;
	font-weight: normal;
	cursor: pointer;
}

/* Smart Cart / Bundler
 * Workflow styles */

/* When smart cart has class workflow it is in one of 3 workflow states:
 * Phone, Plan and Service Options */

div#smart-cart-wrapper.collapsed.workflow {
    border: 1px solid #4C99C5;
    background-color: #FFF;
    height: auto;
    padding-bottom: 3px;   
}

/* Phone workflow */
div.workflow-phone li.plan-section {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.ie div.workflow-phone li.plan-section div.clear-fix {
    display: none;
}
.ie div.workflow-phone li.service-options-section div.clear-fix {
    display: none;
}

a#select-a-plan {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-nav._V238711015_.png);
	background-position: -8px -171px;
	width: 146px;
	padding-top: 22px;
	float: right;
	position: relative;
	left: 3px;
	margin: 3px 0;
}

/* Plan workflow */
div#smart-cart-wrapper.collapsed.workflow-plan {

}

div.workflow-plan li.service-options-section h4.section-header {
    width: 104px;
    float: left;    
}

div.workflow-plan li.service-options-section span.header-note {
    position: relative;
    left: 1.2em;
    color: #707070;
}

a#select-service-options {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-nav._V238711015_.png);
	background-position: -8px -198px;
	float: left;
	width: 171px;
	padding-top: 22px;
	margin-left: 12px;
	position: relative;
	left: 2px;
}

/* Smart cart */


/* "smart-cart-outer" is the dark grey outer section */

div.smart-cart-outer {
    padding: 2px 2px 7px 2px;
    background-color: #6F7889;
    position: absolute; /* Establish positioning context for rounded corners */
    width: 100%; /* i.e. 310px */
    top: 0;
    left: 0;
    z-index: 10; /* Place on higher layer than ship-ads */    
}    

.ie6 div.smart-cart-outer {
    width: 312px !important;
    overflow-x: hidden;    
}

h4.smart-cart-header {
    color: #FFF;
    padding: 0 20px;
    margin-bottom: 4px;
}
div.smart-cart-inner {
    background-color: #FFF;
    padding: 11px 11px;
    position: relative; /* Establish positioning context for rounded corners */             
}

.ie div.smart-cart-inner {        
    zoom: 1; /* trigger 'hasLayout' in IE so it will render correctly */
    padding: 11px 23px;
}


div.smart-cart-inner h4 {    
    font-size: 12px;
    color: #E57A12;
}

/* TODO: merge bundler-* styles into smart-cart-* styles */
div.bundler-section.disabled {
    background-color: #A6CCE3;
    color: #707070;
}
    
div.smart-cart-outer span.cart-header-zip-code {
    font-size: 12px;
}    

div.smart-cart-outer h4.smart-cart-header {
    text-align: left;
    padding: 0 0 0 5px;
}

/* TODO: change to smart-cart-product-title */
h4.bundler-product-title {
    color: #000 !important;
    font-size: 12px;
    width: 180px;
    float: right;
    margin: 5px 0 8px 0;
}

div.smart-cart-outer h4.success-header {
    color: #339933;
    font-size: 10px;
    margin: 10px 0 0 0;
    clear: both;
}

div.smart-cart-outer span.success-note,
div.smart-cart-outer a.change-zip {
    font-size: 11px;
}
/* Smart cart inner (white section) */

.workflow div.smart-cart-inner {
    padding: 0; /* Remove default 11px padding when in workflow state */
}
a#existingplanWhy {
	font-size: 11px;
	font-weight: normal;
}    

div.smart-cart-inner ol {
    list-style: none;
}

div.smart-cart-inner h4.section-header {
    color: #E47911;
    margin-bottom: 0 !important;
    float: left;
}

div.smart-cart-inner li.disabled h4.section-header {
    float: none;
}    
div.smart-cart-inner li.completed h4.section-header {
    color: #E3A76F; 
}
div.smart-cart-inner li.current h4.section-header {
    color: #000;
}
div.smart-cart-inner li.disabled h4.section-header {
    color: #6D7275;
}

div.smart-cart-inner li.phone-section,
div.smart-cart-inner li.plan-section,
div.smart-cart-inner li.service-options-section {
    padding: 3px 11px 3px 11px;
}

div.smart-cart-inner li.completed {
    padding: 2px 11px 2px 11px !important;
}

/* Smart cart Phone section */

div.smart-cart-inner li.phone-section h4.section-header {
    margin-bottom: 5px !important;

}

.ie div.smart-cart-inner li.phone-section h4.section-header {
    float: left;
}
div.smart-cart-inner span.check-mark {
    margin-right: 5px;
}

div.bundler-product-image-wrapper {
    width: 100px;
}

img.bundler-product-image {
    float: left;
    clear: left;
    margin: 0 auto 10px auto;
}

/* TODO: where is this being used? remove if unused */
span.monthly-minutes {
	float: left;
	clear: left;
	margin: 0 auto 10px auto;
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-nav._V238711015_.png);
	background-position: -210px -207px;
	width: 91px;
	padding-top: 25px;
}

div#shop-for-second-phone {
    /* Contains link "Shop for a second phone" */
    clear: both;
    border-color: #CCC;
    border-style: dashed;
    border-width: 1px 0;
    text-align: right;
    padding: 2px 0;
    font-weight: normal;
}

div#shop-for-second-phone span.carat {
    margin-right: 3px;
}

/* Smart Cart prices */

div.main-price-wrapper { /* Contains list price and price */
    width: 180px;
    float: right;
}

div.smart-cart-inner span.sale-price {
    font-weight: bold;
    font-size: 14px;
    color: #B03738;
}

/* The price column is the prices for list price, price, rebate and price after rebate */
span.price-column {
    float: right;
    clear: right;
    text-align: right;
    color: #000;
}

span.bundler-list-price-wrapper,
span.bundler-price-wrapper {
    clear: both;
}

span.price-label {
    float: right;
}


div.rebate-wrapper {
	clear: both;
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/bs-rebate-fade._V263969206_.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 5px 0 5px 0;
	line-height: 140%;
}

.ie div.rebate-wrapper {
    zoom: 1; /* Trigger hasLayout */
}

span.after-rebate-price-wrapper {
    clear: both;
}

span.rebate-label a {
    text-decoration: none;
    border-bottom: 1px dashed #039;
}

div.add-or-remove {
    padding: 0 0 10px 0;
    text-align: right;
    clear: both;
}

/* Smart cart phone section */
div.smart-cart-inner li.phone-section {
    position: relative;
    border-color: #6F7889;
}

.ie6 div.smart-cart-inner li.plan-section {
	margin-top: -2px;
	padding-bottom: 5px !important;
}

/* Smart cart Plan section */
div.smart-cart-inner li.plan-section {
    position: relative;
    border-color: #6F7889;
    border-style: solid;
    border-width: 2px 0;
}
.ie .workflow-phone div.smart-cart-inner li.plan-section {
    zoom: 1;
}
.ie .workflow-phone div.smart-cart-inner li.phone-section {
    zoom: 1;
}
.ie .workflow-phone div.smart-cart-inner li.service-options-section {
    zoom: 1;
}

.ie div.smart-cart-inner li.plan-section .check-mark {
    clear: left;    
}

div.smart-cart-inner li.plan-section h4.section-header {
    margin-top: 6px;
}

div.smart-cart-inner li.plan-section h4.bundler-product-title {
    width: 212px;
    text-align: right;
}

.ie6 div.smart-cart-inner li.plan-section h4.bundler-product-title {
    width: 200px;
    text-align: right;
}

div.smart-cart-inner li.plan-section h4.success-header,
/*div.smart-cart-inner li.phone-section h4.success-header,*/
div.smart-cart-inner li.service-options-section h4.success-header {
    border-color: #CCCCCC;
    border-style: dashed;
    border-width: 1px 0 0 0;
    padding-top: 6px;
}

div.smart-cart-inner li.plan-section div.main-price-wrapper {
    width: 170px;
}

/* Smart cart Service Options section */

div.smart-cart-inner li.service-options-section {
    position: relative;
}

/* Set height when on service options page since "Next, select service options" button not present */
div#optionPage div#smart-cart-expanded li.service-options-section { 
		min-height: 21px; 
}
.ie6 div#optionPage div#smart-cart-expanded li.service-options-section { 
		height: 21px; /* IE6 treats height like min height */
}


.ie div.smart-cart-inner li.service-options-section {
    zoom: 1;
    margin-top: -3px;
    margin-bottom: -3px;
}
.ie6 div.smart-cart-inner li.service-options-section {
    margin-bottom: -4px;
}

li.service-options-section h5 {
	  clear: left;
    font-size: 11px;
    color: #000;
    margin-left: 14px;
		padding-top: 7px;
}

li.service-options-section h4.bundler-product-title {
    width: auto;
    float: none;
    margin-left: 14px;
}

li.service-options-section ul {
    font-size: 11px;
    clear: both;
    list-style-type: disc;
    margin-left: 22px;
    margin-bottom: 30px;
}

li.service-options-section ul li {
		margin-bottom: 11px;
}

span.monthly-price-wrapper {
    float: right;
    width: 48px;
    font-size: 10px;
}

span.monthly-price {
    display: block;
    color: #B03738;
    font-weight: bold;
}
span.subtotalHeader {
	float: right;	
	padding-right: 4px;	
}
li#optionsSubtotal {
	list-style-type: none;	
}
li#optionsSeparator {
	margin-bottom: 5px;
	list-style-type: none;
	border-bottom-style: dashed;
	width: 60px;
	border-width: 1px;
	margin-top: 5px;
	margin-left: 208px;
}
span.edit-and-remove {
    display: block;
}

a#review-your-cart {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-nav._V238711015_.png);
	background-position: -8px -227px;
	display: block;
	margin: 0 auto 8px auto;
	width: 185px;
	padding-top: 22px;
}

a.proceed-to-checkout,
input.proceed-to-checkout {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-nav._V238711015_.png);
	display: block;
	margin: 8px auto 0 auto;

	/* TODO: fix background position, padding-top and width */
	background-position: -169px -256px;
	width: 150px;
	padding-top: 22px;
}

/* Disabled state for when in Phone workflow */
div.smart-cart-inner li.service-options-section.disabled,
div.smart-cart-inner li.plan-section.disabled 
{
    background-color: #D4D7DC;
    padding-top: 7px;
    padding-bottom: 7px;
}

.ie div.smart-cart-inner li.service-options-section.disabled {
    margin-top: -3px;
    margin-bottom: -3px;
}
.ie6 div.smart-cart-inner li.service-options-section {
    padding-bottom: 9px !important;
}
.ie6 div.smart-cart-inner li.service-options-section.disabled {
    padding-bottom: 8px !important;
}
.ie div.smart-cart-inner li.service-options-section.disabled div.rounded-corner.bottom-left,
.ie div.smart-cart-inner li.service-options-section.disabled div.rounded-corner.bottom-right {
    bottom: -1px;
}

/* Workflow price wrapper */

.workflow span#bundler-price-wrapper {
    color: #FFF;
    padding: 6px 5px 6px 0;
    float: none;
    margin: 0;
    text-align: right;
    display: block;
}

.workflow span#bundler-footnote-wrapper {
    border-color: #CCCCCC;
    border-style: dashed;
    border-width: 1px 0 0 0;
    color: #FFF;
    padding: 6px 5px 0 6px;
    float: none;
    margin: 0 5px 0 5px;
    text-align: left;
    display: block;
    font-size: 11px;
}

.workflow span.bundler-price {
    font-size: 12px;
    color: #FFF;
}


/* Smart Cart outer corners (dark grey area) */

div.smart-cart-outer div.rounded-corner {
	width: 7px;
	height: 7px;
}

div.smart-cart-outer h4#cart-header div.rounded-corner.top-left {
    left: -2px;
    top: -2px;    
}

.ie6 div.smart-cart-outer h4#cart-header div.rounded-corner.top-left {
    left: -12px;
}
div.smart-cart-outer h4#cart-header div.rounded-corner.top-right {
    right: -2px;
    top: -2px;    
}
.ie6 div.smart-cart-outer h4#cart-header div.rounded-corner.top-right {
    right: 0;
}

div.smart-cart-outer div.rounded-corner.top-left {   
    background-position: -245px -52px;
    top: 0;
    left: 0;
}

div.smart-cart-outer div.rounded-corner.top-right {
    background-position: -256px -52px;
    top: 0;
    right: 0;
}

div.smart-cart-outer div.rounded-corner.bottom-left {
    background-position: -217px -62px;
    bottom: -7px;
    left: 0;
}

div.smart-cart-outer div.rounded-corner.bottom-right {    
    background-position: -228px -62px;
    bottom: -7px;
    right: 0;
}

.ie6 div.smart-cart-outer div.rounded-corner.top-left {
    left: -3px;
}


.ie div.smart-cart-outer div.rounded-corner.top-right,
.ie div.smart-cart-outer div.rounded-corner.bottom-right {   
    right: 0;
}

.ie6 div.smart-cart-outer div.rounded-corner.bottom-left {
    left: 0;
}
.ie6 div.smart-cart-outer li.plan-section div.rounded-corner.bottom-left {
    left: -1px;
}
.ie7 div.smart-cart-outer div.rounded-corner.bottom-left,
.ie7 div.smart-cart-outer div.rounded-corner.bottom-right {
    bottom: -7px;
}

/* Smart Cart inner corners (white area) */

div.smart-cart-inner div.rounded-corner {
    width: 6px;   
    height: 6px;
}

div.smart-cart-inner div.rounded-corner.top-left {
    background-position: -273px -52px;
}
div.smart-cart-inner div.rounded-corner.top-right {
    background-position: -284px -52px;
}
div.smart-cart-inner div.rounded-corner.bottom-left {
    background-position: -273px -62px;
    left: 0;
    bottom: 0 !important;
}
div.smart-cart-inner div.rounded-corner.bottom-right {
    background-position: -284px -62px;
    bottom: 0 !important;
}

.ie div.smart-cart-inner div.rounded-corner.top-left {
    left: 0;
}

.ie div.smart-cart-inner div.rounded-corner.bottom-left {
    left: 0 !important;
}


body.ie div.smart-cart-inner li.service-options-section div.rounded-corner.bottom-left,
body.ie div.smart-cart-inner li.service-options-section div.rounded-corner.bottom-right {
    bottom: 0px !important;
}


/* Disabled rounded corners */
div.smart-cart-inner li.disabled div.rounded-corner {
}

div.smart-cart-inner li.disabled div.rounded-corner.top-left {
    background-position: -299px -52px;
    top: 0;
    left: 0;
}

div.smart-cart-inner li.disabled div.rounded-corner.top-right {
    background-position: -310px -52px;
    top: 0;
    right: 0;
}

div.smart-cart-inner li.disabled div.rounded-corner.bottom-left {
    background-position: -299px -62px;
    bottom: 0;
    left: 0;
}
div.smart-cart-inner li.disabled div.rounded-corner.bottom-right {
    background-position: -310px -62px;
    bottom: 0;
    right: 0;
}

.ie7 div.smart-cart-inner li.disabled div.rounded-corner.bottom-left,
.ie7 div.smart-cart-inner li.disabled div.rounded-corner.bottom-right {
  bottom: 0 !important;    
}


/* TODO: rename bundler to smart-cart-collapsed */

/* Bundler rounded corners */

.ie6 div#smart-cart-wrapper.collapsed div.rounded-corner.bottom-right,
.ie6 div#smart-cart-wrapper.collapsed div.rounded-corner.bottom-left {
    bottom: -2px;
}

.ie6 div#smart-cart-wrapper.collapsed div.rounded-corner.bottom-right {
    right: -2px;
}

.ie6 div#smart-cart-wrapper.collapsed div.rounded-corner.top-right {
    right: -2px;
    top: -2px;
}

.ie6 li.plan-section div.rounded-corner.bottom-left,
.ie6 li.plan-section div.rounded-corner.bottom-right {
    bottom: -1px !important;    
}

/* Smart-cart-collapsed
 * Inner top-left and top-right corners */

div#smart-cart-collapsed {
    padding-top: 8px;
    position: relative; /* Establish positioning context for top-left and top-right rounded corners */    
}

.ie div#smart-cart-collapsed {
    zoom: 1; /* Trigger hasLayout */
}

div#smart-cart-wrapper div#smart-cart-collapsed div.rounded-corner.top-left {
    top: 0;
    background-position: -271px -52px;
}
div#smart-cart-wrapper div#smart-cart-collapsed div.rounded-corner.top-right {
    top: 0;    
    background-position: -285px -52px;
}


/* TODO: refactor/rename from workflow-plan for general use */
/* Bundler rounded corners for workflow-plan */

div#smart-cart-wrapper.collapsed.workflow-plan div.rounded-corner {
	width: 7px;
	height: 7px;
}

div#smart-cart-wrapper.collapsed.workflow-plan div.rounded-corner.top-left {
    background-position: -11px -71px;
    top: -3px;
    left: -2px;
}

div#smart-cart-wrapper.collapsed.workflow-plan div.rounded-corner.top-right {
    background-position: -30px -71px;
    top: -3px;
    right: -2px;
}

div#smart-cart-wrapper.collapsed.workflow-plan div.rounded-corner.bottom-left {
    background-position: -11px -102px;
    left: -2px;
    bottom: -2px;
}
div#smart-cart-wrapper.collapsed.workflow-plan div.rounded-corner.bottom-right {
    background-position: -30px -102px;
    right: -2px;
    bottom: -2px;
}

.ie6 div#smart-cart-wrapper.collapsed.workflow-plan div.rounded-corner.top-right,
.ie6 div#smart-cart-wrapper.collapsed.workflow-plan div.rounded-corner.bottom-right {   
    right: -1px;
}

.ie6 div#smart-cart-wrapper.collapsed.workflow-plan div.rounded-corner.top-left {
    left: -12px; /* TODO: remove -12px left if unneeded */
}


/* Smart Cart collapsed */

div#smart-cart-wrapper.collapsed div#smart-cart-collapsed ol {
    list-style-type: none;
    margin: 0 8px 5px 18px;
    font-size: 12px;
}

.ie div#smart-cart-wrapper.collapsed div#smart-cart-collapsed ol {
    zoom: 1; /* Trigger hasLayout */
}

div#smart-cart-wrapper.collapsed div#smart-cart-collapsed ol li {
    border-bottom: 1px dashed #CCC;
    margin: 2px 0;
    padding: 2px 0;
    clear: both;
}

div#smart-cart-wrapper.collapsed div#smart-cart-collapsed ol li.last {
  	border-bottom: none;
}

div#smart-cart-wrapper.collapsed.workflow div#smart-cart-collapsed ol li {
    border-bottom: none;
}

div#smart-cart-wrapper.collapsed div#smart-cart-collapsed ol li h3 {
    font-size: 12px;
    display: inline;
}

div#smart-cart-wrapper.collapsed div#smart-cart-collapsed ol li.completed {
    color: #E0A36A;
    font-weight: normal;
}

div#smart-cart-wrapper.collapsed div#smart-cart-collapsed ol li.current  {
    color: #E57A12;
    font-weight: bold;
}

div#smart-cart-wrapper.collapsed div#smart-cart-collapsed ol li.disabled  {
    color: #D9D9D9;
    font-weight: bold;
}


div#smart-cart-wrapper.collapsed div#smart-cart-collapsed ol li span.check-mark {
    float: left;
    margin: 0 2px 0 -5px;
    position: relative;
    top: -5px;
}

div#smart-cart-wrapper ol li a.view {
    text-decoration: none;
    border-bottom: 1px dashed #039;
    margin-left: 6px;
    font-size: 10px;
    position: relative;
    top: -1px;
}

span#bundler-price-wrapper {
    float: right;
    margin-right: 8px;
}

span.bundler-price {
    color: #B03738;
    font-weight: bold;
}

/* "Your Cart" */
#top-5 #smart-cart-wrapper.collapsed div#smart-cart-collapsed p {
    font-size: 12px;
    font-weight: bold;
    color: #039;
    padding: 3px 0 0 11px;
    float: left;
}

#top-5 #smart-cart-wrapper.collapsed div#smart-cart-collapsed p span.cartdesc {
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}

div#cart {
    position: relative;
}

/* "FREE 2-Day Shipping On All Phones" */
div#ship-ads {
    height: 28px;
    padding-top: 9px; 
    border-right: 2px solid #D3D3D3; 
    border-bottom: 2px solid #D3D3D3;
    border-left: 2px solid #D3D3D3;
    position: absolute; /* establish positioning context for rounded corners */
    width: 306px;
    top: 22px;
    left: 0px;
    z-index: 2;
}

div#ship-ads div.rounded-corner.top-left {
    background-position: -316px -83px;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
}    
div#ship-ads div.rounded-corner.top-right {
    background-position: -328px -83px;
    top: 0;
    right: 0;
    width: 6px;
    height: 6px;
}    
div#ship-ads div.rounded-corner.bottom-left {
    background-position: -286px -83px;
    bottom: -2px;
    left: -2px;    
    width: 8px;
    height: 8px;
}    
div#ship-ads div.rounded-corner.bottom-right {
    background-position: -301px -83px;    
    bottom: -2px;
    right: -2px;    
    width: 8px;
    height: 8px;
}    

.ie div#ship-ads div.rounded-corner.bottom-left,
.ie div#ship-ads div.rounded-corner.bottom-right {
    overflow: hidden;    
}
.ie6 div#ship-ads div.rounded-corner.bottom-left,
.ie6 div#ship-ads div.rounded-corner.bottom-right {
    bottom: -3px;
}
.ie6 div#ship-ads div.rounded-corner.bottom-right {
    right: -2px;
}

div#ship-ads #ship-ads-promo { /* This uses image replacement */
    padding-top: 18px;
    width: 260px;
    margin: auto;
}

/* Center slots */ 

/* Gateway center column */
#gatewayPage div#centerColumn {
    width: 641px;
    float: left; 
}

/* Best selling phones / TopSeller */
div#top-seller {

}

/* Top seller rounded corners */
div#top-seller div.rounded-corner.top-right {
    right: 0;
    top: 0;
    background-position: -18px -130px;
}

.ie6 div#top-seller div.rounded-corner.top-right {
    right: -1px;
}


div#top-seller div.rounded-corner.bottom-left {
    overflow: hidden;
    bottom: 0;
    left: 0;
    background-position: -5px -149px;
}

.ie6 div#top-seller div.rounded-corner.bottom-left {
    bottom: -1px;    
}
div#top-seller div.rounded-corner.top-left {
    left: 0;
    top: 0;
    background-position: -5px -130px;
}
h1#shop-bestselling-phones { 
    /* background-image specified in pagelet */
    width: 310px;
    padding-top: 28px;
    margin: 2px 0 5px 3px;
    background-position: 0 -2px;
}

div#top-seller div#top-ten-list-wrapper {
    float: left;
    width: 186px;
    position: relative; /* Establish positioning context for corners */
}

ul#top-ten-list li {
    display: block;
    background: #f5f5f5;
    width: 186px;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    height: 21px;
    position: relative; /* Establish positioning context for arrow */
}

ul#top-ten-list div.top-ten-title {
        height: 21px;
	overflow: hidden;
}

.ie6 ul#top-ten-list li {
    overflow-y: hidden;
}

ul#top-ten-list div.arrow {
    position: absolute;
    top: -1px;
    right: -10px;
    width: 10px;
    height: 23px;
    background-position: -7px -69px;    
    display: none; /* Toggled by adding "active" class to parent with JS */
}

ul#top-ten-list .active div.arrow {
    display: block;
}

ul#top-ten-list span.number-sign { /* Literally "#" */
    margin-right: -2px;
    display: none; /* Toggled by adding "active" class to parent with JS */
}

ul#top-ten-list .active span.number-sign {
    display: inline;    
}

ul#top-ten-list li a {
    margin: 0;
    padding: 0;
    font-size: 12px;
    padding-left: 12px;
    line-height: 23px;
}

ul#top-ten-list li.last {
    border-bottom: 1px solid #d3d3d3;
}

ul#top-ten-list li.last a {
    padding-left: 0; /* Override default padding-left */    
    font-weight: bold;
}
ul#top-ten-list li.last span.carat {
    padding-left: 20px
}

ul#top-ten-list li.active {
    background: #4c99c6;
    border-right: 1px solid #4c99c6;
}

ul#top-ten-list li.active a {
    color: #fff;
}

/* Top Seller Content 
 * This is the content to the right of the top ten list that is displayed
 * by mousing over elements in the list */

div#top-seller-content {
    position: relative; /* Establish positioning context for phone images and rounded corner */
    float: left;  
}

div.top-seller-output {
    border: 1px solid #d3d3d3;
    border-left: none;
    width: 448px;
    height: 241px;
    float: left;
    display: none; /* Toggled by adding/removing "active" class in JavaScript */
}

div.top-seller-output.active {
    display: block;
}

.ie div.top-seller-output {
    width: 446px; /* Compensate for 1px border-left and border-right */
}

div.top-seller-output .contents {
    padding: 15px;
    width: 276px;
}

div.top-seller-output .contents .providerlogo {
    padding-bottom: 5px;
}

div.top-seller-output h3 {
    font-size: 15px;
    font-weight: bold;
    color: #039;
}

div.top-seller-output img.phone {
    z-index: 1;
    position: absolute;
    right: 13px;
    top: -33px; /* Set using JavaScript */
}

div.top-seller-output img.customphone {}

div.top-seller-output table {
    width: 248px;
    border: none;
    font-weight: bold;
    float: left;
    border-bottom: none;
    margin-left: 10px;
}

div.top-seller-output table td.listprice {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}

div.top-seller-output table td.oldprice {
    text-decoration: line-through;
    text-align: right;
    font-size: 14px;
    padding-right: 50px
}

div.top-seller-output table td.price {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}

div.top-seller-output table td.newprice {
    font-size: 16px;
    color: #900;
    text-align: right;
    font-weight: bold;
    padding-right: 50px
}

.map-price a:link, .map-price a:visited {
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
    padding-right: 0px;
}

div.top-seller-output table td.rebate {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    color: #2d57ab;
}

div.top-seller-output table td.rebatetotal {
    font-size: 11px;
    text-align: right;
    padding-right: 10px
}

div.top-seller-output table td.finalprice {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}

div.top-seller-output table td.total {
    font-size: 11px;
    text-align: right;
    padding-right: 10px;
}

#gatewayPage #center-4 .review {
    font-size: 13px;
    color: #003399;
}


/* "Upgrade Your Phone" */

div#gatewayPage #rightColumn #right-1 {
    background-position: left bottom;
    background-repeat: repeat-x;
    float: left;
    margin: 0 0 15px 9px;
    padding-bottom: 21px;
    width: 310px;
}

.ie div#gatewayPage #rightColumn #right-1 {
    padding-bottom: 21px;
    margin-bottom: 10px;
}

.ie6 div#gatewayPage #rightColumn #right-1 {
    padding-bottom: 18px;
    margin-bottom: 0;
}

h2#upgrade-phone-header {
    /* background-image specified in pagelet */
    width: 244px;
    padding-top: 28px;
    margin: 2px 0 5px 20px;
    background-position: 1px -33px;        
}

div#upgrade-phone {
    background-color: #FFF;
    margin-left: 25px;
    padding: 0 0 9px;
    text-align: left;
    width: 260px;
    height: 213px;
    position: relative; /* Establish positioning context for rounded corners */
}

.ie6 div#upgrade-phone {
	height: 216px;
}

div#upgrade-phone input.radio {
    position: relative;
    top: -8px;   
}

.ie #zip-code-section {
    margin-bottom: 9px !important;    
}

div#upgrade-phone #carrier-selection {
	margin:8px 15px;
}
div#upgrade-phone #zip-code-selection {
	margin: 10px 12px;
	height: 22px;
}

div#upgrade-phone #carrier-wrapper,
div#upgrade-phone #zip-code-wrapper{
	margin: 12px 10px -6px 12px;
}

div#upgrade-phone h3 {
    color: #E57A12;
    font-size: 13px;
    font-weight: bold;
}

div#upgrade-phone .error h3 {
	color: #A31919;
}

div#upgrade-phone #carrier-selection-label,
div#upgrade-phone #zip-code-selection-label{
	border-bottom: 1px solid #D4D4D4;
}

div#upgrade-phone #ATTRadio{
	float: left;
	margin: 0px 10px 0 0;
}
	
div#upgrade-phone #TMORadio{
	margion-left: 105px;
}

.ie div#upgrade-phone #TMORadio{
	margion-left: 95px;
}

div#upgrade-phone #inputZipCode {
    background: rgb(255, 255, 221) none repeat scroll 0%;
    border: 1px solid #ccc;
    width: 96px;
    height: 22px;
    padding: 3px 0 0 3px;
    float: left;
    color: #605D5D;
}
div#upgrade-phone .error #inputZipCode {
    background-color: #FFFFFF;
}

.ie6 div#upgrade-phone #inputZipCode {
    margin-left: -10px;
}

.ie6 div#upgrade-phone .error {
    zoom: 1; /* Fix layout problems in IE 6 */
}

div#upgrade-phone table input#upgrade-submit {
    margin-left: 7px;
}

div#zip-code-section {
    margin: 7px 0 0 -5px;
    padding: 0 0 0 5px;
    border: 1px solid #FFF;
    position: relative; /* Establish positioning context for tooltips */
}

div#upgrade-phone div.error{
    background-color: #FFFFDD;
    padding: 5px 0 0 5px;
    border: 1px solid #A31919;
}

div#upgrade-phone div.error-message{
    color: #A31919;
    font-size: 11px;
    text-align: center;
    margin-top: -5px;
}

input#upgrade-submit.disabled, 
input#buy-box-submit.disabled {
    cursor: not-allowed;
}

/* Tooltips */

div.tooltip {
    background-color: #FFF;
    position: absolute;
    left: -66px;
    top: 25px;
    z-index: 3;
    width: 190px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #7F7F7E #7F7F7E #FFFFFF;
}
div.tooltip-inner {
    padding: 8px 22px 11px 25px;
    border-style: solid;
    border-width: 1px;
    border-color: #5FA3C7;
    text-align: center;
    color: #000;
}

div#zip-code-wrapper div.tooltip {
    left: -50px;
    top: 174px;
}

div#transaction-selection-wrapper{
	padding: 5px 2px 0;
}

div#transaction-input-wrapper {
	padding: 0 0 0 2px;
}

/* Fix IE6 bug where the error style doesn't apply until the screen is refreshed */
.ie div#transaction-selection-wrapper {
    zoom: 1;
}

div#transaction-selection-wrapper h3{
		margin-top: 5px;
	margin-bottom: 5px;
	color: #B03738;
	font-size: 14px;  
}

div#transaction-selection-wrapper .grey-out {
	color: #999;
}

/* Zip code submit tooltips, e.g. "Please select a Carrier." */
div#zip-code-section div.tooltip {
    top: 50px;
}

.ie div#zip-code-section div.tooltip {
    left: -70px;    
}

/* buy box zip code error message */
div#zip-error-tooltip {
    background-color: #FFF;
    position: absolute;
    left: 66px;
    top: 35px;
    z-index: 3;
    width: 190px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #7F7F7E #7F7F7E #FFFFFF;
}

#bb-zip-wrapper {
    padding: 5px 0;
    margin: 16px 0 8px;
    text-align: center;
}

.ie #bb-zip-wrapper{
	margin-top: 0px;
}

#bb-zip-input-wrapper {
	text-align: left;
	padding: 0 10px;
}

#bb-zip-input-wrapper h4 {
    display: inline;
}

.bb-zip-wrapper-success {
	background-color: transparent;
	border: none;
}

.bb-zip-wrapper-error {
    background-color: #FFFFDD;
    border: 1px solid #A31919;
    width: 100%;
}

.ie6 div#bb-transaction-error-message,
.ie6 div#bb-zip-error-message {
	zoom: 1;
}

#bb-zip-success-message-content {
	color: #339933;
	font-size: 14px;
	font-weight: bold;
}

#bb-zip-success-message-content-small {
	color: #339933;
	font-size: 12px;
}

/* being replaced in new buy box; 
 * remove with  ALOHA_ATTAAL_5477 weblab removal */
#bb-zip-success-message {
	padding: 0 40px;
}

#bb-zip-error-message h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #B03738;
	font-size: 12px;
}

#bb-zip-error-message{
	padding: 0 6px 8px 6px;
	text-align: left;   
}

#bb-zip-edit-link {
    color: #039;
}

#bb-why-zip-link a {
	font-size: 10px;
}

/* Upgrade Phone rounded corners */

div#upgrade-phone div.rounded-corner.bottom-left,
div#upgrade-phone div.rounded-corner.bottom-right {
    height: 9px;
    width: 9px;
    overflow: hidden;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    background-color: #E4E3E1;
    background-position: 0 0;
}

div#upgrade-phone div.rounded-corner.bottom-left {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/upgrade-inner-left-corner._V239213252_.png);
	left: 0;
}

div#upgrade-phone div.rounded-corner.bottom-right {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/upgrade-inner-rt-corner._V263969166_.png);
	right: 0;
}

.ie6 div#upgrade-phone div.rounded-corner.bottom-left,
.ie6 div#upgrade-phone div.rounded-corner.bottom-right {
    bottom: -1px;
}

/* Search and browse pages */
div#searchPage div#topSlots {
    margin-bottom: 30px;
}

.ie6 div#searchPage div#topSlots {
    margin-bottom: 0;
}

div#searchPage div#top-8 {
    padding: 12px 0 0 8px;  
    clear: left;    
}
.ie7 div#searchPage div#top-8 {
    height: 28px;
}

h1#phones-header,
h1#plans-header {
    margin: 2px 0 5px 3px;  
}


h1#phones-header { 
    /* background-image specified in pagelet */
    width: 90px;
    padding-top: 28px; /* equal to image height */
    background-position: -18px -126px;
}

h1#plans-header { 
    /* background-image specified in pagelet */
    width: 90px;
    padding-top: 28px; /* equal to image height */
    background-position: -18px -150px;
    position: relative;
    top: -7px;
}

h1#addaline-header { 
    /* background-image specified in pagelet */
    width: 206px;
    padding-top: 28px; /* equal to image height */
    background-position: -40px -198px;
    position: relative;
    top: 0;
}


/* ABN (Attribute Based Navigation)
 * Left nav sidebar for search and browse pages */

div#searchPage div#leftColumn {
	float: left;
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/search-top-bar._V239213303_.png);
	background-repeat: repeat-x;
}
div#searchPage div#leftColumn div#left-1 div#zip-code{
	width: 275px;
	padding: 6px 0 0 0;
}
div#searchPage div#leftColumn div#left-2 div#abn{
	width: 275px;
}

div#searchPage h3.category-title {
    color: #414141; 
}   

/* Zip code in left nav */
div#searchPage div#zip-code {
    padding-left: 10px;
}

div#searchPage div#zip-code h3 {
    margin-bottom: 4px;
    font-size: 13px;
}

div#searchPage div#zip-code input.text {
    width: 90px;
    padding: 0 5px 0 5px;
    margin-right: 9px;
    float: left;
    color: #999;
}

div#searchPage div#zip-code input.text.active {
    color: #333;
}

div#searchPage a.change-zip {
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px dashed #FFF;
}

/* Zip code errors */

div#searchPage div#input-zip-wrapper.error {
    background-color: #FFFFDD;
    color: #A31919;
    border: 1px solid #A31919;
    padding: 4px;
}

div#searchPage div#input-zip-wrapper.error input.text {
    background-color: #FFFFFF;
}

div#searchPage div#input-zip-wrapper.error p {
    margin-top: 6px;
    margin-bottom: 0;
}


/* Image: "Update" button */
input#zip-code-submit {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-search._V239525684_.png);
	background-repeat: no-repeat;
	background-position: -59px -13px;
	padding-top: 20px;
	width: 56px;
	border: none;
	cursor: pointer;
}

.ie input#zip-code-submit {
    height: 20px; /* Inputs with image replacement need height specified equal to the height of the image */
}

.error input#zip-code-submit {
    background-color: #FFFFDD;
}

/* ABN 
 * Attribute-based navigation. Contains all left nav refinements. */

div#abn {
    clear: left;
    margin-top: 10px;
}

/* ABN headers */
div#abn h3.category-title,
div#abn h2.category-title{
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    background-color: #F9F9F9;
    height: 22px;
    line-height: 22px;
    padding: 0 10px 0 12px;
    position: relative;
}

div#abn h3.category-title .category,
div#abn h2.category-title .category {
    float: left;
}
div#abn .abnClear{
    float: right;
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
}
.abnClear a{
    color: #424242;
}
/* ABN categories
 * "Carrier", "Feature", "Phone Price" etc ... */
div.abn-category-wrapper {
    border-top: 1px solid #D4D4D4;
    margin-bottom: 13px;
}

/* Fix IE6/IE7 bug where 1-pixel borders vanish when scrolling */
.ie div.abn-category {
    zoom: 1;
}

div.abn-category {
    border: 1px solid #D4D4D4;
    padding: 12px 16px 4px;
}

div.abn-category ul {
    width: 117px;
    float: left;
    list-style: none;
}

div.abn-category ul li {
    padding-bottom: 5px;
	min-height: 16px;
	clear: left;
}

div.abn-category ul.carrier li {
	clear: left;
}

div.abn-category ul li.disabled, 
.disabled, a.disabled,
div.abn-category ul li.disabled a {
    color: #999;
}

div.abn-category ul li span.checkbox,
div.abn-category ul li a {
	float: left;
}

div.abn-category ul li span.checkbox {
	height:17px
}

div.abn-category ul li.disabled {
   position: relative;
}

div.abn-category .sub-note {
   font-size: 11px;   
   position: relative;
}


.ie6 div.abn-category li.disabled span.checkbox {
	padding-left: 16px;
}


/* Color swatches */
span.color-swatch {
	float: left;
	width: 25px;
	height: 12px;
    margin: 0 12px 0 4px;
	border: 1px solid #9E9D6F;
}


span#swatch-black {
    background-color: #000;
}

span#swatch-purple {
    background-color: #783E92;	
}

span#swatch-blue {
    background-color: #3E52AB;
}

span#swatch-brown {
    background-color: #6D5B2B;	
}

span#swatch-red {
    background-color: #B31F13;
}

span#swatch-pink {
    background-color: #FF99FF;
}

span#swatch-green {
    background-color: #4E6E2B;
}

span#swatch-orange {
    background-color: #EF9B17;	
}

span#swatch-gold {
    background-color: #EDC317;
}

span#swatch-yellow {
    background-color: #FFEA91;	
}


span#swatch-gray {
    background-color: #C4C4C4;
}

span#swatch-silver {
    background-color: #EDEDED;
}

span#swatch-white {
    background-color: #FFFFFF;
}

/* Search Results
 * Main results for search and browse pages */

div#searchPage div#centerColumn {
	width: 654px;
	padding-left: 32px;
	float: left;
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/search-top-bar._V239213303_.png);
	background-repeat: repeat-x;
}

/* "Sparkle" message at top of results
 * Contains "Results for", "Did you mean?", "Related Searches */
div#sparkle {
    margin-top: 6px;        
}
span#results-label {
    font-weight: bold;
    font-size: 13px;
}
span#results-query {
    font-size: 13px;        
}
div#keyword-suggestion {
    color: #E57A12;
    margin-top: 7px;
}
    
/* Search nav 
 * Appears near top and bottom of search results. 
 * Contains pagination, sort by, number of results */

div#search-nav-bottom {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/search-bottom-bar._V239213307_.png);
	background-repeat: repeat-x;
	padding: 18px 16px 18px 16px;

}

div.search-nav {
    margin-top: 17px;
    line-height: 20px;
}
span.number-of-results {
    float: left;
    font-weight: bold;
}

/* Pagination */
span.pagination {
    display: block;
    margin: auto;
    text-align: center;
    width: 310px;
    height: 21px;
}
span.pagination span.next-page, 
span.pagination span.previous-page {
    color: #039;
    font-weight: bold;
    cursor: pointer;
}
span.pagination span.next-page.disabled,
span.pagination span.previous-page.disabled {
    color: #A1A1A1;
    cursor: default;
}

span.pagination span.next-page {
    margin-left: 4px;
}

span.pagination a.page-number {
    border: 1px solid transparent;
    padding: 1px;
}
.ie6 span.pagination a.page-number {
    border: none;
}
span.pagination a.page-number:hover {
    border: 1px solid #D4D4D4;
    text-decoration: none;
}
span.pagination a.page-number span.page-number-inner, 
span.pagination a.current-page {
    padding: 0 4px;
}

span.pagination a.page-number:hover span.page-number-inner,
span.pagination a.pending-page
{
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/search-pag-box._V239213301_.png);
	background-repeat: repeat-x;
}

span.pagination a.current-page {
    font-weight: bold;
    color: black;
}

/* Sort-by */

span.sort-by {
    float: right;
    margin-right: 11px;
}
span.sort-by-label {
    font-weight: bold;
    margin-right: 2px;
}

span.sort-by select {
    border: 1px solid #A5ACB2;
}

/* Search results 
 * This is the main section which displays results on search and browse pages. */

div#search-results {
    padding-top: 28px;
    clear: both;
}

/* "result-row" is a div which wraps every 3 results to ensure
 * that if one result is taller than the rest, the entire row
 * grows in height */

div.result-row {
    margin-bottom: 22px;
}

/* compensate for 45px margin-right on search results */
.ie div#searchPage div#centerColumn { 
    margin-right: -45px !important; 
}

div.search-result {
    position: relative; /* Establish positioning context for absolutely positioned child elements */
    width: 175px;
    margin-right: 43px;
    float: left;
}

.ie6 div.search-result {
    overflow: hidden; /* Needed so wider child elements do not expand width */
}

span.search-result-number {
    position: absolute;
    top: 0;
    left: 0;
}

div.result-image-wrapper {
    height: 180px;  
}
img.result-image {
    display: block;
    margin: 0 auto 8px auto;
}

a.result-title {
    display: block;
}

a.result-more-available {
    display: block;
}

/* Plan ABN */
div#search-results ol#plan-results,
div#add-a-line-result ol#plan-results{
    clear: left;
    list-style-type: none;
}

ol#plan-results li {
    padding: 22px 0 12px 0;
    font-size: 14px;
    border-bottom: 1px solid #D6D6D6;
    clear: left; /* Fix for Firefox 2 */
}

ol#plan-results li.results-header {
    font-weight: bold;
    font-size: 11px;
    border-bottom: none;
}



ol#plan-results li.results-header {
    padding-top: 0; /* Override default 22px padding-top */
}

.ie ol#plan-results li.results-header {
    padding-bottom: 0 !important; 
}

ol#plan-results li.results-header span {
    color: #605D5D;
}

span.result-index,
span.result-carrier,
span.result-minutes,
span.result-plan,
span.result-price,
span.existing-plan,
span.add-a-line-plan,
span.add-a-line-price {
    float: left;
}

div#add-a-line-result {
	clear: both;
	top: 0px;
}

span.existing-plan {
    width: 326px;
    padding: 16px 0 12px 0;
    border-right: 1px solid #D6D6D6;
    background-color: #F5F5F5;
}

span.add-a-line-plan {
    width: 390px;
    padding: 16px 0 12px 8px;
}

span.add-a-line-price {
	padding: 16px 0 12px 0;
    width: 110px;
}

div.plan-price-note {
	font-style: Arial;
	font-size: 11px;
	color: #424242;
	float: left;
	clear: left;
	width: 140px;
}

ol#plan-results li.add-a-line-header {
	font-weight: bold;
    font-size: 13px;
    color: #E47911;
    padding: 0px !important;
}

ol#plan-results li.add-a-line-header span.existing-plan{
    background-color: #FFFFFF !important;
    border-right: none !important;
}
ol#plan-results li.add-a-line {
	padding: 0px !important;
    font-size: 14px;
    clear: left; /* Fix for Firefox 2 */
}

span.add-a-line-price span.result-price {
   text-align: left !important;
}

div.add-a-line-note {
	background-color: #FFFFDD;
	padding: 10px;
	border-bottom: 1px solid #D6D6D6;
}

span.existing-plan-title{
	float:left;
}

span.existing-plan span.att-logo-medium {
 	padding-top: 23px;
	width: 66px  !important;
	margin: 0 0 0 10px;
	background-position: -203px -331px;
	float: left;
}


span.existing-plan-title div.plan-links {
	font-size: 11px;
}

span.result-index {
    width: 25px;
}       
span.result-carrier {
    width: 116px;
}

span.result-carrier.logo-att {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-search._V239525684_.png);
	background-position: -17px -239px;
	padding-top: 28px;
	width: 62px;
	margin-right: 54px;
	position: relative;
	top: -6px;
}
span.result-carrier.logo-verizon {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-search._V239525684_.png);
	background-position: -95px -239px;
	padding-top: 28px;
	width: 62px;
	margin-right: 54px;
	position: relative;
	top: -6px;
}
    
span.result-minutes {
    width: 98px;
}
span.result-plan {
    width: 223px;
}
span.result-plan div.plan-links{
    padding-top: 4px;
    font-size: 11px;
}

li.results-header span.result-price {
    text-align: left;
    margin-right: 0;    
}


span.result-price {
    width: 60px;
    color: #B03738;   
    font-weight: bold;
    text-align: right;    
    margin-right: 10px;
}

div.result-price a:link, div.result-price a:visited {
    text-decoration: underline;
    color: #003399;
    font-size: 11px;
}
/* Button: "Add to Shopping Cart" */
/* TODO: move this into code with other buttons */
input.add-to-cart {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-search._V239525684_.png);
	background-position: -145px -157px;
	display: block;
	padding-top: 21px;
	width: 112px;
}

.ie input.add-to-cart {
    height: 24px;
}
div#search-results input.add-to-cart {
    position: relative;
    top: -4px;
}
div#add-a-line-result li.add-a-line input.add-to-cart {
    position: relative;
    top: 20px;
} 

.ie div#search-results input.add-to-cart,
.ie div#add-a-line-result input.add-to-cart, {
    float: right;  
    margin-right: 3px;  
}

div.show-more-content {
    clear: left;
    margin-left: 25px;
}

span.vertical-chevron {
    margin-left: 25px;
    float: left;
    clear: left;
    /* TODO: add sprite for vertical chevron (toggle to show more/less) */
}
a.show-more-toggle {
    border-bottom: 1px dashed #039;
    float: left;
    font-size: 12px;
}
div.plan-summary {
    clear: left;
    margin-left: 25px;
}

div.plan-summary h2 { /* Text: "Plan Summary" */
    margin-bottom: 8px;
}
div.plan-summary ul {
    width: 314px;
    float: left;
    list-style: none;
    padding-bottom: 8px;
}
ol#plan-results div.plan-summary ul li {
    border-bottom: none;
    padding: 0 0 3px 0;
    font-size: 12px;
}

div.plan-summary span.plan-summary-label { /* e.g. "Minutes" */
    width: 195px;
    float: left;
}

div.plan-summary span.plan-summary-value { /* e.g. "900" */
    
}

p.carrier-note {
    font-size: 11px;
    clear: left;
    margin: 10px 0 0 0;
}

/*******************************************************************************
 * Detail page 
 */

div#detailPage h2{
    margin: 22px 17px 12px 17px;
    color: #e57a12;
    font-size: 20px;
}

/* Detail page: centerSlots */
div#detailPage div#centerColumn {
    background-position: left bottom;
    background-repeat: repeat-x;
}
    
/* Detail page: center-1 
 * Contains main product image and alt views */

/* Main product image */    
div#productImageDisplay,
div#main-product-image-wrapper {
    width: 280px;
    float: left;
    text-align: center; /* all text and images inside this div should be centered */
}

/* text formatting for both product info and customer reviews */
div#detailPage div#bottomSlots {
    color: #000000;
}

/* Alt views */

/* Text: "Move your mouse over an image to see alternate veiws" */

div#productImageCaption {
  color: #039;  
  margin: 5px 0 0 0;
}

div#productImageDisplay br { display: none; } /* TODO: remove this line if we remove the <br> from the JSP */

div#productImageThumbnails {
    margin: 20px 0 10px 0;
	text-align: center;
	
}

div#productImageThumbnails div.image {
	padding-top: 19px;
    margin: 0 1px;
    display: inline;
    border: 1px solid #999;
	line-height: 29px;
}
.ie div#productImageThumbnails div.image {
	padding-top: 0;
}
div#productImageThumbnails div.image img {
	display: inline;
}   

/* Main details
 * Includes provider logo, product title, reviews, color picker, availability, shipping status */

div#main-details {
    float: left;
    width: 326px;
    margin-left: 28px;
}
div#main-details h4 {
    display: inline;
    line-height: 160%;
}
h1#product-title {
    font-size: 24px;
    line-height: 28px;
    color: #000;
}

/* Color picker */

div#color-picker {
    margin: 10px 0 18px 0;
}

/* Color swatches */
div#detailPage span.color-swatch {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-detail-page._V250727275_.png);
	padding: 0 0 8px 37px;
	margin: 0 12px 0 4px;
	border: 2px solid #FFF;
}

.ie div#detailPage span.color-swatch {
    float: left; 
}

div#detailPage span.color-swatch.active {
     border: 2px solid #CB6500;
}

div#detailPage span#swatch-black {
    background-position: -14px -177px;  
}
/* TODO: change background position when blue is added to sprite
div#detailPage span#swatch-blue {
    background-position: -14px -35px;  
}
*/

div#detailPage span#swatch-gray {
    background-position: -61px -177px;
}

div#detailPage span#swatch-red {
    background-position: -111px -177px;  
}

div#detailPage span#swatch-pink {
    background-position: -159px -177px;  
}
/* TODO: update background position once colors are added to sprite
div#detailPage span#swatch-silver {
    background-position: -14px -35px;  
}

div#detailPage span#swatch-white {
    background-position: -14px -56px;  
}
*/
/* Availability status */
div#availability {
    margin: 0 0 10px 0;
    clear: both;
}
div#availability h4 {display: inline;}

/* Detail page: center-10
 * Contains buy box  */

div#detailPage div#center-10 {
    width: 310px;
    float: left;
    margin: 0 0 5px 15px;
}
.ie6 div#detailPage div#center-10 {   
    overflow: hidden;
    margin-left: 14px;
    width: 311px;
}
.ie7 div#detailPage div#center-10 {   
    overflow: hidden;
/*    width: 298px; */ /* TODO: test and see if this is needed */ 
}


/* Buy box
 * Contains service selection, price & rebate info, zip code, add to cart */

div#buy-box {
    padding: 5px 10px 10px;
}
  
.ie6 .bb-close-service-section
{
    overflow:hidden;
}

.bb-service-section-header,
.bb-service-section-header-error {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 13px;
    color: #E57A12;
}
.bb-service-section-header {
    background-color: white;
}

.bb-service-section-header-error {
    background-color: #FFFFDD;
}

.bb-bullet-header-bold {
    font-size: 12px; 
    font-weight: bold;
}

.bb-bullet-header-regular {
    font-size: 11px; 
}
    
h4#buy-box-header { /* Text: "Select service type and enter ZIP ..." */
    text-align: center;
    color: #FFF;
    padding: 0 20px 8px;
    margin-bottom: 2px;
}

div#buy-box h4 {
    color: #E57A12;
}

div#buy-box h5 {
    font-weight: bold;
    font-size: 12px;
}

/* buy-box-outer is the blue outer box */
div.buy-box-outer {
    padding: 11px;
    background-color: #4C99C5;
    position: relative; /* Establish positioning context for rounded corners */ 
    left: 2px; /* pixel tweak to fix left edge of buybox showing underneath expanded smart cart */
}

/* IE hasLayout override */
.ie div.buy-box-outer {
	zoom: 1;
}

/* buy-box-inner is the white inner box */

div.buy-box-inner {
    background-color: #FFF;
    padding: 11px 11px;
    position: relative; /* Establish positioning context for rounded corners */
}

div#buy-box.tall {
    min-height: 277px;             
}

.ie6 div#buy-box.tall {
	height: 277px;
} 

div#buy-box.medium {
	min-height: 250px;
}
 
.ie6 div#buy-box.medium {
	height: 250px;
}
 
.ie div.buy-box-inner {        
    zoom: 1; /* trigger 'hasLayout' in IE so it will render correctly */
    padding: 11px 23px;
}

div.buy-box-inner h4 {    
    font-size: 12px;
    color: #E57A12;
}  

div.buy-box-inner span.sale-price {
    font-weight: bold;
    font-size: 14px;
    color: #B03738;
}

/* Buy Box outer corners (blue area) */

div.buy-box-outer div.rounded-corner {
	width: 7px;
	height: 7px;
}

div.buy-box-outer div.rounded-corner.top-left {   
    background-position: -11px -71px;
    top: -2px;
    left: -2px;
}

div.buy-box-outer div.rounded-corner.top-right {
    background-position: -30px -71px;
    top: -2px;
    right: -2px;
}

div.buy-box-outer div.rounded-corner.bottom-left {
    background-position: -11px -102px;
}

/* Hide rounded corners on IE6 */
.ie6 div.buy-box-outer div.rounded-corner.top-left,
.ie6 div.buy-box-outer div.rounded-corner.bottom-left,
.ie6 div.buy-box-outer div.rounded-corner.top-right,
.ie6 div.buy-box-outer div.rounded-corner.bottom-right {   
    display: none;
}

div.buy-box-outer div.rounded-corner.bottom-right {    
    background-position: -30px -102px;
}

.ie6 div.buy-box-outer div.rounded-corner.top-left,
.ie6 div.buy-box-outer div.rounded-corner.bottom-left {   
    left: -1px;
}


.ie7 div.buy-box-outer div.rounded-corner.top-right,
.ie7 div.buy-box-outer div.rounded-corner.bottom-right {  
    right: -1px;
}
.ie6 div.buy-box-outer div.rounded-corner.top-right,
.ie6 div.buy-box-outer div.rounded-corner.bottom-right {  
    right: -2px;
}

.ie6 div.buy-box-outer div.rounded-corner.bottom-left,
.ie6 div.buy-box-outer div.rounded-corner.bottom-right {
    bottom: -2px;
}

.ie7 div.buy-box-outer div.rounded-corner.bottom-left,
.ie7 div.buy-box-outer div.rounded-corner.bottom-right {
    bottom: -1px;
}

/* Buy Box inner corners (white area) */
div.buy-box-inner div.rounded-corner.top-left {
    background-position: -71px -71px;
}
div.buy-box-inner div.rounded-corner.top-right {
    background-position: -95px -71px;
}
div.buy-box-inner div.rounded-corner.bottom-left {
    background-position: -71px -102px;
}
div.buy-box-inner div.rounded-corner.bottom-right {
    background-position: -95px -102px;
}

.ie div.buy-box-inner div.rounded-corner.top-left,
.ie div.buy-box-inner div.rounded-corner.bottom-left {
    left: -1px;
}

.ie7 div.buy-box-inner div.rounded-corner.bottom-left,
.ie7 div.buy-box-inner div.rounded-corner.bottom-right {
    bottom: -1px;
}

.ie6 div.buy-box-inner div.rounded-corner.bottom-left,
.ie6 div.buy-box-inner div.rounded-corner.bottom-right {
    bottom: -2px;
}

/* Tooltip in buy-box */
div#buy-box div.tooltip {
    left: -129px;
    top: 158px;    
}

.ie div#buy-box div.tooltip {
    left: -134px;
}

/* "Select service type" */

div#buy-box div#upgrade-contract-wrapper {
	padding-top: 5px;
	padding-bottom: 3px;
}
.ie div#buy-box div#upgrade-contract-wrapper {
    margin-top: 3px;
}

div#buy-box input.radio {
    clear: left;
    margin: 0 7px 7px 0;
    position: relative;
    top: 1px;
}

/*radio for two upgrade types: individual and family*/
div#buy-box div#upgrade-type-selection-wrapper input.radio {
    left: 15px;
}

div#buy-box label {
    width: 200px;
}

div#buy-box div#new-contract-wrapper, div#buy-box div#upgrade-contract-wrapper, div#buy-box div#addaline-contract-wrapper, div#buy-box div#phone-only-wrapper {
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0 0 0 6px;
}

.ie div#buy-box label {  
    height: 25px;
    margin-top: 3px;        
}

/* Zip code in buy box */
div#buy-box div#zip-code-form {
    margin-bottom: 10px;
    clear: left;
}
div#buy-box div#zip-code-form h4 {
    display: inline;
}
div#buy-box div#zip-code-form input.text {
    width: 82px;
    margin: 0 3px;
}

form#buy-box-form{
	color: #000000;
}

.ie div#buy-box div#zip-code-form input#input-zip-code {
    margin-left: 2px;
    padding-left: 3px;
    width: 99px;
}

.ie form#buy-box-form input.radio {
    margin-bottom: 0;
    
}
.ie form#buy-box-form label {
    height: auto;
}

/* Button: "Add to Shopping Cart" */
input#buy-box-submit {
	display: block;
	width: 160px;
	padding-top: 27px;
	margin: 0 auto;
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-detail-page._V250727275_.png);
	background-position: -12px -123px;
}

.ie input#buy-box-submit {
    height: 27px;
}

/* Buy box note
 * Text: "Want to keep your old phone number? We'll ask you ..." */
div#buy-box-note-new,
div#buy-box-note-upgrade,
div#buy-box-note-unselected {
    margin: 5px 0 0;
    text-align: center;
    font-size: 10px;
}

div#buy-box-note strong {
    display: block;
}

div#buy-box-available-on-amazon {
	padding: 30px 5px 15px 5px;
	text-align: center;
}
 
.ie6 div#buy-box-available-on-amazon {
	padding: 5px 5px 15px 5px;
	text-align: center;
}
   
.ie7 div#buy-box-available-on-amazon {
	padding: 12px 5px 15px 5px;
	text-align: center;
}
    
div#buy-box-available-on-amazon a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
    
/* Detail page: center-11 
 * External Buy-Box  */
 
/* being replaced in new secondary buy box; 
 * remove with  ALOHA_ATTAAL_5477 weblab removal */
div#external-buy-box-wrapper{
	background-color: #E6F0FF;
	border-style: solid;
	border-width: 1px;
	border-color: #4C99C5;
	color: #003399;
	padding: 5px 5px;
	margin: 5px 8px;
	font-weight: bold;
}

div#external-buy-box-wrapper div#external-buy-box-header,
div#external-buy-box-wrapper-new div#external-buy-box-header
{
	font-weight: bold;
	color: #E57A12;
}

div#external-buy-box-wrapper-new div#external-buy-box-header
{
	padding-top:4px;
	padding-right:5px;
	font-size:13px;
}


div#external-buy-box-wrapper .caret{
	color: #E57A12;
	font-weight: bold;
	margin: 0 6px;
}
div#transaction-input-wrapper .plaintext,
div#external-buy-box-wrapper .plaintext,
div#external-buy-box-wrapper-new .plaintext{
	font-weight: normal;
	color: #333333;
	font-size: 11px;
}

div#external-buy-box-wrapper div#add-a-line-external-link,
div#external-buy-box-wrapper div#new-family-external-link {
	margin: 6px 0;
	color: #333333;
	font-size: 11px;
}
div#external-buy-box-wrapper .external-link{
	font-weight: normal;
	text-decoration: underline;
}

div#external-buy-box-wrapper-new .external-link{
	font-weight: bold;
	margin: 6px 0;
	color: #00309A;
	font-size: 12px;
	font: arial;
}

div#external-buy-box-wrapper div#new-family-external-link a:hover,
div#external-buy-box-wrapper-new div#new-family-external-link a:hover {
	text-decoration: none !important;
}

div#external-buy-box-wrapper .external-link-extra,
div#external-buy-box-wrapper-new .external-link-extra{
	padding-left: 20px;
	font-weight: normal;
	text-decoration: underline;
}

div#detailPage div#center-11 {
    width: 310px;
    height: 80px;
    float: right;
    margin: 0 0 0 15px;
}

.ie6 div#detailPage div#center-11 {   
    overflow: hidden;
    margin-left: 14px;
    width: 311px;
    height: 92px;
}
.ie7 div#detailPage div#center-11 {   
    overflow: hidden;
    height: 92px;
/*    width: 298px; */ /* TODO: test and see if this is needed */ 
}

/* Detail page: center-4 
 * Contains feature summary  */

/* TODO: uncomment center-12 style and update to correct center- slot when we add Feature Summary */
/*
div#detailPage div#center-12 {
    margin-top: 20px;
    float: left;
    clear: left;
    width: 638px;
}
*/
div#feature-summary-wrapper {
    position: relative; /* establish positioning context for rounded corners */ 
}

div#feature-summary-wrapper div.rounded-corner.bottom-right,
div#feature-summary-wrapper div.rounded-corner.top-right {  
    right: 0; /* override default -1px right */
}
div#feature-summary-wrapper div.rounded-corner.bottom-left,
div#feature-summary-wrapper div.rounded-corner.bottom-right {  
    bottom: 0; /* override default -1px bottom */
}

.ie div#feature-summary-wrapper div.rounded-corner.bottom-left,
.ie div#feature-summary-wrapper div.rounded-corner.bottom-right {  
    bottom: -1px; /* IE needs -1px bottom */
}

.ie div#feature-summary-wrapper div.rounded-corner.top-left,
.ie div#feature-summary-wrapper div.rounded-corner.bottom-left {
    left: 0;
}

table#feature-summary {
    width: 100%;
    border-width: 1px;  
    border-spacing: 0;
    border-collapse: collapse;
}

table#feature-summary,
table#feature-summary td {
    border-color: #D3D3D3;
    border-style: solid;    
}

table#feature-summary th {
    text-align: left;
    color: #e57a12;
    font-size: 16px;
    background-color: #F4F4F4;
    padding: 2px 12px;
}   
table#feature-summary td {
    padding: 1px 12px;
    color: #039;
    cursor: pointer;    
    margin: 0;
    border-width: 1px 1px 0 0;
    background-color: #FFF;
}

table#feature-summary td span.check-mark {
    float: right;
    margin-right: 12px;
}

/* Detail page: center-5
 * Contains "See more" box */


/* TODO: uncomment center-13 style and update to correct center- slot when we add See More */

/*
div#detailPage div#center-13 {
    width: 308px;
    float: left;
    margin: 20px 0 0 10px;      
}
*/

/* "See more" */
div#see-more {
    border: 1px solid #D3D3D3;
    position: relative;  /* establish positioning context for rounded corners */  
}


.ie7 div#see-more div.rounded-corner.top-right {
    top: -1px;
}

div#see-more div.rounded-corner.bottom-left,
div#see-more div.rounded-corner.bottom-right {  
    bottom: -2px; 
}

.ie div#see-more div.rounded-corner.bottom-left,
.ie div#see-more div.rounded-corner.bottom-right {  
    bottom: -1px; 
}

.ie7 div#see-more div.rounded-corner.top-right,
.ie7 div#see-more div.rounded-corner.bottom-right {  
    right: -1px;
}

div#see-more h4 {
    color: #e57a12;
    font-size: 16px;
    background-color: #F4F4F4;
    padding: 2px 12px;
    border-bottom: 1px solid #D3D3D3;
}

div#see-more ul {
    list-style: none;
    padding: 0 12px 12px 12px;
    line-height: 18px;
}

div#see-more ul li span.carat {
    padding-right: 6px;
}   

/* Detail page: center-6
 * Contains "What's In The Box" */


/* TODO: uncomment center-14 style and update to correct center- slot when we add "What's In The Box" */

/*
div#detailPage div#center-14 {
    clear: both;
    padding: 24px 17px 17px 17px;
}                   

.ie div#detailPage div#center-14 {
    padding-top: 10px; 
}
*/

/* "What's In The Box" */
div#whats-in-the-box h4 {
    display: inline;
    color: #e57a12;
    margin-right: 5px;
}

/* Detail page: center-7
 * Contains "Jump to:" links */



/* "Jump to" */

div#jump-to h4 {
    display: inline;
    color: #e57a12;
    margin-right: 5px;
}

/* "detail-page-content" is the main part of content
 * such as product description and specifications */
div.detail-page-content {
    padding: 0 40px;
}

/* Detail page: center-8
 * Contains product description (formerly, now in bottomSlots) */

/* Product Description */

div#product-description ul,
div#detailPage div#bottomSlots ul,
div#detailPage div#bottomSlots ol {
    margin: 0 0 19px 23px;
	list-style-position: inside;
}

/* A+ content */
div#detailPage div#bottomSlots h4 { /* Header in A+ content */
    margin: 22px 17px 12px -18px;
    color: #e57a12;
    font-size: 20px;
}


div#detailPage div#bottomSlots {
	padding: 25px 17px 17px 40px;
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/dp-fade._V239213286_.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.ie div#detailPage div#bottomSlots { 
	zoom: 1;
	padding-top: 40px !important;
}
/* Detail page: center-9
 * Contains specifications */

/* Specifications */

/* The specifications table consists of the following HTML structure:
 * 
 * div#specifications-table-wrapper
 *   table.specifications-outer
 *     tbody
 *       tr  (repeats)
 *         th
 *         td
 *           table.specifications-inner
 *             tbody
 *               tr  (repeats)
 *                 th
 *                 td
 */

div#specifications-table-wrapper {
    background-color: #F4F4F4;
    padding: 5px 16px 5px 16px;
    margin: 0 0 12px 0;
    border: 1px solid #D3D3D3;  
    width: 726px;   
    position: relative; /* Establish positioning context for rounded corners */
}
/* Fixes for corners in IE
 * TODO: refactor corner code */
.ie div#specifications-table-wrapper div.rounded-corner.top-right {
    right: -1px;
    top: -1px;
}
.ie div#specifications-table-wrapper div.rounded-corner.bottom-left {
    right: -2px;   
}

.ie6 div#specifications-table-wrapper div.rounded-corner.bottom-right,
.ie6 div#specifications-table-wrapper div.rounded-corner.bottom-left {
    bottom: -2px;    
}
.ie7 div#specifications-table-wrapper div.rounded-corner.bottom-right,
.ie7 div#specifications-table-wrapper div.rounded-corner.bottom-left {
    bottom: -1px;    
}

.ie div#specifications-table-wrapper div.rounded-corner.bottom-right {
    right: -1px;       
}

table.specifications-outer {
    border-collapse: collapse;
}

table.specifications-outer th {
    text-align: left;
    vertical-align: top;
    color: #e57a12;
    width: 178px;
    font-weight: bold;
    padding: 7px 0 0 0;
}

table.specifications-inner th.first,
table.specifications-inner td.first {
    padding-top: 7px;
}

table.specifications-outer tr {
    border-bottom: 1px solid #D3D3D3;
}
table.specifications-outer tr.last {
    border-bottom: none;
}

table.specifications-inner th {
    width: 201px;
    font-weight: normal;
    padding-top: 0;
}
table.specifications-inner th.last,
table.specifications-inner td.last {
    padding-bottom: 10px;
}

/* phone detail page hero quick promo */
div.hero-quick-promo {
    clear: left;
    float: left;
    width: 598px;
    margin-top: 5px;
    margin-left: 22px;
}
.ie div.hero-quick-promo {
    margin-left: 11px;
}
div.hero-quick-promo img {
    margin-right: 15px;
    float: left;
}
div.hero-quick-promo h4 {
    margin: 0px 17px 9px 0px;
    color: #424242;
    font-size: 17px;
}
div.hero-quick-promo div {
    font-size: 11px;
    line-height: 1.2em;
}
div.hero-quick-promo div.indented {
    margin-left: 20px;
}

/* Plan detail page */
div.plan-detail-page h1#product-title {
    margin: 0 0 12px 0;
}

div.plan-detail-page div#main-details h4 {
    display: inline;
    line-height: 22px;
}

a#see-terms-and-conditions {
    margin-top: 12px;
    display: block;
}

div.plan-detail-page div#buy-box {
    padding-top: 22px;
}

div.plan-detail-page input#buy-box-submit {
    margin-top: 22px;
}

div.plan-detail-page table#feature-summary td {
    cursor: default;
    color: #605D5D;
}

div.plan-detail-page table#feature-summary td span.cell-label {
    width: 197px;
    float: left;
}

div.plan-detail-page div#product-description-wrapper {
    clear: left;
    padding-top: 1px;
}
div.plan-detail-page span.sale-price {
    font-weight: bold;
    font-size: 16px
       
}

/* Bottom slots
 * Contains footer */

div#footerSlots div#footer-main {
    text-align: center;
    font-size: 11px;
    color: #999;
	padding-bottom: 20px;
}

div#footerSlots div#footer-main a {
    color: #999;
}
div#bottomSlots {clear: both;}

.ie div#gatewayPage div#bottomSlots {
    padding-top: 5px;
}

#gatewayPage #bottomSlots #bottom-1,
#gatewayPage #bottomSlots #bottom-2,
#gatewayPage #bottomSlots #bottom-3 {
    float: left;
    height: 139px;
    width: 310px;
}

#gatewayPage #bottomSlots #bottom-1,
#gatewayPage #bottomSlots #bottom-2 {
    margin-right: 15px;
}

div#price-box {
    list-style-type: none;
    clear: left;
    padding: 5px;
    width: 220px;
}

.ie6 div#price-box {
	padding: 5px 0;
    width: 265px;
}

div#price-box span.price-label {
	margin: 0 4px 4px 0;
    clear: left;
    font-weight: bold;
    text-align: right;
}

div#list-price-wrapper span.price-label {
    width: 60px;
}

div#price-wrapper span.price-label {
    width: 70px;
}
 
div#price-box span.bold-price-label {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0 4px 0 10px;
}
   
div#price-box span.list-price {
    font-size: 14px;
}    
    
div#price-box span.sale-price {
    font-size: 15px;
    padding-bottom: 5px;
}

div#price-box span.price-label,
div#price-box span.list-price,
div#price-box span.sale-price {
    float: left;
}

div#list-price-wrapper {
	float: left;
}

div#price-wrapper {
	float: right;
	margin: 0 15px 0 0;
}

.ie6 div#price-wrapper {
	margin: 0 5px 0 0;
}

div#price-box span.list-price,
div#price-box span.sale-price {
    text-align: right;
    width: 6px;
}

/* Help pages */

div#helpContentLeft { 
    width: 275px;
    float: left;
    padding: 7px 0 0 0;
    margin-top: 10px;

}

div#helpContentLeft li {
    list-style-type: none;
}
.ie div#helpContentLeft li { /* Needed since these LIs aren't inside a UL or OL */
    list-style-position: outside;
}
div#helpContentLeft div.topic {
    font-weight: bold;
    color: #414141; 
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background-color: #F9F9F9;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
}

div#helpContentLeft div.subtopic,
div#helpContentLeft div.morelink {
    border-right: 1px solid #D4D4D4;
    border-left: 1px solid #D4D4D4;
    padding: 5px 12px 0px 12px;
}
div#helpContentLeft div.morelink {
    padding-bottom: 5px;
    margin-bottom: 20px;    
    border-bottom: 1px solid #D4D4D4;
}

/* Help page main content */

div.helpContent {
    padding: 0 15px 0 32px;
}

div.helpContent body {
color:#424242;
font:12px Helvetica,Arial,sans-serif;
text-decoration:none;
}

div.helpContent h1 {
color:#E47911;
font-size:2em;
font-weight:bold;
line-height:1.6em;
}

div.helpContent h2 {
border-bottom:1px solid #D4D4D4;
color:#4C99C6;
font-size:1.3em;
}

div.helpContent h3 {
color:#424242;
font-size:1.1em;
}

div#helpPage div.helpContent {
    margin-top: -2px;
    width: 654px;
    padding: 0 0 0 32px;
    float: right;
}   
div.helpContent ol,
div.helpContent ul {
    padding-left: 25px;
    padding-bottom: 8px;
    line-height: 150%;
}

/* Hide broken corner images in help pages */
div#helpContentTop img#topLeftCorner,
div#helpContentTop img#topRightCorner {
    display: none;
}

/* Alt view popup styles */
div#popupBodySlotsWrapper {
    padding: 20px 0 0 0;
}

h1#popupHeader {
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    width: 630px;
    margin: 3px auto;
    clear: both;
}

div#popup-2 {
    border: 1px dotted #999;
    width: 630px;
    margin: 0 auto;
    padding: 0 0 8px 0;
}

div#popupImageBodyWrapper div#productImageDisplay {
    float: none;
    width: auto;
}

div#popupImageBodyWrapper div#productImageDisplay {
    text-align: center;
}

div#popupImageBodyWrapper div#productImageCaption {
    text-align: left;
    padding: 3px 0 3px 3px;
    border-top: 1px dotted #999;
    font-size: 11px;
}

/* Product thumbnails */
div#popupImageBodyWrapper div#productImageThumbnails {
    margin: 0 0 0 5px;
}

div#popupImageBodyWrapper div#productImageThumbnails div {
    border: 1px solid #999;
    float: left;
    margin: 0 4px;
    padding: 1px;
}

/* CSS-only clear-fix since we can't edit the markup */
div#popupImageBodyWrapper div#productImageThumbnails:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ie div#popupImageBodyWrapper div#productImageThumbnails {
    zoom: 1;
}

span#popupLogo { /* TODO: replace logo with smaller one */
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-nav._V238711015_.png);
	background-position: -94px -2px;
	padding-top: 52px;
	width: 228px;
	background-repeat: no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	float: left;
	position: relative;
	margin: -10px 0 0 12px;
	/* TODO: remove this relative positioning once we replace the logo with a smaller one */
	top: -5px;
}

img#popupCloseButton {
    float: right;
    cursor: pointer;
    margin: 0 5px 0 0;
}

div#popup-3 {
    text-align: center;
    padding: 60px 0;
}

a.closePopupWindow {
    text-decoration: underline;
    font-size: 12px;
}


/* Your Account */


div#your-account h3 {
    color: #414141;
}

div#your-account h3.sidebar-title {
    background-color:#F9F9F9;
    border-bottom:1px solid #FFFFFF;
    border-top:1px solid #FFFFFF;
    height:22px;
    line-height:22px;
    padding:0 12px;
}


h1#your-account-header {
    float: left;
    clear: left;
    font-size: 22px;
    margin: 30px 0 15px 15px;
}

div#your-account h2 {
    color: #414141;
    margin-bottom: 11px;    
}

div#your-account .status-ok {
    color: #338032;
} 

div#your-account .status-error {
    color: #990000;
} 

div#your-account div#leftColumn p {
    line-height: 140%;
}


div#your-account div#centerColumn p {
    line-height: 160%;
}

div.your-account-navigation-wrapper {
    border-top: 1px solid #D4D4D4;
}

div.your-account-navigation {
    border: 1px solid #D4D4D4;
    padding: 12px 16px;
}
    
div.your-account-navigation ul {
    list-style-position: outside;
    list-style-type: none;
}   
div.your-account-navigation ul li {
    padding-bottom:5px;
}

div.your-account-navigation p {
    margin: 5px 0 0 0;  
}

div.your-account-navigation-wrapper p.help-message {
    margin: 22px 0 0 16px;
}

div#your-account div#centerColumn {
    float: left;
    padding: 32px 0 0 15px;
    width: 654px;    
}

div#your-account div.main-content h3 {
    color: #FFFFFF;
    padding: 0 0 0 15px;
    line-height: 20px;
    font-size: 12px;
    background-color: #7C8596;
    position: relative; /* Establish positioning context for top right rounded corner */
}

div#your-account div.main-content h3 div.rounded-corner.top-right {
    background-position: -18px -179px;
    width: 7px;
    height: 7px;
    right: 0;
    top: 0;
}
.ie div#your-account div.main-content h3 div.rounded-corner.top-right {
    right: -1px;
}

/* Account overview page */
div#account-overview {
    width: 354px;
}

/* View Orders page*/

div#view-orders.main-content {
    width: 474px;
}

div#view-orders ul {
    list-style-type: none;
    list-style-position: outside;
}
div#view-orders ul li {
    padding: 15px 13px 15px 13px;
    border-bottom: 1px solid #C9C9C9;
}

div#view-orders ul li.last {
    border-bottom: none; 
}
    
div#view-orders input.view-order-details {
    float: left;
    margin-right: 35px;
    
}

div#view-orders ul.order-info {
    width: 275px;
    float: left;
}        
div#view-orders ul.order-info li {
    padding: 0;
    border: none;
}

div#view-orders ul.order-info li.tracking-number {
    padding-top: 10px;
}

div#view-orders ul.order-info li.tracking-number input.track-your-package {
    float: right;
}

div#view-orders h4 {
    display: inline;
    font-weight: bold;
    font-size: 12px;    
}  

.ie div#view-orders h4 {
    margin-right: 5px;
}

h1#your-account-header {
    background-position:-11px -10px;
    padding-top:18px;
    width:142px;
}

input.track-your-package {
    background-position: -14px -149px;
    padding-top: 17px;
    width: 109px;    
}

.ie input.track-your-package {
    height: 17px;
}

input.view-order-details { 
    background-position: -14px -95px;
    float: left;
    margin-right: 35px;
    padding-top: 22px;
    width: 123px;    

}

.ie input.view-order-details { 
    height: 22px;
}

/* Contact page */

div#contact.main-content {
    width: 551px;
}

div#contact span.phone-number {
    font-weight: bold;
}

div#your-account div#contact.main-content h3 {
    font-size: 17px;
    padding-left: 12px;
}
div#contact p {
    line-height: 140% !important; /* Override more specific line-height on centerColumn p */
    margin: 12px 0 25px 12px;
}
div#contact ul {
    list-style-type: none;
    list-style-position: outside;
}

div#contact ul li {
    clear: left; /* Needed for Firefox 2 */
}
div#contact ul label,
div#contact ul span.contact-label {
    float: left;
    clear: left;
    width: 66px;
    text-align: right;
    margin: 0 12px 12px 0;
}

div#contact ul span.addressed-to,
div#contact ul span.account {
    font-weight: bold;
}

div#contact ul input.text {
    background-color: #FFF;
}
div#contact ul select {
    border: 1px solid #D4D4D4;
}

div#contact ul textarea {
    width: 391px;
    height: 118px;
    border: 1px solid #D4D4D4;
}

input#send-email {
    background-position: -14px -72px;
    float: right;
    margin: 15px 100px 50px 0;
    padding-top:17px;
    width:72px;     
}   

.ie input#send-email {
    height: 17px;
    display: inline; /* Counteract the double margin float bug */
}

/* Service options page */
div.add-a-line-message-box {
    border: 1px solid #e47911;
    background: #ffffcb;
    padding: 10px 8px 10px;
    color: #000000;
}
div.add-a-line-message-box .message-box-icon {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;	
}

div.service-options-column {
    float: left;
    margin-top: 30px;
}

div#primary-options {
    width: 420px;
}
div#secondary-options {
    width: 500px;
    padding: 0 0 0 41px;
}

div.service-options-column h4 {
    float: left;
    font-size: 14px;
    color: #000;
}

div.service-options-column h4 span.header-note {
    font-size: 12px;
}

div.service-options-column h4 span.header-note a {
    text-decoration: underline;
    font-size: 10px;
}

div.service-options-column ul {
    list-style-type: none;
    margin: 20px 0 20px 0;
}

div.service-options-column div.message-box-body ul {
    margin: 5px 0 10px;
}

div.service-options-column ul li {
    clear: both;
    line-height: 160%;
}
div.service-options-column ul li label {
    float: left;
    clear: left;
    color: #605c5d;
    width: 315px;
}
div.service-options-column ul li input {
    position: relative;
    top: 2px; /* TODO: don't have this in Safari */
    margin-right: 6px;
}
div.service-options-column span.price-column {
    margin-right: 35px;
}
div.service-options-column ul li.options-headers span.price-column {
    font-size: 10px;
    line-height: 100%;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin: -8px 0 0 0;
    width: 54px;
    padding: 0 26px 0 26px;
    
}

div.options-section {
    border-bottom: 1px dashed #ccc; 
    padding: 0 0 34px 0;
}

div.options-section p {
    color: #414141;
    width: 400px;
}
.ie div.options-section p {
    width: 350px;
}

div.options-section img.product-image {
    margin: 0 11px 15px 11px;
    float: left;
}
.ie div.options-section img.product-image {
    margin-top: 20px;
}

div.options-section p {
    font-size: 16px;
    margin-top: 20px;
}

div.message-box-body p {
	font-size: 12px;
}

/* TODO: replace with "Review your order" / "Proceed to checkout" button */
input.add-to-cart-button {
	background-image: url(http://g-ecx.images-amazon.com/images/G/01/Aloha/en_US/inca/images/sprite-search._V239525684_.png);
	background-position: -145px -157px;
	display: block;
	margin: 0 auto;
	padding-top: 21px;
	width: 112px;
}

.ie input.add-to-cart-button {
	height: 21px;
}

div.service-options-total {
	clear: both;
    background: #f6f6f6;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
	padding:8px 15px 10px 15px;
}

div#secondary-options div.options-section ul {
    padding-left: 22px;
}

div#secondary-options div.options-section div.message-box-body ul {
    list-style-type: square;
    padding-left: 16px;
}

div.service-options-total h5 {
    font-size: 14px;
    float: left;
    width: 160px;
    padding-left: 30px;
    padding-right: 20px;
    color: #424242;
}

div.service-options-total input.add-to-cart-button {
    float: right;
    margin-top: 5px;
}

div.service-options-total span.total-price {
   color: #A82E2D;
   font-size: 24px;
   font-weight: bold;
}

div#service-options-message-box-container, div#thank-you-message-box-container {
    margin-top: 15px;
    min-height: 74px;
}

div.service-options-message-box {
    border: 1px solid #e47911;
    background: #ffffcb;
    padding: 10px 8px 0px;
    color: #000000;
}

span.message-box-icon {
    width: 25px;
    height: 25px;
    float: left;
    margin-left: 10px;
}

div.message-box-content {
    margin-left: 50px;
}

div#additional-services-options {
    padding-bottom: 30px;
}

/*style for veiw order detail*/
.message {
	background: #FFFFCC none repeat scroll 0 0;
	border: 1px solid #0071B5;
	color: black;
	font-size: 12px;
	margin: 10px 0;
	padding: 10px;
}

.message span.icon {
	background-color:transparent;
	background-position:-157px -209px;
	background-repeat:no-repeat;
	border:medium none;
	display:block;
	float:left;
	height:25px;
	width:25px;
}

.message h6 {
	font-size:13px;
	margin:0 0 0.25em 35px;
	padding:0;
}

.message p {
	margin:0 0 0.25em 35px;
  	padding:0;
}

.note {
	background: #FFFFCC none repeat scroll 0 0;
	border: 1px solid #0071B5;
	font-size: 12px;
	margin: 5px 0;
	padding: 5px;
}
.note h6 {
	font-size:13px;
	margin:0 0 0 0;
}

.note p {
	margin:0 0 0 0;
}

.warning span.icon {
	background-position:-157px -209px;
}

.status-error span.icon {
	background-position:-157px -234px;
}

.success span.icon {
	background-position:-157px -184px;
}

.warning {
  border:1px solid #E47911;
}

.status-error {
  border:1px solid #FF0000;
  color: #A31919;
}

.success {
  border:1px solid #447F00;
  color:#006633;
}

.normal-status-text {
  color: #006633;
  font-weight: normal;
}

.error-status-text {
  color:#A31919;
  font-weight: normal;
}

.disabled-text {
	background: #F4F4F4 none repeat scroll 0 50%;
	border: 1px solid #CCCCCC;
}


/* customer reviews styles */
span.star-wrapper {
    margin-left: -4px;
}

span.review-total {
    font-size: 11px;
}

div.rating-content-wrapper {
    margin-top: 15px; 
    margin-bottom: 15px;
}
div#translator-strings {
	display: none;
}