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

	html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
		margin:0;
		padding:0;
		-webkit-text-size-adjust:none;
	}

	body{
		background: #292523;
		color: #b5b5b5;
		font: 11px/1.2 Arial, Verdana, Sans-serif;
		height: 100%;
	}

	ul, li, ol, dl, dd, dt{
		list-style:none;
		padding:0;
		margin:0;
	}

	a { text-decoration:none; }


/* ------------------------------------------------------------------------
	Homepage
------------------------------------------------------------------------- */

	#nav {
		border-bottom: 1px #7d7d7d solid;
	}

		#nav>li {
			background-image: -webkit-gradient(
			    linear,
			    left bottom,
			    left top,
				color-stop(0, rgb(28,25,23)),
			    color-stop(1, rgb(41,37,34))
			);
			border-top: 1px #7d7d7d solid;
			height: 46px;
			overflow: hidden;
		}

			#nav>li strong {
				font-size: 20px;
				text-transform: uppercase;
			}

			#nav>li span {
				font-size: 14px;
				font-weight: bold;
			}

			#nav li a {
				color: #b4b4b4;
				display: block;
				padding: 12px 0 14px 30px;
			}
			#nav li a:hover {
				background: #494544 url(/ot_mobile/backgrounds/hover_arrow.gif) center right no-repeat;
				color: #fff;
			}

			#nav li a.selected {
				background: #494544 url(/ot_mobile/backgrounds/selected_arrow.gif) center right no-repeat;
				color: #fff;
			}

	#news {
		height: 137px;
		left: 0;
		margin-top: -12px;
		position: relative;
		width: 320px;
	}

	#news li {
		height: 137px;
		left: 0;
		position: absolute;
		top: 0;
		width: 320px;
	}

	#news li img {
		left: 0;
		position: absolute;
		top: 0;
		z-index: 0;
	}

	#news li #content {
		bottom: 15px;
		color: #fff;
		font-size: 1.2em;
		left: 30px;
		text-shadow: 0 0 2px #000;
		position: absolute;
		z-index: 1;
	}

	#news h1 {
		text-transform: uppercase;
	}

	#news a:before {
		content:"";
		background-image: -webkit-gradient(
		    linear,
		    left top,
		    left bottom,
			color-stop(0, rgb(41,37,34)),
		    color-stop(0.5, rgba(0,0,0,0))
		);
		height: 137px;
		left: 0;
		position: absolute;
		top: 0;
		width: 320px;
		z-index: 2;
	}

	.stories #tabs { margin-bottom: 0; }

	.stories>article {
		border-bottom: 1px #7d7d7d solid;
		color: #fff;
		font-size: 1.2em;
		padding: 0 15px 15px 15px;
		position: relative;
	}

	.stories>article:last-of-type {
		border: 0;
	}

	.stories>article:first-of-type::before {
		content:"";
		background-image: -webkit-gradient(
		    linear,
		    left top,
		    left bottom,
			color-stop(0, rgb(41,37,34)),
		    color-stop(0.5, rgba(0,0,0,0))
		);
		height: 137px;
		left: 0;
		position: absolute;
		top: 0;
		width: 320px;
		z-index: 2;
	}

	.stories>article h1 { text-transform: uppercase; }

	.stories>article p { margin: 0 0 5px 0; }

	.stories>article a { color: #f22d2d; }

	.stories>article img {
		margin: 0 0 10px -15px;
	}

/* ------------------------------------------------------------------------
	Inside Page
------------------------------------------------------------------------- */

	#pm_header {
		background: url(/ot_mobile/backgrounds/header_wood.jpg) top left repeat-x;
		height: 83px;
		margin: 0;
		position: relative;
		width: 100%;
		z-index:0;
	}

		#pm_header h1 a {
			background: url(/ot_mobile/backgrounds/small_logo.png) top left no-repeat;
			display: block;
			height: 66px;
			left: 50%;
			margin-left: -56px;
			position: absolute;
			text-indent: -5000px;
			top: 12px;
			width: 112px;
		}

	p.choose {
		clear: both;
		font-size: 1.2em;
		margin: 0 0 10px 30px;
	}

	.footer {
		background: url(/ot_mobile/backgrounds/footer-background.jpg) top left repeat-x;
		bottom: 0;
		color: #b5b5b5;
		font-size: 10px;
		height: 20px;
		position: absolute;
		width: 100%;
	}

		.footer ul {
			float: left;
			margin: 4px 0 0 15px;
		}

		.footer li {
			border-right: 1px #988676 solid;
			display: block;
			float: left;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
		}

		.footer li:last-child {
			border: 0;
		}

		.footer p {
			float: right;
			margin: 4px 15px 0 0;
		}

		.footer a {
			color: #b5b5b5;
		}


