/* PAGE SHELL STYLES */
a:link { color: #0000FF; text-decoration: none; }
a:visited {color: #660099; text-decoration: none;}
a:active { color: #0000FF; text-decoration: underline; }
a:hover { color: #0000FF; text-decoration: underline; }
h1, .head1 { color: #333399; font: bold 19px Verdana, Geneva, Arial, Helvetica, sans-serif;}
h2, .head2 { color: #000000; font: bold 15px Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: 3px groove #3366CC;}
h3, .head3 { color: #000000; font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.errorhead { color: #CC0000; font: bold 19px Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: 1px solid #CC0000;}
li, p, ul { color: #000000; font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.error { color: #FF0000; font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.bold { color: #000000; font: bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.smallhdr { color: #000000; font: bold 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.label { color: #000000; font: bold 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: right; }
.indent { color: #000000; font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; margin-left: 20px; }
body { margin: 0px; color: #000000; background: #FFFFFF url(/images/bg.gif); font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; }
input.search { border: 0px; background: #FFFFFF; color: #333333; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
select.smalldropdown { border: 0px; background: #FFFFFF; color: #000000; font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; }
select.dropdown { border: 0px; background: #FFFFFF; color: #000000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.nav-ad { margin-top: 15px; }
.nav-ad2 { margin-top: 10px; margin-bottom: 8px; }
.white-10px, .white-10px a:link, .white-10px a:visited, .white-10px a:hover, .white-10px a:active { color: #FFFFFF; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.white-10px-ctr, .white-10px-ctr a:link, .white-10px-ctr a:visited, .white-10px-ctr a:hover, .white-10px-ctr a:active { color: #FFFFFF; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
.white-11px, .white-11px a:link, .white-11px a:visited, .white-11px a:hover, .white-11px a:active { color: #FFFFFF; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.black-10px { color: #000000; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.black-11px { color: #000000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.red-11px { color: #FF0000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.black-12px { color: #000000; font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
#footer { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #999999; color: #000000; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
#interest { color: #000000; font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
#nav-by-interest { margin-top: -0px; margin-bottom: 0px; }
#nav-action { margin: 2px; }
#nav-action-table { margin-top: 15px; width: 150px; border: 0px; background: #000000; }
#nav-table { margin-top: 0px; margin-bottom: 5px; background: #333333; }
#nav-table td.nav-wrapper {padding-top: 8px; }
.nav-yellow a:hover, .nav-white a:hover, .nav-bottom-white a:hover, nav-extra a:hover { text-decoration: underline; }
.nav-yellow { padding: 0px 0px 0px 8px !important; color: #FFCC00; font: bold 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.nav-yellow a:link, .nav-yellow a:visited, .nav-yellow a:hover, .nav-yellow a:active  { color: #FFCC00; line-height: 1.4em; }
.nav-white { padding: 0px 0px 4px 8px !important; color: #FFFFFF; font: bold 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.nav-white a:link, .nav-white a:visited, .nav-white a:hover, .nav-white a:active, .nav-subcat a, .nav-subcat a:visited, .nav-subcat a:hover, .nav-subcat a:active  { color: #FFFFFF; }
.nav-bottom-white { padding: 6px 0px 4px 8px !important; color: #FFFFFF; font: bold 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.nav-bottom-white a:link, .nav-bottom-white a:visited, .nav-bottom-white a:hover, .nav-bottom-white a:active, .nav-subcat a, .nav-subcat a:visited, .nav-subcat a:hover, .nav-subcat a:active  { color: #FFFFFF; }
.nav-subcat {margin-bottom: 6px; }
.nav-extra {margin-top: -10px; margin-right: 30px; margin-left: 0px; margin-bottom: 10px; border: groove 0px #C1C1C1; padding-top: 5px; padding-right: 5px; padding-bottom: 8px; padding-left: 8px; background: #666666 url(/images/navigation/left-nav-corner4.gif) no-repeat bottom right; }
.nav-extra, .nav-extra a:link, .nav-extra a:visited, .nav-extra a:hover, .nav-extra a:active { color: #FFFFFF; font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; }
#newsletter { height: 60px; margin-top: 10px; color: #000000; background: #FFFFFF; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; vertical-align: middle; border-style: outset; border-width: 2px; border-color: #CCCCCC; }
#top-right-nav-row1 { height: 27px; padding: 0 5px; text-align: right; vertical-align: middle; }
#top-right-nav-row2 { height: 21px; text-align: right; vertical-align: middle; }
#top-right-nav-row3 { height: 18px; }
#login-loot { padding-bottom: 3px; color: #000000; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.loot { color: #000000; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.loot a:link, .loot a:visited, .loot a:hover { color: #0000FF; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; }
#main-body { border-style: solid; border-width: 1px; border-color: #000000; background: #FFFFFF; }
#main-body-cell { padding-top: 5px; padding-right: 10px; padding-bottom: 8px;}
.generic-cell { padding: 4px 10px 20px 10px; }
#bottom-link-table { margin-top: 10px; border-width: 1px; border-style: solid; border-color: #999999; background: #FFFFCC; }
#bottom-link-left { border-right: 1px solid #999999; color: #000000; background: #FFFFCC; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
#bottom-link-center { color: #000000; background: #FFFFCC; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: right; }
#bottom-link-right { border-left: 1px solid #999999; color: #000000; background: #FFFFCC; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
.body { background: #FFFFFF; }
.body-plain { background: #FFFFFF }
.details { color: #000000; font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.whatsnew-datestamp { border-top: 2px solid #CCCCCC; color: #000000; font:  bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; padding-top: 4px;}
.whatsnew-table { border-top: 1px solid #99CCFF; border-left: 1px solid #99CCFF;}
.error-message { color: #000000; font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 8px 8px 8px 45px; border: 3px solid red;  background-image: url(/images/other/caution.gif);  background-position: left;  background-repeat: no-repeat;  background-attachment: fixed; }
.row { border-bottom: 1px solid #999999; }
.hidden { display: none; }
a img {border: 0px;}
/* top nav on all pages */

#topnav {
		width: 900px;
		position: relative; 
		top: -14px;
		margin-bottom: 10px;
		padding: 0px;
		}
	
#topnav ul {
		list-style-type: none; 
		list-style-image: none;
		margin: 0px;
		padding: 0px;
		}
	
#topnav ul li {
		display: inline;
		margin: 0px;
		padding: 0px;
		}
	
#topnav ul li a {
		background: #ffffff; 
		position: relative;
		padding: 10px 19px 10px 19px; 
		border: 1px solid #8a8a8a; 
		font-size: 1.2em; 
		font-weight: bold;
		text-decoration: none;
		}
	
#topnav ul li a.right {
		margin-left: -1px;
		}
	
#topnav ul li a:active  {
		background-color: #d5a438;
		}
	
#topnav ul li a:hover {
		background-color: #b0b0b0;
		text-decoration: underline;
		}
					
/* mainbody on category and category list pages*/

#mainbody {
		width: 100%; 
		background-color: #ffffff;
		border: none; 
		background-color: #edeef0;
		}

#mainbodyinterior {
		width: 98%; 
		padding: 4px 12px; 
		background-image: url(/images/category/bodycorner-topleft.gif); 
		background-repeat: no-repeat;
		}


/* drop shadow */

#categoryheader {
		position: relative;
		width: 98%; 
		height: 45px; 
		display: inline;
		white-space: nowrap;
		}

/* absolutely position the shadow text Xpx from upper left, depending on shadow depth */
#categoryheader h1 {  
		position: absolute;
		font-size: 35px;    
		color: #000;
  		top: 2px;
  		left: 2px;
		margin: 0px 0px 0px 70px;
		}

/* absolutely position the top text -Xpx from the shadow text, match the px size */
#categoryheader h1 span {
		position: absolute;
		color: #fff;
		top: -3px;
		left: -3px;
		}

/* 
  this goes in an If IE conditional comment. IE, including IE7, screws up padding and 
  affects the text width and position so this will probably be needed. 
*/

#cds { 
		width: 32em;
		}



/* category page only */

.breadcrumb {
		font-size: 12px !important;
		font-weight: bold;
		}

#categorybar {
		width: 97%;
		height: 45px; 
		background-position: left top; 
		background-repeat: no-repeat;
		}
		
#categorybar img {
		height: 45px;
		width: 10px;
		float: right;
		}
		
* html #categorybar img {
		margin-right: -3px;
		}
		
#categorybar .categorytitle	{
		display: inline; 
		position: relative; 
		top: 13px; 
		margin-left: 70px; 
		font-size: 30px; 
		color: #ffffff; 
		font-weight: bold;
		}
		
#categorybar .categoryviewall {
		display: inline; 
		margin-top: 16px; 
		float: right;
		}
				
#catfeature {
		width: 55%; 
		float: left; 
		margin: 10px 0px; 
		padding: 0px;
		}

#catfeature .catfeatureinner {
		width: 100%; 
		padding: 0px; 
		margin: 0px; 
		background-color: #ffffff;
		}

#catrightboxes {
		width: 43%; 
		float: left; 
		margin: 0px; 
		padding: 0px;
		}
		
#catrightboxes .catrightboxesinner {
		margin: 10px 10px 0px 20px;
		}
		
#catrightboxes h2 {
		border: 0px; 
		color: #ffffff; 
		background-color: #d0d2d5; 
		padding: 0px 10px 5px 10px; 
		margin: 0px;
		}
		
#catrightboxes .popwhitebg {
		background-color: #ffffff;
		}
		
#catrightboxes .popinner {
		padding: 8px; 
		width: 100%;
		}
		
.timmymark {
		background: url(/images/category/timmywatermark.gif) no-repeat bottom right;
		}

#catrepgrid {
		margin-right: 10px;
		clear: both; 
		padding-top: 20px;
		}

