@import url(drop-down.css);

body, h1, h2, h3, p, a, ul, li, img {

	margin: 0px;

	padding: 0px;

}

html, body {

	height:100%;

}

body {

	background: #494737 url(../images/body-bg.gif) repeat;

	font-family: Arial, Helvetica, sans-serif;

}

img {

	border:none;

}

ul {

	list-style-type: none;

}

h1 {

	background-image: url(../images/h1-bg.png);

	height: 62px;

	padding:27px 0 0 29px;

	width:269px;

}

h1 a{

	background-image: url(../images/keepers-logo.gif);

	text-indent: -9999px;

	float: left;

	height: 37px;

	width: 240px;

	overflow: hidden;

}

.sub-page h1 {

	padding:17px 0 0 29px;

	background:none;

	height:48px;

}

h2 {

	margin-bottom: 22px;

	font-size:18px;

	color:#FFFFFF

}

h3 {



}



p {

	font-size: 12px;

	line-height: 16px;

	color:#FFFFFF;

	margin-bottom: 20px;

}

p a{

color:#000000;

}

a {
	
	color:#000000;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}

.flt100l {

	width:100%;

	float:left;

	height:auto;

}

.fltl {

	float:left;

	height:auto;

}

.fltr {

	float:right;

	height:auto;

}

.spacer {

	float: left;

	height: 50%;

	width: 100%;

	margin-top: -245px;

}

#page-wrapper {

	width: 980px;

	margin: 0 auto;

}

.narrow-column {

	float: left;

	width: 298px;

	height: 490px;

	background: url(../images/narrow-column-bg.png) no-repeat left bottom;

}

.narrow-column p {

	color:#cec9b0;

	padding: 33px 28px 0 28px;

}

.narrow-column p span {

	color:#f8f3db;

	font-weight:bold;

}

.wide-column {

	float:right;

	height: 490px;

	width: 661px;

}



#wide-column {

	float:right;

	height: 490px;

	width: 661px;

}



.wide-column ul {

	float:left;

	width:100%;

	margin-top:207px;

}

.wide-column ul li { 

	float:left;

	height:53px;

	padding:7px 0 6px 0;

	background: url(../images/m-menu-bg.jpg) repeat-x left center;

	opacity: .5;

	filter: alpha(opacity=50);

}

.wide-column ul li:hover {

	background-image: url(../images/m-menu-bg-hover.gif);

	background-repeat: repeat-x;

	opacity: .6;

	filter: alpha(opacity=60);

}

.wide-column ul li a {

	float:left;

	text-indent:-9999px;

	overflow:hidden;

	height:53px;

}

.wide-column ul li a span {

	float:left;

	height:53px;

	cursor:pointer;

}

.wide-column ul li.home a {

	background-image: url(../images/menu/home.png);

	width: 77px;

}

.wide-column ul li.home a span {

	width: 77px;

}

.wide-column ul li.about a {

	background-image: url(../images/menu/about.png);

	width: 109px;

}

.wide-column ul li.about a span {

	width: 109px;

}

.wide-column ul li.brands a {

	background-image: url(../images/menu/brands.png);

	width: 90px;

}

.wide-column ul li.brands a span {

	width: 90px;

}

.wide-column ul li.retailer a {

	background-image: url(../images/menu/retailer.png);

	width: 145px;

}

.wide-column ul li.retailer a span {

	width: 145px;

}

.wide-column ul li.store a {

	background-image: url(../images/menu/store.png);

	width: 144px;

}

.wide-column ul li.store a span {

	width: 144px;

}

.wide-column ul li.contact a {

	background-image: url(../images/menu/contact.png);

	width: 96px;

}

.wide-column ul li.contact a span {

	width: 96px;

}

.header {

	background-image: url(../images/header-bg.png);

	float: left;

	height: 65px;

	width: 100%;

}



.footer{

	float:left;

	width:100%;

	padding-top:10px;

}

.footer p {

	float:left;

	color:#7d7a65;

}

.footer p.design{

	float:right;

}

.footer p a{

	color:#7d7a65;

}

.sub-content {

	background-image: url(../images/sub-content-bg.gif);

	float: left;

	height: 425px;

	width: 100%;

	overflow: hidden;

}

.sub-content img {

	float:right;

}

.brands-column {

	float: left;

	width: 280px;

	border-right: solid 1px #6a6646;

	height:425px;

}

.brands-column1 {

	float: left;

	width: 270px;

	margin-left: 26px;

	border-right: solid 1px #6a6646;

	height:425px;

	margin-top: 22px;

	padding-right:10px;

}

.brands-column li {

	border-bottom: solid 1px #6a6646;

	float:left;

	width:100%;

}

.brands-column li a {

	float:left;

	width:100%;

	height:105px;

	background-repeat: no-repeat;

	background-position: center center;

	text-indent: -9999px;

	overflow: hidden;

}

.brands-column li.raw {

	border-bottom:none;

}

.secondist a {

	background-image: url(../images/2ist.jpg);	

}

.stacy a {

	background-image: url(../images/stacyadams.jpg);

}

.florsh a {

	background-image: url(../images/florsheim.jpg);

}

.raw a {

	background-image: url(../images/raw-footage.jpg);

}

.text-column {

	float: left;

	width: 295px;

	margin-left: 26px;

	overflow: auto;

	height: 380px;

	margin-top: 22px;

	padding-right:10px;

}

.text-column1 {

	float: left;

	width: 495px;

	margin-left: 26px;

	overflow: auto;

	height: 380px;

	margin-top: 22px;

	padding-right:10px;

}

.text-column2 {

	float: left;

	width: 245px;

	margin-left: 26px;

	overflow: auto;

	height: 380px;

	margin-top: 22px;

	padding-right:10px;

}



.text-column3 {

	float: left;

	width: 640px;

	margin-left: 26px;

	overflow: auto;

	height: 380px;

	margin-top: 22px;

	padding-right:10px;

}

.text-column a {

	color:#2b2a24;

	background: url(../images/subpage-link-bullet.gif) no-repeat right 3px;

	padding-right: 6px;

	font-size:12px;

	line-height:12px;

	float:left;

}

.text-column a:hover {

	text-decoration:none;

}

.text-column a span{

	line-height:12px;

	float:left;

	border-bottom: solid 2px #55523b;

	cursor:pointer;

}

.text-column a:hover span{

	border-bottom: none;

}









.style1 {font-size: 10px; color:#FFFFFF; color:#FFFFFF;}

.style2 {font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;}

.style3 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; }