/* General */
body {
	background-image: url(/images/background.jpg);
	color: #fff;
	font-size: 12px;
	font: 11px "Lucida Grande", Arial, sans-serif;
	margin: 0;
	padding: 15px 0 15px 0;
}

#top_nav a:link,
#top_nav a:visited,
#top_nav a:active,
#footer_links a:link,
#footer_links a:active,
#footer_links a:visited {
  color: #dbd4c7;
}

#top_nav a:hover,
#footer_links a:hover {
  color: #fff;
}

a:link, a:visited, a:active {
	color: #9E0B0F;
	text-decoration: none;
}

a:hover {
	color: #5A4A42;
}

a img {
	border: none;
}

h1, h2, h3 {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0 0 0 0;
}

.clear {
	clear: both;
}

.datetime {
	color: #acacac;
}

.go_button {
	width: 20px !important;
	height: 20px;
	float: none;
}

.submit {
	background: transparent url(/images/submit.png) no-repeat center center;
	color: #fff;
	margin-top: 10px;
	margin-left: -4px;
	width: 165px;
	height: 25px;
	border: 0;
}

a.edit_button:hover {
	color: #fff !important;
}

a.edit_button {
	background: transparent url(/images/submit.png) no-repeat center center;
	color: #fff;
	padding-left: 12px;
	padding-top: 5px;
	width: 153px;
	margin-left: -5px;
	height: 20px;
	border: 0;
	display: block;
}

label {
	width: 130px;
	text-align: right;
	display: block;
	float: left;
	margin-right: 10px;
}

form br {
	clear: both;
}

button {
	border: none; 
	background: transparent;
}

input, select {
	margin-bottom: 7px;
}

.note {
	font-size: 10px;
	font-style: italic;
}

table.checkout {
	width: 100%;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbd4c7;
	margin-bottom: 10px;
	font-size: 12px;
}

table.checkout input{
	width: 25px;
}

#payment-methods label {
	display: block;
	float: left;
	margin-right: 20px;
	height: 15px;
	text-align: left;
}

#payment-methods label input {
	display: inline;
	width: 16px;
	height: 16px;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 965px;
	height: 100%;
	background: transparent url(/images/cog-logo.png) no-repeat bottom right;
}

/* Header */
#wrapper header {
	width: 965px !important;
	display: block;
	height: 165px;
}

#wrapper header nav {
	margin: 0 0 0 0;
	width: 100%;
	height: 43px;
	font-size: 11px;
	display: inline;
}

#top_nav {
	background: transparent url(/images/top-nav.png) no-repeat center center;
	width: 472px;
	height: 16px;
	float: right;
	margin: 3px 41px 0 0;
	padding: 7px 5px 5px 5px;
}

#top_nav a {
	margin-left: 3px;
	margin-right: 3px;
}

#top_nav form {
	float: right;
	clear: both;
	margin-top: -2px;
	width: 120px;
	height: 16px;
}

#search, input, textarea {
	background-color: #dbd4c7;
	color: #9a8f84;
	width: 164px;
	height: 16px;
	border: none;
	padding-left: 5px;
	padding-right: 5px;
}

#search {
	color: #5A4A42;
	width: 75px;
	position: relative;
	left: 10px;
}

input::-webkit-input-placeholder {
	color: #5A4A42;
}

input, textarea {
	background-color: #fff;
	border: 1px solid #dbd4c7;
}

textarea {
	width: 320px;
	height: 200px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 5px;
}

#search_submit, .go_button {
	background: transparent url(/images/go.png) no-repeat center center !important;
	width: 20px !important;
	height: 20px;
	float: right;
	border: none;
	margin-top: -1px;
}

#shopping_cart {
	text-align: left;
	display: block;
	float: right;
	clear: both;
	margin: -22px 42px 0 0;
	background: transparent url(/images/cart-back.png) no-repeat center center;
	color: #5a4a42;
	width: 250px;
	height: 26px;
	padding: 15px 0 0 50px;
	cursor: pointer;
	z-index: 100;
	position: relative;
}

.toggle_cart:visited, .toggle_cart:link, .toggle_cart:active, .toggle_cart:hover {
	color: #5a4a42;
	display: block;
	width: 270px;
	height: 15px;
	padding: 5px 0 0 30px;
	margin: -5px 0 0 -45px;
}