#catrepgrid .repproduct {
		float: left; 
		width: 180px; 
		height: 230px; 
		padding: 0px; 
		margin-right: 15px;
		}
		
#catrepgrid .repproduct .repproduct-header {
		position: relative; 
		height: 48px; 
		width: 100%; 
		margin: 0px; 
		background-image: url(/images/category/catboxtab.gif); 
		border-bottom: 3px solid #ccff33;
		border: 0px;
		border-bottom: 3px;
		border-style: solid;
		}
		
#catrepgrid .repproduct .repproduct-header h2 {
		position: absolute; 
		bottom: 5px; 
		border: 0px; 
		margin: 0px; 
		text-align: center; 
		width: 95%;
		}
		
#catrepgrid .repproduct p {
		text-align: right; 
		margin: 5px 0px;
		}

.catfeatureinner .roundbox h2 {
		border: 0px;
		border-bottom: 3px;
		border-style: solid;
		}
		
.catfeatureinner .roundbox h2.geektoys, #catrepgrid .repproduct .geektoys {
		border-color: #993399;
		}
		
.catfeatureinner .roundbox h2.apparel, #catrepgrid .repproduct .apparel {
		border-color: #cc9933;
		}

.catfeatureinner .roundbox h2.books, #catrepgrid .repproduct .books {
		border-color: #cccc99;
		}

