/*------------------------------------------------------------------
RETOUCH ApS - www.retouch.dk 

[Table of contents]
1. Body & all standards styles
2. Headlines
3. Lists
4. Typography
5. Frame
6. Navigation
7. Buttons
8. Contact form
9. Page elements
-------------------------------------------------------------------*/

/* [1. Body & all standards styles
----------------------------------------------- */

body {
	font:normal 12px/normal  Arial, Helvetica, sans-serif;
	/* font: font-weight font-size/line-height font-family */	
	color:#434343;
	text-align:left;
	background:#fff; 
}
body,html    { padding:0 0 5px 0;}
*            {	margin:0; padding:0; }
img          { border:0; }
.float-right { float:right !important; }
.float-left  { float:left; }
.text-right  { text-align:right; }
.text-left   { text-align:left; }
.text-center { text-align:center; }
.center      { text-align:center; }
.clearBoth   { clear:both; font-size:0; line-height:0; height:0; }
.left-image  { margin:5px 15px 10px 0; float:left; }
.right-image { margin:5px 0 10px 15px; float:right; }

#sidebar .left-image  { margin:5px 10px 10px 0; float:left; }
#sidebar .right-image { margin:5px 0 10px 10px; float:right; }

/* [2. Headlines]
----------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    margin:0;
	padding:0;
    color: #000;	
    padding-bottom: .4em;
	font-weight:bold;
}
h1 { font-size: 28px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }

#content h1 {
	font-size:18px;
	margin:5px 0 0 0;
}
.sidebarTitle {
	font-size:14px;
	font-weight:bold;
	color:#444;
	border-bottom:1px #c2cbcf solid;	
	margin:0 0 5px 0;
}

/* [3. Lists]
----------------------------------------------- */

/* ul */

ul.nodots {
	padding:0;
	margin:0;
	list-style-type:none;
}
ul {
	list-style-position: outside;
	padding:0 0 0 2em;
	margin:0 0 10px 0;
}
#content ul li {
	line-height:150%;
}
ul li { line-height:normal; }

/* ol */

ol { margin: .5em .5em 1.5em; }
ol li {
	margin-left: 2em;
	padding-left: 0;
	background: none; 
	list-style-type: decimal;
}

/* [4. Typography]
----------------------------------------------- */

a {
	text-decoration: underline;
	outline:none;
 	color:#0d72ae;
}
a:hover {
	text-decoration: none;
	outline:none;
	color:#0d72ae; 
}

p {
	line-height:160%;
	margin:0 0 10px 0 ;
	font-weight:normal;
}
.required {
	color:red;
}
.arrowLink {
	background:url('../images/arrowBlue.gif') no-repeat center left;
	padding:0 0 0 12px;
}
.arrowOrangeLink {
	background:url('../images/arrowOrange.gif') no-repeat center left;
	padding:0 0 0 12px;
	text-decoration:none;
}
.arrowOrangeLink:hover {
	text-decoration:underline;
}

/* [5. Frame]
----------------------------------------------- */

#sitecontainer {
	width:960px;
	margin:0 auto;
	position:relative;
}
#mainarea{
	width:960px;
	margin:0 auto;
	clear:both;
	position:relative;
}
#contentSidebar {
	background:url('../images/bgContentSidebar.gif') repeat-y;
	width:960px;
}
#content {
	width:725px;
	float:right;
}
#sidebar {
	width:220px;
	float:left;
}
#narrowPage {
	width:483px;
}
#header {
	position:relative;
	height:90px;
	z-index:2;
}
#header #logo {
	width:189px;
	height:42px;	
	background-image:url('../images/logo.gif');
	background-repeat:no-repeat;
	text-indent:-9000px;
	float:left;
	position:absolute;
	top:34px;
	left:0;
	margin:0;
	padding:0;
}
#header #logo a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
}

.sidebarelement {
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 0 0;
	padding:5px 15px;
}

/* [6. Navigation]
----------------------------------------------- */

/* topmenu */
/*
#topmenu {
	padding:0;
    margin: 0;
    position: absolute;
    top: 44px;
    left: 205px;
	width:755px;
	background:#e2edf4;
	height:28px;
	line-height:28px;
}
#topmenu ul {
	list-style-type:none;
	margin:4px 0 0 0;
	padding:0;
	float:left;
}
#topmenu ul li {
	float:left;
	margin:0 0 0 5px;
	display:inline;
}
#topmenu ul li a {
	padding:5px 10px;
	color:#000;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	float:left;
}
#topmenu ul li a:hover,
#topmenu ul .current a {
	text-decoration:none;	
	background:#fff;	
}
#topmenu #langSwitcher {
	float:right;
	margin:0 10px 0 0;
	_margin:0 5px 0 0;
}
#topmenu #langSwitcher img {
	margin:0 0 0 7px;
	_margin:10px 0 0 7px;
}
*/

