@import url("../cart.css");

@charset "utf-8";
/* CSS Document */

div#phones
{
	float: left;
	padding: 20px 0 40px 0;
}

div#phones div.phone
{
	border-top: 1px solid #ddd;
	float: left;
	min-height: 150px;
	_height: 150px;
	padding: 15px 0;
	width: 100%;
}

	div#phones div.phone .thumb
	{
		position: relative;
		float: left;
	}
		div#phones div.phone .thumb img
		{
			padding: 10px 10px;
		}
		div#phones div.phone .thumb .banner
		{
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 10;
		}
			div#phones div.phone .thumb .banner span
			{
				display: block;
				height: 53px;
				width: 53px;
			}
				div#phones div.phone .thumb .banner span.new
				{
					background: url(../../images/icon_new.png) no-repeat left top;
				}
				div#phones div.phone .thumb .banner span.price_reduced
				{
					background: url(../../images/icon_pricereduced.png) no-repeat left top;
				}
				div#phones div.phone .thumb .banner span.sale
				{
					background: url(../../images/icon_sale.png) no-repeat left top;
				}
				div#phones div.phone .thumb .banner span.coming_soon
				{
					background: url(../../images/icon_comingsoon.png) no-repeat left top;
				}
				div#phones div.phone .thumb .banner span.smartphone
				{
					background: url(../../images/icon_smartphone.png) no-repeat left top;
				}
				
	div#phones div.phone .phone_center
	{
		float: left;
		width: 350px;
	}
	
		div#phones div.phone h2.phone_name
		{
			padding: 0;
		}
		
		div#phones div.phone p.phone_description
		{
		}
		
		div#phones div.phone p.phone_disclaimer
		{
			color: #888;
		}
		
			div#phones div.phone div.icons
		{
			display: inline-block;
			width: 350px;
		}
			div#phones div.phone div.icons a
			{
				display: block;
				float: left;
				height: 0;
				margin: 3px;
				overflow: hidden;
				padding: 34px 0 0 0;
				width: 34px;
			}
			div#phones div.phone div.icons a.icon_bluetooth
			{
				background: url(../../images/products/feature_icon_bluetooth.jpg) no-repeat 0 0;
			}
			div#phones div.phone div.icons a.icon_video
			{
				background: url(../../images/products/feature_icon_video.jpg) no-repeat 0 0;
			}
			div#phones div.phone div.icons a.icon_camera
			{
				background: url(../../images/products/feature_icon_camera.jpg) no-repeat 0 0;
			}
		
			div#phones div.phone div.icons a.icon_music
			{
				background: url(../../images/products/feature_icon_music.jpg) no-repeat 0 0;
			}
			div#phones div.phone div.icons a.icon_ringtones
			{
				background: url(../../images/products/feature_icon_ringtones.jpg) no-repeat 0 0;
			}
			div#phones div.phone div.icons a.icon_webaccess
			{
				background: url(../../images/products/feature_icon_webaccess.jpg) no-repeat 0 0;
			}
		
			div#phones div.phone div.icons a.icon_hearingaidcompatible
			{
				background: url(../../images/products/feature_icon_hearingaidcompatible.jpg) no-repeat 0 0;
			}
			div#phones div.phone div.icons a.icon_highspeedweb
			{
				background: url(../../images/products/feature_icon_highspeedweb.jpg) no-repeat 0 0;
			}
			div#phones div.phone div.icons a.icon_highspeedinternet
			{
				background: url(../../images/products/feature_icon_highspeedinternet.jpg) no-repeat 0 0;
				padding-top: 36px;
			}
			div#phones div.phone div.icons a.icon_touchscreen
			{
				background: url(../../images/products/feature_icon_touchscreen.jpg) no-repeat 0 0;
				width: 38px;
			}
			div#phones div.icons a.icon_internet
			{
				background: url(../../images/products/feature_icon_internet.jpg) no-repeat 0 0;
				width: 38px;
			}

	div#phones div.phone div.phone_right
	{
		float: right;
		padding: 0 0 20px 0;
		width: 120px;
	}
	
	
	#content p.phone_price_reg
	{
		font: bold 14px/16px tahoma, arial, sans-serif;
		clear: right;
		color: #8996a0;
		float: right;
		overflow: hidden;
		padding: 10px 0 0 0;
		text-align: left;
		width: 120px;
	}
		
		div#phones div.phone p.phone_price_reg small
		{
			font: normal 11px/16px tahoma, arial, sans-serif;
		}
	
	div#phones div.phone p.phone_price
	{
		font: normal 22px/24px tahoma, arial, sans-serif;
		clear: right;
		color: #68177f;
		float: right;
		overflow: hidden;
		padding: 0px 0 0 0;
		text-align: left;
		width: 120px;
	}
		
		div#phones div.phone p.phone_price small
		{
			font: normal 11px/16px tahoma, arial, sans-serif;
		}
	
	div#phones div.phone p.save
	{
		font: bold 14px/16px tahoma, arial, sans-serif;
		clear: right;
		color: #a2ad00;
		float: right;
		overflow: hidden;
		padding: 7px 0 0 0;
		text-align: left;
		width: 120px;
	}
		
		div#phones div.phone p.save small
		{
			font: normal 11px/16px tahoma, arial, sans-serif;
		}
		
	div#phones div.phone a:link.button_purple, div#phones div.phone a:visited.button_purple
	{
		background: #68177f;
		clear: right;
		color: #fff;
		display: block;
		float: right;
		font-weight: bold;
		margin: 10px 0 0 0;
		padding: 8px 0 9px 0;
		*padding: 7px 0 10px 0;
		text-align: center;
		text-decoration: none;
		width: 120px;
	}
	
		div#phones div.phone a:hover.button_purple, div#phones div.phone a:active.button_purple
		{
			background: #a2ad00;
			text-decoration: underline;
		}

		
	div#phones div.phone a:link.button_grey, div#phones div.phone a:visited.button_grey
	{
		background: #8996a0;
		clear: right;
		color: #fff;
		display: block;
		float: right;
		font-weight: bold;
		margin: 8px 0 0 0;
		padding: 8px 0 9px 0;
		*padding: 7px 0 10px 0;	
		text-align: center;
		text-decoration: none;
		width: 120px;
	}
	
		div#phones div.phone a:hover.button_grey, div#phones div.phone a:active.button_grey
		{
			background: #a2ad00;
			text-decoration: underline;
		}