/*

!!! DO NOT ALTER THIS FILE !!!

Rename style.txt to style.css and add your custom style there.

*/

body {
	background-color: #fff;
	margin: 0;
}

/* === main page elements === */
#header {
	/*padding: 12px;*/
	text-align:center;
}

#crumbs {
	color: #ccc;
	margin-bottom:10px;
	text-align:left; 
}
#crumbs a {
	color: #ccc;
	margin:0 6px;
}
#crumbs a:last-child {	color: #000; }

#sitename {
	font: bold 5em 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
}
#search {
	text-align: center;
	padding: 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#footer {
	color: #aaa;
	padding:10px 0;
	text-align:center;
}
#footer ul { margin:0; }
#footer li { display:inline; margin:0 10px; }
#footer a { color:#888; }

/* override some blueprint stuff */
.container { background: #fff; }

/* === general usage === */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #006838;
}
h1.bar, h2.bar, h3.bar, h4.bar, h5.bar, h6.bar {
	background-color: #ffcc66;
	padding: 2px 4px;
}

div.table { padding-left:30px; }
div.table ul { margin:0; list-style:url('../img/checkbox.gif'); }

/* === a-to-z element === */
.atoz li { overflow: hidden; }

/* === sub-cat columns === */
div.column { float:left; padding-left:12px; }
div.columns .column:first-child { padding-left:0; }


/* === featured products === */
table.thumbs { border-spacing:10px; text-align: center; }
table.thumbs td {
	background-color:#fff;
	border:1px solid #f0f0f0;
	overflow:hidden;
	text-align: center;
	text-overflow:ellipsis;
	vertical-align:top;
}
table.thumbs td:hover { border:1px solid #ffcc66; }

.thumbs .discount { float:left; }
.thumbs .prices { float:right; }
.thumbs .reviews { clear:both; }

span.reviews, span.price, span.name {
	display: block;
}

span.image {
	/*text-align: center;*/
	height:125px; 
	vertical-align:middle; 
	overflow:hidden;
	display: block;
	/*vertical-align:middle;*/
}
span.image img {
	max-height:125px;
}

.thumbs .name { 
	font-weight: bold; 
	overflow:hidden;
	height:25px;
	padding-bottom:4px;
	text-overflow:ellipsis; 
	/*width:140px;*/
	/*max-width:140px;*/
	white-space: nowrap;
}

span.reviews { }
span.price { font-weight: bold; font-size: 120%; color: #e2001a; }

ul.tiny-list { list-style:none; font-size:90%; }
ul.tiny-list li { margin: 0 0 12px -16px; position:relative; display:list-item; }
ul.tiny-list a {  }
ul.tiny-list .name { font-size:90%; font-weight:normal; position:relative; left:40px; margin-right:40px; }
ul.tiny-list .image { width:32px; height:32px; position:absolute; }
ul.tiny-list .price { text-align:right; }

/* === products list === */
.sort { white-space:nowrap; float:right; }
.sort img { vertical-align:text-bottom; }

.products.list td.image { width:100px; }
.products.list td.description {}
.products.list td.price { white-space:nowrap; width:140px; text-align:right; }

/* === product detail === */
.products.view td { vertical-align:top;}
.products.view h2 { margin-top:0; }
.products.view img { max-width:360px; }

/*table.fields { background-color: #FFDD99; margin-bottom:20px; }*/
table.fields th,
table.fields td{ border-bottom: 1px solid #fff; }
table.fields th { text-align:right; width:20%; }

table.stock th, table.stock td { padding:0; }

strike { 
	color: #e2001a;
	background-image: url('../img/strike.gif');
	background-position: center;
	background-repeat: no-repeat;
	font-size:0.75em;
	text-decoration: none;
}

img.merchant { margin-bottom:-10px; }
a.order { 
	background-image: url('../img/red-button.gif');
	background-position: right;
	background-repeat: no-repeat;
	color: #fff;
	padding:2px 40px 2px 20px;
}

/* === paging controller === */
.paging { text-align:center; }
.paging div { display:inline; }
.paging .current,
.paging a { border:1px solid #ddd; padding:0 6px; margin:0 2px; }
.paging .current { background-color:#F2CD91; color:#f00; font-weight:bold; }
.paging a { background-color:#fff; color:#000; }
.paging a:hover { background-color:#F2CD91; }
.paging .disabled { display:none; }


/* === forms === */
div.input label, 
div.custom label { width: 160px; display:inline-block; vertical-align:top; padding:8px 8px 0 0; }
div.custom input.checkbox { 
	margin:8px 80px 0 0;
	vertical-align:top;
	width:20px;
}
div.input input,
div.input select,
div.input textarea { width: 500px; }

.submit {  } 
.help { color:#888; font-weight: normal; }
.required, .required label { font-weight: bold; }

.placeholder { color:#888; }

.buttons { padding-left:168px; }

/* === rss items === */
div.rss h3 { margin-bottom:0; margin-left:92px; }
div.rss table { margin-top:-20px; }
div.rss td { vertical-align:top; }
div.rss a { color: #000; }


/* === search cloud element === */
div.cloud a { display:inline; padding: 0 4px; }


/* === merchant logos element === */
ul.merchant-logos { list-style:none; list-style-position:outside; margin:0; }
ul.merchant-logos li { display:inline;  }


/* === cats menu === */
ul.menu, ul.menu ul { list-style: none; padding: 0; margin: 0;}
ul.menu>li { padding: 0 0 5px 0 }
ul.menu ul { padding-left:5px; }
ul.menu ul a { }
ul.menu li { font-weight: bold; }
ul.menu ul li { font-weight: normal; }

/* === cats and subcats === */
ul.subcatlist { list-style:none; }
ul.subcatlist li { line-height:1.5em; }
.subcatlist li.current { font-weight:bold; }


/* Product filter 
----------------------------------------*/

.product-filter-dropdown {
	background: #fff url('../img/dropdown.png') top left no-repeat;
	display:inline-block;
	margin: 10px 0 0 0;
	padding:3px 4px;
	width:160px;
	height:23px;
}
.product-filter-dropdown a {
	width:128px;
	overflow:hidden;
}
.product-filter-dropdown a:hover {
	text-decoration:none;
}
.product-filter-panel { 
	-moz-box-shadow: 4px 4px 4px #ccc;
	-webkit-box-shadow: 4px 4px 4px #ccc;
	box-shadow: 4px 4px 4px #ccc;
	background-color:#fff;
	border-color:#ddd;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	display:none;
	padding:10px 0; 
	position:absolute;
	z-index:1;
}
.product-filter-cross {
	font-weight:bold;
	font-size:1.2em;
}
.selected { color: #f00; font-weight:bold; }
.selected a { color: #f00; }

#product-filter #reset-filter { 
	background-image: url(../img/cross.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	margin-left: 20px;
	padding-left: 20px;
}

/* cakephp elements 
----------------------------------------*/
.altrow  { background-color: #fff; }

/* actions
----------------------------------------*/
ul.dfm-actions {
	list-style-type: none;
	padding: 12px;
	margin: 0;
}
.dfm-actions.all li { border-top:1px solid #dedede; padding-top:10px; margin-bottom:10px; }
.dfm-actions.all li:first-child { border-top:none; padding-top:0; }
.dfm-actions.all li:last-child { margin-bottom:0; }

/* Override some jQuery-UI widgets stuff
----------------------------------------*/
.ui-widget-header, .ui-widget-content { padding:4px; }
.ui-widget-content { margin-bottom:10px; }
.ui-widget-content a { color:#009; }
.ui-widget-content p { padding:0 10px; }