@charset "utf-8";
a img { border: none; }
body { background-color:#D8D3CA }
#container {
	background-color: #FFFFFF;
	height: 605px;
	width: 960px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content
{
	height: 560px;
	position: absolute;
	background-color: #FFF;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0;
	padding: 0;
}
#divider {
	position: absolute;
	top: 40px;
	height: 5px;
	width: 960px;
	background-color:#D8D3CA;
}
.menu
{
	height: 40px;
	position: absolute;
	background-color: #FFF;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12pt;
	cursor: default;
}
.menu li
{
	margin: 0;
	padding: 0 18px;	/* formerly 16px */
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: default;
	float: left;
	height: 40px;
}
.menu a
{
	display: block;
	cursor: pointer;
	background-color: #FFF;
	padding: 0 5px;
	color: #222;
	line-height: 40px;
	font-family: "Futura Bk", Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.menu a:hover, .menu a:focus, .menu a:active
{
	background-color: #7F682E;
	color: #222;
}
.menu .bagfilled {
	background-color: #EA7900;
}
body {
	margin: 0px;
	padding: 0 10px 0 10px;
	height: 100%;
}
#who, #noimage {
	font-family: "Futura Bk", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
}
#who {
	top: 0px;
	right: 0px;
	float: right;
	padding-left: 2em;
	padding-bottom: 1em;
}
#images {
	top: 140px;
	position: absolute;
	right: 0px;
}
#noimage, #image1 {
	height: 238px;
	width: 238px;
	float: left;
}
#noimage, .image {
	border: 1px solid #111;
	display: block;
}
.smallim {
	cursor: pointer;
}
#noimage {
	border-color: black;
}
#maintext {
	width: 400px;
	text-align: justify;
}
#maintext h2, #maintext h3 {
	text-align: center;
}
p, td {
}
#maintext, #text  {
	font-size: 10pt;
	padding: 10px 0 0 10px;
	height: 550px;
}
#container #scroll {
	overflow: auto;
	height: 480px;
}
#scrollhead {
	height: 70px;
}

.menu li.arrows { padding: 0px; }
.menu li.arrows a { padding: 0px; }

#prodpic1 {
	position: absolute;
	left: 320px;
	bottom: 40px;
}

#prodpic1note {
	position: absolute;
	right: 320px;
	bottom: 400px;
}

#prodpic1note p {
	font-size: 70%;
	font-style: oblique;
	text-align: right;
}

#prodpic2 {
	position: absolute;
	left: 164px;
	bottom: 140px;
}

#prodpic3 {
	position: absolute;
	left: 20px;
	bottom: 140px;
}

/* Matching products: 2x48 evenly spaced over 120px, spacing 24px for half-size pics too */
#prodleft {
	height: 86px;
	width: 290px;
	bottom: 39px;
	left: 19px;
	position: absolute;
	font-size: 12px;
	line-height: 15px;
}

#prodleft p {
	padding: 0 0 0 1px;
	margin: 0;
}

#prodleft img.cert {
	position: absolute;
	bottom: 0;
	width: 48px;
	height: 54px;
	left: 210px;
}

#prodleft ul.match {
	position: absolute;
	bottom: 0;
	height: 56px;
	width: 290px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.match li {
	position: relative;
	float: left;
	padding: 0 22px 0 0;
}

.match a {
	border: solid #FFF 1px;
	display: block;
}

#submitright {
	height: 24px;
	width: 234px;
	bottom: 40px;
	right: 40px;
	border: outset #A7AD9D 3px;
	position: absolute;
	background: #C4C7B0;
	text-align: center;
	line-height: 24px;
}

#submitright a {
	text-decoration: none;
	color: #000;
}

#submitright a.nohand {
	cursor: default;
}

#prodlink {
	height: 26px;
	width: 240px;
	bottom: 380px;
	right: 40px;
	position: absolute;
	font-size: 10px;
	line-height: 13px;
}

#prodlink a {
	color: #EA7900;
}

#prodright {
	height: 295px;
	width: 240px;
	bottom: 85px;
	right: 40px;
	position: absolute;
	font-size: 10px;
	line-height: 13px;
}

span.discount {
	color: #EA7900;
}

