body
{
	font-family:"Segoe UI", Arial;
	font-size:12px;
	color:#333;
	background:#ececec url(img/bg.png) repeat-x top center;
	margin:0px;
	line-height:16px;
}

img{border:0px;}
a{color:#069;text-decoration:none;}
a:hover
{
  text-decoration:underline;
}

h1
{
  font-size:22px;
  margin-bottom:16px;
  text-shadow: #6374AB 0px 0px 1px;
}
h2
{
  font-size:16px;
  line-height:26px;
  margin-bottom:20px;
}
h3
{
  font-size:13px;
  line-height:20px;
}

ul,ol
{
  margin-left:20px;
}

input[type=text],
input[type=password],
select,
textarea
{
  background:#fff url(img/inputbg.png) repeat-x top center;
  border:1px solid #ccc;
  padding:2px;
  font-family:"Segoe UI", Arial;
	font-size:12px;  
}

div.wrap
{
  width:976px;
  margin:auto;
  overflow:hidden;
}

div#topline
{
  width:976px;
  height:34px;
  position:relative;
  font-size:11px;
  color:#fff;
  line-height:34px;
}

div#topline a
{
  color:#fff;
  margin-right:16px;
}


/*knapp i nyhetsbrevskjema*/
#topline #nyhetsbrev #okbutton
{
  position:absolute;
  top:6px;
  right:0px;
  height:20px;
  width:20px;
}

div#stats{
  position:absolute;
  width:300px;
  height:34px;
  right:0px;
  top:0px;
  text-align:right;
}

div#top
{
  width:976px;
  height:122px;
  position:relative;
  margin-bottom:16px;
}

div#top div#logo a
{
  position:absolute;
  top:20px;
  
}

div#top img#hjalp-vi-deg
{
  position:absolute;
  top:20px;
  right:0px;
}

div#toppbanner
{
  position:absolute;
  top:28px;
  right:0px;
}

#topMenu
{
  position:absolute;
  bottom:0px;
  left:0px;
  *bottom:-1px;
}

#topMenu ul
{
  padding:0px;
  margin:0px;
}

#topMenu li
{
  
  float:left;
  margin-right:1px;
  list-style-type:none;
}

#topMenu li a
{
  color:#fff;
  background:#000 url(img/menuBG.png) repeat-x top center;
  line-height:31px;
  padding:8px;
  border:1px solid #000;
  cursor:pointer;
}

#topMenu li a.current
{
  background:#fff none no-repeat top center;
  color:#000;
  border:1px solid #cecece;
  border-bottom:1px solid #fff;
  *line-height:32px; /*IE fix*/
}

#topMenu li a.linkButton
{
  color:#fff;
  line-height:31px;
  padding:8px;
  border:1px solid #195089;
  background:#fff url(img/linkButtonBG.png) repeat-x top center;
}

.button
{
  background:#fff url(img/linkButtonBG.png) repeat-x top center;
  color:#fff;
  border:1px solid #195089;
  font-family:"Segoe UI", Arial;
  font-size:12px;
  height:22px;
  cursor:pointer;
}

/*knapp i innlogging*/
#top .button
{
  vertical-align:top;
}

.linkButton
{
  color:#fff;
  background:#fff url(img/linkButtonBG.png) repeat-x top center;
  line-height:33px;
  padding:8px;
  border:1px solid #fa9e0d;
}

img.ikon
{
  vertical-align:bottom;
}



span.count
{
  background:#66ccff none repeat scroll 0 0;
  color:#FFFFFF;
  margin-right:0.2em;
  padding:0 0.3em;
  font-size:16px;
  font-weight:bold;
  text-shadow: #666 0px 0px 1px;
}

div.countrow
{
  line-height:24px;
}

/*
  table layout
  main2col = left col, right col
*/
table.main2col
{
  width:976px;
  border-collapse:collapse;
  margin-bottom:20px;
}

div.main table.main2col  td.left
{
  padding:20px;
  width:606px;
  background-color:#fff;
  vertical-align:top;
  background:url(img/fade2.png) repeat-x scroll center top #FFFFFF;
  border:1px solid #DDDDDD;
}
div.main table.main2col  td.air
{
  width:6px;
}
div.main table.main2col td.right
{
  padding:20px;
  width:280px;
  background-color:#fff;
  vertical-align:top;
  background:url(img/fade2.png) repeat-x scroll center top #FFFFFF;
  border:1px solid #DDDDDD;
}

/* div layout */
#main
{
  width:976px;
  overflow:hidden;
  margin:auto;
}

div.main1col
{
  width:934px;
  overflow:hidden;
  background-color:#fff;
  margin-bottom:20px;
  padding:20px;
  background:#fff url(img/fade2.png) repeat-x top center;
  border:1px solid #ddd;
}

div.main2col
{
  width:976px;
  overflow:hidden;
  background:#fff url(img/main2col.png) repeat-y 646px 0px;
  margin-bottom:20px;
}

