﻿/*** Wolle.dk ***/

/*** Sidst opdateret: 30.juli 2010 ***/

fribetalingcrap{
	margin:0;
}

body{
	margin:0 0 7px 0;
	padding:0;
	background:#595a5c repeat-x url(http://wolle.dk/images/body.gif) top left;
}

body, div, p, h1, h2, h3, td, span, input, textarea, select, label{
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:12px;
	color:#231f20;
}

/****************** TOP ******************/

#pagetop{	
	width:940px;
	height:175px;
	margin:0px;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;	
}

#logo{	
	height:82px;	
	background:transparent no-repeat url(http://wolle.dk/images/logo.jpg) 15px 15px;		
}

#logo img{	
	margin-top:15px;
}

#topnav{		
	background:transparent no-repeat url(http://wolle.dk/images/topnav.gif) top left;
	width:940px;
	height:78px;	
}

#topnav ul{
	margin:0;
	padding:0;	
}

#topnav li{
	display: inline;
	list-style: none;
	background:transparent no-repeat url(http://wolle.dk/images/topnavline.gif) right center;
	float:left;
	height:78px;
}

#topnav li.end, #topnav li.selend{
	background:none;
}

#topnav li a, #topnav li a:visited, #topnav li.end a, #topnav li.end a:visited{	
	padding:30px 90px 29px 80px;	
	font-size:16px;	
	color:#fff;
	text-decoration: none;		
	float:left;	
}

#topnav li a:hover, #topnav li.sel a,#topnav li.end a:hover, #topnav li.selend a{
	color:#ededee;	
}

/****************** TOP ******************/

/****************** CONTENT ******************/

#page{
	width:940px;	
	margin-left: auto;
	margin-right: auto;
	text-align:left;	
}

#bordertop{
	height:15px;		
	background:transparent no-repeat url(http://wolle.dk/images/bordertop.gif) left center;		
}

#bordertop_end{	
	height:15px;		
	background:transparent no-repeat url(http://wolle.dk/images/bordertop_end.gif) right center;
}

#maincontent{				
	background:#ededee;	
	border-right:5px solid #fff;	
	border-left:5px solid #fff;		
	width:930px;
	float:left;
}
          
#leftcontent{
	width:260px;
	float:left; 
}

#subnav ul.level1{	
	margin:0 0 0 10px;
	padding:0;
}

#subnav ul.level1 li{	
	list-style: none;
	height:44px;
	margin:0 0 15px 0;
	padding:0;
}

#subnav ul.level1 li a, #subnav ul.level1 li a:visited{	
	width:240px;	
	padding:15px 0 12px 15px;
	text-decoration: none;
	float:left;	
	font-size:16px;
	color:#fff;
	background:transparent no-repeat url(http://www.wolle.dk/images/level1bg.gif) left center;	
}

#subnav ul.level1 li a:hover, #subnav ul.level1 li.sel a{	
	color:#ededee;	
}

#subnav ul.level2{
	background:#fff;
	margin:0 10px 0 10px;
	padding:10px 0 5px 16px;		
}

#subnav ul.level2 li{	
	list-style:none;	
	margin:0 0 8px 0;	
}

#subnav ul.level2 li a, #subnav ul.level2 li a:visited{
	text-decoration: none;		
	font-size:12px;
	color:#231f20;
	background:transparent no-repeat url(http://www.wolle.dk/images/level2arrow.gif) left center;
	padding:0 0 0 20px;		
}

#subnav ul.level2 li a:hover{	
	color:#585555;	
}

#subnav ul.level2 li.sel a{	
	color:#95b237;	
}

#subnav h2{		
	margin:0 0 0 10px;	
	padding:15px 0 12px 15px;
	background:transparent no-repeat url(http://www.wolle.dk/images/level1h2.gif) left center;
	width:240px;	
	color:#fff;
	font-size:16px;
	font-weight:normal;
}

#level2bottom, #basket_end{
	height:10px;		
	background:#fff no-repeat url(http://www.wolle.dk/images/level2bottom.gif) left top;
	margin:0 10px 15px 10px;	
}