/* ------------------------------------------------------------------------
	Tabs
------------------------------------------------------------------------- */

	#tabs {
		background-image: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
			color-stop(0.6, rgb(102,102,102)),
		    color-stop(1, rgb(69,69,69))
		);
		height: 21px;
		list-style: none;
		margin: 0 0 12px 0;
		padding: 5px 0 0 20px;
		width: 100%;
	}

		#tabs li {
			display: block;
			float: left;
		}

		#tabs li a {
			color: #fff;
			display: block;
			font-size: 13px;
			padding: 4px 15px 2px 15px;
			text-shadow: 0 0 2px #000;
			text-align: center;
			text-transform: uppercase;
		}

		#tabs li.selected a {
			background-image: -webkit-gradient(
			    linear,
			    left bottom,
			    left top,
				color-stop(0.6, rgb(41,37,34)),
			    color-stop(1, rgb(75,71,69))
			);
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}

	#tabs_content {
		padding: 0 15px;
	}

		#tabs_content img {
			float: left;
			margin: 0 10px 10px 0;
		}

		#tabs_content .date {
			background: url(/ot_mobile/backgrounds/news_separator.gif) bottom left no-repeat;
			clear: none;
			float: left;
			font-size: 1.0em;
			margin-bottom: 4px;
			padding-bottom: 4px;
			width: 170px;
		}

			body.landscape #tabs_content .date {
				width: 320px;
			}

			#tabs_content .date span {
				color: #fff;
				text-transform: uppercase;
			}

		#tabs_content h2 {
			font-size: 1.4em;
			line-height: 1;
		}

		#tabs_content p {
			clear: left;
			font-size: 1.2em;
			margin-bottom: 15px;
		}

		#tabs_content p a {
			color: #dd4242;
			text-decoration: underline;
		}

		#tabs_content p.more {
			font-size: 0.9em;
			text-transform: uppercase;
		}

/* ------------------------------------------------------------------------
	Product page
------------------------------------------------------------------------- */

	.shoes-list {
		margin: 30px 0 0 30px;
	}

		.shoes-list li {
			clear: both;
			float: left;
			margin: 0 0 10px 0;
			position: relative;
		}

		.shoes-list img {
			float: left;
			margin: 0 10px 10px 0;
		}

		.shoes-list h2 {
			background: url(/ot_mobile/backgrounds/news_separator.gif) bottom left no-repeat;
			color: #fff;
			float: left;
			font-size: 1.4em;
			margin-bottom: 4px;
			padding-bottom: 4px;
			width: 150px;
		}

		.shoes-list p {
			color: #fff;
		}

		.shoes-list a {
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}


