body {font: 0.9em verdana, arial, sans-serif;}
* {margin:0; padding:0;}
a {text-decoration:none; color:black;}
a:hover {text-decoration:none; color: gray;}
div#mainwrapper {width:960px;} /* add margin auto stuff if you want the layout centered */
div#header {width:960px; height:154px;}
div#columnswrapper {float:left; width:960px; background-color:#FFFFFF;}
div#nav {float:left; width:180px; margin-left:-760px;} /* negative margin moves nav column into position */
div#content {float:left; width:620px; margin-left:150px; border-right: 1px solid black; display:inline;} /* display inline is hack fix for IE */
div#rightcolumn {float:left; width:130px; border-left: 1px solid black;}
div#footer {width:960px;}
.clearthis {clear:both;}

/* content column styles */
div#content {padding:0 0}
div#contentinner {margin: -1em 40px 20px 80px; padding-top:1.5em;}
div#contentinner.index {margin-right:90px;}
div#content div#mainimage {float:right; margin:4px 0px 4px 0; display:inline}
div#content div#mainimage img {border: 1px solid black;}
div#content div#mainimage p {font-size:.65em; margin:0px 5px; color:#C60;} 
div#content h1{font-family:  sans-serif; font-size:1.3em; font-weight:bold; font-style: italic; margin-bottom:0.5em; margin-top:0.5em;}
div#content h2{font-family:  sans-serif; font-size:0.9em; font-weight:bold; font-style: italic; margin-bottom:0.2em;}
div#content h2.menu {text-align:center; margin-top:.5em;}
div#content h2.counter {text-align:center; margin-top:.5em; font-weight:normal;}
div#content h2.failure {color:red;}
div#content div.continue {font-size:.75em; margin-top:1 em; margin-bottom:1.5em; line-height:1.4em; display:inline}
div#content p {font-size:.75em; margin-top:1 em; margin-bottom:1.5em; line-height:1.4em;}
div#content p.ingress {font-family: sans-serif; font-size:.9em; margin-bottom:1.2em; font-weight:bold; font-style:italic;}	
div#content p.reservation {font-size:0.6em; text-align:center; line-height:1.6em; margin-top:10px;}
div#content li {font-size:.75em;}
div#content blockquote {width: 200px; float:right; font-size:.7em; border-top: 3px dotted #960; border-bottom:2px dotted #960; margin:0 10px; padding: 6px 10px;}
div#content blockquote p {margin:0; font-style:italic;}
div#content a {color: black; text-decoration: none;}
div#content a:hover {color: gray; text-decoration:none;}
div#content span.vr {margin:0em .5em;}
div#content hr {height: 2px;}
div#content div.hr {margin:.5em 0;}
div#content div.button {padding:3px; border: 1px black solid; margin: 0px 10px; background-color:grey;}
div#content div#cart {float:left; margin:0; padding:0; display:inline}

/* nav styles */
div#nav {padding-top:1em; border-right: 1px solid black;}
div#nav ul {border:0; margin:0px 2em 12px 0.2em; padding:0; list-style-type:none; font-weight:normal; font-size:1em;}
div#nav li {margin-left:0.5em; font-size:0.7em; line-height:1.4em;}
div#nav li.first {font-weight:bold; margin-left: 0; margin-top:1em; line-height:1.6em; background-color:#BAB28A; padding-left:.5em;}
div#nav a {text-decoration:none; color:black;}
div#nav a:hover {color: gray;}
div#nav li.head {font-family:  sans-serif; font-size:1.1em; font-weight:bold; font-style: italic; margin-bottom: 1em;; margin-left: 0;}

/* right column styles */
div#rightcolumn {padding-top:0em; padding-left:30px; margin-left:-1px; margin-top:0em;}
div#rightcolumn p {font-size:.75em;}
div#rightcolumn img {border:none;}
div#rightcolumn img.logo {margin-bottom:20px;}
div#rightcolumn img.ad {border:none; margin-bottom:50px;}
div#rightcolumn img.captioned {border:none; margin-bottom:5px;}
div#rightcolumn h1{font-family:  sans-serif; font-size:1em; font-weight:bold; font-style: italic; margin-top: 0.9em; margin-bottom:1em; text-align:center;}
div#rightcolumn h2{font-size:1em;}
div#rightcolumn p.caption {font-family: sans-serif; font-size:0.9em; font-weight:bold; font-style: italic; text-align:center; margin-bottom:30px; line-height:1.2em;}
div#rightcolumn p.cart {font-family: sans-serif; font-size:0.9em; font-weight:bold; font-style: italic; text-align:left; line-height:1.6em;}
div#explanation {width:138px; padding:0; margin:0;}
div#explanation p {font-size:.7em;}


