/* ------------------------------------------------------------------------
	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 #4e4b49 solid;
	}

		#nav>li {
			border-top: 1px #4e4b49 solid;
			height: 38px;
			overflow: hidden;
		}
		
			#nav>li strong {
				font-size: 18px;
				text-transform: uppercase;
			}
			
			#nav>li span {
				font-size: 14px;
				font-weight: bold;
			}

			#nav li a {
				color: #b4b4b4;
				display: block;
				padding: 10px 0 10px 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;
			}

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

	.header {
		background: url(/ot_mobile/backgrounds/small_header_wood.png) top left repeat-x;
		float: left;
		height: 102px;
		margin: 0 0 0 0;
		width: 100%;
	}
	
		.header h1 a {
			background: url(/ot_mobile/small_logo.png) top left no-repeat;
			display: block;
			height: 66px;
			margin: 12px auto 0 auto;
			text-indent: -5000px;
			width: 112px;
		}
		
	.in-viewport,
	.out-of-viewport {
		top: 102px;
	}
	
	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: url(/ot_mobile/backgrounds/tabs_backgrounds.gif) bottom left repeat-x;
		float: left;
		height: 17px;
		list-style: none;
		padding: 5px 0 0 0;
		position: relative;
		top: -19px;
		z-index: 1;
		width: 100%;
	}
	
		#tabs li {
			background: url(/ot_mobile/backgrounds/tabs_middle.gif) bottom left repeat-x;
			display: block;
			float: left;
			text-align: center;
			text-transform: uppercase;
			width: 34%;
		}
		
		#tabs li:first-child {
			background: url(/ot_mobile/backgrounds/tabs_left.gif) bottom left no-repeat;
			width: 33%;
		}
		
		#tabs li:last-child {
			background: url(/ot_mobile/backgrounds/tabs_right.gif) bottom right no-repeat;
			width: 33%;
		}
		
		#tabs li a {
			color: #a19d9d;
			display: block;
			padding: 1px 0 3px 0;
		}
		
		#tabs li.selected a {
			background: #292523;
			color: #fff;
			height: 12px;
			overflow: hidden;
			padding-bottom: 4px;
		}
		
		#tabs li.selected a span {
			border: 1px #7b7977 solid;
			border-bottom: 0;
			display: block;
			padding-top: 1px;
		}
		
		#tabs li:first-child.selected a,
		#tabs li:last-child.selected a {
			margin: 0 9px;
		}
	
	#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;
		}
		
		.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%;
		}
/* ------------------------------------------------------------------------
    Paging
 ------------------------------------------------------------------------- */

  .paging {
      clear: both;
      list-style: none;
  }

      .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; }