#topmenu {
	padding:0;
    margin: 0;
    position: relative;
    top: 44px;
    left: 205px;
	width:755px;
	background:#e2edf4;
	height:28px;
	line-height:28px;
	z-index:1;
}

#topmenu #langSwitcher {
	float:right;
	margin:0 10px 0 0;
	_margin:0 5px 0 0;
}
#topmenu #langSwitcher img {
	margin:0 0 0 7px;
	_margin:10px 0 0 7px;
}
#topmenu .minKonto 
{
	float:right;
	margin:0;
}
#topmenu .minKonto a
{
	float:right;
	text-decoration:none;
	font-size:12px;
	color:#000;	
	margin:7px 5px 0 0;

}
#topmenu .minKonto a:hover 
{
	text-decoration:underline;
}

/* new topmenu with drop down */

ul#navmenu {
	margin:4px 0 0 0;
	border: 0 none;
	padding: 0;
	width: 600px; /*For KHTML*/
	padding:0;
	/*height: 28px;*/
	z-index:100000000000;
	list-style-type:none;
	float:left;
	position:relative;

}
ul#navmenu li {
	border: 0 none;
	padding: 0;
	margin:0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	line-height:24px;
	margin:0 0 0 4px;
}
ul#navmenu ul {
	margin: 0;
	border: 0 none;
	width: 150px;
	padding:0;
	list-style: none;
	display: none;
	position: absolute;
	left:0;
	top:24px;	
	float:left;
	/*z-index:1;*/
}
ul#navmenu .current {
	background:#fff;
}
/*
ul#navmenu .lastitem ul 
{
	right:2px;
	*right:1px;
	left:auto;
}
*/
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
ul#navmenu ul li {
	width: 150px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	background:none;
	margin:0;
}
ul#navmenu li ul 
{
	/*z-index:10;*/
}
/* Root Menu */
ul#navmenu a {
	padding:0;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background: transparent;
	height: auto !important;
	height: 1%; /*For IE*/
	padding:0 10px;
	color:#000;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}	
ul#navmenu ul a:hover {
	background:#fff;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	color:#fff;	
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background:#fff;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	color:#000;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	background-color:#5999bf;
	color: #fff;
	font-size:11px;
	line-height:15px;	
	padding:5px 10px;
	margin:0;
	font-weight:normal;
	border:1px #fff solid;
	border-top:none;
}
ul#navmenu li ul {
}
ul#navmenu li ul li ul,
ul#navmenu li ul li ul li ul {
	padding:0;
}

ul#navmenu li ul li,
ul#navmenu li ul li ul li,
ul#navmenu li ul li ul li ul li {
	margin:0;	
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #056daa;
	color: #fff;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #5999bf;
	color: #fff;	
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #056daa;
	color: #fff;
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 150px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
}


/* footer */

#footer {
	width:960px;
	margin:20px auto 0 auto;
	padding:10px 0 0 0;
	border-top:6px #e1e1e1 solid;	
	color:#6e6e6e;
	font-size:11px;
}
#footer .footerText {
	float:left;
}
#footer .footerText p {
	float:left;
	margin:0 10px 0 0;
}
.logoDiplomaPLC{
	background:url('../images/logoDiplomaPLC.gif ') no-repeat;
	width:100px;
	height:13px;
	float:left;	
}
#footer .infoAboutCompany {
	float:right;
}



/* [7. Buttons]
----------------------------------------------- */

/* green button */

a.btn {
	background: transparent url('../images/button-right.png') no-repeat scroll top right;
	_background: transparent url('../images/button-right-ie6.gif') no-repeat scroll top right;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    display: block;
    float: left;
    height: 30px;
    margin: 0;
    padding: 0;
    padding-right: 14px; /* width for button-right */
    text-decoration: none;
	text-align:center;
}
a.btn span {
	background: transparent url('../images/button-left.png') no-repeat;
	_background: transparent url('../images/button-left-ie6.gif') no-repeat;
    display: block;
    line-height: 30px;
    padding: 0 5px 0 16px;
}
a.btn:hover {
    background-position: bottom right;
    color: #505050;
    outline: none;
	text-decoration:none;
}
a.btn:hover span {
    background-position: bottom left;
	text-decoration:none;	
}
a.btn:hover {
    background-color: transparent;
    padding: 0;
    padding-right: 14px;
    color: #505050;
    cursor: pointer;
	text-decoration:none;	
}

/* big green button */

