/*  
Theme Name: Julegaveguide
Theme URI: http://www.woothemes.com/
Description: Basert på FlashNews
Version: 2.0
Author: Robert
Author URI: http://www.woothemes.com/
*/
/* CSS Document */
body{
	background:url(images/bg.png) repeat-x 0 0 #FFFFFF;
	font:normal 15px Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}


#wrapper {

width:1000px;
min-height:700px;
margin:0 auto; 
padding:0;
position:relative;
left:0px;
}		


/* -- header start -- */
#header{
	position:relative; margin:0 auto; width:1000px; height:193px;
	background:url(images/header_bg.jpg) no-repeat 0 0 ; color:#000000;}
#header img{
	position:absolute; left:0px; top:0px; border:none;}
#header h1{
	position:absolute; left:450px; top:150px; border:none;
	font:normal 16px/16px Arial, Helvetica, sans-serif; color:#fff;}
#header a.service{
	position:absolute; left:800px; top:73px;
	background:url(images/service_btn.gif) no-repeat 0 0 #C1E9CF; color:#000000;
	width:147px; height:41px; display:block;
	text-decoration:none; text-indent:-2000px;}
#header a.service:hover{

	background:url(images/service_btn_h.gif) no-repeat 0 0 #C1E9CF; color:#000000;
	width:147px; height:41px; display:block;
	text-decoration:none; text-indent:-2000px;}
#header a.recycle{
	position:absolute; left:800px; top:120px;
	background:url(images/recycle_btn.gif) no-repeat 0 0 #C1E9CF; color:#000000;
	width:147px; height:41px; display:block;
	text-decoration:none; text-indent:-2000px;}
#header a.recycle:hover{

	background:url(images/recycle_btn_h.gif) no-repeat 0 0 #C1E9CF; color:#000000;
	width:147px; height:41px; display:block;
	text-decoration:none; text-indent:-2000px;}
/* -- header end -- */
/* -- top navigation start --  */
#topNav{

	}
	


.preload1 {background: url(images/pro_drop4_2a.gif);}
.preload2 {background: url(images/pro_drop4_2b.gif);}

