/* Misc Setup {{{ */
* {
	margin: 0px;
	padding: 0px;
}

a {
	color: #537b95;
}

a img {
	border: none;
}

a.active {
	font-weight: bold;
	text-decoration: none;
}

.cleaner {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.panel-clearer {
	display: none;
}

body {
	background: white;
	color: #3b3d3a;
	margin: 0px;
	padding: 0px;
}

body, td, input, textarea, select {
	font: normal 14px/1.6 "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}

.missing {
	background: pink;
}
/*}}}*/

/* Layout {{{ */
#container {
	text-align: center;
	background: url(/images/tab-bar.png) repeat-x 0px 88px;
}

#header,
#body,
#footer {
	width: 952px;
	margin: 0px auto;
	text-align: left;
}
/*}}}*/

/* Header {{{ */
#header {
	height: 208px;
	position: relative;
}

#header h1 {
	margin: 0px;
}

#header #logo {
	position: absolute;
	left: 0px;
	top: 16px;
}

#navigation .tabs {
	position: absolute;
	left: -2px;
	top: 96px;
	height: 32px;
	width: 954px;
	font-size: 15px;
	line-height: 16px;
	padding-left: 2px;
	background: url(/images/tab-background-normal.png) no-repeat -298px 0px;
}

#navigation .tabs li {
	display: inline;
	list-style: none;
}

#navigation .tabs a {
	display: block;
	float: left;
	background: url(/images/tab-background-normal.png) no-repeat 0px 0px;
	padding-left: 8px;
	text-decoration: none;
	color: #0e1f2a;
	text-shadow: #7fa1b6 0px 1px 0px;
}

#navigation .tabs .right a {
	float: right;
	margin-left: -2px;
	padding-left: 10px;
	background: url(/images/tab-background-normal.png) no-repeat -298px 0px;
	font-size: 13px;
}

#navigation .tabs a:hover {
/*	color: #ee3224;*/
}

#navigation .tabs a span {
	display: block;
	padding: 8px 8px 8px 0px;
	background: url(/images/tab-background-normal.png) no-repeat 100% 0px;
}

#navigation .tabs a.active {
	margin-left: -1px;
	color: black;
}

#navigation .tabs a.active,
#navigation .tabs a.active span {
	background-image: url(/images/tab-background-active.png);
}

#navigation .tabs .right a.active {
	margin-left: -1px;
	background: url(/images/tab-background-active.png) no-repeat 0px 0px;
}

#navigation .tabs #tab-contact-us a.active {
	position: relative;
	z-index: 20;
}

#header #quick-search {
	position: absolute;
	left: 0px;
	top: 128px;
	height: 64px;
	width: 952px;
	background: url(/images/header-search-background.png) repeat-x 0px 0px;
	color: #7f7863;
}

#header #quick-search form {
	display: block;
	position: absolute;
	left: 8px;
	top: 16px;
	height: 32px;
	background: url(/images/quick-search-icon.png) no-repeat 4px 50%;
	padding: 0px 0px 0px 32px;
	line-height: 32px;
}

#header #quick-search form * {
	display: inline;
	vertical-align: middle;
}

#header #quick-search form h2 {
	font-size: 16px;
}

#header #quick-search .form-text {
	line-height: 1.4;
	width: 20em;
}

#header #quick-search #cta-shoe-finder img {
	position: absolute;
	right: 4px;
	bottom: 4px;
	display: block;
}

#years-logo {
  position: absolute;
  left: 504px;
  top: 16px;
  width: 56px;
  height: 72px;
  text-indent: -1000em;
  overflow: hidden;
  text-decoration: none;
  background: url(/images/75-years-logo.png) no-repeat 0px 0px;
}

#years-logo:hover {
  background-position: 0px -72px;
}

/*{{{ Mini Cart*/
#header #account-summary {
	position: absolute;
	right: 0px;
	top: 16px;
	height: 80px;
	width: 384px;
	background: url(/images/header-cart-background.png) repeat-x 0px 0px;
	color: #7f7863;
}

#account-summary .cart-contents {
	position: absolute;
	left: 16px;
	top: 12px;
	width: 160px;
	text-align: center;
	line-height: 1.4em;
}

#account-summary .links {
	position: absolute;
	bottom: 8px;
	left: 8px;
	width: 368px;
	text-align: center;
	font-size: 85%;
}

#account-summary a {
	color: #537b95;
}

#account-summary .button-view-cart {
	display: block;
	position: absolute;
	top: 12px;
	right: 12px;
	width: 188px;
	height: 20px;
	padding: 8px 0px;
	background: url(/images/button-mini-cart-view.png) no-repeat 0px 50%;
	color: white;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-indent: 32px;
	border: 1px solid #537b95;
	text-shadow: #537b95 0px 1px 1px;
}
/*}}}*/

#flash p {
	background: #ffc;
	width: 920px;
	margin: 0px auto 16px;
	border: 1px solid #cc9;
	padding: 8px 15px;
}

/*}}}*/

/* Columns {{{ */

#columns {
	clear: both;
	/*padding-top: 16px;*/
	width: 952px;
	/*overflow: hidden;*/
	/*background: url(../images/grid.png);*/
}

#body .left-only,
#body .three-columns {
	background: url(../images/column-184-blue.png) repeat-y 0px 0px;
}

#body .right-only,
#body .three-columns #main-and-right {
	background: url(../images/column-216-blue.png) repeat-y 100% 0px;
}

