@import url(Grid.css);

/********************
Global
********************/
html
{
	height: 100%;
}

body
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
	background-color: #eeeeee;
	width: 1000px;
	margin: 0 auto;
	height: 100%;
}

input, select
{	
	font-family: Verdana;
	font-size: 8pt;
}

a
{
	color: Black;
	text-decoration: none;
}

.LargerText
{
	font-size: 14pt;
}

.SmallerText
{
	font-size: 8pt;
}

h2
{
	margin: 5px 5px 5px 0;
	font-size: 10pt;
}

h2 a
{
	font-size: smaller;
	text-decoration: underline;
	color: Blue;
}

.LeftBorder
{
	background-image: url(/images/GradientLeft.jpg);
	background-repeat: repeat-y;
	width: 7px;
}

.RightBorder
{
	background-image: url(/images/GradientRight.jpg);
	background-repeat: repeat-y;
	width: 7px;
}

.LeftCornerBorder
{
	background-image: url(/images/bottomLeftGradient.gif);
	background-repeat: repeat-x;
	width: 7px;
	height: 7px;
}

.RightCornerBorder
{
	background-image: url(/images/bottomRightGradient.gif);
	background-repeat: repeat-x;
	width: 7px;
	height: 7px;
}

.BottomBorder
{
	background-image: url(/images/bottomGradient.gif);
	background-repeat: repeat-x;
	height: 7px;
}

.errorText
{
	color: Red;
}

.successMessage
{
	color: Green;
	font-size: larger;
}

/********************
Body
********************/
#divBody
{
	min-height: 600px;
}

/********************
Login
********************/
div.Login
{
	border: 1px solid #DDDDDD;
	width: 98%;
	padding: 10px;
	margin: 10px 0;
}

div.Login table
{
	width: 500px;
	padding: 0 50px;
}

div.Login div
{
	text-align: center;
	margin: 0 auto;
}

div.Login a
{
	text-decoration: underline;
}

.validationSummary
{
	padding-top: 10px;
}

.validationSummary ul
{
	padding-left: 0px;
}

.LoginErrors
{
	padding: 10px 0;
}

.LoginErrors li
{
	text-align: left;
}

/********************
Header
********************/
.Header
{
	text-align: right;
	margin: 5px 20px;
}

.Header img
{
	margin: 0 0 -3px 0;
}

.Navigation img
{
	margin:0 1px 0 0;
	border: solid 0px;
	border-right: solid 1px #FFFFFF;
}

.Navigation
{
	background-image: url("/images/buttons/RedBarFiller_FINAL_sliver.jpg");
	background-repeat: repeat-x;
	width: 100%;
}

#divSearch
{ 
	text-align: left;
	padding: 3px 0 0 5px;
	height: 25px;
	position: relative;
	width: 525px;
	left: 0px;
}

#divSearch div
{
	position: absolute;
	display: inline;
}

a.buyButton img
{
	background-image: url(/images/buttons/BuyButton_FINAL.jpg);
}

a:hover.buyButton img
{
	background-image: url(/images/buttons/BuyButtonHover_FINAL.jpg);
}

.buyButton img
{
	height: 30px;
	width: 105px;
}

a.sellButton img
{
	background-image: url(/images/buttons/SellButton_FINAL.jpg);
}

a:hover.sellButton img
{
	background-image: url(/images/buttons/SellButtonHover_FINAL.jpg);
}

.sellButton img
{
	height: 30px;
	width: 105px;
}

a.yourGarageButton img
{
	background-image: url(/images/buttons/YourGarageButton_FINAL.jpg);
}

a:hover.yourGarageButton img
{
	background-image: url(/images/buttons/YourGarageButtonHover_FINAL.jpg);
}

.yourGarageButton img
{
	height: 30px;
	width: 173px;
}

a.helpButton img
{
	background-image: url(/images/buttons/HelpButton_FINAL.jpg);
}

a:hover.helpButton img
{
	background-image: url(/images/buttons/HelpButtonHover_FINAL.jpg);
}

.helpButton img
{
	height: 30px;
	width: 134px;
}

