/*	--[ import styles ]-------------------------------------------------------	*/

    @import url("/!styles/dap/List.css");
    @import url("/!styles/!generic/PhoneFeatures.css");
    @import url("/!styles/dap/SearchOptions.css");

/*	--[ page title and intro copy ]-------------------------------------------	*/

    #PageTitle,
    #PageIntroPara {
        background-color:#FFFFFF;
    }

/*	--[ selected free gifts drop down ]---------------------------------------	*/

    #FreeGifts_Selected {
        height:19px;
        width:265px;
        overflow:hidden;
        text-decoration:none;
        color:#444444;
        font-weight:normal;
        display:block;
        background-image:url(/_images/_system/search/free_gifts_selected_bg.png);
        background-repeat:no-repeat;
        background-position:left top;
        margin-top:0.7em;
        padding:3px 0 0 5px;
    }

    a#FreeGifts_Selected:Hover,
    a#FreeGifts_Selected.Hover {
        background-position:left -30px !important;
    }
    
    a#FreeGifts_Selected span.Selected {
        color:#339900;
        font-weight:bold;
    }
    
    #FreeGifts_List {
        width:265px;
        position:absolute;
        top:0;
        left:0;
        background-image:url(/_images/_system/header/menu_right_bg.png);
		background-position:right bottom;
		background-repeat:no-repeat;
		display:none;
		z-index:100;
    }
    
    #FreeGifts_List ul {
        margin:0;
        padding:0;
        width:260px;
        background-image:url(/_images/_system/header/menu_left_bg.png);
		background-position:left bottom;
		background-repeat:no-repeat;
		list-style:none;
		list-style-image:none;
		padding-bottom:16px;
    }
    
    #FreeGifts_List ul li {
        padding:0;
        margin:0;
        display:block;
        width:250px;
    }
    
    #FreeGifts_List ul li label {
        color:#0086c6;
        
        display:inline;
		width:auto;
	    float:none;
    }
    
    #FreeGifts_List ul li label:Hover {
        color:#003366;
    }
    
/*	--[ standard table/list modifications ]-----------------------------------	*/

    .List {
        width:100%;
        font-size:0.9em;
    }

    .List .HandsetImage {
        width:70px;
		padding-left:0;
        padding-right:0;
        border-right:0;
        /* 2px is to fix firefox bug  */
        border-left-width:2px;
        cursor:pointer;
    }
    
    /*  ie 7 and lower css hack - targets ie and fixes the css ammend for the firefox bug above  */
    *:first-child+html {} * html .List .HandsetImage {
        border-left-width:1px;
    }
    
    .List .DealIncludes {
        width:auto;
        padding-left:0;
        padding-right:0;
        border-left:0;
    }
   
    .List .PricePlan {
        width:100px;
    }
    
    .List .Term {
        width:50px;
    }
    
    .List .DataAllowance {
        width:90px;
    }    
    .List .DownloadSpeed {
        width:95px;
    }      
    
    .List .MonthlyCost {
        width:90px;
    }
    
    .List .MonthlyMinutes {
        width:75px;
    }
    
    .List .MonthlyTexts {
        width:75px;
    }
    
    .List .FlextColumn {
        width:160px;
    }
    
    .List .TotalCost {
        width:100px;
    }
    
    .List .DealCost {
        width:70px;
    }
    
    /* left aligned columns */
    .List .DealIncludes {
        text-align:left;
    }
    
    /* right aligned columns */
    .List .MonthlyCost,
    .List .MonthlyMinutes,
    .List .MonthlyTexts,
    .List .TotalCost,       
    .List .FlextColumn
    {
        text-align:right;
    }
	.List .TAndC
    {
		float: right; text-align: right; padding-bottom: 0px; padding-top: 10px;
		font-size:9px;		
		
    }
      .List .TAndC a
    {
		background-image:none;
		padding-right:0px;		
		font-weight:bold;
    }    
    /* center aligned columns */
    .List .HandsetImage,
    .List .PricePlan,
    .List .Term,
    .List .DataAllowance,
    .List .DownloadSpeed,
    .List .DealCost
    {
        text-align:center;
    }
    
    /* font sizes */
    .List td.DealIncludes,
    .List td.PricePlan,
    .List td.Term strong,
    .List td.DealIncludes h2,
    .List td.DealIncludes h3,
    .List td.DealIncludes h4,
    .List td.DealIncludes h5,
    .List td.DealIncludes h6
    {
        font-size:110%;
    }
    
    .List td.DealIncludes .CodeId,
    .List td.DealIncludes h2 .CodeId,
    .List td.DealIncludes h3 .CodeId,
    .List td.DealIncludes h4 .CodeId,
    .List td.DealIncludes h5 .CodeId,
    .List td.DealIncludes h6 .CodeId {
        color:#AAAAAA;
        font-size:1em;
        font-weight:normal;
    }
    
    /* removal of popup link icons */
    .List td.PricePlan a,
    .List td.DealCost a,
    .List td.HandsetImage a,
    .List td.FlextColumn a {
	    padding-left:0;
	    background-image:none;
	}
	
	.List td.MonthlyCost a {
	    padding-left:15px;
	    background-position:1px 8px;
	}
	
