/* layout */
html, body {
	margin : 0;
	background-color: #e9e9e9;
}

/* safari and opera need this */
#header,
#footer,
#block-menu {
	width:100%;
}
#block-sidebar-left,
#block-main,
#block-sidebar-right {
	float:left;
}
#block-sidebar-left {
	width:150px;
	font-size: 1.2em;
}
#block-sidebar-right {
	width:150px;
}

#block-main {
	width:664px;
}
#footer {
	clear:left;
}

#block-frame {
	width : 964px;
	margin-right : auto;
	margin-left : auto;
	margin-top : 0px;
	padding : 5px;
	text-align : left;
}

/* styling */
body {
	background-color : #fff;
	background-color: #e9e9e9;
	color : #333;
}
body, input, .button, .select, .itemcontroller-select, select {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

input, select {
	margin-bottom: 2px;
}

h2 {
	font-size : 125%;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	margin-top: 0px;
	padding-bottom: 3px;
}
.validation-error {
	background-color : #fff;
	color : #f00;
}
.outofstock {
	font-size:200%
}
a, a:hover {
	color : #000;
	text-decoration : none;
}
a:hover {
	text-decoration : underline;
}
a img {
	border : 0;
}
form { margin:0 }


#block-frame {
	background-color : #fff;
}
#header h1 {
	background-color : #fff;
	font-size : 250%;
	color : #ccc;
	margin : 0px;
	padding : 10px;
}

#footer div {
	text-align : center;
	padding : 7px;
	background-color : #000;
	border-top : 5px solid #fff;
}
#footer,
#footer a {
	color : #fff;
	font-weight : bold;
}

#block-sidebar-left,
#block-sidebar-right {
	background-color : #fff;
	vertical-align : top;
}
#block-sidebar-left div,
#block-sidebar-right div {
	padding : 6px 6px;
	margin-top : 5px solid #fff;
	line-height : 150%;
	border-bottom: 1px solid #ccc;
}
#block-sidebar-left div div,
#block-sidebar-right div div {
	padding : 0px;
	border-top : 0;
}
#block-menu div {
	padding : 7px;
	line-height : 100%;
	background-color : #000;
	margin-bottom: 5px;
}
#block-menu,
#block-menu a {
	color : #fff;
	font-weight : bold;
}
#block-main {
	background-color : #fff;
	vertical-align : top;
}

#block-content {
/*	padding : 5px 5px 0 5px; */
	padding : 4px 8px 4px 8px;
}

table.lister {
/*	width : 100%; */
	border: 0;
}
td.lister-td-image {
	background-color : #fff;
	vertical-align : middle;
	text-align : center;

	border-width : 1px 1px 0 1px;
	border-style : solid;
	border-color : #ccc;
	padding: 0;
	margin: 0;
}
td.lister-td-image div {
	width: 154px;
}
td.lister-td-text {
	vertical-align : top;

	border-width : 0 1px 1px 1px;
	border-style : solid;
	border-color : #ccc;
}
td.lister-td-text div {
	padding : 4px;
}
td.lister-td-text div a,
td.lister-td-text div a:hover {
	color : #333;
}
td.lister-horizontal-spacer {
	width : 8px;
}
td.lister-vertical-spacer {
	height : 8px;
}

.button {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
.select {
	width : 100%;
	margin-top : 2px;
	margin-bottom : 2px;
}
td.odd {
	background-color : #eee;
}
td.odd,
td.even {
	padding : 4px;
}
.pager {
/*	background-color : #eee; */
	padding : 5px;
}
.pager .current {
	background-color : #f00;
	color : #fff;
	padding-left : 4px;
	padding-right : 4px;
	font-weight : bold;
}
.pager a,
.pager a:hover {
	color : #333;
	font-weight : bold;
}

#block-search-search {
	width : 100px;
	vertical-align: middle;
}
#block-search {
}

a.imgbutton img {
	background-color : #fff;
	background-image : url(button.gif);
	background-repeat : no-repeat;
	background-position : 0 0;
	width : 19px;
	height : 17px;
	padding : 0;
	border : 0;
	
	margin : 4px 0;
	
	vertical-align : middle;
	
	cursor : pointer;
	cursor : hand;
}
a.imgbutton,
a.imgbutton:hover {
	vertical-align : middle;
	font-weight : bold;
	color : #333;
}
a.imgbutton:hover img {
	background-position : -19px 0;
}
a.imgbutton span.textlabel {
	margin-left : 4px;
}

#cart-info-link {
	background-image : url(kurv.gif);
}
a.imgbutton img.pager-img-previous {
	background-image : url(previous.gif);
}
a.imgbutton span.pager-textlabel-next {
	margin-right : 4px;
}

a.imgbutton2 img {
	background-color : #fff;
	background-image : url(button.gif);
	background-repeat : no-repeat;
	background-position : 0 0;
	width : 19px;
	height : 17px;
	padding : 0;
	border : 0;
	
	margin : 4px 0;
	
	vertical-align : middle;
	
	cursor : pointer;
	cursor : hand;
}
a.imgbutton2,
a.imgbutton2:hover {
	vertical-align : middle;
	font-weight : bold;
	color : #333;
}
a.imgbutton2 span.textlabel {
	margin-left : 4px;
}

a.imgbutton2 img.pager-img-previous {
	background-image : url(previous.gif);
}
a.imgbutton2 span.pager-textlabel-next {
	margin-right : 4px;
}

.block-content-header {
/*	background-color : #eee; */
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.block-content-header h2 {
	font-size : 150%;
	margin : 0;
}
.itemcontroller-select {
	width : 142px;
	margin-top : 5px;
	margin-bottom : 5px;
}

.userblock {
	line-height : 100%;
}
.userblock h2,
.userblock p {
	margin : 0;
}

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
}