img {
	border: none;
}

.rollover a:hover {
	background-color: #0000ff;
	}
	
ul#idTOPMENU{
	margin: 0;
	padding: 0;
	color: #00FF00;
	width: 165px; /* Width of Menu Items */
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 100%;
	text-indent: -15px;
	}

ul#idTOPMENU li {
	position: relative;
	list-style: none;
	}

ul#idTOPMENU li a {
	display: block;
	text-decoration: none;
	color: #00691a;
	padding-left: 15px; padding-right:3px; padding-top:2px; padding-bottom:1px
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#idTOPMENU li { float: left; height: 1%; }
* html ul#idTOPMENU li a { height: 1%; }
/* End */

ul#idTOPMENU li.over { color: #FFFFFF;background-color: #0000FF; }
ul#idTOPMENU li a:hover { color: #FFFFFF;background-color: #0000FF; }

ul#idTOC{
	margin: 0;
	padding: 0;
	color: #00FFFF;
	width: 165px; /* Width of Menu Items */
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	text-indent: -15px;
	}

ul#idTOC li {
	position: relative;
	list-style: none;
	}

ul#idTOC li a {
	display: block;
	text-decoration: none;
	color: #0022ff;
	padding-left: 15px; 
	padding-right: 3px; 
	padding-top:2px; 
	padding-bottom:1px
	}

ul#idTOC li.RED a {
	color: #ff0000;
	}

ul#idTOC li.GREEN a {
	color: #008800;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#idTOC li { float: left; height: 1%; }
* html ul#idTOC li a { height: 1%; }
/* End */

ul#idTOC li.over { color: #FFFFFF; background-color: #0000FF; }
ul#idTOC li a:hover { color: #FFFFFF; background-color: #0000FF; }

table#idTABLIGHT{
    border-style: outset;
    }
    
table#idTABLIGHT td {
	border-style: inset;
	background-color: #F0F0F0;
	vertical-align: top;
	}
	
table#idTABLIGHT h2 {
    border-style: ridge;
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	color: #FFFF00;
	background-color: #000066;
	padding-top: 3px;
	padding-bottom: 3px;
	}

ul#idLIGHT{
	margin: 0;
	padding: 0;
	width: 100%; /* Width of Menu Items */
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 100%;
	text-indent: -15px;
	padding-top: 0px;
	}

ul#idLIGHT li#font-family {
	position: relative;
	list-style: none;
	}

ul#idLIGHT li a {
	display: block;
	text-decoration: none;
	color: #0000CC;
	padding-left: 20px; padding-right:3px; padding-top:2px; padding-bottom:1px;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#font-family li { float: left; height: 1%; }
* html ul#idLIGHT li a { height: 1%; }
/* End */

ul#idLIGHT li.over { color: #FFFFFF;background-color: #0000FF; }
ul#idLIGHT li a:hover { color: #FFFFFF;background-color: #0000FF; }

td.BANNER {
    background-image: url('/images/cg_gadget2.gif');
    background-position: 10px 0px;
    background-repeat: no-repeat;
    font-style: italic;
    font-weight: 100;
	padding-left: 85px;
	height: 55px; 
	width: 100%;
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	color: #0000aa; 
	text-align: left; 
	font-size: 40px; 
	overflow: visible;
	padding-top: 0px
	}

td.BANNER_NEW {
    background-image: url('/images/cg_gadget2_new.gif');
    background-position: 10px 0px;
    background-repeat: no-repeat;
    font-style: italic;
    font-weight: 100;
	padding-left: 85px;
	height: 55px; 
	width: 100%;
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	color: #0000aa; 
	text-align: left; 
	font-size: 40px; 
	overflow: visible;
	padding-top: 0px
	}

p.CENTER {
	margin: 3px;
	padding-left: 25px;
	}


span.SUBBANNER {
	font-size: 20px; 
	background-color: #FFFF00; 
	color: #0000CC; 
	padding-left: 5px;
	padding-right: 5px;
	}

hr.SEP {
	width: 90%;
	height: 2px;
	padding: 0px;
	}
	