.less {
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.show {
	position: absolute;
	text-align: left;
	z-index: 1;
}

.show div.inbox {
	background-color: #000; /* A19F8B farve */
	text-decoration: none;
/*	filter: alpha(opacity=98); */
	opacity: .98;
}

.show p {
	margin: 0;
	text-decoration: none;
}

.show .box { position: absolute; }
.show .top, .show .tl, .show .tr { top: 0; }
.show .bottom, .show .bl, .show .br { bottom: 0; }
.show .tl, .show .bl { left: 0; }
.show .tr, .show .br { right: 0; }
.show .middle {
	left: 0;
	right: 0;
	top: 25px;
	bottom: 25px;
}
.show .top, .show .bottom {
	left: 0px;
	height: 25px;
}

.show .inbox {
	padding: 25px;
	text-decoration: none;
}

.show .reopen { display: none; }
.show .click {
	font-size: 150%;
	position: absolute;
	line-height: 20px;
	top: 0px;
	right: 0px;
	padding: 0 3px;
	color: #EA7900;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.more {
	background: #A19F8B; /* farve */
	color: #FFF;
	height: 15px;
	padding: 0 8px;
	position: absolute;
	right: 0;
	bottom: 0px;
	text-align: center;
	text-decoration: none;
}

.more:hover { text-decoration: none; }
.more:focus { text-decoration: none; }
.more:active { text-decoration: none; }

.show {
	color: #FFF;
	top: -25px;
	right: 50px;
	width: 240px;
}

.show .top, .show .bottom {
	width: 240px;
}

.showlong {
	top: -225px;
	width: 300px;
}

.showlong .top, .showlong .bottom {
	width: 300px;
}

.showhuge {
	top: -300px;
	width: 500px;
}

.showhuge .top, .showhuge .bottom {
	width: 500px;
}

.popup, .popdown, .cover {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.popdown { display: none; }
.cover {
	position: fixed;
	z-index: -1;
/*	background-color: #F3F2DA;
	filter: alpha(opacity=0);
	opacity: .0; */
}
.popup .show, .popdown .show {
	top: 30px;
	left: 30px;
}

.inbox { z-index: 1000; }
#bigpop .show, #bigpop .top { width: 900px; }
#bigpop .inbox { width: 850px; height: 500px; }

#smallpop .show, #smallpop .top { width: 300px; }
#smallpop .inbox { width: 250px; height: 250px; }

#searchpop .show, #searchpop .top { width: 450px; }
#searchpop .show { top: 40px; left: 0 }
#searchpop .inbox { width: 400px; height: 40px; }

#prodright p, #prodlink p {
	margin: 0;
	padding: 0px;
	min-height: 26px;
}

#prodright div.about {
	position: absolute;
	top: 52px;
	height: 52px;
	width: 240px;
}

#prodright div.care {
	position: absolute;
	top: 117px;
	height: 52px;
	width: 240px;
}

#prodright div.colour {
	position: absolute;
	top: 182px;
	height: 52px;
	width: 240px;
	overflow: auto;
}

#prodright div.colour strong.white {
	background-color: #FFF;
	color: #FFF;
}

#prodright div.colour span {
	text-decoration: underline;
	color: #000;
}

#prodright div.colour a {
	text-decoration: none;
	color: #000;
}

.colour a:hover, .colour a:focus {
	background-color: #7F682E;
}

#prodright ul.size {
	position: absolute;
	top: 247px;
	height: 20px;
	width: 240px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#prodright ul.small {
	height: 20px;
}

.size li {
	position: relative;
	float: left;
	padding: 0 5px 0 0;
	line-height: 20px;
}

.size a {
	border: solid #000 1px;
	text-align: center;
	text-decoration: none;
	line-height: 18px;
	color: #000;
	width: 30px;
	display: block;
}

.small a {
	line-height: 15px;
	width: 17px;
	font-size: 80%;
}

.size a.thissize, .size a:hover, .size a:focus {
	background-color: #7F682E;
}

#prodright div.chart {
	position: absolute;
	bottom: 0px;
	height: 13px;
	width: 240px;
	line-height: 13px;
}

#prodright div.chart .show {
/*	top: -185px; set in code */
}

