body {
	width: 983px;
	margin: 0 auto;
	background: transparent url('../images/bg-hp-tile.jpg') top left;
	font: 12px Arial, sans-serif;
	color: #999;
	line-height: 1.3em;
}

a, a:visited { text-decoration: none; color: #ae1a1f;}
a:hover { text-decoration: underline; }

a.alt, a.alt:visited { color: #5b5c5e; }

h1 { font-size: 24px; font-weight: bold; color: #9c988a; margin-bottom: 12px;}

h2 { font-size: 16px; font-weight: bold; color: #999; margin-bottom: 8px; line-height: 1.1em;}
h2.alt { color: #9c988a; }
h2.inline { display: inline; }
h2.normal { font-weight: normal; }

h3 { font-size: 15px; color: #5b5c5e; margin-bottom: 8px; font-weight: bold;}
h4 { font-weight: bold; margin-bottom: 8px;}
h5 { font-weight: bold; font-size: 14px; margin-bottom: 8px; color: #9c988a; }
h6 { font-weight: bold; font-size: 12px; margin: 12px 0; color: #999; }
.border { border: 1px solid #c2c2c1; }

p { margin-bottom: 8px;}
blockquote { margin: 8px 0;}

sup { font-size: 10px; vertical-align: 4px;}
.border { border: 1px solid #c2c2c1; }
.padding { padding: 16px 28px; }

.left { float: left; }
.right { float: right; }

input { color: #999; font: 12px Arial, sans-serif;}

input.standard { width: 170px; }

input.fixed-width { width: 120px; }

.checkbox-contain {margin: 8px 0; display: inline-block; }
.checkbox-contain .checkbox { float: left; }
.checkbox-contain .checkbox-label {
	float: left;
	font-size: 11px;
	margin-left: 4px;
	padding-top: 2px;
}

.callout { color: #5b5c5e; font-weight: bold; }
.callout-subtext { font-size: 11px; }

/* ------------------------ Global Landing Page ----------------------------- */


body.global {
	width: 1086px;
	margin: 0 auto;
	background-image: none;
}

.global-contain {
	width: 100%;
	height: 930px;
	float:left; 
	background: #FFF url('../images/bg-hushpuppies-global.jpg') top center no-repeat;
}

.global-content {
	position: relative;
	top: 254px;
	left: 510px;
	font-size: 12px;
	line-height: 1.6em;
	width: 300px;
}

.global-content h1 { font-size: 18px; color: #9c988a; font-weight: bold; margin-bottom: 8px;}

ul.global-select li a, .global-select ul li a:visited {
	color: #5b5c5e;
	font-weight: bold;
}

ul.global-select li li a {
	margin-left: 12px;
	font-weight: normal;
}

/* ------------------------ Header ----------------------------- */

.header-contain {
	background: transparent url('../images/bg-header.gif') top left repeat-x;
	width: 975px;
	height: 114px;
	float: left;
	overflow: visible;
}

.header {
	border: 1px solid #c2c2c1;
	margin: 3px;
	height: 106px;
}

.header .logo {
	float: left;
}

/* ------------------------- Utility ---------------------------- */

.header-utility {
	float: right;
	margin-right: 15px;
	position: relative;
	width: 470px;
}

.utility {
	margin-top: 16px;
	margin-right: 12px;
	color: #5c5c5e;
	font-size: 11px;
	float: left;
	width: 300px;
}

.utility a, .utility a:visited {
	color: #5b5c5e;
}

.utility ul { list-style: none; }

.utility ul li {
	float: left;
	display: inline;
	padding: 0 6px 0 5px;
	margin: 0;
	height: 16px;
	background: transparent url('../images/bg-footer-divider.gif') center right no-repeat;
}

.utility li.last { padding-right: 0; background: none;}

.promote {
	float: right;
	margin-top: 6px;
}

.promote-left {
	font-size: 13px;
	color: #5b5c5e;
	height: 22px;
	background: transparent url('../images/bg-promote.gif') top left no-repeat;
	padding: 6px 4px 0 12px;
	float: right;
}

.promote-right {
	height: 28px;
	width: 8px;
	float: right;
	background: transparent url('../images/bg-promote-right.gif') top left no-repeat; 
}


/* ------------------------- Search/Cart ---------------------------- */

.search-cart {
	float: right;
	width: 147px;
	padding: 12px 4px 4px 4px;
	background: transparent url('../images/bg-cart-search.gif') bottom no-repeat;
	position: relative;
	overflow: visible;
	z-index: 10;
	font-size: 10px;
	color: #5b5c5e;
	line-height: 1.3em;
}

.search-cart .search { float: left; margin-bottom: 8px; width: 100%;}

.search .search-box {
	width: 105px;
	height: 24px;
	float: left;
	border: none;
	background: transparent url('../images/form-bg-search.gif') top left no-repeat;
	padding: 5px 0 0 8px;
	font-size: 12px;
	color: #6a6a6c;
}

.search .search-button {
	width: 28px;
	height: 29px;
	float: right;
	border:none;
	background: transparent url('../images/btn-search.gif') top left no-repeat;
	cursor: pointer;
}

#cart-block {
	display: none;
	width: 147px;
	float: left;
}

.cart-status {
	clear: left;
	font-size: 10px;
	line-height: 1.2em;
	color: #5b5c5e;
	height: 30px;
}
.cart-status a, .cart-status a:visited { color: #5b5c5e; }
.cart-status img { margin-right: 8px; }

.cart-items { width: 100%;  }

.cart-item { width: 147px; float: left; padding: 8px 0; }

.cart-item .left-col {
	float: left;
	width: 45%;
}
.cart-item .right-col {
	float: right;
	width: 50%;
}

.cart-item img { margin-bottom: 4px; }

.search-cart .totals {
	clear: both;
	float: left;
	width: 100%;
	text-align: right;
}

.totals .totals-buttons {
	display: none;
	padding: 5px 0;
	float: right;
	width: 100%;
}

/* ------------------------- Navigation ------------------------ */

.main-nav {
	clear: left;
	height: 27px;
	margin: 3px;
	background: transparent url('../images/bg-main-nav.jpg') top left no-repeat;
}

.main-nav ul { list-style: none; margin-left: 20px;}

.main-nav ul li { display: inline; }

.main-nav ul li a, .main-nav ul li a:visited {
	font-size: 15px;
	color: #5b5c5e;
	height: 22px;
	float: left;
	padding: 5px 10px 0 10px;
	background: transparent url('../images/main-nav-divider.gif') top right no-repeat;
}

.main-nav li a:hover { color: #222; text-decoration: none; }
.main-nav li.last a { background: none; }
.main-nav li.on a { font-weight: bold; text-decoration: none; color: #5b5c5e; }

/* -------------------------- Home ----------------------------- */

.home-touts ul { list-style: none; }

.home-touts li {
	display: inline;
	margin: 0;
	padding: 0 1px 0 0;
	float: left;
	height: 173px;
	background: transparent url('../images/bg-tout-right.gif') top right no-repeat;
}

.home-touts li.last {
	padding: 0;
	background: none;
}

/* ------------------------- Content ---------------------------- */

.main-contain {
	background: transparent url('../images/bg-body.gif') top left repeat-y;
	width: 100%;
	padding: 0 4px;
	float: left;
}

.main-contain-bottom {
	background: transparent url('../images/bg-body-bottom.gif') top left no-repeat;
	width: 100%;
	height: 5px;
	float: left;
}

.main-content {
	margin: 0;
	width: 969px;
	padding: 0 3px 3px 3px;
	float: left;
}

.main-col { float: left; width: 967px; min-height: 250px; }
.main-col.padding { width: 911px; }
.main-col-right { float: right; width: 774px; }

.gateway-touts { float: left; margin-top: 0px;}

.gateway-touts ul { list-style: none; }

.gateway-touts li {
	display: inline;
	margin: 0;
	padding: 0 1px 0 0;
	float: left;
	height: 217px;
	background: transparent url('../images/bg-gateway-tout-right.gif') top right no-repeat;
}

.gateway-touts li.last {
	padding: 0;
	background: none;
}

/* ------------------------- Sidebar -------------------------- */

.sidebar {
	width: 162px;
	float: left;
	background: transparent url('../images/bg-sidebar-divider.gif') top center no-repeat;
	padding-top: 8px;
}

.sidebar h2 {
	font-size: 14px;
	font-weight: bold;
	color: #9c988a;
	margin-bottom: 8px;
}

.sidebar .categories {
	padding-left: 28px;
	min-height: 181px;
	float: left;
}

.sidebar .searches {
	padding: 24px 0 24px 28px;
	float: left;
}

.sidebar ul { margin-bottom: 12px; }
.sidebar li { margin-bottom: 4px; }

.sidebar li, .sidebar a, .sidebar a:visited {
	font-size: 12px;
	color: #5b5c5e;
	text-decoration: none;
}

.sidebar a:hover { text-decoration: underline; }

.sidebar li.on {
	background: transparent url('../images/bg-sidebar-arrow.gif') left no-repeat;
	padding-left: 8px;
	font-weight: bold;
}

.find-fit {
	background: #f5f4f0 url('../images/bg-sidebar-divider.gif') top center no-repeat;
	padding: 8px 0 8px 28px;
	width: 100%;
	float: left;
}

.find-fit a { font-size: 9px; }

.sidebar .divider { background: transparent url('../images/bg-sidebar-divider.gif') top center no-repeat; height: 1px; width: 190px; float: left;}

.search-sidebar {
	padding: 12px 0 24px 28px;
	width: 146px;
	float: left;
}

.search-sidebar h2 { margin-bottom: 12px; }

.search-sidebar .search-box {
	width: 105px;
	height: 24px;
	float: left;
	border: none;
	background: transparent url('../images/form-bg-search-white.gif') top left no-repeat;
	padding: 5px 0 0 8px;
	font-size: 12px;
	color: #6a6a6c;
}

.search-sidebar .search-button {
	width: 28px;
	height: 29px;
	float: right;
	border:none;
	background: transparent url('../images/btn-search-white.gif') top left no-repeat;
	cursor: pointer;
}


/* -- PDP -- */

.breadcrumbs, .breadcrumbs a, .breadcrumbs a:visited {
	font-size: 11px;
	color: #5b5c5e;
}

.product-image { float: left; width: 545px; }
.product-info { float: right; width: 280px; padding-right: 40px;}

span.title { font-size: 24px; color: #9c988a; font-weight: bold; line-height: 1.1em; }
span.price { font-size: 18px; color: #9c988a; }

.rate-this { margin: 4px 0 24px 0; font-size: 11px; color: #5b5c5e; }

span.pdp-title { font-size: 14px; color: #9c988a; font-weight: bold; clear: left; }
input.pdp-selection { border: 0px solid black; text-align: left; font-size: 14px; color: #9c988a; }

ul.pdp-options, ul.color-options { margin: 8px 0 24px 0; display: block; float: left; width: 100%; }

.pdp-options li, .color-options li { display: inline; }
.pdp-options li a, .pdp-options li a:visited {
	color: #5b5c5e;
	font-size: 11px;
	float: left;
	height: 20px;
	width: 26px;
	border: 1px solid #b9b9b9;
	text-align: center;
	padding-top: 4px;
	margin: 2px;
	background: transparent url(../images/bg-pdp-options.gif) top left repeat-x;
}

.pdp-options li a.on, .pdp-options li a:visited.on, .pdp-options li a:hover{ 
	text-decoration: none;
	color: #fff;
	border: 1px solid #5b5c5e;
	background: transparent url(../images/bg-pdp-options-on.gif) top left repeat-x;
}


label.pdp-options {
	float: left;
	margin: 2px;
	position: relative;
	z-index: 10;
	width: 28px;
	height: 26px;
	text-align: center;
	padding: 0;
}

label.pdp-options:hover { color: #fff; }

.color-options li a {
	float: left;
	height: 24px;
	width: 24px;
	border: 1px solid #b9b9b9;
	margin: 2px;
}

.color-options .color-overlay.on, .color-options .color-overlay:hover { border: 1px solid #1e1e1e; }

.color-options .color-overlay {
	height: 24px;
	width: 24px;
	float: left;
	margin: 2px 0 0 -28px;
	background: transparent url(../images/bg-color-overlay.png) top left repeat-x;
	cursor: pointer;
}

.pdp-tabs {
	clear: left;
	float: left;
	margin-top: 24px;
	width: 904px;
	height: 25px;
	background: transparent url(../images/pdp-tabs.gif) top left no-repeat;
	position: relative;
}

.share-this {
	position: absolute;
	right: 24px;
}

.share-this a, .share-this a:visited { color: #9c988a; font-weight: bold; font-size: 12px; }

.pdp-tabs.technology { background-position: 0 -25px; }
.pdp-tabs.ratings { background-position: 0 -50px; }

ul.tabs {
	margin-left: 50px;
}

ul.tabs li { display: inline; }

ul.tabs li a {
	float: left;
	height: 21px;
	width: 141px;
	margin-right: 8px;
	text-align: center;
	color: #9c988a;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 0 0;
}

.tab-detail {
	float: left;
	width: 850px;
	background: transparent url(../images/bg-pdp-tabs.gif) top left repeat-x;
	padding: 24px 12px 0 52px;
	position: relative;
}

#tab-description { display: block; }
#tab-technology { display: block; }
#tab-ratings { display: block; }

.tab-detail .description-content {
	float: left;
	width: 330px;
	padding-right: 120px; 
	background: transparent url(../images/pdp-tab-divider.gif) top right no-repeat;
	min-height: 270px;
}

.tab-detail .description-also-like {
	padding-left: 12px;
	float: left;
	width: 380px;
}

span.product-title { font-size: 12px; font-weight: bold; color: #5b5c5e; }
span.product-subtitle { font-size: 12px; color: #999; }
span.product-price { font-size: 12px; color: #5b5c5e; }
span.product-notes { font-size: 12px; font-weight: bold; color: #ae1a1f; }

span.product-title a, span.product-title a:visited { color: #5b5c5e; }
span.product-subtitle a, span.product-subtitle a:visited { color: #999; }

ul.also-like li {
	float: left;
	width: 152px;
	background: transparent url(../images/bg-pdp-also.png) bottom left no-repeat;
	padding: 0 12px 12px 12px;
	margin: 0 12px 12px 0;
}

ul.pdp-tech li {
	display: inline;
	float: left;
	width: 240px;
	padding: 0 24px;
	background: transparent url('../images/pdp-tab-divider.gif') top right no-repeat;
}

ul.pdp-tech li.first { padding-left: 0; }
ul.pdp-tech li.last { background: none; padding-right: 0; }

.tab-detail.ratings h2 { display: inline; }

.rating {
	display: inline-block;
	margin: 0 4px;
	width: 74px;
	height: 13px;
	background: transparent url(../images/rating-stars.gif) top left no-repeat;
}

.view-by { 
	position: absolute;
	left: 680px;
	top: 24px;
	width: 210px;
}

.listing .product .rating {
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
	clear: left;
	background: transparent url(/images/rating-stars-white.gif) top left no-repeat;
}

.rating.rate-0, .product .rating.rate-0 { background-position: 0 -77px; }
.rating.rate-1, .product .rating.rate-1 {background-position: 0 -63px;}
.rating.rate-2, .product .rating.rate-2 {background-position: 0 -47px;}
.rating.rate-3, .product .rating.rate-3 {background-position: 0 -31px;}
.rating.rate-4, .product .rating.rate-4 {background-position: 0 -15px;}
.rating.rate-5, .product .rating.rate-5 {background-position: 0 0px;}

.review {
	line-height: 1.3em;
	border-top: 1px solid #e2e2e1;
	margin: 12px 0 0 0;
	padding: 12px 0;
	width: 800px;
}

.review blockquote { width: 600px; }

/* -- Gallery -- */

.gallery-banner { margin-bottom: 3px; }

#galleryContainer { float: left; width: 772px; }

#galleryContainer .breadcrumbs { margin: 18px 26px; }

#galleryContainer .breadcrumb-contain {
	position: relative;
	float: left;
	width: 100%;
}

#galleryContainer .view-by { 
	position: absolute;
	left: 530px;
	top: 16px;
	width: 210px;
	color: #5b5c5e;
}

.listing .product-row {
	height: 190px;
	float: left;
	background: transparent url(../images/bg-product.gif) top left repeat-x;
}

.listing .product {
	float: left;
	width: 153px;
	padding: 20px 20px 0 20px;
	background: transparent url(../images/gallery-divider.gif) top right no-repeat;
}

.listing .product.last { background: none; }

.listing .product a:hover { text-decoration: none; cursor: pointer; }

.product h3 {
	float: left;
	display: inline-block;
	margin: 0;
	font-size: 12px;
}

div.activePriceTier { 
		clear: left;
	padding: 0;
	margin: 0;
}

p.price {
	display: inline;
	float: left;
	color: #5b5c5e;
	font-size: 12px;
	margin: 0;
}

p.notes {
	float: left;
	display: inline;
	color: #ae1a1f;
	font-weight: bold;
	font-size: 12px;
	margin: 0 4px;
}

/* -- Search -- */

#galleryContainer .sort-by { 
	position: absolute;
	left: 530px;
	top: 16px;
	width: 210px;
	color: #5b5c5e;
}

.listing h1 { font-size: 18px; margin-left: 26px; }

/* -- Technologies -- */

ul.pdp-tech, ul.technologies { margin-left: 2px; }
ul.pdp-tech li img, ul.technologies li img { margin-bottom: 8px; }

ul.technologies li {
	display: inline;
	float: left;
	width: 153px;
	padding-right: 1px;
	background: transparent url('../images/tech-divider.gif') top right no-repeat;
}

li .tech-content {
	background: transparent url('../images/bg-technologies.gif') top left repeat-x;
	padding: 16px;
	min-height: 380px;
}

li .tech-content h2 { font-size: 15px; }

li.alt .tech-content {
	background: transparent url('../images/bg-technologies-2.gif') top left repeat-x;
}

ul.pdp-tech li.last, ul.technologies li.last { background: none; padding-right: 0; }

ul.technologies .show-me {
		padding: 8px 16px 40px 16px;
}


/* ------- Login Combo ------ */

.combo-login {
	float: left;
	background: transparent url('../images/login-divider.gif') center right no-repeat;
	width: 260px;
}
.combo-create {
	float: right;
	width: 600px;
}

.account-left { float: left; width: 200px; }
.account-right { float: right; width: 500px; padding-bottom: 24px; }

label.right-align {
	text-align: right;
	margin-right: 4px;
	width: 64px;
	float: left;
}

.account-right label { font-size: 11px; }

.account-right .checkbox-contain, .account-right .button { margin-left: 64px; }

span.required { color: #ae1a1f; }

/* ------- Sitemap ------ */

.sitemap-column { float: left; width: 200px; padding-left: 20px;}
ul.sitemap { margin-bottom: 18px; }
ul.sitemap li { margin-left: 12px; }

/* -------------------------- Footer --------------------------- */

.footer {
	font-size: 11px;
	color: #5b5c5e;
	padding-top: 12px;
	padding-left: 3px;
	clear: left;
	width: 100%;
}

.footer a, .footer a:visited {
	color: #5b5c5e;
}

.footer-links { float: left; width: 680px; }

.footer-links ul { float: left;}

.footer-links ul li {
	float: left;
	display: inline;
	padding: 0 8px 0 7px;
	margin: 0;
	height: 16px;
	background: transparent url('../images/bg-footer-divider.gif') center right no-repeat;
}

.footer-links li a img {
	vertical-align: top;
}

.footer-links ul li.first { padding-left: 0; }
.footer-links ul li.last { background: none; }

.footer-links ul.line-1 { margin-bottom: 12px; }


.email-signup { float: right; margin-right: 4px;}

.email-signup .email-box {
	width: 155px;
	height: 17px;
	border: none;
	background: transparent url('../images/form-bg-email.gif') top left no-repeat;
	padding: 4px 0 0 12px;
	margin: 0;
	font-size: 11px;
	color: #888;
	float: left;
}

.email-signup .email-button {
	float: right;
}



/* -------------------------------- Buttons -------------------------------- */

span.button,
span.button input {
	position:relative;
	margin:0;
	display:inline-block;
	text-decoration:none !important;
	border:0;
	font:11px Arial, Sans-serif;
	white-space:nowrap;
	background: url(../images/bg-button-sprite.gif) no-repeat;
	vertical-align:middle;
	overflow:visible;
}

span.button {
	height: 23px;
	padding: 0;
	margin-right: 2px;
	background-position: left top;
	overflow: visible;
 }

span.button input {
	height:24px;
	padding: 0 13px 4px 8px;
	/*line-height:24px;*/
	background-position:right top;
	cursor:pointer;
	left: 4px;
	color: #fff;
 }

span.button.grey-white { background-position: left 0px; }
span.button.grey-grey { background-position: left -30px; }
span.button.grey-tan { background-position: left -60px; }
span.button.red-white { background-position: left -90px; }
span.button.red-light-grey { background-position: left -120px; }
span.button.red-dark-gray { background-position: left -150px; }
span.button.red-tan { background-position: left -180px; }
span.button.email { background-position: left -210px; }

span.button.grey-white input { background-position: right 0px; }
span.button.grey-grey input { background-position: right -30px; }
span.button.grey-tan input { background-position: right -60px; }
span.button.red-white input { background-position: right -90px; }
span.button.red-light-grey input { background-position: right -120px; }
span.button.red-dark-gray input { background-position: right -150px; }
span.button.red-tan input { background-position: right -180px; }
span.button.email input { background-position: right -210px; }

span.button input:hover { color: #2e2f30; }

.search-cart span.button input {
	padding: 0 10px 5px 4px;
	margin-right: 3px;
}

.cart_table div.discounted
{
	color: #FF9933;
}

.cart_table table tr.incentives td
{
	background: none;
	padding-left: 10em;
	padding-right: 10em;
}

tr.unutilizedFreeItemSelectionHeader td
{
	font-weight: bold;
	padding: .5em 0 .5em 0;
	color: #666;
	background: none;
}

.cart_table table tr.unutilizedFreeItemSelectionHeader
{
	height: 1em;
}

div.PromotionIncentive
{
	border:1px solid #000;
	background-color: #FF9933;
	padding: .5em;
}

div.PromotionIncentive a
{
	color: #EEE !important;
	text-decoration: underline;
}

div.PromotionIncentive ul
{
	margin-left: 0;
	padding-left: 2em;
}

.PromotionIncentive .PotentialPromotion,
.PromotionIncentive .UnutilizedRewards
{
	padding: .5em;
}

#ajaxBg {
    position: absolute;
	top: 0;
	left: 220px;
	width: 739px;
	height:100%;
	z-index:100;
	
}
#ajaxImg
{
	top:30%;
	left:50%;
	position:fixed;
	background:#FFFFFF url(../images/ajax-loader.gif) no-repeat center;
	width:200px;
	height:50px;
	z-index:100;
}