#shopping_cart .contents {
	display: none;
	width: 280px;
	height: auto;
	top: 5px;
	left: -50px;
	z-index: 100;
	position: relative;
	padding: 10px 10px 10px 10px;
	background-color: #dbd4c7;
	cursor: default;
	text-align: right;
}

#shopping_cart .contents a:link,
#shopping_cart .contents a:active,
#shopping_cart .contents a:visited {
	color: #5a4a42 !important;
	margin-right: 20px;
}

#shopping_cart .contents a:hover {
	color: #9e0b0f !important;
	margin-right: 20px;
}

#shopping_cart table {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}

tr.total {
	font-weight: bold;
	color: #9e0b0f;
}

#shopping_cart .contents.bottom {
	top: -10px;
	position: relative;
	z-index: 100;
	height: 22px;
	padding-bottom: 0;
	background: transparent url(/images/cart-bottom.png) no-repeat center bottom !important;
}

ul#main_nav {
	padding: 0 0 0 0;
	list-style: none;
	margin: 20px 0 0 4px;
	font-size: 16px;
	z-index: 80;
}

ul#main_nav li.menu {
	text-align: center;
	display: block;
	float: left;
	width: 146px;
	height: 47px;
	margin-right: 8px;
	z-index: 80;
	position: relative;
}

ul#main_nav li.menu a {
	color: #fff;
	font-size: 11px;
}

.menu.active a {
	color: #9e0b0f !important;
}

#shoes.menu {
	background: transparent url(/images/shoes-nav.png) no-repeat center top;
}

.en #shoes.menu {
	background: transparent url(/images/shoes-nav-en.png) no-repeat center top;
}

#shoes.menu.selected {
	background-image: url(/images/shoes-nav-selected.png);
}

#shoes.menu.active {
	background-image: url(/images/shoes-nav-active.png) !important;
}

.en #shoes.menu.active {
	background-image: url(/images/shoes-nav-en-active.png) !important;
}

.en #shoes.menu.selected {
	background-image: url(/images/shoes-nav-en-selected.png);
}

#clothes.menu {
	background: transparent url(/images/clothes-nav.png) no-repeat center top;
}

.en #clothes.menu {
	background: transparent url(/images/clothes-nav-en.png) no-repeat center top;
}

#clothes.menu.selected {
	background-image: url(/images/clothes-nav-selected.png);
}

.en #clothes.menu.selected {
	background-image: url(/images/clothes-nav-en-selected.png);
}

#clothes.menu.active {
	background-image: url(/images/clothes-nav-active.png) !important;
}

.en #clothes.menu.active {
	background-image: url(/images/clothes-nav-en-active.png) !important;
}

#accessories.menu {
	background: transparent url(/images/accessories-nav.png) no-repeat center top;
}

.en #accessories.menu {
	background: transparent url(/images/accessories-nav-en.png) no-repeat center top;
}

#accessories.menu.selected {
	background-image: url(/images/accessories-nav-selected.png);
}

.en #accessories.menu.selected {
	background-image: url(/images/accessories-nav-en-selected.png);
}

#accessories.menu.active {
	background-image: url(/images/accessories-nav-active.png) !important;
}

.en #accessories.menu.active {
	background-image: url(/images/accessories-nav-en-active.png) !important;
}

#skate.menu {
	background: transparent url(/images/skate-nav.png) no-repeat center top;
}

.en #skate.menu {
	background: transparent url(/images/skate-nav-en.png) no-repeat center top;
}

#skate.menu.active {
	background-image: url(/images/skate-nav-active.png) !important;
}

.en #skate.menu.active {
	background-image: url(/images/skate-nav-en-active.png) !important;
}

#skate.menu.selected {
	background-image: url(/images/skate-nav-selected.png);
}

.en #skate.menu.selected {
	background-image: url(/images/skate-nav-en-selected.png);
}

#snow.menu {
	background: transparent url(/images/snow-nav.png) no-repeat center top;
}

.en #snow.menu {
	background: transparent url(/images/snow-nav-en.png) no-repeat center top;
}

#snow.menu.selected {
	background-image: url(/images/snow-nav-selected.png);
}

.en #snow.menu.selected {
	background-image: url(/images/snow-nav-en-selected.png);
}

#snow.menu.active {
	background-image: url(/images/snow-nav-active.png) !important;
}

.en #snow.menu.active {
	background-image: url(/images/snow-nav-en-active.png) !important;
}

