﻿/*

pageelements.css - here we have id's and clasess which we are using for page elements
			 so we have id's and classes for:
			 - smart text elements 
			 - blogpost, bloglist, product page, searchresult, news, contact page, forms, login page, fullwidth gallery etc...
	
*/


/* these classes we can use everywhere */

.headline-info {
 height:100%;
 overflow:hidden;
 margin:0 0 5px 0;
}
.headline-info h1,
.headline-info h2,
.headline-info h3,
.headline-info h4,
.headline-info h5,
.headline-info h6 {
 display:inline;
}
.headline-info p {

	margin:0 0 0 5px;
	display:inline;
}





/* SMART TEXT ELEMENTS
----------------------------------------------- */

/* introduction - title, description and thumbnail */

.introduction{
}

/* no image template */

.noimagetemplate 
{
	border-bottom:1px #999972 solid;
	padding:0 0 20px 0;
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
}
.noimagetemplate h2 
{
	font-size:14px;
	font-weight:bold;
}
.noimagetemplate .date 
{
	color:#7a7a4c;
	font-size:10px;
}
/*no image template-2 (3boxes) */

.noimagetemplate-2 {  
}
.noimagetemplate-2 .box{
 width:30%;
 float:left;
}
.noimagetemplate-2 .box {  
  padding:0 10px 0 0;
}

/* left image template */

.leftimagetemplate {
}

/* right image template */

.rightimagetemplate {
}



/* Blockquote */

.quote {
 border:1px #c4c4c4 solid;
 background-color:transparent;
 height:100%;
 overflow:hidden;
 padding:20px;
}

.quote blockquote {
 background: transparent url(/images/quoteUp.gif) left top no-repeat;
 float:left;
 padding:0 0 0 0;
}
.quote blockquote div {
 padding:0 0 1px 0;
 margin:0 0 5px 0;
 background: transparent url(/images/quoteDown.gif) right bottom no-repeat;
}

.quote blockquote div blockquote {
 background::none;
 margin:0;
 padding:0;
 float:none;
  font-style:italic;
 font-size:12px;
 line-height:22px;
 color:#515151;
 padding:10px 20px 0 30px;
}



/* code */

.code
{
 height:100%;
 overflow:hidden;
 clear:both;
 margin:0 0 20px 0;
}
.code .content-area {
 border:1px #c4c4c4 solid;
 background-color:transparent;
 height:100%;
 overflow:hidden;
 padding:20px 20px 10px 0px;
 clear:both;
}
pre.coding {
 font-family:Times New Roman;
 margin:0;
 padding:0;
}
code.indent {
 margin:0 0 0 40px;
 padding:0;
}

/* headline */

.headline {
}

/* image gallery */

.imagegallery{
/*text-align:center;*/
}
.imagegallery img{
 margin:0 5px 20px 10px;
 padding:5px;
 background-color:#fff;
 border:1px #999972 solid;  
}

/* image gallery for billeder */

.imagegallery-billeder{
/*text-align:center;*/
}
.imagegallery-billeder img{
 margin:0 25px 50px 25px;
 padding:5px;
 background-color:#fff;
 border:1px #999972 solid;  
 width:240px;

}


/* image */

.image{
}

/* embeddedmedia */

.embeddedmedia {
}


/* filegallery */

.filegallery {
 margin:0 0 5px 0;
}
.filegallery img {
 vertical-align:middle;
}
.filegallery .filename {
 margin:0 0 0 5px;
}
.filegallery .filesize {
 margin:0 0 0 5px;
 color:gray;
 font-size:11px;
}


/* END SMART TEXT ELEMENTS
----------------------------------------------- */


/* searchresult */

.searchresult{
}


/* subscribe */

.subscribe {
 border:1px #c4c4c4 solid;
 background-color:transparent;
 padding:10px;
 _width:96%;
}
.subscribe label{
 font-size:11px;
 width:170px;
}
.subscribe input.normal{
 margin:2px 0 0 0;
 padding:5px;
 width:180px;
 border:1px #c0c0c0 solid;
}
.subscribe .left-input{
 float:left;
 margin:0 10px 0 0;
 *margin:0 5px 0 0;
 _margin:0 5px 0 0;
}
.subscribe .right-input {
 float:left;
 margin:0 10px 0 0;
 *margin:0 5px 0 0;
 _margin:0 0px 0 0;
}
.subscribe .submit {
 margin:22px 0 0 5px;
}

/* contactform */

.contactform{
 background-color:transparent;
 /*padding:15px 25px 10px 25px;*/
}