a.bigbtn {
	background: transparent url('../images/buttonbig-right.png') no-repeat scroll top right;
	_background: transparent url('../images/buttonbig-right-ie6.gif') no-repeat scroll top right;
    color: #fff;
    font-size: 21px;
    font-weight: normal;
    display: block;
    float: left;
    height: 43px;
    margin: 0;
    padding: 0;
    padding-right: 39px; /* width for button-right */
    text-decoration: none;
	text-align:center;
	text-shadow: 0px 1px 0px #000;
}
a.bigbtn span {
	background: transparent url('../images/buttonbig-left.png') no-repeat;
	_background: transparent url('../images/buttonbig-left-ie6.gif') no-repeat;
    display: block;
    line-height: 43px;
    padding: 0 14px 0 25px;
}
a.bigbtn:hover {
    background-position: bottom right;
    outline: none;
	text-decoration:none;
}
a.bigbtn:hover span {
    background-position: bottom left;
	text-decoration:none;	
}
a.bigbtn:hover {
    background-color: transparent;
    padding: 0;
    padding-right: 39px;
    color: #e1e1e1;
    cursor: pointer;
	text-decoration:none;	
}


/* [8. Contact form]
----------------------------------------------- */

.contactform {
	margin:0 0 20px 0;
	width:310px;
	float:left;
}
.contactform label {
	color:#000;
	font-weight:bold;
}
.contactform .normal {
	padding:4px;
	width:300px;
	margin:5px 0 10px 0;
}
.contactform .textarea {
	margin:5px 0 10px 0;
	padding:2px;
	width:304px;
	height:170px;
}
.contactform .submit {
	float:right;
}
.contactform .requiredinfo {
	font-style:italic;
	color:#000;
	margin:0;
}
.contactform .positive {
	font-style:italic;
	color:#000;
	font-size:11px;
	background-color:#a9cf38;
	margin:0 0 10px 0;
	padding:5px;
	text-align:center;
	line-height:140%;
	width:300px;
}
.contactform .required {
	font-style:italic;
	font-size:11px;
	color:#fff;
	background-color:#df2222;
	margin:0 0 10px 0;
	padding:5px;
	text-align:center;
	line-height:140%;
	width:300px;
}

/* [9. Page elements]
----------------------------------------------- */

/* basket */

#basket {
	background:url('../images/basketBg.gif') no-repeat;
	width:249px;
	height:33px;
	padding:2px 15px 0 15px;
	position:absolute;
	color:#000;
	font-size:11px;
	z-index:10000;
	position:absolute:
	top:0;
	margin-left:681px;
	_margin-left:0;
	_float:right;
	margin-top:-1px;
}

#basket-container {
	position:relative;
	float:right;
	width:960px;
	top:0;
	margin-top:1px;
}
#basket.fixed {
	position:fixed;
    top:1px;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;	
}
#basket:hover {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
#basket .yourBasket {
	background:url('../images/iconYourBasket.gif') no-repeat;
	padding:0 0 0 20px;
	font-size:14px;
	color:#a55200;
	font-weight:bold;
	text-decoration:none;	
}
#basket .yourBasket:hover {
	text-decoration:underline;
}
#basket .rediger {
	color:#da0f07;
	text-decoration:none;
}
#basket .rediger:hover {
	text-decoration:underline;
}
#basket .basketInfo {
	float:left;
}
#basket .submitbutton {
	float:right;
	margin:3px 0 0 0;
	width:80px;
}

/* filegallery */

.filegallery {
	width:100%;
	border-collapse:collapse;
	margin:0 0 20px 0;
}
.filegallery thead th,
.filegallery tbody td {
	padding:8px 10px !important;
}
.filegallery thead th {
	background-color:#f4f4f4 !important;
	font-weight:bold !important;
	font-size:13px !important;
	color:#363636 !important;
	border-top:1px #d7d7d7 solid !important;
	border-bottom:1px #d7d7d7 solid !important;
}
.filegallery thead .first {
	border-left:1px #d7d7d7 solid;
}
.filegallery thead .last {
	border-right:1px #d7d7d7 solid;
}
.filegallery td {
	font-size:12px !important;
	color:#4b4b4b !important;
	border-bottom:1px #ebebeb solid !important;	
}
.filegallery .last {
	text-align:right;
}
.filegallery .alternative 
{
	background:#f1f5fa;
}

.download 
{
	text-align:right;
}
.download td,
.download th 
{
	width:50px;
}
.filegallery .firstCol {
	border-left:1px #d7d7d7 solid;
	width:450px;
	text-align:left;
}
.filegallery .lastCol {
	border-right:1px #d7d7d7 solid;
	padding-right:20px !important;
}

/* module */

#module {
	/*background:url('../images/moduleBg.jpg') no-repeat;*/
	background-repeat:no-repeat;
	width:960px;
	height:340px;
	position:relative;
	color:#fff;
}
#module .message {
	width:450px;
	position:absolute;
	top:30px;
	left:25px;
}
#module .message h2 {
	font-size:24px;
	line-height:28px;
	color:#fff;
	font-weight:normal;
	padding:0;
	margin:0;
}
#module .message p {
	font-size:15px;
	line-height:20px;
	color:#fff;
}
#module .moduleButton{
	position:absolute;
	margin:30px 0 0 50px;
}
#module .creditCards{
	position:absolute;
	margin:90px 0 0 60px;
}