/*	--[ list modifications for selected phone ]-------------------------------	*/

    #SelectedPhone,
    #SelectedGift,
    #SelectedDeal {
        margin-bottom:1em;
        background-color:#FFFFFF;
    }

    .List .HandsetImageLarge {
        width:100px;
        border-right:0;
    }
    
    .List .PhoneInfo {
        width:auto;
        border-left:0;
    }
    .List .PhoneInfo .HandsetReviews {
	    float:right;
        width:300px;
	    text-align:right;
	}
	.List .PhoneInfo .ReviewRating {
	    margin-bottom:5px;
        float:right;
	}
	.List .PhoneInfo .AddReview {
        padding-left:24px;
        clear:right;
    }
	.List .PhoneInfo .Details {
	    white-space:nowrap;
	    float:left;
	}
    .List .PhoneInfo .Details .Weight {
        float:left;
        /*width:auto;*/
    }
    .List .PhoneInfo .Details .Dimensions {
        float:left;
        /*width:auto;*/
        clear:both;
    }
    
    /*
    left aligned columns
    */
    .List .PhoneInfo
    {
        text-align:left;
    }
    
    /*
    center aligned columns
    */
    .List .HandsetImageLarge
    {
        text-align:center;
    }
    
    .List td.DealIncludes h1,
    .List td.DealIncludes h2,
    .List td.DealIncludes h3,
    .List td.DealIncludes h4,
    .List td.DealIncludes h5,
    .List td.DealIncludes h6,
    .List td.DealIncludes p {
        margin:0;
    }
    
    .List td.DealIncludes h1 a,
    .List td.DealIncludes h2 a,
    .List td.DealIncludes h3 a,
    .List td.DealIncludes h4 a,
    .List td.DealIncludes h5 a,
    .List td.DealIncludes h6 a {
        display:block;
        background-position:left 3px;
    }

/*	--[ phone features ]------------------------------------------------------	*/
    
    /*	features and networks options  */
	ul.Features {
		margin:2px 0 0 0;
	}
	
/*	--[ selected handset styles ]---------------------------------------------	*/

    #SelectedPhone td {
        border:0;
    }
    
/*	--[ video styles ]--------------------------------------------------------	*/

    .SearchPanelTop .List {
        clear:none !important;
    }

    .SearchLayout {
        margin-top:10px;
        clear:both;
    }
    
    .VideoReview {
        width:282px;
        height:249px;
        overflow:hidden;
        float:right;
        background-image:url(/_images/_system/search/video_review_bg.png);
        background-repeat:no-repeat;
        margin-left:10px;
    }
    
    .VideoReview .Section {
        margin:21px 5px 5px 6px;
        height:218px;
        width:270px;
        overflow:hidden;
    }
    
    .VideoReview strong.Title {
        display:none;
    }
    .VideoReview a {
        padding:0;
        background-image:none;
    }
    .VideoReview a img {
        width:270px;
        height:218px;
    }