#listwords {
	position: absolute;
	right: 20px;
	top: 80px;
}
#listwords p {
	font-size: 24px;
	margin: 0;
	padding: 0;
}
#listwords a {
	text-decoration: none;
	color: black;
}
#listwords.shopwords p {
	color: #EA7900;
}
#listwords.mailwords p {
	color: blue;
}
#listwords span.rigettaklint {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}
#listwordsnote {
	position: absolute;
	right: 20px;
	bottom: 480px;
}
#listwordsnote p {
	margin: 0;
	font-size: 70%;
	font-style: oblique;
	text-align: right;
}
ul.pages {
	position: absolute;
	right: 20px;
	top: 120px;
	height: 25px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12pt;
	cursor: default;
}

ul.pages li {
	position: relative;
	float: left;
	padding: 0 5px;
	line-height: 25px;
}

ul.pages a {
	border: none;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	color: #000;
	width: 20px;
	display: block;
}

ul.pages a.wider {
/*	width: 30px; */
	font-size: 8pt;
}

ul.pages a.thispage, ul.pages a:hover, ul.pages a:focus {
	background-color: #7F682E;
}

ul.pages a.size_switch {
	width: 140px;
	font-size: 8pt;
}
ul.pages a.size_switch:hover, ul.pages a.size_switch:focus {
	background-color: #FFF;
}

ul.pages li.arrows { padding: 0px; width: auto; }
ul.pages li.arrows a { padding: 0px; width: auto; }

/*
.listpic {
	position: absolute;
	width: 160px;
	padding: 0 20px;
}
.listpic p {
	width: 120px;
	margin: 0;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
	color: #000;
	text-decoration: none;
}
#listpic1, #listpic2,  #listpic3, #listpic4, #listpic5, #listpic6 { top: 160px; }
#listpic7, #listpic8, #listpic9, #listpic10, #listpic11, #listpic12 { top: 360px; }
#listpic1, #listpic7 { left: 0px; }
#listpic2, #listpic8 { left: 160px; }
#listpic3, #listpic9 { left: 320px; }
#listpic4, #listpic10 { left: 480px; }
#listpic5, #listpic11 { left: 640px; }
#listpic6, #listpic12 { left: 800px; }
*/
.listpic {
	position: absolute;
	width: 116px;
	padding: 0 6px;
}
.listpic a {
  display: block;
  position: absolute;
	width: 104px;
	height: 117px;
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	color: #000;
	text-decoration: none;
}
.listpic .listtab, .listpic_alt .listtab {
	background-color: #000;
	color: #FFF;
}
.listpic .listshop, .listpic_alt .listshop {
	background-color: #000;
	color: #FFF;
}
.listpic .listtab, .listpic .listshop {
	height: 113px;
	width: 100px;
	border: solid black 2px;
	font-size: 13px;
	line-height: 16px;
}
#listpic1, #listpic2,  #listpic3, #listpic4, #listpic5, #listpic6, #listpic7, #listpic8 { top: 160px; }
#listpic9, #listpic10, #listpic11, #listpic12, #listpic13, #listpic14, #listpic15, #listpic16 { top: 293px; }
#listpic17, #listpic18, #listpic19, #listpic20, #listpic21, #listpic22, #listpic23, #listpic24 { top: 426px; }
#listpic1, #listpic9, #listpic17 { left: 16px; }
#listpic2, #listpic10, #listpic18 { left: 132px; }
#listpic3, #listpic11, #listpic19 { left: 248px; }
#listpic4, #listpic12, #listpic20 { left: 364px; }
#listpic5, #listpic13, #listpic21 { left: 480px; }
#listpic6, #listpic14, #listpic22 { left: 596px; }
#listpic7, #listpic15, #listpic23 { left: 712px; }
#listpic8, #listpic16, #listpic24 { left: 828px; }

.listpic_alt {
	position: absolute;
	width: 240px;
	padding: 0 20px;
}
.listpic_alt a {
  display: block;
  position: absolute;
	width: 200px;
	height: 225px;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
	color: #000;
	text-decoration: none;
}
.listpic_alt .listtab, .listpic_alt .listshop {
	height: 219px;
	width: 194px;
	border: solid black 3px;
	font-size: 20px;
	line-height: 24px;
}
#listpic_alt1, #listpic_alt2,  #listpic_alt3,  #listpic_alt4 { top: 215px; }
#listpic_alt1 { left: 0px; }
#listpic_alt2 { left: 240px; }
#listpic_alt3 { left: 480px; }
#listpic_alt4 { left: 720px; }

