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

body{ 
  margin: 20px;
  background-color:#0099CC;
  font-size: small;
  font-family: Tahoma, Arial, “Trebuchet MS”, Helvetica, sans-serif;
  text-align: left;
}



#content {
background-image:url(../img/background.gif);
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 80px;
  /* to seperate top to content*/
  margin-top: 50px;
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 50px;
}

/*******************************/
/* For Top and Bottom Logo */
/*******************************/
#imgtop { 
 text-align:center;
}

#imgbottom { 
text-align:center;
 border:none;
}


/*******************************/
/* For Buy Link/Button */
/*******************************/
#BUY {
  text-align: center;
  font-size:15px; 
  text-align:center;
/*  color:#CC3366;*/
  text-decoration:underline;
   border:0;
 border:none;
}

a.BUY:link {
color: red; text-decoration: none; 
 border:0;
 border:none;
}

a:hover {
color:#000000; 
text-decoration: underline; 
}

a.BUY:visited {
color:#0099CC;
 border:0;
 border:none;
}

a.BUY:active {
color: #CC6666; 
 border:0;
 border:none;
}

/*******************************/
/* For hr bar styles */
/*******************************/
hr {
  color: #0099CC;
  background-color:#0099CC;
  height: 8px;
}
/*******************************/
/* For the 4 images */
/*******************************/

#iphoneimages {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 1000px;  /* wide enough for max 2 images */
}

/*test */
th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

/*******************************/
/* For the table info */
/*******************************/

#iphoneinfo {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 1000px;  /* wide enough for max 2 images */
  text-align: left;
  font-size:18px;
  font-weight: bold;
}

/*test */
th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#tabletext {
  text-align: center;
  padding-left: 20px;
  font-size:16px;
}


/*******************************/
/* For first text */
/*******************************/
#headerONE {
  text-align: center;
  padding-top: 20px;
  margin-top: 10px;
  font-weight: bold;
  font-size:30px;

}
/*******************************/
/* For second text */
/*******************************/

#headerTWO {
  text-align: center;
  font-size:22px;
  font-weight: bold;

}

/*******************************/
/* For third text */
/*******************************/
#headerTHREE {
  text-align: left;
  font-size:22px;
  font-weight: bold;

}






/*******************************/
/* For fourth text */
/*******************************/
#headerFOUR {
  text-align: left;
  font-size:22px;
  font-weight: bold;

}

/*******************************/
/* For fifth text */
/*******************************/
#headerFIVE {
  text-align: left;
  font-size:18px;
  font-weight: bold;

}

/*******************************/
/* For sixth text */
/*******************************/
#headerSIX {
  text-align: left;
  font-size:18px;
  font-weight: bold;

}

/*******************************/
/* For seventh text */
/*******************************/
#headerSEVEN {
  text-align: left;
  font-size:18px;
  font-weight: bold;

}

/*******************************/
/* For eigth text */
/*******************************/
#headerEIGHT {
  text-align: left;
  font-size:18px;
  font-weight: bold;

}

/*******************************/
/* For ninth text */
/*******************************/
#headerNINE {
  text-align: left;
  font-size:18px;
  font-weight: bold;

}

/*******************************/
/* For tenth text */
/*******************************/
#headerTEN {
  text-align: left;
  font-size:18px;
  font-weight: bold;

}

/*******************************/
/* For eleveth text */
/*******************************/
#headerELEVEN {
  text-align: left;
  font-size:18px;
  font-weight: bold;

}