/*
 *   MAZUMA MOBILE - July 2009 Update
 *   ----------------------------------
 *   ID :: Home CSS File
 */


/* -------------- general -------------- */

body {
	behavior: url("/htc/csshover.htc");
	background-image:  url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/home10/home10BackgroundTile.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	text-align: center;
}

a {
  outline: none;
}


/* -------------- IE8 - hide imagemap outlines -------------- */

* :focus { outline: 0; }
* :active { outline: 0; }


/* -------------- home call to action -------------- */

#homeCallToActionWrapper10 {
	margin: 12px 0px;
	padding: 0;
	height: 144px;
	width: 978px;
	z-index: 5000; /* IE 7 z-index hack for auto-suggest results overlay */
	position: relative;
}

#homeCallToActionWrapper10 .handsetSearch {
	float: left;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/home10/searchModelBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 15px 0 0 15px;
	height: 129px;
	width: 462px;
	position: absolute;
	top: 0;
	left: 0;
}

#homeCallToActionWrapper10 .handsetSearch .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #666;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	left: 22px;
}

#homeCallToActionWrapper10 .handsetSearch .title #findIMEInumber {
	color: #4E1C89;
}

#homeCallToActionWrapper10 .handsetSearch #bigInput {
	margin: 9px 0 0 6px;
	padding: 0;
	width: 287px;
	position: absolute;
	top: 53px;
	left: 16px;
}

#homeCallToActionWrapper10 .handsetSearch #bigSubmit {
	margin: 5px 0 0 0;
	padding: 0;
	width: 145px;
	position: absolute;
	top: 54px;
	left: 313px;
}

#homeCallToActionWrapper10 .handsetSearch #modelNameInput2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 282px;
	font-size: 20px;
	border: solid 0px #efefef; 
}

#homeCallToActionWrapper10 .handsetSearch .alternateActionText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666;
	margin: 20px 0 0 0;
	padding: 0;
	position: absolute;
	top: 91px;
	left: 22px;
	*z-index: -500; /* IE 7 z-index hack for auto-suggest results overlay */
}

#homeCallToActionWrapper10 .handsetSearch .title span,
#homeCallToActionWrapper10 .handsetSearch .alternateActionText span {
	color: #4E1C89;
	font-weight: bold;
}

#homeCallToActionWrapper10 .sellingSteps {
	float: right;
	margin: 0 0 0 0;
	padding: 0;
	height: 144px;
	width: 487px;
	position: relative;
	top: 0;
	left: 0;
}


/* ----------- Auto Suggest Dropdown Styles ----------- */

#results { 
	width: 280px; 
	border: solid 1px #DEDEDE; 
	background-color: #fff; 
	display: none; 
	max-height: 234px; 
	overflow: auto;
	position: relative;
	z-index: 1000; /* IE 7 z-index hack for auto-suggest results overlay */
}

#results ul, #results li{padding:0; margin:0; border:0; list-style:none;}
#results li {border-top:solid 1px #DEDEDE;}
#results li a{display:block; padding:4px; text-decoration:none; color:#000000; font-weight:bold;}
#results li a:hover{background:#FFFFCC;}
#results ul {padding:6px;}


/* -------------- home promos -------------- */

#homePromoWrapper10 {
	width: 978px;
	height: 294px;
	margin: 12px 0px;
	padding: 0;
	text-align: left;
	
	/* Rather than use 'position: xxxxx' to stack rotator elements (ul li) on top of each other, which was */
	/* causing problems with overlapping z-index items in IE7, hide overflow outside the wrapper div */
	overflow: hidden; 
}

#homePromoWrapper10 ul {
	list-style: none; 
	padding: 0; 
	margin: 0; 
	/* position: relative; ** not used - see above ** */
}

#homePromoWrapper10 ul li {
	list-style: none; 
	padding: 0; 
	margin: 0; 
	/* position: absolute; ** not used - see above ** */
}


/* -------------- home banners -------------- */

#homeTestimonials10 {
	height: 77px;
	margin: 12px 0 0 0;
}

#homePaymentMethodBanner10 {
	height: 57px;
	margin: 0px 0px 12px 0px ;
}


/* -------------- home footer -------------- */

#footer {
	background-image:  url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/home10/homeFooterBackground.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #8361AD;
	height: 181px;
}

#footerNavigation {
	background-color: transparent;
	height: 31px;
	line-height: 31px;
}

#footerNewsHeadlineArea {
	background-image:  none;
	background-color: transparent;
}

#footerLogoRow {
	background-color: transparent;
}

#footerCap {
	display: none;
}