#discounts.menu {
	background: transparent url(/images/discount-nav.png) no-repeat center top;
	width: 75px !important;
	margin-right: 2px !important;
}
#discounts.menu.selected {
	background-image: url(/images/discount-nav-selected.png);
}
#discounts.menu.active {
	background-image: url(/images/discount-nav-selected.png) !important;
}

#new_products.menu {
	background: transparent url(/images/new-nav-bg.png) no-repeat center top;
	width: 76px !important;
	margin-right: 0px !important;
}
.en #new_products.menu {
  background: transparent url(/images/new-nav-en.png) no-repeat center top;
}
#new_products.menu.selected {
	background-image: url(/images/new-nav-bg-selected.png);
}
#new_products.menu.active {
	background-image: url(/images/new-nav-bg-selected.png) !important;
}
.en #new_products.menu.selected {
	background-image: url(/images/new-nav-en-selected.png);
}
.en #new_products.menu.active {
	background-image: url(/images/new-nav-en-selected.png) !important;
}

.en #new_products.menu {
	background: transparent url(/images/new-nav-en.png) no-repeat center top;
}
.en #new_products.menu.selected {
	background-image: url(/images/new-nav-en-selected.png);
}
.en #new_products.menu.active {
	background-image: url(/images/new-nav-en-selected.png) !important;
}


.dropdown {
	width: auto;
	height: auto;
	padding: 5px 10px 5px 10px;
	background: #dbd4c7 url(/images/menu-bottom.png) no-repeat center bottom;
	z-index: 100;
	top: 10px;
	text-align: left;
	color: #5a4a42;
}

.dropdown tr {
  height: 12px !important;
}

#snow .menu_item {
	left: -274px !important;
}

.menu_item {
	top: 0px;
	display: none;
	width: auto;
	position: relative;
	font-size: 10px;
}

table.menu_item td {
	vertical-align: top;
	padding-right: 10px;
}

table.menu_item td ul {
	width: 111px;
}

.hidden_nav {
	display: block;
	width: 146px;
	height: 47px;
}

.menu .top {
	background: url(/images/menu-top.png) no-repeat top center;
	height: 9px;
	top: 0px;
	position: relative;
	z-index: 100;
}

.menu .top.align_left {
	background: url(/images/menu-top-left.png) no-repeat bottom center;	
}

.menu .bottom {
	background: url(/images/menu-bottom.png) no-repeat bottom center;	
	height: 10px;
	top: 0px;
	padding-bottom: 10px;
	text-align: right;
	padding-right: 10px;
	width: 600px;
}

.menu .bottom a {
	padding-right: 8px;
	background: url(/images/arrow.gif) no-repeat center right;
}

.dropdown div.cat {
	float: left;
	padding: 0 0 0 0;	
	text-align: left;
	width: 120px;
	margin-right: 35px;
}

.dropdown ul {
	padding: 0 0 0 0;
	text-align: left;
}

.dropdown div.cat.last {
	margin-right: 0;
	clear: right;
}

.dropdown ul li {
	list-style: none;
	padding: 7px 0 0 0 !important;
	background-image: none !important;
}

.dropdown ul li.heading, td.heading {
	border-bottom: 4px solid #c7bfb3;
	padding: 0 0 5px 0 !important;
	font-weight: bold;
}

.menu_item a, .menu_item a:link, .menu_item a:visited {
	color: #5a4a42 !important;
}

.menu_item a:hover {	
	color: #9e0b0f !important;
}

/* Promotions */

#image_pad {
	position: absolute;
	z-index: -10;
	padding: 0 0 0 0 !important;
	top: 0;
	left: 0;
}

#promos img {
	padding-top: 9px;
	padding-left: 9px;
}

#promos {
	position: relative;
	top: -5px;
	clear: both;
	padding-bottom: 30px;
}

.promo {
	float: left;
	display: none;
}

.promo.active {
	display: block;
}

#promo_controls {
	padding-left: 0;
	float: right;
	clear: both;
	margin-right: 45px;
	margin-top: -47px;
	padding-bottom: 10px;
	position: relative;
	z-index: 100;
	top: 2px;
}

#promo_controls li {
	list-style: none;
	width: 36px;
	height: 29px;
	text-align: center;
	padding-top: 13px;
	background: transparent url(/images/promo-button.png) no-repeat center center;
	float: left;
	font-size: 14px;
	cursor: pointer;
}

li.promo_control a:link,
li.promo_control a:active,
li.promo_control a:visited {
  color: #fff;
}

#promo_controls li.active {
	background-image: url(/images/promo-button-active.png);
}