/* ------------------------------------------------------------------------
	Shoe details page
------------------------------------------------------------------------- */

	.shoe-details {
		background: url(/ot_mobile/backgrounds/shoe-details-background.jpg) top center no-repeat;
		display: block;
		height: 180px;
		width: 100%;
	}

		.shoe-details img {
            /*
			display: block;
			top: 30px;
            */
			margin: 0 auto;
			position: relative;
		}

	.shoe-details-back,
	.shoe-details-next {
		display: block;
		height: 23px;
		text-indent: -10000px;
		position: absolute;
		top: 23px;
		width: 44px;
		z-index: 10;
	}

	.shoe-details-back {
		background: url(/ot_mobile/backgrounds/b_back.gif) top left no-repeat;
		left: 11px;
	}

	.shoe-details-next {
		background: url(/ot_mobile/backgrounds/b_next.gif) top left no-repeat;
		right: 11px;
	}

	.inside .content {
		padding: 15px 10px;
	}

	.inside .content h2 {
		background: url(/ot_mobile/backgrounds/news_separator.gif) bottom left no-repeat;
		color: #fff;
		float: left;
		font-size: 1.4em;
		margin-bottom: 4px;
		padding-bottom: 4px;
		text-transform: uppercase;
		width: 100%;
	}

	.inside .content p.subtitle {
		color: #959595;
	}

	.inside .content p {
		color: #fff;
		margin: 0 0 10px 0;
	}


/* ------------------------------------------------------------------------
	Stores listing
------------------------------------------------------------------------- */

	.stores-list {
		list-style: none;
		margin: 0 10px 0 10px;
	}

	.stores-list li {
		background: url(/ot_mobile/backgrounds/news_separator.gif) bottom left no-repeat;
		margin: 0 0 15px 0;
		padding: 0 0 3px 0;
	}

	.stores-list li:last-child {
		background: none;
	}

	.stores-list h2 {
		color: #d3d3d3;
		font-size: 14px;
		text-transform: uppercase;
	}

	.stores-list p {
		color: #919191;
		margin: 0 0 15px 0;
	}

	.stores-list .phone {
		color: #fff;
	}

	.stores-list a {
		color: #b34646;
		text-decoration: underline;
	}



/* ------------------------------------------------------------------------
	Fitler list
------------------------------------------------------------------------- */

	.filter-list {
		float: left;
		margin: 30px 0 0 50px;
	}

		.filter-list li {
			border: 0 !important;
			display: block;
			float: left;
			margin: 0 30px 15px 0;
			position: relative;
			width: 100px;
            height: 72px;
		}

		.filter-list p {
			color: #fff;
			font-size: 14px;
			text-transform: none;
		}

		.filter-list img {
			-webkit-box-shadow: 5px 5px 15px #0e0c0c;
		}

		.filter-list a,
		.filter-list a:hover {
			background: none !important;
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

/* ------------------------------------------------------------------------
	Store listing
------------------------------------------------------------------------- */

	.store-list {
		float: left;
		margin: 15px 0 15px 50px;
	}

		.store-list li {
			border: 0 !important;
			display: block;
			float: left;
			margin: 0 30px 15px 0;
			position: relative;
			width: 100px;
		}
		
		#nav .store-list li a {
			font-size: 1.1em;
			padding: 0;
		}
		
		#nav .store-list li a:hover {
			background: none;
		}


/* ------------------------------------------------------------------------
    Paging
 ------------------------------------------------------------------------- */

  .paging {
	clear: both;
	float: left;
	list-style: none;
	margin-bottom: 10px;
  }

      .paging li {
          display: block;
          float: left;
          font-size: 1.2em;
          line-height: 24px;
      }

          .paging li a {
              color: #fff;
              display: block;
              line-height: 24px;
              text-align: center;
              width: 24px;
          }

          .paging li.selected a {
              font-weight: bold;
              border: 1px #7b7977 solid;
          }

      .paging li.prev a {
          background: url(/ot_mobile/backgrounds/paging-arrows.gif) center 8px no-repeat;
          display: block;
          height: 24px;
          text-indent: -10000px;
          width: 24px;
      }

      .paging li.next a {
          background: url(/ot_mobile/backgrounds/paging-arrows.gif) center -13px no-repeat;
          display: block;
          height: 24px;
          text-indent: -10000px;
          width: 24px;
      }
.clear,#content { clear: both; }
.clearfix:after,#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html > body .clearfix { display: inline-block;  width: 100%;  }
.hidden { display: none; }