/* phones sub navigation */
#phonesubnav {
    margin-bottom: 10px;
	width: 820px;
	padding: 0px;
	margin-left: 0px;
}
#phonesubnav ul {
	padding: 9px 0px 8px 4px;
	margin: 0px;
	background-color: #EDEDED;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#phonesubnav li {
	display: inline;
}
#phonesubnav a {
	color: #333333;
	font-weight: bold;
	padding: 5px 11px 8px;
	text-decoration: none;
	background-color: #CCCCCC;
}
#phonesubnav a:hover, #phonesubnav a.current {
	text-decoration: none;  
	color: #111;
	background: #fff;
}

#phoneoverviewleft {
	float: left;
/*	width: 410px; */
	width: 400px;
	padding-right: 10px;
}
#phoneoverviewright {
	float: right;
/*	width: 400px; */
	width: 410px;
	position: relative;
}	

/* sub navigation */
#NavSide{width: 170px;
	background-color: #eff4fa;
}
#NavSide ul {list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 22px;}
#NavSide li {
	border-bottom: 1px solid #000033;
	}
#NavSide li a {color: #111;
	text-decoration: none;
	font-weight: bold;
	display: block;
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;}
#NavSide li a:hover {color: #111;
	text-decoration: none;
	background-color: #eee;
	display: block;}
#NavSide li a.selected {color: #333;
	text-decoration: none;
	background-color: #fff;
	display: block;}

/* Phone List Page */
table.PhoneList
{
	width: 621px;
	margin: 0px;
	padding: 0px;
}
table.PhoneList td
{
	width: 207px;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
}
table.PhoneListPhone
{
	width: 207px;
	margin: 0px;
	padding: 0px;
}
table.PhoneListPhone td.info
{
	width: 132px;
	vertical-align: top;
}
table.PhoneListPhone td.image
{
	width: 75px;
	vertical-align: top;
	text-align: center;
}

div.PhoneName {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 4px;
}
div.PhoneAmount {
	font-weight: normal;
	font-size: 20px;
	padding-bottom: 4px;
	color: #499B00;
	padding-top: 8px;
}
div.PhoneAmountInfo {
	font-size: 11px;
	font-weight: bold;
}
div.PhonePrice
{
	padding-bottom: 5px;
}
div.PhoneFeatures
{
	font-size: 8pt;
}
div.PhoneCompare
{
	font-size: 11px;
	padding-top: 6px;
}

table.PhoneIconLegend
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
table.PhoneIconLegend td
{
	width: 25%;
	vertical-align: top;
	padding: 4px;
}

/* Phone Details Page */
table.PhoneInfo
{
	width: 720px;
	margin: 0px;
	padding: 0px;
}
table.PhoneInfo td
{
	vertical-align: top;
	width: 540px; 
}
table.PhoneInfo td.OtherPhones
{
	width: 180px; 
	padding-left: 10px;
}

div.PhoneCategories
{
	background-color: #5a2c7b;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 8px;
	color: #FFFFFF;
	border-bottom: solid #5a2c7b 1px;
}
div.PhoneCategories a, div.PhoneCategories a:link, div.PhoneCategories a:active, div.PhoneCategories a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
}
div.PhoneCategories a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
div.PhoneContent
{
	padding-top: 8px;
}


/* Phone Overview */
.panel {

}
.panel img {
	height: auto;
	width: auto;
	text-align: center;
	margin: 0 auto;
	display: block;
	position: relative;
}
table.PhoneOverview
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
table.PhoneOverview td
{
	vertical-align: top;
	text-align: left;
}
table.PhoneOverview td.image
{
	width: 200px;
	text-align: center;
	font-size: 11px;
}
table.PhoneDetails
{
	width: 410px;
	margin: 0px;
	padding: 0px;
}
table.PhoneDetails td.field
{
	width: 60px;
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}
table.PhoneDetails td
{
	vertical-align: top;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
}
table.PhoneDetails ul
{
	padding-left: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 2px;
	font-size: 12px;
}

