html {
  	font: x-small helvetica,arial,verdana,sans-serif;
  	margin:0;
	padding: 0;
  	text-decoration: none;
}
body {
  	font: x-small helvetica,arial,verdana,sans-serif;
  	margin:0 auto;
  	width:746px;
	padding: 0;
  	text-decoration: none;
  	background-color:#b0b6b8;
}
/* ------------------ PAGE CONTENT ----------------------- */
#largeTable {
	border-top: 15px solid #000;
 	min-height: 100%;
	width: 746px;
	float:left;
	background-color:#fff;
}
* html #largeTable {
  	height: 100%;
}
#leftSide {
  	float: left;
	width: 200px;
}
#pageContent {
	display: inline;
  	float: right;
  	width: 530px;
}
.pageHD {
	color: #006699;
	float: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 13px;
	width: 518px;
}
*+html .addToOrder {
	padding-top:10px;
}
* html .addToOrder {
	padding-top:10px;
}
/* --------------------- HEADER -------------------------- */
#header {
  	float: right;
  	height: 50px;
  	margin-left: 0;
  	padding-top: 3px;
}
* html #header { 
	height: 40px; 
}
#logo {
  	float: left;
  	height: 99px;
  	margin-bottom: 24px;
	width: 200px;
}
#cartIcon {
	clear: right;
	float: right;
	padding-top: 8px;
	padding-bottom: 12px;
	padding-right:20px;
	width: 77px;
}
* html #cartIcon {
	padding-right:7px;
}
* html  #cartIcon { 
	margin-right: 8px;
}
/* -------------------- FOOTER -------------------------- */
#footer {
  	background-color: #737778;
	color: #cc1e1d;
  	float: left;
	padding: 15px 0;
	width: 746px;
	margin-top:15px;
}
*+html #footer {
	margin-top:20px;
}
.footerContent, .footerContent a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
  	text-align: center;
}
.footerContent a {
	color: #fff;
	margin: 0 5px;
	text-decoration: none;
}
.footerContent a:hover {
	text-decoration: underline;
}
/*------------------------ SIDE NAV ------------------------  */
#sideNav {
	float: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	margin-bottom: 1em;
	padding: 0;
	width: 12em;
}
#sideNav ul {
	border: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#sideNav li {
	margin: 0;
	padding-bottom: 5px;
}
#sideNav li a {
	background-color: #fff;
	border-left: 5px solid #fff;
	color: #cc1e1d;
	display: block;
	font-weight: bold;
	padding: 3px 5px 3px 0.5em;
	text-decoration: none;
	width: 100%;
}
html>body #sideNav li a {
	width: auto;
}
#sideNav li a:hover {
	background-color: #fff;
	border-left: 5px solid #000;
	color: #006699;
}
/*----------------------- PHONE PAGE -----------------------  */
.phoneCell {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 240px;
}
.phoneName {
	background: url(../direct_images/sti/frame/phoneCell_top.gif) no-repeat top;
	color: #1170a0;
	float: left;
	font-size: 8pt;
	font-weight: bold;
	height: 15px;
	padding-top: 6px;
	text-align: center;
	width: 240px;
}
* html  .phoneName {
	padding-top: 3px;
}
.phoneContent {
	background: url(../direct_images/sti/frame/phoneCell_mid.gif) repeat-y left;
	float: left;
	width: 240px;
}
.phoneImage {
	float: left;
	height: 100px;
	padding: 5px 20px 0 20px;
}
.phoneLinks {
	float: left;
	padding-top: 20px;
	width: 145px;
}
.phoneLinks a {
	color: #cc1e1d;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
	text-transform: uppercase;
}
.phonePrice {
	color: #000;
	float: left;
	font-weight: bold;
	font-size:11px;
	padding-top: 10px;
}
.phonePrice span {
	color: #cc1e1d;
}
.phoneBottom {
	background: url(../direct_images/sti/frame/phoneCell_bot.gif) no-repeat bottom;
	clear: both;
	float: left;
	height: 47px;
	width: 240px;
}
.phoneBottom a {
	float: right;
	margin-top: 10px;
	margin-right: 25px;
	width: 81px;
}
/*------------------------ ITEM DETAIL -----------------------  */
.phoneDetail {
	float: left;
	width: 529px;
}
.detlName {
	color: #006699;
	float: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 13px;
	width: 100%;
}
.detlAdd {
	font-size: 13px;
	float: left;
	padding-top: 10px;
	width: 145px;
}
*+html .detlAdd form {
	margin-top:-35px;
}
* html .detlAdd form {
	margin-top:-35px;
}
.detlAdd label {
	clear: both;
	color: #000;
	float: left;
	padding-bottom: 15px;
	padding-right: 5px;
	font-weight: bold;
}
.detlAdd span {
	color: #cc1e1d;
	float: left;
	font-size: 15px;
	font-weight: bold;
}
.detlAdd input {
	float: left;
}
.detlImage {
	float: left;
	text-align: center;
	width: 100px;
}
* html .detlImage { 
	width: 95px;
}
.detlPrices {
	float: right;
	padding-top: 10px;
	padding-right: 20px;
	width: 255px;
}
.detlPrices table {
   float:left;
}
* html .detlPrices {
	width: 255px;
	padding-right:0px;
}
.priceChartTable {
  	border-collapse: collapse;
}
.priceChartHD {
	border-bottom: 1px solid #000;
	font-size: 11px;
  	font-weight: bold;
  	margin: 0;
}
.priceChartBold {
	font-size: 11px;
  	font-weight: bold;
  	margin: 0;
  	text-align: right;
}
.detlSpecs {
	border: 1px solid #000;
	float: left;
	margin-top: 10px;
	margin-bottom: 8px;
	padding-bottom: 5px;
	width: 508px;
}
*+html .detlSpecs {
	margin-top:-10px;
}
* html .detlSpecs {
	margin-top:-10px;
}
*+html .detlSpecs ul {
	padding-top: 20px;
}
* html .detlSpecs ul {
	padding-top: 20px;
}
.detlSpecs2 {
	border: 1px solid #000;
	float: left;
	margin-top: 10px;
	margin-bottom: 8px;
	padding-bottom: 5px;
	width: 508px;
}
*+html #detlSpecsFeatures {
	margin-top:10px;
}
* html #detlSpecsFeatures {
	margin-top:10px;
}
.specsHeader {
	background-color: #cc1e1d;
	border-bottom: 1px solid #000;
	color: #fff;
	font-family: Helvetica-Neue, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 0 4px 5px;
	text-transform: uppercase;
}
.specsRow {
	float: left;
	font-size: 11px;
	padding: 5px 0 5px 8px;
}
.specsRow label {
	float: left;
	font-weight: bold;
	width: 130px;
}
.specsRow span {
	float: left;
	line-height: 14px;
	padding-right: 5px;
	width: 360px;
}
/*------------------------ PRODUCTS ------------------------  */
#content {
  	width: 552px;
  	margin-top: 25px;
}
.priceChartTable {
  	border-collapse: collapse;
  	float: right;
  	margin-right: 20px;
  	width: 260px;
  	z-index: 20;
}
* html .priceChartTable {
  	margin-right: 10px;
}
.priceChartHD {
	border-bottom: 1px solid #000;
	font-size: 11px;
  	font-weight: bold;
  	margin: 0;
  	z-index: 90;
}
.priceChartBold {
	font-size: 11px;
  	font-weight: bold;
  	margin: 0;
  	text-align: right;
}
.priceChartTotal {
	border-top: 1px solid #000;
	color: #cc1e1d;
	font-size: 11px;
  	font-weight: bold;
}
#productContent {
	margin-top: 10px;
	padding: 5px;
}
#specifications {
	float: left;
  	height: 100%;
  	margin-bottom: 10px;
  	width: 100%;
}
.boldText {
	font-size: 12px;
  	font-weight: bold;
}
.productHeader {
  	color: #006699;
  	font-size: 14px;
  	font-weight: bold;
  	padding-bottom: 20px;
  	width: 70%;
  	z-index: 15;
}
.productBuy {
	float: left;
  	width: 30%;
}
.productImage {
  	float: left;
  	margin-top: -20px;
  	z-index: 10;
}
.productPhonecard {
  	float: left;
}
/* ------------------------- CART ---------------------------- */
.cartTable {
	border: 1px solid #000;
	border-collapse: collapse;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin-bottom: 10px;
	padding-top: 5px;
	width: 508px;
}
.cartInstructions {
	float: left;
	padding-bottom: 5px;
	width: 100%;
}
.cartHeader {
  	background-color: #cc1e1d;
  	border-right: 1px solid #000;
  	color: #FFF;
	font-size: 11px;
  	font-weight: bold;
  	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
}
.cartRow {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
  	font-size: 10px;
	text-align: center;
	padding-right: 0;
	vertical-align: middle;
}
.cartRow a {
	color: #CC1E1D;
  	text-decoration: none;
}
.cartRow a:hover {
	color: #006699;
}
.cartTotal {
  	background-color: #e7e7e7;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
  	color: #000000;
  	font-size: 11px;
  	font-weight: bold;
	line-height: 20px;
	padding-right: 5px;
	text-align: right;
}
.cartTotalText {
	color: #E61D1D;
  	font-size: 11px;
  	font-weight: bold;
	text-align: center;
}
.cartText {
	color: #000000;
  	font-size: 10px;
}
.cartActionText {
	color: #5151DD;
	font-size: 11px;
  	font-weight: bold;
	text-decoration: none;
}
.cartDescription {
  	float: left;
  	padding-bottom: 5px;
	width: 95%;
}
/* ------------------------ LINKS ---------------------------  */
.lnk_cards {
	color: #cc1e1d;
	font-size: 11px;
	font-weight: bold;
	float: left;
	padding-top: 45px;
	text-decoration: none;
}
*+html .lnk_cards {
	margin-top:-10px;
}
* html .lnk_cards {
	margin-top:-10px;
}
.lnk_cards:hover {
	text-decoration: underline;
}
/* ------------------------ FORMS ---------------------------  */
.formContainer {
  	float: left;
  	padding: 2px 0 2px 0;
  	width: 100%;
} 
.formHeader {
	font-size: 110%;
	font-weight: bold;
	color: #069;
	padding-bottom: 5px;
	margin: 0;
}
.formDescription {
	float: left;
  	font-size: 10px;
  	width: 100%;
}
.formText {
  	font-size: 11px;
  	font-weight: bold;
  	text-align: right;
  	float: left;
  	padding: 5px 5px 0 0;
  	width: 45%;
}
.formRow {
	clear: both;
	float: left;
	padding: 5px 10px;
	width: 503px;
}
* html .formRow {
	width:485px;
}
.formField {
  	float: left;
  	width: 53%;
  	padding: 5px 0 7px 0;
}
.reqField {
  	color: #CC1E1D;
  	font-size: 12px;
}
.billHeader {
	background-color: #cc1e1d;
	color: #FFF;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 4px 0 4px 2%;
	text-transform: uppercase;
	width: 98%;
}
/* ------------------------ MISC ------------------------------ */
img { border: none; }
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.marginBot {
	margin-bottom: 20px;
}
.marginTop {
	margin-top: 10px;
}
.negativeTop {
  	margin-top: -10px;
}
.alignRight {
  	text-align: right;
}
.errorMessage {
  	color: #cc1e1d;
  	font-size: 12px;
  	font-weight: bold;
}
.alignRight {
  	text-align: right;
}
.redText {
	color: #cc1e1d;
	font-size:11px;
}
.blackLine {
	line-height: 1px;
	color: #000000;
	background-color: #000;
}

/*----------------------------------------*/

.Quantity_box
{
	float: right; 
	margin-right: 20px;
}

.addToOrder_Button
{
	padding-top: 10px;
	margin-top: 10px;
	float: left;
}