.contactform .textarea,
.contactform input.normal {
 border:1px #c4c4c4 solid;
}
.contactform label{
 width:100px;
 float:left;
 margin:8px 0 0 0;
 font-weight:bold;
}
.contactform input.normal{
 margin:2px 0 10px 0;
 padding:5px;
 width:230px;
}
.contactform .info {
 font-size:10px;
 margin:0 10px 0 0;
 padding:0;
 float:left;
}
.contactform .textarea {
 margin:2px 0 10px 0;
 padding:5px;
 width:80%;
 _width:79%;
 height:100px;
}
.contactform .submit 
{
	float:right;
	margin:0 12px 0 0;
}


/* BLOGPOST
----------------------------------------------- */

.blogpost{
}

.blogpost .top-info {
 height:100%;
 overflow:hidden;
 clear:both;
 border:1px #cfcfcf solid;
 border-left:none;
 border-right:none;
 padding:10px;
 margin:10px 0 20px 0;
 font-size:11px;
}
.blogpost .author {
}
.blogpost .tags {
}

/* rounded bubble comments */

div.bubble {
}

div.bubble blockquote {
 margin: 0px;
 padding: 0px;
 border: 1px solid #c9c2c1;
 background-color: #fff;
}

div.bubble blockquote p {
 margin: 10px;
 padding: 0px;
}

div.bubble cite {
 position: relative;
 margin: 0px;
 padding: 7px 0px 0px 15px;
 top: 5px;
 background: transparent url(/images/tip.gif) no-repeat 20px 0;
}

/* post a comment for blogpost */

.post-comment{
 background-color:transparent;
 padding:15px 25px 10px 25px;
}
.post-comment,
.post-comment .textarea,
.post-comment input.normal {
 border:1px #c4c4c4 solid;
}
.post-comment label{
 width:80px;
 float:left;
 margin:8px 0 0 0;
}
.post-comment .leftmargin {
 margin-left:80px; /* this margin should be the same as label width */
}
.post-comment input.normal{
 margin:2px 0 10px 0;
 padding:5px;
 width:230px;
}
.post-comment .info {
 font-size:10px;
 margin:0 10px 0 0;
 padding:0;
 float:left;
}
.post-comment .textarea {
 margin:2px 0 10px 0;
 padding:5px;
 width:80%;
 _width:79%;
 height:150px;
}

.post-comment .human-check {
}
.post-comment .human-check img {
 margin:0 5px 0 0;
 vertical-align:middle;
} 
.post-comment .human-check input {
 width:70px;
 margin:0 10px 0 5px;
 vertical-align:middle;
}


/* BLOGLIST
----------------------------------------------- */

.bloglist {
}
.bloglist .information {
 height:100%;
 overflow:hidden;
 clear:both;
 border:1px #cfcfcf solid;
 border-left:none;
 border-right:none;
 padding:10px 0;
 margin:10px 0 20px 0;
 font-size:11px;
}
.bloglist .information .comment {
 background-image:url('/images/icons/comment.gif');
 background-repeat:no-repeat;
 padding:0 0 0 20px;
}



/* PRODUCTLIST
----------------------------------------------- */

/* productlist for frontpage */

#frontpage .productlist 
{
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
}


#frontpage .productlist .product-box {
 width:135px;
 float:left;
 margin:0 20px 20px 0;
}

#frontpage .productlist .margin 
{
	 margin:0 10px 10px 0;
	 _margin:0 5px 10px 0;
}

#frontpage .productlist .product-box img{
 width:122px; /*product-box width - padding - borders = -12px from width from product-box */
 padding:0 0 5px 0;
 *padding:0;
 _padding:0;
}
#frontpage .productlist .information 
{
 padding:5px;
 background-color:#fff;
 border:1px #999972 solid;
 text-align:center;
 height:100%;
 overflow:hidden;
 clear:both;
}
#frontpage .productlist .product-box h2{

	 padding:0;
	 margin:0;	 
	 font-size:14px;
	 line-height:17px;
}
#frontpage .productlist .product-box h2 a 
{
	 font-weight:bold;
	 text-decoration:none;
	 padding:0;
	 margin:0 0 3px 0;	 
	 color:#663333;
}
#frontpage .productlist .product-box h2 a:hover 
{
	text-decoration:underline;
}


#frontpage .productlist .price {
  font-weight:bold;
  font-size:12px;
  color:#885c5c;
  margin:0;
  padding:0;
}

#frontpage .productlist .clearBothLine {
 clear:both;
 border-bottom:1px #cfcfcf solid;
 margin:0 0 10px 0; 
}

/* productlist for productpage */

.productlist { 
}

.productlist .product-box {
 width:185px;
 float:left;
 margin:0 20px 20px 0;
}

.productlist .margin 
{
	 margin:0 20px 20px 0;
	 _margin:0 15px 20px 0;
}