.catfeatureinner .roundbox h2.tshirts-apparel, #catrepgrid .repproduct .tshirts-apparel {
		border-color: #ffcc00;
		}
		
.catfeatureinner .roundbox h2.homeoffice, #catrepgrid .repproduct .homeoffice {
		border-color: #6699cc;
		}
		
.catfeatureinner .roundbox h2.computing, #catrepgrid .repproduct .computing {
		border-color: #99cc99;
		}		
		
.catfeatureinner .roundbox h2.caffeine, #catrepgrid .repproduct .caffeine {
		border-color: #ccff33;
		}
		
.catfeatureinner .roundbox h2.electronics, #catrepgrid .repproduct .electronics {
		border-color: #ccccff;
		}
		
.catfeatureinner .roundbox h2.geek-kids, #catrepgrid .repproduct .geek-kids {
		border-color: #00ccff;
		}		

.catfeatureinner .gadgets h2.geek-kids, #catrepgrid .repproduct .gadgets {
		border-color: #cc6666;
		}	
		
.catfeatureinner .gadgets h2.clearance, #catrepgrid .repproduct .clearance {
		border-color: #ff0000;
		}	
		
/* subcat page */

#subcatlist	{
		margin-right: 2%;
		padding: 0px 10px 20px 10px;
		 }

* html #subcatlist {
		width: 98%;
		}