#leftcontent #basket{
	background:#fff no-repeat url(http://www.wolle.dk/images/baskettop.gif) left top;
	margin:0 10px 0 10px;
	padding:10px 0 0 0;
}

#leftcontent #basket h2{
	color:#231f20;
	padding:0;
	margin:0 0 5px 15px;
}

#leftcontent #basket p{
	padding:0 0 50px 0;
	margin:0 0 0px 15px;
}

#leftcontent #basket table{
	margin:0 0 0px 15px;
	width:210px;
}

#leftcontent #basket td.number{
	width:40px;	
}

#leftcontent #basket a.nextbtn{	
	display:block;	
	margin:0 0 0 70px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

#leftcontent #basket table tr.transit{	
	height:15px;		
}

#leftcontent #basket .btnholder{	
	margin-top:15px;
	height:40px;
}

#basket table tr.itemrow1{
	background:#ededee;
	height:20px;
	border-bottom:1px solid #ededee;	
}

#basket table tr.itemrow2{	
	height:20px;
	border-bottom:1px solid #fff;
}

#basket table tr.itemrow1 td.number{	
	border-right:1px solid #ededee;
	border-left:1px solid #ededee;
}

#basket table tr.itemrow2 td.number{	
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

#basket table td.dashline{	
	height:8px;	
	background:#fff repeat-x url(http://www.wolle.dk/images/borderdashed.gif) left 3px;		
}

#basket table tr.transit{	
	height:30px;		
}

#basket table tr.total{	
	font-weight:bold;			
}

#basket table td.price{
	padding-right:1px;
	width:65px;
	text-align:right;
}

#basket td{
	border:0px
}

#basket td.number{
	width:70px;
}

#basket td a{									
	padding-left:2px;
}

#basket a.nextbtn:hover{								
	color:#ededee;
}

#basket label{	
	float:left;		
	display:block;
	padding:2px 2px 0 0px;	
}

#basket input[type='text']{
	float:left;
	width:15px;
	display:block;
	padding:0px 2px 0px 2px;
	margin:1px 0 0 0;			
	font-size:10px;
}

#content{	
	background:#fff no-repeat url(http://wolle.dk/images/content_top.gif) left top;		
	width:660px;
	float:left;
}

#content h1{							
	margin:15px 10px 10px 10px;	
	padding:0px;
}

#content h2{							
	margin:15px 10px 10px 10px;
	padding:0;
}

#content h3{							
	margin:15px 10px 10px 10px;	
	padding:0;
}

#content h4{							
	margin:15px 10px 10px 10px;	
	padding:0;
}

#content p{							
	margin:0 10px 10px 10px;	
	padding:0;
}

#content .imgfright{							
	float:right;
	margin:0 10px 10px 10px;
}

#content ul{	
	list-style: none;
	margin:0 0 15px 20px;
	padding:0;	
}

#content ul li{	
	padding-left:12px;
	margin:0 0 5px 0;
	background:transparent no-repeat url(http://wolle.dk/images/arrow.gif) left center;
}

#content #ctl00_contentPlaceHolder_ValidationSummary1 ul{	
	list-style: none;
	margin:0 0 15px 10px;
	padding:0;	
}

#content #ctl00_contentPlaceHolder_ValidationSummary1 ul li{	
	padding:0;
	margin:0;
	background:none;
}

#content li a, #content li a:visited{	
	text-decoration:none;
}

#content_top_default{width:660px;background:no-repeat url(http://wolle.dk/images/collage/forside.jpg) left top;}

#content_top_produkter{width:660px;background:#fff no-repeat url(http://wolle.dk/images/collage/produkter.jpg) left top;}
/*#content_top_produkter_dyr{width:660px;background:#fff no-repeat url(http://wolle.dk/images/collage/dyr.jpg) left top;}*/

#content_top_produkter_hunde{width:660px;background:#fff no-repeat url(http://wolle.dk/images/collage/hunde.jpg) left top;}
#content_top_produkter_katte{width:660px;background:#fff no-repeat url(http://wolle.dk/images/collage/katte.jpg) left top;}
#content_top_produkter_heste{width:660px;background:#fff no-repeat url(http://wolle.dk/images/collage/heste.jpg) left top;}

