Revision: 30811
Updated Code
at August 23, 2010 07:01 by shinokada
Updated Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Komplette skateboard</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Visma">
<meta name="robots" content="index,follow" />
<link rel="stylesheet" type="text/css" href="/sys/webshop.css" />
<script language="javascript" src="/sys/webshop.js"></script>
<style type="text/css">
<!--
/*****
* RESET
* ***********************/
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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a {
text-decoration: none;
}
/************
* Typography
*****************************/
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 {
font-size:14px;
margin:0 0 6px 0;
}
h2
{
font-size: 16px;
margin: 0 0 16px 0;
}
h3 {
font-size: 14px;
margin: 0 0 14px 0;
}
h4 {
font-size: 12px;
margin: 0 0 12px 0;
}
h5 {
font-size: 10px;
}
h6 {
font-size: 8px;
}
p {
margin: 0 0 12px 0;
}
/***
* Style
* ***********************/
body {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:13px;
background-image: url("images/bgr_pattern.gif");
}
#container
{
margin: 0 auto;
width: 960px;
background: #fff;
}
/***********
* Header section
* ******************************/
#header
{
margin: 10px auto 0;
background-image: url("images/header.png");
background-repeat: no-repeat;
background-position: 0 50px;
border-bottom: 1px solid #AEADAD;
width: 960px;
height: 113px;
color: #ffffff;
font-size: 12px;
line-height: 14px;
}
#header a, #header a:visited{
color: #ffffff;
text-decoration: none;
}
#header h1 { margin: 0;
text-indent: -9999px;
}
#header img{
}
#logo {
width: 360px;
height: 50px;
margin: 0 0 0 50px;
}
#login {
float:left;
margin:12px 10px 0 418px;
width:250px;
text-align:right;
}
#verisign {
width: 88px;
float:left;
margin: 0 4px;
}
#login a:hover, #cart a:hover{
text-decoration: underline;
}
#cart{
width: 100px;
float: left;
margin: 12px 0 0 4px ;
}
#flag{
width: 70px;
float: left;
margin: 23px 0 0 4px ;
}
/***********
* Navigation
* *********************/
#navigation
{
float: left;
width: 958px;
background: #ffffff;
height: 75px;
border-left: 1px solid #AEADAD;
border-right: 1px solid #AEADAD;
position:relative;
z-index: 3000;
}
#navigation ul
{
padding: 4px 0 0 23px;
margin: 0;
width: 100%;
}
#navigation ul li
{
list-style-type: none;
display: inline;
border-top: 1px solid #ffffff;
}
#navigation li a{
font-size: 14px;
line-height: 17px;
display: block;
float: left;
padding: 8px 0 0 0;
color: #231F20;
text-decoration: none;
width: 148px;
height: 28px;
text-align: center;
background-image: url("images/menu_btn.png");
background-repeat: no-repeat;
margin-right: 4px;
/*border-right: 1px solid #fff;*/
}
#navigation li a:hover {
}
#navigation ul ul{
padding: 0 0 0 10px;
z-index: 80;
}
#navigation li li a{
font-size: 12px;
line-height: 14px;
display: block;
float: left;
padding: 4px 0;
color: #231F20;
text-decoration: none;
height: 16px;
text-align: center;
background-image: none;
margin-right: 4px;
/*border-right: 1px solid #fff;*/
}
#navigation li li a:hover{
background-image: none;
background-color:#606160;
color: #ffffff;
}
#search{
float:left;
width: 30%;
padding: 5px 0 0 23px;
clear: left;
}
#social_btn{
float: right;
width: 400px;
padding: 7px 21px 0 0;
text-align: right;
z-index: 2000;
}
#towebshop{
float:right;
margin: 0 20px 0 0 ;
}
#facebookimg{
margin: 0 20px 0 0;
float:right;
}
#sharethis_0{
}
#sharethisbtn{
float:right;
z-index: 1000;
}
/********
* End of header section
* ******************************/
#content-container, #skatesteder, #omoss, #product-one, #product-two, #sys-default{
float: left;
width: 958px;
position:relative;
border-left: 1px solid #AEADAD;
border-right: 1px solid #AEADAD;
border-bottom: 1px solid #AEADAD;
}
#content-container{
background: #fff url(images/mainbg.gif) repeat-y 100% 0;
}
#content
{
float: left;
width: 508px;
/*padding: 20px 0;*/
margin:0 0 0 190px;
/*padding-left: 30px;*/
}
#aside
{
float: right;
width: 227px;
padding: 0;
margin: 0 23px 0 0;
display: inline;
}
#footer
{
clear: both;
background: #3e3c36;
text-align: right;
padding: 10px 20px;
height: 14px;
color: #ffffff;
}
#cards
{
clear: both;
background: #ffffff;
text-align: left;
padding: 10px 20px;
height: 1%;
color: #999999;
height: 55px;
}
#cards img {
float: left;
padding: 0 15px 0 0 ;
}
#ups {
}
/*************
* Left menu
* *************************/
#section-navigation{
float: left;
width: 158px;
padding: 0;
display: inline;
margin: 0 0 0 -677px;/* 675 = 508 + 9 + 158 - 2, maincontent width + width between left col and main + width of left col - border */
}
#section-navigation ul{
margin: 0 0 30px;
padding: 0;
}
#section-navigation ul ul{
margin: 0;
padding: 0;
}
#section-navigation ul li{
border-top: 1px solid #ffffff;
padding: 0;
list-style-type: none;
background-color: #AEADAD;
}
#section-navigation ul li a{
display: block;
padding: 7px 0 10px 8px;
font-size: 12px;
color: #0E1323;
margin: 0;
}
#section-navigation a:link,
#section-navigation a:visited {
/* color: #222222;
background-color: inherit;
*/
}
#section-navigation a:hover,
#section-navigation a:active {
color: #222222;
background-color: inherit;
}
#section-navigation ul li a:hover {
color: #ffffff;
background-color: #58487E;
}
#section-navigation ul ul li, #section-navigation ul ul ul li{
margin: 0;
background-color: #79AC9C;
color:#ffffff;
}
#section-navigation ul ul li a, #section-navigation ul ul ul li a{
color:#ffffff;
}
#section-navigation ul ul li a:hover, #section-navigation ul ul ul li a:hover{
color:#222222;
}
#section-navigation ul ul li a{
padding: 7px 0 10px 30px;
}
#section-navigation ul ul li a:hover {
background-color: #79AC9C;
}
#section-navigation ul ul ul li{
border-top:1px solid #FFFFFF;
}
#section-navigation ul ul ul li a{
padding: 7px 0 10px 40px;
}
#section-navigation ul ul ul li a:hover {
color: #ffffff;
background-color: #943B42;
}
/*************
* Right column
* ****************************************/
#white_bg {
background-color: #ffffff;
}
#ja_takk {
border: 1px solid #000000;
margin: 0 0 10px 0;
}
#skatenorway_movie {
margin: 0 0 5px 0;
}
#utube {
background-color: #DCDEDB;
z-index: -1;
}
#ctnr_iframe {
z-index:-1;
}
/***************
* Front page Main content area
* **************************************/
#slideshow {
width: 502pX;
height: 277px;
border: 2px solid #888888;
margin: 0 0 10px 0;
}
#boxes {
margin: 0 0 15px 0;
}
#boxes img{
display: inline;
margin: 0 4px 0 0;
}
#content-container #content .product_header{
text-align: center;
font-size: 14px;
background: #3e3c36;
padding: 10px 0 0 0;
width: 500px;
height: 25px;
font-weight: bold;
line-height: 17px;
color: #ffffff;
}
#products{
}
#products img{
display: inline;
margin: 0 3px 0 0;
border: 1px solid #888888;
}
#content-container #content h2, #content-container #content p {
width: 493px;
}
.product_box{
background-color: #EFEFED;
width: 500px;
padding: 0 0 30px 0;
margin: 0;
min-height: 355px;
}
.product_box td{
padding: 3px 5px;
}
/*****************
* Footer
* *****************************************/
#okada a, #okada a:visited{
color: #dddddd;
font-size: 9px;
padding: 0 7px 0 30px;
float:right;
}
#copyright {
float:left;
}
#footer p {
margin: 0 0 0 4px;
font-size: 10px;
}
/****************
* General pages
* *******************************/
#skatesteder, #omoss, #product-one, #product-two, #sys-default{
/* general css are in the above with content-contaier*/
background: #fff url(images/generalbg.gif) repeat-y 100% 0;
}
#skatesteder #content{
background-color: #f4f4f4;
width: 744px;
margin:0 0 30px 190px;
background-image: url("images/skate_bg.jpg");
background-repeat: no-repeat;
background-position: bottom;
padding: 0 0 30px 0;
min-height: 755px;
}
#skatesteder #section-navigation, #omoss #section-navigation, #product-one #section-navigation, #product-two #section-navigation, #sys-default #section-navigation {
margin:0 0 0 -912px;
}
/**********
* Om oss page
* *************************/
#omoss #content{
background-color: #f4f4f4;
width: 714px;
height: 700px;
margin:0 0 30px 190px;
background-image: url("images/skate_bg.jpg");
background-repeat: no-repeat;
background-position: bottom;
padding: 20px 0 0 30px;
min-height: 755px;
}
.small-cont{
width: 527px;
}
/*********
* Skatesteder
* *************************/
.green_header{
background: #1E675D;
width: 744px;
color:#FFFFFF;
height:29px;
padding:10px 0 0;
text-align:center;
line-height: 18px;
}
.skatested{
margin: 20px 42px 0 30px;
height: 170px;
border-bottom: 2px solid #333333;
}
.skatested img {
float: left;
margin: 10px 24px 10px 0;
}
.skatested p {
padding: 10px 0 0 0;
}
/****************
* Category/Product page
* ******************************/
#product-one img {
margin: 0 24px 10px 0;
float: left;
}
#product-one #content, #product-two #content{
background-color: #f4f4f4;
width: 744px;
margin:0 0 30px 190px;
background-image: url("images/skate_bg.jpg");
background-repeat: no-repeat;
background-position: bottom;
padding: 0;
min-height: 765px;
}
.product-content{
padding: 4px 42px 30px 30px;
}
.blue_header{
background: #302B60;
width: 744px;
color:#FFFFFF;
height:29px;
padding:10px 0 0;
text-align:center;
line-height: 18px;
}
/**************
* Contact and input for search
* *****************************/
input, textarea{
border: 2px solid #DBDAD5;
padding: 4px;
font-size: 1em;
background-color: #F8F8F8;
margin: 2px;
}
input:focus, textarea:focus, input.sffocus, textarea.sffocus{
border-color: #000;
background-color: #DFF7FF;
}
#search input, #search textarea{
border: 1px solid #DBDAD5;
padding: 3px 5px;
font-size: 1em;
background-color: #F8F8F8;
margin: 0 5px 0 0;
}
/****************
* System default pages, individual product, login, checkout, register etc.
* **********************************/
#sys-default #content{
background-color: #EFEFED;
width: 684px;
margin:0 0 30px 190px;
padding: 20px 30px;
min-height: 765px;
}
.td-main-odd, .td-main-even{
padding: 0 0 20px 0;
vertical-align: middle;
font-size: 12px;
line-height: 14px;
}
#sys-default #content img {
border: 1px solid #555555;
}
.td-menu{
padding: 0 0 10px 0;
font-size: 14px;
line-height: 16px;
}
.td-main{
padding: 0 0 20px 0;
vertical-align: middle;
font-size: 12px;
line-height: 14px;
}
.td-back{
}
#sys-default form{
margin: 0;
font-size: 12px;
line-height: 14px;
}
#sys-default form tr td {
vertical-align: top;
}
/***********
jquery menu, superfish.css
*****************************/
/*** ESSENTIAL STYLES ***/
.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: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
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; /* match ul width */
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; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
/*border-left: 1px solid #fff;
border-top: 1px solid #CFDEFF;*/
padding: .75em 1em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #231F20;
}
.sf-menu li {
/*background: #BDD2FF;*/
}
.sf-menu li li {
background: #AEADAD;
}
.sf-menu li li:hover {
background-color:#606160;
}
.sf-menu li li li {
background: #AEADAD;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
/*background: #CFDEFF;*/
outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
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; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.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; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('../images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
/******Sign-up page**/
#SignUp {
padding: 0;
}
#SignUp td {
padding: 8px ;
margin: 0;
}
.buybtn {
color: #000000;
background-color: #3DA33C;
border-color: #666666;
}
.buybtn:hover {
background-color: #ffffff;
color: #000000;
}
#content-container #content #fronttable p{
width: 157px;
}
//-->
</style>
</head>
<body>
<div id="header">
<a title="Forsiden" target="_self" href="/sys/scripts/goto.asp?cfg=5882&langid=8&linkid=2"><img id="logo" src="images/logo.png" /></a>
<h1>
Skatenorway
</h1>
<div id="login">
<!--TEXT:--> <A HREF="login-8.asp">Logg deg på</A>
</div>
<div id="cart">
Handlevogn<br />
Kr <!--TEXT:--> <A HREF="cart-8.asp" CLASS="sum">0,00</A>
</div>
<div id="verisign">
<img src="images/verisign.jpg">
</div>
<div id="flag">
<A HREF="sida_2_2.asp"><IMG SRC="sys/lang_2.gif" BORDER="0" ALT="Engelska"></A> <A HREF="sida_8_2.asp"><IMG SRC="sys/lang_8.gif" BORDER="0" ALT="Norska"></A>
</div>
</div>
<div id="container">
<div id="navigation">
<ul class="sf-menu">
<li><a href="Forsiden.asp" title="" class="">Forsiden</a>
</li><li><a href="Om_oss.asp" title="" class="">Om oss</a>
</li><li><a href="Handleinformasjon.asp" title="" class="">Handleinformasjon</a>
</li><li><a href="Gode_skatesteder.asp" title="" class="">Gode skatesteder</a>
</li><li><a href="Forum(2).asp" title="" class="">Forum</a>
</li><li><a href="Kontakt.asp" title="" class="">Kontakt</a>
</li>
</ul>
<div id="search">
<FORM ACTION="search-8.asp" METHOD="get">
<INPUT TYPE="text" CLASS="input-style" NAME="searchFor" SIZE="10">
<INPUT TYPE="submit" VALUE="Søk">
</FORM>
</div>
<div id="social_btn">
<div id="sharethisbtn">
<script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=3e1677f1-a29c-4f6a-ab95-4b3b76ea59b7&type=website&popup=true&embeds=true&post_services=email%2Cfacebook%2Ctwitter%2Cgbuzz%2Cmyspace%2Cdigg%2Csms%2Cwindows_live%2Cdelicious%2Cstumbleupon%2Creddit%2Cgoogle_bmarks%2Clinkedin%2Cbebo%2Cybuzz%2Cblogger%2Cyahoo_bmarks%2Cmixx%2Ctechnorati%2Cfriendfeed%2Cpropeller%2Cwordpress%2Cnewsvine"></script> </div>
<div id="facebookimg">
<a href="http://www.facebook.com/pages/wwwskatenorwayno/115816398437061?ref=ts" target="_blank"><img src="images/loginfacebook.gif" /></a>
</div>
</div>
</div>
<div id="product-one">
<div id="content">
<h2 class="product_header blue_header">Komplette skateboard</h2>
<div class="product-content">
<p><img border="0" alt="kompl norsk flagg" src="/sys/scripts/image.asp?cfg=5882&imageid=78" /></p>
<h1>Komplette skateboard:</h1>
<p>Start med skateboard! Kjøp en komplett pakke.</p>
<p>Komplette skateboard består av alt du trenger for å starte med skateboard.<br />
Skateboard deck bra form, griptape, trucks, bearings/kulelagre, hjul/wheels, muttere og skruer.<br />
Skateboardet er satt sammen av de beste kvalitetsprodukter. Du velger et av våre design på brettet. <br />
Skateboardpakken leveres i deler klar for montering.</p>
<p>Et lite tips, legg ved vårt kjekke skateboard tool når du handler.</p>
<p>Har du ikke montert skateboard før, se vår monteringsvideo på forsiden for veiledning.</p>
<p><font color="#800000"><strong>For mer info velg i menyen til venstre under komplette skateboard</strong>.</font></p>
</div>
</div>
<div id="section-navigation">
<ul><li><a href="Komplette_skateboard.asp" title="" class="">Komplette skateboard</a>
<ul><li><a href="Komplett_skateboard_norsk_flagg_design.asp" title="" class="">Komplett skateboard norsk flagg design</a>
</li><li><a href="Komplett_skateboard_lilla_skater_design.asp" title="" class="">Komplett skateboard lilla skater design</a>
</li></ul></li><li><a href="Decks(1).asp" title="" class="">Decks</a>
</li><li><a href="Trucks(2).asp" title="" class="">Trucks</a>
</li><li><a href="Bolter_og_muttere.asp" title="" class="">Bolter og muttere</a>
</li><li><a href="Bearings(1).asp" title="" class="">Bearings</a>
</li><li><a href="Wheels(2).asp" title="" class="">Wheels</a>
</li><li><a href="Griptape(1).asp" title="" class="">Griptape</a>
</li><li><a href="Skateboard_Tools(2).asp" title="" class="">Skateboard Tools</a>
</li><li><a href="T-shirts(2).asp" title="" class="">T-shirts</a>
</li><li><a href="Luer.asp" title="" class="">Luer</a>
</li><li><a href="Boxershorts(3).asp" title="" class="">Boxershorts</a>
</li><li><a href="Solbriller.asp" title="" class="">Solbriller</a>
</li><li><a href="Skolisser.asp" title="" class="">Skolisser</a>
</li><li><a href="Gavekort.asp" title="" class="">Gavekort</a>
</li><li><a href="Konkurranser.asp" title="" class="">Konkurranser</a>
</li><li><a href="Team_Skate_Norway(2).asp" title="" class="">Team Skate Norway</a>
</li><li><a href="Skate_Norway_Fun(1).asp" title="" class="">Skate Norway Fun</a>
</li><li><a href="Skate_Norway_Sponser.asp" title="" class="">Skate Norway Sponser</a>
</ul>
</div>
</div>
<div id="footer">
<p id="copyright">Copyright 2010 ©Skatenorway | org.nr. 994 549 278</p>
<p id="okada"><a href="http://www.okadadesign.no" target="_blank">Web: Okada Design AS</a></p>
</div>
<div id="cards">
<a href="http://www.visa.no"><img id="visa" src="images/visa_logo.gif" /><img id="verifiedvisa" src="images/Verified_by_Visa_30pxH.gif"></a>
<a href="http://www.mastercard.com"><img id="mater" src="images/MasterCard__logo.gif" /><img id="mcsecure" src="images/MC_SecureCode_30pxH.gif"></a>
<a href="http://www.posten.no/page?id=2251" target="_blank"><img id="posten" src="images/posten_76.gif" /></a>
<a href="http://www.ups.com/WebTracking/track?loc=en_NO" target="_blank"><img id="ups" src="images/ups.gif" /></a>
</div>
</div>
<!--[if IE 6]>
<style type="text/css">
#content
{
margin-left:100px;
padding-left: 30px;
}
</style>
<![endif]-->
</body>
</html>
Revision: 30810
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at August 23, 2010 06:45 by shinokada
Initial Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Komplette skateboard</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Visma">
<meta name="robots" content="index,follow" />
<link rel="stylesheet" type="text/css" href="/sys/webshop.css" />
<script language="javascript" src="/sys/webshop.js"></script>
<style type="text/css">
<!--
/*****
* RESET
* ***********************/
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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a {
text-decoration: none;
}
/************
* Typography
*****************************/
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 {
font-size:14px;
margin:0 0 6px 0;
}
h2
{
font-size: 16px;
margin: 0 0 16px 0;
}
h3 {
font-size: 14px;
margin: 0 0 14px 0;
}
h4 {
font-size: 12px;
margin: 0 0 12px 0;
}
h5 {
font-size: 10px;
}
h6 {
font-size: 8px;
}
p {
margin: 0 0 12px 0;
}
/***
* Style
* ***********************/
body {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:13px;
background-image: url("images/bgr_pattern.gif");
}
#container
{
margin: 0 auto;
width: 960px;
background: #fff;
}
/***********
* Header section
* ******************************/
#header
{
margin: 10px auto 0;
background-image: url("images/header.png");
background-repeat: no-repeat;
background-position: 0 50px;
border-bottom: 1px solid #AEADAD;
width: 960px;
height: 113px;
color: #ffffff;
font-size: 12px;
line-height: 14px;
}
#header a, #header a:visited{
color: #ffffff;
text-decoration: none;
}
#header h1 { margin: 0;
text-indent: -9999px;
}
#header img{
}
#logo {
width: 360px;
height: 50px;
margin: 0 0 0 50px;
}
#login {
float:left;
margin:12px 10px 0 418px;
width:250px;
text-align:right;
}
#verisign {
width: 88px;
float:left;
margin: 0 4px;
}
#login a:hover, #cart a:hover{
text-decoration: underline;
}
#cart{
width: 100px;
float: left;
margin: 12px 0 0 4px ;
}
#flag{
width: 70px;
float: left;
margin: 23px 0 0 4px ;
}
/***********
* Navigation
* *********************/
#navigation
{
float: left;
width: 958px;
background: #ffffff;
height: 75px;
border-left: 1px solid #AEADAD;
border-right: 1px solid #AEADAD;
position:relative;
z-index: 3000;
}
#navigation ul
{
padding: 4px 0 0 23px;
margin: 0;
width: 100%;
}
#navigation ul li
{
list-style-type: none;
display: inline;
border-top: 1px solid #ffffff;
}
#navigation li a{
font-size: 14px;
line-height: 17px;
display: block;
float: left;
padding: 8px 0 0 0;
color: #231F20;
text-decoration: none;
width: 148px;
height: 28px;
text-align: center;
background-image: url("images/menu_btn.png");
background-repeat: no-repeat;
margin-right: 4px;
/*border-right: 1px solid #fff;*/
}
#navigation li a:hover {
}
#navigation ul ul{
padding: 0 0 0 10px;
z-index: 80;
}
#navigation li li a{
font-size: 12px;
line-height: 14px;
display: block;
float: left;
padding: 4px 0;
color: #231F20;
text-decoration: none;
height: 16px;
text-align: center;
background-image: none;
margin-right: 4px;
/*border-right: 1px solid #fff;*/
}
#navigation li li a:hover{
background-image: none;
background-color:#606160;
color: #ffffff;
}
#search{
float:left;
width: 30%;
padding: 5px 0 0 23px;
clear: left;
}
#social_btn{
float: right;
width: 400px;
padding: 7px 21px 0 0;
text-align: right;
z-index: 2000;
}
#towebshop{
float:right;
margin: 0 20px 0 0 ;
}
#facebookimg{
margin: 0 20px 0 0;
float:right;
}
#sharethis_0{
}
#sharethisbtn{
float:right;
z-index: 1000;
}
/********
* End of header section
* ******************************/
#content-container, #skatesteder, #omoss, #product-one, #product-two, #sys-default{
float: left;
width: 958px;
position:relative;
border-left: 1px solid #AEADAD;
border-right: 1px solid #AEADAD;
border-bottom: 1px solid #AEADAD;
}
#content-container{
background: #fff url(images/mainbg.gif) repeat-y 100% 0;
}
#content
{
float: left;
width: 508px;
/*padding: 20px 0;*/
margin:0 0 0 190px;
/*padding-left: 30px;*/
}
#aside
{
float: right;
width: 227px;
padding: 0;
margin: 0 23px 0 0;
display: inline;
}
#footer
{
clear: both;
background: #3e3c36;
text-align: right;
padding: 10px 20px;
height: 14px;
color: #ffffff;
}
#cards
{
clear: both;
background: #ffffff;
text-align: left;
padding: 10px 20px;
height: 1%;
color: #999999;
height: 55px;
}
#cards img {
float: left;
padding: 0 15px 0 0 ;
}
#ups {
}
/*************
* Left menu
* *************************/
#section-navigation{
float: left;
width: 158px;
padding: 0;
display: inline;
margin: 0 0 0 -677px;/* 675 = 508 + 9 + 158 - 2, maincontent width + width between left col and main + width of left col - border */
}
#section-navigation ul{
margin: 0 0 30px;
padding: 0;
}
#section-navigation ul ul{
margin: 0;
padding: 0;
}
#section-navigation ul li{
border-top: 1px solid #ffffff;
padding: 0;
list-style-type: none;
background-color: #AEADAD;
}
#section-navigation ul li a{
display: block;
padding: 7px 0 10px 8px;
font-size: 12px;
color: #0E1323;
margin: 0;
}
#section-navigation a:link,
#section-navigation a:visited {
/* color: #222222;
background-color: inherit;
*/
}
#section-navigation a:hover,
#section-navigation a:active {
color: #222222;
background-color: inherit;
}
#section-navigation ul li a:hover {
color: #ffffff;
background-color: #58487E;
}
#section-navigation ul ul li, #section-navigation ul ul ul li{
margin: 0;
background-color: #79AC9C;
color:#ffffff;
}
#section-navigation ul ul li a, #section-navigation ul ul ul li a{
color:#ffffff;
}
#section-navigation ul ul li a:hover, #section-navigation ul ul ul li a:hover{
color:#222222;
}
#section-navigation ul ul li a{
padding: 7px 0 10px 30px;
}
#section-navigation ul ul li a:hover {
background-color: #79AC9C;
}
#section-navigation ul ul ul li{
border-top:1px solid #FFFFFF;
}
#section-navigation ul ul ul li a{
padding: 7px 0 10px 40px;
}
#section-navigation ul ul ul li a:hover {
color: #ffffff;
background-color: #943B42;
}
/*************
* Right column
* ****************************************/
#white_bg {
background-color: #ffffff;
}
#ja_takk {
border: 1px solid #000000;
margin: 0 0 10px 0;
}
#skatenorway_movie {
margin: 0 0 5px 0;
}
#utube {
background-color: #DCDEDB;
z-index: -1;
}
#ctnr_iframe {
z-index:-1;
}
/***************
* Front page Main content area
* **************************************/
#slideshow {
width: 502pX;
height: 277px;
border: 2px solid #888888;
margin: 0 0 10px 0;
}
#boxes {
margin: 0 0 15px 0;
}
#boxes img{
display: inline;
margin: 0 4px 0 0;
}
#content-container #content .product_header{
text-align: center;
font-size: 14px;
background: #3e3c36;
padding: 10px 0 0 0;
width: 500px;
height: 25px;
font-weight: bold;
line-height: 17px;
color: #ffffff;
}
#products{
}
#products img{
display: inline;
margin: 0 3px 0 0;
border: 1px solid #888888;
}
#content-container #content h2, #content-container #content p {
width: 493px;
}
.product_box{
background-color: #EFEFED;
width: 500px;
padding: 0 0 30px 0;
margin: 0;
min-height: 355px;
}
.product_box td{
padding: 3px 5px;
}
/*****************
* Footer
* *****************************************/
#okada a, #okada a:visited{
color: #dddddd;
font-size: 9px;
padding: 0 7px 0 30px;
float:right;
}
#copyright {
float:left;
}
#footer p {
margin: 0 0 0 4px;
font-size: 10px;
}
/****************
* General pages
* *******************************/
#skatesteder, #omoss, #product-one, #product-two, #sys-default{
/* general css are in the above with content-contaier*/
background: #fff url(images/generalbg.gif) repeat-y 100% 0;
}
#skatesteder #content{
background-color: #f4f4f4;
width: 744px;
margin:0 0 30px 190px;
background-image: url("images/skate_bg.jpg");
background-repeat: no-repeat;
background-position: bottom;
padding: 0 0 30px 0;
min-height: 755px;
}
#skatesteder #section-navigation, #omoss #section-navigation, #product-one #section-navigation, #product-two #section-navigation, #sys-default #section-navigation {
margin:0 0 0 -912px;
}
/**********
* Om oss page
* *************************/
#omoss #content{
background-color: #f4f4f4;
width: 714px;
height: 700px;
margin:0 0 30px 190px;
background-image: url("images/skate_bg.jpg");
background-repeat: no-repeat;
background-position: bottom;
padding: 20px 0 0 30px;
min-height: 755px;
}
.small-cont{
width: 527px;
}
/*********
* Skatesteder
* *************************/
.green_header{
background: #1E675D;
width: 744px;
color:#FFFFFF;
height:29px;
padding:10px 0 0;
text-align:center;
line-height: 18px;
}
.skatested{
margin: 20px 42px 0 30px;
height: 170px;
border-bottom: 2px solid #333333;
}
.skatested img {
float: left;
margin: 10px 24px 10px 0;
}
.skatested p {
padding: 10px 0 0 0;
}
/****************
* Category/Product page
* ******************************/
#product-one img {
margin: 0 24px 10px 0;
float: left;
}
#product-one #content, #product-two #content{
background-color: #f4f4f4;
width: 744px;
margin:0 0 30px 190px;
background-image: url("images/skate_bg.jpg");
background-repeat: no-repeat;
background-position: bottom;
padding: 0;
min-height: 765px;
}
.product-content{
padding: 4px 42px 30px 30px;
}
.blue_header{
background: #302B60;
width: 744px;
color:#FFFFFF;
height:29px;
padding:10px 0 0;
text-align:center;
line-height: 18px;
}
/**************
* Contact and input for search
* *****************************/
input, textarea{
border: 2px solid #DBDAD5;
padding: 4px;
font-size: 1em;
background-color: #F8F8F8;
margin: 2px;
}
input:focus, textarea:focus, input.sffocus, textarea.sffocus{
border-color: #000;
background-color: #DFF7FF;
}
#search input, #search textarea{
border: 1px solid #DBDAD5;
padding: 3px 5px;
font-size: 1em;
background-color: #F8F8F8;
margin: 0 5px 0 0;
}
/****************
* System default pages, individual product, login, checkout, register etc.
* **********************************/
#sys-default #content{
background-color: #EFEFED;
width: 684px;
margin:0 0 30px 190px;
padding: 20px 30px;
min-height: 765px;
}
.td-main-odd, .td-main-even{
padding: 0 0 20px 0;
vertical-align: middle;
font-size: 12px;
line-height: 14px;
}
#sys-default #content img {
border: 1px solid #555555;
}
.td-menu{
padding: 0 0 10px 0;
font-size: 14px;
line-height: 16px;
}
.td-main{
padding: 0 0 20px 0;
vertical-align: middle;
font-size: 12px;
line-height: 14px;
}
.td-back{
}
#sys-default form{
margin: 0;
font-size: 12px;
line-height: 14px;
}
#sys-default form tr td {
vertical-align: top;
}
/***********
jquery menu, superfish.css
*****************************/
/*** ESSENTIAL STYLES ***/
.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: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
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; /* match ul width */
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; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
/*border-left: 1px solid #fff;
border-top: 1px solid #CFDEFF;*/
padding: .75em 1em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #231F20;
}
.sf-menu li {
/*background: #BDD2FF;*/
}
.sf-menu li li {
background: #AEADAD;
}
.sf-menu li li:hover {
background-color:#606160;
}
.sf-menu li li li {
background: #AEADAD;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
/*background: #CFDEFF;*/
outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
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; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.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; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('../images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
/******Sign-up page**/
#SignUp {
padding: 0;
}
#SignUp td {
padding: 8px ;
margin: 0;
}
.buybtn {
color: #000000;
background-color: #3DA33C;
border-color: #666666;
}
.buybtn:hover {
background-color: #ffffff;
color: #000000;
}
#content-container #content #fronttable p{
width: 157px;
}
//-->
</style>
</head>
<body>
<div id="header">
<a title="Forsiden" target="_self" href="/sys/scripts/goto.asp?cfg=5882&langid=8&linkid=2"><img id="logo" src="images/logo.png" /></a>
<h1>
Skatenorway
</h1>
<div id="login">
<!--TEXT:--> <A HREF="login-8.asp">Logg deg på</A>
</div>
<div id="cart">
Handlevogn<br />
Kr <!--TEXT:--> <A HREF="cart-8.asp" CLASS="sum">0,00</A>
</div>
<div id="verisign">
<img src="images/verisign.jpg">
</div>
<div id="flag">
<A HREF="sida_2_2.asp"><IMG SRC="sys/lang_2.gif" BORDER="0" ALT="Engelska"></A> <A HREF="sida_8_2.asp"><IMG SRC="sys/lang_8.gif" BORDER="0" ALT="Norska"></A>
</div>
</div>
<div id="container">
<div id="navigation">
<ul class="sf-menu">
<li><a href="Forsiden.asp" title="" class="">Forsiden</a>
</li><li><a href="Om_oss.asp" title="" class="">Om oss</a>
</li><li><a href="Handleinformasjon.asp" title="" class="">Handleinformasjon</a>
</li><li><a href="Gode_skatesteder.asp" title="" class="">Gode skatesteder</a>
</li><li><a href="Forum(2).asp" title="" class="">Forum</a>
</li><li><a href="Kontakt.asp" title="" class="">Kontakt</a>
</li>
</ul>
<div id="search">
<FORM ACTION="search-8.asp" METHOD="get">
<INPUT TYPE="text" CLASS="input-style" NAME="searchFor" SIZE="10">
<INPUT TYPE="submit" VALUE="Søk">
</FORM>
</div>
<div id="social_btn">
<div id="sharethisbtn">
<script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=3e1677f1-a29c-4f6a-ab95-4b3b76ea59b7&type=website&popup=true&embeds=true&post_services=email%2Cfacebook%2Ctwitter%2Cgbuzz%2Cmyspace%2Cdigg%2Csms%2Cwindows_live%2Cdelicious%2Cstumbleupon%2Creddit%2Cgoogle_bmarks%2Clinkedin%2Cbebo%2Cybuzz%2Cblogger%2Cyahoo_bmarks%2Cmixx%2Ctechnorati%2Cfriendfeed%2Cpropeller%2Cwordpress%2Cnewsvine"></script> </div>
<div id="facebookimg">
<a href="http://www.facebook.com/pages/wwwskatenorwayno/115816398437061?ref=ts" target="_blank"><img src="images/loginfacebook.gif" /></a>
</div>
</div>
</div>
<div id="product-one">
<div id="content">
<h2 class="product_header blue_header">Komplette skateboard</h2>
<div class="product-content">
<p><img border="0" alt="kompl norsk flagg" src="/sys/scripts/image.asp?cfg=5882&imageid=78" /></p>
<h1>Komplette skateboard:</h1>
<p>Start med skateboard! Kjøp en komplett pakke.</p>
<p>Komplette skateboard består av alt du trenger for å starte med skateboard.<br />
Skateboard deck bra form, griptape, trucks, bearings/kulelagre, hjul/wheels, muttere og skruer.<br />
Skateboardet er satt sammen av de beste kvalitetsprodukter. Du velger et av våre design på brettet. <br />
Skateboardpakken leveres i deler klar for montering.</p>
<p>Et lite tips, legg ved vårt kjekke skateboard tool når du handler.</p>
<p>Har du ikke montert skateboard før, se vår monteringsvideo på forsiden for veiledning.</p>
<p><font color="#800000"><strong>For mer info velg i menyen til venstre under komplette skateboard</strong>.</font></p>
</div>
</div>
<div id="section-navigation">
<ul><li><a href="Komplette_skateboard.asp" title="" class="">Komplette skateboard</a>
<ul><li><a href="Komplett_skateboard_norsk_flagg_design.asp" title="" class="">Komplett skateboard norsk flagg design</a>
</li><li><a href="Komplett_skateboard_lilla_skater_design.asp" title="" class="">Komplett skateboard lilla skater design</a>
</li></ul></li><li><a href="Decks(1).asp" title="" class="">Decks</a>
</li><li><a href="Trucks(2).asp" title="" class="">Trucks</a>
</li><li><a href="Bolter_og_muttere.asp" title="" class="">Bolter og muttere</a>
</li><li><a href="Bearings(1).asp" title="" class="">Bearings</a>
</li><li><a href="Wheels(2).asp" title="" class="">Wheels</a>
</li><li><a href="Griptape(1).asp" title="" class="">Griptape</a>
</li><li><a href="Skateboard_Tools(2).asp" title="" class="">Skateboard Tools</a>
</li><li><a href="T-shirts(2).asp" title="" class="">T-shirts</a>
</li><li><a href="Luer.asp" title="" class="">Luer</a>
</li><li><a href="Boxershorts(3).asp" title="" class="">Boxershorts</a>
</li><li><a href="Solbriller.asp" title="" class="">Solbriller</a>
</li><li><a href="Skolisser.asp" title="" class="">Skolisser</a>
</li><li><a href="Gavekort.asp" title="" class="">Gavekort</a>
</li><li><a href="Konkurranser.asp" title="" class="">Konkurranser</a>
</li><li><a href="Team_Skate_Norway(2).asp" title="" class="">Team Skate Norway</a>
</li><li><a href="Skate_Norway_Fun(1).asp" title="" class="">Skate Norway Fun</a>
</li><li><a href="Skate_Norway_Sponser.asp" title="" class="">Skate Norway Sponser</a>
</ul>
</div>
</div>
<div id="footer">
<p id="copyright">Copyright 2010 ©Skatenorway | org.nr. 994 549 278</p>
<p id="okada"><a href="http://www.okadadesign.no" target="_blank">Web: Okada Design AS</a></p>
</div>
<div id="cards">
<a href="http://www.visa.no"><img id="visa" src="images/visa_logo.gif" /><img id="verifiedvisa" src="images/Verified_by_Visa_30pxH.gif"></a>
<a href="http://www.mastercard.com"><img id="mater" src="images/MasterCard__logo.gif" /><img id="mcsecure" src="images/MC_SecureCode_30pxH.gif"></a>
<a href="http://www.posten.no/page?id=2251" target="_blank"><img id="posten" src="images/posten_76.gif" /></a>
<a href="http://www.ups.com/WebTracking/track?loc=en_NO" target="_blank"><img id="ups" src="images/ups.gif" /></a>
</div>
</div>
<!--[if IE 6]>
<style type="text/css">
#content
{
margin-left:100px;
padding-left: 30px;
}
</style>
<![endif]-->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-15915487-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
Initial URL
http://skatenorway.no/Komplette_skateboard.asp
Initial Description
Initial Title
skatenorway category page
Initial Tags
Initial Language
HTML