/*Start existing CSS*/



body, td {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size:11px;
	background: #999966;
	color: #030303;
/*
	margin-top: 1em;
	margin-bottom:1em; 
*/
	margin-top: 0;
	margin-left: 0;
}

p {
	font-size: 11px;
	margin-top: 10;
	margin-left: 10;
}

.sub {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size:9px; 
	color:#330000;
	} 
A:link {
	color: #330000;
	text-decoration: underline; 
	font-weight:normal;
	}
A:visited{ 
	color: #660000; 
	text-decoration: underline; 
	font-weight:normal;
	}
A:hover { 
	color: #330000; 
	text-decoration: none; 
	font-weight:normal;}

/* begin GLOBAL styles */
* {
	margin:0px;
	padding:0px;
	visibility:visible;
}


img{
	border:none;
}

h3.partname {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size:11px; 
	color:#000000;
	margin-bottom:1em;
	text-align:left;
	font-weight:bold;
	}
	
.partprice {
	font-weight:bold;
	margin:10px 0 0 0;
	}	


/* begin Showcase styles */

#new_container, #stock_container, #performance_container, #tools_container, #books_container, #apparel_container, #featured_container, #Bikes_container  {
	width:750px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
	}

/* 3 across */
.new_item_module, .stock_item_module, .tools_item_module, .books_item_module, .apparel_item_module {
	width:225px;
	float:left;
	clear:none;
	margin: 0 15px 0 0;
	}
/* 2 across */
.performance_item_module, .featured_item_module, .Bikes_item_module {
	width:340px;
	float:left;
	clear:none;
	margin: 0 12px 0 0;
	}

.new_img_item, .stock_img_item, .performance_img_item, .tools_img_item, .books_img_item, .apparel_img_item, .featured_img_item, .Bikes_img_item {

	}
/*	border:#000000 1px solid;*/


/* most thumbnail images are 200 wide */
/* these are two across */
.performance_imageBlock, .featured_imageBlock, .Bikes_imageBlock {
	float:left;
	margin:0px 10px 0px 10px;
	}
/* these are 3 across (w/descr below) */
.new_imageBlock, .stock_imageBlock, .tools_imageBlock, .apparel_imageBlock {
	float:left;
	margin:0px 10px 0px 10px;
	}
.new_img_enlarge, .stock_img_enlarge, .performance_img_enlarge, .tools_img_enlarge, .apparel_img_enlarge, .featured_img_enlarge, .Bikes_img_enlarge  {
	margin:5px 0px 10px 35px;
	border:none;
	}
/* books are 100 wide */
.books_imageBlock {
	float:left;
	margin:0px 60px 0px 60px;
	}
.books_img_enlarge {
	margin:5px 0px 10px -13px;
	border:none;
	}

/* Dividers */	
.new_divider, .stock_divider, .performance_divider, .tools_divider, .books_divider, .apparel_divider, .featured_divider, .Bikes_divider {
	clear:both;
	margin: 0px 55px 0px 55px;
	}

/* end Showcase styles */


/* Edit Button - OBS */
.editButton, .editButton:link, .editButton:visited {
	border:0;
	margin: 0 10px 0 0;
	float:right;
	background-image:url('/images/btnEdit.gif');
	}
.editButton:hover {
	border:0;
	margin: 0 10px 0 0;
	float:right;
	background-image:url('/images/btnEdit_hover.gif');
	}
NOTUSED.editButton:active, {
	border:0;
	margin: 0 25px 0 0;
	float:right;
	background-image:url('/images/btnEdit_active.gif');
	}


/* Parts Management */
.partsTitle {
	margin: 15px 0 0 0;
	margin-left:auto;
	margin-right:auto;
	// width:50%;
	text-align:center;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size:20px; 
	color:#000000;
	}

.addButton {
	border:0;
	vertical-align: middle;
	margin: 0 0 0 0;
	}

.editButtons {
	border:0;
	margin: 0 10px 0 0;
	float:right;
	}
	
.KIMupdateButton {
	border:0;
	margin: 0 10px 0 0;
	float:right;
	}

.KIMdeleteButton {
	border:0;
	margin: 0 10px 0 0;
	float:right;
	}

/* Rounded Corners - based on http://www.html.it/articoli/nifty/index.html */
/* 
We had to set the height explicity in r1, r2 etc, else they didn't show 
REMOVED: span.rtop, span.rbottom {display:block; }
REMOVED: span.rtop *, span.rbottom * {display:block; height:1px; overflow:hidden; }
*/
span.r1 {margin: 0 5px; height:1px; display:block; background: #676733; overflow:hidden;}
span.r2 {margin: 0 3px; height:1px; display:block; background: #676733; overflow:hidden;}
span.r3 {margin: 0 2px; height:1px; display:block; background: #676733; overflow:hidden;}
span.r4 {margin: 0 1px; height:2px; display:block; background: #676733; overflow:hidden;}
/* we have to set float right to get the text to stretch out - not sure why */
span.panelBody {
	background: #676733;
	color:#FFFFFF;
	font-size: 11px;
	float: right;
	width: 550px;
	padding-left: 10px;
}



