html,body,div,span,
h1,h2,h3,h4,h5,h6,
p,blockquote,q,em,img,small,strong,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
:focus{outline:0}
input,textarea{margin:0;outline:0; font-family:inherit; font-size:inherit; color:inherit;}
textarea{overflow:auto;}
table{border-collapse:collapse;border-spacing:0}
/* End Reset */

/* html5 */
header, nav, article, footer, address { display:block; }
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#010101; line-height:1.4; background:url(images/body-bg.png) }

/* headings
--------------------------------------------------------------- */
h1{}
h2{ font-size:23px; margin-bottom:5px; }
h3{ font-size:20px; margin-bottom:5px; font-weight:normal; }
h4{ font-size:16px; margin-bottom:3px; font-weight:bold; }
h4 span{ font-size:10px;margin-bottom:3px;font-weight: normal; }

h1 {color: #494949; }
h2 {color: #494949; }
h3 {color: #494949; margin-bottom: 5px; }
label {color: #494949; }

td.strong{font-size: 14px; font-weight: bold; margin-bottom: 3px;}
.notonweb {display:none;}

/* links
--------------------------------------------------------------- */
a{ text-decoration:none; }
a:hover { text-decoration:underline; }

a.h2{ text-decoration:none; color: #000 }

/* p, blockquote, address
--------------------------------------------------------------- */
p{ margin-bottom:15px; }

/* form */
input, select{ vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; line-height:1; }
.page{ width:1024px; margin-left:auto; margin-right:auto; }
.bg-dark, .form-box{ border: 1px solid #e6e6e6; }
.bg-light, .form-box-wrap, .prod-box2, .fb-box{ background:url(images/trans-light.png) }
.bg-dark { background-color: #F2F2F2; }

label.strong { font-size: 14px; font-weight: bold; }
div.formitem{ margin: 10px 0 10px 0; }

.select {
position: absolute; width: 170px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 33px; line-height:33px; color:#000; font-size:16px; padding: 0 20px 0 10px;
/*background:url(images/select.png) no-repeat;*/ margin-top:2px; overflow: hidden;
}
.styled{ width:200px; height: 32px; border: 1px solid #dddddd; border-radius: 4px; }
#selectdd-1{ background:url(images/dd-1.png) no-repeat; font-style:italic; margin-top:0; }
#selectdd-3{
background:url(images/dd-3.png) no-repeat;
width: 132px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 26px;
line-height:26px;
color:#fff;
font-size:15px;
padding: 0 20px 0 10px;
margin-top:0;
font-style:italic;
}

/*  Header
-------------------------------------- */
.header-wrap{ background:#d60000; }
.header{ padding:25px 0; }
.logo{ float:left; width:300px; }
.city-change{ float:right; width:235px; padding:5px 0 0; }

/*  Main contents
-------------------------------------- */
.main-wrap{ /*background:url(images/main-shadow.png) repeat-x;*/ border-top: 1px solid #e6e6e6; }
.main{ padding:20px 0; min-height: 400px; }
.form-box-wrap{ /*padding:5px; margin:-25px 0 35px; }
.form-box{ padding:18px; /*color:#fff;*/ color: #333; font-size:16px; }
.field{ border:1px solid #ddd; border-radius: 4px; padding:5px 9px 6px; width:275px; /*background:#b3b1ad;*/ font-style:italic; }
.btn-submit{ /*border:0;*/ cursor:pointer; width:154px; height:36px; padding:0; /*background:url(images/btn-legg-till.png) no-repeat;*/ }
.mb-7 { margin-bottom:7px }

/* contents */
.contents{ float:left; width:730px; padding:11px 0; /*background:#fff;*/ position:relative; min-height: 371px; margin-top: 20px; }
.sort-deal-wrap{ position:absolute; left:33px; top:-26px; height:26px; width:170px; }
.prod-box{ padding:20px; height:100%; /*overflow:hidden;*/ border-bottom:1px solid #7f7f7f; }
.no-border{ border:0; }
.prod-features{ float:left; width:280px; text-align:center; padding:0 10px; margin: 5px 0 0 0; }
.price, .discount{
float:left;
padding:30px 0 0;
margin:25px 0 20px;
font-size:36px;
font-weight:bold;
line-height:1;
}
.discount{width:124px;}
.price{width:139px;}
.price{ background:url(images/price.png) center top no-repeat; border-right:1px solid #7f7f7f; }
.discount{ background:url(images/discount.png) center top no-repeat; }

.prod-img-wrap{ float:right; width:348px; overflow:hidden; }
.prod-img{ display:block; padding:1px; background:#fff; border:3px solid #8f8f8f; }


/* sidebar */
.sidebar{ float:right; width:266px; margin-top: 68px; }

.menu-box{ padding:17px; height:100%; overflow:hidden; margin-bottom:15px; background-color: #fff; }

.prod-box2{ padding:17px; height:100%; overflow:hidden; margin-bottom:15px; border: 1px solid #e6e6e6; border-radius: 5px; }
.prod-box2:hover{ /*background:#d60000; color:#fff;*/ }
.img-discounted{ margin:0 1px 7px 0; position:relative; }
.img-discounted img{ display:block; }
.img-discounted h3{
position:absolute;
width:100%;
margin:0;
left:0;
bottom:0;
background:url(images/trans-dark.png);
line-height:1;
text-align:right;
}
.img-discounted h3 span{
display:inline-block;
/*background:url(images/discount-50.png) left center no-repeat;*/
font-size:32px;
line-height:32px;
padding:5px 5px 5px 20px;
font-weight:bold;
color:#fff;
}

.f-16 { font-size:16px }
.f-30 { font-size:30px }
.ml-20 { margin-left:20px }
.ml-10 { margin-left:10px }

.less-space{ line-height:1; }

.fb-box{ padding:10px; margin-bottom: 15px; }

.rounded{ position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

/*  Cities
-------------------------------------- */
.cities{ padding:15px 0 20px; text-align:center; color:#333; }
.white{ color:#fff }

.cities span{
display:inline-block;
padding:0 15px 0 11px;
border-right:1px solid #6d6d6c;
min-height:60px;
text-align:left;
vertical-align:top;
}
.cities span.last-item{ border-right:0; }
.cities a{ line-height:20px; color:#333; }

/*  DEALS
-------------------------------------- */
#maindeals .deal
{
	background: url(images/gfx-shade-deal.gif);
	/*padding: 5px;*/
	height: 320px;
	margin: 0px 0px 12px 0px;
}
#maindeals .deal .container
{
	height: 320px;
	position: relative;
	
	 -webkit-box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.5);
                -moz-box-shadow:    0px 0px 7px rgba(0, 0, 0, 0.5);
                box-shadow:         0px 0px 7px rgba(0, 0, 0, 0.5);
}
#maindeals .deal .dealimage
{
	position: absolute;
	width: 450px;
	height: 320px;
	right: 0px;
}
#maindeals .deal .options.primary
{
	margin-top: 18px;
	text-align: center;
}
#maindeals .deal .options.secondary
{
	background: url(images/trans-dark.png);
	height: 42px;
	position: absolute;
	bottom: 0px;
	width: 730px;
}
#maindeals .deal .options.secondary .fb-container
{
	float: right;
	margin-top: 12px;
	width: 140px;
}
#maindeals .deal .info
{
	float: left;
	padding: 15px 54px 15px 15px;
	width: 249px;
	background: red;
	height: 290px;
	position: absolute;
	background: url(images/gfx-bg-main-deal-new.png);
}
#maindeals .deal.top .info
{
	background: url(images/gfx-bg-main-deal-top-new.png);
}
#maindeals .deal .info .vendorlogo
{
	background-position: 40% 50%;
	background-repeat: no-repeat;
	height: 82px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#maindeals .deal .info .vendorlogo.vendor-1 { background-image: url(images/dealsites/150x72-sweetdeal.png) }
#maindeals .deal .info .vendorlogo.vendor-2 { background-image: url(images/dealsites/150x72-gulesiderdeals.png) }
#maindeals .deal .info .vendorlogo.vendor-3 { background-image: url(images/dealsites/150x72-groupon.png) }
#maindeals .deal .info .vendorlogo.vendor-4 { background-image: url(images/dealsites/150x72-crazyday.png) }
#maindeals .deal .info .vendorlogo.vendor-6 { background-image: url(images/dealsites/150x72-superdeal.png) }
#maindeals .deal .info .vendorlogo.vendor-7 { background-image: url(images/dealsites/150x72-cityscoop.png) }
#maindeals .deal .info .vendorlogo.vendor-8 { background-image: url(images/dealsites/150x72-letsdeal.png) }
#maindeals .deal .info .vendorlogo.vendor-11 { background-image: url(images/dealsites/150x72-dealina.png) }
#maindeals .deal .info .vendorlogo.vendor-12 { background-image: url(images/dealsites/150x72-oohgle.png) }
#maindeals .deal .info .vendorlogo.vendor-14 { background-image: url(images/dealsites/150x72-travelbird.png) }

#maindeals .deal .info .dealprice
{
	color: #fff;
	font-size: 42px;
	padding: 6px;
	line-height: 42px;
	text-align: right;
	width: 135px;
	float: left;
}
#maindeals .deal .info .dealprice .currency
{
	letter-spacing: -8px;
	font-size: 38px;
}
#maindeals .deal .info .bomb
{
	padding: 15px 0px;
	width: 108px;
	position: absolute;
	float: right;
	right: 28px;
	top: 76px;
	color: #8c3f01;
	text-shadow: 0px 1px 0px #9d711c;
	text-align: center;
}
#maindeals .deal .info .bomb span.lable { display: block; font-size: 12px; }
#maindeals .deal .info .bomb span.persentagenumber
{
	font-size: 48px;
	line-height: 44px;
	padding-left: 15px;
}
#maindeals .deal .info .bomb span.persentagesign { font-size: 16px; vertical-align: top; }
#maindeals .deal .info h2.infotext
{
	color: #fff;
	font-size: 15px;
	margin: 84px 0px 0px 0px;
	height: 65px;
	overflow: hidden;
	font-weight: normal;
}
#maindeals .deal .info h2.infotext a { text-decoration: none; color: #fff; }
#otherdeals { margin: 0px -6px 0px 0px; }
#otherdeals .deal
{
	width: 350px;
	padding: 5px;
	float: left;
	background: url(images/gfx-shadow-deal-other.gif) no-repeat;
	margin: 5px 6px 5px 0px;
	position: relative;
	height: 350px;
}
#otherdeals .deal .dealimage { width: 350px; height: 230px; }
#otherdeals .deal .info { color: #fff; }
#otherdeals .deal .info .vendorlogo { float: left; width: 92px; }
#otherdeals .deal .share { margin-top: 10px; z-index: 9999999; }
#otherdeals .deal .info .vendorlogo h1
{
	height: 43px;
	text-indent: -9999px;
	background-image: url(images/gfx-bg-vendorstrip-big.png);
	margin: 7px 14px;
}
#otherdeals .deal .info .vendorlogo.vendor-3 h1 { background-position: -0px -43px; width: 60px; }
#otherdeals .deal .info .vendorlogo.vendor-2 h1 { background-position: -64px -43px; width: 30px; }
#otherdeals .deal .info .vendorlogo.vendor-4 h1 { background-position: -96px -43px; width: 41px; }
#otherdeals .deal .info .vendorlogo.vendor-1 h1 { background-position: -160px -43px; width: 63px; }
#otherdeals .deal .info .vendorlogo.vendor-7 h1 { background-position: -224px -43px; width: 70px; }
#otherdeals .deal .info .vendorlogo.vendor-6 h1 { background-position: -384px -43px; width: 68px; }
#otherdeals .deal .info .vendorlogo.vendor-8 h1 { background-position: -480px -43px;  width: 50px; }
#otherdeals .deal .info .vendorlogo.vendor-11 h1 { background-position: -544px -43px;  width: 59px; }
#otherdeals .deal .info .vendorlogo.vendor-12 h1 { background-position: -320px -43px; width: 46px; }

#otherdeals .deal .info .dealprice
{
	text-align: right;
	width: 172px;
	font-size: 34px;
	float: left;
	padding: 5px;
}
#otherdeals .deal .info .dealprice .currency
{
	letter-spacing: -6px;
}
#otherdeals .deal .info .bomb
{
	color: #8C3F01;
	text-align: center;
	float: right;
	width: 80px;
	margin: 0px 3px 0px 0px;
}
#otherdeals .deal .info .bomb .lable
{
	font-size: 10px;
	display: block;
}
#otherdeals .deal .info .bomb .persentagenumber
{
	font-size: 34px;
	line-height: 32px;
	padding-left: 8px;
	text-shadow: 0 1px 0 #9D711C;
}
#otherdeals .deal .info .bomb .persentagesign
{
	vertical-align: top;
}
#otherdeals .deal .info
{
	background: url(images/gfx-price-deal-other.png) no-repeat;
	height: 57px;
	padding: 16px 0px;
	width: 367px;
	position: absolute;
	top: 162px;
	z-index: 1;
}
#otherdeals .deal h2
{
	font-size: 14px;
	font-weight: normal;
	margin: 5px 0px 0px;
	height: 82px;
	overflow: hidden;
}
#otherdeals .deal h2 a
{
	text-decoration: none;
	color: #333;
}
/*  Header 
-------------------------------------- */
#header
{
    background-color: #ffffff;

}
#header #logostrip
{
	/*background: #d50000;*/
	height: 65px;
	/*border-top: 1px solid #e29898;
	border-bottom: 1px solid #8c0000;*/
}
#header .contentcontainer
{
	width: 1024px;
	margin: 0px auto;
}
#header #logo
{
	float: left;
	display: block;
	width: 204px;
	height: 56px;
	/*background: url(images/logo-new2.png) no-repeat top left;*/
	background: url(images/logoV3.png) no-repeat top left;
	margin: 5px 10px 0px 0px;
	text-indent: -9999px;
}
#header #vendors
{
	float: left;
	margin: 7px 0px 0px 64px;
	overflow: hidden;
}
#header #vendors li
{
	float: left;
	height: 43px;
	margin-right: 32px;
}
#header #vendors li a
{
	text-indent: -99999px;
	background: url(images/gfx-bg-vendorstrip-big.png) repeat-y center left;
	display: block;
	height: 43px;
	cursor: default;
}
#header #vendors li.grupon a { background-position: -0px 0px; width: 60px; }
#header #vendors li.gulesider a { background-position: -64px 0px; width: 30px; }
#header #vendors li.crazydays a { background-position: -96px 0px; width: 41px; }
#header #vendors li.sweetdeal a { background-position: -160px 0px; width: 63px; }
#header #vendors li.cityscope a { background-position: -224px 0px; width: 70px; }
#header #vendors li.superdeal a { background-position: -384px 0px; width: 68px; }
#header #vendors li.letsdeal a { background-position: -480px 0px;  width: 50px; }
#header #vendors li.dealina a { background-position: -544px 0px;  width: 59px; }
#header #vendors li.oohgle a { background-position: -320px 0px; width: 46px; }

#header #betastrap
{
	display: block;
	background: url(images/betastrap.png) no-repeat;
	width: 46px;
	height: 57px;
	text-indent: -9999px;
	position: relative;
	top: -26px;
	left: -28px;
}
#header #menustrip
{
	height: 40px;
	/*background: #fff url(http://static.dealsiden.no/assets/images/main-shadow.png) repeat-x top center;*/
}
#header #menustrip ul li
{
	float: left;
	height: 24px;
	font-size: 17px;
	padding: 8px;
	margin-top: 14px;
}
#header #menustrip ul li a
{
	/*text-transform: capitalize;*/
	color: #333;
	text-decoration: none;
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 6px;
}
#header #menustrip ul li.active
{
	padding: 8px;
}
#header #menustrip ul li.active a
{
    font-size: 18px;
	display: inline;
	width: auto;
	height: auto;
	text-shadow: none;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 28px 3px 6px;
	background-color: #c3c3c3;
    /*
	display: block;
	padding: 7px 0px 0px 0px;
	text-align: center;
	width: 160px;
	height: 44px;
	background: url(images/gfx-menu-active.png);
	color: #fff;
	text-shadow: 0px 1px 0px #8a0909;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-size: 20px;
    */
}
#header #menustrip ul li.active a:hover
{
	/*background: url(images/gfx-menu-active.png);*/
}
#header #menustrip ul li.hassubmenu.active
{
	padding: 18px 0 0 10px;
}
#header #menustrip ul li.hassubmenu a
{
	padding-right: 28px;
	background-image: url(images/gfx-menu-more-arrow.png);
	background-position: 90% 50%;
	margin-left: -40px;
	background-repeat: no-repeat;
}
#header #menustrip ul li.hassubmenu.active a
{
	font-size: 18px;
	display: inline;
	width: auto;
	height: auto;
	text-shadow: none;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 28px 3px 6px;
	background-color: #c3c3c3;
	margin-left: 0px;
}
#header #menustrip li a:hover, #header #menustrip ul li.hassubmenu ul.submenu a:hover
{
	background-color: #c3c3c3;
}
#header #menustrip ul li.hassubmenu ul.submenu
{
	width: 150px;
	display: none;
	position: relative;
	left: -6px;
	z-index: 9;
	background: #fff;
	border: 1px solid #999;
	margin-top: 7px;
	padding-bottom: 3px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
#header #menustrip ul li.hassubmenu ul.submenu a
{
	text-align: left;
	background: none;
	font-size: 14px;
	width: 150px;
	display: block;
	padding: 3px 6px;
}
#header #menustrip ul li.hassubmenu.hover ul.submenu
{
	display: table;
}
#header #menustrip ul li.hassubmenu ul.submenu li
{
	background: #fff;
	padding: 0px 4px;
	float: none;
}

/*  Footer 
-------------------------------------- */
.footer-wrap{ background:#ffffff; }
.footer{ padding:15px 0; color:#494949; font-size:14px; }
.rights{ float:left; width:49%; }
.nav-sec{ float:right; width:50%; text-align:right; }
.nav-sec li{ display:inline; padding:0 10px 0 6px; border-right:1px solid #494949; }
.nav-sec li.last-item{ border-right:0; padding-right:0; }
.nav-sec a{ color:#494949; }
.fl{ float:left}
.fr{ float:right}
.cl{ clear:both; font-size:0; height:0; }
.blk { display:block }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.png { /* for png ../images to fix for IE6*/ }

/* Alignments */
.center { text-align:center }
.right { text-align:right }
.top {vertical-align:top }
.middle { vertical-align:middle }


label { font-weight: bold; }
label.normal { font-weight: normal; }

#usermenu li a {color: #000000;}
#usermenu li {font-size: 16px; margin-bottom: 4px; }
#usermenu li.selected {font-size: 16px; font-weight: bold; margin-bottom: 4px; }
#usermenu li.selected a { color: #d60000; }


/* Map-page */
div#map { width: 310px; height: 310px; background-color: #ffffff; border: 1px solid #ffffff; }
#map_canvas { height: 100% }
.info_map {
    background: url("http://static2.dealsiden.no/assets/images/gfx-price-deal-map.png") no-repeat scroll 0 0 transparent;
    height: 57px;
    padding: 16px 0;
    position: absolute;
    top: 0px;
    width: 250px;
    z-index: 1;
}

div#map_container { display: none; }
div#hide_on_map
{
    height: 26px;
    left: 685px;
    position: absolute;
    top: -26px;
    width: 170px;
    z-index: 66;
}
span#hide_on_map_box
{
    background: url("http://static2.dealsiden.no/assets/images/close.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 15px;
    font-style: italic;
    height: 26px;
    line-height: 26px;
    margin-top: 0;
    padding: 0 20px 0 10px;
    width: 26px;
}
div#show_on_map 
{
    height: 26px;
    left: 580px;
    position: absolute;
    top: 22px;
    width: 170px;
}
span#show_on_map_box {
    background: url("http://static2.dealsiden.no/assets/images/map.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 15px;
    font-style: italic;
    height: 26px;
    line-height: 26px;
    margin-top: 0;
    padding: 0 20px 0 10px;
    width: 132px;
}
a#selected_deal_link { color: #333333; text-decoration: none; }
div#selected_deal { min-height: 351px; }
div#selected_deal_grey { background: url("http://static2.dealsiden.no/assets/images/trans-dark2.png") repeat scroll 0 0 transparent; height: 60px; width: 236px; position: absolute; z-index: 1; }
div#selected_deal_grey span#dealprice { color: #FFFFFF; font-size: 28px; position: absolute; margin-left: 20px; margin-top: 12px;}
div#selected_deal_grey span#percentnumber { color: #8C3F01; font-size: 24px; position: absolute; margin-left: 194px; margin-top: 14px;}
div#selected_deal_grey span#percentsign { color: #8C3F01; font-size: 12px; position: absolute; margin-left: 220px; margin-top: 17px;}
div#selected_deal_grey img { position:absolute; margin-left: 5px; margin-top: 10px; }
div#selected_deal_share { z-index: 9999999; }

div#menubar { border-top: 1px solid #e6e6e6; background-color: #ffffff; }
div#menubar .contentcontainer { margin: auto; width: 1024px; }
div#menubar ul li { float: left; padding: 10px 15px; font-weight: 700; font-size: 14px; text-transform: uppercase; color: #1a1a1a; }
div#menubar ul li a { color: #1a1a1a; }
div#menubar ul li a.active { color: #549c32!important; }
div#menubar ul li a:hover { color: #549c32!important; }
div#menubar ul li a:visited { color: #1a1a1a; }



div#menubar  
{
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.17);
    -moz-box-shadow:    0px 3px 5px rgba(0, 0, 0, 0.17);
    box-shadow:         0px 3px 5px rgba(0, 0, 0, 0.17);
}

div#citySelect
{
    display:none;
    width:600px;
}
div#citySelect div div.cityItem  
{
    float:left;
    width: 200px;
    height:31px;
    font-size:20px; 
}
div#citySelect div div.cityItem  a { color:#549C32 }