/*	ARROGANT CAT CASCADING STYLESHEET	*/

/*=======================================================
	NOTES  
======================================================= 

	colors used
	-----------
	primary gold #e4c58e
	primary gold 2 #ad966b
	more gold #7e6433
	background brown #292626
	highlight red #f11f24
	search grey #cacaca
	background grey #2e2c2c
	bar brown #1f1d1d

*/

/*=======================================================
	PRODUCT OVERVIEW STYLES  
=======================================================*/

html {
	background: url(../images/static/backgrounds/backgroundtile_snakeskin.jpg) repeat center top #2a2727;
}
body {
	background: url(../images/static/backgrounds/effectslayer_snakeskin.jpg) repeat-x center top;
}

#main #btn-apply { 
	background: url(../images/static/buttons/ac-buttons.png) 0px -240px no-repeat;
	cursor: pointer;
	height: 30px;
	margin: 0px 10px 0 10px;
	float: right;
	width: 92px;
}
#main #btn-reset { 
	background: url(../images/static/buttons/ac-buttons.png) -136px -270px no-repeat;
	cursor: pointer;
	display: block;
	float: right;
	height: 30px;
	margin: 0px 10px 0 10px;
	width: 70px;
}

#main a#submitbtn {
	background-color: #fff;
	font-weight: bold;
	height: 19px;
	margin: 0px 10px 0 10px;
	padding: 1px 2px 3px 2px;
}
#main .activated-filters {
	clear: both;
	color: #fff;
	width: 778px;
}
#main .activated-filters dt {
	float: left;
	font-size: 1.2em;
	line-height: 45px;
	padding: 0 5px 0 0;
}
#main .activated-filters dd {
	float: left;
	font-size: 1.2em;
	line-height: 45px;
}
#main .activated-filters a {
	color: #c4a05f;
	text-decoration: none;
}
#main .product-wrapper {
	background: url(../images/static/backgrounds/bg-floor.gif) repeat-y 0 0;
	float: left;
	clear: both;
	width: 778px;
}
#main .product-list li {
	position: relative;
	padding: 0 7px 40px 0;
	width: 187px;
	height: 375px;
	background: url(../images/static/backgrounds/bg-overview.png) no-repeat left top;
	z-index: 50;
} 
#main .product-list li img {
	float: left;
	width: 187px;
}
#main .product-list li h3 {
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 50px;
	text-align: center;
	width: 187px;
}
#main .product-list li label.product-name {
	color: #fff;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6em;
	padding: 0 0 10px 0;
	text-align: center;
	width: 187px;
}
#main .product-list li a.off {
	color: #e4c58d;
	float: left;
	font-size: 1.1em;
	letter-spacing: -0.03em;
	line-height: 1.4em;
	padding: 0 5px 0 22px;
	text-decoration: none;
	text-transform: uppercase;
}
#main .product-list .product-text { 
	float: left;
	width: 158px;
	margin: 0;
	padding: 4px 0 0 12px;
	clear: both;
}
#main .product-list .price { 
	float: left;
	font-size: 1.1em;
	color: #e4c58e;
	padding: 4px 0 0 0;
	width: 75px; 
}
#main .product-list .viewbuy {
	float: right;
	padding: 4px 0 0 0;
	font-size: 1.1em;
}
#main .product-list .viewbuy a {
	color: #e4c58e;
}
#main .product-list .title { 
	float: left;
	font-size: 1.2em;
	color: #dedede; 
	padding: 3px 0 0 0;
	text-decoration: none;
	width: 130px; 
}
#main .product-list li a.product-detail {
	background: url(../images/static/icons/linkicon-eye.jpg) no-repeat left top;
}
#main .product-list li a.product-buy {
	background: url(../images/static/icons/linkicon-paw.jpg) no-repeat left top;
}
#main .pane label {
	border-left: 1px solid #e4c58d;
	cursor: pointer;
	font-size: 1.2em;
	padding: 0 50px 0 12px;
	position: relative;
	z-index: 150;
}
#main .pane label img {
	margin: 0 0 0 5px;
}
#main .pane .label-dropdown {
	background-color: #1f1d1d;
	position: absolute;
	top: 20px;
	left: 0px;
	padding: 5px 12px;
	width: 76px;
	z-index: 100;
}
#main .pane .label-dropdown a {
	color: #e4c58d;
	clear: both;
	float: left;
	line-height: 1.4em;
	padding: 0 50px 0 0;
	text-decoration: none;
}