.catList
{
  width:934px;
  overflow:hidden;
  background-color:#fff;
  margin-bottom:20px;
  padding:20px;
  padding-top:10px;
  padding-bottom:10px;
  background:#fff url(img/fade2.png) repeat-x top center;
  border:1px solid #ddd;
}
.catList span
{
  display:inline-block;
  margin-left:10px;
}

/* Box with heading on sub pages */

.topBox
{
  margin-top:20px;
  margin-bottom:20px;
  width:936px;
  padding:20px;
  background:#195089 url(img/sokbg.png) no-repeat bottom center;
  -moz-border-radius:5px;
}

.topBox h1
{
  font-size:30px;
  color:#fff;
  line-height:36px;
  text-shadow: #fefefe 0px 0px 1px;
  margin-bottom:0px;
}

/* Box with heading on first page. Includes search box and buttons */
#frontbox
{
  margin-top:20px;
  margin-bottom:20px;
  width:936px;
  padding:20px;
  height:64px;
  background:#195089 url(img/sokbg.png) no-repeat top center;
  position:relative;
  -moz-border-radius:5px;

}

#frontbox h1
{
  font-size:30px;
  color:#fff;
  line-height:64px;
  text-shadow: #fefefe 0px 0px 1px;
}

#sok label
{
  font-size:14px;
  font-weight:bold;
  color:#fff;
  height:20px;
  position:absolute;
  top:18px;
  left:20px;
}
#sok input#sokefelt
{
  border:1px solid #CCCCCC;
  font-size:160%;
  margin-right:8px;
  padding:3px 5px;
  width:200px;
  position:absolute;
  top:50px;
  left:20px;
}
#sok .button
{
  border:1px solid #31b0c4;
  background: url(img/button-sok.png) repeat-x center center;
  padding-left:10px;
  padding-right:10px;
  height:32px;
  width:60px;
  font-size:16px;
  font-weight:bold;
  color:#fff;
  vertical-align:bottom;
  margin-left:0px;
  position:absolute;
  top:50px;
  left:234px;
}
#sok .button:hover,
#sok #seallebutikker:hover
{
  border:1px solid #fff;
}
#sok #sokeller
{
  position:absolute;
  top:56px;
  left:307px;
  font-size:22px;
  font-weight:bold;
  color:#fff;
}
#sok #seallebutikker
{
  position:absolute;
  top:50px;
  left:380px;
  border:1px solid #31b0c4;
}
#frontbox #finn-din-rabatt
{
  position:absolute;
  top:10px;
  right:20px;
}

div.left
{
  width:606px;
  float:left;
  padding:20px;
  margin-right:10px;
}

.leftbox
{
  width:606px;
  margin-bottom:20px;
  overflow:hidden;
}

#logolist
{
  width:936px;
}

#logolist h2
{
  margin-bottom:8px;
}

#logolist img
{
  margin-right:1px;
  margin-top:3px;
  border:1px solid #fff;
}

#logolist img:hover
{
  border:1px dashed #999;
}

#latest
{
  width:295px;
  float:left;
  background:transparent url(img/tag_nye.png) no-repeat 0px 10px;
}

#best
{
  width:295px;
  float:left;
  margin-left:16px;
  background:transparent url(img/tag_pop.png) no-repeat 0px 10px;
}

#latest h2,
#best h2
{
  padding-left:50px;
  padding-top:9px;
  *padding-top:24px;
  font-size:16px;
  line-height:50px;
}

ul.bullets
{
  padding:0px;
}

ul.bullets li
{
  list-style-type:none;
  background:#fff url(img/pil.png) no-repeat 0px 8px;
  padding-top:8px;
  padding-left:20px;
}

#latest ul.bullets li,
#best ul.bullets li
{
  height:64px;
  border-bottom:1px solid #ececec;
  
}

ul.bullets a.store
{
  color:#000;
  display:block;
  font-size:13px;
  font-weight:bold;
  margin-bottom:4px;
}
ul.bullets a.title
{
  display:block;
  font-size:12px;
}

/*Rabattliste*/

.listRow
{
  width:606px;
  overflow:hidden;
  padding-top:16px;
  padding-bottom:10px;
  border-bottom:3px dashed #dedede;
}
.listRow h3
{
  margin-top:0px;
}

.listLeft
{
  float:left;
  width:170px;
  overflow:hidden;
  padding:5px;
  background:#dedede url(img/stripebg.gif) repeat center center;
  border:1px solid #dedede;
}
div.listPictureStore
{
  width:150px;
  height:80px;
  padding:10px;
  background:#fff none no-repeat top left;
  position:relative;
}
div.listInfo
{
  line-height:20px;
}
div.listContentStore
{
  float:left; 
  margin-left:24px;
  width:400px;
}
div.listPicture
{
  float:left; 
  width:150px;
  height:80px;
  padding:9px;
  position:relative;
  line-height:80px;
  text-align:center;
  font-size:40px;
  font-weight:bold;
  font-family:arial;
  color:green;
  background:#fff none no-repeat center center;
  border:1px solid #dedede;
}
div.listPicture img
{
  position:absolute;
  top:0px;
  left:0px;
  z-index:100;
}
div.listContent
{
  float:left; 
  margin-left:24px;
  width:400px;
}


