@charset "utf-8";
/* CSS Document */

html, body {
margin:0px;
padding:0px;
background-color:#CCC;	
font-family:Myriad pro;
}

#bContainer {
width:825px;
height:530px;
/*background-image:url(../gfx/bg.jpg);*/
background-color:#fff;
background-repeat:repeat-x;
margin:0px auto;
/*
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
*/
padding:23px 38px 23px 38px;
box-shadow: 0 0 2px 2px #c2c2c2;
}

#maincontent 
{
    padding-top:20px;
    height:350px;
    border-top:1px dotted #999;
    border-bottom:1px dotted #999;
}


#footer 
{
    height:82px;
}

h1 {
    font-size:35px;	
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 200;
    }

#header {
	
}

#header .left {
float:left;	
}

#header .right {
float:right;	
}

.greentext {
color:#565f51;	
}

.titletext 
{
      font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  color:#666666;
font-size:25px;	
text-align:right;
}

.formsection 
{
float:left;
width:600px;
overflow:hidden;
padding-bottom:10px;
}

.full 
{
    width:100%;
}

#pricesection 
{
    background-color:#fff;    
    width:174px;
    height:285px;
    float:right;
    padding:13px 20px 33px 20px;
    color:#888888;
    margin:10px 0px 0 0;
    -webkit-box-shadow: 0px 0px 2px 2px #e7e7e7;
    -moz-box-shadow:0px 0px 2px 2px #e7e7e7;
    box-shadow: 0px 0px 2px 2px #e7e7e7; 
}

#pricesection h1 
{
    font-size:25px;
    margin:0px;
    padding:0px;
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 200;
    color:#ce478e;
}

#pricesummary 
{
 height:122px;
 font-size:12px;
 margin-top:20px;
}

#vat 
{
    float:right;
    font-size:10px;
    margin-top:-17px;
    margin-left:17px;
    margin-right:-17px;
}
.updateprice 
{
    background-color: rgb(206, 71, 142);
    padding:3px 6px;
    text-align:center;
    font-size:10px;
    margin-top:-10px;
    margin-left:17px;
    margin-right:20px;
    margin-bottom:20px;
    color:#fff;
    border-radius:2px;
    -moz-border-radius:2px;    
    -webkit-border-radius:2px;
    width:135px; 
}

.updateprice a , .updateprice a:visited, .updateprice a:hover 
{
    color:#fff;
    text-decoration:none;
}