a.adminButton img
{
	background-image: url(/images/buttons/AdminButton_FINAL.jpg);
}

a:hover.adminButton img
{
	background-image: url(/images/buttons/AdminButtonHover_FINAL.jpg);
}

.adminButton img
{
	height: 30px;
	width: 108px;
}
/********************
Home Section
********************/
.HomeSection
{	
	vertical-align: top;
	margin: 5px 0 5px 0;
}

.HomeSection h3
{
	border-bottom: 2px solid #EEEEEE;
	padding: 5px 0;
}

.HomeSection h3 > a
{
	font-size: smaller;
	text-decoration: underline;
	color: Blue;
}

.HomeSection h3 .sellerName
{
	font-size: 12pt;	
	color: #62CCF3;
	text-decoration: none;
}

.HomeSection table
{
	width: 100%;
	border: 0px solid #EEEEEE;
	padding: 0px;
}

.HomeSection>div
{
	border-bottom: 2px solid #EEEEEE;
}

.HomeSection td
{ 
	background-color: #FFFFFF;
	border: 0px solid #AAAAAA;
	height: 75px;
}

/********************
Your Garage Section
********************/
.YourGarage
{
	min-height: 300px;
	width: 790px;
}

.YourGarage a
{
	color: orange;
}

.HomeSection h3, .YourGarage h3 /*, .YourGarage th*/
{
	color: #78222B;
	font-weight: bold;
	text-align: left;
	height: 20px;
	margin: 0px;
	font-size: 12pt;
}

.YourGarage>table
{
}

.YourGarage table
{
	width: 100%;
	border-spacing: 0;
	margin: 5px 0;
	padding: 0 0 5px 0;
}

.YourGarage td
{
	vertical-align: top;
	padding: 2px 10px;
}

.YourGarageHeader
{
	padding: 0px;
}

.yourGaragePager table
{
	width: 100px;
	border: solid 0px #FFFFFF;
}

/* The current page number is the only one in a <span> tag */
.yourGaragePager span
{
	font-weight: bold;
	font-size: larger;
}

.yourGaragePager a
{
	color: #AAAAAA;
}

.yourGarageMenu
{
	height: 40px; 
	width: 100%;
}

.yourGarageMenuOff, .yourGarageMenuOn
{
	text-align: center;
	height: 32px;
	width: 109px;
	font-weight: bold;
	font-size: 13px;
	padding: 7px 0 0 0;
	cursor: pointer;
}

.yourGarageMenuOff span, .yourGarageMenuOn span
{
	margin: 3px 0 0 0;
}

.yourGarageMenuNotify
{
	font-size: 7pt;
	font-weight: bold;
	color: #C2292E;
	vertical-align: top;
}

.yourGarageMenuOn
{
	background-image: url(/images/buttons/YourGarageMenu_On_bg.gif);
}

.yourGarageMenuOff
{
	background-image: url(/images/buttons/YourGarageMenu_Off_bg.gif);
	color: #837E7D;
}

.itemsForSaleRow input
{
	width: 75px;
}

 div.yourGarageTitle
 {
	font-weight: bold;
 }

/********************
Seller Info Section
********************/

.SellerInfo th
{
	border: 1px solid #AAAAAA;
	background-color: #FCEED4;
	text-align: left;
	height: 25px;
	padding: 0 10px;
}

.SellerInfo table
{
	border: 0px solid #AAAAAA;
	background-color: #FFFCF7;
	width: 100%;
	border-spacing: 0;
	padding: 0 0 5px 0;
}

.SellerInfo td
{
	padding: 2px;
}

.SellerInfo div
{
	margin: 1px 0;
	font-size: 9pt;
}

.SellerInfo a, .YourGarage a, .ProductDetailInfoSection a
{
	color: #C2292E;
}

.SellerInfo a:hover, .YourGarage a:hover, .ProductDetailInfoSection a:hover
{
	color: orange;
}

.sellerGarage table
{
	width: 100%;
}

/********************
Footer Section
********************/
#divFooter
{
	width: 100%;
	text-align: center;
	font-size: 8pt;
	color: #999999;
	padding: 5px;
	bottom: 0px;
	margin: 0 0 5px 0;
}

