@media screen {
	/* Override default facebox styles for genie. */
	#facebox_overlay {
		position:absolute;
		top:0;
		left:0;
		background-color:#000;
	}
	
		.genie #facebox .tl, .genie #facebox .tr, .genie #facebox .bl, .genie #facebox .br {
		height:5px;
		width:5px;
		overflow: hidden;
		padding: 0;
	}
	.genie #facebox tr td.tl {background-image:url(../images/genie/facebox_tl_genie.gif);_filter:none;}
	.genie #facebox tr td.tr {background-image:url(../images/genie/facebox_tr_genie.gif);_filter:none;}
	.genie #facebox tr td.bl {background-image:url(../images/genie/facebox_bl_genie.gif);_filter:none;}
	.genie #facebox tr td.br {background-image:url(../images/genie/facebox_br_genie.gif);_filter:none;}
	.genie #facebox tr td.b  {background-image:url(../images/genie/facebox_b_genie.gif);_filter:none;}
	
	.genie #facebox .popup td.body div.top a.close {
		top:12px;
		right:12px;
		width:60px;
		height:22px;
		background:url(../images/buttons/undo.png) no-repeat top left;
	}
	.genie #facebox .popup td.body div.top a.close img {display:none;}
	.genie #facebox .popup td.body div.top a.close:hover,
	.genie #facebox .popup td.body div.top a.close:active {background-position:bottom left;}
	
	.genie #facebox .content {padding:0px;}
	
	/* Genie content area. */
	
	#genie {width:482px;}

	#genie .head {background-color:#0a81a0;}

	#genie .head a.order {
		display:block;
		width:342px;
		padding:12px 12px 12px 42px;
		background:url(../images/genie/cart_head.png) no-repeat 12px center #0a81a0;
		color:#fff;
		text-decoration:none;
	}
	#genie .head a.order:hover, #genie .head a.order:active {background-color:#065e75;}

		#genie a.order span {
			float:left;
			height:22px;
		}

		#genie a.order span.order {
			height:14px;
			padding:4px 4px 4px 0;
			font-size:1.273em;
			font-weight:bold;
			text-transform:uppercase;
		}
		#genie a.order:hover span.order,
		#genie a.order:active span.order {text-decoration:underline;}

		#genie a.order span.items {
			height:11px;
			padding:6px 10px 5px 0;
		}

		#genie a.order span.edit {
			width:46px;
			height:18px;
			padding:3px 0;
		}

		#genie a.order img {display:none;}
		#genie a.order:hover img, #genie .head a.order:active img {display:block;}

/*	Steps List
	----------
*/

	#genie .steps {
		padding:0 0px;
		margin:0;
	}

	#genie .steps li {
		position:relative;
		padding:12px 0 12px 60px;
		border-bottom:3px solid #e9e9e9;
		color:#666;
		font-size:1.273em;
		line-height:1.1em;
	}
	#genie #no_numbers li {padding-left:16px;}

	#genie .steps li.last {border-bottom:none;}

		#genie .steps li.continue,
		#genie #no_numbers li.continue {
			padding:0;
			background:url(../images/order/step_bg_grade.gif) repeat-x top left #cbecf3;
			line-height:1.3em;
		}
		#genie .steps li.not_ready {
			padding:20px 0 20px 60px;
			border-bottom:3px solid #e9e9e9;
			color:#9b9b9b;
		}
		#genie .steps li.share_slot {
			padding:20px 0 20px 60px;
		}
	#genie .steps .abs_png {
		position:absolute;
		top:14px;
		left:16px;
		z-index:1000;
	}
	#genie .steps .continue .abs_png {left:11px;}

	#genie .steps span.title {
		color:#333;
		font-size:.786em;
		text-transform:uppercase;
	}

	#genie .steps span.success {color:#79b106;}

	#genie li.continue a {
		display:block;
		padding:16px 0 16px 60px;
		background:url(../images/genie/continue_arrow_off.png) no-repeat 415px center transparent;
		_background-image:url(../images/genie/ie6_continue_arrow_off.gif);
		color:#333;
		text-decoration:none;
	}
	#genie #no_numbers li.continue a {padding-left:16px;}

	#genie li.continue a span.link {
		color:#2c72b6;
		font-size:1.143em;
	}
	#genie li.continue a:hover, #genie li.continue a:active {
		background-color:#c6e6f4;
		background-image:url(../images/genie/continue_arrow_on.png);
		_background-image:url(../images/genie/ie6_continue_arrow_on.gif);
	}
	#genie li.continue a:hover span.link, #genie li.continue a:active span.link {text-decoration:underline;}