#content_top_om{width:660px;background:no-repeat url(http://wolle.dk/images/collage/om.jpg) left top;}

#content_top_arno{width:660px;background:no-repeat url(http://wolle.dk/images/collage/arno.jpg) left top;}
#content_top_ideen{width:660px;background:no-repeat url(http://wolle.dk/images/collage/viden.jpg) left top;}

#content_top_historien{width:660px;background:no-repeat url(http://wolle.dk/images/collage/historien.jpg) left top;}

#content_top_kontakt{width:660px;background:no-repeat url(http://wolle.dk/images/collage/kontakt.jpg) left top;}
#content_top_leveringsbetingelser{width:660px;background:no-repeat url(http://wolle.dk/images/collage/leveringsbetingelser.jpg) left top;}

#content_top_default h1, #content_top_historien h1{padding-top:160px;margin-top:0;}

#content_top_produkter h1, #content_top_produkter_hunde h1, #content_top_produkter_katte h1,#content_top_produkter_heste h1{padding-top:160px;margin-top:0;}
 
#content_top_om h1, #content_top_arno h1, #content_top_ideen h1, #content_top_kontakt h1, #content_top_leveringsbetingelser h1{padding-top:72px;margin-top:0;}

#productlist{	
	margin:0 10px 20px 10px;	
	float:left;
}

.productbox{	
	float:left;
	width:310px;	
	margin:20px 10px 0 0;		
}

.productbox .data{		
	width:200px;
	min-height:160px;
	float:left;
}

.productbox img{							
	float:right;	
	max-height:150px;	
}

#content .productbox p{							
	margin-left:0;		
}

#content .productbox h1{							
	margin:0 10px 10px 0;	
	padding-top:0px;	
}

#content .productbox h1 span{							
	color:#c2d83b;			
	font-size:16px;
	text-transform:uppercase;		
	margin:0 10px 10px 0;		
}

#content #productdesc h1 #ctl00_contentPlaceHolder_lbNameOver{							
	color:#c2d83b;			
	font-size:16px;
	text-transform:uppercase;			
}

#content #productdesc h2 #ctl00_contentPlaceHolder_lbPartNoH2{							
	font-size:14px;
	color:#006d38;
	text-transform:uppercase;	
}

#content .productbox h2{							
	margin:0 10px 0 0;	
	padding-top:0px;
	text-transform:uppercase;
}

#content .productbox h3{							
	margin:5px 10px 5px 0;		
}

.productbox a.listbtn{							
	color:#fff;
	text-decoration:none;		
	margin-right:10px;
}

.productbox a:hover{								
	color:#ededee;
}

#productrelated{
	width:140px;
	float:right;	
	margin:15px 10px 0 0;
}

#productrelated img{	
	margin:0 0 10px 0;
}

#productrelated #data{		
	margin:0 0 10px 10px;
}

#productrelated #data label{	
	float:left;		
	min-width:65px;
	margin:0;
	font-size:11px;
}

#productrelated p, #productrelated #data span{		
	font-size:11px;
}

#productdesc{
	width:310px;	
}

#productdesc p{
	line-height:20px;
}

#productdesc #productdescdetails p{
	line-height:14px;
}

#productdesc h1{
	margin-bottom:5px;		
}

#productdesc h2{							
	margin:0 10px 5px 10px;	
}

#productdescdetails{
	display:none;	
}

#productrelated label{	
	float:left;		
}

#additembtn{
	background:transparent no-repeat url(http://wolle.dk/images/additembtn.jpg) left center;
	width:140px;
	height:33px;
	margin-bottom:20px;	
}

#additembtn a{
	color:#fff;
	float:right;
	padding:10px 10px 10px 0;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}

#additembtn a:hover{
	color:#ededee;
}

#additembtn fieldset{
	border:0;		
	margin:0;
	padding:0;
}

#additembtn label{	
	float:left;		
	display:block;
	padding:10px 2px 0 9px;	
	font-size:11px;
}