.newspic {
	position: absolute;
	top: 160px;
	width: 240px;
	padding: 0 30px;
}
.newspic p {
	width: 180px;
	margin: 0;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
	color: #000;
	text-decoration: none;
}
#newspic1 { left: 0px; }
#newspic2 { left: 240px; }
#newspic3 { left: 480px; }
#newspic4 { left: 720px; }

.catpic {
	position: absolute;
	width: 456px;
	padding: 0 16px;
}
.catpic p {
	width: 424px;
	margin: 0;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
	color: #000;
	text-decoration: none;
}
#catpic1 { left: 24px; top: 201px; }
#catpic2 { left: 480px; top: 201px; }

#bagtable {
	position: absolute;
	background-color: #D8D3CA;
	top: 120px;
	left: 0;
	right: 0;
	bottom: 110px;
	font-size: 10px;
	line-height: 13px;
}
#bagscroll, #checkscroll {
	position: absolute;
	top: 0;
	left: 25px;
	right: 0;
	bottom: 60px;
	overflow: auto;
}
#checkscroll {
	bottom: 0px;
}
#bagtable a {
	color: #EA7900;
}
#bagtable .update {
	position: absolute;
	bottom: 30px;
	right: 30px;
}
#bagtable .empty {
	position: absolute;
	bottom: 5px;
	right: 30px;
}
#bagtable .certificate {
	position: absolute;
	width: 400px;
	text-align: right;
	bottom: 5px;
	right: 220px;
}
#bagtable .vctext {
	position: absolute;
	left: 0px;
	text-align: left;
	width: 140px;
	display: block;
}
#bagtable .vcinput {
	position: absolute;
	left: 140px;
	text-align: left;
	width: 100px;
	display: block;
}
#bagtable .voucher {
	position: absolute;
	width: 400px;
	text-align: right;
	bottom: 30px;
	right: 220px;
}
#bagtable .badcode {
	position: absolute;
	width: 300px;
	color: red;
	text-align: left;
	bottom: 30px;
	left: 30px;
}
#bagtable .countries {
	position: absolute;
	bottom: 5px;
	left: 30px;
}
#bagbottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	height: 80px;
	overflow: auto;
	font-size: 10px;
	line-height: 13px;
}
#mailbottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	height: 80px;
	overflow: auto;
	font-size: 60px;
	line-height: 75px; 
	text-align: center;
	color: black;
}
#mailbottom a, #mailbottom a:visited { color:black; text-decoration:none; }
#mailbottom a:hover { color:#999; text-decoration:none; }

#bagtable input, #bagtable select, #bagbottom input, .fakesubmit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #D8D3CA;
	border: solid black 1px;
	font-size: 10px;
}
#bagtable input.bad, #bagtable div.bad {
	border: solid red 1px; 
}
#bagtable input.badc, #bagtable div.badc {
	color: red; 
}
#bagtable .submit, #bagbottom .submit {
	width: 160px;
}
.fakesubmit { width: 158px; }
#bagtable select {
	width: 240px;
}
#bagbottom input, #bagbottom .fakesubmit {
	background-color: #FFF;
}
.fakesubmit a:link { text-decoration: none; color: #000; }
.fakesubmit a:visited { text-decoration: none; color: #000; }
.fakesubmit a:hover { text-decoration: none; color: #000; }
.fakesubmit a:focus { text-decoration: none; color: #000; }
.fakesubmit a:active { text-decoration: none; color: #000; }
a:link .fakesubmit { text-decoration: none; color: #000; }
a:visited .fakesubmit { text-decoration: none; color: #000; }
a:hover .fakesubmit { text-decoration: none; color: #000; }
a:focus .fakesubmit { text-decoration: none; color: #000; }
a:active .fakesubmit { text-decoration: none; color: #000; }

/* #bagtable td { background-color: red; } */