/*	Steps Sub-List
	--------------
*/

	#genie .steps ol li {
		padding:0;
		border-bottom:none;
		margin:0 0 0 16px;
		color:#666;
		font-size:1em;
		line-height:1em;
		list-style:disc;
	}

	#genie .steps ol li.collapse {
		margin:0;
		list-style:none;
	}

	#genie .steps ol li.collapse span {
		float:left;
		width:15px;
		padding-left:1px;
	}

/*	Genie Forms
	-----------
*/

	#genie form {
		/*border-top:1px solid #e9e9e9;*/
		margin:0 0 18px 70px;
	}

	#genie form p {
		margin:18px 0;
		font-size:1.273em;
	}

	#genie form.add_up .clearfix {margin:0 0 18px 0;}

	#genie form label {
		color:#000;
		font-size:1.091em;
	}

	#genie form.one_select label {
		float:left;
		line-height:2.167em;
		margin:0 10px 0 0;
	}

	#genie form.add_up label {
		display:block;
		margin:0 0 0 50px;
		color:#666;
		line-height:1.455em;
	}

	#genie form.add_up label span {
		color:#000;
		font-size:1.167em;
	}

	#genie form.one_select select,
	#genie form.add_up select {
		float:left;
	}

	#genie form.one_select select {margin:3px 10px 0 0;}

	#genie input.set_qty_choose_plans a.set_qty_choose_plans {
		float:left;
		width:192px;
		height:26px;
		background:url(../images/buttons/set_qty_choose_plans.png) top left;
		text-indent:-99999px;
	}

	#genie a.choose_2_plans_choose_phones {
		display:block;
		width:207px;
		height:26px;
		background:url(../images/buttons/choose_2_plans_choose_phones.png) top left;
		text-indent:-99999px;
	}

	#genie a.choose_3_plans_choose_phones {
		display:block;
		width:207px;
		height:26px;
		background:url(../images/buttons/choose_3_plans_choose_phones.png) top left;
		text-indent:-99999px;
	}

	#genie a.set_qty_choose_plans:hover,
	#genie a.set_qty_choose_plans:active,
	#genie a.choose_2_plans_choose_phones:hover,
	#genie a.choose_2_plans_choose_phones:active,
	#genie a.choose_3_plans_choose_phones:hover,
	#genie a.choose_3_plans_choose_phones:active {background-position:bottom left;}

