/* ----------------------------------- SIDEBAR ----------------------------------- */
#sidebar {
	float:left;
	width: 170px;
	clear: left;
}
#sidebar ul {
	margin: 0;
	padding: 0
}
#sidebar p, #sidebar li {
	text-align: center;
	margin: 2px 0px;
	padding: 2px 8px;
	/*background-color: #669999;*/
	/*border: 1px solid #669999;*/
	font-size: 0.9em
}
#sidebar li {
	list-style: none;
	padding: 2px;
	display:block;
	width: 158px; 
	margin: 2px 3px;
	border: 1px solid #669999; 
	background-image: url('/img/button-back.jpg'); 
	background-repeat: repeat-x;
	background-color: #ffffff;
	color: #cccccc; 
	text-transform: capitalize; 
	/*white-space: nowrap;*/
	font-size: 1em
}
#sidebar li a {color:#336633;text-decoration: none;}
#sidebar li a:visited  {color: #669999; TEXT-DECORATION: none;}
#sidebar li a:hover {color: #66cc99; TEXT-DECORATION: underline;}
#sidebar li a:visited:hover{color: #66cc99; TEXT-DECORATION: underline;}
#sidebar li.current {
	background-image: url('/img/sidebar-button-back2.jpg');  
	background-color: #ffffff;
	font-weight: bold
}
#sidebar li li {
	background-color: #ffffff;
	font-size: 0.8em;
	font-weight: normal;
	background: none;
	border: none;
	margin: 0;
	width: auto
}
#sidebar li li a, #sidebar li li a:visited {
	/*color: #000000;*/
}
#sidebar p#sidetext {
	border: none;
	text-align: left;
	font-style: italic;
	line-height: 175%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*background: none;*/
	color: #669999;
	/*
	background-image: url('img/gerbera_web.jpg');
	background-repeat:no-repeat
	*/
}
#sidebar p.current {
	color: #aa0000
}

h1.sub {
	font-size: 1.6em
}

/* ------------------------------- VIEW/PAGE FORM ------------------------------- */
form#display {
	float: right
}
form#display select, #view {
	font-size: 0.9em;
	line-height: 1em;
	vertical-align: middle
}

/* -------------------------------- PRODUCT LINKS -------------------------------- */
#wrapper {
	width: 780px !important; width: 580px
}
#items {
	float: right;
	clear: none;
	width: 580px;
}
.col,.hlcol {
	float:left;
	/*width: 2em;/*33%;*/
	width: 142px;
	/*padding: 0 4% 1em 4%;*/
	padding: 0 18px 10px 18px;
	/*border: 1px solid red;*/
	margin: 0;
	clear: none
}
.hlcol{
	float: right;
	padding: 0
}
.synopsis {
	font-size: 0.9em
}
.item {
	text-align: left;
	vertical-align:top; 
	font-size: 0.9em; 
	font-family: arial, helvetica, sans-serif; 
}
.item a {
	display: block;
	clear: both;
} 
/*.item br {
	display: block;
	margin-top: 0.7em
}*/
.itemimg {
	border: 1px solid #66cc99;
	width: 140px;
	height: 140px;
	clear: both
}
.trolley {
	display: inline;
	clear: none
}
form.trolley input.img {
	width: 20px;
	height: 16px;
}

/* ---------------------------------- PAGE NAV ----------------------------------- */
ul.pages {float:none; clear:both; margin: 0 0 0.2em 2.35em; padding: 0; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; list-style: none; max-width:540px; word-wrap: break-word}
ul.pages li {display: inline; margin: 0px; padding: 0 0.4em 0.1em 0.4em; border-style: none none none solid; border-color: #66cc99; border-width:0.1em;}
ul.pages li.cur {display: inline; margin: 0; padding: 0 0.4em 0.1em 0.4em; border-style: none none none solid; border-color: #66cc99; border-width:0.1em;background-color:#eaf1f8;}
ul.pages li.prev {display: inline; margin: 0; padding: 0 0.4em 0.1em 0.4em; border-style: solid; border-color: #eaf1f8 #eaf1f8 #eaf1f8 #66cc99; border-width:0.1em; background-color:#eaf1f8;}
ul.pages li.next {display: inline; margin: 0; padding: 0 0.4em 0.1em 0.4em; border-style: solid; border-color: #eaf1f8 #eaf1f8 #eaf1f8 #66cc99; border-width:0.1em; background-color:#eaf1f8;}