p.BANNER_PRINT {
	height: 70px; 
	width: 600px; 
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	color: #0000CC; 
	text-align: center; 
	font-size: 40px; 
	overflow: visible;
	padding-top: 5px;
	}

p.INDENTED {
	padding-left: 50pt;
	padding-right: 50pt;
	}
	
ul#SUBMENU{
	margin: 0;
	padding: 0;
	color: #0022FF;
	width: 165px; /* Width of Menu Items */
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	text-indent: -15px;
	text-align: center;
	}

ul#SUBMENU li {
	position: relative;
	list-style: none;
	}

ul#SUBMENU li a {
	display: block;
	text-decoration: none;
	color: #0022FF;
	padding-left: 20px; padding-right:3px; padding-top:2px; padding-bottom:1px
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#SUBMENU li { float: left; height: 1%; }
* html ul#SUBMENU li a { height: 1%; }
/* End */

ul#SUBMENU li.over { color: #FFFFFF;background-color: #0000FF; }
ul#SUBMENU li a:hover { color: #FFFFFF;background-color: #0000FF; }

span.SUBMENUHDR {
	font-size: 20px;
	font-weight: bold;
	color: #008800;
	text-align: center;
	width: 165px;
	margin-top: 20px;
	}
	
span.SUBMENUTITLE {
	font-size: 14px;
	font-weight: bold;
	color: #008800;
	text-align: center;
	width: 165px;
	margin-top: 20px;

	}

body { 
	background-image: url('/images/cg_menu3.gif');
	background-repeat: repeat-y;
	background-color: white;
	text-align: left;
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
}

table.SUBCAT1 {
	width: 80%;
	border-style: none;
	}
	
table.SUBCAT1 td {
	vertical-align: top;
	border-bottom-width: thin; 
	border-bottom-style: groove;
	}
	
table.SUBCAT2 {
	border-style: none;
	width: 100%;
	}
	
table.SUBCAT2 td {
	border-style: none;
	}
	
td.SUBCAT3 {
	width: 99%
	}
	
td.SUBCAT3:hover {
	background-color: #fff4a0;
	}
	
span.SUBCATHEAD {
	color: #000088;
	font-size: 18px;
	font-weight: bold;
	}
	
span.SUBCATHEAD a:link {
	color: #000088;
	}

span.SUBCATHEAD a:visited {
	color: #000088;
	}

span.SUBCATHEAD a:active {
	color: #000088;
	}

span.SUBCATHEAD a:hover {
	color: #FFFF00;
	background-color: #000088;
	}
	
span.SUBCATBODY {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	}

td.THUMB img {
	height: 40px;
	}

td.THUMB a:hover img {
	height: 80px;
	}

#ITEMTITLE {
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
	/* padding-bottom: 2px; */
	/* margin-bottom: 2px; */
	color: #000066;
	border-bottom: 2px solid blue;
	vertical-align: top;
}

#ITEMTITLE a:link, #ITEMTITLE a:visited, #ITEMTITLE a:active {
	font-size: 16px;
	line-height: 19px;
	color:#000066;
	text-decoration: none;
}

#ITEMTITLE a:hover {
	color:#FF3300;
	text-decoration: none;
}

/* ### ITEMPRICE is for the prices below a merch spot ### */
#ITEMPRICE {
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 1px;
	margin-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 1px;
}
#ITEMPRICE a:link, #ITEMPRICE a:visited, #ITEMPRICE a:active {
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color:#0000CC;
	text-decoration: none;
}
#ITEMPRICE a:hover {
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	color:#FF0000;
	text-decoration: underline;
}
#ITEMPRICE sup{
	font-family: Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	vertical-align: top;
	font-size: 10px;
	line-height:13px
}

#price {
	width:250px;
	font-size: 15px;
	color:#CC3300;
	text-decoration: none;
	position: fixed;
	top: 120px;
	right: 5px;
	background-color: #f0f0f0;
	margin: 5px;
	border: 1px solid black;
	text-align: center;
	visibility: hidden; /*Hidden in case no client Javascript; made visible in page JS code*/
}