#body .left-only #main,
#body .three-columns #main-and-right {
	float: right;
	width: 100%;
	margin-left: -200px;
}

#body .left-only #main-inner,
#body .three-columns #main-and-right-inner {
	margin-left: 200px;
}

#body .right-only #main,
#body .three-columns #main {
	float: left;
	width: 100%;
	margin-right: -232px;
}

#body .right-only #main-inner,
#body .three-columns #main-inner {
	margin-right: 232px;
}

#left-column {
	float: left;
	width: 184px;
	background: url(../images/column-184-blue.png) repeat-y 0px 0px;
}

#right-column {
	float: right;
	width: 216px;
	background: url(../images/column-216-blue.png) repeat-y 100% 0px;
}

#body .one-column #left-column {
	float: left;
	width: 100%;
	margin-right: -484px;
	background: none;
}

#body .one-column #left-column-inner {
	margin-right: 484px;
}

#body .one-column #right-column {
	float: right;
	width: 468px;
	background: none;
}

#left-column-inner,
#right-column-inner,
#main-inner {
	/*overflow: hidden;*/
}

#left-column-inner,
#right-column-inner {
	padding-bottom: 16px;
}

#main-inner {
	/*margin-top: -16px;*/
	/*background: url(../images/grid.png);*/
}

/*}}}*/

/* Left Sidebar Styles {{{ */

#left-column h2 {
	line-height: 16px;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	height: 24px;
	padding: 4px 0px 4px 4px;
	color: #537b95;
	background: #dfe7ed url(/images/h2.png) no-repeat -24px 0px;
	text-transform: uppercase;
	margin: 0px;
	font-size: 85%;
	letter-spacing: 0.1em;
}

.collapsible-menu {
	margin-bottom: 1px;
}

.collapsible-menu h3 {
	background: #ecf1f4 url(/images/collapsible-minus.png) no-repeat 4px 6px;
	color: #537b95;
	font-size: 100%;
	font-weight: bold;
	padding: 4px 8px 4px 24px;
	cursor: n-resize;
}

.collapsible-menu .collapsible-contents {
}

.collapsed h3 {
	background-image: url(/images/collapsible-plus.png);
	cursor: s-resize;
}

#left-column ul {
	margin: 0px;
	padding: 0px 0px 16px;
	font-size: 85%;
}

#left-column ul li {
	margin: 0px;
	padding: 0.5ex 0px 0px 24px;
	list-style-type: none;
	display: block;
	background: none;
}

#left-column ul li .expand {
	display: block;
	margin-left: -24px;
	padding-left: 24px;
	background: url(/images/collapsible-minus-small.png) no-repeat 8px 50%;
}

#left-column ul li.collapsed .expand {
	background-image: url(/images/collapsible-plus-small.png);
}

#left-column ul ul {
	font-size: 95%;
}

#left-column ul ul li {
	padding-left: 8px;
}

#left-column ul li a {
	display: block;
	text-decoration: none;
	margin-left: -8px;
	margin-right: 8px;
	padding: 0px 8px;
}

#left-column ul li.active a {
	background: #bfd0da;
	font-weight: bold;
}

#left-column #filters ul {
	margin: 8px;
}

#left-column #filters ul li {
	margin: 0px 0px 8px;
	padding: 0px;
}

#left-column #filters ul li label {
	display: block;
}

#left-column #filters select {
	width: 100%;
	font-size: 100%;
}

#left-column #filters ul li .size-select label,
#left-column #filters ul li .filter-by-department span label {
	display: inline;
}

#left-column #filters ul li .size-select input.sizing-type {
	vertical-align: middle;
}

/*}}}*/

/* Body Styles {{{ */
	
/* Global {{{ */

#main h1 {
	font-size: 250%;
	margin: 0px 8px 0.5ex;
	line-height: 1.2;
	color: black;
}

#main h1 small {
	display: block;
	font-size: 50%;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	color: #7fa1b6;
	font-weight: normal;
	padding-top: 1ex;
	margin-bottom: -1ex;
}	

#main h2 {
	clear: left;
	margin: 16px 0px 8px;
	line-height: 16px;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	height: 24px;
	padding: 4px 8px;
	color: #537b95;
	background: #dfe7ed url(../images/h2.png) no-repeat -24px 0px;
	text-transform: uppercase;
	letter-spacing: 0.25em;
}

#main h2 small {
	letter-spacing: normal;
	text-transform: none;
	font-size: 75%;
	font-style: italic;
}

#main h3 {
	margin: 8px 8px 0px;
}

#main p {
	margin: 0ex 8px 2ex;
}

#main ul {
	margin: 0ex 8px 2ex;
}

#main ul li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 28px;
	background: url(../images/bullet.png) no-repeat 4px 4px;
}

#main ul li.no-bullet {
	background: none;
}

#main ol {
	margin: 0px 8px 2ex 36px;
}

#container .loading {
	padding-left: 20px;
	background: url(../images/ajax-loader.gif) no-repeat 0px 0.5ex;
}

/*}}}*/

/* Blog {{{ */

#main .hentry h2 {
	background: none;
	text-transform: none;
	letter-spacing: normal;
	height: auto;
	line-height: normal;
	font-size: 200%;
	border-bottom: 1px solid #7fa1b6;
	margin-bottom: 8px;
}

#main .hentry h2 a {
	text-decoration: none;
}

