/* Eliminate */ /* border=0 */ /* ../imagas */

body {
	padding: 0px; margin: 0px; font-size: 11px; font-family: verdana, helvetica, sans-serif; color: #333333; 	line-height: 18px;
	background: white;
	background-image: url('../images/static/menu_divider_bg.gif');
	background-repeat: repeat-x;
	TEXT-ALIGN: LEFT;
}
table {
	padding: 0px; margin: 0px; font-size: 11px; font-family: verdana, helvetica, sans-serif; color: #333333; 	line-height: 18px;
	border-width: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	TEXT-ALIGN: LEFT;
}
td {
	padding: 0px; margin: 0px; font-size: 11px; font-family: verdana, helvetica, sans-serif; color: #333333; 	line-height: 18px;
	VERTICAL-ALIGN: TOP; /* vertical-align top only applies to TD, TH and NOT to div or span*/
	TEXT-ALIGN: LEFT;
}
img { border: 0px }

/*-----------------------------------------------------------------------*/
#header { margin: 0px; padding: 0px; width: 760px; text-align: left; }  /*----- need left and right margin to be "auto" when center align --*/ 
#content { margin: 0px;	padding-top: 20px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; width: 760px; text-align: left; }
#footer { margin: 0px; padding: 30px 20px 20px 20px; width: 760px; text-align: left; }

/*-----------------------------------------------------------------------*/
td.valignmid { VERTICAL-ALIGN: middle }
td.valigntop { VERTICAL-ALIGN: top }
td.valignbot { VERTICAL-ALIGN: bottom }

.clear { CLEAR: both; FLOAT: none }