.borderradius 
{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.fieldspaceheight55 
{
 margin-top:55px;
 margin-bottom:10px;   
}

.fieldspaceheight45 
{
 margin-top:45px;
 margin-bottom:10px;   
}

.sublabel 
{
    color:#666;
    font-size:12px;
    margin-left:8px;
    }
    
.dependent.true 
{
    opacity:1;
}

    .dependent.false 
    {
        opacity:0.5;
    }
    
    .dependent.false:before
    {
        content:'';
        width:300px;
        height:100px;
        background-color:#fff;
        opacity:0.0;
        z-index:100000;
        position:absolute;
        
        
    }
    
    .loginsection.chktrueerhverv 
    {
        display:block;
    } 
    
    .loginsection.chktrueprivat 
    {
        display:none;
    } 
    
    .viaaddress 
    {
        display:none;
        margin-left:10px;
    }
    
    .viaaddress.chktrue 
    {
        display:block;
    }
    
    .first 
    {
        margin-left:0px;
    }
    
    
    ul#startpagegrid 
    {
        margin:5px 0 5px 0;
        padding:0px;
    }
    
    ul#startpagegrid > li > h2
    {
        font-size:25px;
        color:#666666;
        font-family: 'Titillium Web';
        font-style: normal;
        font-weight: 200;
    }

    ul#startpagegrid > li 
    {
        list-style-type:none;
        float:left;
        width:175px;
        margin:0 22px 0 0;
        border-radius:8px;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        -webkit-box-shadow: 0px 0px 2px 2px #e7e7e7;
        -moz-box-shadow:0px 0px 2px 2px #e7e7e7;
        box-shadow: 0px 0px 2px 2px #e7e7e7;
        padding:10px 21px;
    }
    
    
    ul#startpagegrid > li:first-child 
    {
        border-width:0px;
    }
    
    ul#startpagegrid > li:first-child, ul#startpagegrid > li.first 
    {
        width:102px;
        -webkit-box-shadow: 0px 0px 2px 2px #fff;
        -moz-box-shadow:0px 0px 2px 2px #fff;
        box-shadow: 0px 0px 2px 2px #fff; 
        padding:0px;

    }

    ul#startpagegrid > li.lastitem
    {
        margin:0 0 0 0;
       
    }
    
    ul#startpagegrid > li > ul 
    {
        margin:10px 0px 0 25px;
        padding:0px;
        width:160px;
    }
    
    ul#startpagegrid > li > input 
    {
        margin:0px;
    }
    
    ul#startpagegrid > li > ul > li 
    {
        list-style-image:url(../gfx/checkmark-green.png);
         font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-size:12px;
  color:#888888;
clear:both;
display:list-item;
height:38px;
    }



    ul#hvadskalflyttesgrid 
    {
        margin:5px 0 5px 5px;
        padding:0px;
    }
    
    ul#hvadskalflyttesgrid > li > h2
    {
        font-size:20px;
        color:#666666;
 font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  margin-left:10px;
    }

    ul#hvadskalflyttesgrid > li 
    {
        list-style-type:none;
        float:left;
        width:175px;
        margin:0 22px 0 0;
        border-radius:8px;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        -webkit-box-shadow: 0px 0px 2px 2px #e7e7e7;
        -moz-box-shadow:0px 0px 2px 2px #e7e7e7;
        box-shadow: 0px 0px 2px 2px #e7e7e7; 
        /*padding:10px 21px;*/
        padding:10px 0px;
    }
    

    ul#hvadskalflyttesgrid > li:last-child
    {
        margin:0 0 0 0;
        
    }
    
    ul#hvadskalflyttesgrid > li > ul 
    {
        margin:10px 25px 0 25px;
        padding:0px;
        width:130px;
    }
    
    ul#hvadskalflyttesgrid > li > ul > li 
    {
        list-style-image:url(../gfx/checkmark-green.png);
         font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-size:12px;
  color:#888888;
clear:both;
display:list-item;
height:38px;
    }
        
        ul#antalrumgrid 
    {
        margin:5px 0 5px 5px;
        padding:0px;
    }
    
    ul#antalrumgrid > li > h2
    {
        font-size:25px;
        color:#666666;
 font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
    }

    ul#antalrumgrid > li 
    {
        list-style-type:none;
        float:left;
        width:220px;
        margin:0 22px 0 0;
        border-radius:8px;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        -webkit-box-shadow: 0px 0px 2px 2px #e7e7e7;
        -moz-box-shadow:0px 0px 2px 2px #e7e7e7;
        box-shadow: 0px 0px 2px 2px #e7e7e7; 
        padding:10px 21px;
    }
    

    ul#antalrumgrid > li:last-child
    {
        margin:0 0 0 0;
        
    }
    
    ul#antalrumgrid > li > ul 
    {
        margin:10px 25px 0 25px;
        padding:0px;
        width:210px;
    }
    
    ul#antalrumgrid > li > ul > li 
    {
        list-style-image:url(../gfx/checkmark-green.png);
         font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-size:12px;
  color:#888888;
clear:both;
display:list-item;
height:38px;
    }
        
    ul#quickgrid 
    {
        margin:20px 2px 0px 2px;
        padding:0px;
    }
    
    ul#quickgrid li 
    {
        list-style-type:none;
        margin:0 20px 20px 0;
        float:left;
    }
    
    ul#quickgrid > li > div 
    {
        border-radius:8px;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        -webkit-box-shadow: 0px 0px 2px 2px #e7e7e7;
        -moz-box-shadow:0px 0px 2px 2px #e7e7e7;
        box-shadow: 0px 0px 2px 2px #e7e7e7; 
        width:150px;
        height:120px;
        padding:10px;
        cursor:pointer;
    }
    
    ul.cols3 
    {
        margin:0px;
        padding:0px;
    }
    
    ul.cols3 li 
    {
        list-style-type:none;
        float:left;
        width:250px;
        margin:0 10px 0 0;
    }
    
    /*Inventory picker */
	.entitycontainer {
	width:170px;
/*
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px 8px 8px 8px;
box-shadow: 0px 0px 2px 2px rgb(231, 231, 231);
*/
margin:10px 0;
padding:0 10px;
height:100px;
border-bottom:1px dotted #999;
	}

	.itemcontainer {
	width:85px;
	float:left;
	}

	.headingcontainer {
 font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  font-size:20px;
	}

	.variantercontainer {
	width:85px;
	float:right;
	margin-top:10px;
	}

		.variantercontainer table {
		float:right;
		}
		.variantercontainer td {
		height:25px;
		float:right;
		text-align:right;
		}

			.variantercontainer td a:after {
				float:right;
   display: block;
	content:'';
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #ce478e;
	margin:2px 0 0 5px;		
	}

	.variantercontainer a, .variantercontainer a:hover {
		color:#000;
		text-decoration:none;
		font-size:13px;
		float:right;
		line-height:15px;
	}

	td.basketentity {
	font-size:13px;
	height:20px;
	width:200px;
	text-align:right;
	
	}

	td.basketquatity {
		width:70px;
		text-align:right;
	}

	td.basketdelete {
		width:30px;
		text-align:right;
	}

	td.categories a, categories a:hover, categories a:visited{
		font-size:14px;
		text-decoration:none;
		color:#000;
	}

	#inventorycontainer {
	overflow:auto;
	width:190px;
	height:282px;
	padding:0 5px;
	border:0px solid #000;
	}

	#inventorymenu {
	float:left;
	width:100px;
	overflow:hidden;
	height:320px;
	}

	#inventorylist {
		width:440px;
	float:right;
	}

	ul.categorieslist {
	margin-top:15px;
	}

		ul.categorieslist li {
		margin:0px;
		padding:0px;
		height:32px;
		}

	a div.btnCategories {
	text-decoration:none;
	}
	.btnCategories {
	background-image:url(../gfx/btnGrayPoint.png);
    line-height:26px;
    border-width:0px;
    padding-top:0px;
    padding:2px 0 5px 10px;
    width:92px;
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    color:#fff;
    font-size:12px;
    cursor:pointer;
    vertical-align:middle;
    float:right;
    background-repeat:no-repeat;
    height:33px;
		font-size:12px;
		text-decoration:none;
	}

	.btnCategories.selected {
		background-image: url(../gfx/btnPink.png);
	}
	.btnCategories:hover {
		background-image: url(../gfx/btnPink.png);
	}
	.btnCategories a {
		line-height:28px;
		text-decoration:none;
		color:#fff;
		font-size:12px;
		margin-left:10px;
	}
    
    