#main .hentry .entry-meta {
	font-size: 95%;
	color: #999;
	margin-top: 0px;
}

#main .hentry a.more {
	color: #ee3224;
}

abbr.published {
	border: none;
}

.entry-meta a.journal-topic {
	padding-left: 20px;
	background: url(../images/journal-category.png) no-repeat 0px 50%;
}

.hentry .comment-summary {
	margin: 8px 8px 0px;
	padding-left: 20px;
	background: url(../images/journal-comments.png) no-repeat 0px 50%;
}

.hfeed {
	padding-bottom: 32px;
}

.comment {
	margin: 0px 0px 8px;
	border: 1px solid #ecf1f4;
	padding: 8px;
}

.staff-comment {
	padding: 7px;
	background: #ecf1f4;
	border-color: #537b95;
}

.comment .comment-poster {
	font-size: 125%;
	padding: 0px 8px;
	color: #537b95;
}

#main .comment p {
	margin-top: 1ex;
}

.comment .comment-posted {
	color: #999;
	font-size: 85%;
}

#comment-form #edit-preview {
	background-position: 0px 0px;
	margin-left: 8px;
	margin-top: 8px;
}

/*}}}*/

/* Pagination {{{ */

.page-navigation {
	clear: both;
	background: #ecf1f4;
	position: relative;
	text-align: center;
	/*border-bottom: 1px solid #ecf1f4;*/
	line-height: 2.5;
	height: 2.5em;
	font-size: 12px;
}

.pagination {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px 8px;
	margin: 0px;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #7fa1b6;
	text-decoration: none;
	color: #537b95;
}

.pagination a:hover, div.pagination a:active {
	border: 1px solid #537b95;
	color: #000;
}

.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #537b95;
	font-weight: bold;
	background-color: #7fa1b6;
	color: white;
}

.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #bfd0da;
	color: #bfd0da;
}

.page-navigation .items-per-page {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 4px 8px;
	line-height: 1;
}

.page-navigation .items-per-page select {
	vertical-align: baseline;
	font-size: 12px;
}

/*}}}*/

/* Products {{{ */

.products {
	margin: 16px -16px 0px 0px;
}

.products .product {
	float: left;
	width: 174px;
	height: 230px;
	position: relative;
	margin: 0px 16px 16px 0px;
	text-align: center;
	border: 1px solid #ecf1f4;
	/*background: #ecf1f4;*/
}

.products .product .thumbnail {
	display: table-cell;
	height: 120px;
	width: 174px;
	text-align: center;
	vertical-align: bottom;
	margin-bottom: 8px;
	position: relative;
}

.products .product .thumbnail img {
	margin: 0px auto;
}

.products .product .product-name {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.products .product .product-name:hover {
	text-decoration: underline;
}

#main .products .product p {
	font-size: 85%;
	margin: 0px 8px;
}

#main .products .product .price {
	color: #ee3224;
}

#main .products .product .regular .dollars {
	text-decoration: line-through;
	font-weight: normal;
	color: #999;
}

#main .products .product .regular {
	font-size: 85%;
	color: #999;
}

#main .products .product .dollars {
	font-weight: bold;
}

/*}}}*/

/* Contact Us {{{ */

#contact-us #left-column h2 {
	margin-right: -16px;
}

#contact-us #right-column h2 {
	background-image: none;
}

#google-map iframe {
	border: 1px solid #537b95;
	width: 466px;
	margin-top: 16px;
}

dl.business-hours {
	margin: 0px 8px 0px;
	line-height: 1.5em;
}

dl.business-hours dt {
	display: block;
	width: 6em;
}

dl.business-hours dd {
	margin: -1.5em 0px 0px 7em;
}

/*}}}*/

/* Shoe List {{{ */

.breadcrumbs {
	border-top: 1px solid #537b95;
	padding: 0px 8px;
	font-size: 85%;
}

#body .shoes {
	margin: 16px -16px 0px 0px;
	padding: 0px;
}

#body .shoe {
	float: left;
	width: 176px;
	margin: 0px 12px 8px 0px;
	padding: 0px 0px 8px;
	background: white url(../images/shoe-shadow.png) no-repeat 50% 100%;
	text-align: center;
	font-size: 85%;
	position: relative;
}

#body .shoe-inner {
	display: block;
	border: 1px solid #ccc;
	padding: 6px;
}

#body .shoe .thumbnail {
	display: block;
	height: 108px;
}

#body .shoe .thumbnail img {
	border: 1px solid #666;
}

#body .shoe .title {
	display: block;
	font-weight: bold;
	text-decoration: none;
}

#body .shoe .blurb {
	display: block;
	line-height: 1.5em;
	height: 4.5em;
}

#body .shoe .regular-price {
	display: block;
	line-height: 1.2em;
}

#body .shoe .price {
	font-size: 125%;
	font-weight: bold;
	color: #537b95;
}

#main .shoes .shoe .special {
	color: #ee3224;
}

#body .shoe .more-info {
	display: block;
	line-height: 1.25em;
}

#body .shoe .orthotics-icon {
	position: absolute;
	right: 16px;
	top: 12px;
}

#body .shoe .new-icon {
	position: absolute;
	left: 1px;
	top: 1px;
}

#body .no-results {
	padding: 48px 40px;
	background: #fdf4dd;
	border: 1px solid #7e7353;
}

#body .no-results h1 {
	/*color: #ee3224;*/
}