.prodrop4 {padding:0px 0 0 10px; margin:0; list-style:none; height:35px;  position:relative;  z-index:9999;  font-size:14px; font-family:arial, verdana, sans-serif;  }
.prodrop4 li.top {display:block; float:left; margin-right:1px;}
.prodrop4 li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none; font-size:16px; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer;background: url(images/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 16px 0px 12px; height:35px;background:url(images/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top_link:hover {color:#fff; background: url(images/pro_drop4_2a.gif) no-repeat; }
.prodrop4 li a.top_link:hover span {background:url(images/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#fff; background: url(images/pro_drop4_2a.gif) no-repeat; }
.prodrop4 li:hover > a.top_link span {background:url(images/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:93px;}
.prodrop4 ul.sub2 {width:90px;}
.prodrop4 ul.sub3 {width:90px;}
.prodrop4 ul.sub4 {width:112px;}

.prodrop4 :hover ul {left:0; top:35px; background: #D95859; padding:3px; border:1px solid #ce2727; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:13px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#fff; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#ce2727; color:#fff;}


/* -- top navigation end -- */

/* body start */
#body{
	width:768px; padding:0px 0 49px 0;}
/* body end */
/* -- left pannel start -- */
.left{
 float:left; 
padding:0 10px;
width:768px;
 }
	
.toptxt{
	width:728px; 
	float:left;
  margin:10px 20px 0px 0px;
  font-size:11px;
  line-height:20px;
  font-weight:bold;
  color:#333;
 
}


.toptxt h1{
background:transparent url(images/hjerte.png) no-repeat scroll 2px 6px;
padding:2px 0 10px 40px;
font-size:30px;
line-height:36px;
font-weight:bold;
color:#CE2727;

}


.toptxt h4, .pagetxt h4{
background:transparent url(images/spm.png) no-repeat scroll 10px 12px;
padding:5px 0 10px 40px;
font-size:20px;
line-height:26px;
font-weight:bold;
color:#a32842;

}
.toptxt h2{
background:transparent url(images/star.png) no-repeat scroll 10px 5px;
padding:2px 0 20px 40px;
}
.kroner{
	background:url(images/gaver.png) no-repeat 0 0 ; color:#333;
	 height:115px;  
	position:relative;
  top:-10px;}
.kroner p{
	font:normal 18px/18px Arial, Helvetica, sans-serif;
}
.count{
margin:0px 10px 0px 20px;
}
.count span{
color:#ce2727;
font-weight:bold;
}	

.prodboxbig {

background:transparent url(images/prodbig_bg.gif) no-repeat scroll 0px 0;
float:left;
height:200px;
margin:0;
padding:10px;
width:748px;

}	

.prodboxbigbottom {

background:transparent url(images/prodbig_bg.gif) no-repeat scroll 0px 0;
float:left;
height:200px;
margin-left:10px;
padding:10px;
width:728px;
line-height:146%;
}	

.prodboxbigbottom h2{
margin-bottom:5px;
color:#CE2727; 

}	


.prodbox {

background:transparent url(images/prod_bg.gif) no-repeat scroll 0px 0;
float:left;
height:200px;
margin:0;
padding:10px;
width:364px;

}	

.prodbox h3 {
font-size:18px;
font-weight:bold;
margin:0 0 3px;
overflow:hidden;
height:22px;
}

.prodbox h3 a{

color: #ce2727;
text-decoration:none;
}

.prodbox h3 a:hover{
text-decoration:underline;
}

.prodbut {
float:right;
margin:0px 0px 0px 0px;
width:300px;

}

.prodbutbig {
float:left;
margin:30px 0px 0px 0px;
display:block;

}

.prodprice {
float:right;
font-size:20px;
font-weight:bold;
margin:2px 20px 0px 0px;
color:#CE2727;
vertical-align: bottom;
line-height:25px;
}


.prodpricebig {
float:left;
font-size:60px;
font-weight:bold;
margin:2px 20px 0px 0px;
color:#CE2727;
vertical-align: bottom;
line-height:75px;
}

.prodbuy {
background:transparent url(images/kjopsmall.png) no-repeat scroll 0px -35px;
float:right;
height:30px;
padding:0px;
width:83px;
text-align:center;
margin:0px 35px 0 0;
}	
.prodbuy:hover {
background:transparent url(images/kjopsmall.png) no-repeat scroll 0px 0;
}	
.prodbuy a{
color:#fff;
font-size:20px;
line-height:26px;
text-decoration:none;
padding:2px 22px 5px 22px;
}	


.prodbuybig {
background:transparent url(images/kjopbig.png) no-repeat scroll 0px -105px;
float:left;
height:90px;
padding:0px;
width:250px;
text-align:center;
margin:0px 0px 0 0;
}	
.prodbuybig:hover {
background:transparent url(images/kjopbig.png) no-repeat scroll 0px 0;
}	
.prodbuybig a{
color:#fff;
font-size:60px;
line-height:78px;
text-decoration:none;
padding:5px 64px 16px 63px;
}	


.prodimg {
float:right;
margin:0 14px 0 0;
padding:7px;	
height:110px;
width:120px;
overflow:hidden;
}	

.prodimg span{
display:block;
text-align:center;
}	

.proddesc {

float:left;
width:208px;
height:125px;
overflow:hidden;

}		


#centercol{
padding-top:20px;

}



.singleh2 {
font-size:30px;
background:transparent url(images/hjerte.png) no-repeat scroll 2px 6px;
color:#CE2727;
font-size:30px;
font-weight:bold;
line-height:36px;
padding:2px 0 10px 40px;
float:left;
}

.singleimage{
float:right;
margin:5px 10px 10px;

}

.entry{
margin-right:15px;
padding-top:50px;
}

.entry p{
line-height:146%;
font-size:18px;
margin:0 0 15px 5px;
}


.related {

margin-top:40px;
}
.related h4{
margin-bottom:20px;
background:transparent url(images/star.png) no-repeat scroll 10px 5px;
padding:2px 0 0px 40px;
font-size:18px;
}


	
/* -- left pannel end -- */

/* -- right pannel start -- */

.right{
 float:right; 
 width:212px;
 }
.socialicon{
padding:0px 0 3px 25px;

}

.rightbox{
line-height:20px;

}

.face{
background:transparent url(http://julegaveguide.no/wp-content/themes/julegave/images/facebook.png) no-repeat  0px 0px;
}
.twitt{
background:transparent url(http://julegaveguide.no/wp-content/themes/julegave/images/twitter.png) no-repeat  0px 0px;
}

.right h5{
background:transparent url(images/spm.png) no-repeat scroll 0px 5px;
color:#A32842;
font-size:12px;
font-weight:bold;
line-height:22px;
margin-top:3px;
padding:0 0 5px 20px;
}

.right a{
color:#A32842;
}



#julegavehint{
background-color:#FFFFFF;
border:medium dashed #A32842;
width:200px;
z-index:20;
margin-top:10px;
}

#julegavehint h3{
background:transparent url(images/star.png) no-repeat scroll 5px 5px;
padding:0px 0 10px 28px;
margin-top:4px;
font-size:20px;
line-height:25px;
font-weight:bold;
color:#a32842;
}

#julegavehint li{
margin: 0 10px 10px 28px ;
list-style-type:decimal;
}

#close{
background:transparent url(images/close.png) no-repeat scroll 5px 0;
color:#A32842;
font-size:15px;
font-weight:bold;
line-height:43px;
margin:10px 8px;
padding:5px 0 10px 40px;
}


#google{
/* border:medium dashed #A32842; */
margin-top:20px;
padding-left:20px;
width:180px;
}


/* -- right pannel end -- */
/* footer start -- */
#footer{
	background:url(images/footer_bg.gif) no-repeat center top #CE2727; color:#fff;}
.footer{
	width:417px; height:80px; margin:0 auto; padding:12px 0 0 0;}
.footer ul{
	width:445px; margin:0 auto;}
.footer ul li{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff; float:left;}
.footer ul li a{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#fff;  padding:0 8px;}
.footer ul li a:hover{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#fff;  padding:0 8px;}
.footer p{
	margin:0 auto; width:290px; color:#fff; 
	font:normal 10px/18px Arial, Helvetica, sans-serif;}
.footer p.valid{
	margin:0 auto; width:100px;}
.footer p.valid a.xhtml{
	background:url(images/xhtml_btn.gif) no-repeat 0 0 #EDEDED; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:50px; height:13px; display:block; float:left;}
.footer p.valid a.xhtml:hover{
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #EDEDED; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:50px; height:13px; display:block; float:left;}
.footer p.valid a.css{
	background:url(images/css_btn.gif) no-repeat 0 0 #EDEDED; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:38px; height:13px; display:block; float:left;}
.footer p.valid a.css:hover{
	background:url(images/css_btn_h.gif) no-repeat 0 0 #EDEDED; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:38px; height:13px; display:block; float:left;}
/* footer end -- */




html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}