/* Phone Specifications */
table.PhoneSpecifications
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #66cc00;
	border-right: 1px solid #66cc00;
	border-bottom: 1px solid #66cc00;
}
table.PhoneSpecifications caption
{
	background-color: #66cc00;
	color: #ffffff;
	text-align: left;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #66cc00;
}
table.PhoneSpecifications td
{
	vertical-align: top;
	padding: 4px;
	background-color: #ffffff;
}
table.PhoneSpecifications td.field
{
	width: 170px;
	font-weight: bold;
	background-color: #ffffff;
}
table.PhoneSpecifications td.alt
{
	background-color: #efefef;
}
table.PhoneSpecifications td.fieldalt
{
	font-weight: bold;
	background-color: #efefef;
}

/* Phone Accessories */
table.PhoneAccessories
{
	width: 650px;
	margin: 0px;
	padding: 0px;
}
table.PhoneAccessories td
{
	width: 470px;
	vertical-align: top;
}
table.PhoneAccessories td.subnav
{
	width: 180px;
	padding-left: 10px;
}

div.Accessory
{
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

table.AccessoryInfo
{
	width: 450px;
	margin: 0px;
	padding: 0px;
}
table.AccessoryInfo td
{
	vertical-align: top;
	padding: 3px;
}
table.AccessoryInfo td.image
{
	width: 100px;
	text-align: center;
}
div.AccessoryName
{
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
}		
div.AccessoryPrice
{
	font-size: 13px;
	padding-left: 5px;
}

/* compare phones */
table.ComparePhones
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	border-left: 1px solid #66cc00;
	border-right: 1px solid #66cc00;
	border-bottom: 1px solid #66cc00;

	/*border: 1px solid #ccc;*/
}
table.ComparePhones th
{
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: none;
}
table.ComparePhones td
{
	padding: 4px;
	font-size: 11px;
	vertical-align: top;
}
table.ComparePhones td.category
{
	background-color: #66cc00;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
	border: 1px solid #66cc00;
}
table.ComparePhones td.item
{
	font-weight: bold;
}
table.ComparePhones td.itemalt
{
	font-weight: bold;
	background: #eeeeee;
}
table.ComparePhones td.alt
{
	background: #eeeeee;
}
table.CompareTermsBig
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
table.CompareTermsBig td
{
	width: 60%;
	vertical-align: top;
	border: none;
	padding: 1px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
}
table.CompareTermsBig td.price
{
	width: 40%;
}

table.CompareTerms
{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
table.CompareTerms td
{
	width: 60%;
	vertical-align: top;
	border: none;
	padding: 1px;
	text-align: left;
	font-weight: normal;
	font-size: 10px;
}
table.CompareTerms td.price
{
	width: 40%;
}


/* phone details */
span.PhoneTermsMain {
	font-size: 16px;
}
table.PhoneTerms {
	width: 230px;
	margin-left: 30px;
	padding: 0px;
}
table.PhoneTerms td.term {
	width: 140px;
	padding: 4px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	color: #49166D;
	font-size: 13px;
}
table.PhoneTerms td.price {
	width: 80px;
	padding: 4px;
	font-weight: bold;
	color: #49166D;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
}

div.PhoneFeatures ul {
	margin-bottom:14px;
	margin-top:0.5em;
	list-style-type:none;
	margin-left: 20px;
	padding: 0px;
}

div.PhoneFeatures ul li {
	background:url("/images/bullet.gif") no-repeat scroll 0 6px transparent;
	padding-left:9px;
	font-size: 13px;
	margin-top: 5px;
	margin-left: 5px;
}

div.phonenews {
	border-top: 1px dotted #333333;
}
div.phonenewsitem {
	border-bottom: 1px dotted #333333;	
	padding: 5px;
}

div.carousel {
	width: 400px;
}
li.carouselImg {
	text-align: center;
	width: 400px;
	height: 400px;
}


/* Where to buy */
#phonewheretobuyleft {
	float: left;
	width: 410px;
	padding-right: 10px;
}
#phonewheretobuyright {
	float: right;
	width: 400px;
	position: relative;
	text-align: center;
}
