/* ------------------------------------------------- */
/* - phone list styles ----------------------------- */
/* ------------------------------------------------- */

.phone-list
{
	padding-bottom: 20px;
}

	.phone-list .col1
	{
		padding: 7px 0 0 0;
		_padding: 0;
		width: 160px;
		background: #ccc url(http://www.metropcs.com/assets/v3/images/bg_phonelist_filters.jpg) left top repeat-y;
	}
	
		.phone-list .col1 h3
		{
			padding: 7px 0 0 28px;
			width: 132px;
			height: 24px;
			font-size: 15px;
			line-height: 18px;
			font-weight: bold;
			color: #fff;
			background: #333 url(http://www.metropcs.com/assets/v3/images/bg_phonelist_filters_title.jpg) left top no-repeat;
		}
		
		.phone-list .col1 .filters-wrap
		{
			padding: 2px 8px 2px 8px;
			width: 144px;
			border-bottom: 1px solid #aeaeae;
		}	
	
		.phone-list .col1 .ui-accordion
		{
			padding: 0;
			width: 144px;
			border: none;
			background: none;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		
			.phone-list .col1 .ui-accordion a.tab
			{
				padding-left: 0;
				margin-bottom: 0;
				background: none;
				background-color: #ccc;
				border: none;
				border-top: 1px solid #fff;
				color: #333;
				-moz-border-radius: 0;
				-webkit-border-radius: 0;
			}
			
			.phone-list .col1 .ui-accordion a.first
			{
				border: none;
			}
		
			.phone-list .col1 .ui-accordion a.tab span.plus, .phone-list .col1 .ui-accordion a.tab span.minus
			{
				margin-right: 0;
				background: url(http://www.metropcs.com/assets/v3/images/ui_framework/accordion_arrows.jpg) left top no-repeat;
			}
			
				.phone-list .col1 .ui-accordion a.tab span.plus		{ background-position: left top; }
				.phone-list .col1 .ui-accordion a.tab span.minus	{ background-position: -20px top; }
	
		.phone-list .col1 .ui-accordion .section
		{
			display: block;
			_padding: 0;
			*border: 1px solid #ccc;
		}
				
		.phone-list .col1 .ui-accordion .section_inner
		{
			padding: 0;
			background-color: #ccc;
			overflow: hidden;
		}
		
		.phone-list .col1 .ui-accordion fieldset
		{
			position: relative;
			left: 0;
		}
	
		.phone-list .col1 .ui-accordion fieldset, .phone-list .col1 .ui-accordion .form-checkboxes, .phone-list .col1 .ui-accordion label.checkbox
		{
			width: 120px;
		}
		
		.phone-list .col1 .ui-accordion label.prettyCheckbox
		{
			margin: 0;
			padding-left: 24px;
		}
		
		.phone-list .col1 .ui-accordion label.checkbox
		{
			cursor: pointer;
		}
	
			.phone-list .col1 .ui-accordion label.checkbox span.holder
			{
				background: url(http://www.metropcs.com/assets/v3/images/ui_framework/check_pretty_sm_cccccc.gif) left top no-repeat;
			}
			
				.phone-list .col1 .ui-accordion label.checkbox:hover span.holder, .phone-list .col1 .ui-accordion label.radio:hover span.holder
				{
					background-position: -24px top;
				}
				
				.phone-list .col1 .ui-accordion label.checked span.holder, .phone-list .col1 .ui-accordion label.checked span.holder, .phone-list .col1 .ui-accordion label.checked:hover span.holder, .phone-list .col1 .ui-accordion label.checked:hover span.holder
				{
					background-position: -48px top;
				}
		
	.phone-list .col2
	{
		padding: 45px 14px 14px 20px;
		width: 693px;
		min-height: 320px;
		_height: 320px;
	}

.phone
{
	float: left;
	position: relative;
	margin-bottom: 15px;
	padding: 24px 19px 24px 19px;
	width: 647px;
	min-height: 143px;
	_height: 143px;
	border-left: 1px solid #fa8139;
	border-right: 1px solid #fa8139;	
	background-color: #fff;
}

	.phone .bracket-top, .phone .bracket-btm
	{
		position: absolute;
		left: -1px;
		width: 687px;
		height: 20px;
	}
	
	.phone .bracket-top		{ top: 0; background: url(http://www.metropcs.com/assets/v3/images/bg_phonelist_phone_top.gif) left top no-repeat; }
	.phone .bracket-btm		{ bottom: 0; background: url(http://www.metropcs.com/assets/v3/images/bg_phonelist_phone_btm.gif) left bottom no-repeat; }

	.phone a img
	{
		float: left;
		padding-right: 16px;
	}
	
	.phone .phone-content
	{
		float: left;
		width: 560px;
		position: relative;
	}
	
		.phone .phone-info
		{
			float: left;
			width: 330px;
		}
	
			.phone .phone-info h4 a
			{
				padding-top: 4px;
				font-size: 20px;
				line-height: 22px;
				font-weight: normal;
				text-decoration: none;
			}
	
			.phone .phone-info ul
			{
				margin-bottom: 8px;
			}
			
				.phone .phone-info ul li
				{
					padding: 0 0 0 23px;
					font-size: 11px;
				}
			
		.phone .phone-pricing
		{
			float: left;
			width: 230px;
			text-align: right;
		}
		
			.phone .phone-pricing h4
			{
				padding: 4px 0 12px 0;
				font-size: 20px;
				line-height: 22px; 
				font-weight: bold;
			}
			
			.phone .phone-pricing ul li
			{
				padding: 0 0 5px 20px;
				font-size: 11px;
				line-height: 13px;
				background: none;
				color: #312f82;
			}			
		
		.phone .phone-buttons
		{ 
			clear: both;
			padding: 4px 0 0 0;
			width: 560px;
		}
		
			.phone .phone-buttons .add
			{
				float: right;
				overflow: hidden;
			}
	
/* ------------------------------------------------- */
/*             Purple Tag                            */
/* ------------------------------------------------- */

 .purpletag a:link, .purpletag a:visited
 {
     display: block;
     padding-left: 20px;
     background: url(http://www.metropcs.com/assets/v3/images/phonelist/purpltag.jpg) left top no-repeat;
 }
 
.purple-tag
{
    position: absolute;
    right: -5px;
    bottom: -14px;
    padding: 24px 0 0 36px;
    width: 282px;
    height: 36px;
	background: url(http://hola.metropcs.com/img/metropcs/ES_49181.jpg) left top no-repeat;
}

    .purple-tag p
    {
        font-weight: bold;
        font-size: 12px;
        line-height: 14px;
        padding: 0 0 1px 0;
        color: #ceceff;
    }

        .purple-tag p span
        {
            font-size: 18px;
            color: #fff;
            font-weight: bold;
        }
        
    .purple-tag p.disclaimer
    {
        font-weight: normal;
        font-size: 11px;
    }
    
        .purple-tag a
        {
            position: absolute;            
            display: block;
            right: 7px;
            top: 17px;
            width: 75px;
            height: 0;
            padding-top: 29px;
            overflow: hidden;
            background: url(http://hola.metropcs.com/img/metropcs/ES_49181.jpg) -236px -17px no-repeat;            
        }
 
/* ------------------------------------------------- */
/*             Shop Accessories Menu                 */
/* ------------------------------------------------- */

.shop-menu
{
    float:right;
    position:relative;
    top:9px;
    
}