@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #000;
	text-align: center;
}
.clearfix {
	clear: both;
}
#container {
	margin: 0 auto;
	width: 782px;
}
#header {
	text-align: center;
}
#header h1 {
	background: url(images/logo.jpg) no-repeat top left;
	width: 119px;
	height: 120px;
	margin: 0 auto;
	font-size: 10px;
	text-indent: -7777px;
}
#header h1 a {
	width: 119px;
	height: 120px;
	display: block;
}
#menu {
	height: 28px;
	background: #222222;
}
#content {
	min-height: 300px;
	background: #fff;
	font: 11px Tahoma, Geneva, sans-serif;
	text-align: left;
}
#footer {
	height: 22px;
}
#footer ul {
	list-style: none;
	float: right;
	width: 230px;
}
#footer ul li {
	float: left;
}
#footer ul li.subscribe {
	background: url(images/devider.jpg) no-repeat top right;
	padding-right: 14px;
}
#footer ul li.subscribe a {
	background: url(images/subscribe.jpg) no-repeat top center;
	display: block;
	width: 147px;
	text-indent: -7777px;
	height: 25px;
}
#footer ul li.contact a {
	background: url(images/contactus.jpg) no-repeat top center;
	display: block;
	width: 59px;
	height: 25px;
	text-indent: -7777px;
}

#banner ul {
	list-style: none;
}
#banner ul li {
	float: left;
}
#apDiv1 {	
	position: absolute;
	width: 516px;
	height: 28px;
	z-index: 10;
	display: block;
	float: left;
}
#search {
	float: right;
	width: 265px;
	text-align: left;
}
#search input {
	display: block;
	float: left;
	background: #666666;
	border: 0;
	width: 185px;
	height: 14px;
	padding: 4px;
	margin-top: 3px;
	color: #fff;
}
div.graphic {
	height: 300px;
}
.left {
	width: 350px;
	float: left;
	text-align: left;
	padding: 10px 20px;
}
.left p {
	padding-top: 15px;
}
.left ol {
	padding-left: 30px;
}
.left ol li {
	padding: 5px 0;
}
.left ol ul {
	padding-left: 15px;
}
h2.about {
	
	
}
h2.brands {
	text-align: left;
}
.inner {
	padding: 10px 20px;
}
.right {
	width: 391px;
	float: right;
}
ul.brand-list, div.brand-list {
	list-style: none;
	float: left; width: 137px;
}
ul.brand-list li {
	width: 137px;
}
.brands-content .inner {
	padding-bottom: 30px;
}
div.nav {
	padding: 10px 0;
}

form.contact {
}
form.contact label {
	display: block;
	width: 100px;
	float: left;
	height: 30px;
}
form.contact br {
	clear: both;
	display: block;
}
form.contact input {
	background: #666666;
	border: 0;
	width: 145px;
	height: 14px;
	padding: 4px;
	margin-top: 3px;
	color: #fff;
}
form.contact input.button {
	width: 50px;
	height: 25px;
}
.style1 {
	font-size: 12px;
	font-weight: bold;
}
div.about {
	background: #fff url(images/patternbg.jpg) repeat-y top !important;
}

#nav {
	list-style: none;
}
#nav li {
	float: left;
	padding-right: 7px;
}
#nav li a {
	display: block;
	float: left;
	text-indent: -7777px;
	height: 28px;
	cursor: pointer;
}
#nav li a.about {
	width: 90px;
	background: url(images/nav.gif) no-repeat 0px 0px;
}
#nav li a.about:hover {
	width: 90px;
	background: url(images/nav.gif) no-repeat 0px -30px;
}
#nav li a.women {
	width: 70px;
	background: url(images/nav.gif) no-repeat -101px 0px;
}
#nav li a.women:hover {
	width: 70px;
	background: url(images/nav.gif) no-repeat -101px -30px;
}
#nav li a.men {
	width: 48px;
	background: url(images/nav.gif) no-repeat -185px 0px;
}
#nav li a.men:hover {
	width: 48px;
	background: url(images/nav.gif) no-repeat -185px -30px;
}
#nav li a.brands{
	width: 75px;
	background: url(images/nav.gif) no-repeat -244px 0px;
}
#nav li a.brands:hover{
	width: 75px;
	background: url(images/nav.gif) no-repeat -244px -30px;
}
#nav li a.services{
	width: 82px;
	background: url(images/nav.gif) no-repeat -330px 0px;
}
#nav li a.services:hover{
	width: 82px;
	background: url(images/nav.gif) no-repeat -330px -30px;
}
#nav li a.member{
	width: 82px;
	background: url(images/nav.gif) no-repeat -422px 0px;
}
#nav li a.member:hover{
	width: 82px;
	background: url(images/nav.gif) no-repeat -422px -30px;
}
#nav li a.compro {
	width: 145px;
	background: url(images/nav-about.gif) no-repeat -182px 0;
}
#nav li a.compro:hover {
	width: 145px;
	background: url(images/nav-about.gif) no-repeat 0px 0px;
}
#nav li a.stores {
	width: 145px;
	background: url(images/nav-about.gif) no-repeat -182px -32px;
}
#nav li a.stores:hover {
	width: 145px;
	background: url(images/nav-about.gif) no-repeat 0px -32px;
}
#nav li a.instore {
	background: url(images/services-sub.gif) no-repeat -182px 0;
	width: 145px;
}
#nav li a.instore:hover {
	background: url(images/services-sub.gif) no-repeat 0 0; 
}
#nav li a.mcard {
	width: 145px;
	background: url(images/services-sub.gif) no-repeat -182px -32px; 
}
#nav li a.mcard:hover {
	width: 145px;
	background: url(images/services-sub.gif) no-repeat 0 -32px; 
}
#nav li a.giftcard {
	width: 145px;
	background: url(images/services-sub.gif) no-repeat -182px -64px; 
}
#nav li a.giftcard:hover {
	width: 145px;
	background: url(images/services-sub.gif) no-repeat 0 -64px; 
}
#nav li ul {
	position: absolute;
	width: 145px;
	left: -999em;
	margin-top: 28px;
	list-style: none;
}

#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
div.mcard {
	background: url(images/mcard-bg.jpg) repeat-y top !important;
}
.mcard-card {
	text-align: center;
	padding-top: 30px;
}