.department-home {
	padding-left: 316px;
	background: url(/images/department-men.jpg) no-repeat 0px 0px;
	position: relative;
}

#department-women {
	background: url(/images/department-women.jpg) no-repeat 0px 0px;
}

.department-home #styles,
.department-home #lifestyles,
.department-home #brands {
	float: left;
	width: 212px;
}

#you-searched-for ul li {
	margin-left: 0px;
	padding: 4px 8px;
}

/*}}}*/

/* Shoe Details {{{ */

#shoe-details {
	
}

#shoe-details .title {
	margin-bottom: 16px;
	position: relative;
}

#shoe-details .title .continue-shopping {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#shoe-details .description {
	float: left;
	width: 100%;
	margin-right: -256px;
}

#shoe-details .description-inner {
	margin-right: 256px;
}

#shoe-details .description .text {
	float: right;
	width: 100%;
	margin-left: -336px;
}

#shoe-details .description .text-inner {
	margin-left: 336px;
	border-top: 1px solid #537b95;
}

#shoe-details .description .blurb {
	font-size: 125%;
	font-weight: bold;
}

.at-a-glance {
	margin: 0px 0px 2ex;
	padding: 7px 8px 8px;
	background: #7fa1b6;
	color: white;
}

.at-a-glance table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border-top: 1px solid #7fa1b6;
}

.at-a-glance table td,
.at-a-glance table th {
	text-align: left;
	vertical-align: top;
	border-top: 1px dotted white;
}

.at-a-glance .sizes {
	color: #537b95;
}

.at-a-glance .sizes span {
	text-decoration: line-through;
}

.at-a-glance a {
	color: white;
}

.at-a-glance .sizes a span {
	text-decoration: underline;
}

.at-a-glance a.info {
	display: block;
	font-size: 85%;
	color: white;
}

#shoe-details .description .images {
	float: left;
	width: 320px;
	padding-bottom: 32px;
}

#featured-image {
	width: 320px;
	height: 256px;
	background: white;
	position: relative;
	overflow: hidden;
	margin-bottom: 8px;
}

#featured-image .border {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 318px;
	height: 254px;
	border: 1px solid #537b95;
	z-index: 10;
}

#featured-image .caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 320px;
	z-index: 5;
	line-height: 2.0;
	text-indent: 8px;
	background: white;
	opacity: 0.75;
}

#featured-image .zoom img {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 20;
}

#featured-image #shoe-image {
	position: absolute;
	left: 160px;
	top: 120px;
	margin-left: -160px;
	margin-top: -120px;
	z-index: 1;
}

#featured-image .orthotics-icon {
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 11;
}

#other-views {
	height: 80px;
}

#other-views .switch-view,
#available-colours .other-colour {
	float: left;
	width: 64px;
	height: 64px;
	background: white;
	border: 1px solid #537b95;
	margin: 7px;
	text-align: center;
}

#other-views .active,
#available-colours .active {
	border: 8px solid #537b95;
	margin: 0px;
}

#other-shoes {
	clear: both;	
}

#shoe-details .calls-to-action {
	float: right;
	width: 240px;
	background: #fce7a7;
}

#shoe-details .calls-to-action h2 {
	margin: 0px;
	background: #fce7a7;
	color: #7e7353;
	font-size: 100%;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
}

#add-to-cart-form {
	padding: 8px;
	background: #fdf4dd;
}

#add-to-cart-form p {
	margin: 0px 0px 1ex;
}

#add-to-cart-form a.help {
	display: block;
	margin: 1ex 0px 2ex;
	padding: 0px 0px 0px 20px;
	background: url(../images/icon-help.png) no-repeat 0px 50%;
}

#container #add-to-cart-form input.add-to-cart {
	display: block;
	line-height: 16px;
	height: 24px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	color: white;
	cursor: pointer;
	border: none;
	text-shadow: #399600 0px -1px 1px;
	background: url(/images/button-add-to-cart.png) no-repeat 100% 50%;
	padding: 0px 24px 0px 32px;
	text-align: left;
	width: 224px;
}

#add-to-cart-form .regular-price {
	display: block;
	font-size: 115%;
	line-height: normal;
}

#add-to-cart-form .price {
	display: block;
	line-height: normal;
	font-size: 200%;
	font-weight: bold;
	margin: 0px 0px 1ex;
}

#add-to-cart-form .special {
	color: #ee3224;
}

#add-to-cart-form .shoe-size-container {
	position: relative;
}

#shoe-details .calls-to-action ul.tasks {
	margin: 0px;
	padding: 8px;
	border-top: 1px solid white;
}

#shoe-details .calls-to-action ul.tasks li {
	clear: left;
	margin: 0px;
	padding: 1ex 0px;
	border-top: 1px dotted #7e7353;
	background: none;
}

#shoe-details #add-to-favourites {
	border-top: none;
}

#shoe-details .added-to-favourites {
	display: block;
	margin: 0px 0px 1ex;
	padding: 0px 0px 0px 20px;
	background: url(../images/favourites.png) no-repeat 8px 0.5ex;
	font-size: 85%;
	padding-left: 32px;
}

#shoe-details #add-to-favourites-link,
#shoe-details #place-on-hold-link,
#shoe-details #disabled-hold-link {
	float: left;
	width: 192px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	color: white;
	text-shadow: #369900 0px -1px 1px;
	background: url(../images/button-favourites.png) no-repeat 0px 50%;
	text-indent: 32px;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	margin: 0px 4px 8px 0px;
}

