/* ---------------------------------------
	envirocharities styles
--------------------------------------- */

	@import 'type.css';
	@import 'forms.css';
	@import 'custom.css';
	@import 'gemma.css';

    @import "/includes/css/controls/trade-styles.css";


	*
	{
		margin: 0;
		padding: 0;
	}
	
	a#logo span
	{
		display: block;
		text-indent: -9999px;
	}


/*
	layout styles
	----------------------------------- */

	body
	{
		padding: 10px 0 40px;
	}
	
	img.manufacturerlogo
	{
		margin: -42px 0 0;
		float: right;
	}

	#main:after,
    #content:after,
    .searchicons:after,
    .rightpanel div:after,
    .trade-process .leftpanel h3:after,
    .trade-process .leftpanel legend:after
	{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	body.landing #header,
	body.landing #main,
	body.landing #footer,
	body.landing #start-bar
	{
		width: 600px;
	}

	#header,
	#main,
	#footer,
	#start-bar
	{
		clear: both;
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
	}

    #content
    {
        float: left;
    }

	#main
	{
		padding-left: 169px;
        width: 791px;
	}

	#header
	{
		height: 113px;
		border-bottom: 5px solid #9561A9;
	}
	
	#start-bar
	{
		height: 89px;
	}

    .sales-content #start-bar
    {
		height: 64px;
        padding-top: 25px;
    }
	
    .sales-content #start-bar img.charity
    {
        margin-top: -25px;
    }

	body.landing #start-bar
	{
		height: 5px;
	}

	.section,
	.panel
	{
		float: left;
		padding: 28px;
	}

    .section
    {
        width: 424px;
    }
	
	.panel
	{
		width: 255px;
	}

	#footer
	{
		clear: left;
		text-align: center;
		height: 30px;
	}

	#header #name
	{
		display: block;
		width: 415px;
		height: 29px;
		text-align: right;
		position: absolute;
		margin-left: 530px;
		line-height: 32px;
		padding-right: 15px;
		top: 109px;
	}


/*
	content styling
	----------------------------------- */
	
	#footer p
	{
		line-height: 28px;
	}
	
	a#logo
	{
		display: block;
		width: 303px;
		height: 113px;
		margin-left: 25px;
	}
	
	#start-bar .charity
	{
		float: left;
	}
	
	#featured-phones
	{
		padding: 1px 0 1px 1px;
		width: 790px;
		height: 249px;
		clear: both;
	}
	
    #home-search .SearchBox
    {
        margin-left: 0;
        width: 381px;
        height: 89px;
        overflow: hidden;
        padding: 0 30px 0 380px;
    }

    .sales-content #start-bar .SearchBox
    {
		width: 280px;
		margin: -22px 0 0 350px;
    }

	.sales-content #start-bar .SearchBox label
	{
		width: 160px;
	}

	.sales-content #start-bar .SearchBox span.two
    {
		width: auto;
    }

	.sales-content #start-bar .SearchBox input
    {
		width: 150px;
		margin-right: 10px;
    }


/*
	navigation styles
	----------------------------------- */
	
    #content
    {
        /* pull the content back up in-line with the navigation */
        margin-top: -309px;
    }

	ul#navigation,
	ul#navigation ul,
	ul#navigation li,
	ul#navigation a
	{
		list-style-type: none;
		display: block;
		width: 167px;
		margin: 0;
	}
	
	ul#navigation
	{
		margin-left: -169px;
		margin-bottom: 50px;
	}

	ul#navigation a
	{
		height: 25px;
		line-height: 25px;
		padding: 0 10px 0 24px;
		width: 133px;
	}
	
	ul#navigation ul a
	{
		padding-left: 34px;
		width: 123px;
	}


/*
	new trade cart hacks
	----------------------------------- */

	.multipaymentoptions input,
	.multipaymentoptions label,
	.multipaymentoptions td.valuecolumn
	{
		width: auto;	
	}
	
	.multipaymentoptions input.button
	{
		margin-top: 3px !important;
	}
	
	.multipaymentoptions td.carbonoffsetcolumn input
	{
		vertical-align: middle;
	}
	
	.multipaymentoptions td.descriptioncolumn
	{
		padding: 10px;
		line-height: 16px;
	}
	
	.multipaymentoptions td.descriptioncolumn input
	{
		display: block;
		clear: both;
		
		margin-left: 0 !important;
		margin-top: 10px;
	}
	
	.multipaymentoptions td.logocolumn label
	{
		float: none;
		clear: none;
		display: inline;
	}
	
	.multipaymentoptions td.logocolumn img
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}