/* DEFAULTS {{{ */
html, body{
    height: 100%;
    margin:0px;
    padding:0px;
    color: black;
    background-color: #dc090f;
}
body { 
    height: 100%;
    background: url(/graphics/body_bg.jpg) top left repeat-x;

    font-family: arial, helvetica, sans-serif;
    text-align: left;
    font-size: 12px;
}
img {
    padding: 0px; margin: 0px;
    border: 0px;
}
a {
    text-decoration: none;
}

table,td,tr {
    padding: 0px; margin: 0px;
}

ul,li {
    margin: 0px; padding: 0px;
    list-style-type: none;
}

input,
select {
    font-family: arial, helvetica, sans-serif;
    text-align: left;
    font-size: 12px;
}
input[type=submit] {
    text-align: center;
}
/* }}} */

/* TYPES {{{ */
p.bold {
    font-weight: bold;
}

input.redbutton {
    background-color: #dc090f;
    text-align: center;
    color: white;
}

div.clearer {
    clear: both;
}

input.qty {
    width: 25px;
    text-align: right;
    margin-right: 5px;
}

.row1 {
    background-color: #eee;
}

.toprow {
    font-weight: bold;
}

.faux {
    background: url(/graphics/faux_catlist.jpg) top left repeat-y white;
}

/* }}} */

/* WRAPPER {{{ */
table#main {
    height: 100%;
    width: 1117px;
}

table#main td.left {
    width: 73px;
    background: url(/graphics/wrapperLeft_bg.jpg) top left repeat-y;
}

table#main td.left div.top {
    width: 73px;
    height: 88px;
    background: url(/graphics/wrapperLeft_top.jpg) top left blue;
}
table#main td.left div.red {
    width: 73px;
    height: 224px;
    background: url(/graphics/wrapperLeft_red.jpg) top left blue;
}

.wrapper {
    width: 784px;
    background-color: white;
}

table#main td.right {
    width: 225px;
}
table#main td.right div.top {
    background: url(/graphics/wrapperRight_top.jpg) top left no-repeat white;
    width: 225px;
    height: 88px;
}
/* }}} */

/* USERADM {{{ */
    div#useradm {
        margin-left: 25px;
        margin-top: 10px;
        padding: 5px;
        width: 225px;
        border: 1px dotted #d0c4b4;    
        color: white;
    }

    div#useradm a {
        color: white;
    }

    div#useradm input[type=submit] {
        padding: 0px; margin: 0px;
        float: right;
    }
    div#useradm input[type=text],
    div#useradm input[type=password] {
        width: 128px;
        padding: 0px; margin: 0px;
        float: right;
    }

    div#useradm ul {
        list-style-type: disc;
        margin-left: 16px;
        margin-bottom: 12px;
        display: block;
    }
    div#useradm ul li {
        list-style-type: disc;
    }
/* }}} */

/* CART {{{ */
    div#cart {
        padding-left: 25px;
        padding-top: 25px;
        color: white;
        font-size: 12px;
    }

    div#cart p {
        margin: 0px; padding: 0px;
        padding-bottom: 4px;
        font-size: 12px;
    }
    div#cart a {
        color: #eef;
    }
    div#cart table tr td h3 {
        margin: 0px; padding: 0px;
        padding-bottom: 4px;
        font-size: 14px;
    }

    div#cart ul {
        padding: 0px; margin: 0px;
    }
    div#cart ul li {
        padding-top: 10px;
        margin-bottom: 10px;
        border-top: 1px dotted #d0c4b4;    
    }
    div#cart ul li.first {
        border-top: none;
    }
    div#cart ul li.til_kassen {
        text-align: right;
    }
    div#cart table tr td.right {
        text-align: right;
        background: inherit;
    }
    div#cart table tr td {
        width: 50%;
    }

    div#cart input[type=submit] {
        font-size: 12px;
        padding: 0px;
    }
/* }}} */

/* LEFTPANE {{{ */
    div.leftpane {
        width: 187px;
        float: left;
        margin-right: 7;
    }
    div.leftpane div#logo {
        width: 179px;
        height: 134px;
        background: white;
    }
    div.leftpane div#logo img {
        margin-top: 52px;
        margin-left: 10px;
    }
    div.leftpane div#prodmenu {
        padding-top: 16px;
        padding-bottom: 24px;
        margin-left: 7px;
        background-color: #636162;
        width: 170px;
        min-height: 400px;
    }
    div.leftpane div#prodmenu ul li {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    div.leftpane div#prodmenu ul li a {
        color: #b2b0b1;
    }
    div.leftpane div#prodmenu ul li.selected a {
        font-weight: bold;
        border-bottom: 1px dotted #ddd;
    }
    div.leftpane div#prodmenu ul li.selected ul li a {
        font-weight: normal;
        border-bottom: none;
    }
    div.leftpane div#prodmenu ul li ul li.selected a {
        font-weight: bold;
    }
    div.leftpane div#prodmenu ul li.selected a {
        color: white;
    }
    div.leftpane div#prodmenu ul li a {
        color: white;
        display: block;
        padding-left: 12px;
    }
    div.leftpane div#prodmenu ul li ul {
        padding: 0px;
        margin: 0px;
    }
    div.leftpane div#prodmenu ul li ul li {
        background: url(/graphics/prodsubmenu_bg.jpg) repeat-y;
    }
    div.leftpane div#prodmenu ul li ul li a {
        margin-left: 10px;
    }
/* }}} */