/* Holds {{{ */
#hold-form .fieldWithErrors {
	display: inline;
	margin-left: 0px;
	border-left: none;
}

#hold-form h2 {
	text-transform: none !important;
	letter-spacing: normal !important;
}

#shoe-details #place-on-hold {
}

#shoe-details #place-on-hold-link,
#shoe-details #disabled-hold-link {
	background-image: url(/images/button-hold.png);
}

#shoe-details #place-on-hold p {
	font-size: 85%;
	padding-left: 12px;
}

#shoe-details #place-on-hold .placed-on-hold {
	padding-left: 24px;
	background: url(/images/hold.png) no-repeat 0px 0.5ex;
}

/*}}}*/

#other-shoes {
	/*background: url(../images/other-shoes.png) repeat-y 0px 0px;*/
}

#other-shoes #also-viewed,
#other-shoes #recommended {
	float: left;
	width: 376px;
}

#other-shoes #also-viewed {
	width: 560px;
	margin-right: 16px;
}

#other-shoes h3 {
	margin: 0px 0px 8px;
	line-height: 16px;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	padding: 0px 8px;
	color: #537b95;
	background: #dfe7ed/* url(../images/other-shoes.png) repeat-y 0px 0px*/;
}

#other-shoes ul.shoes {
	padding: 0px;
}

/*}}}*/

/* Popup Errors {{{ */
.popup-error {
	position: absolute;
	top: -12px;
	right: 240px;
	background: #fce7a7;
	padding: 8px;
	width: 256px;
	border: 1px solid #7e7353;
	font-size: 0.85;
}

#body .popup-error h1 {
	font-size: 150%;
	margin: 0px;
}

.popup-error .arrow {
	position: absolute;
	top: 8px;
	right: -16px;
	width: 18px;
	height: 21px;
	background: url(/images/popup-arrow-right.png) no-repeat 0px 0px;
}

/*}}}*/

/* Search {{{ */

#new-quick-search {
	background: #fdf4dd;
	padding: 7px;
	border: 1px solid #7e7353;
}

/*}}}*/

/* Brands {{{ */

.brands-list {
	margin-right: -16px;
	padding-left: 128px;
	background: url(../images/icons/department-men.png) no-repeat 0px 0px;
	overflow: auto;
	width: 640px;
	min-height: 128px;
}

#womens-brands {
	background-image: url(../images/icons/department-women.png);
}

.brands-list ul {
	float: left;
	width: 188px;
	margin-right: 16px;
}

#main ul.departments {
	margin-right: -16px;
	width: 768px;
	height: 144px;
}

#main ul.departments li {
	list-style: none;
	float: left;
	margin-right: 16px;
	width: 256px;
	height: 128px;
	padding: 0px;
	background: none;
}

#main ul.departments a {
	display: block;
	border: 1px solid #537b95;
	background: url(../images/icons/department-men.png) no-repeat 0px 50%;
	padding: 48px 0px 48px 128px;
	font-size: 200%;
	font-weight: bold;
	text-decoration: none;
}

#main ul.departments .women a {
	background-image: url(../images/icons/department-women.png);
}

/*}}}*/

/*}}}*/

/* Forms {{{ */

#main ol.form {
	margin: 16px 0px;
	padding: 0px;
}

#facebox ol.form {
	margin: 16px -8px;
}

#main ol.form li,
#facebox ol.form li {
	list-style: none;
	margin: 0px;
	padding: 4px 8px;
}

ol.form li.text label,
ol.form li.captcha label {
	display: block;
}

ol.form li.captcha {
  width: 320px;
}

ol.form li.captcha input.text {
  width: 128px;
}

ol.form li.captcha img {
  float: right;
}

ol.form li input.text,
ol.form li textarea {
	width: 440px;
}

#facebox ol.form li input.text {
	width: 320px;
}

.fieldWithErrors {
	margin-left: -4px;
	border-left: 4px solid #ee3224;
}

.required {
	font-weight: bold;
}

.required .asterisk {
	font-size: 200%;
	line-height: 50%;
	vertical-align: middle;
	font-weight: bold;
	color: #ee3224;
}

#main .errors {
	background: #ffc;
	border: 1px solid #cc9;
	padding: 7px;
	margin: 0px 0px 16px;
	font-size: 85%;
}

#main .errors h2 {
	background: none;
	margin: 0px 8px;
	padding: 0px;
	color: #ee3224;
}

#main .errors ul {
	margin: 0px 0px 8px;
}

#main .errors ul li {
	background: url(/images/bullet-error.png) no-repeat 4px 0px;
}

#container input.button,
#facebox input.button {
	display: block;
	line-height: 12px;
	height: 24px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: white;
	cursor: pointer;
	border: 1px solid #399600;
	background: url(/images/button-go-small.png) no-repeat 100% 50%;
	padding: 0px 32px 0px 8px;
	text-align: center;
	text-decoration: none;
	text-shadow: #399600 0px -1px 1px;
}

.error {
	color: #ee3224;
}

/* Registration {{{ */

#body ol.form li.note {
	margin: 8px 32px 16px 0px;
	padding:8px;
	background: #ffc;
	border: 1px solid #cc9;
}

#register-new,
#register-existing {
	float: left;
	width: 376px;
}

#register-new h2 {
	background-position: -64px 0px;
}

#register-existing h2 {
	background-image: none;
}

