
/* PAGE SHELL STYLES */


#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.html) 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 10px 10px;
		/*background-color:#DCDCED;*/
		 }

* html #subcatlist {
		width: 760px;
		}


#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: 10px;
		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: 250px; 
		margin: 4px; 
		padding: 0px; 
		background-image: url(../images/category/productcornerbg.gif);
		background-color: #ffffff;
		background-repeat: no-repeat;
		}
		
#subcatlist .productbox img {
		border: 0px;
		width: 75px;
		height: 75px;
		margin-top: 0px;
		}
		
#subcatlist .productbox p {
		font-size: 10px;
		text-align: center; 
		padding: 0px 5px 5px 5px;
		}

#subcatlist .productbox div.onsale {
		font-size: 10px; 
		width: 120px; 
		margin-left: 5px; 
		padding: 2px 0; 
		background: #ffffcc url(../images/category/tag-sale-red.gif) no-repeat left bottom;
	
		}
		
#subcatlist .productbox div.onsalenoImage {
		font-size: 10px; 
		width: 120px; 
		margin-left: 5px; 
		padding: 2px 0; 
		}
		
#subcatlist .imageClass {
		border: 0px;
		width: 150px;
		height: 195px;
		margin-top: 0px;
		}