#additembtn input[type='text']{
	float:left;
	width:15px;
	display:block;
	padding:1px 2px 1px 2px;
	margin:7px 0 0 0;			
	font-size:10px;
}

#content #basket{	
	min-height:300px;
}

#content #basket table{
	margin:0 0 0 10px;
	width:450px;
}

.userdataform fieldset{
	border:0;		
	margin:0;
	padding:0;	
}

.userdataform label{
	float:left;	
	min-width:80px;
	display:block;
	padding:3px 0 0 0;
	margin-left:10px;
}

.userdataform label.frmmark{
	background:#fff no-repeat url(http://wolle.dk/images/frmmark.gif) 60px 4px;
}

.userdataform label.newsletter{	
	padding:8px 0 5px 4px;
	margin:0;
}

.userdataform input[type='text']{
	float:left;
	width:170px;	
	padding:1px;
	margin:1px 5px 2px 0;
}

.userdataform input[type='checkbox']{
	float:left;
	width:15px;	
	padding:0px;
	margin:5px 0 0 90px;
}

.userdataform input[type='submit']{
	float:left;
	width:100px;	
	padding:1px 0 0 0;
	margin:0 0 0 10px;
	cursor:pointer;
}

.userdataform select{
	float:left;
	width:176px;	
	padding:1px;
	margin:1px 0 2px 0;
}

.userdataform .startpaymentbtn{	
	clear:both;	
	float:left;
	width:120px;
	padding:1px 0 0 0;
	margin:15px 0 0 89px;
	cursor:pointer;
}

.userdataform input.cvc{	
	width:40px;
}

#controlbtn{
	float:left;
	margin:9px 0 0 5px;	
}

#controlinfo{
	display:none;
	background:#fff repeat-x url(http://wolle.dk/images/gradient.gif) top left;
	position:relative;
	float:right;
	top:72px;
	border:1px solid #ccc;
	width:170px;
	margin-right:100px;	
}

#controlinfo p{	
	margin:5px;	
	font-size:10px;
}

#controlinfo img{
	margin:0 0 5px 5px;	
}

#content .userdataform fieldset h3{
	float:left;	
	margin:15px 0 10px 10px;
	padding:0;	
}

.borderdashed{
	height:1px;
	background:#fff repeat-x url(http://wolle.dk/images/borderdashed.gif) left top;	
	margin:0 10px 0 10px;	
	clear:both;
}	

#content_bottom{					
	clear:both;	
	background:#fff no-repeat url(http://wolle.dk/images/content_bottom.gif) left top;	
	height:7px;
}

a.nextbtn, a.nextbtn:visited{								
	background:transparent no-repeat url(http://wolle.dk/images/nextbtn.jpg) left center;
	width:100px;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:10px 0 10px 0;	
	text-align:center;
	font-weight:bold;	
}

a.backbtn, a.backbtn:visited{								
	background:transparent no-repeat url(http://wolle.dk/images/backbtn.jpg) left center;
	width:100px;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:10px 0 10px 0;	
	text-align:center;
	font-weight:bold;	
}

a.listbtn, a.listbtn:visited{							
	background:transparent no-repeat url(http://wolle.dk/images/listbtn.jpg) left center;
	width:100px;
	float:left;		
	color:#fff;
	text-decoration:none;
	padding:10px 0 10px 0;
	text-align:center;
	font-weight:bold;
}

a.nextbtn:hover, a.listbtn:hover, a.backbtn:hover{								
	color:#ededee;
}

#btngroup{										
	margin:15px 10px 15px 10px;
	float:right;	
}

#btngroup .backbtn{									
	margin-right:10px;	
}

.contactdata label{
	text-align:right;
	float:left;
	min-width:105px;
	display:block;	
	margin-right:5px;
}

#ctl00_contentPlaceHolder_pDelete{
    margin:0 0 100px;    
}

#controlreport{
    clear:both;
    margin-left:-368px;
    width:103px;
    height:41px;
    background:transparent no-repeat url(http://wolle.dk/images/controlreport.gif) left center;
}

/****************** CONTENT ******************/

/****************** TABEL DATA ******************/

