@import "common.css";
@import "form.css";
@import "Menu.css";

/* Page Frame */
div#frameMainSides
{
    background-image: url(../gfx/dropshadow_top.png);
	background-position:left top;
	background-repeat:repeat-y;
	margin-right: auto; 
	margin-left: auto; 
	width: 1050px;
	
}

div#frameMainBottom 
{
    width:1050px;
    height:12px;
    margin:auto;
    background:url(../gfx/dropshadow_bottom.png) repeat-y;
    
}



.dynamicPopulate_Normal
{
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:200px;
}

.dynamicPopulate_Updating 
{
	background-image:url(../gfx/loading.gif);
	background-repeat:no-repeat;
	background-position:right
}

.watermarked {
	background-color:#F0F8FF;
	color:gray;
	margin:0;
	padding:1px;
	border:1px solid #999;
	vertical-align:top;
}

.dynamicPopulate_Buy 
{
	background-image:url(../gfx/loading.gif);
	background-repeat:no-repeat;
	background-position:left
}
/*	BC 2005-08-09 
	fixing the welcome-panel and moving styles to where it should be.
*/
#welcomebox 
{
	position:relative;
	height:135px;
	margin-left:20px; 
	padding:1px 120px 0 20px; 
	background:no-repeat url(../gfx/gradient-arrow-up.gif) 100% 0;
}

#welcomebox h1 { margin:10px 0; color:#2b3e73; }
#welcomebox h2 { margin:2px 0 10px; color:#4d98ce; }

.CategoryBigListMenuHeaderLinkButton a,
.CategoryBigListMenuHeaderLinkButton a:visited,
.CategoryBigListMenuHeaderLinkButton a:hover
{
	font-family: Trebuchet MS. Regula;
	font-weight: bold;
	color: #000000;
	font-size: 11px;
}

.CategoryBigListMenuHeaderLabel
{
	font-family: Tahoma;
	color: #000000;
	font-size: 18px;
}


.shopHead 
{
	font-family:Trebuchet MS. Regular;
}

.shopHead .Headline 
{
	font-size: 18px; 
	color:#000000; 
}

.shopHead .Text 
{
	height: 90px;
	width: 490px;
	font-size: 11px;
	line-height: 16px;
	color:#000000; 
}

.shopHead .Text2 
{
	font-size: 11px;
	line-height: 16px;
	color:#000000; 
	width:640px;
}

.shopHeadProduct
{
	font-family:Trebuchet MS. Regular;
	height:130px;
}

.shopHeadProduct .HeadlineProduct
{
	font-size: 18px; 
	color:#000000;
	
}


.shopHeadProduct .TextProduct 
{
	height: 90px;
	width: 320px;
	font-size: 11px;
	line-height: 16px;
	color:#000000; 
}


#helptipSearch {
	position:absolute; right:30px; bottom:0px;
	color:#999;
	font-size:13px;
}
#GetStarted {
	position:relative;
	padding:30px 50px 0 120px;
	background:no-repeat url(../gfx/gradient-arrow-left.gif) 0 0;
	color:#999;
	font-size:13px;
	min-height:70px;
}	
* html #GetStarted {height:70px;}


/*
//end welcome panel styles.

Start Login-screen:
*/
#colWelcome {
	float:left; 
	width:300px;
}
#colFeature {
	float:right; 
	width:450px;
}

.tabnavwrap {
	background:#2b3e73;
}
* html .tabnavwrap {height:1%;}
	
ul.tabnav{
	list-style: none;
	margin: 0;
	padding: 7px 0 4px 0;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	font-size:11px;
	color:#8dcef8;
}
ul.tabnav li{
	display: inline;
	margin: 0;
}
ul.tabnav li a, 
ul.tabnav li a:visited
{
	
	text-decoration: none;
	padding: 2px 12px 4px;
	border-bottom: 3px solid #8dcef8;
	color: #8dcef8;
}
ul.tabnav li a:hover{
	border-color: #8dcef8;
	color: #FFF;
	background:#8dcef8;
}

ul.tabnav li.tabtitle { 
	font-weight:normal; 
	padding:0 10px;
	color:#8dcef8;
}

ul.tabnav a.current, 
ul.tabnav a.current:visited,
ul.tabnav a.current:hover
{
	border-color: #EFF6FB;
	color:#2b3e73;
	background:#EFF6FB;
}



.tabcontent {
	border-top:3px solid #8dcef8;
	background:#EFF6FB;
	padding:1px 10px;
	min-height:140px;
	color: #2b3e73;
}
* html .tabcontent { height:140px; }
.tabcontent p, .tabcontent li {font-size:11px;}
.tabcontent h3 {font-size:12px; margin:10px 0 2px;}
.tabcontent ul {margin-top:0;}
#featureimage {
	height:250px;
	overflow:hidden;
	background:#eee no-repeat 0 0;
}


/* 

end login-screen...

*/
/* Layout (rightnav)
//////////////////////////////////////////////////////////////// */

body {
}

/* General colors for links  */
a:link 
{
	color:#2b3e73;
	text-decoration:none;
	}
a:visited 
{
	color:#2b3e73; 
	text-decoration: none;
}
a:hover 
{
	color:#959EB9;
	text-decoration: none;	
}

.hidden
{
    display:none;
}


/********** carselect ********/
.pageCarSelect {	
	border: 0px solid blue;
	margin-top:10px;
}

.pageShopNavigator
{
	border: 0px solid blue; 
	margin-top:10px;	
}

/**********2 carselect ********/

.contentCarSelect {	
	border: 1px solid white; 
	position:relative;
	margin-left:28px;
	margin-right:28px;
}

.contentShopNavigator 
{
	border: 1px solid white; 
	position:relative;
	margin-left:25px;
	margin-right: 28px;
}