#divFooter a
{
	color: #999999;
}

.footerRedTest
{
	color: #C2292E;
}

.footerDarkerTest
{
	color: #666666;
}

.footerWhiteTest
{
	color: #FFFFFF;
}

.footerGreyTest
{
	color: #999999;
}

/********************
Left Nav Section
********************/
.DeselectedCategory, .SelectedCategory
{
	height: 20px;
	width: 145px;
	margin: 5px 0 0 0;
}

.SelectedCategory
{
	background-image: url(/images/Category_Gradient_BG.jpg);
	color: #F49927;
}

.SelectedCategory a
{
	background-image: url(/images/clear.gif);
}

.SelectedSubCategory
{
	font-weight: bold;
}

.DeselectedSubCategory, .SelectedSubCategory
{
	margin: 5px 0 5px 16px;
	background-color: #E4E4E4;
}

.SellerInfo
{
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
	border: 1px solid #EEEEEE;
}

/********************
Product Detail Section
********************/
.ProductDetailInfo h4
{
	background-color: #EEEEEE;
	color: #a74248;
	padding: 5px;
}

table.ProductDetail
{
	padding: 0;
	margin: 0;
	border: solid 0px #FFFFFF;
	width: 100%;
}

table.ProductDetailImages
{
	width: 500px;
}

table.ProductDetailImages td
{
	vertical-align: top;
}

td.ProductDetailImages
{
	border: solid 2px #DDDDDD;
	text-align: center;
}

td.ProductDetailInfo
{
	vertical-align: top;
	width: 250px;
}

td.ProductDetailInfo hr
{
	width: 98%;
	margin-left: 0px;
	text-align: left;
}

.ProductDetailTitle
{
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
}

.ProductDetailPrice
{
	color: #C2292E;
	font-size: 12pt;
	font-weight: bold;
}

.ProductDetailInfoSection
{
	border-top: 1px solid #AAAAAA;
	padding: 15px 0;
}

/********************
Product Grid Section
********************/
.ProductItem
{
	 margin: 5px;
	 text-align: center;
	 width: 175px;
}

div.ProductItemNameGrid
{
	float: left;
	margin: 0 0 0 0;
}

div.ProductItemNameGrid a
{
	color: #62CCF3;
}

div.ProductItemPrice
{	
	color: #C2292E;
	font-size: 12pt;
	font-weight: bold;
	float:right;
	margin: 0 0 -4px 0;
}

div.ProductItemPrice a
{
	color: #C2292E;
}

.ProductGrid
{
	width: 100%;
	padding: 2px;
	margin: 5px 0;
}

.ProductGrid td
{
	width: 175px;
	border: solid 0px #EEEEEE;
	margin: 1px;
	padding: 2px;
	vertical-align: top;
}

.ProductGrid div.ProductItemImage
{
	text-align: center;
	margin: 0 0 10px 0;
}

.ProductGrid div.ProductItemPrice
{ 
	float:right;
	width: 35%;
	text-align: right;
}

.ProductGrid div.ProductItemName
{
	float: left;
	width: 75%;
	text-align: left;
}

.ProductGrid div.ProductItemTitle
{
	clear:both;
	text-align: left;
}

.ProductGrid div.ProductItemNamePrice
{
	padding: 0 0 15px 0;
	color: #62CCF3;
}

.ProductGrid .higherPrice
{
	margin: 0 0 0 -25px;
}

.ProductList div.ProductItem
{
	position: relative;
	border: solid 1px #EEEEEE;
	height: 140px;
	width: 700px;
}

.ProductList div.ProductItemImage
{
	position: absolute;
	left: 10px;
	top: 10px;
	text-align: left;
}

.ProductList div.ProductItemPrice
{
	position: absolute;
	right: 5px;
	bottom: 10px;
	text-align: right;
}

.ProductList div.ProductItemName
{
	position: absolute;
	left: 160px;
	bottom: 10px;
	text-align: left;
	font-size: 14px;
}