.productlist .product-box img{
 width:173px;
 padding:0 0 5px 0;
 *padding:0;
 _padding:0;
 border-bottom:none;
}
.productlist .information 
{
 /*margin:5px 0 0 0;*/
 padding:5px;
 background-color:#fff;
 border:1px #999972 solid;
 text-align:center;
 height:100%;
 overflow:hidden;
 clear:both;
}
.productlist .product-box h2{

	 padding:0;
	 margin:0;	 
	 font-size:14px;
	 line-height:17px;
}
.productlist .product-box h2 a 
{
	 font-weight:bold;
	 text-decoration:none;
	 padding:0;
	 margin:0 0 3px 0;	 
	 color:#663333;
}
.productlist .product-box h2 a:hover 
{
	text-decoration:underline;
}


.productlist .price {
  font-weight:bold;
  font-size:12px;
  color:#885c5c;
  margin:0;
  padding:0;
}

.productlist .clearBothLine {
 clear:both;
 border-bottom:1px #cfcfcf solid;
 margin:0 0 10px 0; 
}

/* productlist - sidebar */

#sidebar .productlist { 
}

#sidebar .productlist .product-box {
 width:120px;
 float:left;
 margin:0 10px 10px 0;
 _margin:0 10px 10px 0;
}

#sidebar .productlist .product-box img{
 width:105px;
 *width:108px;
 _width:108px;
 padding:0 0 5px 0;
 *padding:0;
 _padding:0;
 border-bottom:none;
}
#sidebar .productlist .information 
{
 /*margin:5px 0 0 0;*/
 padding:5px;
 background-color:#fff;
 border:1px #999972 solid;
 text-align:center;
 height:100%;
 overflow:hidden;
 clear:both;
}
#sidebar .productlist .product-box h2{

	 padding:0;
	 margin:0;	 
	 font-size:14px;
	 line-height:17px;
}
#sidebar .productlist .product-box h2 a 
{
	 font-weight:bold;
	 text-decoration:none;
	 padding:0;
	 margin:0 0 3px 0;	 
	 color:#663333;
}
#sidebar .productlist .product-box h2 a:hover 
{
	text-decoration:underline;
}


#sidebar .productlist .price {
  font-weight:bold;
  font-size:12px;
  color:#885c5c;
  margin:0;
  padding:0;
}

#sidebar .productlist .clearBothLine {
 clear:both;
 border-bottom:1px #cfcfcf solid;
 margin:0 0 10px 0; 
}

/* PRODUCTLIST-2
----------------------------------------------- */

.productlistview 
{
	font-size:14px;
}
.productlistview .product {
 float:left;
  margin:0 0 10px 0;
}
.productlistview .product  p {
  margin:0 0 5px 0;
}
.productlistview .product  .thumb {
  float:left;
  padding:0 10px 0 0;
}
.productlistview .product  .thumb img 
{
	width:80px;
 border:1px #000 solid;
}
.productlistview .product  .description {
  float:left;
}

/* productlistview two columns */

.productlist-2columns 
{
	float:left;
	width:630px;
}

.productlistview2 
{
	font-size:14px;
	float:left;
	margin:0 80px 20px 0;
	height:100%;
	overflow:hidden;
}
.productlistview2 .product {
 float:left;
  margin:0 0 10px 0;
}
.productlistview2 .product  p {
  margin:0 0 5px 0;
}
.productlistview2 .product  .thumb {
  float:left;
  padding:0 10px 0 0;
}
.productlistview2 .product  .thumb img 
{
	width:80px;
 border:1px #000 solid;
}
.productlistview2 .product  .description {
  float:left;
}

/* product-category */

.product-category 
{
	background-color:#a1a174;
	padding:20px 20px 20px 20px;
	height:100%;
	overflow:hidden;
	float:right;
	width:250px;
}
.product-category h2 
{
	font-size:14px;
	font-weight:bold
}

/* PRODUCTPAGE
----------------------------------------------- */

.productpage { 
}
.productpage .value{
}
.productpage .stock{
}
.productpage .type{
}
.productpage .width{
}
.productpage .height{
}
.productpage .weight{
}
.productpage .vendor{
}

.info-about-product{
 font-size:14px;

 padding:10px 10px 0 20px;
 height:100%;
 overflow:hidden;
 margin:0 0 10px;
}
.productborder 
{
 padding:5px;
 background-color:#fff;
 border:1px #999972 solid;  
 margin:0 10px 0 0; 
}
.productpage .product-images {
 height:100%;
 overflow:hidden;
 clear:both;
 margin:20px 0;
 text-align:center;
}
.productpage .product-images img {
  margin:0 10px 10px 10px;
}
.table1 {
 border-collapse: collapse;
 width: 100%;
 text-align:left;
}
.table1 thead th {
 font-size:15px;
 color:#494949;
 padding:3px 3px 3px 8px;
}
.table1 tbody td {
 padding:3px 3px 3px 8px;
 font-size:13px;
}
.table1 tbody tr {
 background-color: #e8f0ee;
}
.table1 tbody tr.lite {
 background-color: #f3f8f7;
 padding: 6px;
}