/* Brands list on homepage */
ul#brands {
	width: 920px;
	margin-left: 4px;
	padding: 0;
	clear: both;
}

ul#brands li {
	display: inline;
	list-style: none;
	width: 70px;
	height: 55px;
	margin: 0 17px 0 0;
}

/* Banners */

#banners {
	margin: 30px 0 30px 3px;
}

#banners .banner {
	width: 256px;
	margin-right: 10px;
}

.top_banner {
	margin-left: 4px;
}

#blog_box {
	width: 300px;
	height: 251px;
	background: transparent url(/images/blog-banner-back.png) no-repeat;
	padding: 0px 0px 5px 0px;
	margin: 0 43px 0 -4px;
	float: right;
	clear: both;
}

#blog_box p {
	padding-right: 30px;
	height: 110px;
	overflow: hidden;
	font-size: 10px;
	line-height: 14px;
}

#blog_box h1 {
	color: #f26522;
	font-size: 15px;
	margin-top: 0px;
}

#blog_box h2 {
	font-size: 13px;
}

#blog_box h1, #blog_box h2 {
	line-height: 18px;
	padding-right: 30px;
	margin-bottom: 18px;
}

#blog_box article {
	background: transparent url(/images/rss.png) no-repeat;
	background-position: 10px 10px;
	display: block;
	padding-left: 50px;
	padding-top: 15px;
	height: 210px;
}

#blog_box article header {
	width: 220px !important;
	height: 90px;
}

.button_link {
	background: transparent url(/images/button.png) no-repeat center center;
	width: 145px;
	height: 20px;
	display: block;
	text-align: center;
	padding-top: 6px;
	color: #fff !important;
	float: right;
	clear: right;
	position: relative;
	bottom: -8px;
}

/* Footer */
#wrapper footer {
	width: 920px;
	height: 75px;
	display: block;
	background: transparent url(/images/footer-back.png) no-repeat center top;
	font-size: 9px;
	color: #5a4a42;
	overflow: visible;
	margin-left: 4px;
}

#social_links {
	width: 220px;
	padding-left: 5px;
	display: inline;
}

#footer_links {
	color: #dbd4c7;
	margin-left: 20px;
	margin-right: 20px;
	position: relative;
	top: -10px;
	display: inline;
}

#footer_links a {
	margin: 0 5px;
}

.en #footer_links a {
	margin: 0 2px;
}

#payment {
	width: 220px;
	display: inline;
}

#credits {
	display: block;
	float: right;
	clear: both;
	margin-right: 40px;
	margin-top: 15px;
}

/* static page */

article#page {
	width: 695px;
	display: block;
	float: left;
	margin-bottom: 30px;
	margin-right: 0px;
}

article#page.wide {
	width: 925px;
	margin-top: 10px;
}

article#page h1 {
	color: #9E0B0F;
	margin: 0 0 15px 0;
	padding-top: 10px;
}

article#page header h1 {
	color: #fff;
}

article#page header {
	padding: 25px 25px 25px 25px;
	display: block;
	width: 645px;
	height: 131px;
	background: transparent url(/images/page-header.png) no-repeat center center;
	color: #fff;
}

.breadcrumb {
	color: #ede9e3;
}

article#page header p {
	width: 450px;
}

article#page .top {
	height: 23px;
	width: 100%;
	background: transparent url(/images/article-top.png) no-repeat top;
}

article#page.wide .top {
	height: 13px;
	background: transparent url(/images/article-top-wide.png) no-repeat top;
}

article#page .middle {
	padding: 0 25px 25px 25px;
	background: transparent url(/images/article-middle.png) repeat-y;
	color: #5a4a42;
}

article#page.wide .middle {
	background: transparent url(/images/article-middle-wide.png) repeat-y;
}

article#page.wide .middle .left,
article#page.wide .middle .right {
	width: 50%;
	float: left;	
}

article#page.wide .middle .right {
	clear: right;
}

article#page .middle a:hover {
	color: #9e0b0f;
}

article#page .middle h2 {
	font-size: 13px;
	margin-top: 0;
}

article#page .middle hr, #page_sidebar .middle hr {
	margin: 10px 0 10px 0;
	background-color: #ede9e3;
	border: none;
	height: 10px;
	width: 100%;
}

article#page .bottom {
	height: 23px;
	width: 100%;
	background: transparent url(/images/article-bottom.png) no-repeat bottom;
}