/**********3 carselect ********/
.mainCarSelect {
	border: 1px solid white; 
	margin-right:200px;
	margin-left:0px;
	top: 0px;
	bottom: 0px;
}

.mainShopNavigator
{
	border: 1px solid white; 
	/* top: 0px;
	margin-left: 200px; */
	padding-left:14px;
	float:left;
}
/**********4 carselect ********/
.relatedCarSelect 
{
	border: 1px solid white; 
	position:absolute;
	/*width:200px;*/
	top: 0px;
	right:0px;
}

.relatedCarSelect3
{
	border: 1px solid white;
	position:absolute;
	width:170px;
	top: 0px;
	left:0px;
	/* right:28px; */
}

.relatedShopNavigator
{
	border: 1px solid white;
	float:left;
	/* position:absolute;
	top:0px;
	left:0px; */
}


/********** END ********/

.relatedCarSelect2 
{
	border: 1px solid white; 
	position:absolute;
	width:270px;
	top: 0px;
	left:0px;
}

.mainCarSelect2 {
	border: 1px solid white; 
	margin-right:0px;
	margin-left:300px;

}
.relatedCarSelect2 table td div img {visibility:hidden;}


/***** shopnavigator ****/


.TableAddSpace
{
	height:14px;
	vertical-align:bottom;
	/*background-image:url(/gfx/line.gif);
	background-position:left top;
	background-repeat:repeat-x;*/
}

/********** productSheet ********/

.pageProductSheet
{
	margin-top:10px;	
}

.contentProductSheet {	
	border: 0px solid red; 
	position:relative;
	margin-left:28px;
	margin-right:28px;
}

	
.mainProductSheet {
	border: 0px solid green; 
	/*margin-right:200px;*/
	margin-left:0px;

}

.relatedProductSheet 
{
	border: 0px solid yellow; 
	position:absolute;
	width:170px;
	top:5px;
	right:28px;
}


/********** search ********/

.pageSearch
{
	border: 0px solid blue; 
	margin-top:10px;	
}

.contentSearch {	
	border: 0px solid red; 
	position: relative;
	margin-left: 28px;
	margin-right: 28px;
}

	
.mainSearch 
{
	border: 0px solid green; 
	margin-right: 0px;
	margin-left: 0px;
}

.relatedSearch 
{
	visibility: hidden;
	border: 1px solid yellow; 
	position: absolute;
	width: 170px;
	top: 5px;
	right: 28px;
}




/*###########################*/
/* bc 2005-08-09 */
#full 
{
	height:1%;
	margin-right:20px;
	margin-left:20px;
	width:780px; 
	margin:20px auto 0;
}

ul.list 
{
	font-size:90%;

}
ul.list li 
{
	margin:0.25em 0 0 1.5em;
}



/*
#related {float:right; width:180px;}
#main { margin-right:200px;}
*/


/* Typography
//////////////////////////////////////////////////////////////// */

h1,h2,h3,h4,h5,h6 {
	font-family: Trebuchet MS. Regular;
	line-height:1em;	
}

h1 {
	font-size:2em;
	letter-spacing:-0.02em;
	font-weight:normal; 
	color:#183270;
	margin:10px 0;
	}


h2 {
	font-size:16px;
	font-weight:normal;
	margin:10px 0;
	/*color:#8CCFF9;*/
	color:#4d98ce;
}
h3 {
	font-size:1.15em;
	margin-bottom:0.25em;
}
h4 {
	font-size:1em; 
	margin:0 0 0.5em;
}
h5, h6 {
	font-size:0.84em;
}


p.intro { font-size:1.1em; line-height:1.5em; color:#666; margin:0.5em 0;}


h1 a
{
	color:#5E9EB7; 
}
h1 a:hover {background:#2B3E73;color:#FFF;text-decoration:none;}


/* Header
//////////////////////////////////////////////////////////////// */



#header {
	/*height:70px;*/
	/*position:relative;*/
	/*z-index:300;*/
}

#logo {
	width:120px; height:70px;
	background:no-repeat url(../gfx/logo.gif) 0 100%;
	position:absolute;
	left:0px;
	z-index:2;
}

#logo a {
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	width:100%; height:100%;
}


#header h1 {
	margin:0 0 0 125px; line-height:40px;
	font-size:16px; font-weight:normal;
	color:#aaa;
}

DIV .Orders
{
	font-weight: normal;
	font-size: 16px;
	margin: 0px 0px 0px 125px;
	width: 20%;
	color: #8dcef8;
	text-indent: 40pt;
	line-height: 40px;
	height: 40px;
	background-color: #2b3e73;
}

DIV .Orders a
{
	color: #8dcef8;
	text-decoration:none
}

h1#header {margin:10px 0; line-height:normal; padding:0; height:auto;}
h2#headArticleNumber { margin:10px 0;}

