/*
 * Copyright:     Siteman AS
 * Browser:        0
 * Browser group: 
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body { line-height: 1; font-size: 62.5% }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
h1 { font-size: 2em }
h2 { font-size: 1.5em }
h3 { font-size: 1.25em }
h4, h5, h6, input, textarea { font-size: 1em }
p, h2, h3, h4, h5, h6, table, address, dl, pre, ul, ol, hr { margin-bottom: 1.5em }
h1 { margin-bottom: 1em }
a { color: #009; text-decoration: none }
a:hover { text-decoration: underline }
ul, ol { margin-left: 3em }
ul { list-style-type: disc }
ol { list-style-type: decimal }
dl dt { font-weight: bold }
dl dd { margin-left: 1.5em }
abbr, acronym { border-bottom: 1px dotted #000 }
address { font-style: italic }
del { color: #000 }
ins { background-color: #ffc }
blockquote { margin: 0 1.5em 1.5em 1.5em; border: 1px dotted #ddd; padding: .5em; background: #fcfcff; font-style: italic }
pre { white-space: pre; font: .8em monospace; line-height: 1.5 }
blockquote, pre { padding: .5em; background: #fcfcff; color: #000; border: 1px solid #cad6e8 }
dfn { font-weight: bold }
tt { display: block; margin: 1.5em 0; line-height: 1.5 }
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; border: none }
table { width: 100% }
th { border-bottom: 2px solid #ddd; background: #eee; font-weight: bold }
td { border-bottom: 1px solid #ddd }
th,td { padding: .5em; text-align: left }
caption { background: #fafafa; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd }
font { color: inherit !important; font: inherit !important }
.sm_clearfix:after, .sm_wrapper:after { content:"."; display: block; height: 0; clear: both; visibility: hidden }
.sm_clearfix, .sm_wrapper { display: inline-block }
* html .sm_clearfix, * html .sm_wrapper { height: 1% }
.sm_clearfix, .sm_wrapper { display: block }
.sm_clear { clear: both }
#header h1, #header p, .skip, .hide { display: none }
img.left { float: left; margin: 0 1.5em 1.5em 0 }
img.right { float: right; margin: 0 0 1.5em 1.5em }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 150px; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; padding: 0 }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: -10px; padding: 0 10px 10px 10px; top: 27px; z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; }
.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; }
a > .sf-sub-indicator { top: .8em; background-position: 0 -100px; }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
ul.tabs { margin: 0 0 1.5em 0 }
ul.tabs li { float: left; list-style: none }
ul.tabs li a { float: left; display: block }
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100000; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
.galleri { padding: 10px !important; margin: 3em 0 2em; border: 4px solid #BFBFBF; background: #fff; float: left; width: 648px; position: relative }
.galleri .current { width: 350px; text-align: center; height: 300px; float: left; margin: 0 2em; }
.bgthumbs { width: 250px; float: left; }
ul#id1 { list-style: none inside; width: 300px; margin: 0; }
.bgthumbs ul li { float: left; border: 1px dashed #D1D1D1; width: 80px; height: 69px; background: #f5f5f5; }
.bgthumbs ul a { display: block; width: 80px; height: 69px; }
.galleri h1 { position: absolute; top: -38px; left: 0 }
.produktdetaljer {overflow: hidden;}
.produktdetaljer .bilder {float: left; width: 360px; padding: 20px 19px 30px 40px; border-right: 1px dashed #c1c1c1; }
.produktdetaljer .info {float: left; padding: 10px 0 10px 20px; width: 180px; font-size: .9em}
.produktdetaljer .bilder .thumbs { margin-left: 2px; margin-top: 8px; }
.produktdetaljer .bilder .thumbs a { width: 72px; float: left }
.produktdetaljer .bilder .thumbs a img { margin: 1px 3px 0 3px; }
.produktdetaljer .bilder .thumbs a.selected { border: 2px solid #b6babe; margin: -2px -2px 0 -2px }
.produktdetaljer .knapper { position: absolute; height: 24px; line-height: 24px; bottom: 0; left: 0; width: 96%; padding: 0 2%; border-top: 1px solid #bfbfbf; text-align: right; background: white; }
.produktdetaljer .knapper input {border: 1px solid #bfbfbf; width: 20px; text-align: center; margin: 0 4px;}
.kategorithumbs ul {list-style: none inside; margin: 1em 0 0; overflow: hidden}
.kategorithumbs li { float: left; width: 25%; margin: 0 0 1em }
.kategorithumbs a { width: 120px; display: block; padding: 5px; margin: 0 auto; text-align: center; }
.kategorithumbs a:hover { text-decoration: none; background: #eee }
.kategorithumbs strong {font-size: 1.1em; font-weight: normal; color: #000}
#handel_steg {height: 30px;}
#handel_steg ol {margin: 0; list-style: decimal inside;}
#handel_steg ol li {float: left; margin: 0 20px 0 0}
#handel_steg a span, #handel_steg span.nolink {height: 30px; line-height: 30px;}
.jq-hk input {width: 20px}
#kundeinfo ul {list-style: none inside; margin: 0 0 1em; width: 100%; height: 25px; border-bottom: 1px solid #bfbfbf; padding-top: 5px; background: #eee}
#kundeinfo ul li {float: left; margin: 0 0 0 10px; }
#kundeinfo ul li a {border: 1px solid #bfbfbf; display: block; padding: 0 10px; text-decoration: none; background: #fafafa }
#kundeinfo ul li.aktiv a, #kundeinfo ul li a:hover {border-bottom: 1px solid #fff;background: #fff}
#kundeinfo ul li a span{display: block; height: 24px; line-height: 24px;}
#nykunde_skjema {display: none;}
#kasse-nav {position: absolute; bottom: 0; left: 0; width: 100%; height: 24px; line-height: 24px;}
#kasse-nav a.forrige {float: left; margin: 0 0 0 10px}
#kasse-nav a.neste {float: right; margin: 0 10px 0 0;}
input.input, textarea, .handlekurv input, select { padding: 3px 5px; border: 1px solid #ddd; background: #fff; font-size: 1em }
.input.disabled, textarea.disabled { color: #ccc; background: #fafafa }
input.input:focus, textarea:focus, select:focus { border-color: #666; color: #000 }
legend { padding: 3px 6px; font-weight: bold }
#innhold fieldset { clear: left; padding: 0 10px; margin: 0 0 1.5em 0 }
#innhold .handel_innhold fieldset { margin: 0 auto 1.5em auto; }
.handel_innhold form { padding: 0 0 1.5em 0 }
form dl { margin: 0; position: relative; float: left; clear: both; width: 100% }
form dl dt, form dl dd { margin: 0; font-weight: normal; clear: both }
form label { display: block; padding: 3px 6px; float: left; }
.input, textarea, select { width: 599px }
.input.short { width: 40px }
textarea { height: 4.5em; margin: 0 }
form dl.fm-2 { width: 300px; margin: 0 10px 0 0; clear: none }
form dl.fm-2 .input, form dl.fm-2 textarea, form dl.fm-2 select { width: 288px }
form dl.fm_last { margin: 0 }
form dl.fm-3 { width: 170px; margin: 0 20px 0 0; clear: none }
form dl.fm-3 .input, form dl.fm-3 textarea, form dl.fm-3 select { width: 158px }
form dl.prespan { margin: 0 0 0 270px }
form dl.cb { padding: 0.2em 0 }
form dl.cb dt { clear: both; float: left; }
form dl.cb dd {clear: none; float: left}
form dl.cb input, form dl.cb label { float: left }
form dl.cb label { padding: 2px 6px }
dl.postnr .input { width: 420px }
dl.postnr .input.postnr { width: 70px }
dl.postnr .input.poststed { width: 513px }
#innhold fieldset.cc { background: #ebebeb url(gfx/vk/cvc.gif) no-repeat bottom right }
dl.cc_uldato input, dl.cc_uldato span { float: left }
fieldset.cc .input { width: 280px }
dl.cc_uldato span { display: block; padding: 3px 5px; height: 1.5em; line-height: 1.5em }
fieldset.cc dl.cc_uldato .input, fieldset.cc dl.cc_ccv .input { width: 40px }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4 }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324 }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880 }
.error a { color: #8a1f11 }
.notice a { color: #514721 }
.success a { color: #264409 }
label.error { color: #c00; background: none; float: left; }
div.error, div.notice, div.success { padding: 1em; margin: 0.7em 0; border-width: 1px; border-style: solid }
body { background: #cdcdcd url(gfx/bg-body.gif) no-repeat 50% top; padding: 70px 0 0 0 }
#ramme, #kreditt { margin: 0 auto; width: 980px; }
#header { }
#header .sm_wrapper {position: relative}
#innholdsramme .sm_wrapper { background: url(gfx/bg-ramme.png); position: relative; height: 670px; height: auto !important; min-height: 670px; padding-bottom: 40px; padding-top: 10px; }
#innhold-inner { padding: 10px 9px 9px; margin: 90px 0 2em 0; border: 4px solid #BFBFBF; background: #fff; width: 632px; float: left; height: 500px; height: auto !important; min-height: 500px; position: relative }
body#uten-ramme #innhold-inner {border: none; background: transparent;}
h1.top-title {position: absolute; top: -40px}
.sm_kol { padding: 20px; float: left; overflow: hidden }
.sm_firstkol { width: 200px; overflow: visible; padding: 90px 20px 20px 20px; height: 530px; border-right: 1px dashed #c1c1c1; margin-right: 60px }
.sm_secondkol { height: 500px; height: auto !important; min-height: 500px; padding: 0 10px 0 0; }
.sm_thirdkol { padding-top: 0 }
.tokol .sm_thirdkol { display: none }
.tokol .sm_secondkol { width: 100%; padding: 0 }
#smuler { height: 18px; color: #999; position: absolute; line-height: 18px; left: 300px; top: 15px; font-size: .9em }
#smuler a {color: #999;}
#kreditt .sm_wrapper { padding: 20px }
#kreditt p { margin: 0; width: 45%; float: left; }
#kreditt p.sm_kred { float: right; text-align: right }
#kreditt, #kreditt a { color: #666 }
#nc-kred { }
body { line-height: 1.5; color: #000 }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Verdana, "Verdana Ref", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans serif; }
#innholdsramme { font-size: 1.2em }
#navigasjon {font-size: 1.2em}
#kreditt { font-size: 1.1em }
h1 { font-size: 1.5em; }
.sm_firstkol h1, .sm_thirdkol h1, h2, h3, h4, h5, h6 { font-size: 1em }
h1, h2, h3, h4, h5, h6 {margin-bottom: .5em; font-weight: normal}
#logo { height: 78px; width: 251px; background: url(gfx/logo.png); position: absolute; top: 10px; left: 15px; z-index: 2000 }
#logo a { display: block; height: 129px; width: 187px }
#logo span { display: none }
.sm_firstkol .artikkel {font-size: .9em; font-weight: bold}
#navigasjon.sm_row {background: url(gfx/bg-nav.png) repeat; }
#navigasjon .sm_wrapper { height: 24px; background: url(gfx/bg-nav-wrapper.png) no-repeat right top }
#nav { padding: 0 0 0 300px; }
#nav li { padding: 0 30px 0 0}
#nav li#mestilling {margin-left: 60px}
#nav em, #nav strong {font-weight: normal; font-style: normal}
#nav a, #nav li.aktiv ul a { color: #ccc; }
#nav a:hover, #nav li.aktiv a, #nav li.aktiv ul a:hover, #nav li.aktiv ul li.aktiv a {color: #fc0; text-decoration: none}
#nav span { height: 24px; line-height: 24px; }
#nav li ul {background: url(gfx/bg-dropdown.png)}
.sf-menu ul { width: 130px; }
.sf-menu li.sfHover ul { left: -10px; padding: 0 10px 10px 10px; top: 24px; }
ul.tabs { border-bottom: 1px solid #ddd }
ul.tabs li { padding: 0 2px 0 0 }
ul.tabs li a { border: 1px solid #ddd; border-bottom: 0; padding: 3px 5px; background: #fafafa }
#nc-kred { height: 55px; position: absolute; bottom: 0; right: 20px; line-height: 55px; text-align: right; padding-right: 190px; background: url(gfx/logo-nordic-cycling.png) no-repeat right 50%; }
#nc-kred a { display: block; width: 249px; height: 54px; background: url(gfx/nc-logo.png) no-repeat; position: absolute; right: 15px; top: -3px; }
#nc-kred a span {display: none;}
#nc-kred p {padding-right: 20px }
.thumbs .innerart {padding: 0 9px 9px; margin: 0 0 2em; border: 4px solid #BFBFBF; background: #fff;}
.thumbs ul {list-style: none inside; margin: 1em 0 0; overflow: hidden}
.thumbs li { float: left; width: 126px; }
.thumbs a { width: 120px; display: block; padding: 5px; margin: 0 auto; text-align: center; }
.thumbs a:hover { text-decoration: none; }
.thumbs strong {font-size: 1.1em; font-weight: normal; color: #000}
.varianter {}
.varianter ul {}
.varianter li {}
.varianter a {}
.sm_secondkol .artikkel {padding: 0 30px;}
.sm_firstkol img {border: 4px solid #BFBFBF;}