/* Basic typography
=================================================== */
body {background:#e8eff4; color:#000; font:0.6875em/1.8em Verdana, sans-serif;  margin:0; padding:0;}
h1 {font:1.8em/1.1em "Times New Roman", Georgia, serif; color:#000; text-transform:uppercase; letter-spacing:0.1em; border-bottom: 1px dashed #aaa; margin: 0.5em 0;}
h2 {font:italic 1.7em/0.9em "Times New Roman", Georgia, serif; color:#353; letter-spacing:0.1em; margin: 1em 0 0 0; padding: 0.2em 0; border-bottom: 1px solid #ddd;}
h3 {color:#666; font-size:1em; font-weight:bold; margin:0; text-transform:uppercase; letter-spacing:0.1em;}
li h3 {text-transform:none; letter-spacing:0; font-style:italic;}
h4 {color:#666; font-size:1em; font-weight:bold; font-style:italic; margin:0;}
p {margin:0 0 1em 0;}
pre {font-size:100%; font-family: Verdana, sans-serif;  margin:0; padding:0;}
blockquote {margin:0; padding:0; font-style:italic;}
.error {font-weight:bold; color: #d00;}
p.hidden {display:none;visibility:hidden;}
.summary, .important {border:solid 1px #dedede; background-color:#e8f1f8; color:#222; margin:0 0 1em 0; padding:0.5em 0.5em 1em 0.5em; clear:both;}
.alert {background-color:#f7f4d1; border-bottom:solid #aaa 1px; border-top:solid #aaa 1px; color:#333; margin:0 0 1em 0; padding:0.5em 0 1em 0.5em;}
.translation {font-weight: bold; font-style:italic; background:#f7f4d1; border:1px solid #d00; border-width: 1px 0; color:#333; margin:0 0 1em 0; padding:0.5em 0 1em 0.5em;}
.header {background-color:#e1eafb;	border-top:solid #bbb 1px;	border-bottom:solid #999 1px; color:#333; margin:0 0 1.2em 0; padding:0.3em 1em;}
.poem {background-color:transparent; color:#000; font-style:italic; font-weight:bold; margin:20px 0px 20px 120px; text-indent:-0.5em;}
.red {color:Red;}
.newsheading {font-weight:bold; margin:2em 0 -1em 0;}
.morenews {font-weight:bold; font-style:italic; margin:1em 0 1em 0;}
abbr, acronym, .help {border-bottom:1px dotted #333; cursor:help;}
span.amp {font-family: "Goudy Old Style", Palatino,"Book Antiqua", serif; font-style:italic; font-size:110%;}

/* Pullquotes 
================================================*/
.pullquote {float:right; width:12em; margin:0.25em 25px 0.25em 0.75em; padding:0.5em; border:3px double #ccc; border-width:3px 0; color:#050; background:transparent; font:italic 1.6em/1.4 "Times New Roman", Georgia, serif; text-align:center;}

/* Images
=================================================== */
a img {border:0; margin:1px;}
li img {margin-left:-17px;}
.left {border:none; float:left; margin-right:1em;}
.leftborder {border:1px solid #666; float:left;margin-right:1em;}
.right {border:none; float:right; margin-left:1em;}
.rightborder {border:1px solid #666; float:right; margin-left:1em;}
.center {border:none; margin-left:1em; margin-right:1em; text-align:center;}
.centerborder {border:1px solid #666; margin-left:1em; margin-right:1em; text-align:center;}
.kayakimage {margin:3em auto; text-align:center;}
.ex1 {margin:10px 0 20px 0;}
.ex1 img {border:1px solid #bbb;padding:5px;}
.ex2 img {border:1px solid #aaa;}
.tips {float:left;margin:0 15px 20px 0;}

/* Hover tooltips 
==================================================*/
a.info, a.help {position:relative; text-decoration:none; border-bottom:2px dotted #aaa; cursor:help; z-index:24;}
a.info:hover, a.help:hover {color:#000; z-index:25;}
label.error a.help {color:#d00;}
a.info span, a.help span {visibility:hidden; display:none; font-weight:normal;}
a.info:hover span, a.help:hover span{display:block; visibility:visible; position:absolute; top:2em; left:2em;  width:20em; border:1px solid #666; line-height:1.2em; padding:8px; font-style:italic; background-color:#d4fccc; color:#333;}

/* Bannerbox
==================================================*/
.bannerbox-sv a, .bannerbox-en a {background:transparent url(../gfx/bannerbox-se.gif) no-repeat 0 0; display:block; height:40px; width:160px; text-indent:-999px; outline:0;}
.bannerbox-en a {background-image: url(../gfx/bannerbox-en.gif)}
.bannerbox-sv a:hover, .bannerbox-en a:hover {background-position:0 -40px;}
.bannerbox-sv span a, .bannerbox-en span a {background-image:none; text-indent:0;}
.changebox {float: left;margin:0 30px 10px 0;}
.changebox a.x {background:transparent url(../gfx/changebox.gif) no-repeat 0 0; display:block; height:40px; width:160px; text-indent:-999px; outline:0;}
.changebox a:hover {background-position:0 -40px;}
.changebox span a {background-image:none; text-indent:0;}
.stabbox { float:left;margin-right:30px;}
.stabbox a.x {background:transparent url(../gfx/stabbox.gif) no-repeat 0 0; display:block; height:40px; width:160px; text-indent:-999px; outline:0;}
.stabbox a:hover {background-position:0 -40px;}
.stabbox span a {background-image:none; text-indent:0;}
.databox { float:left;}
.databox a.x {background:transparent url(../gfx/databox.gif) no-repeat 0 0; display:block; height:40px; width:160px; text-indent:-999px; outline:0;}
.databox a:hover {background-position:0 -40px;}
.databox span a {background-image:none; text-indent:0;}

/* Links
===================================================*/
a:link, a:visited {color:#24b; text-decoration:none;}/*44b*/
a:hover, a:focus, a:active {color:#f00; text-decoration:none;}
a.disabled {color:#000;}
.linkarrow:after {content: " " url("../gfx/fw.gif");}
.extlinkarrow:after {content: " " url("../gfx/extfw.gif");}
.sum {float:right;}

/* Entries and Posts
===================================================*/
.entry, .post {margin:0 0 1em 0; padding:0;}
.date {font-size:0.7em; color:#444; text-transform:uppercase; letter-spacing:0.2em;}
a.continued {padding-right:10px; background:transparent url(../gfx/fw.gif) no-repeat 100% 50%;}
.meta {color:#666; font-style:italic;}
.meta a {padding:2px 0;}
.meta a.comments {padding-left:18px; background:transparent url(../gfx/comments.png) no-repeat 0 0;}
.meta a.comment {padding-left:18px; background:transparent url(../gfx/comment_add.png) no-repeat 0 0;}
.meta a.edit {padding-left:14px; background:transparent url(../gfx/pen.png) no-repeat -3px 0;}
p.edit {color:#666; font-style:italic;}
p.edit a img {position:relative; top:3px;}
p.order { float:right; }
div.order {background-color:#d4fccc;border:1px solid #333;padding:5px;margin:1em 0;}
div.order input { float: right; }

/* Comments
================================================*/
dl, dt, dd {margin:0; padding:0;}
dd { padding-bottom:0.5em;}
dl.latestcomments dt {padding-left:18px; background:transparent url(../gfx/comment.png) no-repeat 0 50%;}
dl.latestcomments dd {font-style:italic;}
dl.latestlaunchings dt {padding-left:18px; background:transparent url(../gfx/post.png) no-repeat 0 50%;}
dl.comments {margin-bottom:2em;}
dl.comments dt {padding:5px 5px 0 5px; font-weight:bold;}
dl.comments dd {padding:5px; border-bottom:1px solid #bbb;}
dt.author /*, dd.author*/ {border-top:4px solid #d4fccc;}/*changed from left 080408*/
dt a.comment {font:normal 1.8em Georgia, sans-serif; list-style-position:inside; list-style-type:decimal; background:transparent url(../gfx/comment.png) no-repeat 100% 75%; padding:0 0.9em 0 0;}

/* Lists
====================================================*/
ol {padding-left:0.8em; margin-left:0.8em;}
ul.comments, ul.launch, ul.blogroll {list-style:none; margin:0; padding:0;}


/* Tables
================================================*/
table {border:2px solid #67a; border-width:2px 0; border-collapse:collapse; font-size:100%; line-height:1.3em; margin-bottom:2em; width:100%; }
th { border-bottom:1px solid #67a; border-top:1px solid #67a; margin:0; padding:0.5ex; color:#67a; text-align:left; vertical-align:top; background-color:#e8f1f8;}
td {border-bottom:1px solid #ddd; margin:0; padding:0.5ex; text-align:left; vertical-align:top;}
table td.highlight {background-color:#e8f1f8;}
td[scope], th[scope]{ font-weight:bold; color:#666; }
tr:hover{ background-color:#d4fccc;}
table.list {margin-bottom:2ex;}
table.list th {font-style:italic; border-bottom:solid 1px #ccc; text-align:left;}
table.list td {border-bottom:solid 1px #ccc; vertical-align:top;}
table.list td a img {margin:0 0.5ex 0 0;}
table.list th.r, table.list td.r {text-align:right; width:130px;}
table.list td.ico {text-align:center; vertical-align:middle;}
table.list tr.pager td {padding:0 0 1ex 0; border:0; text-align:right;}
table.list caption {font:bold 1em Georgia, "Times New Roman", serif; letter-spacing:1px; padding-bottom:0.5em; text-align:left;}
.table { margin:0 0 2em 0;}
.table p {background-color: #eee9d7; border:1px solid #851; margin: 2px 0; padding-left: 1em;}
table.list tr.pager {background: transparent;}
table.list tr.pager td {border-top:3px double #ccc; border-bottom:0;}
table.list tr.pager .prev {padding-left:12px; background:transparent url(../gfx/back.gif) no-repeat 0 7px; float:left;}
table.list tr.pager .next {padding-right:12px; background:transparent url(../gfx/fw.gif) no-repeat 100% 7px; float:right;}
a.up, a.dir, a.img {padding-left:19px; background:transparent url(../gfx/folder_up.png) no-repeat 0 50%; display:/*inline-*/block;}
a.dir {background-image:url(../gfx/folder.png);}
a.img {background-image:url(../gfx/image.png);}


/* Products and Order
================================================*/
table.cart { border:none; }
table.cart th { border:none; background: transparent; font-weight:normal; font-style:italic;color:#000; vertical-align:bottom; }
table.cart th h2 { border:none; padding-bottom:0;}
table.cart td {border-top: 1px solid #ccc;border-bottom:none;}
table.cart input { width: 2.5em; }
table.cart tr:hover{ background-color: transparent;}
table.cart td:hover {background-color: transparent;}
table.checkout { border:none; }
table.checkout th { border:none; background: transparent; font-weight:normal; font-style:italic;color:#000; vertical-align:bottom; }
table.checkout th h2 { border:none; padding-bottom:0;}
table.checkout td {border-top: 1px solid #ccc;border-bottom:none;}
table.checkout tr:hover{ background-color: transparent;}
table.checkout td:hover {background-color: transparent;}
th.qty, td.qty { text-align:right;}
th.price, td.price { width: 8em; text-align: right; }
td.qty input, td.price input { text-align: right; }
th.sum, td.sum { text-align: right; font-weight: bold;}
ul.category, ul.product { list-style:none; margin:0 0 1em 0; padding:0 0 0.3em 0; }
ul.product span { float:right; width: 8em; text-align: right; }

/* Forms
=================================================== */
form {margin:0; padding:0;}
input, select, textarea {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:94%;}
div.form {background:#e8f1f8; border:1px solid #bbb; border-width:1px 0; padding:0 7px 7px 7px; margin:0 0 1em 0;}
#under div.form {background: transparent; border:0; padding:0;}
.form input, .form select, .form textarea {width:260px;}
.form textarea {width:520px; height:160px;}
.form textarea.long {height:320px;}
.form textarea.short {height:60px;}
.form input.radio {width:auto; position:relative; left:-4px; top: 1px;}
.form label {display:block; margin-top:5px;}
.form label.inline {display:inline;}

.form span.check, .form div.radio {display:block; margin-top:5px;}
.form span.check input, .form div.radio input {width:auto; position:relative; left:-4px; top: 1px;}
.form span.check label, .form div.radio label {display:inline;}

div.buttons {margin-top:20px;}
.form div.buttons input {width:75px;}
input.btn {width:auto; margin-left:10px;}
div.toggle {color:#24b; margin:15px 0 25px;}
div.measures {background: transparent url(../gfx/measure.gif) no-repeat 100% 0;}

/*  Layout
=================================================== */
#wrapper {position: relative; background:#fff; border: 1px solid #889; border-width: 0 1px; width: 800px; margin: 0 auto;}
#lang {position: absolute; top: 5px; right: 10px; z-index: 1;}
#tabs {position: absolute;}
#tabs ul {list-style: none;}
#tabs .canoes {position: absolute; top: 490px; left: -30px; }
#tabs .canoes a {background: transparent url(../gfx/tab-canoes.gif) no-repeat 0 0; display: block; height: 255px; width: 30px; text-indent: -999px; outline: 0;}
#tabs .en .canoes a {background-image: url(../gfx/tab-canoes-en.gif);}
#tabs .design {position: absolute; top: 235px; left: -30px;  }
#tabs .design a {background: transparent url(../gfx/tab-design.gif) no-repeat -60px 0; display: block; height: 255px; width: 30px; text-indent: -999px; outline: 0;}
#tabs .en .design a {background-image: url(../gfx/tab-design-en.gif);}
#tabs .design a:hover {background-position: -30px 0;}
#header {position: relative; text-align: right; padding: 40px 5px 0 0;}
#header img.logo {border-width: 0; position: absolute; top: 15px; left: 65px; z-index: 100;}
#header img.logo-ie {display:none}
#header input {margin-right: 5px;}
#header .cart { position:absolute; top: 41px; left: 45%; background: #d4fccc; border: solid 1px #333; padding:2px 5px 3px 5px; line-height: 100%; width:auto; }
#header .cart .o { margin-right:5px; }
#header .cart .c { margin-left:25px; }
#header .cart img { position:absolute; top: -4px; }
#banner {text-align: left; margin:7px 0 0 0; position: relative;}
#banner img {border-bottom:1px solid #7e95b4; border-top:3px solid #7e95b4;}
#banner div {position:absolute; top:10px; right:0;}
#banner div img {border:0; position:absolute; top:5px; right:-20px; }
#banner div div {visibility:hidden; position:absolute; top: 0; right: 0; width:210px; padding:7px 10px 7px 7px; border:1px solid #999; font-style:italic; line-height:1.1em; background: transparent url(../gfx/infobg.png);}
#banner div:hover div {visibility:visible;}
#over {position: relative;}
#main {float: right; margin: 0; padding: 16px 30px 20px 15px; width: 540px;}
#menu {float:left; margin:0; padding:20px 15px 20px 30px; width:160px; min-height: 500px; line-height:1.4em;}
#menu h2 {font:italic 1.4em/1.2em "Times New Roman", Georgia, serif; color:#666; margin:0.2em 0; border-bottom:1px solid #ccc;}
#menu ul {list-style:none; margin:0 0 1em 0; padding:0 0 0.3em 0;}
#menu ul li ul {margin:0;}
#menu ul li ul li {margin-left:15px;line-height:1.3em;}
#menu ul li ul li ul li { font-style:italic;}
#under {clear:both; background:#ceddea ;border-top: 1px solid #7e95b4;}
#u1 {float: left; margin: 0; padding: 20px 15px 20px 30px; width: 170px;}
#u2 {float: right; margin: 0; padding: 20px 30px 20px 15px; width: 540px;}
#u3 {float: right; margin: 0; padding: 20px 30px 20px 15px; width: 170px;}
#footer {background:#a5bacf; border-top:1px solid #7e95b4; border-bottom:3px solid #7e95b4; clear:both; padding:5px 10px 15px 10px; margin:0; text-align:right;overflow:auto;}
#footer .up {position: fixed; top:90%; margin-left:-1px;}
#footer a.rss {padding-right: 16px; background:transparent url(../gfx/rss.png) no-repeat 100% 1px;}
#footer a.widget {float:left; margin:0 0 0 20px;padding:0;}
#footer ul {float:left; text-align:left; margin:0 0 0 25px; text-transform:lowercase;}
#footer li {}
div.google {margin-top: 20px;}

/* Archive
=================================================== */
.year {clear:both; margin-bottom:1em;}
.year ul {margin:0 0 3em 0; padding: 0; list-style:none;}
.year li {float:left; width:40%; padding:0;}

/* lightbox 
===================================================*/	
	
#lightbox {position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img {border:none;}

#outerImageContainer {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; border:solid #ccc 1px; border-bottom:none;}
#imageContainer {padding:10px;}
#loading {position:absolute; top:40%; left:0; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}
#prevLink, #nextLink {width:49%; height:100%; background:transparent url(../gfx/blank.gif) no-repeat;/* Trick IE into showing hover */	display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../gfx/prevlabel.png) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../gfx/nextlabel.png) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;	background-color:#fff; margin:0 auto; line-height:1.4em;	overflow:auto; width:100%; border:solid #ccc 1px; border-top:none;}
#imageData {padding:0 10px; color:#666;}
#imageData #imageDetails {width:70%; float:left; text-align:left;}	
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose {width:66px; float:right;  padding-bottom:0.6em;}		
#overlay {position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#e8eff4;}
/*.lightbox {z-index:3; cursor:url(../gfx/magnify.cur), pointer;}
.lightbox img {position:relative;z-index:1;margin-bottom:-15px;}
.lightbox span img {position:relative; bottom:20px; left:519px; z-index:2;}

#topright { position:absolute; right:0; top:0; height:163px; width:163px; background:url(../gfx/top-right-corner.gif) no-repeat; text-indent:-999em; } */