﻿html, form
{
  margin: 0;
  height: 100%;
}

body 
{
	font-family: Arial;
	margin: 0;
	font-size: small;
	height: 100%;
}

#container
{		
	margin: 0;
	min-width: 795px;
	min-height: 100%;	
}

p { margin: 0 0 1em 0; }
h2 { margin: 0 0 .5em 0; }
a { color: #333; text-decoration: none; }
a:hover { color: #000; }
img { border: 0; }

#topgrad { background: url(../images/grey_grad.gif) repeat-x; text-align: right; padding-right: 10px; border-bottom: solid 3px #999999; }

#banner { background-color: #000000; color: White; padding-right: 40px; margin-bottom: 2px; }
#banner a { color: White; text-decoration: none; padding-right: 10px;  }
#banner #search { float: right; }

#nav { clear: both; text-align: center;  background: url(../images/navbg.gif) repeat-x; border-bottom: solid 2px #999999; }
#nav ul { margin: 0; list-style-type: none; }
#nav li { display: inline; }
#nav a { color: #000; line-height: 2em; padding-right: 20px; font-variant: small-caps; }
#nav a:hover { color: #ff6262; }

#adminMenu { background-color: #FFF2F2; margin: 0; padding-bottom: 2px; border-bottom: solid 1px #ffd7d7; }
#adminList { padding-top: 3px; margin: 0; }
#adminList li { display: inline; list-style-type: none; padding-right: 10px; }
#adminList a { color: Black; text-decoration: none; font-variant: small-caps;  padding: 3px 10px }


#breadCrumb { font-size: 90%; padding: 5px 0 2px 10px; margin: 0; font-weight: bold; text-transform: uppercase; border-bottom: solid 1px #dddddd; }

#account { text-align: center; }
#account table { text-align: left; }

#pageText { padding: 2em; }
a.designerLink  { text-decoration: none; font-size: 110%; color: Gray; line-height: 1.5em; }

#leftCategories { margin: 0; padding: 0;width: 150px; border-right: solid 1px #dddddd; padding-top: 10px; background-color: #F7F7DE; float: left; }
#leftCategories ul { margin: 0; padding: 0; }
#leftCategories li { padding: 0; list-style-type: none; padding-left: 25px; padding-bottom: 10px; }
#leftCategories a { text-transform: uppercase; }

#productsView { margin-left: 170px; padding-top: 5px;}

#sort { float: right; font-size: 1.2em; color: #888888; margin-right: 25px; margin-bottom: 6px; }
#pager { font-size: 1.2em; color: #888888; }

.productImage { border: solid 1px #ddd ! important; }

#productImages { width: 260px; text-align: center; float: left; }

#description { margin-left: 265px; padding: 1em; border: solid 1px #8D8D8D; background-color: #FBFBFF; }
#price { text-align: center; float: right; }
#price #regularPrice { width: 150px; padding: 2px; margin-bottom: 4px; text-align: center; background-color: #F4FFF2; border: solid 1px #8D8D8D; }
#price .salePrice { color: Red; font-weight: bold; }


#footer { clear: both; text-align: center; margin: 0;  padding: 0; }
#footer ul { margin: 0; list-style-type: none; background-color: #999999; margin-top: -1.5em;  }
#footer li { display: inline; }
#footer a { color: #FFFFFF; line-height: 2em; padding-right: 20px; line-height: 1.5em; }

/*#footer {clear: both;  margin: 0;  padding: 0; }
#footer a { color: #FFFFFF; display: block; padding: 0 2em; line-height: 1.5em; }
#footer ul { margin: 0;  padding: 0; width:100%; background-color: #999999; list-style-type: none; float: right; margin-top: -1.5em; }
#footer li { float: right; }*/


#message { border: solid 1px #dddddd; background-color: #F7F7DE; text-align: center; padding: 15px; margin-top: 5px; margin-bottom: 10px; font-size: 120%; font-weight: bold; }
.spaceLink { font-size: 120%; color: Black; text-decoration: none; margin-right: 10px; }
.ProductButton { margin-right: 10px; }
.shortDesc { font-weight: bold; }
.itemBottom { background-color: #FDFFF9 }
.Total { color: Red; font-weight: bold; font-size: 1.2em; }
.description { background-color: #FBFBFF; padding: 1em; border: solid 2px #dddddd; }
.capitalLink { text-transform: uppercase; color: Black; text-decoration: none; margin-right: 10px; }



#filter { border: solid 1px #dddddd; background-color: #F7F7DE; padding: 5px;  }
#filter ul { margin: 0; padding-left: 25px; list-style-type: none;  } 
#filter li { height: 2.5em;}
#filter li.v { display: inline; list-style-type: none; padding-right: 10px;  }



/* stupid ie stuff */
* html #container
{
	height: 100%;
	/* dynamic expression to emulate min-width in ie */
	width: expression(document.body.clientWidth < 800? "795px": "auto" );
}