table.tbldata{	
	border-right:0px solid transparent;
	border-left:0px solid transparent;	
	margin:0 0 20px 10px;
	width:640px;
}

table.tbldata th{    
	border-top:0px solid transparent;
	border-left:0px solid transparent;
}

table.tbldata td, table.tbldata th{
	padding-top:5px;			
	padding-bottom:5px;    
	border-bottom:1px solid #d5d5d5;
	border-right:1px solid transparent;	
}

tr.theader th{		
	border-right:1px solid transparent;
	color:#006d38;
	font-weight:bold;		
	text-align:left;
}

tr.theader th.left{	
	padding:5px 0 5px 0;	
	text-align:left;
}

tr.theader th.mid{	
	background:none;
	padding:5px 5px 5px 4px;	
	text-align:left;
}

tr.theader a, tr.theader a:visited{
	background:none;
	text-decoration:none;
	color:#006d38;	
	font-weight:bold;
}

tr.theader a:hover{
	color:#c2d83b;
}

tr.data1{
	background:#fff repeat-x url(http://wolle.dk/images/tdbg.gif) top left;	
}

tr.data2{
	background:#fff;
}

td.left{
	background:transparent repeat-y url(http://wolle.dk/images/dashed.gif) top right;	
	border-right:1px solid transparent;
	padding:5px 6px 5px 2px;
	width:180px;
}

td.none{
	border-right:1px solid transparent;	
}

td.mid{	
	background:transparent repeat-y url(http://wolle.dk/images/dashed.gif) top right;
	border-right:1px solid transparent;
	padding:5px 5px 5px 4px;	
}

td.right{
	text-align:right;
	padding:5px 2px 5px 5px;	
}

table.tbldata td.right a, table.tbldata td.right a:visited{	
	text-decoration:none;
	padding-left:12px;
	margin:0 0 0 0;	
	background:transparent no-repeat url(http://wolle.dk/images/arrow.gif) left center;
}

/****************** TABEL DATA ******************/

/****************** ADMIN ******************/

#admin #content{	
	background:#fff;		
	width:720px;	
	margin-left:10px;
}

#admin #content_bottom{					
	clear:both;	
	background:#fff;	
	height:25px;
}

#admin #login{					
	margin:0 0 100px 10px;
}

#admin #login label{					
	float:left;
	padding-bottom:3px;
	margin:0;
	width:100px;
}

#admin #login input[type='text'], #admin #login input[type='password']{					
	margin:0 5px 5px 10px;
	width:130px;
}

#admin #login input[type='submit']{					
	float:left;
	width:100px;
	margin-left:110px;
	cursor:pointer;	
}

#ctl00_contentPlaceHolder_Login1_RememberMe{	
	float:left;
}

#admin #ctl00_contentPlaceHolder_ValidationSummary1{	
	margin:10px 0 0 0;	
}

#ctl00_contentPlaceHolder_btAddNewItem, #ctl00_contentPlaceHolder_Button1{	
	margin:0 0 0 10px;	
	width:100px;
	cursor:pointer;
}

#admin .tableholder, #ctl00_contentPlaceHolder_GridView1, #ctl00_contentPlaceHolder_gvShippingPrices{	
	margin:15px 0 0 10px;		
}

#admin table tr td, #admin table tr, #admin table th{
	border:1px solid #fff;	
}

#admin table th{		
	text-align:left;
}

#admin #navpanel{	
	padding-left:10px;
	height:50px;
}

#admin #navpanel label{	
	float:left;	
	margin:0 5px 0 0;		
	padding:3px 0 0 0;
}

#admin #navpanel select{	
	float:left;
	margin:0 10px 0 0;			
}

#admin #navpanel input.datefield{
	margin:0 5px 0 0;
	float:left;
	width:66px;	
}	

#admin #navpanel #btngrp{	
	float:left;
	margin-left:10px;		
}

#admin #navpanel #btngrp .btn{	
	margin:0 5px 0 0;	
	width:80px;	
}

#admin #navpanel .btn{	
	float:left;
	margin:5px 5px 0 0;	
	width:120px;	
}

