/*
Demo: Despiration Tutorial Parallax Demo
Author: Elias Ghosn - Despiration.com
Author URL: http://www.despiration.com/
Tutorial URL: http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Despiration.com simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.despiration.com/.

Dual licensed under the MIT and GPL licenses:
http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html
*/

@charset "utf-8";
/* CSS Document */
html {
  overflow-y: scroll;
}

body {
	margin: 80px 20px 20px 20px;
	min-width: 980px;
	padding: 0;
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	background-position:center;
	font-size:12px;
}
a {
	text-decoration:none;
	color: #f37022;
}
a.link {
	padding:3px;
	text-decoration:none;
	color: #5b5b5b;
	border:none;
}
a.link:hover {
	border-radius:4px;
	border:3px solid #f37022;
	background:#f37022;
	padding:0px;
	color: #fff;
}

#hoveredG {
	border-radius:4px;
	border:3px solid #98BC24;
	background: #98BC24;
	padding:0px;
	color: #fff;
	text-transform:uppercase;
	font-weight:bold;
	height:18px;
	line-height:18px;
}

#hoveredG-menu {
	border-radius:4px;
	border:3px solid #98BC24;
	background: #98BC24;
	padding:0px;
	color: #fff;
	text-transform:uppercase;
	padding-right:5px;
	padding-left:5px;
}

#hovered {
	border-radius:4px;
	border:3px solid #f37022;
	background:#f37022;
	padding:0px;
	color: #fff;
	text-transform:uppercase;
	font-weight:bold;
	height:18px;
	line-height:18px;
}

#hovered-menu {
	border-radius:4px;
	border:3px solid #f37022;
	background:#f37022;
	padding:0px;
	color: #fff;
	text-transform:uppercase;
	padding-right:5px;
	padding-left:5px;
}
#hovered-light {
	border-radius:4px;
	border:3px solid #f8af8e;
	background:#f8af8e;
	padding:0px;
	color: #fff;
	text-transform:none;
}
a#hovered:hover {
	text-decoration:none;
	color: #5b5b5b;
	border-color:#f8af8e;
	background:#f8af8e;
	color:#fff;
}
a#hovered-menu:hover {
	text-decoration:none;
	color: #5b5b5b;
	border-color:#f8af8e;
	background:#f8af8e;
	color:#fff;
}
.product-code {
	border: 1px solid #ccc;
	border-radius:4px;
	padding:3px;
}
input.field {
	font-size:18px;
	height:30px;
	width:300px;
	border:none;
	background:#fff;
	padding:15px 30px 15px 30px;
	color:#666;
}

.field:hover {
	padding-left:25px;
	border-left:5px #666 solid;
}

.field:focus {
	padding-left:25px;
	border-left:5px #666 solid;
}

#pwd{
	padding:18px 30px 12px 30px;
}

#pwd:hover{
	padding-left:25px;
	border-left:5px #666 solid;
}

#pwd:focus{
	padding-left:25px;
	border-left:5px #666 solid;
}

.button-login{
	height:121px;
	width:121px;
	border:none;
	cursor:pointer;
	background:url(../images/lock.png) center no-repeat #fff;
}

.wrapper {
	margin:0px auto;
	width:604px
}

.msg-container {
	color:#fff;
	padding-bottom:5px;
	height:24px;
	text-align:center;
}

.login-wrapper{
	width:100%;
	min-width:800px;
	height:30px;
	position:absolute;
	top:0;
	left:0;
	padding-top:15px;
	height:30px;
	background:#f37022;
	border-bottom:3px #f8af8e solid;
}

.login-info{
	background:#fff;
	padding:0 10px 0 10px;
	font-size:14px;
	border: 1px solid #ccc;
	border-radius:4px;
	float:left;
}

.table-line{
	line-height:50px;
	margin:2px 2px 2px 2px;
	padding:5px 0 5px 5px;
	background:#f5f5f5;
	border-radius:4px;
	height:50px;
}

.table-line-cart{
	margin:2px 2px 2px 2px;
	padding:7px 5px 5px 5px;
	background:#f5f5f5;
	border-radius:4px;
	text-transform:lowercase;
	overflow:hidden;
}

.add-padding {
	padding:5px 10px !important;
}

#odd{
	background:#eeeded;
}

table {
	width: 100%;
    padding:2px;
    border-collapse: collapse;
    table-layout: auto;
}

table tr {
	min-height: 60px;
}

table th {
	min-height:60px;
	text-transform: uppercase;
	text-align: left;
}

table th.img_column {
	padding-left:20px;
}

table thead tr {
	background-color: #eeeded;
	height:60px;
}

table tbody tr {
	border-bottom:1px solid #eaeaea;
}

table tbody tr:last-child {
	border-bottom:0px;
}

table td.cell_img {
	text-align:left;
	padding-left:10px;
	width:80px;
}

table td.cell_img img {
	height:50px;
	border-radius: 2px;
}

table td.cell_title {
	text-transform: uppercase;
}

.search-form {
	padding:6px;
	margin: 10px 0 10px 10px;
	width:304px;
	border:1px solid #ccc;
}