A:link { COLOR: #0066CC }
A:visited { COLOR: #0066CC }
A:hover { COLOR: #CC0000 }
A:active { COLOR: #0066CC }

.titleh1 { font-weight: bold; font-family: arial, helvetica, sans-serif; margin: 0px 0px auto 0px; padding: 0px; color: #454545; FONT-SIZE: 20px; LINE-HEIGHT: 30px; }
.titleh2 { font-weight: bold; font-family: arial, helvetica, sans-serif; margin: 0px 0px auto 0px; padding: 0px; color: #454545; FONT-SIZE: 16px; LINE-HEIGHT: 26px; }
/* font-weight: 700; is BOLD */

.boldtxt { color: #454545;	font-weight: bold; }
.boldtxtred { color: #CC0000;	font-weight: bold; }
.boldtxtgray { color: #888888;	font-weight: bold; }
.boldtxtgreen { color: #33CC00;	font-weight: bold; }
.txtred { color: #CC0000;	font-weight: normal; }
.txtgray { color: #888888;	font-weight: normal; }

.boldtxt A:link { color: #454545 }
.boldtxt A:visited { color: #454545 }
.boldtxt A:hover { color: #CC0000 }
.boldtxt A:active { color: #454545 }


/*-----------------------------------------------------------------------*/
#content table.bodyframe { width: 720px; }
/*-----*//*-----*//*-----*/
#content table.itempageframe { width: 720px; }
#content table.itempageframe td.ctr { text-align: center; font-family: arial, helvetica, sans-serif; font-size: 19px; color: #333333; }
#content table.itempagedesc { width: 450px; }
#content table.itempagedesc td { padding: 0px 0px 0px 10px; }
#content table.itempagedesc td { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #333333; }	
#content table.itempagedesc .title1 { FONT-SIZE: 20px; LINE-HEIGHT: auto; color: #333333; font-weight: bold; }	
#content table.itempagedesc .title2 { FONT-SIZE: 15px; LINE-HEIGHT: 18px; color: #555555; font-weight: bold; }
#content table.itempagedesc .title3 { FONT-SIZE: 14px; LINE-HEIGHT: 17px; color: #999999; font-weight: bold; }
#content table.itempagedesc td ul {	margin: 0px; padding: 0px 0px 0px 20px; }
#content table.itempagedesc td li {	
	FONT-SIZE: 12px; line-height: 18px; PADDING-LEFT: 9px; 
	BACKGROUND-IMAGE: url(../images/static/dot_li2.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	LIST-STYLE-TYPE: none;
}	
#content table.itempagepic { width: 242px; }
#content table.itempagepic td { TEXT-ALIGN: CENTER;	font-size: 11px; font-family: verdana, helvetica, sans-serif; font-weight: bold;	color: #333333; }
#content table.itempagepic td img { border: 1px solid #dddddd;	margin: 20px 0px 3px 0px; }
#content table.itempagebuynow { margin: 0px; padding: 0px; }
#content table.itempagebuynow td { white-space: nowrap; TEXT-ALIGN: CENTER; vertical-align: middle; font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #333333; }
#content table.itempagebuynow td img { border: none; margin: 0px; }
#content table.itempagebuynow td.price { FONT-SIZE: 12px; color: #CC0000; }
#content table.itempagebuynow td.priceold { FONT-SIZE: 10px; color: #999999; text-decoration: line-through; }
#content table.itempagebuynow td.buyoption { FONT-SIZE: 11px; color: CC0000; }

#content table.temptable td { TEXT-ALIGN: CENTER; font-size: 11px; font-family: verdana, helvetica, sans-serif; font-weight: bold;	color: #333333; }
#content table.temptable td img { border: none; margin: 0px; padding: 0px 0px 0px 10px; }
/*-----*//*-----*//*-----*/
#bannerright { position:absolute; left:787px; top:120px; z-index:2; overflow: visible; }
#bannerright table.itempagecross { background-color: white; }
#bannerright table.itempagecross td { TEXT-ALIGN: CENTER;	font-size: 10px; font-family: verdana, helvetica, sans-serif; font-weight: bold; }
#bannerright table.itempagecross td img { border: 1px solid #dddddd;	margin: 5px 0px 2px 0px; }

/*-----*//*-----*//*-----*/
#content table.splashframe { width: 250px; }
#content table.splashframe td { text-align: center;	PADDING-TOP: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; }
#content table.stextframe {	width: 470px; }
#content table.stextframe td { BORDER-BOTTOM: #dddddd 1px solid;  padding: 10px 0px 10px 0px; }
#content table.stextframe td img { margin: 0px 10px 0px 10px; float: left; }
#content table.scatframe {	width: 470px; }
#content table.scatframe td { BORDER-BOTTOM: #dddddd 1px solid;  padding: 10px 0px 10px 0px; width: 235px; }
#content table.scatframe td img { margin: 0px 10px 0px 10px; float: left; }

/*-----*//*-----*//*-----*/
#content table.catframe { width: 720px; }
#content table.catframe td {
	width: 179px; /* should subtract 1px WIDTH since we have 1px BORDER */
	BORDER-RIGHT: #dddddd 1px solid; padding: 0px 10px 20px 10px; }
#content table.catframe td img { margin: 0px 0px 10px 0px; float: none; }
#content table.catframe td ul {	margin: 0px; padding: 0px 0px 0px 10px; }
#content table.catframe td li {	
	FONT-SIZE: 11px; line-height: 17px; PADDING-LEFT: 7px; 
	BACKGROUND-IMAGE: url(../images/static/dot_li.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	LIST-STYLE-TYPE: none;
}

/*-----*//*-----*//*-----*/
#content table.titleframe { width: 720px; margin-bottom: 0px}
#content table.titleframe td.tdtitlepic { width: 130px; padding: 2px 5px 2px 5px; font-weight: bold; text-align: center; background-color: #dedede; }
#content table.titleframe td.tdtitledesc { width: 500px; padding: 2px 5px 2px 10px; font-weight: bold; text-align: center; background-color: #dedede; }
#content table.titleframe td.tdtitleprice { width: 90px; padding: 2px 5px 2px 5px; font-weight: bold; text-align: center; background-color: #dedede; }

#content table.itemframe { width: 720px; }
#content table.itemframe td.tditempic { width: 130px; padding: 30px 5px 25px 5px; BORDER-BOTTOM: #dddddd 1px solid; }
#content table.itemframe td.tditemdesc { width: 500px; padding: 30px 5px 25px 10px; BORDER-BOTTOM: #dddddd 1px solid; }
#content table.itemframe td.tditemprice { width: 90px; padding: 30px 5px 25px 5px; BORDER-BOTTOM: #dddddd 1px solid; text-align: center; }
.pricingold { FONT-SIZE: 11px; color: #555555; font-weight: bold; text-align: center;  padding-top: 0px; text-decoration: line-through; }
.pricing { FONT-SIZE: 14px; color: #CC0000; font-weight: bold; text-align: center;  padding-top: 0px; }
.avail { FONT-SIZE: 10px; color: green; font-weight: bold; text-align: center;  padding-top: 0px; }
.compat { FONT-SIZE: 11px; color: #787878; font-weight: bold; text-decoration: none; }
.compatlist { FONT-SIZE: 11px; color: blue; font-weight: bold; }
.availsize { FONT-SIZE: 11px; color: #787878; font-weight: bold; }
.casesize { FONT-SIZE: 11px; color: #787878; font-weight: bold; }
.casesizenum { FONT-SIZE: 11px; color: #CC0000; font-weight: bold; }
.casebuy { FONT-SIZE: 12px; color: blue; font-weight: bold; }
.itemname A:link { FONT-SIZE: 14px; color: #CC0000; font-weight: bold; margin-top: 0px; font-decoration: underline; }
.itemname A:visited { FONT-SIZE: 14px; color: #CC0000; font-weight: bold; margin-top: 0px; font-decoration: underline; }
.itemname A:hover { FONT-SIZE: 14px; color: green; font-weight: bold; margin-top: 0px; font-decoration: underline; }
.itemname A:active { FONT-SIZE: 14px; color: green; font-weight: bold; margin-top: 0px; font-decoration: underline; }
.itemname { FONT-SIZE: 14px; color: #CC0000; font-weight: bold; margin-top: 0px; }

#content table.itemframe td img { margin: 0px; padding: 0px; float: none; }
#content table.itemframe td ul { margin: 0px; padding: 0px 0px 0px 10px; }
#content table.itemframe td li {
	FONT-SIZE: 11px;
	line-height: 17px; 
	PADDING-LEFT: 7px; 
	BACKGROUND-IMAGE: url(../images/static/dot_li.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	LIST-STYLE-TYPE: none;
}
/*-----*//*-----*//*-----*/

/*-----------------------------------------------------------------------*/
#blockq { width 510px; padding: 0px 0px 0px 20px; }

#blockq .label { font-size: 11px; line-height: 20px; font-weight: bold; }
#blockq .labelred { font-size: 11px; line-height: 20px; font-weight: bold; color: #CC0000 }
#blockq input { font-family: verdana, arial; font-size: 11px; line-height: 18px; DISPLAY: block; margin: 0px; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; }
#blockq select { font-family: verdana, arial;  font-size: 11px; line-height: 18px; DISPLAY: block; margin: 0px;  BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; }
#blockq textarea { font-family: verdana, arial;  font-size: 11px; line-height: 18px; DISPLAY: block; margin: 0px; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid;  BORDER-BOTTOM: #cccccc 1px solid; WIDTH: 270px; HEIGHT: 160px; }
					
#blockq input#name { WIDTH: 200px; font-weight: normal; }
#blockq input#phone { WIDTH: 200px; font-weight: normal; }
#blockq input#email { WIDTH: 200px; font-weight: normal; }
#blockq select#subject { WIDTH: 200px; font-weight: normal; }

#blockq input#submit { BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; }
#blockq input.hidden { DISPLAY: none; }

.blockq { padding: 0px 0px 20px 30px; }
/*-----------------------------------------------------------------------*/

#footer table { width: 720px; }
#footer A:link { COLOR: blue; }
#footer A:visited {	COLOR: blue; }
#footer A:hover { COLOR: #CC0000; }
#footer A:active { COLOR: blue; }
#footer table td { font-size: 11px; font-family: verdana, arial, sans-serif; color: #454545; line-height: 17px; }

/* <<< END (( BOTTOMFOOTER )) ------------------------------------------------ */

/* easier with "padding" than "margin"
*/

/* margin-left: auto; margin-right: auto; -- very important when doing center alignment
*/

/* table  { border-collapse: collapse; border-spacing: 0; }
  td, th { padding: 0; }
achieves the same as the dreaded cellspacing="0" cellpadding="0" border="0"
across browsers that can manage it (that is, not Netscape 4).
*/

/* 
"#id .class" (give space between "id" and ".class")
"#id tag.class" (no space between "tag" and ".class")
*/ 

/* 
#id - only exists one "ID" in HTML - identification
.class - can exists multiple ".class" in HTML
*/