/* post a comment for productpage */

.post-comment-product{
 background-color:transparent;
 padding:15px 25px 10px 25px;
}
.post-comment-product,
.post-comment-product .textarea,
.post-comment-product input.normal {
 border:1px #c4c4c4 solid;
}
.post-comment-product label{
 width:80px;
 float:left;
 margin:8px 0 0 0;
}
.post-comment-product .leftmargin {
 margin-left:80px; /* this margin should be the same as label width */
}
.post-comment-product input.normal{
 margin:2px 0 10px 0;
 padding:5px;
 width:230px;
}
.post-comment-product .info {
 font-size:10px;
 margin:0 10px 0 0;
 padding:0;
 float:left;
}
.post-comment-product .textarea {
 margin:2px 0 10px 0;
 padding:5px;
 width:80%;
 _width:79%;
 height:150px;
}

.post-comment-product .human-check {
}
.post-comment-product .human-check img {
 margin:0 5px 0 0;
 vertical-align:middle;
} 
.post-comment-product .human-check input {
 width:70px;
 margin:0 10px 0 5px;
 vertical-align:middle;
}


/* post a comment */

.post-comment{
 background-color:#ffffff;
 padding:15px 25px 10px 25px;
}

.post-comment .textarea,
.post-comment input.normal {
 border:1px #c4c4c4 solid;
}
.post-commentt label{
 width:80px;
 float:left;
 margin:8px 0 0 0;
 font-weight:bold;
}
.post-comment .leftmargin {
 margin-left:80px; /* this margin should be the same as label width */
}
.post-comment input.normal{
 margin:2px 0 10px 0;
 padding:5px;
 width:230px;
}
.post-comment .info {
 font-size:10px;
 margin:0 10px 0 0;
 padding:0;
 float:left;
}
.post-comment .submit 
{
	float:right;
	margin:0 20px 0 0;
}
.post-comment .textarea {
 margin:2px 0 10px 0;
 padding:5px;
 width:80%;
 _width:79%;
 height:150px;
}

.post-comment .human-check {
}
.post-comment-product .human-check img {
 margin:0 5px 0 0;
 vertical-align:middle;
} 
.post-comment .human-check input {
 width:70px;
 margin:0 10px 0 5px;
 vertical-align:middle;
}


/* RELATED PRODUCTS 
----------------------------------------------- */


/* related products are made in the same way as productlist */


.related-products { 
}

.related-products .product-box {
 width:135px;
 float:left;
 margin:0 20px 20px 0;
}

.related-products .margin 
{
	 margin:0 20px 10px 0;
	 _margin:0 15px 10px 0;
}

.related-products .product-box img{
 width:122px; /*product-box width - padding - borders = -12px from width from product-box */
 padding:0 0 5px 0;
 *padding:0;
 _padding:0;
}
.related-products .information 
{
 padding:5px;
 background-color:#fff;
 border:1px #999972 solid;
 text-align:center;
 height:100%;
 overflow:hidden;
 clear:both;
}
.related-products .product-box h2{

	 padding:0;
	 margin:0;	 
	 font-size:14px;
	 line-height:17px;
}
.related-products .product-box h2 a 
{
	 font-weight:bold;
	 text-decoration:none;
	 padding:0;
	 margin:0 0 3px 0;	 
	 color:#663333;
}
.related-products .product-box h2 a:hover 
{
	text-decoration:underline;
}


.related-products .price {
  font-weight:bold;
  font-size:12px;
  color:#885c5c;
  margin:0;
  padding:0;
}


/* related products - sidebar */

#sidebar .related-products- { 
}
#sidebar .related-products .product {
 height:100%;
 overflow:hidden;
 clear:both;
 margin:0 0 20px 0;
}
#sidebar .related-products .product  p {
  margin:0 0 5px 0;
}
#sidebar .related-products .product  .thumb {
  float:left;
  padding:0 10px 0 0;
}
#sidebar .related-products .product  .thumb img {
 width:50px;
 height:63px;
 padding:5px;
 background-color:#bcbc92;
 border:1px #636338 solid; 
}
#sidebar .related-products .product  .description {
  float:left;
}




/* LOGIN BOX */