article#page.wide .bottom {
	height: 13px;
	width: 926px;
	background: transparent url(/images/article-bottom-wide.png) no-repeat bottom right;
}

#page_sidebar {
	width: 231px;
	min-height: 250xp;
	display: block;
	position: fixed;
	margin-left: 695px;
	top: 176px;
}

#page_sidebar .top {
	height: 16px;
	width: 100%;
	background: transparent url(/images/page-sidebar-top.png) no-repeat top;
}

#page_sidebar .middle {
	padding: 0 25px 10px 25px;
	background: transparent url(/images/page-sidebar-middle.png) repeat-y;
}

#page_sidebar .middle a:link, #page_sidebar .middle a:visited {
	color: #5a4a42;
}

#page_sidebar .middle a:hover {
	color: #9e0b0f;
}

#page_sidebar .middle h2 {
	font-size: 12px;
	color: #9e0b0f;
	margin-top: 0;
}

#page_sidebar .middle ul.headings {
	padding: 0;
}

#page_sidebar .middle ul.headings li, article ul li, .bullets li {
	padding-left: 13px;
	margin-bottom: 8px;
	background: url(/images/bullet.gif) no-repeat left;
	list-style: none;
}

#page_sidebar .bottom {
	height: 16px;
	width: 100%;
	background: transparent url(/images/page-sidebar-bottom.png) no-repeat bottom;
}

/* product page */

/* recommended pane */

#recommended {
	width: 928px;
	height: 385px;
	margin-top: 70px;
	margin-bottom: 50px;
	color: #5a4a42;
	font-size: 13px;
	line-height: 18px;
}

#recommended .top {
	background: transparent url(/images/recommended-background-top.png) no-repeat;
	height: 45px;
	width: 928px;
	padding: 10px;
}

#recommended .middle {
	background: transparent url(/images/recommended-background-middle.png) repeat-y;
	widows: 928px;
	padding: 10px 13px 0 0;
}

#recommended .bottom {
	background: transparent url(/images/recommended-background-bottom.png) no-repeat;
	height: 15px;
}

#recommended #products {
	width: 100%;
	margin-bottom: 0;
}

#recommended #products td {
	width: 300px !important;
}

#recommended .heading {
	display: block;
	position: relative;
	margin: 0 auto 5px auto;
}

#recommended .heading.align_right {
	display: block;
	position: relative;
	margin: 0 0 5px 0;
}

#recommended a:link, #recommended a:hover {
	color: #9e0b0f;
}

#recommended .product {
	float: left;
	width: 210px;
	height: 180px;
	margin: 0 12px 0 6px;
	position: relative;
}

#recommended .product .product-image {
	position: absolute;
	bottom: 65px;	
}

#recommended .product .info {
	font-weight: bold;
	height: 60px;
	position: absolute; 
	bottom: 0px;
}

#recommended .product .info p {
	width: 280px;
}

#recommended .product.last {
	margin-right: 0px !important;
}

.small {
	color: #9a8f84;
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
}

/* main product pane */

#product_wrapper {
	clear: both;
	width: 928px;
	background: transparent url(/images/product-pane-top.png) no-repeat top;
	margin: 0 0 0 0;
	padding: 16px 0 0 0;
}

#product_wrapper .product {
	background: transparent url(/images/product-pane-background.png) repeat-y;
	padding: 5px 25px 10px 25px;
	width: 928px;
	color: #5a4a42;
}

#product_wrapper .product h1 {
	font-size: 23px;
	color: #9e0b0f;
	margin-bottom: 0;
}

#product_wrapper .bottom {
	background: transparent url(/images/product-pane-bottom.png) no-repeat bottom;
	height: 16px;
	width: 928px;
}

#product_wrapper .product .info {
	float: left;
	width: 310px;
	margin-bottom: 15px;
}

#product_wrapper .product .info header {
	display: block;
	width: 300px !important;
	height: 85px;
	margin: 0 0 25px 0;
}

#product_wrapper .product .info header .logo {
	display: block;
	float: right;
}

#product_wrapper .product .info p {
	clear: both;
	margin-bottom: 25px;
	line-height: 15px;
}

#product_wrapper .product .info .breadcrumbs,
#product_wrapper .product .info .breadcrumbs a:link,
#product_wrapper .product .info .breadcrumbs a:visited {
	color: #9a8f84;
	font-size: 9px;
}

#color_thumbs a:link img, 
#color_thumbs a:visited img {
	border: 1px solid #ded7cb;
	margin-right: 3px;
}

