﻿/* generelle elementer og indstillinger  */
* {
    margin: 0px;
    padding: 0px;
    }

html, body 
{
	  height: 100%;
  }

body {
	text-align: left;
  }

table {
	clear: both;
	font-family: helvetica, sans serif;
	}
	
.tablerow_1 {
	background-color:  #ccc;
	}
.MyOrders td{
	padding: 2px;
	}

img {
	border: 0px;
	}
	
.all {clear: both;}

ul 
{
	padding-left: 0px; 
	list-style-position: outside;
	}
	
 #midten .PageContent li, #hojre .PageContent li {
	line-height: 15px;
	list-style: none; 
	padding-left: 15px;
	background: url('/files/billeder/sitesetup/dot.gif') no-repeat 0px 5px;
	font-size: 11px;
	}	
	
li.listitem0, li.listitem1, li.listitem2 {
	background: url('/files/billeder/sitesetup/x.gif') no-repeat 0px 5px;
	}
	
/* standard links */

a.speciallink { text-decoration: none; color: #d6561d; background-color: none;}
a.speciallink:active { text-decoration: underline; color: #d6561d; background-color: none;}
a.speciallink:hover { text-decoration: underline; color: #d6561d; background-color: none;}
a.speciallink:visited { text-decoration: none; color: #d6561d; background-color: none;}


a.toCart {
	float: left;
	display: block;
	width: 135px;
	line-height: 25px;
	background-color: #535353;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	background-image: url('/files/billeder/StdGrafik/kurv-ico.gif'); 
	background-repeat: no-repeat;
	background-position: 115px 2px;
  text-align: left;
  padding-left: 15px;
  text-decoration: none;
  clear: both;
  }
  

a.framebutton, .framebuttonholder a {
	display: block;
	width: 150px;
	line-height: 25px;
	border: solid 1px #666666;
  font-size: 10px;
  text-align: center; 
	font-weight: bold;
	color: #666666;
	margin-right:10px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-decoration: none;
	clear: both;
	text-transform: uppercase;
	}


a.nextbutton {
	display: block;
	width: 150px;
	line-height: 23px;
	border: solid 1px #666666;
  font-size: 10px;
  text-align: center; 
	font-weight: bold;
	color: #666666;
	float: left;
	margin-right:10px;
	text-decoration: none;
	}

 
/* sidens struktur  */

#container 
{ position: relative;
  width:1000px;
  min-height: 650px;
  margin: 0px auto;
	margin-top: 5px;
	padding-bottom: 0px;
  /*border: solid orange 1px;*/
	}
	
 
div#topholder 
{
  position: relative;
  top: 0px;
  left: 0px;
	height: 120px;
  width: 1000px;
  clear: both;
	border-top: solid #ffffff 1px;
	border-right: solid #ffffff 1px;
	border-left: solid #ffffff 1px;
 }

div#midtholder {
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 40px;
	border-bottom: solid #d8d8d8 1px;
	border-left: solid #d8d8d8 0px;
  width: 1002px;
  height: 510px;
	background-color: #fff;
	clear:both;
/*	border: solid #fff 1px; */

scrollbar-face-color: #ccc;
scrollbar-shadow-color: #ccc;
scrollbar-highlight-color: #ccc;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #fff;
}
	
div#bundholder{
	position: relative;
	top: 0px;
	left:0px;
  width:1000px;
  height: 35px;
	background-color: none;
	line-height: 22px; 
  clear: both;
  /*border: solid red 1px;*/
    }

.BoxContent {
	margin-left: 40px;
	float: left;
	}    
 
* html.BoxContent {     
	margin-left: 0px;
}
  /* IE 6 Hack */
* html div#bottomholder   {
	position: relative;
  top: -152px;
  left: 0px;
 	}   
 

/* kolonne elementer undersider */

#midten {
	position: relative; 
	top: 0px;
  width: 750px;
  height: 470px;	
  margin-top: 5px;
  padding: 0px;
  margin-bottom: 0px;
	float: left;
	overflow-x: hidden;
	overflow-y: auto;
  /*border: solid red 1px;*/
  border-right: 1px solid #535353;
	
	}
	

#hojre {
 position: relative; 
	top: 0px;
	left: 40px;
	width: 175px;
	float: left;
	height: 285px;
	overflow-y: auto;
	overflow-x: hidden;
	/* border: solid #ccc 1px;*/
	}
	
/* IE 6 Hack */
* html div#hojre {
left: 20px;
	/*border: solid blue 1px;*/
	} 	
	
		
