* {
	font-family: calibri, arial;
}

html {
	overflow-y: scroll;
}

body {
	background: #6b6b6b url(img/bg.jpg);
	margin: 0px;
	color: #333333;
	font-size: 10pt;
	padding: 15px;
}

a {
	text-decoration: none;
	text-transform: uppercase;
	color: #333333;
}

table {
	border-collapse: collapse;
}

textarea {
	height: 100px;
}

#window {
	background: #ffffff;
	width: 985px;
	padding: 0px 6px 4px 6px;
	margin: auto;
	display: table;
}

#header {
	background: #ffffff url(img/bg-header.png) repeat-x bottom;
	width: 100%;
	min-height: 110px;
	margin: 6px auto auto auto;
}

#logo {
	background: url(img/ginabarozza.png) no-repeat;
	width: 250px;
	height: 75px;
	float: left;
	margin: 40px 50px 0px 20px;
}

#top {
	float: right;
}

#menu {
	background: #1c1d1c url(img/bg-menu.png) repeat-x bottom;
	color: #eeeeee;
	width: 100%;
	min-height: 33px;
	margin: 6px auto auto auto;
	font-size: 12pt;
	letter-spacing: -1px;
}

#menu a p {
	display: block;
	float: left;
	color: #eeeeee;
	margin: 0px;
	padding: 7px 15px 0px 15px;
	height: 26px;
}

#menu a:hover p {
	background: #666666;
	color: #ffffff;
}

#left {
	width: 146px;
	min-height: 200px;
	float: left;
	padding: 6px 6px 6px 6px;
	margin: 6px auto auto auto;
	text-transform: uppercase;
}

#left a {
	display: block;
	color: #222222;
	padding: 4px 2px 4px 4px;
	border-bottom: 1px solid #cccccc;
}

#left a:hover {
	background: #1c1d1c url(img/bg-menu.png) repeat-x bottom;
	color: #ffffff;
}

#left input {
	width: 107px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
}

#left p {
	color: #dddddd;
	font-size: 8pt;
}

#cartarea select {
	border: 1px solid #aaaaaa;
	font-family: lucida console, monospace, courier new;
	width: 400px;
	font-size: 7.5pt;
	text-transform: uppercase;
	height: 20px;
	margin: 3px 5px 0px 0px;
}

#main {
	width: 798px;
	float: right;
	padding: 16px 0px 0px 0px;
}

#footer {
	clear: both;
	background: #1c1d1c url(img/bg-menu.png) repeat-x bottom;
	color: #dddddd;
	padding: 6px 6px 0px 6px;
	min-height: 36px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 9pt;
}

#footertop {
	clear: both;
	padding: 6px;
}

#footerleft {
	float: left;
	margin-left: 6px;
	padding-top: 16px;
	padding-bottom: 3px;
}

#footerright {
	float: right;
	margin-right: 6px;
	padding-top: 16px;
	padding-bottom: 3px;
}

#subfooterleft {
	clear: both;
	float: left;
	padding-top: 16px;
}

#subfooterright {
	float: right;
	padding-top: 16px;
}

.button {
	padding: 0px;
	text-transform: uppercase;
}

p {
	margin: 0px 0px 10px 0px;
	max-width: 600px;
}

h1 {
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 18pt;
	text-transform: uppercase;
	color: #333333;
}

h2 {
	margin: 30px 0px 5px 0px;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 13pt;
	text-transform: uppercase;
	color: #333333;
}

h3 {
	font-size: 10pt;
	padding: 0px 0px 3px 0px;
	margin: 0px;
	clear: none;
}

.box-top {
	float: left;
	padding: 0px 0px 2px 6px;
	border: 1px solid #dddddd;
	margin: 0px 12px 6px -6px;
}

.box-mid {
	min-height: 175px;
	padding: 0px;
}

.box-bottom {
	background: #fbfafa url(img/bg-art-bottom.png) repeat-x bottom;
	margin: 2px 0px -2px -6px;
	padding: 0px 7px 5px 7px;
}

.box-mid h2 {
	background: #c8c7c7 url(img/bg-art.png) repeat-x top;
	line-height: 90%;
	margin: -4px 0px 0px -6px;
	padding: 7px 4px 4px 4px;
	font-weight: bold;
	font-size: 12pt;
}

.box-mid p {
	text-transform: none;
	margin: 0px;
	padding-top: 2px;
}

.listimg {
	margin: 3px auto 0px auto;
}

.box-mid img {
	margin: 0px;
}

.box-top:hover {
	cursor: pointer;
	border: 2px solid #1c1d1c;
	margin: -1px 11px 5px -7px;
}

.box-top:hover h2 {
	background: #1c1d1c url(img/bg-menu.png) repeat-x bottom;
	color: #ffffff;
}

.category {
	margin: 10px 14px 10px -6px;
	border-bottom: 1px solid #dddddd;
}

.price,
.bigprice {
	font-size: 15pt;
	font-weight: bold;
	color: #ff6c00;
	letter-spacing: -1px;
	text-transform: none;
}

.price {
	float: right;
}

.bigprice {
	float: right;
	font-size: 24pt;
}

.pricelist {
	border-bottom: 1px solid #dddddd;
	max-width: 700px;
	clear: both;
}

.pricelist p {
	margin: 0px;
	float: left;
	padding-top: 3px;
}

.deliverystatus-instock,
.deliverystatus-order,
.deliverystatus-discontinued {
	padding: 6px 0px 0px 23px;
	font-size: 8pt;
	height: 15px;
	margin-left: -3px;
	text-transform: uppercase;
}