#color_thumbs a:hover img, 
#color_thumbs .selected img{
	border: 1px solid #a51c20 !important;
}

#product_wrapper #social {
	margin-top: 20px;
}

#product_wrapper .product .product_images {
	float: left;
	margin: 0 0 0 35px;
}

#onfocus {
	float: left;
	width: 400px;
}

#product_wrapper #onfocus img {
	position: relative;
	cursor: pointer;
}

#product_wrapper .product ul#product_images {
	padding: 0;
	margin-top: 0;
	display: block;
}

#product_wrapper .product #carousel_wrapper {
  float: right;
  margin-right: 50px;
  width: 125px;
}

#next, #prev {
  display: block;
  float: none;
  cursor: pointer;
}

#product_wrapper .product ul#product_images li {
	margin-bottom: 10px;
	list-style: none;
}

/* price pane */

#price {
	float: left;
	width: 140px;
	height: 65px;
	background: transparent url(/images/price-background.png) no-repeat top;
	color: #9e0b0f;
	margin-right: 4px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding-left: 13px;
	overflow: visible;
}

#price .discount {
	display: block;
	color: #5a4a42;
	font-size: 20px;
	font-weight: normal;
	margin-top: -30px;
	margin-bottom: 5px;
	text-align: center;
	background: transparent url(/images/scratch.png) no-repeat center center;
}

#price .discount span {
	font-size: 12px !important;
	vertical-align: super;
}

#price .main {
	font-size: 40px;
}

#price .cents {
	position: relative;
	top: -18px;
	font-size: 15px;
}

#price .currency {
	font-size: 13px;
	position: relative;
	left: -25px;
}

/* sizes pane */

#sizes {
	float: left;
	width: 381px;
	height: 67px;
	margin-right: 10px;
	margin-top: -2px;
}

#sizes .left {
	float: left;
	background: transparent url(/images/sizes-left.png) no-repeat left;
	width: 13px;
	height: 67px;
}

#sizes .middle {
	float: left;
	background: transparent url(/images/sizes-background.png) repeat-x;
	height: 61px;
	color: #dbd4c7;
	font-size: 11px;
	padding: 3px 0 0 7px;
}

#sizes .middle span.size-label {
	position: relative;
	top: 25px;
}

#sizes .middle ul {
	display: block;
	padding-left: 10px;
	clear: both;
	float: right;
	position: relative;
	clear: both;
	margin: 0;
	margin-top: auto;
	margin-bottom: auto;
	top: 5px;
}

#sizes .middle ul.tworows {
	top: -9px;	
}

#sizes label {
	width: auto !important;
	float: none;
	display: inline;
	margin: 0;
	text-align: center;
}

#sizes .middle ul li {
	display: block;
	float: left;
	color: #fff;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 7px 7px 7px 7px;
	cursor: pointer;
	width: 19px;
	height: 17px;
}

#sizes .middle ul li.long {
	width: 28px;
}

#sizes .middle ul li.short {
	width: 12px;
}

#sizes .middle ul li.selected {
	background: transparent url(/images/beige-bg.gif) no-repeat center center;
	color: #5a4a42;
}

#sizes .middle ul li.selected.long {
	background: transparent url(/images/beige-bg-long.gif) no-repeat center center;
}

#sizes .middle ul li.selected.short {
	background: transparent url(/images/beige-bg-short.gif) no-repeat center center;
}

#sizes .middle ul li input {
	display: none;
}

#sizes .right {
	float: left;
	background: transparent url(/images/sizes-right.png) no-repeat right;
	width: 9px;
	height: 67px;
}

/* add to cart pane */

#add_to_cart {
	float: left;
	width: 360px;
	height: 47px;
	background: transparent url(/images/add-to-cart-background.png) no-repeat;
	margin-top: -2px;
	color: #dbd4c7;
	font-size: 11px;
	padding: 23px 0 0 22px;
}

#add_to_cart .quantity {
	border: none;
	background: transparent url(/images/beige-bg.gif) no-repeat center center;
	width: 26px;
	height: 22px;
	color: #5a4a42;
	text-align: center;
}

#add_to_cart #minus {
	margin-left: 7px;
}

#add_to_cart #minus, #add_to_cart #plus {
	vertical-align: middle;
	cursor: pointer;
}