.login-box{
 background-color:transparent;
 padding:15px 25px 10px 25px;
}
.login-box,
.login-box .textarea,
.login-box input.normal {
 border:1px #c4c4c4 solid;
}
.login-box label{
 width:80px;
 float:left;
 margin:8px 0 0 0;
}
.login-box .leftmargin {
 margin-left:80px; /* this margin should be the same as label width */
}
.login-box input.normal{
 margin:2px 0 10px 0;
 padding:5px;
 width:230px;
}
.login-box .info {
 font-size:10px;
 margin:0 10px 0 0;
 padding:0;
 float:left;
}

/* Positive and negative panel 
----------------------------------------------- */

.positive {
 background-color:#bcd6b1;
 padding:10px 5px;
 border:3px #2f9402 solid;
 font-size:16px;
 color:#133e00;
 text-align:center;
}
.negative {
 background-color:#ffe1be;
 padding:10px 5px;
 border:3px #e12500 solid;
 font-size:16px;
 color:#3e0700;
 text-align:center; 
}


/* Buttons
----------------------------------------------- */



a.button {
 background: transparent url('/images/buttons/button-right.gif') no-repeat scroll top right;
 color:#444444;
 font-size:11px;
 font-weight:bold;
 display: block;
 float: left;
 height: 24px;
 margin:0 0 10px 0;
 padding:0;
 padding-right: 18px;
 text-decoration: none;
}
a.button span {
 background: transparent url('/images/buttons/button-left.gif') no-repeat;
 display: block;
 line-height: 14px;
 padding: 5px 0 5px 18px;
}
a.button:active {
 background-position: bottom right;
 color: #000;
 outline: none;
}
a.button:active span {
 background-position: bottom left;
 padding: 6px 0 4px 18px;
}
a.button:hover {
 background-color:transparent;
 padding:0;
 padding-right: 18px;
 color:#4b8e03;
 cursor:pointer; 
}
a.negativebtn:hover {
 color:#c02d00 !important;
}
.left {
 float:left;
 margin-right:10px !important;
 position:relative;
}
.right {
 float:right !important;
 margin-left:10px !important;
 position:relative;  
}

/* green button */

a.button-green {
 background:url("/images/buttons/button-green-right.gif") no-repeat right top;
 float:left;
 padding:0 10px 0 0;
 color:#fff;
 cursor:hand;
 text-decoration:none;
 height:35px;
 margin:0 0 10px 0;
}

a.button-green span{
 background:url("/images/buttons/button-green-left.gif") no-repeat left top;
 float:left;
 height:27px;  /* 35 without padding */
 padding:8px 0 0 10px;
 text-align:center;
 font-weight:bold;
 font-size:14px;
 margin-left:-2px;
}
a.button-green:hover {
 color:#663333;
}


/* SIDEBAR 
----------------------------------------------- */


/* tags ul */

ul.tags{
 margin:0;
 padding:0;
 line-height:23px;
 font-size:12px;
}
ul.tags li{
 display:block;
 background-image:url('/images/icons/pen.gif');
 background-repeat:no-repeat;
 background-position:left 4px;
 padding:0 0 0 20px;
}

/* archive ul */

ul.archive{
 margin:0;
 padding:0;
 line-height:23px;
 font-size:12px;
}
ul.archive li{
 display:block;
 background-image:url('/images/icons/calendar.gif');
 background-repeat:no-repeat;
 background-position:left 4px;
 padding:0 0 0 20px;
}
ul.archive li.postarchive{
 display:block;
 background-image:url('/images/icons/post.gif');
 background-repeat:no-repeat;
 background-position:left 4px;
 padding:0 0 0 20px;
}



/* ONLINE SHOP 
----------------------------------------------- */

#topnavigation {
 margin: 20px 0 20px 0;
 padding: 0 0 25px 0;
 border-bottom: 2px solid #bdbd96;
}

#topnavigation ul, #topnavigation li {
 margin: 0;
 padding: 0;
 display: inline;
 list-style-type: none;
 font-size:13px;
}

#topnavigation li  {
 float: left;
 font-weight: normal;
 margin: 0 0 4px 20px;
 text-decoration: none;
 color: #565656;
 background-image:url('/images/onlineshop/dot.gif');
 background-repeat:no-repeat;
 background-position:center 17px;
 height:40px;
 line-height:15px;
}

#topnavigation #current {
 padding-bottom: 2px;
 background: transparent;
 color: #434343;
 background-image:url('/images/onlineshop/dothover.gif');
 background-repeat:no-repeat;
 background-position:center 17px; 
 font-weight:bold;
}
#topnavigation li.checkout {
	background-image:none;
	font-weight:bold;
	font-style:italic;
	margin-right:10px;
}
#topnavigation li.last{
 background-position:right 17px; 
}
#topnavigation #current-last {
 padding-bottom: 2px;
 background: transparent;
 color: #434343;
 background-image:url('/images/onlineshop/dothover.gif');
 background-repeat:no-repeat;
 background-position:right 17px; 
 font-weight:bold; 
}
#topnavigation a {
 text-decoration:none;
 color: #434343;
}
#topnavigation a:hover {
 text-decoration:underline;
}