#viskurv {
  position: relative; 
	top: 20px;
	left: 40px;
	min-height: 170px;
	width: 175px;
	float: left;
	text-align: center;
 /* border: solid #ccc 1px;*/
	}
	
table#buttonholdertable {
	width: 165px;
	height: 170px;
	border: 0px;
	}
	
#GroupHeaderName {
	margin-left: 40px;
	}
 /* IE 6 Hack */
  
* html div#viskurv {
	margin-top: 0px;
	margin-left: 0px;
	width: 135px;
  /*border: solid red 1px;*/
	}   
		



#SearchHolder {
	width: 200px;
	height: 40px;
	position: absolute; 
	top: 10px;
	left: 741px; 
	}

/* generelle kolonne   */	

.kolonne {
	
	}
	
/* menuer    */	
div#topmenu { border-right: 1px solid #fff; background-color: #666666; 
	Height: 25px;
	width: 1001px; overflow: hidden;
	clear: both;
	}
	
#topmenu ul { margin: 0; paddding: 0;
	list-style: none;
	float: left;
		}	
	
#topmenu li { margin: 0; paddding: 0;
	list-style-positionX: inside;
	list-style: none;
	float: left; 
	widthX: 142px;
	}	
	
	
#topmenu a {
	display: block; 
	line-height: 26px;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	width: 142px; overflow: hidden; 
	height: 25px;
	background-color: #666666;
	float: left;
	border-top: solid #ffffff 1px; 
	border-left: solid #ffffff 1px;
	text-decoration: none;
	}
	
#topmenu a:hover {
	background-color: #909090;
	text-decoration: none; 
	}	
	
#topmenu  a#activeitem, #topmenu  a.inpath {
	background-color: #909090; 
	}
#topmenu  a.lastitem {

	border-right: solid #ffffff 1px;
	} 		 	
	
	
div#hojremenu {
	Height: 15px;
	width: 1012px;
	clear: both;
	border: solid blue 0px;
	}
	
	
#hojremenu ul {
	list-style: none;
	}	

#hojremenu ul ul {
	margin-left: 10px;
}
	
#hojremenu li {

	}	
	
	
#hojremenu a {
	display: block; 
	font-size: 10px;
	font-weight: bold;
	color: #909090;
	width: 160px; 
	height: 15px;
	border-top: solid #ffffff 1px; 
	border-left: solid #ffffff 1px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#hojremenu a:hover {

	}	
	
#hojremenu  a#activeitem {
	color: #666666;
	}
 	
	
/* Footer */
#footer {
	float: left;
	width: 720px;
	
	}
#footer small {
	line-height: 22px;
	font-size: 11px;
	font-weight: bold; 
	color: #948687;
	}
	
#loginout {
	margin-left: 10px;
	width: 250px;
	text-align: right;
	color: #948687;
	float: right;
	}	
	
#loginout a{
	font-size: 11px;
	font-weight: bold; 
	color: #fff;
	text-decoration: none;
			}		
		
/* login siden */			

div#loginpage {
	position: relative; 
	top: 160px;
	left: 760px; 
	width: 150px;
	height: 400px; 
	/*border: solid red 1px;*/
	
	}
	
	/* Ekstranet - login */		
	
	div#forsidelogin {
	position: absolute; 
	top: 300px; /* AG: was 320px */
	left: 740px; 
	color: #111; /* AG: was #fff */
  font-size: 11px;
  font-weight: bold;
  font-family: helvetica, sans serif;
	/*	border: solid red 1px; */
		}

	div#sidelogin {
	position: absolute; 
	top: 220px;
	left: 740px; 
	color: #666666;
  font-size: 11px;
  font-weight: bold;
  font-family: helvetica, sans serif;
	/*	border: solid red 1px; */
		}
		
.loginsubmit {
	background-color: #666666;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  font-family: helvetica, sans serif;
  border: 0px; 
  cursor: hand;
  clear: both;
  text-align: left;
  line-height: 24px;
  margin-top: 2px;
			}

input {padding-left: 5px;}			

.formfelt {
	width: 150px;
	height: 20px;
	line-height: 20px;
  font-family: helvetica, sans serif;
		}	
			
.formsubmit {
 	line-height: 16px;
  background-color: #666666; 
  color: #ffffff;
	}

div#login-txt {
border: solid red 1px;	
	}

/* kolonner */ 
div.Onecol {
	width: 700px;
	float: left;
	margin-left: 10px;
	}


div.Twocol {
	width: 350px;
	float: left;
	margin-left: 10px;
	}