span.net {background:#E5F2CC; color:#9c3;}
tr.vat td { vertical-align:top}
tr.subtotal td{font-size:1em; vertical-align:top}
tr.total td {font-size:1.1em; border-top:3px solid #333; border-bottom:none !important; vertical-align:top}


/* icon buttons */
input.iconbtn {
	margin-left:0; margin-right:2px;
	padding:4px 0 4px 10px;
	font-size:11px; font-weight:bold;	
	/*
	background:#b6d3df no-repeat 4px 51%;
	color:#2f4f5b;
	*/
	border:1px solid #5e9eb7; border-color:#d7e7ed #5e9eb7 #5e9eb7 #d7e7ed;
	
	background:#eaeaea no-repeat 4px 51%;
	border-color:#eee #CCC #ccc #eee;
	color:#727272;
	cursor:pointer;
}
html>body input.iconbtn {padding:4px 4px 4px 4px;}
/*
input.iconbtn:hover, input.iconbtn:focus {	background-color:#d7e7ed;color:#2f4f5b;}
*/


input.btn.login {
	padding:  0px 0px 2px 2px;
	font-size:10px; font-weight:bold;		
	height:16px;
	border:1px solid #5e9eb7; 
	border-color:#d7e7ed #5e9eb7 #5e9eb7 #d7e7ed;
	/*background:#eaeaea  no-repeat 4px;*/
	/*border-color:#eee #CCC #ccc #eee;*/
	color:#727272;
	cursor:pointer;
}

input.lastsearch {padding-left:	0px;background-image:none;}

input.iconbtn.sendorder2 {float:right;}

input.iconbtn.sendorder,
input.iconbtn.checkstock,
input.iconbtn.update {float:right;}
/*
input.iconbtn.sendorder {
	background-color:#9c3;
	/ *border-color:#aae339 #7aa329 #7aa329 #aae339;* /
	border-color:#7aa329;
	color:#fff;
	background-image:url(../gfx/icon_send_light.gif);
}
*/
input.iconbtn.sendorder {color:#333; background-image:url(../gfx/icon_send.gif);}

input.iconbtn.emptybasket {background-position:2px 51%;background-image:url(../gfx/icon_remove.gif);}
input.iconbtn.FavoritArticles {background-position:2px 51%;background-image:url(../gfx/icons/basket_add.gif);}
input.iconbtn.update {background-position:2px 51%; background-image:url(../gfx/icon_update.gif);}
input.iconbtn.checkstock {background-image:url(../gfx/icon_check.gif);}
input.iconbtn.GetNett {width: 100px; background-image:url(../gfx/icon_check.gif);}
input.iconbtn.addtobasket {background-image:url(../gfx/icons/basket_add.gif);padding-left:20px;}
input.iconbtn.print {background-image:url(../gfx/icons/print.gif);padding-left:15px;}
input.iconbtn.save {background-image:url(../gfx/icon_save.png);}

input.iconbtn.clear { background-image:url(../gfx/icon_remove.gif); float:left; width:85px;}
* html input.iconbtn.clear {width:70px; float:right; padding-left:20px;}

logo * {margin:0; padding:0;}


#nav {bottom:0; position:absolute;left:115px;}

ul.nav {
	margin:0; padding: 2px 10px 7px;
	line-height:18px;
	
}
.nav li, .servicenav li {
	list-style:none; 
	margin:0; padding:0; 
	display:inline;
}
.nav li a,
.nav li a:visited  {
	/*display:block;*/
	float:left;
	height:1%;
	padding:7px 20px 3px;
	text-decoration:none;
	font-weight:bold;
	color:#666;
	margin-right:0px;
}

.nav li a:hover {
	color:#333;
	border-color:#55658F #22325C #22325C #55658F;
	border-bottom-color:#eee;
	background:#F7F7F7;
}
.nav li.active a,.nav li.active a:visited {
	
	/*
	border-color:#22325C #55658F #55658F #22325C;
	border-bottom-color:#ccc;
	*/
	color:#2B3E73;
	background:#FFF;
}
.nav li.active a:hover {
	border-bottom-color:#FFF;
}

.nav li.util a,.nav li.util a:visited, .nav li.util a:hover
{
	background:transparent;
	font-size:0.9em;
	font-weight:normal;
	margin-top:7px;
	padding:0 8px;
	color:#999;
}
.nav li.util a:hover { color:#333; background:#F7F7F7;}

* html ul.nav { height:1%; }
ul.nav:after {content:"."; display:block; clear:both; height:0;visibility:hidden;}

/*
  Info in nav-line using a div tag: For showing shop-modus: f.x. if a user is impersonating.  TORK/2005.07.07
*/
.nav li.util div
{
	background:transparent;
	font-size:0.9em;
	font-weight:bold;
	font-style:normal;
	margin-top:7px;
	margin-left:12px;
	position:absolute;
	color:Black;
}

.nav li.help a,.nav li.help a:visited, .nav li.help a:hover
{
	color:#666;
	font-weight:bold;
	/*padding-top:2px;*/
}

.nav input
{
	font-size:0.9em;
	font-weight:normal;
	font-style:normal;
	height: 12px;
}

#basket {position:absolute; bottom:10px; right:0;}
#basket a {text-decoration:none; color:#666; padding:0px 6px; border:1px solid #eee; display:block;}

#basket .price {padding-right:5px;}
#basket a:hover {background:#2B3E73;border:1px solid #CCC; color:#FFF;}
span.stockdeficit {color:#F00;}

#progressNote 
{
    text-align: center;
    vertical-align: middle;
}

.carfilter {
	background:#FFC;
	border:1px solid #CC9;
	padding:5px 5px;
	position:relative;
	z-index:200;
}

.regnr {
	margin-right:3px;border:1px solid #333; background:#FFF; padding:0px 3px; font-weight:bold; font-size:11px;
}

.carfilter a {
	padding:2px; font-weight:bold;
}
.carfilter a:hover {
	background:#EEB;
	color:#000;
}
.carfilter .related {float:right;}
.carfilter .related a {font-weight:normal;}

.box label { font-weight:bold; }
.carfilter a {color:#665; text-decoration:none;}

.searchbox {
	float:right;width:220px;
}
.carinfo {
	padding:2px 5px; 
	background:#F7F7F7;
	font-size:11px;
	border:1px solid #eee;
	margin-bottom:1em;
}
.carinfo td {padding-right:8px;}

.dockCarInformation
{
    float:left;
	/*margin-left:-967px;*/
	margin-top: 5px;
	/*top:100px;*/
	position: static;
	width: 967px;
	z-index:1;
	background-color: #ffffff;
    /*position: fixed; top: 105px; left: 100px; z-index:2; width: 967px; height: 40px; background-color:#fff; padding-top:0px;*/
    }
.stickCarInformation{margin-top: -5px;}
.placeBreakSystemImage{position: fixed; top: 110px; z-index:2; height: 100px; background-color:#fff;}

/* content
//////////////////////////////////////////////////////////////// */

.SearchGroup
{	
	/*margin-top:10px;*/
}

.servicenav {

	/*top:8px; right:10px;
	position:absolute;	
	z-index:100;
	height:28px;*/
}

.servicenav .ClientAppActiveX 
{
	top:-8px;
	left:-280px;
	position:absolute;
	z-index:0;
}

input.btn_search { border:1px solid #dedede;vertical-align:middle; margin-right:8px;}
input.btn_search:hover,
input.btn_search.hover {border-color:#999;}

input.search 
{
	vertical-align:middle;
	line-height:20px; height:20px; border:1px solid #dedede;
	padding:0 2px;
}

select.searchtype {
	vertical-align:top;
	border:1px solid #fc0;
	width: 180px;
	
	
}

#carhistory {
	display:inline;
	
}

a#carhistoryMain {
	margin: 0px 28px 0px 0px; 
	padding:0;
	border:1px solid #dedede;
}
a#carhistoryMain:hover {border-color:#999;}
#carhistoryMain img { vertical-align:middle;}


#carhistorySub 
{
	font-size:11px;
	position:absolute;
	margin: 0px 0px 0px 0px; 
	padding:0;
	background:#fff;
	border:1px solid #333;
	top:53px;
	/* right:50px; */
	text-align:left;
	visibility:hidden;
	margin-top:2px;
	margin-left:-650px;
	width:600px;	
	/*height:0px;*/
}
#carhistorySub li {
	list-style:none; margin:0; padding:0;
}
#carhistorySub li a {
	padding:2px 5px;
	border-bottom:1px solid #f7f7f7;
	text-decoration:none;
	color:#333;
}

#carhistorySub.init li a {
	display:block; height:1%;	
}

#carhistorySub li a:hover {
	background:#2B3E73;
	color:#FFF; 
	border-bottom-color:#000;
}

/* Bilmodell
//////////////////////////////////////////////////////////////// */

table.modeltypeselector{
	border-collapse:collapse; 
	width:100%;
	/* padding-right:8px; */
}
table.modeltypeselector td{
	border-collapse:collapse; 
}

table.modeltypeselector td.modelcolumn {
	/* padding-right:4px; */	
	height:20px;
}

table.carselector {
	font-size:0.9em;
	width:100%;
}
table.carselector td {
	border-collapse:collapse; margin:0; padding:0;
}
/*
table.carselector td td {
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
*/
table.carselector td td a
{
	text-decoration:none;
	display:block;
	padding:0px 10px 0px 5px;
	color:#333;
}
* html table.carselector td td a {height:1%;}

table.carselector td.active td a {color:#000; }


table.carselector td td a:visited {
	color:#333;
}

table.carselector td td a:hover {
	background:#EEE;
	color:#333;
}

/* CF: Need a clean link in the car selector */
table.carselector td td a.clean {
	display:inline;
	padding:0px;
	color:#0000FF;
}
table.carselector td td a.clean:hover {
	background:none;
}

/* prevents car brands from wrapping. //bc 2005-08-09 */
#BigCarSelectorCtl_lstBrands a {white-space:nowrap;}

/*
tabs in the carselector
////////////////////////////////////////// */
.tabtoggle, a.tabtoggle, a.tabtoggle:visited {
	display:inline;
	padding:0px 5px;
	font-weight:normal;
	margin-right:2px;
}
table.carselector a.tabtoggle,
table.carselector a.tabtoggle:visited {
	display:inline;
	color:#999;
	border:1px solid #FFF; 
	border-color:#FFF #ccc #ccc #fff;
}
span.tabtoggle {
	/* font-weight:bold;
	border:1px solid #FFF;
	border-color:#ccc #FFF #FFF #ccc;
	background:#ddd; */
	
	color:#666;
	background-color:#aaa;
	border:1px solid #FFF; 
	border-color:#ccc #FFF #fff #ccc;
}

table.carselector .active a.tabtoggle,
table.carselector .active a.tabtoggle:visited {
	/* color:#5286aa;
	border:1px solid #FFF;
	border-color:#CDE9FC #4d98ce #4d98ce #CDE9FC;
	background:transparent; */
	display:inline;
	color:#999;
	border:1px solid #FFF; 
	border-color:#FFF #ccc #ccc #fff;
}

table.carselector .active span.tabtoggle {
	/* font-weight:bold;
	border:1px solid #FFF;
	border-color:#4d98ce #CDE9FC #CDE9FC #4d98ce;
	background:#6db3e3; */
	display:inline;
	color:#666;
	background-color:#aaa;
	border:1px solid #FFF; 
	border-color:#ccc #FFF #fff #ccc; 
}

table.carselector a.tabtoggle:hover {
	color:#000;
	border-color:#ccc;
}

table.carselector .active a.tabtoggle:hover {
	color:#000;
	border-color:#4d98ce;
}


table.carselector table {border:none;}
td.brandcolumn {
	/* width:180px;*/
	border:2px solid #FFF;

}

td.modelcolumn {
	/* width:40%; */
	border-top:1px solid #FFF;
}
	td.brandcolumn td,td.modelcolumn td {
		/*width:50%;*/
	}

	td.modelcolumn table{
		width:100%;
	}
td.modelcolumn td { white-space:nowrap;}
td.typecolumn {
	width:65%;
	border-top:2px solid #FFF;
}
td.typecolumn table{
	width:100%; border:none;
}
td.typecolumn table td 
{
	border:none; border-bottom:1px solid #eee;
	vertical-align:top;
}
td.typecolumn table td a {padding:2px 0;}
td.typecolumn table tr.selected td {padding:2px 5px; border-bottom:none;}
td.typecolumn table tr.selectedInfo td { border:1px solid #2B3E73; padding:1px 5px;}

.carselector td.selected a,
.carselector td.selected a:visited,
.carselector td.selected a:hover,
.carselector tr.selected
{
	background:#2B3E73; color:#FFF;
}
.selectedInfo{background:#f7f7f7; }
td.typecolumn table tr.selectedInfo td table 
{
	width:auto;
	margin:5px 0;
	}
td.typecolumn table tr.selectedInfo td table td 
{
	border:none;
	padding-left:0; padding-right:10px;
}
.selectedInfo td { border:none;}
.carselector .active .header, 
.carselector .active .header td 
{
	
}

.carselector h3 , .carselector .header td
{
	margin:0;
	padding:5px;
	font-weight:normal;
	/* background:#EFF3D4; border:1px solid #D7DDB2; */
	background:#eee;
	border:1px solid #e5e5e5;
	border-bottom:0px solid #999;
}

.carselector td.active {
	color:#000;
}
.carselector td.active h3.header,
.carselector td.active tr.header td {
	margin:0; padding:5px 5px 3px;
	color:#2B3E73;
	border-color:#9ed5f9 #78afD3 #78afD3 #9ed5f9;
	background:#8dcef8;
}

/* car breadcrumb
//////////////////////////////////////////////////////////////// */
.breadcrumb 
{
	color:#333333;
	height: 15px;
}
.breadcrumb a, .breadcrumb a:visited {
	color:#333333;
	text-decoration:none;
}

.breadcrumb a:hover 
{
	text-decoration:underline;
}


	

/* content
//////////////////////////////////////////////////////////////// */
.searchbox input.text {width:100%; margin-bottom:8px; border:1px solid #999; padding:4px 0;}
input.radio {vertical-align:middle;}
label.radio { padding-right:5px; }
.filter {margin:18px 0 0;}
* html .filter {height:1%;}
.filter:after {content:"."; display:block; clear:both; height:0;visibility:hidden;}

#related { margin-top:5px;}
	
dl.subnav 
{
	margin:0 0 0; padding:0;
	width:170px; 
}
dl.subnav.active 
{
}

dl.subnav dd {
	margin:0;padding:0; background:#FFF;
}
dl.subnav dt
{
	/*font-weight: bold;*/
	margin: 0;
	border: 1px solid #e5e5e5;
	padding: 0px 5px;
	background: #CED7E6;
	text-decoration: none;
	height: 28px;
	
}

td.subnav dt.Bottom:hover
{
	background-color:#E5EBF4;
	vertical-align:middle;
}

dl.subnav dt.Bottom
{
	/*font-weight: bold;*/
	margin: 0;
	border: 1px solid #e5e5e5;
	padding: 14px 15px;
	background: #9CAECD;
	text-decoration: none;
	height: 170px;
}

dl.subnav dt a {text-decoration: none;}

dl.subnav.active dt 
{
	color:#2B3E73;
	border-color:#8dcef8 #8dcef8 #78afD3;
	background:#8dcef8;
}




.subnav 
{
	position:relative;
	font-size:0.8em;
	z-index:1;
	font-weight:bold;
}

.subnav ul ,.subnav li{
	margin:0; padding:0; list-style:none;
	position:relative;
}
.subnav li a {
	margin:0; margin-left:0px;
	display:block; 
	padding:3px 4px;
	text-decoration:none;
	border-bottom:1px solid #eee;
	color:#666;
	
}

.subnav ul.CarIndepArticleGroups 
{
	margin-top: 0px;
	border-top:4px solid #eee;
	padding:5px 0px 0px;
}

* html .subnav li a {height:1%;}
.subnav a:visited {color:#666;}
.subnav li a:hover,
.subnav li a:focus {
	/*background:#2B3E73;color:#FFF;*/
	background:#EEE;color:#000;
}
.subnav li a.active {background:#2B3E73;color:#FFF;}
.subnav li a:visited.active {color:#FFF;}
.subnav li a:hover.active,
.subnav li a:focus.active {
	background:#EEE;color:#000;
}






/* elements
//////////////////////////////////////////////////////////////// */

.language {
	float:right;
	margin:0.25em 0;
	color:#999;
	font-size:11px;
}
.language a,
.language .active {
	text-decoration:none;
	font-style:normal;
	border:1px solid #ddd;
	padding:0 3px;
	color:#ccc;	
}
.language .active {
	background:#5E9EB7;
	border-color:#5E9EB7;
	color:#FFF;
}
.language a:hover {
	background:#eee;
	color:#999;
	
}

/* links that leads to extended functionality, ie "select car range" */
a.extended {
	padding-left:10px;
}








ul.col {width:120px;  float:left; margin:0; padding:0;}

ul.col li {list-style:none; margin:0; padding:0; margin-right:20px;}

ul.col li a {
	display:block; height:1%;
	padding:3px 2px;
	text-decoration:none;
	border-top:1px solid #eee;
	color:#666;
	font-family:arial,sans-serif;
	z-index:1;
}
ul.col li a:hover {background:#2B3E73;color:#FFF;}

ul.col li a.active {background:#2B3E73;color:#FFF;}



.box {
	 width:200px; float:left; margin-right:20px; margin-bottom:20px;
	padding:10px;
}


dl.box {
	margin:0; padding:0; margin-right:20px; width:220px;
}
dl.box dt {
	margin:0; padding:2px 4px; 
	color:#222233;
	background:#8FCEF9; 
	border:1px solid #80B9E0;
	font-weight:bold;
}
dl.box dd {margin:0; padding:4px 4px;background:#BCE2FB; border:1px solid #B3D5EC;
}

/*
input.text.search {
	border:1px solid #B3D5EC;
	background:#CDE9FC;
	display:block;
	width:208px;
	position:relative;
	font-size:18px;
	line-height:20px;
	padding:2px 0;
	color:#223;
}
input.text.search:focus {background:#E6F4FE;}
*/


div.sbox { margin:20px 0; padding:4px 9px 9px; border:1px solid #80B9E0; background:#BCE2FB; }
.searchrow {margin:10px -20px 10px 0;}

a.pagenav { display:block; background:#f7f7f7; border:1px solid #eee; padding:10px; color:#333; text-decoration:none; height:1%;}
a.pagenav:hover {background:#CDE9FC; border:1px solid #BCE2FB;}



table.buy {
	background:#8FCEF9; 
	border:1px solid #80B9E0;
	margin:1em 0;
}

table.buy input.text {
	border:1px solid #80B9E0;
	background:#CDE9FC;
	padding:1px 0;
	font-size:14px;
	margin-right:2px;
	color:#2B3E73;
}

table.buy td{
	padding:5px; 
	background:#8FCEF9;
	color:#FFF;
}

input.btn.buy {

}
td.buy {white-space:nowrap;} /* keep no. and btn on same line in non-IE*/
td.buy div{display:inline;}

input.text.amount {
	margin:0;
	padding:1px;
	border:1px solid #999;
	vertical-align:top;
	text-align:right;
	width: 45px;
}
div.amount.time 
{
    text-align:right;
    display:inline;
    border: none;
    padding: 1px;
	width: 45px;
	float: left;
}



table.list td 
{
	font-size:0.9em; 
	vertical-align:top; 
	padding-top:2px; 
	padding-bottom:2px;
}
table.fixedheight1 tr.even
{
	height:45px;
	background: #E9EEF8;
}
table.fixedheight1 tr.odd
{
	height:45px;
}

table.fixedheight tr.even{height:45px;}
table.fixedheight tr.odd{height:45px;}

table.list tr.even td {background-color:#F7f7f7;}

table.list td {border-bottom:1px solid #ddd;}

table.list td.buy { padding-top:4px;}
table.list tr td.toggle {
	/* width:20px; */
	padding-left: 5px !important;
	padding-right: 0px !important;
	white-space:nowrap;
}

table.list tr.first td {
	border-top:1px solid #999;
	padding-top:13px;
	background:repeat-x url(../gfx/listbg-header.gif) 0 0;
}
table.list tr.first td.buy { padding-top:8px; }

table.list tr.last td {
	border-bottom:1px solid #999;
	padding-bottom:13px;
	background:repeat-x url(../gfx/listbg-footer.gif) 0 100%;
}


table.list tr.lvl1 td.toggle {
	border-left:1px solid #999;
	text-align:right;
}

table.list tr.odd.lvl1 td.toggle,
table.list tr.even.lvl1 td.toggle {

	background:no-repeat url(../gfx/listbg-lcorner.gif) 0 50%;
}

table.list tr.lvl2 td.toggle {
	text-align:right;
	border-left:2px solid #999;
	background:no-repeat url(../gfx/listbg-lcorner.gif) 0 50%;
}

table.list tr.lvl2.first td.toggle {background:no-repeat url(../gfx/listbg-lcorner.gif) 0 0;}
table.list tr.lvl2.last td.toggle {background:no-repeat url(../gfx/listbg-lcorner.gif) 0 100%;}

table.list tr.lvl1 td.buy {border-right:1px solid #999;}
table.list tr.lvl2 td.buy {border-right:2px solid #999;}

table.list tr.lvl2 td.desc {padding-left:20px;}


table.list tr.odd.lvl1 td, 
table.list tr.even.lvl1 td, 
table.list tr.odd.lvl2 td, 
table.list tr.even.lvl2 td {
	background-color:transparent;
}


/*
Order list... a.k.a. varukorg
////////////////////////////////////////// */


table.order {
	
	margin:10px 0;
}
table.order tr td 
{
	border-color:#ebebeb;
	border-bottom:1px solid #ebebeb;
}

table.order tr.header td,
table.order tr.header th,

table.list tr.header td,
table.list tr.header th
{
	padding:4px 10px; 
	/*
	border-bottom:1px solid #aaa;
	border-right:1px solid #ccc;
	background:#ddd;
	
	background:#b6d3df;
	color:#2f4f5b;
	border:1px solid #5e9eb7; border-color:#d7e7ed #5e9eb7 #5e9eb7 #d7e7ed;
	*/
	
	color:#183270;
	border:1px solid #78afD3; 
	border-color:#aedcfa #78afD3 #78afD3 #aedcfa;
	background:#8dcef8;
}

#tblArticlesHeader tr.pager2 td
{
    background:#8dcef8;
}

table.order td {padding:2px 10px; }
table.order th {vertical-align:bottom;}

table.order tr.odd { background-color: #f7f7f7; }

table.order tr.carheader { background-color: #ddd; }

/* not used yet? */
table.order tr.carheader td 
{
	/*padding:15px 10px 5px;*/
	border-bottom:1px solid #999;
	font-weight:bold;
	
}
table.order tr.subtotal td {
	border-top:2px solid #999;
	padding:10px 10px 5px;
}
td.price {white-space:nowrap;}
tr.subtotal .price {font-weight:bold; white-space:nowrap;}
.price .net {color:Green;}
/*
Used in the infobox on order-list, basket ect.
////////////////////////////////////////// */
#related { margin-top:5px; }

.infobox 
{
	margin:10px 0;
	width:179px;
	font-family:"Trebuchet MS";
}
.infobox dt 
{
    
	/* background:#eaeaea;
	border:1px solid #ddd;
	font-weight:bold; */
	padding:2px 10px; 
	/* Added Gudmundur 2010-10-19 */
	background:url(../gfx/header_blue_bg.gif);
	color:#fff;
	font-size:0.9em;
}
.infobox dd
{
	margin:0;
	padding:1px 10px;
	border:1px solid #99B2CF; /* #eee; */ 
	border-width:0 1px 1px;
	background:#fafafa;
	/* color:#666;*/
	color:#083582;
	font-size:0.9em;
	/* background:url(../gfx/BlueCenter.jpg) repeat-x; */
	
}
.infobox h4
{
	font-weight:bold;
}

.infobox span.email
{
	font-size:0.8em;
}

/*
Used in the carlist page, to force some spacing into the labels.
////////////////////////////////////////// */
span.carlistcelltext
{
	margin-left:4px;
	margin-right:4px;
}

/*
Used for controlling the calender
////////////////////////////////////////// */

.calendarBaseStyle a
{
	position:relative;
	width: 80px;
	text-decoration:none;
}


.aswError
{
	background-color:#B30000;
	color:#FFF;
	padding:3px;
	font-weight:bold;
}

.errorBorder
{
	border-color: #F00;
	border-style: solid;
	border-width: 2px;
}

/*
Used for controlling the extra car info line just beneath the breadcrubm, visible after licensplate searches. 
//////////////////////////////////////////// */
.additionalcarinfoline
{
	color:#333333; 
	background-color:#F1F1F1;	
	border:1px solid #E6E6E6; 
	font-size:0.8em;
	overflow:hidden;
	padding: 3px;
}
.additionalcarinfoline2
{
	padding:2px 10px 2px 0px; 	
}
/*
Used for the OrderSheet page
//////////////////////////////////////////// */
DIV.orderError
{
	margin: 10px 0px;
	font-size:10pt;
	font-weight:bold;
	color:#B30000;
}

/*
Used for the VatToggler checkbox control, used on Catalog and ProductSheet pages
//////////////////////////////////////////// */
.vatToggler label
{
	font-size:0.8em;
	font-weight:normal;
	margin-right:3px;
}
.vatToggler input
{
	width:12px;
	height:12px;
}


/*  Catalog and the repair times modal dialog  */
#repTimeBuyElementsContainer 
{
    position:absolute;
    margin-top: 65px;
    right: 50px;
}
#repTimeBuyElementsContainer #txtQuantity
{
    width: 40px;
}
#buyElementsSubstitute
{
    width: 90px;
    height: 10px;
    display: block;
}

#divRepairTimes 
{
    width: 100%;
    float: right;
}
.repairTimeBuyContainer 
{
    text-align: center;
}

.catalogAritclePlace
{
    color:#2B3E73;
}

/*
Used for the Customer Info Bar, shown on all pages for admins
//////////////////////////////////////////// */
.customerInfoBar
{
	background-color:#2b3e73;
	color:#fff;
	font-weight:bold;
	margin: 5px 10px 5px 20px;
	padding:3px;
}


.customerInfoBar a, .customerInfoBar a:visited, .customerInfoBar a:hover, .customerInfoBar a:active
{
	color:#fff;
}

/* Used by the catalog page to show the products */

div.productsCatalogContainer
{
    margin:auto;
    width:768px;
    border:1px solid #ccc;
    /* border-top:0px; */
}

table.productsCatalogTable {
    font-size:11px;    
}

table.productsCatalogTable th,
.headerFix {
    text-align:left;
    padding:1px 5px 2px 5px;
    background-color:#8DCEF8;
    border:1px solid #78afD3;
	border-color:#aedcfa #78afD3 #78afD3 #aedcfa;
	color:#2b3e73;
}


table.productsCatalogTable tr  {
    background-color:#fff;
}

table.productsCatalogTable tr.even td {background-color:#F7f7f7;}
table.productsCatalogTable tr.even {background-color:#F7f7f7;}

table.productsCatalogTable td {
    border:0px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:2px;
    border-bottom:1px solid #eee;
}

table.productsCatalogTable tr td img {
    padding-top:2px;
}

table.productsCatalogTable tr th.innerHeader
{
    background-color:#DDD;
    border:1px solid #eee;
    border-top:0px;
    border-bottom:0;
    color:#000;
}

table.productsCatalogTable tr.innerHeader
{
    margin-top:10px;
}

table.productsCatalogTable tr.odd.lvl1 td, 
table.productsCatalogTable tr.even.lvl1 td, 
table.productsCatalogTable tr.odd.lvl2 td, 
table.productsCatalogTable tr.even.lvl2 td {
	background-color:transparent;
}

table.productsCatalogTable .lvl1 td
{
    border-top:1px solid #ddd;
}

/* End Catalog table */




/*
Used for a box shown on the Basket page telling the
customer to wait patiently for the order to commit
//////////////////////////////////////////// */
table.basketWaitBox 
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
}

.basketWaitBox td {
	vertical-align: middle;
	text-align: center;
}

.basketWaitBox div.container {
	border: 2px solid #2b3e73;
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
	height: 120px;
	background-color:#8dcef8;
	padding-top:60px;
}

.basketWaitBox img 
{
	border: 2px solid #2b3e73;
}



/*Lägger till detta för bosal skall rättas till egna taggar*/
.exhcdeo {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhcdty {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhchfr {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhchto {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhchty {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhcucp {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhcypr {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-align: left; font-weight: bold;}
.exhitre {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhmdca {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-align: left; font-weight: bold;}
.exhmknm {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhmocd {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhmofr {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhmoto {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhnudo {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhsytx {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhtec  {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhtsn  {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: bold;}
.exhtsch {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: bold;}
.exhtrca {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.exhtyca {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-align: left; font-weight: bold;}
.exhtysp {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-align: left; font-weight: bold;}
.exhwhcd {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; font-weight: normal;}
.make {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; text-align: left; font-weight: bold; background-color: #FE000C; text-indent: 2px;}
.model {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; text-align: left; font-weight: bold; background-color: #FE000C; text-indent: 2px;}
.textFrame {text-align: left; padding: 5px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #2D3C77; background-color: transparent;}
/*-------------------------------------------*/




.headnav
{
	position: relative;
	font-size: 10px;
	border:1px solid #e5e5e5;
	/*border-left:1px solid #e5e5e5;
	border-right:1px solid #eee;
	border-top:2px solid #eee;*/
	z-index: 1;
	background-color: #eee;
}

.headnav div
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
.headnav div a {
	margin:0; margin-left:0px;
	display:block; 
	padding:3px 4px;
	text-decoration:none;
	/*border-bottom:1px solid #eee;*/
	color:#666;
	
}

* html .headnav div a {height:1%;}
.headnav a:visited {color:#666;}
.headnav div a:hover,
.headnav div a:focus {
	/*background:#2B3E73;color:#FFF;*/
	background:#EEE;color:#000;
}
.headnav div a.active
{
	background: #2B3E73;
	color: #FFF;
	font-size: 11px;
}
.headnav div a:visited.active {color:#FFF;}
.headnav div a:hover.active,
.headnav div a:focus.active {
	background:#EEE;color:#000;
}

.campaign 
{
	float: left;
	width:91px;
	height:53px;
}

.campaignImage
{
	margin-top: 4px;
	margin-bottom: 3px;
}

.campaignSE 
{
    background-image:url('../gfx/SE/Kampanjlapp2_se40.png'); 
    background-repeat:no-repeat; 
    background-position:center; 
    /* filter: alpha(opacity=40); 
    opacity=0.4; */
    min-width:400px; 
    min-height:55px;
}

.campaignNO
{
    background-image:url('../gfx/NO/kampanjlapp_no40.png'); 
    background-repeat:no-repeat; 
    background-position:center; 
    /* filter: alpha(opacity=40); 
    opacity=0.4; */
    min-width:400px; 
    min-height:55px;
}

/*
.campaign>img
{
	width: 30px;
	height: 20px;
}
*/

/* CarInformationDetails */
#carInformationContainer 
{
    position:relative; 
    top:0px; 
    z-index:1; 
    background-color:transparent;
}

#carInformationMecaWorkShopData
{
    float:right;
    
    width:100px; 
    background-color:#fff
}

.detailBoxContainer
{
    /*float:left; background-color:#F1F1F1; width:756px; color:#000; padding:5px 5px 5px 5px;*/
    float:left; background-color:#F1F1F1; width:800px; color:#000; padding:5px 5px 5px 5px;
}

.detailBoxContainerLabel
{
    font-size:10px;
}

#detailBoxInnerContainer 
{
    float:left; display:inline; width:680px;    
}

.displayCarImg
{
    float:right; display:inline; cursor:pointer; margin-left:5px;
}

#callDisplayCarInfoOpen
{
    float:right; display:inline; cursor:pointer; color:#413582; text-decoration:underline;
}

#callDisplayCarInfoClose
{
    float:right; display:none; cursor:pointer; color:#413582; text-decoration:underline;
}

#ctl00_CarInformationLinkCtrl_ddlWorkshopDataProvider
{
    width:85px;
}

#ctl00_CarInformationLinkCtrl_btnOpenWorkshopDataWindow
{
    width:45px;
}

/* CarInformationDetails END */

/* SearchNumberPlate */
#searchRegContainer
{
    float:left; border:1px solid black; margin:10px 0 10px 15px; width:170px; height:47px;
}
    
#searchRegNumberPlateImg
{
    float:left; min-width:25px; min-height:47px; 
}
    
#searchRegNumberNumberPlate
{
    border-bottom:0px; height:47px; margin:0 5px 0 5px; float:left; width:100px;
}

.searchRegBox
{
    font-size:24px; width:100px; border:0px solid black; border-bottom:1px; padding-left:5px;
}

#searchRegNumberPlateRightEdge
{
    float:right; min-width:25px; min-height:47px; border:0px solid black;
}
    
.hideSearchRegButton 
{
    border-width:0px;
    background-color:#fff;
    outline:none;
    cursor:text;
    margin-left:10px;
}

/* SearchNumberPlate END */

.mainContainerStart 
{
    margin-top:7px;
}

/* Big Car Selector */
.accordionHeaderBigCarSelector
{
    
	background: #CED7E6;
    padding-left:10px;
    height:24px;
    background-color:#CED7E6;
    color:#2B3E73;
    cursor:pointer;
    margin-top:1px;
    /* margin-bottom:1px;*/
    text-align:left;
}

.BigCarSelectorText
{
    font-family: Trebuchet MS, 'MS Sans Serif';
	font-size: 12px;
	font-weight:bold;
	padding:0px 0 0 0px;
}

.BigCarSelectorText2
{
    font-family: Trebuchet MS, 'MS Sans Serif';
	font-size: 12px;
	font-weight:bold;
	padding:3px 0 0 0px;
}

.BigCarSelectorText3
{
    font-family: Trebuchet MS, 'MS Sans Serif';
	font-size: 12px;
	font-weight:bold;
	padding:3px 0 0 0px;
}


.accordionBigCarSelectorContent 
{
    margin-top:-1px;
    width:100%;
}

.headerInnerBigCarSelector
{
    /* background-color:#CED7E6; */
    background-color:#ddd;
    color:#2B3E73; 
    font-size:11px; 
    height:23px;
    margin-left:-7px;
}

.uppercase{    text-transform: uppercase;}


.ensureLeftFloat
{
    clear: both !important;
}

td.padding
{
    padding: 5px !important;
}