body 
{
    background-color: #009A67;
    margin-top: 0px;
    padding-top:0px;
    top:0px;
}

td
{
    font-family:Verdana;
    font-size:10px;
    color:#404040;   
}

a
{
	font-size:10px;
	font-weight:bold;
	font-family:Verdana;
	color:#333333;
	text-decoration:none;
}

a.menu
{
	font-size:10px;
	font-weight:normal;
	font-family:Verdana;
	color:#333333;
	text-decoration:underline;
}

.top
{
	height:143px;
	background-color:white;
	background-image:url(../../Archive/Images/top_bg.gif);
}

.leftline 
{
    width:10px;
}

.rightline 
{
    width:10px;
}

.botline 
{
    height:10px;
}

.rootMenu
{
	cursor:hand;
	color:White;
	width:169px;
	height:22px;
	padding-left:7px;
    background-image:url(../../Archive/Images/menuBG.gif);	
}

.rootMenuHover
{
	width:169px;
	height:22px;	
	padding-left:7px;		
    background-image:url(../../Archive/Images/menuBGHover.gif);
}

.leafMenu
{
	color:White;
	width:169px;
	height:22px;
	padding-left:7px;	
	background-color:#008A57;	
}

.additionalitems_modal_popup
{
    width:490px;background-color:#fff;padding-bottom:20px;border:solid 1px #999;position:absolute;margin-left:4px;z-index:1001;
}

.additionalitems_modal_popup .additionalitemheader
{
    width:100%;background-color:#ccc;height:17px;padding-left:10px;
}

.additionalitems_modal_popup .additionalitemtext
{
    padding-left:10px;
    background-color:#ffffff;
}
.lastpurchased
{
    width:174px;margin-bottom:4px;margin-top:4px;

}
.lastpurchased .header
{
        font-family:Arial;
    font-size:11px !important;
}

.lastpurchased .ordereditem
{
    width:174px;margin-bottom:10px;
    font-family:Arial;
}


.lastpurchased .orderitem .orderbutton
{
    font-weight:bold;color:#595959;
}



.ASP-Menu-IE8Fix
{
	z-index: 100;
}

.main_image{Width:749px;Height:195px}
.bab {text-align:left; min-height:500px;}
.bab .sectionheader {font-size:14px !important; font-weight:bold !important; color:#666666 !important;}
.bab .editablefield{border:solid 1px #000; margin:2px;}
.bab .enabledfield{border:solid 1px #000;background-color:#fff;width:150px;}

.bab .disabledfieldnolength{border:0px;background-color:#fff;color:#000;background-image: none;}
.bab .disabledfield{border:0px;background-color:#fff;color:#000;width:150px;}
.bab .disabledfieldwborder{border:solid 1px #000;background-color:#ccc;color:#000;width:150px;}
.bab .enabledmultilinefield{border:solid 1px #000;background-color:#fff;}
.bab .disabledmultilinefield{border:0px;background-color:#fff;color:#000;}
.bab .flatcheckbox{border-width:1px; border-style:none}
.bab .reporttext{min-width:400px; min-height:100px; width:400px; height:100px; margin:2px;}
.link {text-decoration:underline; color:Blue;}
.bab .link{text-decoration:underline; color:Blue;}
.alternaterow
{
	background-color:#ccc;
}

#baboverlay { visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; background-color:#ccc; background: url(../../Archive/Images/Bab/overlay.gif);}
#baboverlay div { width:400px; height:150px; margin: 100px auto; background-color: #ffffff; border:1px solid #000;text-align:center;padding-top:20px; }
#baboverlay div .header{font-size:14px !important; font-weight:bold; color:#666666 !important;padding-top:10px !important; }
#baboverlay div .headererror{font-size:14px !important; font-weight:bold; color:Red !important;padding-top:10px !important; }


.damagepicture{ text-align:left; background-image:url(http://www.skandiatransport.se/Archive/Images/Bab/DamageIndicator.jpg); background-repeat:no-repeat; min-width:371px;  min-height:202px;}

.bab .damagepicture .row1 {margin-top:2px;}
.bab .damagepicture .row1 .box1{margin-left:70px;}
.bab .damagepicture .row1 .box1selected {margin-left:70px; background-color:Red;}
.bab .damagepicture .row1 .box2{margin-left:76px;}
.bab .damagepicture .row1 .box3{margin-left:64px;}

.bab .damagepicture .row2 {margin-top:2px;}
.bab .damagepicture .row2 .box1{margin-left:40px;}
.bab .damagepicture .row2 .box2{margin-left:80px;}
.bab .damagepicture .row2 .box3{margin-left:30px;}
.bab .damagepicture .row2 .box4{margin-left:70px;}

.bab .damagepicture .row3 {margin-top:2px;}
.bab .damagepicture .row3 .box1{margin-left:154px;}
.bab .damagepicture .row3 .box2{margin-left:12px;}

.bab .damagepicture .row4 { margin-top:30px;}
.bab .damagepicture .row4 .box1{ margin-left:6px;}
.bab .damagepicture .row4 .box2{ margin-left:30px;}
.bab .damagepicture .row4 .box3{ margin-left:40px;}
.bab .damagepicture .row4 .box4{ margin-left:32px;}
.bab .damagepicture .row4 .box5{ margin-left:30px;}
.bab .damagepicture .row4 .box6{ margin-left:36px;}
.bab .damagepicture .row4 .box7{ margin-left:24px;}

.bab .damagepicture .row5 {margin-top:26px;}
.bab .damagepicture .row5 .box1{margin-left:154px;}
.bab .damagepicture .row5 .box2{margin-left:12px;}

.bab .damagepicture .row6 {margin-top:4px;}
.bab .damagepicture .row6 .box1{margin-left:40px;}
.bab .damagepicture .row6 .box2{margin-left:80px;}
.bab .damagepicture .row6 .box3{margin-left:30px;}
.bab .damagepicture .row6 .box4{margin-left:70px;}

.bab .damagepicture .row7 {}
.bab .damagepicture .row7 .box1{margin-left:70px;}
.bab .damagepicture .row7 .box2{margin-left:76px;}
.bab .damagepicture .row7 .box3{margin-left:64px;}

.bab .damagepicture .row8 {margin-top:4px;text-align:left;}

.import {text-align:left;min-height:400px;padding-top:10px;}
.importerror {color:Red;}
.importsuccess {color:Green;}
.passwordbox {padding-left:20px;}

.disabled
{
 background-color: #fff;
}

.referenceitem{text-align:left;margin-top:5px;padding:10px;margin-left:5px;}

h3{font-size:16px; font-weight:bold;}

/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; padding:0px;margin:0px; }
