/* layout */
html, body {
	margin : 0;
	background-color: #e9e9e9;
}
#header,
#block-sidebar-left,
#block-main,
#block-sidebar-right,
#footer {
	overflow:hidden;
	display:inline-block;
}
#footer {
	display: block;
}
/* 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;
}

.front-block {
	float: left;
	margin: 6px 0 6px 0;
}

.front-block-spacer {
	float: left;
	width: 24px;
}

#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 : Arial, Helvetica, sans-serif;
	font-size : 11px;
}

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 {
	width: 100%;
	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, .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: 0;
	margin: 5px 0 5px 0;
}
.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;
}

#cart h2, #details h2, #handling h2, #confirm h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 0;
	margin-bottom: 4px;
}

#handling input {
	margin: 4px 20px 4px 0;
}

#cart-lister .image img {
	border: 1px solid #000;
}

#cart #cart-lister h2 {
	font-size: 16px;
	margin-bottom: 0;
}

#cart-lister td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#cart .hr, #details .hr, #handling .hr, #confirm .hr {
	background-image: url('hr-bg.png');
	background-repeat: repeat-x;
	height: 1px;
	border: 0;
	margin: 8px 0 8px 0;
}

#cart .hr, #confirm .hr {
	margin: 0;
}

#cart .hr hr, #details .hr hr, #handling .hr hr, #confirm .hr hr {
  display: none;
}

#details select, #details textarea, #details input[type=text] {
	width: 220px;
	margin-bottom: 8px;
	padding: 2px;
}

#details input[type=checkbox] {
	margin: 0 0 0 0;
}

#details textarea {
	height: 40px;
}

#details label {
	font-weight: bold;
}

#details textarea, #details input[type=text] {
	border: 1px solid #aaa;
}

#checkout-process {
	margin-top: 8px;
}

#checkout-process div {
	float: left;
	width: 180px;
	color: #ababab;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

#checkout-process div.active {
	color: #000000;
}

#checkout-process div img {
	display: block;
	margin-bottom: 8px;
}

#commodity-lister-active {
	font-size: 12px;
	font-weight: bold;
}

#commodity-lister-info {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px 0 5px 0;
}

#commodity-lister-info h3 {
	margin: 0 0 5px 0;
}


#frame {
	width: 964px;
	margin: 0 auto 0 auto;
	padding: 5px;
	text-align: left;
	background-color: #ffffff;
}

#header {
	width: 964px;
	height: 124px;
	background-image: url('header-bg.png');
	background-repeat: no-repeat;
	color: #fff;
}

#header-search {
	float: right;
	margin: 6px 6px 0 0;
}

#header-search-submit {
	vertical-align: middle;
	margin: -4px 0 0 2px;
}

#header-tagline {
	font-size: 14px;
	font-style: italic;
	position: relative;
	left: 161px;
	top: 68px;
}

#menu {
	padding: 7px;
	line-height: 100%;
	background-color: #000;
	margin-top: 6px;
}

#menu, #menu a {
	color: #fff;
	font-weight: bold;
}

#side-left, #side-right {
	width: 150px;
	float: left;
}

#side-left div, #side-right div {
	padding: 5px;
}

#main {
	width: 664px;
	float: left;
}

#main-checkout {
	width: 809px;
	float: left;
}

.content {
	padding: 4px 8px 4px 8px;
}

#side-left #side-browse {
	line-height: 130%;
	padding: 10px;
}

#side-browse h3 {
	margin: 3px 0 4px 0;
}

#side-browse h3 a {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}

#side-browse a {
	font-size: 10px;
	margin: 0;
}

#side-brand img {
	margin-bottom: 4px;
}

#side-cart {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

#side-cart h3 {
	font-size: 18px;
	margin: 0;
}

#side-right #side-cart, #side-right #side-cart-inner {
/*	padding: 0 5px 0 6px;*/
}

#side-cart-creditcard {
	padding: 16px 0 10px 0;
	margin: 0;
	display: block;
}

#side-cart-bottom {
	display: block;
}

#side-emaerket {
	text-align: center;
}

#side-newsletter {
	text-align: center;
}

#side-newsletter h3 {
	font-size: 15px;
	text-transform: uppercase;
	margin: 0;
}

#side-newsletter #form-newsletter-email {
	width: 120px;
}

#form-newsletter-unsubscribe {
	text-transform: lowercase;
	text-decoration: underline;
}

#front-brand-lister {
	width: 540px;
	text-align: center;
	margin: 10px auto 0 auto;
	clear: both;
}

#front-brand-lister td {
	width: 135px;
	text-align: center;
}

#commodity-show {
	font-size: 11px;
}

#commodity-show h2 {
	font-size: 14px;
	color: #000;
	margin: 0;
	border-bottom: 1px solid #808080;
}

#commodity-left {
	width: 400px;
	float: left;
}

#commodity-left a {
	color: #666;
}

#commodity-right {
	width: 242px;
	float: right;
}

#commodity-brand {
	text-align: right;
	margin-bottom: 20px;
}

#commodity-prices {
	padding-bottom: 4px;
	border-bottom: 1px solid #808080;
	margin-bottom: 6px;
}

#commodity-prices h2 {
	font-size: 30px;
}

#item-selector label {
	display: block;
}

#commodity-cart {
	text-align: center;
	margin: 24px auto 0 auto;
}

#commodity-cart a {
	color: #666;
	font-weight: bold;
}

#commodity-cart a img {
	vertical-align: middle;
}

#commodity-cart #addcart-submit img {
	margin-bottom: 4px;
}

#commodity-description {
	margin: 16px 0 8px 0;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	padding: 8px 0 8px 0;
	color: #666;
	line-height: 120%;
}

#commodity-actions {
	margin-bottom: 20px;
}

#commodity-actions a {
	color: #666;
	display: block;
}

#commodity-prevnext a {
	color: #666;
}
