.navigation-container .group {
	display:inline-block;
	position:absolute;
	right:0;
	top:0;
}

.navigation-container .button,
.navigation-container .drop_down {
	display:inline-block;
	background:url(/common/img/products/gridButtons.png) no-repeat left bottom;
	width:30px;
	height:30px;
	text-indent:-999em;
}
#ToList {
	background-position:right bottom;
}

#ToGrid.active {
	background-position:left top;
}

#ToList.active {
	background-position:right top;
}

#product-grid h1 {
	margin-bottom:40px;
}

.navigation-container {
	position:relative;
}

.navigation {
	margin:0;
	position:relative;
	z-index:100;
	width:225px;
}

.navigation li {
	background:#4B9037;
	border-radius:3px;
	width:225px;
	list-style:none;
	padding:0px 30px 0 0;
}
.navigation li a {
	text-decoration:none !important;
	color:#fff !important;
	font-size:17px;
	display:block;
	padding:9px 15px;
	width:225px;
	background:url(/common/img/products/dropdown-arrow.png) no-repeat 232px center;
}


.navigation ul {
	position:absolute;
	left:0;
	opacity:0;
	display:none;
	margin:0;
	padding-bottom:	5px;
}

.navigation ul li {
	border-radius:0 !important;
	background:#447736;
	color:#fff !important;
	padding:6px 15px;
	font-size:14px;
	cursor:pointer;
}

.navigation ul li.first {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.3);
}

.navigation ul li.last {
	border-bottom-left-radius:3px !important;
	border-bottom-right-radius:3px !important;
	padding-bottom:	15px;
}


/* GRID VIEW STYLES */

#grid.grid {

	margin:20px 0;
}

#grid.grid .list_header,
#grid.grid .meta {
	display:none;
}

#grid.grid .meta.name {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	display:block;
}

#grid.grid .mix {
	display:none;
	opacity:0;
	position:relative;
	width:269px;
	vertical-align:top;
	min-height:300px;
	margin:0 27px 30px;
}

#grid.grid .mix a {
	text-decoration:none;
}

#grid.grid .mix.middle {
	margin:0 80px;
}

#grid.grid .img_wrapper {
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
}

#grid.grid .titles {
	position:relative;
	width:90%;
	max-width:400px;
	height:auto;
	margin-top:75%;
	margin:53.5% auto 0;
	top:-80px;
	z-index:1;
	padding:10px 0;
	background:#fff;
	background:rgba(255,255,255,.8);
	text-align:center;
}

#grid.grid .titles h2 {
	font-weight:700;
	font-size:17px;
	text-transform:uppercase;
	color:#47a497;
	letter-spacing:2px;
	margin-bottom:3px;
}

#grid.grid .titles p {
	font-weight:300;
	text-indent:-2px;
}

/* LIST VIEW STYLES */

#grid.list .list_header {
	height:38px;
	line-height:38px;
	background:#f0ebe5;
	text-align:right;
	color:#59514c;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#grid.list .meta {
	display:inline-block;
	width:205px;
	text-align:center;
	line-height:99px;
	border-left:1px solid #d7d7d7;
	height:100%;
	vertical-align:top;
}

#grid.list .list_header .meta {
	line-height:38px;
	border:0 none;
}

#grid.list .meta.name {
	float:left;
	text-align:left;
	width:auto;
	border-left:0 none;
}

#grid.list .list_header .meta.name {
	padding-left:15px;
}

#grid.list .list_header .meta span {
	position:relative;
	display:inline-block;
	width:24px;
	height:24px;
	margin:7px 0 0;
	cursor:pointer;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#grid.list .list_header .meta span:after {
	content:'';
	position:absolute;
	top:9px;
	left:7px;
	border:5px solid transparent;
}

#grid.list .list_header .meta span.asc:after {
	border-top:7px solid #c3bdb8;
}

#grid.list .list_header .meta span.desc:after {
	top:4px;
	border-bottom:7px solid #c3bdb8;
}

#grid.list .list_header .meta span:hover {
	background:#c3bdb8;
}

#grid.list .list_header .meta span.asc:hover:after {
	border-top-color:#f0ebe5;
}

#grid.list .list_header .meta span.desc:hover:after {
	border-bottom-color:#f0ebe5;
}

#grid.list .list_header .meta span.active.asc:after {
	border-top-color:#e96d51;
}

#grid.list .list_header .meta span.active.desc:after {
	border-bottom-color:#e96d51;
}


#grid.list .mix {
	display:none;
	opacity:0;
	border-bottom:1px solid #eee;
	width:100%;
	padding:40px 0;
}

#grid.list .mix a {
	text-decoration:none;
}

#grid.list .mix .meta * {
	line-height:1;
}

#grid.list .mix .icon {
	float:left;
	margin-right:20px;
}

#grid.list .mix .content {
	width:80%;
	float:left;
}

#grid.list .mix .action-buttons {
	float:right;
	line-height:80px;
}

#grid.list .mix .meta p,
#grid.list .mix .meta ul {
	display:inline-block;
	vertical-align:middle;
	list-style:none;
}

#grid.list .mix .meta li {
	margin-bottom:5px;
}

#grid.list .img_wrapper {
	display:inline-block;
	width:177px;
	height:95px;
	vertical-align:top;
	margin-right:30px;
}

#grid.list .titles {
	display:inline-block;
	vertical-align:middle;
}

#grid.list .titles h2 {
	font-weight:700;
	font-size:17px;
	text-transform:uppercase;
	color:#47a497;
	letter-spacing:2px;
	margin-bottom:3px;
	line-height:1.2 !important;
}

#grid.list .titles p {
	text-indent:-2px;
}