#subcatlist p {
		margin: 0px;
		padding: 0px;
		}

#subcatlist .perpagenav {
		background: #cbcccf;
		padding: 7px 10px;
		margin-right: 10px;
		}

#subcatlist .showperpage {
		float: right; 
		margin: 0px;
		padding: 0px;
		display: inline;
		}
				

#subcatlist .sort {
		margin: 0px 10px 10px 0px;
		border: 0px;
		padding: 5px 0px 5px 10px; 
		font-size: 12px;
		background-color: #ffffff;
		background-image: url(/images/category/sortbybgcorner.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		}

#subcatlist .sort img {
		 display: inline; 
		 float: right; 
		 margin-top: -4px; 
		 margin-right: 0px;
		 width: 9px; 
		 height: 9px;
		 }

* html #subcatlist .sort img {
		margin-right: -3px;
		}

#subcatlist .productgrid {
		clear: both;
		}

#subcatlist .productbox {
		float: left; 
		text-align: center; 
		width: 140px; 
		height: 230px; 
		margin: 4px; 
		padding: 0px; 
		background-image: url(/images/category/productcornerbg.gif);
		background-color: #ffffff;
		background-repeat: no-repeat;
		}
		
#subcatlist .productbox img {
		border: 0px;
		width: 125px;
		height: 125px;
		margin-top: 10px;
		}
		
#subcatlist .productbox p {
		font-size: 11px;
		text-align: center; 
		padding: 0px 5px 5px 5px;
		}

.onsale {
		font-size: 11px; 
		width: 125px; 
		margin-left: 10px; 
		padding: 2px 0; 
		background: #ffffcc url(/images/category/tag-sale-red.gif) no-repeat left bottom;
		}

.range {
		padding: 5px 0 2px 0; 
		}
		
.searchsale
		{
		margin: 5px 0 0;
		padding: 2px 2px 2px 15px;
		}

.now {
		font-weight: bold;
		}

.save {
		color: red;
		}

.saveupto {
		color: red;
		margin-left: 10px;
		padding-bottom: 5px;
		}
		
		



/* corners */

.roundbox {
		width: 100%;
		}

.roundboxcat {
		width: 100%;
		}

.roundboxcat a img {
		border: 0px;
		}

.roundtop { 
		background: url(/images/category/tr.gif) no-repeat top right;
		background-color: #d0d2d5;
		}

.roundbox .roundbottom {
		background: url(/images/category/br.gif) no-repeat top right; 
		position: relative;
		margin-top: -6px;
		}

.roundboxcat .roundbottom {
		background: url(/images/category/br.gif) no-repeat top right; 
		position: relative;
		margin-top: -6px;
		}
		
.roundbox h2 {color: #ffffff; 
		background-color: #d0d2d5; 
		padding: 3px 5px; 
		margin: 0px; 
		}

img.corner {
  		display: block !important;
   		width: 6px;
  		height: 6px;
  		padding: 0px;
  		margin: 0px;
  		border: none;
		}

/* lower left nav */

#lowerleftnav {
		width: 160px;
		margin: 10px 0px 10px 0px;
		}

#lowerleftnav ul {
		margin: 0px;
		padding: 3px 10px 5px 20px;
		text-align: left;
		}

#lowerleftnav li {
		font-size: 11px;
		line-height: 1.6em;
		color: gray;
		}

#lowerleftnav div {
		background-position: bottom center; 
		background-repeat: no-repeat;		
		padding: 0px 0px 10px 0px; 
		margin: 20px 0px 10px 0px;
		}
		
#fun {	
		background-color: #666666; 
		background-image: url(/images/navigation/left-nav-funbottom.gif);
		}
	
#holidaynav {
		background-color: #ffffff; 
		background-image: url(/images/other/holiday08/holidayleftnavbottom.gif);
		}
		
#lowerleftnav div h2 {
		margin: 0px;
		padding: 0px;
		}
		
#fun h2 {
		background: url(/images/navigation/left-nav-funtop.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		height: 25px;
		border: 0px;
		}
		
#fun a {
		color: #ffffff;
		}

#holidaynav h2 {
		background: url(/images/other/holiday08/holidayleftnavtop.gif);
		display: block;
		height: 62px;
		border: 0px;
		cursor: pointer;
		}