#main div#products-header { float: left; width: 738px; padding: 15px 20px 10px; margin: 0 0 1px 0; background: #121010; clear: both; }
#main div#products-header h3 { float: left; margin: 0 5px 0 0; padding: 0; color: #ad966b; font-size: 1.2em; line-height: 1.2em; }
#main div#products-header h3 span { color: #fff; font-size: 1em; }
#main div#products-header p { float: left; margin: 0; padding: 1px 0 0 0; color: #898888; font-size: 1.1em; line-height: 1.2em; }
#main div#products-header ins { color: #fff; padding-left: 10px; }
#main div#products-header p#open-filters { float: right; }
#main div#products-header a#show-filters { padding: 0 20px 3px 0; background: url(../images/static/icons/filter.gif) no-repeat right top; color: #898888; height: 20px; line-height: 2em; }
#main div#products-header a#filters-reset { color: #898888; }

div#filters { display: none; float: left; width: 738px; padding: 15px 20px; margin: 0 0 1px 0; background: #1c1a1a; clear: both; }
div#filters p { margin: 0; padding: 0; color: #898888; }
div#filters h4 { font-size: 1.2em; font-weight: bold; border-bottom: #E4C58E 1px solid; padding-bottom: 4px; margin-bottom: 6px; }
div#filters .filter-list-occasions { float: left; width: 175px; }
div#filters .filter-list-sizes { float: left; width: 175px; margin-right: 8px; }
div#filters .filter-list-colours { float: left; width: 370px; margin-right: 8px; }
div#filters li { float: left; width: 123px }
div#filters li label {
 	line-height: 21px;
}
div#filters li label input {
	margin: 5px 7px 0 0;
	float: left;
	display: inline;
}
div#filters .filter-buttons {
	float: left;
	clear: both;
	text-align: right;
	width: 738px;
}

#main div.paging { float: left; width: 750px; height: 75px; padding: 20px 20px 0; margin: 0; background: url(../images/static/paging_bg.png) no-repeat top right; text-align: right; clear: both; font-size: 1.2em; }
#main div.paging a { color: #898888; margin: 0 0 0 4px; padding: 0; vertical-align: middle; }
#main div.paging b { color: #898888; margin: 0 0 0 4px; padding: 0; vertical-align: middle; }
#main div.paging img { vertical-align: middle; }

#main .product-list li .panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 187px;
	height: 330px;
	background: url(../images/static/backgrounds/ac-qb-background.png) 0 0 no-repeat;
	z-index: 250;
}
#main .product-list li .panel {
	display: none;
}
#main .product-list li .panel .close {
	float: right;
	background: url(../images/static/icons/close.gif) 0 4px no-repeat;
	width: 18px;
	height: 18px;
	padding: 4px 0 0 4px;
	cursor: pointer;
	z-index: 350;
}
#main .product-list li .panel span {
	display: inline;
	float: left;
	height: 35px;
}
#main .product-list li .panel .grey {
	clear: both;
	width: 171px;
	margin: 0 8px;
	line-height: 3em;
	color: #848383;
	font-size: 1.2em;
}
#main .product-list li .panel .label {
	margin: 0 8px;
	line-height: 3em;
	color: #ad966b;
	font-size: 1.4em;
	font-weight: bold;
	height: 40px;
}
#main .product-list li .panel .sizes {
	clear: both;
	width: 171px;
	margin: 0 8px;
}
#main .product-list li .panel .sizes label {
	float: left;
	clear: both;
}
#main .product-list li .panel .subtotal {
	display: inline;
	float: left;
	clear: both;
	width: 171px;
	margin: 20px 8px 0;
	line-height: 3.5em;
	border-top: 2px solid #ad966b;
	border-bottom: 2px solid #ad966b;
}
#main .product-list li .panel .subtotal span {
	color: #ad966b;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}
#main .product-list li .panel .subtotal span.text {
	float: left;
}
#main .product-list li .panel .subtotal span.total {
	float: right;
}
#main product-list li .panel .sizes label {
	float: left;
	display: block;
	padding: 2px 0 3px;
	width: 114px;
}
#main product-list li .panel .sizes input {
	float: left;
	margin: 0 5px 0 0;
}
#main .prodqty a
	{ float: left; width: 30px; height: 30px }
#main .prodqty a.qtyadd
	{ background: url(../images/static/icons/ac-icons.png) no-repeat 4px 0; display: none  }
#main .prodqty a.qtysub
	{ background: url(../images/static/icons/ac-icons.png) no-repeat -32px 0; display: none  }	
#main .prodqty input {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	float: left;
	text-align: center;
	width: 15px;
}
#main .product-list li .panel .btn-addtobag {
	float: right;
	background: url(../images/static/buttons/ac-buttons.png) 0px -180px no-repeat;
	cursor: pointer;
	height: 30px;
	margin: 20px 4px 0 0;
	width: 85px;
}
#main p {
	padding-left: 15px;
	color: #fff;
	font-size: 1.2em;
}
#main #accessories-list li {
	background-position: left bottom;height:186px;margin-bottom:60px;
}
#main #product-list li img {
	height: 324px;
}