/* moduleFooter */

#moduleFooter {
	background:url('../images/modulefOOTER.jpg') no-repeat;
	width:960px;
	height:53px;
	position:relative;
	color:#fff;	
	margin:0 0 30px 0;
}
#moduleFooter ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#moduleFooter ul li {
	float:left;
	margin:0 25px;
	line-height:53px;
}
#moduleFooter ul li a {
	font-size:14px;
	text-decoration:none;
	color:#fff;
	background:url('../images/arrowRoundedBlue.png') no-repeat center left;
	_background:url('../images/arrowRoundedBlue-ie6.gif') no-repeat center left;

	padding:0 0 0 20px;
	float:left;
}
#moduleFooter ul li a:hover {
	text-decoration:underline;
}

/* topBanner */

#topBanner {
	background:url('../images/topBannerBg.jpg') no-repeat;
	width:960px;
	height:127px;
	position:relative;
	color:#fff;	
	margin:0 0 7px 0;	
}
#topBanner .message {
	font-size:15px;
	line-height:20px;
	color:#fff;
	position:absolute;	
	left:30px;
	bottom:30px;
	width:425px;
	margin:0;
}
#topBanner .message .title {
	font-size:24px;
	line-height:28px;
}
#topBanner .searchBox {
	background:url('../images/searchBoxBg.png') no-repeat;
	width:209px;
	height:85px;
	padding:15px 0 0 0;
	position:absolute;
	top:8px;
	right:8px;
	text-align:center;
}
#topBanner .searchBox label {
	color:#3d3d3d;
	font-size:14px;
	font-weight:bold;
}
#topBanner .searchBox .inputStyle {
	padding:2px;
	width:170px;
	margin:5px 0;
}
#topBanner .searchBox .submitButton {
	width:80px;
}


/* threeBoxes */