/* checkout steps */

.checkout-steps {
 padding:20px;
 background-color:#fff;
 height:100%;
 overflow:hidden;
 clear:both;
}
.checkout-steps,
.checkout-steps .textarea,
.checkout-steps input.normal {
 border:1px #c4c4c4 solid;
}
.checkout-steps label{
 height:100%;
 overflow:hidden;
 clear:both;
}
.checkout-steps input.normal{
 margin:2px 0 10px 0;
 padding:5px;
 width:230px;
}
.checkout-steps input.short {
	width:40px;
}
.checkout-steps .info {
 font-size:10px;
 margin:0 10px 0 0;
 padding:0;
 float:left;
}

.radio {
	margin-right:5px;
}
.radio-2 {
 margin:0 5px 0 10px;
}

.select {
 margin:2px 0 10px 0;
}
.select-2 {
 margin:2px 10px 10px 0;
 display:inline;
}
.bottom-navigation {
	height:100%;
	overflow:hidden;
	clear:both;
	margin:20px 0 0 0;
}
.check-creditcard {
 background-image:url('/images/onlineshop/creditcard.png');
 background-repeat:no-repeat;
 width:303px;
 height:206px;
}

/* validate order */

.add {
 background-image:url('/images/onlineshop/add.gif');
 background-repeat:no-repeat; 
 width:14px;
 height:14px;
 float:left;
 margin:3px 0px 0 5px;
}
.remove {
 background-image:url('/images/onlineshop/remove.gif');
 background-repeat:no-repeat; 
 width:14px;
 height:14px;
 float:left;
 margin:3px 0px 0 5px; 
}
.trash {
 background-image:url('/images/onlineshop/trash.gif');
 background-repeat:no-repeat; 
 width:15px;
 height:16px;
 float:left;
 margin:3px 0px 0 5px; 
}

.validate-order {
 border-collapse:collapse;
 width:100%;
 text-align:left;
 color:#2d2d2d;
}
.validate-order th,
.validate-order td {
 border-top:1px #ccccba solid;
 border-bottom:1px #ccccba solid;
}
.validate-order thead th{
 background-color:#e4e5cf;
 font-size:16px;
 font-weight:normal;
}
.validate-order tbody td {
 background-color:#f5f6e6;
 font-weight:normal;
}
.validate-order th,
.validate-order td {
 padding:7px;
}
.validate-order tbody .first,
.validate-order thead .first {
 border-left:1px #ccccba solid;
 padding:0 0 0 10px;
 width:320px;
}
.validate-order tbody .lastone,
.validate-order thead .lastone {
 border-right:1px #ccccba solid;
 text-align:right;
 padding:0 10px 0 0;
 width:90px;
}
.validate-order .space {
 padding:0;
 height:5px;
 border:none;
 background-color:transparent;
}
.validate-order input.items {
 width:45px;
 float:left;
}


/* table basket total */

.validate-order-total {
 border-collapse:collapse;
 width:100%;
 text-align:left;
 background-color:#fcfed8;
 border:1px #ccccba solid;
}
.validate-order-total td {
 padding:7px;
}
.validate-order-total tbody .first {
 padding:7px 7px 7px 10px;
}
.validate-order-total .lastone {
 padding:7px 10px 7px 7px;
 text-align:right;
}
.validate-order-total .hline {
 border-bottom:1px #c8c8b6 solid;
 padding:0;
}

/* confirmation page */

.confirmation {
 border:1px #c8c8b6 solid;
}
.confirmation .aboutcompany {
 background-color:#fafbed;
 padding:20px;
 border-bottom:1px #c8c8b6 solid
}
.confirmation .aboutcompany .date {
}
.confirmation .data {
 padding:20px;
 background-color:#f5f6e6;
}
.confirmation .line {
 width:100%;
 margin:10px 0;
 font-size:0; /* space in IE */
 border-bottom:1px #c8c8b6 solid;
}
.confirmation .total {
 background-color:#fcfed8;
 border-top:1px #c8c8b6 solid;
 padding:20px;
 font-size:21px;
 color:#212121;
}
.table2 {
 border-collapse: collapse;
 width: 100%;
 text-align:left;
}
.table2 tbody th {
 font-size:16px;
 color:#212121;
}
.table2 tbody td {
 font-size:14px;
 color:#212121;
}
.table2 tbody td,
.table2 tbody th {
 padding: 3px;
}
.right {
 text-align:right;
}
.summary {
 font-size:14px;
 font-weight:bold;
}