div.Threecol {

	width: 230px;
	float: left;
	margin-left: 10px;
	}

/* Ecom - product list */	

#productlistnavigation {
	text-align: right;
	}		
	
	ul#productlist {
		
		list-style: none;
		}

	ul#productlist li {
		float: left;
		width: 230px;
		}

	ul#productlist li.listitem0 {
		padding-bottom: 5px;
  	clear: right;
		}
		ul#productlist li.listitem1 {
	  margin-left: 0px;
		padding-bottom: 5px;
		}
				
		ul#productlist li.listitem2 {
		padding-bottom: 5px;
		}						
		
/* cart items */		

div#cartholder {
	position: relative;
	left: 40px;
	width: 650px;
  height: 480px;
  overflow-x: hidden;
  overflow-y: auto;
	clear: both;
	}

tr.basketheader td {
	width: 100px;
	height: 20px;
	text-align: center;
	background-color: #909090;
	color: #ffffff;
	font-weight: bold;
	
	}

tr.orderlines div.prodsmallimg {
	float: left
	}

tr.orderlines div.prodsmalldescr {
	line-height: 40px;
	}
		
tr.orderlines	td {
	border-bottom: solid 2px #909090;
	text-align: center;
	font-weight: bold;
	}

tr.orderlines	td.LinePrice {
	text-align: right;
	font-weight: bold;
	}
	
tr.total td {
text-align: center;	
	
	}

tr.Footer {
	font-weight: bold;
	color: #909090;
	}	
tr.tblheader td {
	text-align: center;	
	font-family: helvetica, sans serif;
	font-weight: normal;
	}	
	
tr.footer a {
	color: #909090;
	font-weight: bold; 
	}

tr.footer td.boxclear {
	height: 30px;
	color: #ffffff; 
	}
	 	
tr.footer td.boxactive {
	background-color: #909090;
	text-align: center;
	height: 30px;
	color: #ffffff; 
	}

td.boxactive a {
	color: #909090;
	text-decoration: none;

	}
	
tr.footer td.boxinactive {
	border: solid 1px #909090;
	text-align: center; 
	height: 20px;
	}					

td.boxinactive a {
	color: #909090;
	text-decoration: none;
	}	

		
div#CartSumm {
	color: #666666;
	}

	
/* product template */

a.addthistocart {
  display: block;
	width: 150px;
	line-height: 25px;
	background-color: #666666;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	float: left;
	margin-right:10px;
	text-decoration: none;
	}

div#productdetails {
	position: relative; 
	left: 20px;
	}

div.ShowProduct{
	border-bottom: solid #666666 1px;
	margin-left: 10px;
	margin-bottom: 10px;
	height: 470px;
		/*border: solid pink 1px;*/
	}

div.ShowProduct2{
	border-bottom: solid #666666 1px;
	margin-left: 10px;
	margin-bottom: 10px;
	height: 615px;
		/*border: solid pink 1px;*/
	}
	
				
div.ShowProduct	div.leftcol {
	float: left; 
	width: 350px;
	margin-right: 10px;
	}

div.ShowProduct	div.rightcol {
	width: 320px;
	margin-left: 10px;
	float: left;
	}
*html div.ShowProduct	div.rightcol {
	float: right;
	}
	
h1.ProductHeader {
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	}
	
div#ColourSize {
	font-family: courier;	
	text-align: right;	
	}
	
div.FeatureHolder {
	Float: left;
	height: 200px;
	width: 100px;
	/*border: solid red 1px;*/
	}
	
div.ColorPlateHolder {
float: left;
	height: 150px;
	width: 100px;
	/*border: solid red 1px;*/
	}
		
div.ImgMediumHolder {
	float: left;
	height: 275px;
	width: 165px;
	margin-bottom: 5px;
	overflow: hidden;
	/*border: solid red 1px;*/
	}
	
div.ImgMediumHolder2 {
	float: left;
	width: 175px;
	margin-bottom: 20px;
	overflow: hidden;
	/*border: solid red 1px;*/
	}	


	
div.ColourSizeContent {
	text-align: right;
	white-space: pre;
	letter-spacing: 0px;
	text-size: 8px;
	font-family: courier new, arial;
	}
table.pricelist td {
	text-align: center;
	}
table.pricelist td.firstrow {
	text-align: left;
	}			img

.groupname {
	font-size: 8px;
	}	

#cartcontainer {
position: relative;
left: 0px;
top: 0px;
	}	
*html #cartcontainer {
position: relative;

left: 0px;
	}