.deliverystatus-instock {
	background: url(img/icon-instock.png) no-repeat;
}

.deliverystatus-order {
	background: url(img/icon-order.png) no-repeat;
}

.deliverystatus-discontinued {
	background: url(img/icon-discontinued.png) no-repeat;
}

img {
	border: none;
}

.deliverystatus {
	float: left;
	text-transform: uppercase;
	background: url(img/icon-lagervara-big.png) no-repeat;
	padding: 6px 0px 6px 35px;
}

#left .icon-right {
	background: url(img/icon-search.png) no-repeat;
	padding: 0px;
	margin: 0px 0px 0px 4px;
	width: 28px;
	height: 32px;
	border: none;
	cursor: pointer;
}

#cartarea {
	float: right;
	width: 775px;
	padding: 5px 16px 0px 10px;
	height: 30px;
	background: url(img/bg-header.png) repeat-x bottom;
	color: #444444;
}

#cartarea input {
	color: #333333;
}

#cart {
	float: right;
	width: 170px;
	background: url(img/icon-cart.png) no-repeat;
	padding: 6px 0px 6px 35px;
	margin-top: -4px;
	height: 24px;
	cursor: pointer;
}

.trash {
	background: url(img/icon-delete.png) no-repeat;
	padding: 3px 0px 4px 26px;
	width: 70px;
	margin: 0px;
	border: none;
	color: #dddddd;
	text-transform: uppercase;
	font-size: 9pt;
	cursor: pointer;
}

.show {
	background: url(img/icon-right.png) no-repeat;
	padding: 3px 8px 4px 26px;
	width: 70px;
	margin: 0px;
	border: none;
	color: #dddddd;
	text-transform: uppercase;
	font-size: 9pt;
	cursor: pointer;
}

.cart-add {
	background: url(img/icon-cart.png) no-repeat;
	padding: 10px 0px 16px 35px;
	cursor: pointer;
	border: none;
	text-transform: uppercase;
	font-weight: bold;
}

#paymenttypeform input {
	float: left;
	width: 25px;
	padding: 2px 0px 0px 0px;
}

#paymenttypeform .desc {
	clear: both;
	padding-left: 25px;
}

td {
	vertical-align: top;
}

th {
	text-align: left;
	font-size: 11pt;
	padding-right: 20px;
	border-bottom: 1px solid #cccccc;
}

#orderform {
	margin: 30px 0px 30px 0px;
}

#orderform td {
	padding-right: 20px;
	padding-top: 5px;
}

#orderform input {
	width: 250px;
}

#paymenttypeform td,
#cartlisting td {
	padding-right: 20px;
}

#cartlisting {
	width: 500px;
	margin: 30px 0px 30px 0px;
}

#cartlisting td {
	text-transform: uppercase;
	vertical-align: middle;
}

#cartlisting input {
	width: 30px;
	text-align: right;
}

.sum {
	border-top: 1px solid #cccccc;
	font-size: 11pt;
	font-weight: bold;
}

.empty,
.order,
.update,
.payment,
.back {
	padding: 5px 15px 5px 26px;
	text-transform: uppercase;
	font-size: 10pt;
}

.empty {
	background: url(img/icon-delete.png) no-repeat;
}

.order {
	background: url(img/icon-right.png) no-repeat;
}

.update {
	background: url(img/icon-update.png) no-repeat;
}

.payment {
	background: url(img/icon-payment.png) no-repeat;
}

.back {
	background: url(img/icon-back.png) no-repeat;
}

.productproperty {
	height: 20px;
	padding: 10px 0px 10px 48px;
	color: #777777;
}

.ordprice {
	font-size: 12pt;
	font-weight: bold;
	clear: both;
	letter-spacing: -1px;
	margin-bottom: 20px;
	margin-top: -5px;
}

#footercolumns {
	clear: both;
	width: 975px;
	display: table;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-left: 5px;
}

#footercolumn {
	float: left;
	width: 171px;
	min-height: 80px;
	border-left: 1px solid #cccccc;
	padding: 0px 10px 10px 10px;
}

#footercolumn a {
	text-transform: none;
}

#footercolumn h2 {
	margin-top: 0px;
	font-weight: bold;
}

#footercolumn img {
	float: right;
}

#lang {
	float: right;
	padding: 7px 5px 7px 35px;
}

.en {
	background: url(img/en.png) no-repeat;
}

.sv {
	background: url(img/sv.png) no-repeat;
}

.fr {
	background: url(img/fr.png) no-repeat;
}

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
border-bottom: 1px solid #cccccc; /* set border COLOR as desired */
list-style-type: none;
padding: 20px 10px 4px 10px; /* THIRD number must change with respect to padding-top (X) below */
margin-left: -6px;
}

ul#tabnav li { /* do not change */
display: inline;
}

li.tab_inactive { /* settings for selected tab */
border-bottom: 1px solid #ffffff; /* set border color to page background color */
background-color: #ffffff; /* set background color to match above border color */
}

li.tab_active a { /* settings for selected tab link */
background-color: #ffffff; /* set selected tab background color as desired */
position: relative;
top: 1px;
padding-top: 5px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 4px 7px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #cccccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #f9f9f9; /* set unselected tab background color as desired */
margin-right: 5px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #1c1d1c url(img/bg-menu.png) repeat-x bottom;
color: #ffffff; /* set desired hover color */
}

/* end css tabs */