#register-new input.text,
#register-existing input.text {
	width: 320px;
}

#register-in-store-customer {
	display: block;
	background: #ecf1f4;
	border: 1px solid #537b95;
}

#register-in-store-customer h3 {
	line-height: normal;
	font-size: 150%;
	color: #ee3224;
	margin: 8px 8px 0.5ex;
}

#register-in-store-customer p {
	margin: 0px 8px 0.5ex;
}

#register-in-store-customer ol.form {
	margin: 0px 0px 8px;
}

#register-in-store-customer input.text {
	width: 240px;
	vertical-align: bottom;
}

#register-in-store-customer input.button {
	display: inline;
	vertical-align: bottom;
}

/*}}}*/

/*}}}*/

/* Cart {{{ */

table.order {
	width: 100%;
	margin: 0px 0px 16px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-top: 1px solid #537b95;
	border-bottom: 1px solid #537b95;
}

table.order th,
table.order td {
	padding: 4px 8px;
	border-bottom: 1px solid #dfe7ed;
	vertical-align: middle;
}

table.order th {
	background: #bfd0da;
	border-bottom: 1px solid #bfd0da;
}

table.order td.thumbnail {
	width: 72px;
	height: 72px;
	vertical-align: middle;
}

table.order td.thumbnail img {
	border: 1px solid #537b95;
}

table.order td.product {
	width: 100%;
}

table.order .product-name {
	font-size: 125%;
	display: block;
	text-decoration: none;
	font-weight: bold;
}

table.order th.price {
	text-align: right;
}

table.order td.price {
	font-size: 125%;
	text-align: right;
}

table.order tfoot th,
table.order tfoot td,
#facebox table.order tfoot th,
#facebox table.order tfoot td {
	border-bottom: 1px solid #537b95;
}

table.order tr.subtotal th {
	background: none;
	font-weight: bold;
}

table.order tr.shipping th,
table.order tr.shipping td,
table.order tr.coupons th,
table.order tr.coupons td {
	background: #fdf4dd;
	font-weight: normal;
	vertical-align: top;
}

#body table.order tr.shipping th h3 {
	font-size: 100%;
	margin: 0px;
}

#body table.order tr.shipping th p {
	margin: 0px;
}

table.order tr.total td.price {
	background: #bfd0da;
	font-weight: bold;
	font-size: 150%;
}

a.cart-delete {
	display: block;
	padding-left: 20px;
	background: url(../images/cart-delete.png) no-repeat 0px 50%;
}

a.continue-shopping {
	float: right;
	display: block;
	line-height: 24px;
	height: 24px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: white;
	cursor: pointer;
	border: 1px solid #537b95;
	background: url(/images/button-blue-small.png) no-repeat 0% 50%;
	padding: 0px 8px 0px 24px;
	text-align: center;
	width: 144px;
	text-decoration: none;
	text-shadow: #537b95 0px -1px 1px;
}

.cart-buttons {
	height: 48px;
}

.cart-buttons a.continue-shopping {
	float: left;
	background: url(/images/button-blue-large.png) no-repeat 0% 50%;
	line-height: 32px;
	height: 32px;
	font-size: 16px;
	width: 180px;
}

.cart-buttons a.checkout {
	float: right;
	display: block;
	vertical-align: middle;
	font-weight: bold;
	color: white;
	cursor: pointer;
	border: 1px solid #399600;
	padding: 0px 24px 0px 8px;
	text-align: center;
	width: 144px;
	text-decoration: none;
	text-shadow: #399600 0px -1px 1px;
	background: url(/images/button-go-large.png) no-repeat 100% 50%;
	line-height: 32px;
	height: 32px;
	font-size: 16px;
	width: 180px;
}

p#availability-note {
	background: #fdf4dd;
	margin: 0px 0px 16px;
	padding: 7px;
	border: 1px solid #7e7353;
	font-size: 85%;
}

/*}}}*/

/* Front page {{{ */

#homepage-panel-top {
	position: relative;
	width: 952px;
	height: 456px;
}

#homepage-panel-top #shoes-for-you {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 624px;
  height: 240px;
  overflow: hidden;
  background: url(/images/right-shoe.png) no-repeat 0px 0px;
}

#homepage-panel-top #shoes-for-you h1 {
  display: none;
}

#homepage-panel-top #shoes-for-you .call-to-action {
  position: absolute;
  top: 64px;
  left: 16px;
  width: 280px;
  height: 160px;
}

#homepage-panel-top #shoes-for-you #cta-online-assistant {
  left: 328px;
}

#homepage-panel-top #shoes-for-you .call-to-action h3 {
  line-height: 16px;
  margin-bottom: 8px;
  color: #537b95;
}

#homepage-panel-top #shoes-for-you .call-to-action p {
  margin: 0px 8px;
}

#homepage-panel-top #shoes-for-you .call-to-action .button {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 278px;
  height: 30px;
  border: 1px solid #399600;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  color: white;
  background: url(/images/homepage-button.png) repeat-x 0px 0px;
  font-size: 115%;
  font-weight: bold;
  text-decoration: none;
  text-shadow: #399600 0px -1px 1px;
}

#homepage-panel-top .main-promotion {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 312px;
  height: 240px;
  overflow: hidden;
}

#homepage-panel-top #promo-register {
  position: absolute;
  left: 0px;
  top: 256px;
  width: 312px;
  height: 184px;
}