/* borders */
.border 
{
	background-color:#999972;
	padding:5px;
}
.border-big
{
	background-color:#999972;
	padding:10px;
}

/* creditcards */

.creditcards 
{
	font-size:14px;
	font-weight:bold;
	color:#999972;
}
.creditcards img 
{
	vertical-align:middle;
}

/* creditcards for sidebar */

#sidebar .creditcards 
{
	font-size:12px;
	font-weight:normal;
	color:#663333;
}
#sidebar  .creditcards img 
{
	vertical-align:middle;
	width:53px;
}


/* box */

.box 
{
	background-color:#999972;
	padding:5px;
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
}

.box .long 
{
 margin:0 5px 0 0;
 padding:5px;
 width:340px;
 _width:330px;
 border:1px #663333 solid;
 float:left;
}
.box .longsearchpage 
{
 margin:0 5px 0 0;
 padding:5px;
 width:510px;
 _width:500px;
 border:1px #663333 solid;
 float:left;
}
.box .submit 
{
	background-color:#663333;
	color:#fff;
	border:none;
	padding:4px 10px 5px 10px;
	*padding:3px 5px 4px 5px;
	cursor:pointer;
	cursor:hand;
}

/* tilmeld */

.tilmeld 
{
	background-color:#999972;
	padding:5px;
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
	width:165px;
	float:left;
}
.tilmeld .title 
{
	font-size:14px;
	line-height:normal;
	padding:0 0 5px 0;
	margin:0;
	font-weight:bold;
}
.tilmeld .normal 
{
 margin:10px 0 5px 0;
 *margin:10px 0 2px 0;
 _margin:10px 0 2px 0;
 
 padding:5px;
 width:153px;
 border:1px #663333 solid;
}
.tilmeld  .submit 
{
	background-color:#663333;
	color:#fff;
	border:none;
	padding:4px 0;
	width:164px;
	float:right;
	cursor:pointer;
	cursor:hand;
}

/* news list */

