﻿.highlight {background-color:#fefbd2; color:#000080; }

/* ************** main.master ************************************ */
html {height: 100%; }
body {height:100%; background:url(skarvet.jpg) repeat-x top center; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#455560; }
form {margin:0 auto; width:800px; background-color:white; }

#branding {height:185px; color:inherit; background-image:url(toppbg-new.jpg); }

#containter {margin:0px 0; }

#navigation {float:left; width:162px; margin-bottom:3px; border-right:solid 1px #1D84CB; }
#navigation #mainmenu {padding:0; font-size:11px; background-color:#1D84CB; }
#navigation #cart {padding:2px; font-size:11px; color:White; background-color:#455560; }
#navigation #cart .CartSummary {height:15px; }
#navigation #cart .CartSummary .title {display:block; margin:2px 0; }
#navigation #cart .CartSummary b {font-weight:bold; }
#navigation #cart .CartSummary .list {display:block; margin-bottom:3px; font-weight:bold; }
#navigation #cart span.pricebox {display:block; padding:0 0 0 5px; }
#navigation #cart span.price {font-weight:bold; }

#navigation #cartbottom {margin:0; padding:0; border-collapse:collapse; height:30px; width:100%; font-variant:small-caps; font-style:normal; background-color:#007AC2; }
#navigation #cartbottom tr {margin:0; padding:0; border:0; }
#navigation #cartbottom .carttextTop {margin:0; padding:0; height:14px; width:100%; text-indent:15px; color:White; background-color:#455560; }
#navigation #cartbottom .carttextBottom {height:14px; text-align:center; color:Black; background-color:White; }
#navigation #cartbottom img {border:0; }
#navigation #cartbottom a {border:0; }

#navigation .search {margin:20px 0; text-align:center; }
#navigation .SearchBoxContent {width:100%; }
#navigation .SearchBoxContent .TextBox {float:left; width:122px; }
#navigation .SearchBoxContent .SearchButton {float:right; }

#navigation h3 {margin:0; border:solid 1px #999999; text-indent:5px; color:#333333; background-color:#DDDDDD; }
#navigation dl {margin:0 0 15px 0; font-size:12px; background-color:#EFEFEF; }
#navigation dt {margin:0 0 0 15px; font-size:12px; }

#footer {clear:both; height:20px; padding:3px; border-top:solid 1px #ECEEEF; text-align:center; color:#888888; }


/* ************** pages ************************************ */
#main {float:right; width:624px; padding:5px; }
#main #ctl00_SiteMapPath {padding:5px; border:dotted 1px yellow; font-size:0.9em; color:#AAAAAA; }

/* #main .image {float:left; height:213px; width:381px; background-image:url(frambilde_tv.jpg); background-repeat:no-repeat;  } */
#main #vignett {float:left; width:421px; height:228px;}
#main .news {float:right; margin-top:15px; height:213px; width:200px; }
#main .news .author {margin-bottom:10px; font-size:0.9em; color:#BBBBBB; }
#main .randomproducts { }
#main .randomproducts div.left {float:left; margin:5px 3px; padding:2px; height:63px; width:298px; border:solid 1px #DDDDDD; background:url(RightCorner.gif); background-position:bottom right; background-repeat:no-repeat; }
#main .randomproducts div.right {float:right; margin:5px 3px; padding:2px; height:63px; width:298px; border:solid 1px #DDDDDD; background:url(RightCorner.gif); background-position:bottom right; background-repeat:no-repeat; }
#main .randomproducts div img {float:left; margin-right:1px; }
#main .randomproducts div .text {display:block; height:34px; }
#main .randomproducts div .links {display:block; padding-top:3px; text-indent:20px; color:#007AC2; }
#main .randomproducts div .links a {text-decoration:none; font-weight:bold; color:#007AC2; }


/* ************** Shop page ******************************** */
#main .shop {margin:10px 0; }
#main .shop .left {float:left; margin:5px 0; padding:2px; width:48.5%; min-height:40px; max-height:63px; border:solid 1px #DDDDDD; background:url(RightCorner.gif); background-position:bottom right; background-repeat:no-repeat; }
#main .shop .left img {float:left; border:solid 1px red; }
#main .shop .left div {padding:2px; }
#main .shop .left div div {height:25px; }
#main .shop .right {float:right; margin:5px 0; padding:2px; width:48.5%; min-height:40px; max-height:63px; border:solid 1px #DDDDDD; background:url(RightCorner.gif); background-position:bottom right; background-repeat:no-repeat; }
#main .shop .right img {float:left; border:solid 1px red; }
#main .shop .right div {padding:2px; }
#main .shop .right div div {height:25px; }


/* ************** Category page **************************** */
#category .columnleft {float:left; width:430px; }
#category .columnleft .text {padding:5px 0; }
#category .columnright {float:right; width:190px; text-align:center; }
#category .columnleft .productlistbig {margin:8px 3px; height:63px; width:98%; border:solid 1px #CCCCCC; background:url(RightCorner.gif); background-position:bottom right; background-repeat:no-repeat; }
#category .columnleft .productlistbig .info {width:190px; }
#category .columnleft .productlistbig img {float:left; margin-right:3px; }
#category .columnleft .productlistbig .info {float:left; height:40px; }


/* ************** Product page ***************************** */
/*
#productpage {font-size:11px; }
#productpage .columntop {text-align:center; }
#productpage .columntophidden {display:none; }
/ * --- left col --- * /
#productpage .columnleft {float:left; }  / * in source code: width:425px; * /
#productpage .columnleft .box { }
#productpage .columnleft .dropdown {float:left; font-size:10px; height:16px; }
#productpage .columnleft img {vertical-align:middle; }
#productpage .columnleft .dropdownContainer {float:left; height:19px; width:175px; }
#productpage .columnleft .dropdownContainer label {float:left; display:block; width:90px; }
#productpage .columnleft .dropdownContainer span {float:left; display:block; padding-top:3px; width:220px; }
#productpage .columnleft .dropdownContainer select {float:right; display:block; width:80px;}
#productpage .columnleft .dropdownContainer b {display:block; }
#productpage .columnleft .price {float:right; width:150px; height:20px; text-align:left; font-size:12px; font-weight:bold; }
#productpage .columnleft .addtocart {float:right; font-size:11px; font-weight:bold; color:#007AC2; }
#productpage .columnleft .infotext {font-family:Arial; font-size:11px; color:#999999; }
/ * --- right col --- * /
#productpage .columnright {float:right; width:190px; text-align:center;	}
*/

/* ************** Product details ************************** */
#productdetails hr {margin:4px 0; }
/* --- main --- */
#productdetails .pnlMain {float:left; }
#productdetails .pnlMain .productlist {float:left; width:250px; border:solid 1px #CCCCCC; background-color:#F2F2F2; }
#productdetails .pnlMain .productlist p {margin:0; padding:0 0 0 15px; }
#productdetails .pnlMain .details {float:left; margin-left:3px; padding:0; width:175px; text-align:center; }
#productdetails .pnlMain .details .box {margin:0 0 5px 0; text-align:left; }
#productdetails .pnlMain .details .box label {float:left; display:block; width:95px; vertical-align: text-bottom; }
#productdetails .pnlMain .details .box .dropdown {float:left; font-size:10px; height:17px; width:80px; }
#productdetails .pnlMain .details .instock {margin-bottom:10px; width:99%; height:25px; text-align:left; }
#productdetails .pnlMain .details .price {margin:15px 0; width:99%; text-align:left; font-size:12px; font-weight:normal; }
#productdetails .pnlMain .details .addtocart {font-size:11px; font-weight:bold; color:#007AC2; }
#productdetails .pnlMain .details .addtocart a {margin:0; padding:0;}
#productdetails .pnlMain .details .addtocart .infotext {display:block; text-align:left; font-family:Arial; font-size:11px; color:#999999; }
#productdetails .pnlMain .details .addtocart .gotocart {display:block; text-align:left; }
/* --- right --- */
#productdetails .pnlRight {float:right; width:190px; text-align:center; }



/* ************** Searchresult page ************************ */
#searchresult .list img {float:left; }

/*  slett ???
.greetings {margin:0 auto; width:80%; border:solid 1px #AAAAAA; color:#333333; background-color:#DDDDDD; }
.greetings h3 {margin:0; padding:10px; font-weight:bold; color:#333333; background-color:#CCCCCC; }
.greetings dt {margin:0 10px; font-weight:bold; color:#333333; background-color:#CCCCCC; }
.greetings dd.text {margin:0 10px; color:#333333; background-color:#EEEEEE; }
.greetings dd.author {margin:0 20px; color:#999999; background-color:#DDDDDD; }
*/

.center {text-align:center;}


/* ************** Konkurranse ****************************** */
#konkurranse {}
#konkurranse .top {height:140px; background:url(images/konkurranse_top.jpg); }
#konkurranse .left {float:left; width:265px; border:dotted 0px red; }
#konkurranse .left .info {font-size:17px; color:red; }
#konkurranse .left .Question { font-weight:bold; }
#konkurranse .left .radiobuttonlist { margin-bottom:25px; }
#konkurranse .left .personalinfo {margin:3px; width:270px; height:22px; }
#konkurranse .left .personalinfo label {float:left; }
#konkurranse .left .personalinfo input {float:right; width:205px; background-color:white; }
#konkurranse .right {float:right; width:350px; height:724px; background:url(/Images/premiar.jpg); }



/* ************** Resellers page *************************** */
#resellers .columnleft {float:left; width:410px; }
#resellers .columnleft .controls {margin:15px 0; padding:10px 0; border-top:solid 1px #007AC2; border-bottom:solid 1px #007AC2; }
#resellers .columnleft .controls p {margin:0; padding:0 0 20px 0; font-weight:bold; }
#resellers .columnleft .controls input {width:40px; }
#resellers .columnleft table {margin:15px 20px; }
#resellers .columnleft table td.heading {font-weight:bold; vertical-align:top; }
#resellers .columnright {float:right; width:190px; text-align:center; }


/* ************** Links page ******************************* */
#links {margin:0 8px; }
#links dl {margin:25px 0; }
#links dl dt, #links dd {margin:0; }

.articleimage {float:right; }


/* ************** Contact page ***************************** */
#contact .top .left {float:left; width:390px; }
#contact .top .right {float:right; width:225px; }
#contact .title {width:100%; height:40px; }
#contact .register .info {display:block; font-weight:bold; font-size:larger; padding:5px 40px 15px 40px; color:brown; }	/* infotekst når brukar har sendt spørsmål */
#contact .register .left {float:left; width:305px; }
#contact .register .left select {display:block; margin:2px 0 10px 0; }

#contact .register .right {float:right; width:305px; }
#contact .register .right .field {margin:10px 0; }
#contact .register .right input.long {width:270px; }
#contact .register .right textarea {margin:2px 0 10px 0; height:80px; width:270px; }
#contact .register .bottom {clear:both; padding-top:10px; text-align:right; }


/* ************** ArticleList ****************************** */
#articlelist .left {float:left; width:425px; }
#articlelist .left .article {float:left; }
#articlelist .left span {float:left; margin:5px 0 15px 0; width:99%; }
#articlelist .left img {float:left; margin-bottom:15px; margin-right:3px;}
#articlelist .left .shorttext {margin:2px 0 25px 0; padding:0; font-style:normal; font-weight:normal; }
/* #articlelist .left .author {margin:0 0 15px 0; font-size:0.9em; color:#455560; } */
#articlelist .right {float:right; width:190px; text-align:center; }


/* ************** News ************************************* */
#news .TitleGif {margin-bottom:15px; }
#news .article h3 {margin:0; }
#news .article .shorttext {margin:3px 0 3px 0; font-weight:normal; }
#news .author {margin:0 0 20px 0;}


/* ************** Terms ************************************ */
#terms .text {padding-right:80px; }


/* ************** Order ************************************ */
#order {width:100%; }
#order .comment {display:block; margin:5px 0; color:Red; }
#order .box {padding:6px 4px; border:solid 1px #DDDDDD; }
#order .box .title {width:100%; }
#order .box .title h1 {float:left; }
#order .box .title .heading2 {float:right; }

#order .box .data .user {float:left; width:190px; }
#order .box .data .address {float:left; width:190px; }
#order .box .data .orderhead {float:right; width:200px; }

#order .box .products {width:100%; margin:10px 0; padding:0 0; }
#order .box .products table {width:100%; }
#order .box .products table td.priceformat {text-align:right; }
#order .box .products table td.underline {border-top:solid 1px black; border-bottom:double 2px black; }


/* ************** SearchResult****************************** */
#searchresult .top .left {float:left; width:390px; }
#searchresult .top .right {float:left; padding:15px 0 0 10px; width:220px; }
#searchresult .top .right input { vertical-align:middle; }
#searchresult .list {padding:2px; border:solid 1px #EEEEEE; background-color:#FCFCFC; }
#searchresult .list p {margin:2px 0; }
#searchresult .list a {text-indent:10px;}


/* ************** General ********************************** */
h1 {margin:5px 0 10px 0; font-size:24px; font-weight:bold; color:#455560; }
h2 {margin:5px 0; font-size:18px; }
h3 {margin:0px 0; font-size:12px; font-weight:bold; }
h4 {margin:0 0 3px 0; font-size:11px; font-weight:bold; }
img {border:0; }
a {text-decoration:none; color:#007AC2; }
a:hover {text-decoration:underline; color:#455560; }
.imgTitle {margin-bottom:20px; }
.shorttext {margin:10px 0; font-weight:bold; }
.longtext {margin:10px 0; }
.author {font-size:0.9em; color:#888888; }
.articleauthor {display:block; margin:10px 0; font-size:0.9em; color:#888888; }
hr {border-width:0; height:1px; margin:8px 0; background-color:#CCCCCC; }
th {text-align:left; background-color:#EEEEEE; }

.titleimage {margin-bottom:15px; }
.buttons {margin:15px 0; }
.buttons input {margin-right:5px; }

#photo {float:left; margin:0 12px 10px 0px; }
#photo a .photoborder {padding:2px; border:solid 1px #CCCCCC; }


/* ************** MyMenu user control ********************** */
#mymenu {margin:0; padding:0; width:100%; list-style-image:none; }
#mymenu li {padding:2px 0 3px 14px; list-style-type:none; }
#mymenu li:hover {background-color:#007AC2; }
#mymenu li.sub {padding-left:22px; }
#mymenu li a {display:block; color:white; }
#mymenu li.sel {background:url(dot-aasnes.gif); background-position:5px; background-repeat:no-repeat; }
#mymenu li.sel a.sel { position: relative; right:-1px; background:url(dot-arrow.gif); background-position:right; background-repeat:no-repeat; }


/* ------- fargar -------------
	blå			#007AC2
	mørkgrå		#455560
	lysegrå		#ECEEEF


#branding #right #seachbox {clear:both; float:right; width:150px; height:40px; margin:60px 20px 0 0; padding:3px; border:solid 1px #394A03; background-color:#5274CB; }
#branding #right #menusecond {float:right; }
*/