/* RIGHTPANE {{{ */
    div.rightpane {
        width: 590px;
        float: left;
    }

    div.rightpane div#mainmenu {
        width: 100%;
        height: 38px;
        background-color: #636162;

        margin-top: 88px;
        margin-bottom: 8px;

        font-size: 14px;
    }
    div.rightpane div#mainmenu ul {
        text-align: left;
        padding-top: 10px;
        padding-left: 16px;
    }
    div.rightpane div#mainmenu ul li {
        margin-top: 10px;
        display: inline;
    }
    div.rightpane div#mainmenu ul li a {
        padding-left: 15px;
        margin-right: 15px;

        border-left: 2px solid #acaaab;
        color: white;
    }
    div.rightpane div#mainmenu ul li.first a {
        border: none;
    }

    div.rightpane div#header {
        width: 585px;
        height: 82px;

        background-color: #dd0b0e;

        margin-bottom: 8px;
        text-align: center;
    }
    div.rightpane div#header h1 {
        margin: 0px;
        padding: 0px;

        color: white;
        font-size: 32px;

        padding-top: 16px;
    }

    div.rightpane div#boxes {
        width: 595px;
    }
    div.rightpane div#boxes img {
        width: 290px;
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    div.rightpane div#madeby {
    }
    div.rightpane div#madeby div {
        margin-right: 8px;
        float: right;
        font-size: 10px;
    }
    div.rightpane div#madeby div a {
        color: #636363;
    }
    div.rightpane div#madeby div a:hover {
        color: #858585;
    }
/* }}} */

/* CATLIST {{{ */
    div.catbox {
        width: 161px;
        height: 139px;

        margin-left: 25px;
        margin-bottom: 15px;

        float: left;

        text-align: center;
    }

    div.catbox h2 {
        margin: 0px;
        padding: 0px;
        text-align: center;
        padding-top: 7px;


        font-size: 14px;
    } 
    div.catbox a {
        color: #444;
    }
/* }}} */

/* PRODLIST {{{ */
    div#productlist div.product {
        padding-bottom: 8px;
        padding-top: 8px;
        border-top: 1px solid #b1b1b1;
        height: 140px;
    }
    div#productlist div.top {
        height: 115px;
    }
    div#productlist div.bottom {
        padding-top: 5px;
        margin-left: 96px;
        border-top: 1px solid #b1b1b1;
        height: 25px;
    }
    div#productlist div.product.first {
        border-top: none;
    }
    div#productlist p {
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        color: black;
    }
    div#productlist h2 {
        padding: 0px; margin: 0px;
        padding-bottom: 4px;
    }
    div#productlist h2 a {
        font-size: 14px;
        color: black;
    }

    div#productlist p {
        padding: 0px; margin: 0px;
        padding-bottom: 6px;
    }

    div#productlist div.product img {
        margin-right: 8px;
    }

    div#productlist input {
        float: right;
    }
    div#productlist input#leggikurv {
        margin-right: 20px;
    }
    div#productlist input#detaljer {
        float: left;
    }
    div#productlist input[type=submit] {
        background-color: #dc090f;
        color: white;
    }

/* }}} */

/* PRODUCT {{{ */
    div#product-picture {
        width: 245px;
        height: 367px;

        float: left;
    }
    div#product-info {
        float: left;
        width: 325px;
        padding-left: 10px;
    }
    div#top-pane {
        width: auto;
        height: 330px;
        * height: 310px;
    }
    div#product img {
        float: left;
        margin-right: 15px;
    }

    div#product input {
        float: right;
    }
    div#product input#leggikurv {
        margin-right: 20px;
    }
    div#product input#tilbake {
        float: left;
    }

    div#product h1 {
        font-size: 20px;
    }
/* }}} */

/* CONTACT {{{ */
    tr.bottom td {
        height: 60px;
    }
    tr.bottom td div.leftpane,
    tr.bottom td div.rightpane {
        height: 46px;
    }

    div#contact {
        height: 46px;
        width: 585px;

        background-color: #969696;
        color: white;
        font-weight: bold;
    }
    div#contact ul {
        padding-top: 14px;
        text-align: center;
    }
    div#contact ul li {
        display: inline;
        padding-left: 13px;
        margin-right: 13px;
        border-left: 1px solid white;
        font-size: 12px;
    }
    div#contact ul li.first {
        border: none;
    }
    div#contact ul li a {
        color: white;
    }
    div#contact ul li a:hover {
        color: #eee;
    }
/* }}} */

/* SEARCH {{{ */
    div#search {
        padding-left: 7px;
        width: 172px;
        background-color: white;
    }

    div#search input.searchtxt {
        padding: 0px; margin: 0px;
        width: 120px;
    }

    div#search input.searchbtn {
        padding: 0px; margin: 0px;
        width: 40px;
    }
/* }}} */

/* ACCESSORIES {{{ */
   table#accessories {
       margin-top: 8px;
       width: 100%;
   }

   table#accessories tr.toprow {
       background-color: #ccc;
   }
   table#accessories tr td {
        height: 70px;
   }
   table#accessories tr.toprow td {
       height: auto;
   }

   table#accessories tr.row1 {

   }

   table#accessories tr.row2 {

   }

   table#accessories h2,
   table#accessories h3,
   table#accessories p {
        margin: 0px; padding: 0px;
   }

   table#accessories h3 {
        font-size: 12px;
   }

   table#accessories p {
        color: #888;
   }

   table#accessories td {
        padding-top: 3px;
        padding-bottom: 3px;
   }

   table#accessories .center {
        text-align: center;
   }

   table#accessories .right {
        text-align: right;
        float: none;
   }

    table#accessories input[type=submit] {
        background-color: #dc090f;
        color: white;
    }
/* }}} */

#bottom-white-wrapper {
    background: url(/graphics/bottom_white.jpg) bottom left repeat-x;
    height: 100%;
    width: 100%;
}

h1 {
    font-size: 16px;
}

div#tekstboks {
    margin-top: 2px;
    width: 585px;
    clear: left;
}