#add_to_cart .submit {
	width: 182px;
	height: 29px;
	padding-left: 35px;
	padding-bottom: 3px;
	background: transparent url(/images/add-to-cart.png) center center no-repeat;
	color: #fff;
	font-size: 13px;
	border: none;
	display: block;
	float: right;
	position: relative;
	right: 25px;
	top: -3px;
	margin-top: 0;
	margin-left: 0;
}

/* offline page */

#image_header {
	position: relative;
	clear: both;
	margin-bottom: 12px;
}

#image_header .image {
	position: relative;
	left: 9px;
	top: 9px;
	clear: both;
}

.text_pane {
	float: left;
	margin-bottom: 25px;
	width: 310px;
}

.text_pane .heading {
	display: block;
	margin: 0 auto 10px auto;
}

.text_pane .top {
	background: transparent url(/images/text-pane-top.png) top center no-repeat;
	width: 308px;
	height: 12px;
}

.text_pane .middle {
	background: transparent url(/images/text-pane-middle.png) center center repeat-y;
	width: 276px;
	color: #362f2d;
	padding: 5px 16px 10px 16px;
}

.text_pane .middle p {
	margin-top: 1px;
}

.text_pane .bottom {
	background: transparent url(/images/text-pane-bottom.png) no-repeat bottom center;
	width: 308px;
	height: 16px;
}

.text_pane .rider {
	display: block;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
}

.text_pane .riders {
	margin-left: 25px;
}

.text_pane .rider_info {
	width: 400px;
	position: absolute;
	display: none;
}

.text_pane .rider_info h2 {
	display: block;
	width: 375px;
	height: 20px;
	font-size: 13px;
	padding: 5px 0 0 25px;
	margin-bottom: 0;
	color: #9e0b0f;
	background: transparent url(/images/rider-header.png) no-repeat center center;
}

.text_pane .rider_info .info {
	margin: 0 0 0 0;
	color: #dbd4c7;
	background-color: #5a4a42;
	width: 344px;
	padding: 25px 25px 25px 25px;
}

.text_pane .rider_info span.age_spec {
	padding: 0 25px 0 0;
	color: #9a8f84 !important;
	float: right;
	clear: right;
	font-size: 11px !important;
}

.text_pane .rider_info .bottom {
	width: 394px;
	height: 4px;
	padding: 0 0 0 0;
	background: transparent url(/images/rider-bottom.png) no-repeat bottom;
}

/* category */

#category_sidebar {
	width: 220px;
	float: left;
	margin-left: 4px;
}

#category_sidebar .box {
	margin-bottom: 10px;
}

#category_sidebar .box .top{
	background: transparent url(/images/category-side-top.png) top no-repeat;
	width: 220px;
	height: 11px;
}

#category_sidebar .box .middle{
	background: transparent url(/images/category-side-middle.png) center repeat-y;
	width: 180px;
	margin: 0;
	padding: 0 20px 10px 20px;
	font-size: 11px;
	color: #5a4a42;
}

#category_sidebar .box .middle.full_width {
	padding: 0 !important;
	width: 220px;
}

#category_sidebar .box .middle.full_width li {
	padding-left: 20px;
}

#category_sidebar .box .middle ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}

#category_sidebar .box .middle ul li a:link,
#category_sidebar .box .middle ul li a:visited {
	color: #5a4a42;
}

#category_sidebar .box .middle ul li {
	font-size: 15px;
	font-weight: bold;
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #dbd4c7;
}

#category_sidebar .box .middle ul li .selected {
	background: #dbd4c7 url(/images/lr1.gif) center right no-repeat;
	padding: 2px 15px 2px 5px;
}

#category_sidebar .box .middle ul li ul {
	margin-top: 5px;
}

#category_sidebar .box .middle ul li.last {
	border: none !important;
}

#category_sidebar .box .middle ul li ul li {
	font-size: 13px;
	font-weight: normal;
	padding: 5px 0 5px 20px;
	border: none !important;
}

#category_sidebar .box .middle ul li ul li .selected {
	background: #dbd4c7 url(/images/lr2.gif) center right no-repeat;
	padding-top: 1px;
}

#category_sidebar .box .middle ul li ul li ul li{
	font-size: 11px;
	padding: 7px 0 7px 40px;
	border: none !important;
	padding-bottom: 0;
}

#category_sidebar .box .middle ul li ul li ul li .selected {
	background: #9e0b0f url(/images/lr3.gif) center right no-repeat;
	color: #fff !important;
}

#category_sidebar .box .middle .box_heading {
	margin-left: -7px;
}

