/* //////////////////////////////////////////////////////////////THE BASICS (fonts, etc) \*/

html {
	height: 1%;
}

body {
	width:100%;
	height: 100%;
	color: #666;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a { 
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

ul {
	margin-left: 0;
	padding-left: 2em;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}


h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
	line-height: 1em;
	margin-top: 0;
}

.contentSubHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
}

.productShot {
	margin-left: 0px;
}

.productTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #333333;
}


/* //////////////////////////////////////////////////////////////HEADER, DROPDOWNS AND FOOTER AREAS \*/

#pageContent {
	width: 100%;
}
	

#motoheader {
	background-image:url(http://www.motorola.com/mot/image/topnav_bckgrd.gif);
	width: 100%;
	background-color: #fff;
	margin-bottom: 15px;
}

#motoheader_hh {
	visibility: hidden;
	margin: -268px 0 0 0;
}

body> #motoheader_hh {
	visibility: hidden;
	margin: -260px 0 0 0;
}

#footer {
	margin: 50px auto;
	position: relative;
	width: 100%;
}

#footer_hh {
	visibility: hidden;
	margin: -136px 0 0 0;
}



/* //////////////////////////////////////////////////////////////CONTENT AREAS \*/

#container {
	position: relative;
	width: 1003px;
	max-width: 1003px;
	margin: 50px 0 0 0;
}

#leftcolumn {
	position: absolute;
	left: 15px;
	top: 0;
	width: 187px;
	background-color: #fff;
}

#content {
	height: 100%;
	margin-left: 217px;
	margin-right: 287px;
	margin-top: 25px;
	margin-bottom: 0;
}

#rightcolumn {
	position: absolute;
	margin-right: =15px;
	right: 15px;
	top: 0;
	width: 247px;
	background-color: #fff;
}

/* quickspecs COLUMN */
 
div.quickspecs {
  background: url(../images/cc_02_topleft.gif) top left no-repeat;
  border:none;
  position:relative;
  width: 244px;
  margin: 0 0 0 0;
  } 
div.quickspecs h3 {
  background: url(../images/cc_02_topright.gif) top right no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.3em;
  color: #0099CC;
  padding:15px;
  margin:0;
  margin-bottom: 10px;
  }
div.quickspecsBody {
  background: url(../images/cc_02_rightborder.gif) top right repeat-y;
  margin-top:-1.8em;
  width: 100%;
  }

div.quickspecsBody p {
  font-family: Arial, Helvetica, sans-serif;
  margin:-2em 10px 20px 0;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: #333333;
  margin: 20px;
}

div.quickspecsBody img {
  margin: 0 10px 0 15px;
}

body> #container.clearfix #rightcolumn div.quickspecsBody {
  background: url(../images/cc_02_rightborder.gif) top right repeat-y;
  margin-top:-1.8em;
  width: 100%;
  }

div.quickspecsFooter {
  background: url(../images/cc_02_bottomleft.gif) bottom left no-repeat;
 
  }
div.quickspecsFooter p {
  background: url(../images/cc_02_bottomright.gif) bottom right no-repeat;
  padding:15px;
  margin:0;
  margin-top:-1em;
  height: 100%;
  
 }

/*  QUICKSPECKS Content area \*/

/*

.quickspecs {
	width: 237px;
	background-color: #ebebeb;
	padding: 5px;
}

.quickspecs:before {
	content: url(../images/specs_topCorners.gif);
	display: block;
	margin: -5px -5px -15px -5px;
}

.quickspecs:after {
	content: url(../images/specs_bottomCorners.gif);
	display: block;
	margin: 0 -5px -5px -5px;
}

.quickspecs .header {
	background: transparent url(../images/specs_topCorners.gif) no-repeat top left;
	margin: -5px -5px auto -5px;
	padding: 10px 5px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.quickspecs .footer {
	background: transparent url(../images/specs_bottomCorners.gif) no-repeat bottom left;
	margin: auto -5px -5px -5px;
	padding: 0 5px 15px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
*/

/* //////////////////////////////////////////////////////////////RANDOM MODIFICATIONS \*/

#header hr, #footer hr {
	display: none;
}

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



 /*printer styles*/ 

@media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 

}