/* CSS Document */

* {margin: 0; padding: 0;}

/* general settings */
body {font-family: Arial, Helvetica, sans-serif;
background: #f7f7f7;
font-size:62.5%;}
p {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#000;line-height:1.4em;}
li {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#000;line-height:1.4em;}
td {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#000;line-height:1.4em;padding:5px;}
h1 {color:#000;font-family:"Times New Roman", Times, serif;font-size:2.5em; background-image:url(../images/hello_icon.gif); background-repeat:no-repeat; background-position:285px 0px;}
h2 {color:#000;}
hr {color:#911e21;border:1px solid;margin:15px 0px;}
.clear {clear:both;}
a {color: #000;}
a:hover {color:#b42529; text-decoration:none;}
a:visited {}
a img {border:none;}
.red {color:#990000;}
.green {color:#2b5482;font-weight:bold;}
.blue-left {color:#000; width:40%; float:left; text-align:left;}
.blue-right {color:#000; width:40%; float:right; text-align:right;}
.font-up {font-size:1.3em;font-weight:bold;}

.red-left {color:#2b5482; width:40%; float:left; text-align:left; font-weight:bold;}
.red-right {color:#2b5482; width:40%; float:right; text-align:right; font-weight:bold;}

.black-left {color:#000; width:40%; float:left; text-align:left;}
.black-right {color:#000; width:40%; float:right; text-align:right;}


li {list-style: square;}
.joe {position:absolute;margin:0 0 0 846px;}
#header-product-name
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000;
	float: left;
	color: #000;
	position: relative;
	margin-top: -70px;
	margin-left: 60px;
}
/* Added on 11/20/2010 - Product Name fonts on Sale, Category, Search By Manf and Search results page */
.product-name 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	line-height: 1.5em;
}
.cartinfo {padding:15px;}
.shopping-cart
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
/* header and wrap */
#wrap {margin:0 auto;width:1056px;background:#000 url(../images/background-edge.jpg) top left repeat-y;}
#all-content {margin:0 0 0 -17px;}
#header {background:#fff;height:100px;width:964px;margin:0 0 0 30px;;}
.header-links a {color:#000;text-decoration:none;}
.header-links a:hover {color: #b42529;}
#header-logo-links {margin:0px 0 0 0;float:right;}
* html .header-links {position: absolute;margin:0 0 0 430px;}
* + html .header-links {position: absolute;margin:0 0 0 430px;}
html>/**/body .header-links {float:left;position: absolute;margin:-70px 0 0 500px;}
* + html #header-product-name {margin:-80px 0 0 50px;float:left;color:#000;position:absolute;}
* html #header-product-name {margin:-80px 0 0 50px;float:left;color:#000;position:absolute;}

/* search bar */
.search-bar-shadow {margin:28px 0 0 76px;position:absolute; z-index:1;}
* + html .search-bar-shadow {margin:31px 0 0 69px;} 
* html .search-bar-shadow {margin:31px 0 0 69px;}
#search-bar {position:absolute;margin:-30px 0 0 335px;border:1px solid #000; z-index:2;}
fieldset.search {border:none;margin:0 auto;background: #222;}
.search input, .search button {border:none;float:left;}
.search input.box {color:#000;font-size:1.2em;width:200px;height:18px;background:#edf0f5 url(../images/search-bar-bg.jpg) repeat-x;}
.search input.box:focus {background:#E6F0FF;margin:0px 0 0 0px;height:18px;}
.search button.btn {width:100px;height:14px;cursor:pointer;background:#000 url(../images/search-bg.jpg) repeat-x top right;color:#fff;font-size:1.2em;}
.search button.btn:hover {background:#000 url(../images/search-bg-hover.jpg) repeat-x top right;}
* + html .search input.box {background:#000 url(../images/search-bar-bg.jpg) repeat-x right bottom;}
* html .search input.box {background:#000 url(../images/search-bar-bg.jpg) repeat-x right bottom;}
* + html #search-bar {border:2px solid #000;margin:45px 40px 40px 90px;width:300px;}
* html #search-bar {border:2px solid #000;margin:45px 40px 40px 90px;width:300px;}
* + html .search button.btn {height:18px;}
* html .search button.btn {height:18px;}

/* navigation */
#nav ul li {float:left;list-style:none;width:140px;border-right:1px solid #ccc;}
#nav ul li a {display: block;font-size:10pt;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#fff;text-decoration:none;background:#990000 url(../images/nav-bg.jpg) top left repeat-x;text-align:center;padding:8px 8px;}
#nav li a:hover {background:#000;color:#fff;}

/* drop down styling */
#nav {height:34px;width:964px;background:#990000 url(../images/nav-bg.jpg) top left repeat-x;margin:0 0 0 30px;}
* html #nav {height:33px;}
#nav ul {}
#nav li {}
#nav, #nav ul {list-style: none;}
#nav li ul {position: absolute;width:110px;left:-999em;margin: 0px 0 0 0px;padding:0px 15px 15px 15px;z-index:99;list-style:none;background: url(../images/drop-down-bottom.gif) bottom right no-repeat;}
#nav li ul li {border-bottom:1px dotted #4c4c4c;background:#f7f7f7;border-right:1px solid #4c4c4c;border-left:1px solid #4c4c4c;margin:0 0 0 -15px;padding:0 28px 0 0;}
#nav li ul li a {color:#000;background:none;padding:5px 40px 5px 20px;;text-align:left;font-size:.7em;width:78px;}
#nav li ul li a:hover {}
.drop-down-bottom {}
#nav li.suckerfish {width:110px;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li ul ul {margin: 0px 0 0 0px;}
#nav li:hover ul ul,  #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}
* html #nav li ul {position:absolute;width:110px;left:-999em;margin:0px 0 0 -15px;padding:0px 15px 15px 15px;z-index:99;list-style:none;background: none;}
* html #nav li ul li {border-bottom:1px dotted #4c4c4c;background:#fff;border-right:1px solid #4c4c4c;border-left:1px solid #4c4c4c;padding:0 0px 0 0;margin:0px 0 0 0;}
* html #nav li ul li a {text-align:center;padding:5px 10px 5px 10px;text-align:left;width:119px;}
* + html #nav li ul li {border-bottom:1px solid #4c4c4c;}
* html #nav li ul li {border-bottom:1px solid #4c4c4c;}
#nav li.hover, #nav li:hover {
position:static;
}

/* sidebar  - product */
#menu
{
	float: right;
	background: #fff url(../images/separator.jpg) top left no-repeat;
	width: 240px;
	min-height: 700px;
	display: block;
	margin: 10px 65px 40px 0;
}
#menu-group {margin:0 0 0 26px;}
#product-icons {margin:0 0 10px 10px;}
#product-icons img {margin:0 10px 5px 10px;}
.menu-item {display:block; width:159px;border:#c2d5f6 1px solid; min-height:40px;margin:-10px 0 5px 8px;padding:10px 15px 20px 15px;}
/*.menu-item img {background: url(../images/shoes-sm.jpg) top left no-repeat;padding:20px 20px 20px 25px;margin:0 0px 0 10px;}*/
.center {text-align:center;}
.menu-list {font-size:1.2em;color:#666;line-height:1.4em;}
.menu-list a {color:#000; text-decoration:underline;}
.menu-list a:hover {color:#b42529; text-decoration:none;}
#product-page-breadcrumb {font-size:1.2em;margin:-20px 0 5px 30px;height:30px;background:#ddd;width:964px;padding:5px 0px 0px 0xp}
* + html #product-page-breadcrumb {position:absolute;margin:-20px 0 5px 30px;}
* html #product-page-breadcrumb {position:absolute;margin:-20px 0 5px 30px;}
#product-page-breadcrumb p {margin:0px 0 0 20px;padding:5px;}
#product-page-breadcrumb a {color:#000; font-size:0.9em;}
#product-page-breadcrumb a:hover {color:#b42529;}

.menu-img {background: url(../images/shoes-sm.jpg) top center no-repeat; width:155px; height:136px; line-height:136px; text-align:center; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;display:table-cell; vertical-align:middle;}

* + html #menu {width:240px; min-height:700px;display:block;margin:30px 62px 40px 0;}
* html #menu {float:right; background:#fff url(../images/separator.jpg) top left no-repeat;width:236px; height:700px;display:block;margin:30px 32px 0px 0;}
* html #menu-item-1 {height:22px;color:#fff;}

/* sidebar  - home */
#home-menu {float:left; background:#fff url(../images/separator2.jpg) top right no-repeat;width:240px; min-height:700px;display:block;margin:0 0px 0 30px;}
#home-menu-group {margin:0 0 0 6px;}
.menu-item {display:block; width:159px;border:#ccc 1px solid; min-height:40px;margin:-10px 0 5px 8px;padding:10px 15px 20px 15px;}
.center {text-align:center;}
#home-menu .menu-list {font-size:1.2em;color:#666;line-height:1.4em;}
#home-menu .menu-list li {font-size:1em;color:#000;line-height:1.8em;list-style:none;}
#home-menu .menu-list li a {color:#000;text-decoration:underline;}
#home-menu .menu-list li a:hover {color:#b42529;text-decoration:none;}
#home-menu .menu-list a {color:#000;}
#home-menu .menu-list a:hover {color:#b42529;}
.menu-item-1 {min-height:25px;background: url(../images/nav-bg.jpg) top left repeat-x;color:#fff;width:191px;margin:0 0 10px 8px;border:0px solid #ccc;}
.menu-item-1 p {color:#fff; position:absolute;font-weight:bold; font-size:1.2em;margin:5px 0 0 10px;}
* html #home-menu {float:left; background:#fff url(../images/separator2.jpg) top right no-repeat;width:240px; height:700px;display:block;margin:0px 0px 0 15px;}
* html .menu-item-1 {height:25px;color:#fff;}

/* main content section - product */
#content {background:#fff;margin:20px 0 0 30px;width:690px;padding:0px 0 20px 22px;}
#breadcrumb #content {font-size:1.2em;margin:-10px 0 0 0;}
#product-image {width:260px; height:340px; float:left; margin:0 20px 20px 0; text-align:center; }

#product-detail-right{ height:340px;width:390px;float:right;}

#product-detail-right p { width:100%; float:left; margin:0px 0 5px 0; padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#000;}

#product-bottom {clear:left;}
.product-details {margin:10px 0 0 15px;}
.product-details p{font-family:Arial, Helvetica, sans-serif; font-size:1.3em; color:#000;line-height:1.4em;}

#product-top { height:350px; margin:0 0 10px; width:680px;}
* + html #product-top {margin:0 0 -20px 0px;}
* html #product-top {margin:0 0 -20px 0px;}
.feature-img {padding:25px;background:url(../images/shoes-border.jpg) top left no-repeat;}
.img-thumb {margin:10px 3px 0 3px;border:1px #000 solid;padding:2px;}
#main #content h1 {font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#000;font-weight:normal; background-image:none;}
#main #content h2 {height:30px; width:680px;background: #fff url(../images/h2-bg.jpg) top left repeat-x;padding:5px;margin:-15px 0 -15px 0;font-size:15px;}
* + html #main #content h2 {height:30px; width:685px;background: #fff url(../images/h2-bg.jpg) top left repeat-x;;padding:5px;margin:-22px 0 -15px 0;font-size:15px;}
* html #main #content h2 {height:30px; width:675px;background: #fff url(../images/h2-bg.jpg) top left repeat-x;;padding:5px;margin:-22px 0 -15px 0;font-size:15px;}

#cart {width:270px; float:left; border:#666666 1px solid; padding:10px; margin-left:45px; margin-top:15px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px;}

.quantity
{
	width:32px;
	color:#000;
	font-size:1.4em;
	font-weight: bold;
	height:30px;
	line-height:30px;
	float:left;
	margin:0 0 0 0;
}

.quantity-box { width:25px; float:left; margin-top:4px; margin-left:1px; padding:0 0 0 0; height:20px; line-height:20px;}

.cart-img { width:205px; float:right; margin-top:0px; padding-top:0px;}
.availability {float:left;margin:0 0 0 0;text-align:center;width:27%; font-size:14px;}

.total{width:100%;float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:30px; line-height:30px; margin:10px 0 0px 0; border-top:1px solid #666666; border-bottom:1px solid #666666;}
.total-left{width:35%; float:left; text-align:left; padding-left:1%; color:#2b5482; font-size:14px;}
.total-right{width:35%; float:right; text-align:right; padding-right:1%; color:#990000; font-size:14px;}
#quantity-box {margin:-20px 0 15px 65px;}

/* main content section - home */
#main {margin:20px 0 0 0;}

#home-content {
	background:#fff;
	margin:0 0 0 0px;
	width:710px;
	padding:0px 0 0px 0px;
	float:left;
	}
	
#home-content-shopping {width:900px; float:left; margin-left:64px;}

.slider-border
{
	height:100%;
	border-left:1px solid #f6e8e6;
	border-right:1px solid #f6e8e6;
	background-image:url(../images/border-bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	overflow:hidden;
}

#shopping-cart-home-content
{
	background: #fff;
	margin: 0 0 0 100px;
	width: 750px;
	padding: 0px 0 20px 10px;
	float: left;
}
#home-content h2 {font-size:1.7em;margin:0 0 5px 0;}
#breadcrumb {font-size:1.2em;margin:0 0 -10px 0;}
#product-image {text-align:center;float:left;margin:0 20px 20px 0;}

#product-image .p-image{ width:250px; height:250px; line-height:250px; text-align:center;margin:0 5px 0 0; background-image:url(../images/shoes-border.jpg); background-repeat:no-repeat; background-position:center top;display:table-cell; vertical-align:middle;}

#product-bottom {clear:left;}
.product-details {margin:10px 0 0 15px;}
#banner {background:#fff;width:946px;padding:0px;margin:-21px 0 13px 30px;}
* html #banner {margin:-20px 0 13px 30px;}
#home-feature-1 {width:690px;margin:10px 0px;background:url(../images/shoes-border.jpg) top left no-repeat;height:254px;}
#home-feature-2 {width:700px;clear:left;margin:0px 0px 0 0;background:url(../images/shoes-border.jpg) top right no-repeat;height:254px;}

#home-feature-1 p {width:400px; margin:0 0 0 0; padding:0 0 0 0; clear:left; text-align:justify;}
#home-feature-2 p {width:400px; margin:0 0 0 0; padding:0 0 0 0; clear:left; text-align:justify;}
#product-main-1 { width:235px; height:230px; float:left; text-align:center;margin-left:6px;}
#product-main-1 .product { width:235px; height:230px; line-height:230px; text-align:center;display:table-cell; vertical-align:middle;}

#product-main-2 { width:235px; height:230px; float:right; text-align:center;margin-left:6px;}
#product-main-2 .product { width:235px; height:230px; line-height:230px; text-align:center;display:table-cell; vertical-align:middle;}
#product-main-1 .product img {margin:0 0 0 0;padding:0 0 0 0;}
#product-main-2 .product img {margin:0 0 0 0;padding:0 0 0 0;}

#feature-info-1 {margin:0 0 0 10px;padding:15px 0 0 0; width:400px; height:auto; float:right;}
#feature-info-2 {margin:0 0 0 10px;padding:15px 0 0 0;}
#home-feature-1 h2 {margin:0 0 20px 0;}
#home-feature-2 h2 {margin:0 0 20px 0;}
/*#home-feature-1 img {margin:0px;padding:20px 40px 10px 30px;}
#home-feature-2 img {float:right;margin:0px;padding:20px 40px 10px 40px;}*/
* + html #content {background:#fff;margin:0 0 0 30px;width:695px;padding:30px 0 20px 22px;}
* html #content {background:#fff;margin:0 0 0 40px;width:685px;padding:30px 0 20px 22px;}

/* Category Page */ /* Changed on 11/13/2010 for increasing item height to prevent overlap */
.category-item {font-size:.9em; width:150px; height:220px;margin:0px 45px 0px 30px;text-align:center;float:left;}
.category-item p {font-size:1.3em;}

.category-item .product {width:143px; height:136px; line-height:136px; background:url(../images/shoes-sm.jpg) top center no-repeat; margin-left:auto; margin-right:auto; margin-top:4px; text-align:center;display:table-cell; vertical-align:middle;}

/*.valign-ie{ height:100%; display:inline-block; vertical-align:middle;}
*/
.category-item img {margin:0 0 0 0;}

.category-item h2 a {color:#000;}
.category-item h2 a:hover {color:#b42529;}
/*.category-item img {margin:20px 0px 20px 0;}*/
#featured-products .category-item {margin:0px 45px 10px 30px;float:left;display:block;}
#featured-products hr {clear:both;}
* + html .category-item h2 {font-size:1.3em;}
* html .category-item h2 {font-size:1.3em;}
* + html .category-item {margin:0px 37px -10px 37px;}
* html .category-item {font-size:.8em; width:150px;margin:0px 25px 10px 25px;text-align:center;float:left;}
* + html #featured-products .category-item {margin:0px 37px -10px 37px;float:left;display:block;}
* html #featured-products .category-item {margin:0px 25px -10px 25px;float:left;display:block;}

#featuredproduct {
	height: 287px;
	width: 355px;		
	margin: 0px 0px 0px 0px;
	float: left;
	background-color: #FFFFFF;
}

#productcontainer {
	height: 145px;
	width: 230px;
	float: left;
	margin: 25px 2px 5px 0px;
	border: #FFFFFF thin solid;

}

#productcontainerfooter {
	width: auto;
	height: 50px;
	border-top: groove #CCC thin;

}
p.productfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 0 1px 0 3px;
	color: #921E21;
}


/* footer */
#footer {background:#fff;width:954px; min-height:230px;margin:0px 0 0 35px;clear:both;border-top:1px solid #ccc;}
.footer-image
{
	float: none;
	margin: 30px 0 0 0px;
	padding: 0 0px 0 0px;
	text-align: center;
}
.footer-column {float:left;margin:30px 0 0 0px;padding:0 20px;border-right:solid #ccc 1px;color:#034462;}
.footer-column li {list-style:none;font-size:1em;}
.footer-column li a {color:#990000;}
.footer-column li a:hover {color:#000;}
.footer-links {margin-top:10px;}
* + html #footer {margin:80px 0 0 35px;}
* html #footer {margin: 0 0 20px 35px;}
/* Added on 11/13/2010 for category, search result and search by manufacturer pages */
.DropDown
{
	height: 18px;
	font-family: Arial;
	font-size: 8pt;
}