#category_sidebar .box .middle .product img {
	margin: 0 auto 0 auto;
	padding: 40px 0 40px 0;
	display: block;
}

#category_sidebar .box .bottom{
	background: transparent url(/images/category-side-bottom.png) top no-repeat;
	width: 220px;
	height: 11px;
}

#category_wrapper {
	width: 700px;
	margin: 0 0 30px 8px;
	position: relative;
	float: left;
}

#category {
	width: 700px;
	margin-top: 10px;
}

#category .top {
	background: transparent url(/images/category-top.png) top no-repeat;
	height: 60px;
	width: 656px;
	color: #5a4a42;
	padding: 20px 20px 0 20px;
}

#category .top .logo {
	float: right;
}

#category .top select {
	margin-right: 15px;
	margin-left: 7px;
}

#category .middle {
	background: transparent url(/images/category-middle.png) center repeat-y;
	width: 696px;
}

#category .bottom {
	background: transparent url(/images/category-bottom.png) bottom no-repeat;
	height: 13px;
	width: 696px;
}

.pagination {
	height: 10px;
	display: block;
	text-align: center;
	width: 696px;
	padding: 0px 15px 15px 15px;
	margin: 0;
}

.pagination.upper {
	position: relative;
	top: -20px;
}

.pagination a:link, .pagination a:visited {
	color: #5a4a42;
}

.pagination li {
	display: inline-block;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

.pagination li.selected {
	background: transparent url(/images/pagination-selected.gif) no-repeat center center;
}

.pagination li.selected a {
	color: #dbd4c7;
}

.pagination li img {
	position: relative;
	bottom: 7px;
}

table#products {
	width: 681px;
	margin: 0px 0 10px 8px;
	border-collapse: collapse;
}

table#products td {
	width: 225px;
	height: 270px;
	border: 1px solid #dbd4c7;
	padding: 10px 10px 10px 10px;
	vertical-align: bottom;
}

table#products td.discount {
	background: transparent url(/images/discount-icon.png) 10px 10px no-repeat;
	padding: 30px 10px 10px 10px !important;
}

table#products td.new_product {
  background: transparent url(/images/icons/new.gif) 0 0 no-repeat;
  padding: 30px 10px 10px 10px !important;
}

table#products td a img {
	margin-bottom: 10px;
}

table#products td .info {
	height: 54px;
	width: 206px;
	display: table-cell;
	vertical-align: bottom;
}

span.price {
	font-weight: bold;
	font-size: 11px;
	color: #5a4a42;
}

.name:link, .name:visited {
	color: #9e0b0f;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	width: 99%;
}

span.discount {
	text-decoration: line-through;
	color: #9a8f84;
	font-size: 11px;
}

table#products td img {
	display: block;
	margin: 0 auto 0 auto;
}

#side_banner {
  float: left;
	display: block;
	width: 210px;
	height: 710px;
}

.with_banner {
  width: 1200px !important;
  background-position: 80% bottom !important;
}

.error_box, .info_box {
	position: absolute;
	width: 450px;
	padding: 15px 15px 15px 15px;
	top: 200px;
	z-index: 10000;
	margin: 0 auto 0 auto;
}

.info_box {
	background-color: #fff;
	color: #5a4a42;
	border: 1px solid #dbd4c7;
}

.error_box {
	background-color: #9e0b0f;
	color: #fff;
	border: 1px solid rgb(200,0,0);
}

.validation_error {
	background-color: #ede9e3;
	padding: 5px 5px 5px 5px;
	color: rgb(90, 74, 66);
	border: 1px solid #9a8f84;
	width: 500px;
}

.modal {
	color: #5a4a42;
	display: none;
}

.modal #no {
	float: right;
}

#upload_file_wrap_list {
	width: 300px;
	margin-left: 140px;
}

#barcode_search {
	width: 600px;
}

#barcode_search label, #barcode_search input {
	display: inline;
	float: none;
}

.info_block {
	display: block;
}

.info_label {
	font-weight: bold; 
	text-align: left;
}

.overlay {
	display: none;
	position: absolute;
	cursor: pointer;
}

#colour-filter {
  width: 170px;
}

.remove_filter {
	vertical-align: middle;
}

.bar {
  background-color: #dbd4c7;
  height: 15px;
  display: inline-block;
}

table.orders {
  width: 100%;
}

table.orders th {
  text-align: left;
}

#view_all {
  padding: 10px 0;
  text-align: center;
}