.news-list 
{
	height:100%;
	overflow:hidden;
	clear:both;
	border-bottom:1px #999972 solid;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.news-list p 
{
	margin:0;
}
.news-list h2 
{
	display:inline;
}
.news-list h2 a
{
	font-size:14px;
	padding:0;
	margin:0;
	font-weight:bold;
	text-decoration:none;
	line-height:22px;
}
.news-list h2 a:hover 
{
	text-decoration:underline;
}
.news-list .date 
{
	font-style:italic;
	font-size:11px;
	color:#82824f;
	display:inline;
	clear:right;
	margin:0 0 0 10px; 
}

/* news list for frontpage */

.news-list-frontpage {

}
.news-list-frontpage p 
{
	margin:0;
}
.news-list-frontpage h2 
{
	display:inline;
}
.news-list-frontpage h2 a
{
	font-size:14px;
	padding:0;
	margin:0;
	font-weight:bold;
	text-decoration:none;
	line-height:normal;
}
.news-list-frontpage h2 a:hover 
{
	text-decoration:underline;
}
.news-list-frontpage .date 
{
	font-style:italic;
	font-size:11px;
	color:#82824f;
	display:inline;
	margin:0 0 0 10px; 
	clear:right;
}


/* signup - newsletter */

.signup
{
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
}
.signup .envelope 
{
	float:left;
	margin:0 10px 0 0;
}
.signup .text 
{
	font-size:12px;
	line-height:14px;
}
.signup label {
  width:40px;
  float:left;
  margin:5px 0 0 0;
}
.signup .normal {
  width:205px;
  border:1px #4c145e  solid;
  margin:2px 0 5px 0;
  padding:3px;
  float:left;
}

.signup .submit 
{
	background-color:#663333;
	color:#fff;
	border:none;
	padding:4px 5px;
	cursor:pointer;
	cursor:hand;
	float:right;
	margin:2px 8px 0 5px;
}

/* checkout steps */

.form {
 padding:20px;
 background-color:#fff;
}
.form,
.form .textarea,
.form input.normal {
 border:1px #c4c4c4 solid;
}
.form label{
 height:100%;
 overflow:hidden;
 clear:both;
}
.form input.normal{
 margin:2px 0 10px 0;
 padding:5px;
 width:230px;
}
.form input.short {
	width:40px;
}
.form .info {
 font-size:10px;
 margin:0 10px 0 0;
 padding:0;
 float:left;
}

/* subscribeus - sidebar */

.subscribeus{
}
.subscribeus .normal{
  border:1px #979795 solid;
  padding:5px;
  font-weight:bold;
  width:248px; /* sidebar has 260px - padding - 2px borders = 248px */
  margin:0 0 5px 0;
  clear:both;
}
.subscribeus .submit {
  padding:2px;
  float:right;  
}
/* hover effect */
.subscribeus .effect {
 background-color:#fff;
 cursor:pointer;  
 border:1px #c4c4c4 solid;
}
.subscribeus input.normal:hover,
.subscribeus textarea:hover {
 background-color:#fff;
}

/* highlight - sidebar */

.highlight 
{
}
.highlight .title 
{
	font-size:22px;
}
.highlight .title a
{
	font-weight:bold;
	text-decoration:none;
	padding:0;
	margin:0 0 3px 0;	 
	color:#663333;
	font-weight:normal
}
.highlight .title a:hover
{
	text-decoration:underline;
}
.highlight .price 
{
	 font-weight:bold;
	 font-size:16px;
	color:#885c5c;
	margin:0 0 10px 0;
	padding:0;
}
.highlight .description 
{
}
.highlight .border 
{
	padding:5px;
	background-color:#fff;
	border:1px #999972 solid;
}


/* product overview - display mode */

.list-view
{
	width:620px;
	margin:20px 0 0 0;
}
.list-view img 
{
	padding:5px;
	background-color:#fff;
	border:1px #999972 solid;
}
.list-view .image
{
	/*width:205px;*/
	float:left;
}
.list-view .description 
{
	width:130px;
	float:left;
	margin:0 0 0 20px;
}

.display-mode
{
	float:right;
}
.display-mode ul 
{
	margin:0;
	padding:0;
	list-style-type:none;
}
.display-mode ul li 
{
	display:block;
}
.display-mode ul li a 
{
	text-decoration:none;
	font-size:14px;
}
.display-mode ul li a:hover 
{
    text-decoration:underline;
}
.display-mode ul .thumbnailview 
{
	background-image:url('/images/icons/thumbnailview.gif');
	background-repeat:no-repeat;
    background-position:left center;
    padding:0 0 0 20px;

}

.display-mode ul .listview 
{
	background-image:url('/images/icons/listview.gif');
	background-repeat:no-repeat;
    background-position:left center;
    padding:0 0 0 20px;
}


/* basket */

#basket 
{
	float:right;
	color:#fff;
	padding:0 10px;
}
.baskettext 
{
	float:left;
	margin:4px 10px 0 0;
	font-weight:bold;
	min-width:206px;
	background-image:url('/images/basketarea.jpg');
	background-repeat:no-repeat;
	background-position:left center;
	padding:1px 0 0 10px;
	height:18px;
}

.bestilnu 
{
	background-image:url('/images/basket.jpg');
	background-repeat:no-repeat;
    background-position:center top;
    width:99px;
    height:19px;
    float:left;
}
.bestilnu:hover 
{
	background-position:center bottom;
}
.basketbutton 
{
	padding:4px 0 0 10px !important;
	margin:0;
}
.basketbutton a:hover 
{
	background-color:#663333 !important;
}	



/* slide effect on frontpage */

#frontpageimages 
{
	
	margin:0 0 0 183px;
	_margin:0 0 0 178px;
}
#frontpageimages .border-big
{
	padding:5px;
	background-color:#fff;
	border:1px #999972 solid;
}

.frontpage-left 
{
	margin-top:-3px;
	_margin-top:-4px;
	_margin-top:-4px;
	margin-bottom:7px;
	*margin-bottom:5px;
}

/* sold icons */

.sold-frontpage{
  z-index: 1 ;
  position: absolute;
  height:70px;
  width:70px !important;
  padding:0;
  margin:0;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.sold{
  z-index: 1 ;
  position: absolute;
  height:150px;
  width:150px !important;
  padding:0;
  margin:5px 0 0 5px;
  padding:0 !important;
  background-color:transparent !important;
  border:none !important;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
 .sold-productlist{
  z-index: 1 ;
  position: absolute;
  height:115px;
  width:115px !important;
  padding:0;
  margin:0;
  padding:0 !important;
  background-color:transparent !important;
  border:none !important;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.sold-high{
  z-index: 1 ;
  position: absolute;
  height:86px;
  width:86px !important;
  padding:0;
  margin:5px 0 0 5px;
  padding:0 !important;
  background-color:transparent !important;
  border:none !important;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.sold-nprod{
  z-index: 1 ;
  position: absolute;
  height:70px;
  width:70px !important;
  padding:0;
  margin:0;
  padding:0 !important;
  background-color:transparent !important;
  border:none !important;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.sold-related{
  z-index: 1 ;
  position: absolute;
  height:81px;
  width:81px !important;
  padding:0;
  margin:0;
  padding:0 !important;
  background-color:transparent !important;
  border:none !important;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}