.threeBoxes {
	width:990px;
	margin-left:-30px;
	position:relative;
}
.threeBoxes .box1,
.threeBoxes .box2,
.threeBoxes .box3 {
	width:300px;
	float:left;
	display:inline;
	margin:0 0 0 30px;
}
.threeBoxes .box1 img 
{
	width:290px;
}
.threeBoxes .mainTitle {
	color:#010101;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
}
.threeBoxes h2 
{
	color:#010101;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	padding:0;
	margin:0 0 10px 0;	
}
.threeBoxes .box1 img {
	margin:0;
	border:1px #cbcbcb solid;
	padding:4px;
	background:#eaeaea;
}
.threeBoxes .eventTeaser {
	background:#e9f1f5;
	height:100%;
	overflow:hidden;
	clear:both;
	border:1px #bacfdb solid;
	padding:10px;
	margin:0 0 15px 0;
}
.threeBoxes .eventTeaser p {
	margin:0;
}
.threeBoxes .eventTeaser .topinfo {
	border-bottom:1px #d5d5d5 solid;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}
.threeBoxes .eventTeaser .title {
	color:#227db4;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}
.threeBoxes .eventTeaser .title:hover {
	text-decoration:underline;
}
.threeBoxes .eventTeaser .date {
	font-size:11px;
	color:#db0d08;
	font-style:italic;
}

/* submenu */

.submenu {
	margin:0 0 10px 0;
	padding:10px 15px;
}
.submenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.submenu ul li {
	display:block;
	line-height:170%;
}
.submenu ul li a {
	text-decoration:none;
	background:url('../images/arrowBlue.gif') no-repeat center left;
	padding:0 0 0 15px;

}
.submenu ul li a:hover,
.submenu ul .current a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

/* supportContact */

.supportContact {
	/*background:url('../images/supportContactBg.jpg') no-repeat;*/
	background:#fff url('../images/supportContactPhone.gif') no-repeat bottom;
	border:1px #e2e6e7 solid;
	width:218px;
	/*height:140px;*/
	float:left;
	margin:0 0 10px 0;
	clear:both;
	padding:0 0 80px 0;
}
.supportContact p {
	color:#3d3d3d;
	font-size:14px;
	font-style:italic;
	margin:10px 0 0 20px;
}
.supportContact img 
{
	float:left;
	margin:5px 0 0 0;
}

/* blogpost */

.blogpostTopinfo {
	height:100%;
	overflow:hidden;
	clear:both;
	margin:5px 0 10px 0;
	line-height:160%;
}
.blogpostTopinfo h1 {
	display:inline;
}
.bottomNavigation {
	height:100%;
	overflow:hidden;
	clear:both;
	padding:0 0 5px 0;
	margin:40px 0 10px 0;
	border-bottom:1px #e9e9e9 solid;
}
.bottomNavigation .previous {
	float:left;
}
.bottomNavigation .next {
	float:right;
}
.bottomNavigation .back {
	float:left;
	margin:0 0 0 198px;
}

/* blog overview - news */

.news {
	height:100%;
	overflow:hidden;
	clear:both;
	border-bottom:1px #e1e1e1 solid;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.news p {
	margin:0;
}
.news .topinfo {
	margin:0 0 5px 0;
	line-height:100%;
}
.news .title {
	color:#227db4;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
}
.news .title:hover {
	text-decoration:underline;
}
.news .postedat {
	font-size:11px;
	color:#737373;	
}
.news .date {
	font-size:11px;
	color:#db0d08;
	font-style:italic;
}

/* bestil katalog */

.requiredFields {
	font-style:italic;
}

.bestilFormContainer {
	width:475px;
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 auto;
}
.feedbackPositive,
.feedbackNegative {
	width:450px;
	height:100%;
	overflow:hidden;
	clear:both;
}
.feedbackPositive {
	background:#bde199;
	margin:0 0 10px 0;
	padding:7px 10px;	
	border:1px #578f1c solid;	
	font-size:13px;
	font-weight:bold;
	color:#3b690c;	
}
.feedbackNegative {
	background:#f7b9b9;
	margin:0 0 10px 0;	
	padding:7px 10px;
	border:1px #a5171b solid;
	font-size:13px;
	font-weight:bold;
	color:#992424;		
}
.loginArea {
	background:#bde199;
	margin:0 10px 0 0;
	padding:5px;
	border:1px #578f1c solid;	
	font-size:13px;
	font-weight:bold;
	color:#3b690c;	
}
.bestilFormContainer .form {
	width:430px;
	height:100%;
	overflow:hidden;
	clear:both;	
}

.bestilFormContainer .form {
	background:#e9f1f5;
	border:1px #b3bcc1 solid;
	padding:20px;	
}
.bestilFormContainer .form .row {
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
}
.bestilFormContainer .form label {
	width:105px;
	float:left;
	text-align:left;
	margin:3px 5px 0 0;
	color:#000;
	font-weight:bold;
}
.bestilFormContainer .form .inputStyle {
	padding:3px;
	width:305px;
}
.bestilFormContainer .form .select {
	padding:3px;
}
.bestilFormContainer .submitButton {
	margin:10px 0;
	text-align:center;
}
.bestilFormContainer .form .errormsg 
{
	color:Red;
}



/* catalog menu */

.catalogNavigation {
}
.catalogNavigation div {
}
.catalogNavigation a.title {
	background:#2686c0 url('../images/arrowWhite.gif') no-repeat 10px center;
	padding:7px 0 7px 20px;
	cursor:pointer;
	display:block;
	color:#fff;
	font-size:12px;
	font-weight: bold;		
	text-decoration: none;
	border-bottom:1px #a3cce4 solid;
}
.catalogNavigation a:hover {
	text-decoration:none;
	background-color:#5e9e0b;	
}
.catalogNavigation a.selected {
	background:url('../images/arrowWhiteVertical.gif') no-repeat 8px center;
	background-color:#5e9e0b;
	border-bottom:1px #c7ddaa solid;
} 

.catalogNavigation ul {
	padding:10px 20px;
	list-style-type:none;
	margin:0;
}
.catalogNavigation ul li {
	display:block;
	cursor:pointer;
	color:#156594
}
.catalogNavigation ul li a {
	font-size:12px;
	line-height:20px;
	color:#156594;

	text-decoration:none;
}
.catalogNavigation ul li a:hover,
.catalogNavigation ul .current a,
.catalogNavigation ul li:hover,
.catalogNavigation ul .current li,
.catalogNavigation ul .current
{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	background:transparent;
}


/* catalog */

.thumbnails {
	float:left;
	margin:5px 0 5px 0;
}
.thumbnails img {
	margin:0 10px 0 0;
	float:left;
}

/* filter table */

.filterTable {
	width:100%;
	border-collapse:collapse;
	text-align:left;
	background:#e8e8e8;
	color:#3d3d3d;
	border-top:1px #d3d3d3 solid;
	border-bottom:1px #d3d3d3 solid;

}
.filterTable thead th,
.filterTable tbody td {
	font-weight:normal;	
	background:url('../images/productTableTdBackground.gif') repeat-x;	
}
.filterTable thead th {
	padding:5px 10px;
}

.filterTable tbody td {
	padding:0 10px;	
}


.filterTable thead {
}
.filterTable thead .theadTitle {
	float:left;
	margin:5px 0 0 0;
}
.filterTable thead .theadTitle span {
	font-style:italic;
	font-size:11px;
}
.filterTable thead .filterNav {
	float:right;
}
.filterTable .hlineRow {
	padding:0 10px;
}
.filterTable .hline {
	background:url('../images/hline.gif') repeat-x;
	width:100%;	
	height:2px;
	float:left;	
	padding:0;
	margin:0;
	_margin:0 0 -10px 0;
	display:block;
}
.filterTable tbody .inputStyle{
	width:75px;
}
.filterTable tbody .selectStyle{
	width:125px;
}
.filterTable tbody .inputStyle,
.filterTable tbody .selectStyle,
.filterTable tbody .submitStyle {
	margin:3px 0 0 0;	
	padding:2px;
}
.filterTable tbody .filterSubmit {
	background:url('../images/filterSubmitBg.gif') repeat-x bottom;
	height:60px;
	border-left:1px #d4d3d3 solid;
	width:101px;
	
	text-align:center;
}

/* filterNav */

.sortSettings {
	float:right;
	line-height:24px;
}

.sortSettings .perPage {
	float:left;
	margin:0 10px 0 0;
}
.sortSettings .perPage .itemsPerPage {
	padding:2px;
	width:50px;
}
.sortSettings .pageNumber {
	float:left;
	margin:0 10px 0 0;	
}
.sortSettings .pageNumber .pageNumberInputStyle {
	width:30px;
	padding:2px;
	float:left;
	margin:0 5px 0 2px;
}
/* sortSettings icons */
.sortSettings .navFirst,
.sortSettings .navPrevious,
.sortSettings .navNext,
.sortSettings .navLast {
	margin:6px 4px 0 0;
}
.sortSettings .navFirst {
	background:url('../images/navFirst.gif') no-repeat;
	width:10px;
	height:12px;
	float:left;
	text-decoration:none;
}
.sortSettings .navPrevious {
	background:url('../images/navPrevious.gif') no-repeat;
	width:7px;
	height:12px;
	float:left;
	text-decoration:none;
}
.sortSettings .navNext {
	background:url('../images/navNext.gif') no-repeat;
	width:7px;
	height:12px;
	float:left;
	text-decoration:none;
}
.sortSettings .navLast {
	background:url('../images/navLast.gif') no-repeat;
	width:10px;
	height:12px;
	float:left;
	text-decoration:none;
}

/* productTable */

.productTable {
	width:100%;
	border-collapse:collapse;
	text-align:left;
	background:#e8e8e8;
	color:#3d3d3d;

}
.productTable a {
	text-decoration:none;
}
.productTable a:hover {
	text-decoration:underline;
}
.productTable thead th,
.productTable tbody td {
	font-weight:normal;	
}
.aproductTable thead th,
.aproductTable tfoot td {
	padding:5px 10px;
}
.productTable thead th {
	color:#010101;
	font-size:12px;
	border-right:1px #cecece solid;
	border-left:1px #f5f5f5 solid;
}
.productTable tbody td {
	padding: 2px 10px;
	font-size:11px;
	border-right:1px #e5e5e5 solid;
}
.productTable .standard {
	background:#fff;
}
.productTable .alternative {
	background:#f1f5fa;
}
.productTable tfoot td{
	background:url('../images/productTableTdBackground.gif') repeat-x;		
	border-top:1px #d3d3d3 solid;
	border-bottom:1px #c6c6c6 solid;
}
.productTable .lager {
	background:url('../images/') no-repeat;
}
.productTable .iconLager {
	background:url('../images/iconLager.png') no-repeat;
	_behavior: url(/htc/iepngfix.htc);	
	width:14px;
	height:16px;
	float:left;
	margin:0 0 0 10px;
	display:inline;
}
.productTable .tilfoj {
	background:url('../images/iconTilfoj.png') no-repeat center right;
	_background:url('../images/iconTilfoj-ie6.gif') no-repeat center right;
	padding:0 20px 0 0;
	text-decoration:none;
}
.productTable .tilfoj:hover {
	text-decoration:underline;
}
.productTable .lagerColumn {
	width:30px;	
}
.productTable .tilfojColumn {
	border-right:none;
	width: 110px;
}
.productTable .itemNoColumn {
	border-right:none;
	width: 80px;
}
.productTable .priceColumn {
	border-right:none;
	width: 60px;
}
.productTable .centerText {
	text-align:center;
}
.productTable .sortbutton {
	cursor: pointer;
}
.productTable .sort_asc span{
	background:url(/images/sort_ascending.gif) no-repeat 100% 60%;
	padding-right:13px;
	cursor:pointer;
}
.productTable .sort_des span{
	background:url(/images/sort_descending.gif) no-repeat 100% 60%;
	padding-right:13px;
	cursor:pointer;
}

.tableloadingpanel {
	background-color:#222;
	*background-color:White;
	*margin-left:-5px;
	*margin-right:-10px;
	*padding-left:10px;
	z-index:10000;
	position:absolute;
	width:100%;
	height:100%;
	opacity:0.2;
	filter:alpha(opacity=50);
	text-align:center;
	margin-bottom:20px;
	/*der mangler centrering af spinner, og måske en pænere spinner*/	
}

/*div der indeholder bade tabellen og loaderpanelet*/
.tableloadingcontainer {
	position:relative;
}

/* productOverlayTable */

.productOverlayTable {
	width:100%;
	border-collapse:collapse;
	text-align:center;
	background:#e8e8e8;
	color:#3d3d3d;
	margin:0 0 20px 0;
}
.productOverlayTable a {
	text-decoration:none;
}
.productOverlayTable a:hover {
	text-decoration:underline;
}
.productOverlayTable thead th,
.productOverlayTable tbody td {
	font-weight:normal;	
}
.productOverlayTable thead th {
	padding:5px 10px;
}
.productOverlayTable thead th {
	color:#010101;
	font-size:12px;
	border-right:1px #cecece solid;
	border-left:1px #f5f5f5 solid;
}
.productOverlayTable tbody td {
	padding:6px 10px !important;
	font-size:11px;
	border-right:1px #e5e5e5 solid;
	background:#f1f5fa;	
}
.productOverlayTable .lager {
	background:url('../images/') no-repeat;
}
.productOverlayTable .iconLager {
	background:url('../images/iconLager.png') no-repeat;
	_behavior: url(/htc/iepngfix.htc);	
	width:14px;
	height:14px;
	float:left;
	margin:0 0 0 10px;
	display:inline;
}

.productOverlay .productImage {
	float:left;
	margin:0 20px 0 0;
}
.productOverlay .description {
	width:400px;
	float:left;
	margin:0 20px 0 0;
}
.productOverlay .description p {

}
.productOverlay .backLink {
	text-decoration:none;
	color:#c01818;
}
.productOverlay .backLink:hover {
	text-decoration:underline;
}

/* tilfojBox */

.tilfojBox {
	background-color:#c6eba1;
	border:4px #bebebe solid;
	color:#3d3d3d;	
	width:235px;
	padding:10px;
	float:right;
}
.tilfojBox .title {
	font-size:14px;
	font-weight:bold;
	color:#3d3d3d;
}
.tilfojBox label {
	float:left;
	margin:5px 0 0 0;
}
.tilfojBox .inputStyle {
	padding:2px;
	width:75px;
	margin:0 5px;
}

/* buyOverlay */

.buyOverlay {
	background:url('../images/buyOverlayArrow.png') no-repeat right;
	background:url('../images/buyOverlayArrow-ie6.gif') no-repeat right;
	width:280px;
	padding:0 14px 0 0;
	height:35px;
	line-height:35px;
}
.buyOverlay .inside{
	background:#d0eab1;
	border:1px #8cb484 solid;
	border-right:none;
	padding:0 0 0 10px;
	height:33px;
	line-height:33px;
}
.buyOverlay label {
	font-size:12px;
	font-weight:bold;
	color:#000;
	float:left;
}
.buyOverlay .inputStyle{
	margin:0 5px;
	padding:2px;
	width:100px;
	_margin-top:4px;
}
.buyOverlay .submitbutton {
	padding:0 10px;
	_margin-top:4px;	
}

/* creditCards */

.creditCards{
	background:url('../images/creditcards.gif') no-repeat;
	width:210px;
	height:20px;
	display:block;
}

.helpDivStyle 
{
	margin:0 auto;
	width:550px;
}
.helpDivStyle ul 
{
	list-style-type:none;
	margin:0;
	padding:0;
}
.helpDivStyle ul li 
{
	display:block;
}
.helpDivStyle ul li strong 
{
	font-size:16px;
	font-weight:normal
}
.imageFilterDiv {
	border:1px solid black;
	width:722px;
	height:170px;
	text-align:center;
	margin:0 auto;
	overflow:auto;
}
.imgSelected {
	border:3px solid #2686C0;
}

/* Attention panels*/
.attentionpanel {
	background-color:#fffdd3;
	border:3px solid #daa400;
	padding:10px 20px 10px 20px;
	text-align:left;
	margin:20px 0 20px 0;
}
.attentionpanel h2 {
    border:none;
}
.attentionpanel ul {
	list-style:inside;
}
.attentionpanel li {
	padding-bottom:5px;
}
.attentionpanel .bottompanel {	
	background-color:#f8f1a3;
	margin:30px -20px -10px -20px;
	padding:10px 20px 10px 20px;
	border-top:1px solid #daa400;
}
.attentionpanel .bottompanel .margintop {
	padding:4px 0 0 5px;
	float:left;
}
/*Modal Popup*/
.modalBackground {
	background-color:black;
	filter:alpha(opacity=70);
	opacity:0.7;	
}
.modalPopup {
	background-color:#ffffdd;
	border-width:10px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

 {
	width:475px;
	margin:0 0 10px 0;
	clear:both;
	height:100%;
	overflow:hidden;	
}

.form {
	background-color:#e9f1f5;
	border:1px #b3bcc1 solid;
	padding:10px 20px;
	clear:both;
	margin:0 0 10px 0;
}
.form .row {
	height:100%;
	overflow:hidden;
	clear:both;
	margin:0 0 10px 0;
}
.form label {
	width:105px;
	float:left;
	margin:3px 5px 0 0;
	text-align:left;
	font-weight:bold;
	color:#000;
	font-size:12px;
}
.form label span {
	color:red;
}
.form label.labelRight {
	width:50px;
	float:none;
	margin:3px 5px 0 10px;	
}
.form .inputStyle {
	width:220px;
	padding:2px;
}
.form .inputStyleShort {
	width:80px;
	padding:2px;
	float:left;
}
a.greenbtn {
	background: transparent url('../images/button-right.png') no-repeat scroll top right;
	_background: transparent url('../images/button-right-ie6.gif') no-repeat scroll top right;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: block;
    float: left;
    height: 24px;
    margin: 0;
    padding: 0;
    padding-right: 11px; /* width for button-right */
    text-decoration: none;
	text-align:center;
}
a.greenbtn span {
	background: transparent url('../images/button-left.png') no-repeat;
	_background: transparent url('../images/button-left-ie6.gif') no-repeat;
    display: block;
    line-height: 24px;
    padding: 0 5px 0 16px;
}
a.greenbtn:hover {
    background-position: bottom right;
    color: #e8e8e8;
    outline: none;
	text-decoration:none;
}
a.greenbtn:hover span {
    background-position: bottom left;
	text-decoration:none;	
}
a.greenbtn:hover {
    background-color: transparent;
    padding: 0;
    padding-right: 11px;
    color: #e8e8e8;
    cursor: pointer;
	text-decoration:none;	
}










/* new styles 4.11.2010 */

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* top-info */

.top-info {
	margin:0;
}

/* page-info */

.top-info .page-info {
	float:left;
	width:410px;
}
.top-info .page-info h1 {}
.top-info .page-info p {}

/* valuediv */

.top-info .valuediv {
	background:#fff372;
	width:280px;
	padding:10px;
	font-weight:bold;
	text-align:center;
	float:right;
	margin:40px 0 0 0;
}
.top-info .valuediv select.select {
	min-width:60px;
}
.top-info .valuediv p {
	font-size:14px;
	color:#000;
}

/* product-form */

.product-form {
	margin:15px 0 15px 0 !important;
}

.product-form .col {
	float:left;
	width:320px;
	margin:0 25px 0 0;
}
.product-form .col-last {
	margin:0;
}
.product-form .col .feedbackPositive,
.product-form .col .feedbackNegative {
	width:288px;
}
.product-form .col h2 {
	font-size:15px;
}
.product-form .creditCards {
	margin-bottom:10px;
}
.product-form .inputStyle {
	width:210px;
}
.product-form .textarea {
	width:214px;
	height:70px;
}
.product-form label {
	width:100px;
}

/* login-form */

.login-form {}
.login-form  .inputStyle {
	width:100px;
	float:left;
	margin:0 10px 0 0;
}
.login-form .input-help {
	font-size:10px;
	color:#777;
	line-height:20px;
}
.login-form .forgotpassword {
	font-size:11px;
	font-weight:bold;
}

/* header-login-area */

.login-header-area {
	position:absolute;
	top:18px;
	right:300px;
	font-size:11px;
}
.login-header-area a {
}

/* personal-info */

.personal-info {
    margin: 0 0 20px 0;
}
.personal-info .data {
	float:left;
	width:150px;
	margin:0 20px 0 0;
	text-align:center;
}
.personal-info .data img {
	display:block;
	margin:0 0 5px 0;
}
.personal-info .data p {}
.personal-info .desc {
	float:left;
	width:500px;
}
.personal-info .desc h2 {
	font-weight:normal;
	font-size:14px;
	line-height:140%;
}
.personal-info .desc p {  }
.personal-info .desc p ul {  }

/* my-account-form */

.my-account-form {}

.my-account-form {
	margin:15px 0 15px 0 !important;
}

.my-account-form .col {
	float:left;
	width:320px;
	margin:0 25px 0 0;
}
.my-account-form .col-last {
	margin:0;
}
.my-account-form .col .feedbackPositive,
.my-account-form .col .feedbackNegative {
	width:288px;
}
.my-account-form .col h2 {
	font-size:15px;
}
.my-account-form .inputStyle {
	width:210px;
}
.my-account-form label {
	width:90px;
}
.my-account-form .checkradiorow label {
	margin-left:90px;
}

/* password-form */

 .password-form {} 
 .password-form label {
 	width:120px;
 }
 .password-form .inputStyle {
 	width:180px;
 }