#adminnav ul{	
	list-style: none;
	margin:15px 0 15px 10px;
	padding:0;	
}

#adminnav ul li{	
	display: inline;
	list-style: none;	
	padding-left:12px;
	margin:0 10px 0 0;
	background:transparent no-repeat url(http://www.wolle.dk/images/arrow.gif) left center;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

#modalPopup{
    background:#fff;
    width:235px;
}

#modalPopup table{
    margin:0 0 10px 10px;
    background:#fff;
}

#modalPopup h2{
	margin:0;
	padding:10px 0 10px 10px;
}

/****************** ADMIN ******************/

/****************** GENEREL ******************/

h1{
	color:#c2d83b;	
	margin:0px;
	padding-bottom:10px;
	font-size:16px;
	text-transform:uppercase;		
}

h2{		
	font-size:14px;
	color:#006d38;
}

h3{		
	font-size:12px;
	color:#006d38;	
}

h4{		
	font-size:12px;
	color:#231f20;	
}

p{
	margin:0px;
	padding:0px;
}	

a, a:visited{
	color:#231f20;	
	text-decoration:underline;
}

a:hover{
	color:#95b237;	
}

a.rmlink, a.rmlink:visited{	
	text-decoration:none;
	padding-left:12px;
	background:transparent no-repeat url(http://www.wolle.dk/images/arrow.gif) left center;
}

a.rmlinkdown, a.rmlinkdown:visited{	
	text-decoration:none;
	padding-left:12px;
	background:transparent no-repeat url(http://www.wolle.dk/images/arrowdown.gif) left center;
}

a.rmlink:hover, a.rmlinkdown:hover{			
	color:#95b237;
}

img{
	border:0px;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}

.aleft{
	text-align:left;
}

.aright{
	text-align:right;
}

.acenter{
	text-align:center;
}

.clear{	
	clear:both;
}

.clear hr{
	display:none;
}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

.red{
	color:#FF3333;
}

input.btn{
	cursor:pointer;
}

.green{	
	color:#95b237;
}

fieldset{
	border:0;	
}

#logoprint, .hidden{
	display:none;
}	

/****************** GENEREL ******************/

/****************** BOTTOM ******************/

#borderbottom{		
	background:transparent repeat-x url(http://wolle.dk/images/borderbottom.gif) top left;
	height:40px;
}

#borderbottom p{
	text-align:center;
	margin:0 0 0 30px;
	padding-top:4px;
	color:#595a5c;
	font-size:11px;	
}

#borderbottom a{
	color:#595a5c;	
	text-decoration:none;
}

#borderbottom a:hover{
	color:#95b237;	
}

#borderbottom_end{	
	float:right;
	width:30px;
	background:transparent no-repeat url(http://wolle.dk/images/borderbottom_end.gif) left center;
	height:40px;
}

#payment{	
	height:22px;
	background:transparent no-repeat url(http://wolle.dk/images/payment.gif) 759px 7px;
}

/****************** BOTTOM ******************/

/****************** PRINT ******************/

@media print {
	html,body{
		width:100%;
	}	
	body, h2, h3, div, p, td, span, input, textarea, select, label{
		font-family:Tahoma,Verdana,Arial,sans-serif;
		font-size: 12pt;		
	}			

	h1{	
		font-size: 14pt;		
	}	
	
	#maincontent, #content{		
		border:0;
		width:100%;
	}	

	#content h1{							
		margin-left:0;		
		padding:0 0 10px 0;		
	}

	#content h2, #content h3, #content h4, #content p, .productbox{
		margin-left:0;			
	}

	#content ul{	
		list-style: disc;
		margin:0 0 15px 30px;			
	}

	#borderbottom p{
		text-align:left;	
		margin:10px 0 0 0;
	}

	#content #basket table, .userdataform label{
		margin:0;	
	}	

	#content p a.rmlink{
		padding-left:0;
	}

	#pagetop, #bordertop, #leftcontent, #payment, #content_bottom, .noprint{
		display:none;
	}
	
	#logoprint{
		display:block;
	}	
}

/****************** PRINT ******************/