#homepage-panel-top #promo-register a,
#homepage-panel-top #promo-register a img {
  display: block;
}

#homepage-featured-products {
  position: absolute;
  right: 0px;
  top: 256px;
  width: 624px;
  height: 200px;
}

#homepage-featured-products #featured-mens,
#homepage-featured-products #featured-womens {
  position: absolute;
  left: 0px;
  top: 32px;
  width: 312px;
}

#homepage-featured-products #featured-womens {
  left: 312px;
}

#homepage-featured-products h2 {
  margin: 0px;
}

#homepage-featured-products .shoe,
#homepage-featured-products .shoe-inner {
  background: none;
  border: none;
  padding: 0px;
  margin: 0px;
  width: 152px;
  text-align: center;
  height: auto;
  overflow: hidden;
  font-size: 11px;
}

#homepage-panel-top #homepage-featured-products .shoe img {
  border: none;
}

#homepage-panel-top #homepage-featured-products .shoe .blurb,
#homepage-panel-top #homepage-featured-products .shoe .regular-price,
#homepage-panel-top #homepage-featured-products .shoe .price,
#homepage-panel-top #homepage-featured-products .shoe .more-info {
  display: none;
}

#homepage-featured-products .department-link {
  clear: left;
  display: block;
  border-top: 1px solid #a9bdca;
  text-align: center;
  margin: 0px 8px 0px 0px;
}

#homepage-featured-products #featured-womens .department-link {
  margin: 0px 0px 0px 8px;
}

#homepage-panel-bottom {
  position: relative;
  min-height: 268px;
  margin-top: 32px;
}

#homepage-panel-bottom h2 {
  margin-top: 0px;
}

#homepage-panel-bottom #homepage-blog-excerpts {
  width: 648px;
}

#homepage-panel-bottom #homepage-blog-excerpts .hentry {
  margin-right: 16px;
}

#homepage-panel-bottom #homepage-blog-excerpts h3 {
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

#homepage-panel-bottom #homepage-blog-excerpts h3 a {
  text-decoration: none;
}

#homepage-panel-bottom #homepage-blog-excerpts .button {
	display: block;
	line-height: 24px;
	height: 24px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: white;
	cursor: pointer;
	border: 1px solid #537b95;
	background: url(/images/button-blue-small.png) no-repeat 100% 50%;
	padding: 0px 8px 0px 24px;
	text-align: center;
	width: 256px;
	text-decoration: none;
	text-shadow: #537b95 0px -1px 1px;
}

#homepage-panel-bottom #homepage-secondary-promotion {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 304px;
}

#homepage-panel-bottom #homepage-secondary-promotion h2 {
  margin-top: 0px;
  background: #dfe7ed;
  font-size: 100%;
}

/*}}}*/

/* Footer {{{ */
#footer {
	clear: both;
	color: #7fa1b6;
	padding-bottom: 40px;
	position: relative;
	margin-top: 16px;
	padding-bottom: 120px;
}

#footer h3 {
	margin: 0px 0px 8px;
	line-height: 16px;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	padding: 0px 8px;
	color: #537b95;
	background: #dfe7ed;
	text-transform: uppercase;
	letter-spacing: 0.25em;
}

#footer ul {
	margin: 0px 0px 2ex;
	padding: 0px 0px 0px 24px;
}

#footer ul.secondary {
	font-size: 85%;
}

#footer li {
	display: list-item;
	background: none;
	list-style: square outside;
	margin: 0px;
	padding: 0px;
}

#footer #brands-list {
	position: absolute;
	left: 200px;
	top: 0px;
	width: 752px;
}

#footer #brands-list .featured-brands {
	float: left;
	width: 320px;
	height: 150px;
	position: relative;
}

#footer #brands-list .featured-brands img {
	position: absolute;
}

#footer #brands-list .featured-brands #logo-rockport { left: 8px; top: 0px; }
#footer #brands-list .featured-brands #logo-ecco { left: 160px; top: 0px; }
#footer #brands-list .featured-brands #logo-florsheim { left: 8px; top: 120px; }
#footer #brands-list .featured-brands #logo-josef-seibel { left: 160px; top: 88px; }

#footer #brands-list ul {
	float: left;
	width: 120px;
}

#footer #meta {
	clear: left;
	margin-top: 16px;
	border-top: 1px solid #dfe7ed;
	position: relative;
	font-size: 85%;
	color: #3b3d3a;
	line-height: 1;
}

#footer #meta #orthotics {
	position: absolute;
	top: 40px;
	left: 0px;
	padding: 8px 0px 0px 40px;
	width: 144px;
	height: 40px;
	background: url(/images/orthotics-medium.png) no-repeat 0px 0px;
}

#footer #meta #security {
	position: absolute;
	top: 40px;
	left: 200px;
	padding: 8px 0px 0px 40px;
	width: 368px;
	height: 40px;
	background: url(/images/footer-security.png) no-repeat 0px 0px;
}

#footer #meta #security strong {
	display: block;
	font-size: 150%;
	font-weight: normal;
}

#footer #credit-cards {
	position: absolute;
	right: 0px;
	top: 32px;
}

#footer #copyright-container {
	font-size: 85%;
	padding: 0px 8px;
}

#footer #copyright-container p {
	margin: 0px;
	padding: 0px;
	display: inline;
}

/*}}}*/

/* Sizing Guide {{{ */
#sizing-guide {
	width: 640px;
}