.completionListElement 
{  
    visibility : hidden; 
    margin : 0px! important; 
    color : black; 
    border : solid 2px gray; 
    border-radius:5px;
    border-color:Black;
    cursor : pointer; 
    text-align : left; 
    list-style-type : none; 
    font-family : Verdana; 
    font-size: 11px; 
    padding : 0; 
} 

.listItem 
{ 
    background-color: white; 
    padding : 1px; 
}
      
.highlightedListItem 
{ 
    background-color: #c3ebf9; 
    padding : 1px; 
}

	.entitycontainer {
	width:170px;
	border-radius: 8px 8px 8px 8px;
box-shadow: 0px 0px 2px 2px rgb(231, 231, 231);
margin:10px 0;
padding:0 10px;
height:100px;
	}

	.itemcontainer {
	width:85px;
	float:left;
	}

	.headingcontainer {
 font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  font-size:20px;
	}

	.imagecontainer img {
	height:60px;
	}

	.variantercontainer {
	width:85px;
	float:right;
	margin-top:10px;
	}

		.variantercontainer table {
		float:right;
		}
		.variantercontainer td {
		height:25px;
		float:right;
		text-align:right;
		}

			.variantercontainer td a:after {
				float:right;
   display: block;
	content:'';
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #ce478e;
	margin:2px 0 0 5px;		
	}

	.variantercontainer a, .variantercontainer a:hover {
		color:#000;
		text-decoration:none;
		font-size:13px;
		float:right;
		line-height:15px;
	}

	td.basketentity {
	font-size:13px;
	height:20px;
	width:200px;
	text-align:right;
	
	}

	td.basketquatity {
		width:70px;
		text-align:right;
	}

	td.basketdelete {
		width:30px;
		text-align:right;
	}

	td.categories a, categories a:hover, categories a:visited{
		font-size:14px;
		text-decoration:none;
		color:#000;
	}

	#inventorycontainer {
	overflow:auto;
	width:190px;
	height:282px;
	padding:0 5px;
	border:0px solid #000;
	}

	#inventorymenu {
	float:left;
	width:100px;
	overflow:hidden;
	height:320px;
	}

	#inventorylist {
		width:440px;
	float:right;
	}