.ProductList div.ProductItemNamePrice
{
	padding: 15px 0 25px 200px;
}

.ProductList div.ProductItemTitle
{
	text-align: left;
	padding: 0 0 0 200px;
}

.sellerName
{
	color: #62CCF3;
}

/********************
List Item Section
********************/
.ListItemHeader
{
	padding-bottom: 10px;
}

.ListItemCategoryAdd
{
	margin: 5px 0;
}

.divImageUpload div
{
	padding: 5px 0 5px 0;
}

.divImageUpload th
{
	text-align: left;
}

div.ShippingCost
{
	border: solid 1px #DDDDDD;
	margin: 5px 0;
	padding: 5px;
}

/********************
Browse Section
********************/
.BrowseManipulation
{
	width: 99%;
	height: 50px;
	background-color: #EEEEEE;
	border: solid 1px #DDDDDD;
	margin: 10px 0 3px 0;
	padding: 6px;
	font-size: 10pt;
}

.BrowseBreadCrumbPaging
{
	width: 100%;
	height: 100%;
	background-color: #FFF2D8;
	border: solid 1px #DDDDDD;
	margin: 3px 0;
	padding: 2px;
	font-size: larger;
	position:relative;
}

.BrowseBottomPager
{
	text-align: center;
	width: 100%;
	margin: 10px 0;
	font-size: larger;
}


.pagerItem img
{
	margin-bottom: -8px;
}

/********************
Checkout Section
********************/
.CheckoutPanel
{
	width:100%; 
	border: solid 1px #c7c6c4;
	padding: 3px;
}

.CheckoutPanelAlt
{
	width:100%; 
	border: solid 1px #c7c6c4;
	background-color: #fffaf4;
	padding: 3px;
	margin: 5px 0;
}

.CheckoutPanel a, .CheckoutPanelAlt a
{
	color: #7ec9e0;
	text-decoration: none;
}

.CheckoutHeader
{
	width:100%; 
	border: solid 1px #c7c6c4;
	background-color: #fce6ce;
	margin: 5px 0;
	vertical-align: middle;
	font-size: 12pt;
	font-weight: bold;
	padding: 3px;
}

.ShipmentItemStyle
{
	height: 150px;
	background-color: #fffaf4;
}

.ShipmentAltItemStyle
{
	height: 150px;
	background-color: #ffffff;
}

.ShipmentDescription
{
	width: 75%;
	padding: 5px 10px;
}

.OrderItemTitle
{
	font-size: 12pt;
	font-weight: bold;
}

.OrderItemDeleteButton
{
	color: #7ec9e0;
	text-decoration: none;
}

.AboutYourCartHeader
{	
	color: #C2292E;
	font-size: 12pt;
	font-weight: bold;
	padding: 5px 10px;
	background-color:#e8e8e8;
}

.statusMessage
{
	background-color: #F4F4F4;
	border: 1px solid #C7C6C4;
	padding: 5px 3px;
	width: 100%;
	margin: 5px 0 0 0;
}

/********************
Images Section
********************/
.questionMarkIcon img
{
	margin: 0 0 -4px 0;
}

 .ImageAction input
 {
	margin-bottom: -4px; /* pulls up images to align with text associated with button */
 }

/********************
Email Section
********************/
.EmailForm table
{
	width: 100%;
}

.EmailForm td
{
	padding: 5px 0;
}

/********************
FAQ
********************/
.FAQ h2
{
	font-size: larger;
	border-top: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	padding: 5px;
}

/********************
Feedback
********************/
.Feedback img
{
	margin: 0 10px -5px 0;
}

.Feedback a
{
	color: #62CCF3;
}

.InActive
{
	color: #000000;
}

/********************
Left Nav
********************/
.categoryHeader
{
	font-size: 13pt;
	font-weight: bold;
	color: Gray;
	border-bottom: 1px solid #000000;
	width: 100%;
	text-align: center;
}

.LeftNav
{ 
	margin:0 0 0 10px; 
	text-align:left; 
	width:148px;
	font-size: 10pt;
}

.LeftNav a:hover
{
	color: orange;
}