#holidaynav a {
		border: 0px;
		}					
		
/* for the 1-888 number box */

form.whereisit {
		width: 200px; 
		margin: 0px;
		}
		 
#supportnumber, #supportnumber a, #supportnumber a:visited, #supportnumber a:active, #supportnumber a:hover {
		color: #FFFFFF; 
		font-size: 12px; 
		text-align: left; 
		padding-left: 8px; 
		margin-top: 13px;
		}
		
/* Fixing a bug where the breadcrumb class got overwritten by category styles. oops! */
.product-breadcrumb {
		font-size: 14px;
		padding: 4px 0;
}

.product-breadcrumb-name {
		font-size: 18px;
		font-weight: bold;
		padding: 4px 0;
}


/* product pages */

p.prodheader {
	text-align: center; 
	font-weight:bold; 
	font-size:13px;
	}
	
h4.prodheader {
	text-align: center; 
	font-weight:bold; 
	font-size:13px;
	}
	
h4.listheader {
	text-align: left; 
	font-weight:bold; 
	font-size:12px;
	}
		
.center {
	text-align:center; 
	margin:18px 0px 10px 0px; 
	clear: left;
	}
		
.right {
	float:right; 
	margin:5px 10px 10px 15px;
	display:inline;
	}
	
.left {
	float:left; 
	margin:5px 15px 10px 10px;
	display:inline;
	}
	
.center img + img {
	margin-left:10px;
	}

img.right + img.right {
	margin-right: 0px;
	}

img.left + img.left {
	margin-left: 0px;
	}
	
img.prodbadge {
	float: right;
	display: inline;
	height: 109px;
	width: 104px;
	margin: 0px 10px 5px 10px;
	}

#proddescription{
	color: #000000; 
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

/*

#proddescription ul li{
	margin-left:20px;
	}

#proddescription ul{
	padding-left:25px;
	line-height:18px;
	list-style-position: inside;
	}
	
#proddescription{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:16px;
	}
	
#proddescription hr{
	height:1px;
	border:none;
	background-color:#D2D2D2;
	margin:15px 3px 15px 3px;
	}
	
*/


/* OVERRIDING STYLES FOR IE, NETSCAPE 5+, MOZILLA, ETC */
/* Last Modified June 23, 2006 by Jen Frazier */
/* PREVIOUSLY BASE-IMPORT */

/* PAGE SHELL STYLES */
body { margin: 12px 0px; color: #000000; background: #FFFFFF url(/images/bg.gif); font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; }
#footer { border-top: 1px solid #666666; color: #000000; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
#interest { color: #000000; font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
#nav-by-interest { margin-top: 0px; margin-bottom: 10px; }
#nav-action { border-bottom: 1px solid #808080; border-left: 1px solid #3A3A3A; border-right: 1px solid #808080; border-top: 1px solid #3A3A3A; margin: 2px; }
#nav-table { margin-top: 8px; margin-bottom: 10px; background: #333333 url(/images/navigation/left-nav-brain-bg.gif) no-repeat bottom; }
.nav-yellow { padding: 8px 0px 1px 8px; color: #FFCC00; font: bold 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.nav-white { padding: 0px 0px 4px 8px; color: #FFFFFF; font: bold 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.nav-bottom-white { padding: 8px 0px 4px 8px; color: #FFFFFF; font: bold 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
#newsletter { height: 60px; margin-top: 10px; color: #000000; background: #FFFFFF; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; vertical-align: middle; border: 2px outset; }
#login-loot { padding-bottom: 3px; color: #000000; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; }
#main-body { border: 1px solid #000000; background: #fff; }
#main-body-cell { padding-top: 5px; padding-right: 10px; padding-bottom: 8px; }
#bottom-link-table { margin-top: 10px; border: 1px solid #999999; background: #FFFFCC; }
.body { background: #fff; }
.details { color: #000000; font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 10px; }
#bise a:link { color: #00f; text-decoration: none; }
#bise a:visited {color: #00f; text-decoration: none; }
#bise a:hover { color: #00f; text-decoration: underline; }
#bise a:active { color: #00f; text-decoration: underline; }