#KT-price
{
	width: 240px;
	margin: 5px;

}
#KT-price td
{
	border: 1px solid black;
}
#KT-price tr.total td {
	color:black;
	font-weight:bold;
}

#RAM-Price {
	color:#cc3300;
	text-align: center;
	font-weight: normal;
}

#RAM-pics table {
	width:100%;
}

#RAM-pics td {
/*	margin-left:auto;
	margin-right:auto;*/
	border: 1px solid black;
}


#pricehighlight, #pricehighlight a:link, #pricehighlight a:visited, #pricehighlight a:active {
	font-size: 18px;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
	background-color: #fff4a0;
}

#pricehighlight a:hover {
	font-size: 18px;
	font-weight: bold;
	color:#FF3300;
	text-decoration: none;
	background-color: #fff4a0;
}

#pricehighlightNOyellow, #pricehighlightNOyellow a:link, #pricehighlightNOyellow a:visited, #pricehighlightNOyellow a:active {
	font-size: 15px;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
}

#pricehighlightNOyellow a:hover {
	font-size: 15px;
	font-weight: bold;
	color:#FF3300;
	text-decoration: none;
}

#qtyaddtocart {
	font-size: 18px;
	font-weight: normal;
	}

.productname{ 
        font-size: 13pt; 
        font-weight: bold; 
        color: #003066;
      }
      
.sku{
    font-size:9pt;
      }
      
.catprice{
	font-size:12pt;	
	color: #003066;
	font-weight: bold;
      }
      
.proddesc{
        font-size: 10pt;
      }
      
.catprice{
	font-size:12pt;	
	color: #003066;
	font-weight: bold;
      }
      
.topproductmessage{
        font-size: 9pt;
        font-weight: bold;
        color: #9e1b34;
      }
      
.catsaveprice{
	font-size:8pt;
	color: #9e1b34;
      }
 
a.maillink:link { 
    font-size: 9pt; 
    color: #333333; 
    text-decoration: underline; 
    } 

a.maillink:visited { 
    font-size: 9pt; 
    color: #333333; 
    text-decoration: underline; 
    } 
   
a.maillink:hover { 
    font-size: 9pt; 
    color: #333333; 
    text-decoration: underline; 
    }
    
#shareBp {
	clear:left;
	float:left;
	padding:11px 0px 0px 6px;
	font-size: 8pt;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color:#000;
	}

#shareBp a {
	clear:left;
	float:left;
	font-size: 8pt;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color:#000;
	display: block;
	text-decoration: none;
	padding-left:20px
	}
	
#shareBp img {
	border: none;
	}
	
#sItemName {
	font-weight: bold;
	color: darkblue;
	}

#sPageText {
	font-size: 10pt;
	}
	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#RAM-pricing
{
	width:90%;
	font-size:80%;
	margin-top: 8px;
}

#RAM-pricing td.right
{
	text-align:right;
}

#RAM-pricing td.left
{
	text-align: left;
}

#cgPhone {
	text-align: center;
	color: #0000ff;
	font-weight: bold;
	font-style: italic;
	width: 165px;
}

.fade-box {
	margin-left: 0px;
	position:absolute;
	top: 120px;
	left: 50px;
}

#cgLogo {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#cgMain {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%;
}

#cgHead {
	border: none;
	width: 100%;
}

#cgHotItems {
	border: none;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#cgHotItems th {
	color: #FF0000;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	font-size: 150%;
}

#cgHotItems td {
	text-align: center;
	padding-bottom: 15px;
}

#cgHotItems td a {
	color: #0000CC;
	text-decoration: none;
}

#cgHomePageHighlights {
	width: 500px;
	margin-left:auto;
	margin-right:auto;
}

#cgHomePageHighlights th {
	text-align: center;
	color: #000088;
}

#cgHomePageHighlights td {
	text-align: center;
	width: 33%;
	vertical-align: top;
}

img.cgImgLeft {
	float: left;
}

img.cgImgRight {
	float: right;
}

#RAM-Choose {
	font-size: 60%;
	color: #00FF00;
	visibility: hidden;
}

#RAM-Choose a {
	text-decoration: none;
	color: #008800;
}

#RAM-Pictures td {
	text-align: center;
}