/*footer styles*/
	table#footer 
					{
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.75em;  /* sets the font size of all links */
					line-height:1em;
					td padding:2px;
					text-align:center; /* centers the ul elements in the div */
					border-top:1px solid black; border-bottom:2px solid black;
					}
	table#footer td {padding:2px;}
	table#footer img {padding:0px; margin-bottom:-2px;}
					
 	div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 	div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:black; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 	div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 	div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 						 color:black; /* the color of the links */
							 }
 	div#footer ul li a:hover {color:grey} /* underlines the links when hovered */
 	div#footer ul.fineprint li {color:black;} /* color for copyright and vert dividers on last row */
 	div#footer ul.fineprint li a {color:black;} /* had to explicitly color these or they inherit from div#footer li */
  div#footer ul.fineprint li a:hover {color:grey;} /* turns bottom row white when hovered */
	
	div.cart {margin-bottom:2em;}
	
	/*form styles*/
	
	table#search {width:400px; margin-left:30px;}
	table#search p{padding:5px; margin:0px;}

	div.margin {margin-left: 30px;}
	div.widemargin {margin-left: 60px;}
	div.login {width:400 px; margin-left: 30px; padding: 0px;}

 	table#register {width:200 px; margin: 0px; padding: 0px; margin-left:0px;}
	table#register td.heading {padding-bottom:5px;}
 	table#register td {margin: 0px; padding:0px; vertical-align:top;}
	table#register td.row {vertical-align:bottom; height:.1em;}
	table#register td.p {vertical-align:bottom; margin: 0px; padding: 0px;}
	table#register input {vertical-align:top;}
	
	table#confirmregistry p {margin:0; padding:2px; padding-left:5px;}
	table#confirmregistry td.heading {padding-top: 10px;}
	table#confirmregistry tr.caption {background-color:#BAB28A;}
	table#confirmregistry td.caption {padding:5px;}
	
	table#category {margin-left:30px; padding:5px;}
	table#category td {padding-top:10px;}
	table#category td.heading {padding-top:15px;}
	table#category p {vertical-align:top; margin: 0px; padding: 3px;}
	
	table#customer
	
	table#cart {margin-bottom:15px;}
	table#cart td {padding:5px;}
	table#cart tr.caption {background-color:#BAB28A; padding:0;}
	table#cart td.sum {padding-right:20px;}
	table#cart p {padding:1px 0; margin:0;}
	table#cart h2 {padding:0; margin:0;}
	table#cart p.caption {font-family: sans-serif; font-size:.9em; font-weight:bold; font-style: italic; margin-bottom:0px; line-height:1.6em;}
	table#cart p.captionstraight {font-family: sans-serif; font-size:.9em; font-weight:bold; font-style: normal; margin-bottom:0px; line-height:1.6em;}
	table#cart img {border:0;}
	/*list styles*/

	table#list td {padding:.5em 5px 1em;}
	table#list img {border:none; margin-bottom:5px; margin-left:15px;}
	table#list p.caption {font-family: sans-serif; font-size:1em; font-weight:bold; font-style: italic; text-align:center; margin-bottom:0px; line-height:1.4em;}
	table#list p.caption2 {font-size:.75em; font-weight:normal; font-style: normal; text-align:center; margin-bottom:.3em; line-height:1.4em;}
	
	/*display styles*/
	table#display {width:500px;}
	table#display p { font-family: verdana, arial, sans-serif; font-size:.75em; margin-top:0; margin-bottom:0; line-height: 1.6em;}
	table#display h4 { font-family: sans-serif; font-size:1.3em; font-style: italic; font-weight:bold; margin-bottom:.4em; margin-top:0.5em;}
	table#display h3 { font-family: sans-serif; font-size:1.3em; font-style: italic; font-weight:bold; margin-bottom:.5em; margin-top:.5em;}
	table#display img {border:none; margin-top:20px; margin-bottom:5px;}
	table#display td.text {padding-right:20px; margin-left:20 px;}
	table#display h2.caption {margin:0; text-align:center; margin-bottom:10px;}
	table#display span.normal {font-weight:normal;}
	table#display img.cart {border:none; margin:0; padding:0;}
	
	
	.clearfix:after {
    content: ".";              /* punkten placeras på sidan som sista objekt innan div-elementet avslutas */
		display: block;          /* inline-element reagerar inte på egenskapen clear */ 
    height: 0;                 /* ser till att punkten inte är synlig */
    clear: both;               /* får behållaren att frilägga punkten */
    visibility: hidden;	     	/* försäkrar ytterligare att punkten inte är synlig */
		}
		.clearfix {display: inline-block;}   /* en fix för IE Mac */

		/* härnäst en fix för den fruktade Guillotine-buggen i IE6 */
		/* Gömmer för IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* Slut på gömning för IE-mac */
		/* slut på "ingen-extra-kod"-metoden för friläggning (clearing) */