/*END rabattliste*/


div.right
{
  width:280px;
  float:left;
  padding:20px;
  height:100%;
  overflow:hidden;
}

.rightbox
{
  background:#F2F2F2;
  border:1px solid #ccc;
  margin-bottom:20px;
  padding:8px;
  -moz-border-radius:2px;
  -moz-box-shadow:1px 1px 3px #dedede;
  
}

.rightbox h3
{
  margin-top:0px;
  margin-bottom:8px;
  font-size:16px;
}

/* Skjema */
div.form {
  background-color:#EFEFEF;
  border:1px solid #CCCCCC;
  padding:32px;
}

table.form td
{
  height:30px;
  font-size:12px;
  padding-right:6px;
}

table.form td.validationState
{
  width:24px;
}

table.form td.info
{
  font-size:11px;
  color:#888;
}
/*END skjema*/

div.feilmelding 
{
  background: #fff6bf url(img/error.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	margin-bottom:20px;

}
div.suksess {
  background: #beecaf url(img/ok.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #92c681;
	border-bottom: 2px solid #92c681;
	margin-bottom:20px;
}
div.leggtil {
  background: #fffdca url(img/add.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border: 1px solid #d9d9d9;
	margin-top:20px;
}
div.informasjon {
  background: #99ccff url(img/info.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #6699ff;
	border-bottom: 2px solid #6699ff;
	margin-bottom:20px;
}

/* visKode */
.visKode
{
  margin-top:8px;
  margin-bottom:8px;
  width:400px;
  height:40x;
  overflow:hidden;
}
.visKnapp
{
  float:left;
  cursor:pointer;
}
.kode
{
  background:#fff url(http://www.rabattweb.no/img/se-rabattkode.png) repeat-x center center;
  font-size:14px;
  font-weight:bold;
  height:32px;
  text-align:center;
  width:220px;
  float:right;
  margin-top:6px;
}
div.kodeBoks
{
  width:218px;
  height:32px;
  background-color:#fff;
  border:1px dotted #dedede;
  line-height:32px;
}
div.kodeBoks a
{
  color:#000;
}


#bottom
{
  width:936;
  padding:20px;
  background:#4d4d4d;
  color:#fff;
  margin-bottom:20px;
  overflow:hidden;
  -moz-border-radius-topleft:     0px;
  -moz-border-radius-topright:    0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft:  5px;
}

.bottomCol
{
  float:left;
  margin-right:40px;
  padding-bottom:20px;
}

.bottomCol a
{
  color:#fff;
}

#copyright
{
  float:right;
}
#copyright a
{
  color:#fff;
}


/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(http://www.rabattweb.no/img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/* div js*/
.displayNone
{
  display:none;
}
.displayTableRow
{
  display:table-row;
}

.new
{
  color:red;
  font-weight:bold;
}


/*Vote*/
div.vote
{
  text-align:center;
  margin-top:10px;
  border-top:1px dashed #ccc;
  padding-top:10px;
}
div.vote a
{
  width:70px;
  display:inline-block;
  border:1px solid #ccc;
  background-color:#dedede;
  margin-top:6px;
  text-decoration:none;
}
div.vote a:hover
{
  background-color:#ccc;
}

fieldset#kommentarer
{
  padding:16px;
}

/* boxes */
.fadeBox1{
  background-image:url(img/fadeboth.gif);
  background-repeat:repeat-x;
  background-position:center center;
  text-shadow:0px 1px 0px #fff;
}
.fadeBox2{
  background-image:url(img/fade-2.png);
  background-repeat:repeat-x;
  background-position:left top;
  text-shadow:0px 1px 0px #fff;
  background-color:#e6e6e6;
  border:1px solid #ddd;
}
.grayBorder{
  border:1px solid #ddd;
}
.whiteBorder{
  border:1px solid #fff;
  padding:8px;
  display:block;
  overflow:hidden;
}

/* Tabell */
.tabell
{
  border:1px solid #ddd;
}
.tabell th
{
  background-color:#f2f2f2;
  font-weight:bold;
  padding:6px;
}
.tabell td
{
  background:#fff url(img/inputbg.png) repeat-x top center;
  border-top:1px dashed #aaa;
  padding:6px;
}

/* ads */
.topAds
{
  width:976px;
  height:150px;
  position:relative;
}
.topAds .ad180x150
{
  width:180px;
  height:150px;
  position:absolute;
  top:0px;
  left:0px;
}
.topAds .ad768x150
{
  width:768px;
  height:150px;
  position:absolute;
  top:0px;
  right:0px;
}

/* Kommentar */
.kommentar
{
  margin-top:10px;
  border:1px solid #f2f2f2;
}
.kommentar .info
{
  background-color:#f7f7f7;
  height:20px;
  padding:4px;
}
.kommentar .tekst
{
  padding:4px;
}
.kommentar.rw
{
  border:1px solid #99ccff;
}
.kommentar.rw .info
{
  background-color:#caedff;
}