#sizing-guide h1 {
	margin: 0px 8px;
}

#sizing-guide p {
	margin: 0px 8px 1ex;
	width: 400px;
}

#sizing-guide .info-box {
	background: #fce7a7;
	margin: 0px;
	padding: 8px;
	font-size: 85%;
}

#sizing-guide .info-box p {
	margin: 0px;
	padding: 0px 8px 1ex 0px;
	border-right: 1px dotted #7e7353;
}

#sizing-guide .info-box .contact {
	float: right;
	width: 200px;
	border: none;
}

/*}}}*/

/* Why Visit Sucklings? {{{ */

#why-visit-sucklings {
	position: relative;
}

#why-visit-sucklings h1 {
	margin-bottom: 0px;
}

#why-visit-sucklings h3 {
	font-size: 200%;
	font-weight: normal;
	margin: 0px 8px 1ex;
	position: relative;
}

#body #three-reasons {
	margin: 0px;
	padding: 0px;
}

#three-reasons li {
	clear: both;
	list-style: none;
	display: block;
	border-top: 1px solid #dfe7ed;
	position: relative;
}

#three-reasons li .number {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80px;
	height: 128px;
	font-size: 128px;
	line-height: 128px;
	font-weight: bold;
	color: #dfe7ed;
	overflow: hidden;
	text-align: center;
}

#three-reasons li h2 {
	margin-left: 96px;
	padding: 0px;
	background: none;
	font-size: 200%;
	font-weight: normal;
	background: none;
	text-transform: none;
	letter-spacing: normal;
	color: #537b95;
}

#three-reasons li h3 {
	margin-left: 96px;
	font-size: 115%;
	font-weight: bold;
	color: black;
}

#three-reasons li p {
	margin-left: 96px;
	padding: 0px;
}

#why-visit-sucklings .visit-us {
	clear: both;
	background: #fce7a7;
	margin: 0px;
	padding: 8px 8px 8px 0px;
	position: relative;
}

#why-visit-sucklings .visit-us h3 {
	font-size: 150%;
	margin-left: 96px;
	padding: 0px;
}

#why-visit-sucklings .visit-us p {
	margin-left: 96px;
	padding: 0px;
}

#why-visit-sucklings .visit-us .fn {
	display: none;
}

#three-reasons li img.photo {
	float: right;
	margin: 0px 0px 16px 16px;
	border: 2px solid #537b95;
	padding: 8px;
}

/*}}}*/

/* Facebox {{{ */

#facebox h1 {
	font-size: 250%;
	margin: 0px 0px 0.5ex;
	line-height: 1.2;
	color: black;
}

#facebox h2 {
	clear: left;
	margin: 16px 0px 1ex;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #537b95;
	text-transform: uppercase;
	letter-spacing: 0.25em;
}

#facebox h2 small {
	letter-spacing: normal;
	text-transform: none;
	font-size: 75%;
	font-style: italic;
}

#facebox h3 {
	margin: 8px 0px 0px;
}

#facebox p {
	margin: 0ex 0px 2ex;
}

#facebox ul {
	margin: 0ex 0px 2ex;
}

#facebox ul li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 28px;
	background: url(../images/bullet.png) no-repeat 4px 4px;
}

#facebox #privacy-policy {
	width: 600px;
}

/*}}}*/

/* Custom {{{ */

.blue-highlight { background-color: #dfe7ed; margin: -8px 0px 8px; padding: 8px }
.red-highlight { background-color: #fccbb6; margin: -8px 0px 8px; padding: 8px }

#main h2.red {
	background: #ee3224;
	color: white;
}

/*}}}*/

/* Communications preferences {{{ */

* html #preferences-form {
  padding-bottom: 100px;
}

#preferences-form .preference {
  border-bottom: 1px solid #537b95;
  padding-left: 208px;
  margin-bottom: 8px;
  position: relative;
}

#preferences-form .preference h3 {
  font-size: 150%;
  margin: 0px;
}

#preferences-form .preference ul {
  margin-right: 0px;
}

#preferences-form .preference li.radio {
  background: none;
  padding: 0px;
}

#preferences-form .preference li li.radio {
  padding-left: 6px;
}

#preferences-form .preference li li.green {
  border: 1px solid #399600;
  padding: 3px 5px;
  background: #e1efd9 url(/images/heal-the-world.png) no-repeat 100% 50%;
}

#preferences-form .preference li.radio ul {
  margin-left: 20px;
}

#preferences-form ol.form {
  border: 1px solid #537b95;
  background: #ecf1f4;
  padding: 8px 0px 8px;
}

#preferences-form ol.form li {
  clear: left;
}

#preferences-form ol.form label {
  float: left;
  width: 180px;
}

#preferences-form ol.form input,
#preferences-form ol.form small {
  display: block;
  margin-left: 200px;
}

#preferences-form #preferences_code {
  width: 6em;
  font-size: 150%;
}

#preferences-form ul ul li {
  margin-left: 1.5em;
  padding-left: 0px;
  display: list-item;
  list-style-type: square;
  background: none;
}

#main #preferences-form .button {
  float: right;
  width: 240px;
}

#prefs-sale { background: url(/images/prefs-sale.png) no-repeat 8px 8px; }
#prefs-newsletter { background: url(/images/prefs-newsletter.png) no-repeat 8px 8px; }
#prefs-catalogue { background: url(/images/prefs-catalogue.png) no-repeat 8px 0px; }

/*}}}*/