/******************************************************
* Interspire Shopping Cart Style File                *
*                                                    *
* Name: Grunge                                       *
* Author: Andy P. (Big Budda Boom)                   *
* Id: $Id$                                           *
*****************************************************/

/* Color: Grunge */

body {
	background: #000 url('../images/grunge/WrapperBg2.png') repeat-x 0 0;
	color: #535353;
}


a {
	color: #001927;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	color: #000000;
}

h2 {
	color: #cc0000;
}

h3 {
	color: #cc0000;
}


#TopMenu li a, #TopMenu li div {
	border-left: 1px #CC0000 solid;
	color: #fff;
}

#TopMenu li div a {
	border-left: 0;
}

#TopMenu li a:hover {
	color: #ffffff;
}

#Menu li a {
	background: url('../images/grunge/PagesMenuBg.gif') 0 8px no-repeat;
	color: #fff;
}


/*** Popup menu javascript BG ***/

#Menu li ul li a {
	background: #000000;
}

#Menu li ul li a:hover {
	background-color: #CC0000;
	color: #fff;
}



/*** Re-enable this if you want an on-hover BG colour behind the main store links (just under where the logo goes)

#Menu li:hover a, #Menu li.over a{
	background-color: #000000;
}


***/






/*** Re-enable this if you want the background to start 31px under the header (change the BODY background at the top of this document to a different image file than this one, otherwise you'll get a repeat image 

#Outer {
	background: url('../images/grunge/WrapperBg2.png') no-repeat; 
}


***/




/*** This is the line under the search box in the header ***/
#Header {
	border-bottom: 0px #FFFFFF solid;
}

#Logo h1 {
	color: #fff;
	background: url(../images/grunge/Logo.png) top left no-repeat;
}

#Logo h1 a {
	color: #fff;
}

#SearchForm {
	color: #FFECEC;
}

#SearchForm label {
	color: #fff;
}

#SearchForm input {
	background: url(../images/grunge/SearchKeywordsBg.gif) no-repeat 0 0;
}

#SearchForm a {
	color: #FFECEC;
}

#SearchForm a:hover {
	color: #fff;
}

.Left {
	background: transparent url('../images/grunge/LeftBg.jpg') no-repeat;
	height: 100%;

	background-color:white;
}

.Left li {
	border-bottom: 1px #FFECEC solid;
}

.Left li a:hover {
	color: #CC0000;
}

.Content {
	background: #FFFFFF url('../images/ContentBg.gif') no-repeat;
}

.Content a {
	color: #000000;
}	

.Content.Wide {
	background-image: url('../images/ContentBgWide.gif');
}

.Content.Widest {
	background-image: url('../images/ContentBgWidest.gif');
}


.Right {
	background: transparent url('../images/grunge/RightBg.jpg') no-repeat;
	height: 100%;
	background-color:white;


}

.Right a {
	color: #cc0000;
}

.Right a:hover, .Right a:hover strong {
	color: #001927;
}


/* Edited by andy to make silver text on black BG */
#Footer {
	border-top: 1px black solid;
	background-color: black;
	color: silver;
}

/* Edited by andy to make silver text on black BG */
#Footer a {
	color: silver;
}

.Content .ProductList li {
	border: 1px #FFECEC solid;
}

.Content .ProductList li:hover, .Content .ProductList li.Over {
	background: #FFECEC;
}

.ProductList .ProductImage {
	background: #fff;
}

.ProductList strong, .ProductList strong a {
	color: #000000;
}

.ProductPrice, .ProductList em {
	color: #800000;
}

.ProductList .Rating {
	color: #797979;
}

.Right .ProductList li {
	border-bottom: 1px #FFECEC solid;
}

.Content .FeaturedProducts .ProductList li {
	background: #FFECEC;
}

.Content .FeaturedProducts .ProductList li:hover, .Content .FeaturedProducts .ProductList li.Over {
	background: #FFECEC;
}

.Right .TopSellers li .TopSellerNumber { /* Contains the number of the item */
	background: url(../images/grunge/TopSellerNumberBg.gif) 0 4px no-repeat;
	color: #000000;
}

.Right .TopSellers li.TopSeller1 {
	/* No1 seller box */
	border: 1px #FFECEC solid;
	background: #fff;
}

.Right .TopSellers li.TopSeller1 .TopSellerNumber {
	background: url(../images/grunge/TopSellerNumber1Bg.png) 0 0 no-repeat;
	color: #000000;
}

.Breadcrumb {
	border-bottom: 1px #FFECEC solid;
}


.CompareItem { width:200px; border-left: solid 1px #CACACA; }
.CompareFieldName {
	font-weight: bold;
	border-bottom: 1px #FFECEC solid;
}
.CompareFieldTop {
	border-bottom: 1px #FFECEC solid;
}
.CompareFieldTop a:hover { color:red; }
.CompareCenter {
	border-left: 1px #CC0000 solid;
	border-bottom: solid 1px #F2F2F2;
}
.CompareLeft {
	border-left: 1px #CC0000 solid;
	border-bottom: solid 1px #F2F2F2;
}

.ViewCartLink {
	background: url('../images/grunge/Cart.gif') no-repeat 3px 0;
}

.CartContents {
	border: 1px #FFECEC solid;
}

.CartContents thead tr th {
	background: #FFECEC;
	color: #424748;
	border-bottom: 1px #FFECEC solid;
}

.CartContents tbody .SubTotal td {
	border-top: 1px #FFECEC solid;
	color: #000000;
}

.MiniCart .SubTotal {
	color: #000000;
}

.JustAddedProduct {
	border: 1px #FFCCCC solid;
	background: #fff;
}

.JustAddedProduct strong, .JustAddedProduct a {
	color: #000000;
}

.CategoryPagination {
	color: #cc0000;
	background: #FFECEC;
	border: 1px #FFCCCC solid;
}

.CheckoutRedeemCoupon {
	background: #FFECEC;
	padding: 10px;
	width: 300px;
	border: 1px #CC0000 solid;
	margin-bottom: 10px;
}

.SubCategoryList {
	background: #FFECEC;
}

.InfoMessage {
	background: #FFECEC url('../images/InfoMessage.gif') no-repeat 5px
8px;
	color: #555;
}

.SuccessMessage {
	background: #FFECEC url('../images/SuccessMessage.gif') no-repeat 5px
8px;
	color: #555;
}

.ErrorMessage {
	background: #FFECEC url('../images/ErrorMessage.gif') no-repeat 5px 8px;
	color: #555;
}

.ComparisonTable tr:hover td, .ComparisonTable tr.Over td {
	background: #FFECEC;
}