@linkColor:       #444444;
@baseFontSize:    13px;
@topMenuSpacing:  25px;

body {
	
		
			background-color: #FFFFFF;
		
	

	
		
			background: url("/res/paint.jpg") no-repeat top center #FFFFFF;
		
	
}

body, td, input, select, p {
	font-family: Arial;
	font-size: @baseFontSize;
	line-height: 19px;
	color: #5C5C5C;
}

h1, h2, h3, h4, h5, h6 {
	color: #888888;
}

a {
	color: #444444;
}

a:hover {
	text-decoration: none;
}

.container {
	max-width: 940px;
}

.span4 {
	max-width: 300px !important;
}


	@media (max-width: 768px) {
		header {
			.subnav {
				float: none !important;

				.nav {
					li.logo {
						a {
							display: inline-block;
						}
						text-align: center;
					}

					li {
						float: none;
						margin-top: 5px;
					}
				}
			}

			.logo {
				text-align: center;
			}
		}

		.hero-unit {
			display: none;
		}

		#mainCarousel {
			display: none;
		}

		.thumbnails [class*="span"] {
			width: 280px;
		}

		.cart-table {
			th.image, td.image {
				display: none;
			}
		}

		.product-images {
			.span3 {
				width: 25%;
				float: left;
			}
		}
	}


.hero-unit {
	

	h1 {
		color: #888888;
	}
}

header {
	padding-top: 50px;

	.subnav {
		margin-top: 0;

		ul {
			li {
				font-size: 14px;
				margin-top: 10px;
				a {
					color: #FFFFFF;
					background: rgba(0, 0, 0, .6);
					padding: 20px 20px;
					margin-right: 10px;
					border-radius: 0;
					text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
				}
				a:hover {
					color: #FFFFFF;
					background: rgba(0, 0, 0, .8);
				}
			}
		}
	}

	.logo {
		margin-top: 25px;
		a {
			color: #333333;
			font-size: 28px;
			font-weight: bold;
			padding: 0;

			span {
				display: inline-block;
				padding: 32px 0;
			}
		}
		a:hover {
			background: none;
		}
		img {
			height: 80px;
			max-width: 200px;
		}
	}
}

.footer {
	margin-top: 30px;
	padding: 30px 0;
	border-top: 1px solid #E5E5E5;
}

ul.thumbnails {
	margin-left: 10px;

	li {
		margin-left: 0;

		div.thumbnail {
			border: 1px solid transparent;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;

			.caption {
				margin-top: 20px;

				span {
					float: right;
					a {
						background: #444444;
						color: #fff;
						padding: 5px 15px;
						border-radius: 3px;
						font-weight: bold;
					}
				}
				h5 {
					overflow: hidden;
					white-space: nowrap;
					font-size: 17px;
					padding-bottom: 10px;
				}
				h6 {
					margin-bottom: 9px;
					font-weight: normal;
					color: #888;
					font-size: 15px;
				}
				p {
					white-space: nowrap;
					overflow: hidden;
				}
			}
		}
	}
}

.cart-table {
	margin-bottom: 20px;

	thead {
		tr {
			th {
				text-align: left;
			}
			th.total {
				text-align: right;
			}
		}
	}

	tbody {
		tr {
			td.image {
				width: 1%;
			}

			td.name {
				span {
					a {
						font-size: 11px;
						color: lighten(@linkColor, 30%);
					}
				}
			}

			td.price {
				width: 1%;
				white-space: nowrap;
			}

			td.quantity {
				width: 1%;
				white-space: nowrap;
				text-align: center;

				input.quantity {
					margin: 0 3px 0 0;
					text-align: center;
					color: #222;
					width: 30px;
				}
			}

			td.total {
				width: 1%;
				text-align: right;
				font-weight: bold;
				white-space: nowrap;
			}
		}
	}

	tfoot {
		td.subtotal {
			text-align: right;

			span {
				font-weight: bold;
			}
		}
	}

	form {
		margin-bottom: 0;
	}
}

.product-information {
	.image {
		img {
			width: 100%;
		}
	}

	p.price {
		color: @linkColor;
		font-size: 1.4em;
	}
}

.product-images {
	.span3 {
		a {
			img {
				width: 99%;
				border: solid 1px transparent;
			}
		}
		a.active {
			img {
				border: solid 1px @linkColor;
			}
		}
	}
}

ul.payment_options {
	margin: 0;
	padding: 0;
	list-style: none;

	li {
		label {
			display: inline;
			padding-left: 5px;
		}
	}
}


	div.thumbnail {
		a.thumbnail {
			border: transparent 1px;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
	}



	




.download-list {
	margin-top: 20px;

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