/*	Cart
	----
*/
	#genie div.cart {
		padding:12px 0 12px 16px;
	}

	#genie div.cart a {
		display:block;
		width:200px;
		height:26px;
		background:url(../images/buttons/genie_checkout.png) no-repeat top left;
		text-indent:-99999px;
	}
	#genie div.cart a:hover, #genie div.cart a:active {background-position:bottom left;}

	#genie div.cart_not_ready {
		background:transparent url(../images/genie/cart_grey.gif) no-repeat scroll 16px;
		color:#999999;
		font-size:1.273em;
		padding:20px 0pt 20px 60px;
	}
	
	/* binary_choice */
	
	#genie .binary_choice{
		padding:6px 0 0 0;
	}
	#genie .binary_choice h3 span{
		display:block;
		padding:8px 0 9px 36px;
	}
	#genie .binary_choice h3{
		font-weight:bold;
		color:#333;
		padding:0 0 0 16px;
		margin:0 0 2px 0;
	}
	#genie .binary_choice h3.checked {
		background:#c0d5db url(../images/genie/check_bg.png) repeat-x;
	}
	#genie .binary_choice h3.checked span {
		background:url(../images/genie/check.png) no-repeat left center;
	}
	#genie .binary_choice h3.arrow {
		background:#37626d url(../images/genie/arrow_bg.png) repeat-x;
		color:#fff;
	}
	#genie .binary_choice h3.arrow span{
		background:url(../images/genie/arrow.png) no-repeat left center;
	}
	#genie .binary_choice .question{
		*text-align:center;
		padding:20px 0 30px 0;
	}
	#genie .binary_choice .question h3{
		font-size:1.4545em;
		font-weight:normal;
		text-align:center;
		padding:0;
		margin:0 0 20px 0;
	}
	#genie .binary_choice .question span{
		display:block;
		float:left;
		padding:8px 26px 0 26px;
		font-weight:bold;
	}
	#genie .binary_choice .question a{
		*text-align:left;
		display:block;
		float:left;
		overflow:hidden;
		height:26px;
		text-indent:-10000px;
	}
	#genie .binary_choice .question a:hover{
		background-position:0 -26px !important;
	}
	#genie .binary_choice .question a.yes{
		width:82px;
		background:url(../images/buttons/yes.png) no-repeat 0 0;
	}
	#genie .binary_choice .question a.select_another_plan{
		width:156px;
		background:url(../images/buttons/select_another_plan.png) no-repeat 0 0;
	}
	#genie .binary_choice .question div{
		display:table;
		margin:0 auto;
		*display:inline;
	}
	#genie .note {
		color:#666666;
		padding:12px 16px;
		border-top:3px solid #e9e9e9;
		line-height:1.2em;
	}
	
	#genie .note .price { color:#333333; }
	#genie .note .old_price { text-decoration:line-through; }
	#genie .note .new_price { color:#eb3c3c; }
	
	#genie .list_note strong{
		display:block;
		float:left;
		margin:0 16px 0 0;
	}
	#genie .list_note ul{
		display:block;
		float:left;
	}	
	#genie .note strong{
		color:#000;
	}
	#genie .steps li.override{
		border:none;
		padding:0px;
	}

	/*	Contract Change Choice Genie
		----------------------------
	*/

	#genie .contract_change {
		padding:14px;
	}

	#genie .contract_change h3 {
		color:#93c800;
		font-size:1.636em;
	}

	#genie .contract_change h4 {
		color:#424242;
		font-size:1.273em;
		font-weight:normal;
		line-height:1.143em;
		text-transform:none;
	}

	#genie .contract_change p.intro {
		font-size:1.091em;
		font-weight:bold;
		margin:0;
		padding:30px 0 10px 0;
		text-align:center;
	}

	#genie .contract_change div.clearfix {position:relative;}

	#genie .contract_change .new_contract,
	#genie .contract_change .keep_contract {
		border:2px solid #ededed;
		font-size:1.091em;
		line-height:1.25em;
		padding:10px;
		text-align:center;
		width:170px;
	}

	#genie .contract_change .new_contract {float:left;}
	#genie .contract_change .keep_contract {float:right;}

	#genie .contract_change .or {
		font-size:24px;
		height:66px;
		left:50%;
		line-height:66px;
		margin:-33px 0 0 -33px;
		position:absolute;
		text-align:center;
		top:50%;
		width:66px;
		
	}

	#genie .contract_change .new_contract span.price,
	#genie .contract_change .keep_contract span.price {
		font-size:36px;
		line-height:48px;
	}

	#genie .contract_change .new_contract span.price span,
	#genie .contract_change .keep_contract span.price span {
		font-size:18px;
		line-height:36px;
		vertical-align:top;
	}

	#genie .contract_change .new_contract a {
		background:url(../images/mma/buttons/contract_change.png) no-repeat top left;
		display:block;
		height:32px;
		margin:4px auto 8px auto;
		text-indent:-99999px;
		width:159px;
	}
	#genie .contract_change .new_contract a:hover,
	#genie .contract_change .new_contract a:active {
		background-position:bottom left;
	}

	#genie .contract_change .keep_contract a {
		background:url(../images/mma/buttons/contract_change.png) no-repeat top right;
		display:block;
		height:32px;
		margin:4px auto 8px auto;
		text-indent:-99999px;
		width:145px;
	}
	#genie .contract_change .keep_contract a:hover,
	#genie .contract_change .keep_contract a:active {
		background-position:bottom right;
	}

}
