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

/* Color: Blue */

body {
	background: #000000 url('../../WearItOut3/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 solid #cc0000;
	color: #fff;
}

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

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

#Menu li a {
	background: url('../../WearItOut3/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: #000000;
	color: #cc0000;
}



/*** 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(../../WearItOut3/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('../../WearItOut3/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('../../default/images/ContentBg.gif') no-repeat;
}

.Content a {
	color: #000000;
}

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

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


.Right {
	background: transparent url('../../WearItOut3/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;
}

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

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

.Left .TopSellers li.TopSeller1 .TopSellerNumber, .Right .TopSellers li.TopSeller1 .TopSellerNumber {
	background: url(../../WearItOut3/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('../../WearItOut3/images/grunge/Cart.gif') no-repeat 3px 0;
}

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

.CartContents thead tr th, table.General 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, .SubBrandList {
	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('../../default/images/ErrorMessage.gif') no-repeat 5px 8px;
	color: #555;
}

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

/* Shipping Estimation on Cart Contents Page */
.EstimateShipping {
	border: 1px solid #FFECEC;
	background: #FFECEC;
}

/* Express Checkout */
.ExpressCheckoutBlock .ExpressCheckoutTitle {
	background: #FFECEC;
	border: 1px solid #FFECEC;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
	background: #f0f0f0;
	border: 1px solid #ddd;
	color: #555;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
	color: #888;
}

/* Tabbed Navigation */
.TabNav {
	border-bottom: 1px solid #FFECEC;
}

.TabNav li a {
	border: 1px solid #FFECEC;
	background: #FFECEC;
}

.TabNav li a:hover {
	background-color: #FFECEC;
}

.TabNav li.Active a {
	border-bottom: 1px solid #fff;
	background: #fff;
}

/* General Tables */
table.General tbody tr td {
	border-top: 1px solid #efefef;
}