@charset "utf-8";
/* CSS Document */

/*Universals   */
body { text-align: center; margin: auto;  background: #a22e04 url(images/pg_bkgd.gif); background-repeat: repeat;}
* {margin: auto; font: 10pt/14pt Arial, Helvetica, sans-serif; color: #000;}
#container {width: 800px; background-color: transparent; padding: 20px 0px 0px 0px; display: block;}
#content {width: 800px; height: 515px; background-color: #fff;  text-align: left; display: block;}


h1{font: 18px/36px Arial, Helvetica, sans-serif; color: #e51938; font-weight:bold;}
h2{ font-weight:bold; text-transform:uppercase; margin: 2px 0px 5px 0px;}

/*Banner*/

#banner {height:60px; background-color: transparent; background-image: url(images/banners/bannerBKGD.gif); background-repeat: repeat; text-align:left; }
	#banner a: {border: none;}	
#logo {display: block; float: left;}	
#navi {display: block; float: right; margin: 0px 10px 0px 0px;}

#brandNavi {width: 60px; height: 60px; display: block; position: relative; top: 60px; left: 182px; visibility:hidden; z-index:5;  }
#brandNavi .dropdown {width: 60px; background-color: #e51938; border-bottom: 1px solid #fff; padding: 5px; }
#brandNavi .dropdown a:link {color: #fff; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#brandNavi .dropdown a:visited {color: #fff; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#brandNavi .dropdown a:active {color: #fff; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#brandNavi .dropdown a:hover {color: #000;}
#brandNavi .dropdown:link {background-color: #e51938;  }
#brandNavi .dropdown:visited {background-color: #e51938; color: #000; }
#brandNavi .dropdown:active {background-color: #e51938; }
#brandNavi .dropdown:hover {background-color: yellow; }

/*homepage specific*/

#hp_feature {width: 490px; height: 100%; display: block; float: left;  margin: 30px 0px 0px 0px; text-align: center;}
	#hp_feature .photo img {width: 350px; height: auto; margin: 30px 0px 10px 0px;} 
#hp_content {width: 253px; height: 510px; display: block; float: right; padding: 30px 0px 0px 35px; margin: 0px 20px 0px 0px; border-left: 2px solid #a3dbed;}

/*brands page specific*/
#brands {width: 160px; height: 540px; display: block; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 45px; text-align: left;}
	#brands img {margin: 20px 0px 0px 0px;}
	#brands p {font: 9pt/13pt Arial, Helvetica, sans-serif; color: #444;}
	#brands a {text-decoration:none; }
	#brands a:link {color:#444;}
	#brands a:visited {color:#444;}
	#brands a:hover {width: 160px;  color: #e51938; font-weight:bold; }

#b_content {width: 535px; height: 520px; display: block; float: right; padding: 20px 20px 0px 15px; margin: 0px 0px 0px 0px; border-left: 2px solid #a3dbed; overflow: auto; text-align: left; }

#manufacturer { width: 525px; height: auto; display: block; float: right;}
#manufacturer p {font: 9pt/10pt Arial, Helvetica, sans-serif; padding-top: 2px;}
#manufacturer h1 {width: 530px; font: 24px/24px Georgia, "Times New Roman", Times, serif;  font-weight:bold; text-align:left; border-bottom: 1px solid #ccc; margin: 30px 0px 0px 0px;}
	#manufacturer img {width: 110px; height: 80px; border: 1px solid #444;}
	#shoeInfo {width: 120px; height: auto; display: block; float: left; padding: 20px 5px 5px 5px;}
	#shoeInfo h2 {font: 9pt/10pt Arial, Helvetica, sans-serif; padding: 5px 0px 0px 0px; font-weight:bold; text-transform:none; margin: 0px; color: #e51938 !important; }
	#shoeInfo strong {font-weight:bold;}

.active {font-weight: bold; color: #e51938 !important; padding: 0px 2px 0px 2px;}

/* on sale specific */

#sale {width: 800px; height: 540px; display: block; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; overflow:auto;}

#sale #manufacturer {width: auto; height: auto; display: block; float: left; margin: 0px 0px 0px 35px; }
	#sale #manufacturer img {width: 224px; height: 163px; margin-bottom: 10px; }
	#sale #shoeInfo {width: 224px; padding: 20px 10px 5px 10px;}
	#sale .salePrice {color:#e51938; font-weight:bold; font-size:14px; line-height:16px; }
	#sale p {padding-top: 0px;}

/* community specific */

#community {width: 740px; height: 100%; display: block; float: left; margin: 20px 0px 0px 0px; padding: 0px 30px 0px 30px; text-align: left;}
#storePics {width: 730px; display: block; float: left; margin: 0px 0px 10px 0px;}
#storePics img {width: 226px; height: auto; display: block; float: left; margin: 5px;}

#footer {width: 800px; height: 25px; background-image:url(images/banners/footerBKGD.gif); background-repeat: no-repeat;}