/* make room for a new nav link */
#main_nav a { padding: 0 18px; font-size: 15px; line-height: 40px;}
	
	/* order now button in nav */
	#main_nav #nav_order_link { font-weight: bold; text-transform: uppercase;
	
								background: #e90000;
								background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e90000), to(#a40000)); /* safari 4-5, chrome 1-9 */
								background: -webkit-linear-gradient(#e90000, #a40000); /* safari 5.1+, chrome 10+ */
								background: -moz-linear-gradient(top,  #e90000,  #a40000); /* for firefox 3.6+ */
								background-image: -o-linear-gradient(#e90000, #a40000); /* opera 11.10+ */ }
								
	#main_nav #nav_order_link:hover {
								
								background: #e90000;
								background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a40000), to(#c80000)); /* safari 4-5, chrome 1-9 */
								background: -webkit-linear-gradient(#a40000, #c80000); /* safari 5.1+, chrome 10+ */
								background: -moz-linear-gradient(top,  #a40000,  #c80000); /* for firefox 3.6+ */
								background-image: -o-linear-gradient(#a40000, #c80000); /* opera 11.10+ */ }

/********************************************************************************
			DEFAULT OVERRIDES
********************************************************************************/
.cart { color: #666666;}

.cart #content-wrapper { width:940px;padding:10px 2px;}
.cart #content {padding:10px;}
.cart #content ul {margin-left:0;}
.cart #content ul li {list-style-type:none;}

.cart a {text-decoration:none;}

	.cart #main_column { width: 100%;}
	.cart #right_column { width: 230px;float:right;}
	
/********************************************************************************
			GLOBAL CART STYLES
********************************************************************************/

.clear {
    clear: both;
    display: block;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
}

/* general styles for forms within cart experience - override using IDs if necessary */
.cart_form .box { padding: 20px 20px 15px; margin: 15px 0; background: #e4f1cc; border-radius: 10px;}
	.cart_form h3 { margin: 0 0 10px; font-weight: bold; color: #336600; text-transform: uppercase;}
	.cart_form a { font-weight: normal; color: #336600; text-decoration: underline;}
	.cart_form a:hover { color: #80c240;}
	.cart_form label { display: block; margin: 0; padding: 0; font-size: 13px; line-height: 25px; color: #000000;}
	.cart_form label.checkbox { display: block; margin: 15px 0; font-weight: bold; line-height: 1; color: #336600;}
	.cart_form input { border: #8bac51 solid 1px; margin: 0 0 5px; padding: 10px; font-size: 14px; color: #000000;}
	.cart_form select { float: left; display: inline; margin: 0 5px 0 0;}
	.cart_form .zip { float: right; display: inline; width: 98px !important;}
	.cart_form input.checkbox { display: inline; width: auto !important; height: auto; padding: 0; margin: 0 8px 0 0 !important; border: 0; line-height: 1.25;}
	.cart .button,
	.cart .submit { width: auto; padding: 10px 25px; background: #439410; border-radius: 10px; font-size: 18px; color: #ffffff; text-shadow: none;}
	.cart .button:hover,
	.cart .submit:hover { text-decoration: none;}

.cart .previous { float: left; background: #999999;}
.cart .continue { float: right;}

.button.place_order_btn {
    display: block;
    float: none;
    margin: auto;
    width: 150px;
}
	
.order_status { margin-bottom: 10px; font-size: 9px; color: #777777; text-transform: uppercase;}
	.order_status a { color: #777777; text-decoration: underline;}
	.order_status a:hover { color: #439410;}
		
.step { float: left; width: 30px; margin-right: 10px; background: #63b927; border-radius: 15px; box-shadow: 1px 1px 0 #333333; font-weight: bold; font-size: 20px; line-height: 30px; color: #ffffff; text-align: center;}

/* cart breadcrumbs */
.cart_breadcrumbs { margin: 10px 0 30px; text-transform: uppercase;}
	.cart_breadcrumbs li { float: left; width: 268px; position: relative;}
	.cart_breadcrumbs .first { width: 125px;}
	.cart_breadcrumbs .first span { border-radius: 10px 0 0 10px;}
		.cart_breadcrumbs .first span:before { display: block; content: ""; width: 0; height: 0; border-left: #439410 solid 26px; border-top: transparent solid 26px; border-bottom: transparent solid 26px; position: absolute; right: -26px; top: 0; z-index: 2;}
		
		/* regular states */
		.cart_breadcrumbs .step { width: 20px; background: #cccccc; border-radius: 10px; box-shadow: none; font-size: 14px; line-height: 20px; color: #666666;}
		.cart_breadcrumbs span,
		.cart_breadcrumbs a { display: block; padding: 15px 0 15px 15px; background: #439410; font-weight: bold; font-size: 14px; line-height: 22px; color: #ffffff;}
		.cart_breadcrumbs a { padding-left: 35px; background: #f1f1f1 url(/images/cart/breadcrumb_gradient.png) repeat-y right top; color: #666666;}
		.cart_breadcrumbs a:before { display: block; content: ""; width: 0; height: 0; border-left: #cccccc solid 26px; border-top: transparent solid 26px; border-bottom: transparent solid 26px; position: absolute; right: -25px; top: 0; z-index: 2;}
		.cart_breadcrumbs .last a { border-radius: 0 10px 10px 0; background-image: none;}
		.cart_breadcrumbs .last a:before { display: none;}
		
		/* completed states */
		.cart_breadcrumbs .completed { background: #333333; color: #999999;}
		.cart_breadcrumbs .completed .step { background: #4b762d; color: #999999;}
		.cart_breadcrumbs .completed:before { border-left-color: #333333;}
		
		/* hover/active states */
		.cart_breadcrumbs .active .step,
		.cart_breadcrumbs a:hover .step { background: #63b927; box-shadow: 1px 1px 0 #333333; color: #ffffff;}
		.cart_breadcrumbs .active:before,
		.cart_breadcrumbs a:hover:before { border-left-color: #333333;}
		.cart_breadcrumbs .active,
		.cart_breadcrumbs a:hover { background: #333333 url(/images/cart/breadcrumb_gradient_active.png) repeat-y; color: #ffffff; text-decoration: none;}

/* cart step */
.step_title { overflow: hidden;}
	.step_title h1 { float: left; font-weight: normal; font-size: 26px; line-height: 30px; color: #999999; text-align: center; text-transform: uppercase; position: relative; left: 50%;}
		.step_title h1 div,
		.step_title h1 span { float: left; position: relative; right: 50%;}

/* cart banner */
.cart .banner {
	font-weight: bold; 
	font-size: 22px; 
	color: #ff9966;
	background: #e90000;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e90000), to(#a40000)); /* safari 4-5, chrome 1-9 */
	background: -webkit-linear-gradient(#e90000, #a40000); /* safari 5.1+, chrome 10+ */
	background: -moz-linear-gradient(top,  #e90000,  #a40000); /* for firefox 3.6+ */
	background-image: -o-linear-gradient(#e90000, #a40000); /* opera 11.10+ */
    line-height: 50px;
    padding: 15px 0;
    position: relative;
    text-align: center;
}

/* cart rebate banner */
.cart .rebate.banner {
	padding:0; 
	font-size:14px; 
	line-height:25px;
	position:absolute;
	top:0;
	border-radius: 10px 10px 0 0;
	width:170px;
}

	.cart .banner .highlight { color: #ffffff;}
#cart_urgency { padding: 5px 0;}

.mini-equipment .rebate.banner {
	position:absolute;
	top:100px;
	left:103px;
	border-radius: 10px 10px 10px 10px;
	width:120px;
	font-size:10px;
	line-height:20px;
}

/* cart table */
.cart_table { width: 100%; margin: 20px 0; background: #f1f1f1; border-radius: 10px;}
	.cart_table th { padding: 15px; background: #62b826;}
	.cart_table th.first { border-radius: 10px 10px 0 0;}
	.cart_table td { padding: 15px; border: #cccccc solid 1px; vertical-align: middle;}
	.cart_table .first { border-left: 0;}
	.cart_table .last { border-right: 0;}
	.cart_table .last td { border-bottom: 0;}
	
	/* cart table typography */
	.cart_table th { font-size: 14px; color: #ffffff;}
	.cart_table td { font-weight: bold;}
	.cart_table .highlight { color: #c60000;}

/* callout boxes */
.cart_callout { clear: both; background: #d9d9d9; border: #c1c1c1 solid 1px; border-radius: 5px; -moz-border-radius: 5px; padding: 15px; margin: 10px 0 20px; font-size: 18px; line-height: 1.25;}
	.cart_callout p { margin: 0 0 5px !important;}
	.cart_callout span { color: #2d9b00;}
.cart_error { background: #ffe9e9; border-color: #ff9d9d; color: #555555;}
	.cart_error p { font-size: 14px; line-height: 1.25;}
	.cart_error .last { margin: 0 !important;}

/********************************************************************************
			SERVICE CHECK
********************************************************************************/
.coverage_map { float: left; padding: 30px 0 0 30px;}
.service_check { float: right; width: 380px; padding: 30px 0 0 0;}
	
	.service_check .icon_shopping_cart { float: left; margin: 0 20px 30px 0; width: 72px; height: 72px; background: url(/images/cart/cart_sprite.png) no-repeat;}
	.service_check h4 { margin-bottom: 5px; font-size: 30px; line-height: 1; color: #336600;}
	.service_check strong { font-style: italic; color: #439410;}
	#service_check_form { margin-top: 15px;}
		#service_check_form input { width: 318px;}
		#service_check_form .state { width: 215px;}
		#service_check_form .submit { width: auto;}
		
	/* address suggestions */
	#address-suggestions-container .suggestion { display: block; line-height: 2; cursor: pointer;}
		
/********************************************************************************
			STEP 1: CHOOSE PACKAGE & EQUIPMENT
********************************************************************************/

/* packages */
.package-container { float: left; width: 680px;}
		
.cart #content #package_list { margin: 25px 0; list-style: none; font-size: 11px;}
	#package_list li { float: left; display: inline; width: 200px; margin-right: 10px; background-color: #f1f1f1; border: #f1f1f1 solid 4px; border-radius: 10px;}
	#package_list .last { margin-right: 0;}
	
	/* package images */
	#package_list .home .package_desc { background: url(/images/cart/cart_sprite.png) no-repeat -269px 20px; zoom: 1;}
	#package_list .mobile .package_desc { background: url(/images/cart/cart_sprite.png) no-repeat -519px 20px; zoom: 1;}
	#package_list .home_plus_mobile .package_desc { background: url(/images/cart/cart_sprite.png) no-repeat -769px 20px; zoom: 1;}
	
	/* hover/selected packages */
	#package_list .home:hover,
	#package_list .mobile:hover,
	#package_list .home_plus_mobile:hover,
	#package_list .selected { border: #99ccff solid 4px; cursor: pointer;}
	#package_list .selected { background: #ffffff url(/images/cart/selected_package_gradient.png) repeat-x;}
		#package_list .home:hover .select_plan,
		#package_list .mobile:hover .select_plan,
		#package_list .home_plus_mobile:hover .select_plan, 
		#package_list .selected .select_plan { background: #99ccff;}
	
	/* package desc */
	.package_desc { padding-top: 220px; border-radius: 10px;}
		#package_list p { padding: 0 12px; text-align: center;}
		#package_list .price { font-weight: bold; font-size: 14px; color: #43930c;}
			#package_list .highlight { font-weight: bold; color: #cc0000;}
			#package_list .select_plan { display: block; width: 120px; margin: 0 auto -4px; background: #c0c0c0; border-radius: 10px 10px 0 0;  font-weight: bold; font-size: 12px; line-height: 32px; color: #ffffff; text-transform: uppercase; text-align: center;}
			#package_list .select_plan:hover { text-decoration: none;}

/* equipment */
.select_equipment { width:680px; padding: 10px 0; background: url(/images/cart/equipment_list_gradient.png) repeat-x; border-radius: 10px 10px 0 0; text-align: center; position: relative;}
.select_equipment.last {margin-bottom:200px;}
.select_equipment:before { display: block; content: ""; width: 0; height: 0; margin-left: -15px; border-bottom: #d4e7fa solid 20px; border-right: transparent solid 20px; border-left: transparent solid 20px; position: absolute; left: 50%; top: -20px;}
	.select_equipment h2 { font-weight: bold; font-size: 14px; color: #6699cc; text-transform: uppercase;}
	.select_equipment.home {z-index:100;} /** this is the set the description above the mobile descriptions **/
		
	/* equipment choices */
	.content .equipment-list { float: left; margin: 20px 0; list-style: none; position: relative; left: 50%;}
		.content .equipment-list li { float: left; width: 170px; margin-right: 20px; position: relative; right: 50%;}
		.content .equipment-list .last { margin-right: 0;}
		.content .equipment-list .equipment_img { display: block; margin-bottom: 5px; padding: 20px 0; background: #cccccc; border: #cccccc solid 4px; border-radius: 10px;}
		.content .equipment-list .selected .equipment_img,
		.content .equipment-list .equipment_img:hover { background: #ffffff; border: #99ccff solid 4px;}
		.content .equipment-list p { margin-bottom: 0; font-weight: bold; font-size: 10px;}
		.content .equipment-list .reduced { font-size: 13px; color: #cc0000;}
		.content .equipment-list .price { font-size: 13px; color: #43920c;}
		.content .equipment-list p strong {color:#cc0000;}
		
			/* equipment description */
			.content .equipment-list .equipment_desc { float: left; width: 450px; margin: 30px 0 0 0; padding: 20px 0; background: #d4e7fa; border-radius: 15px; list-style-position: inside; font-size: 14px; color: #336699; position: absolute; left: -140px; top: 95%;}
			.equipment_desc:before { display: block; content: ""; width: 0; height: 0; border-bottom: #d4e7fa solid 20px; border-right: transparent solid 20px; border-left: transparent solid 20px; position: absolute; left: 205px; top: -20px;}
				.content .equipment-list .equipment_desc li { float: none; width: auto; margin: 0; position: static;}
			.content .equipment-list ul.equipment_desc {list-style-type:disc}
			
/********************************************************************************
			STEP 2: ORDER SUMMARY
********************************************************************************/

/* order summary table */
#order_summary td.last { text-align: center;}
#order_summary .total .first { color: #336600; text-align: right; text-transform: uppercase;}
#order_summary .total .price { padding: 8px 0; background: #80c240; border-radius: 10px; color: #ffffff;text-align:center;}

/* account info form */
#account_info input { float: left; width: 133px; margin-right: 5px;}
#account_info .Phone1 { width: 138px; margin-right: 0;}

/* billing & shipping forms */
#billing_info,
#payment_info { float: left; width: 330px;}
#billing_info { float: right;}
	#billing_info input,
	#payment_info input { width: 268px;}
	#billing_info select,
	#payment_info select { width: 165px;}
	#payment_info img { display: block;}
#shipping_info { margin: 25px 0 15px;}

#cvv { margin-bottom: 15px; padding: 5px; background: #ffffff; border: #8bac51 solid 1px;}

/********************************************************************************
			STEP 3: ORDER CHECKOUT
********************************************************************************/
.order_instructions { margin: 20px 0 0; font-weight: bold; font-size: 13px; color: #333333; text-align: center;}

/* account and payment info table */
#account_payment_summary td.first { width: 30%;}
#account_payment_summary li { line-height: 1.5;}
#account_info_list,
#billing_info_list,
#shipping_info_list { margin: 0; list-style: none;}
#account_info_list li { float: left; display: inline; padding-right: 10px; margin-right: 10px; border-right: #666666 solid 1px; line-height: 1.15;}
#account_info_list .last { border-right: none;}
#billing_info_list li { float: left; display: inline; width: 50%;}

/********************************************************************************
			CART SIDEBAR
********************************************************************************/

#mini_cart,
#no_activation_fees,
#sidebar_cta { margin: 15px 0; border-radius: 10px;}

/* mini cart */
#mini_cart { background: #e5e5e5; font-size: 11px;}
	#pre_selection,
	#mini_plan,
	.mini-equipment { padding: 20px 15px;}
	#mini_cart h4 { background: #cccccc; border-radius: 10px 10px 0 0; font-weight: bold; font-size: 16px; line-height: 46px; text-align: center; text-transform: uppercase; position: relative;}
	#mini_cart h6, .cart_form h6 { margin-bottom: 5px; font-weight: bold; text-transform: uppercase;}
	
	/* mini plan */
	#mini_plan { border-bottom: #ffffff solid 1px;}
		#mini_plan .plan { float: left; display: inline; width: 90px; height: 90px; margin: 0 20px 20px 0; background: url(/images/cart/cart_sprite.png) no-repeat 0 -150px;}
		#mini_plan .mobile { background-position: 0 -250px;}
		#mini_plan .home_plus_mobile { background-position: 0 -350px;}
	
	/* mini equipment */
	.mini-equipment { border-top: #cccccc solid 1px;position:relative;}
		.mini-equipment .equipment_img { float: left; display: inline;}

/* sidebar banner */
#no_activation_fees { padding: 25px 10px; font-size: 16px; line-height: 1.25; text-transform: uppercase;}
	#no_activation_fees .highlight { display: block; font-size: 18px;}

/* sidebar cta */
#sidebar_cta  { padding: 25px 20px; background: #add363 url(/images/cart/cart_hottie.jpg) no-repeat 155px 60px; font-size: 11px; color: #336600; text-align: center; text-transform: uppercase;}
	#sidebar_cta h4 { margin-bottom: 20px; font-weight: bold; font-size: 16px;}
	#sidebar_cta p { padding-right: 70px; line-height: 1.25; text-align: left;}
	#sidebar_cta .phone { font-weight: bold; font-size: 26px; color: #ffffff;}