﻿html, body, div
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background-color: transparent;
}

html
{
    height: 100%;
}

body, form
{
    height: 100%;
    min-height: 100%;
    position: relative;
}

body
{
    font-family: Arial;
    font-size: 11px;
    min-width: 1000px;
    background-image: url(images/bkg.png);
}

pre
{
    font-family: Verdana;
    font-size: 10px;
}

img
{
    border: 0px;
}

h1
{
	color: #9f9f9f;
	font-size: 18px;
	margin-bottom: 5px;
}

h2
{
    margin: 0px;
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: normal;
}

input, select
{
    font-family: Arial;
    font-size: 11px;
}

input.textbox
{
    padding-left: 3px;
}

.RadioButton
{
    height: 12px;
    width: 12px;
    vertical-align: middle;
    margin-right: 5px;
}


a, 
a:hover, 
a:link
{
	color: #4155B6;
}

iframe
{
	background-color: Transparent;
}

iframe.Vertical
{
	width: 130px;
	height: 250px;
}

iframe.Square
{
	width: 160px;
	height: 190px;
}

iframe.NavBanner
{
	width: 402px;
	height: 82px;
}

iframe.Micro
{
	width: 98px;
	height: 41px;
}

iframe.LinkExchange
{
	width: 450px;
	height: 50px;
}

iframe.Half
{
	width: 244px;
	height: 70px;
}

iframe.Button2
{
	width: 130px;
	height: 70px;
}

iframe.Button1
{
	width: 130px;
	height: 100px;
}

iframe.Banner
{
	width: 265px;
	height: 190px;
}
 
.ChangeLang
{
    z-index: 2;
} 

#content
{	
	margin: 0px;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	border-style: none;
	background-color: #ffffff;
}
       
#page
{	
	margin: auto;
	max-width: 972px;
	width: expression(document.body.clientWidth > 972 ? "972px" : "auto");	
	min-width: 768px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border-left: 1px solid #9e9e94;
	border-right: 1px solid #9e9e94;
	background-color: #ffffff;
}

/******************* Top User Menu ********************/

#userMenu
{
    background-color: #324B78;
	color: #ffffff;
	height: 22px;
	margin-bottom: 5px;
	width: 850px;
	background-image: url("images/top-menu-corner.png");
	background-position: right bottom;
	background-repeat: no-repeat;
}
#simpleUserMenu
{
    background-color: #1f225c;
	color: #ffffff;
	height: 22px;
	margin-bottom: 5px;
	width: 850px;
	background-image: url("images/top-menu-corner.png");
	background-position: right bottom;
	background-repeat: no-repeat;
}

#userMenu div
{
	height: 22px;
	float: right;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 2px;
	text-align: left;
  	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/top-menu-separator.gif);
}

#userMenu span
{
    margin-top: 4px;
    margin-left: 5px;
    position: relative;
    top: 2px;
    /*display: block;*/
}

#userMenu a, #userMenu img
{
	color: white;
	text-decoration: none;
	display: block;
	float: left;
}

#userMenu a
{
    /*padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;*/
}

#editCartPopup
{
    border-top: solid 1px #6178a1;
    position:absolute;
    background-color:#334b79;
    display:none;
    /*padding-top:5px;
    padding-left:7px;
    padding-bottom:5px;*/
    width:350px;
    z-index:100; 
}
#editCartPopup .link
{
    color:White;
    cursor:pointer;
    display:block;
    margin:0px;
    padding-top:5px;   
    padding-bottom:5px;
    padding-left:35px;
    text-decoration:none;
    width:315px;
    
}

#editCartPopup .link:hover
{
    background-color:#526992;
    cursor:pointer;    
}

#editCartPopup .activeCart
{
    cursor:pointer;
    font-weight:bold;
    background-position: 3% 20%;
	background-repeat: no-repeat;
	background-image: url(images/icons/Edit_cart_16x16.png);    
}
/*.cartDropDownDiv
{
     padding-top:3px;
     padding-bottom:3px;
}

.cartDropDownDiv a
{
       color:White;
       text-decoration:none; 
}

.cartDropDownDiv .selectedCartName
{
    float:left; 
    font-weight:bold;
    background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/icons/Edit_cart_16x16.png);
	padding-left:20px;
	padding-top:2px;
	height:16px;
	width:70px;
}

.cartDropDownDiv .cartName
{
    float:left; 
    padding-left:20px;
    width:70px;
}
.cartDropDownDiv .selectedCartTotal
{
    float:right; 
   padding-right:5px;
   font-weight:bold; 
}

.cartDropDownDiv .cartTotal
{
    float:right;
   padding-right:5px; 
}
*/

/******************************************************/


#header
{	
	height: 47px;
	padding-bottom: 5px	
}

#header .logo
{
	float:left;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position:left;
	height: 47px;
	width: 190px;
	margin-left: 11px;
}

#header .commerce-logo
{
	float:right;
	background-image: url(images/commerce-logo.png);
	background-repeat: no-repeat;
	background-position:right;	
	height: 47px;
	width: 720px;
	margin-right: 11px;
}
#header .commerce-empty-logo
{
    float:left;
	background-image: url(images/emptyLogo2.png);
	background-repeat: no-repeat;	
	height: 47px;
	width: 739px;
	margin-right: 11px;
	margin-left:11px;
	font-family:Arial;
	font-size:18px;
	padding-left:17px;
	padding-top:22px;
}
#header .logo-label
{
	float:right;
	background-image: url(images/VolvoPentaLabel.gif);
	background-repeat: no-repeat;
	height: 47px;
	width: 170px;
	margin-left: 11px;
}

#filter
{
    float: left;
    margin-top: 0px;
    background-image: url(images/search-bkg.gif);
    background-repeat: no-repeat;
    background-position: right;
    width: 182px; 
    height: 28px;   
}

.dSearchLine li.Title
{
    font-weight: bold;
    display: block;
    margin-top: 3px;
    font-family: Tahoma;
}

.dSearchLine li.Value
{
    display: block;
    margin-top: 3px;
    font-family: Tahoma;
}

#dFilterForm li, #dFilterCurrent li
{
    float: left;
    height: 100%;
    vertical-align: middle;
    padding-left: 11px;
    list-style: none;
}

#dFilterForm ul, #dFilterCurrent ul
{
    height: 20px;
    width: 100%;
}


#dFilterForm .Buttons, #dFilterCurrent .Buttons
{
    float: right;
}

.search-border
{
    border:1px solid #BCC1C4;
    clear:both;
    height:17px;
    width:168px;
    background-color: White;
    position: relative;
    top: 6px;
    left: 6px;
}

.search-textbox
{
    width: 145px;
    border:0 none;
    position:relative;
    /*top:-1px;*/
    height: 14px;
}

.search-button
{    
    background-color:White;
    background-image:url(images/icons/Search_14x14.png);
    background-position: top left;
    background-repeat:no-repeat;
    border:0 none;
    cursor:pointer;
    height:14px;
    width:15px;
    position: relative;
    
}

#dFilterForm
{
    margin-left: 190px;
    background-color: #F2F2F2;
    background-image: url("images/boxes/whitecorner-top-left.png");
    background-position: left top;
    background-repeat: no-repeat;
}

#dFilterForm div
{
    background-image: url("images/boxes/whitecorner-top-right.png");
    background-position: right top;
    background-repeat: no-repeat;
}

#dFilterForm div div
{
    background-image: url("images/boxes/whitecorner-bottom-left.png");
    background-position: left bottom;
    background-repeat: no-repeat;
}

#dFilterForm div div div
{
    background-image: url("images/boxes/whitecorner-bottom-right.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 5px 6px 5px 6px;
}

#dFilterForm .Input input, #dFilterForm .Input select
{
    width: 180px;
}



/*************************/

#dFilterCurrent
{
    margin-left: 190px;
    background-color: #DFDFDF;
    background-image: url("images/boxes/whitecorner-top-left.png");
    background-position: left top;
    background-repeat: no-repeat;
}

#dFilterCurrent div
{
    background-image: url("images/boxes/whitecorner-top-right.png");
    background-position: right top;
    background-repeat: no-repeat;
}

#dFilterCurrent div div
{
    background-image: url("images/boxes/whitecorner-bottom-left.png");
    background-position: left bottom;
    background-repeat: no-repeat;
}

#dFilterCurrent div div div
{
    background-image: url("images/boxes/whitecorner-bottom-right.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 5px 6px 5px 6px;
}


#menu
{
	height: 32px;	
	background-image: url(images/menu_bkg.png);
	background-repeat: repeat-x;
	margin-left: 11px;
	margin-right: 11px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 3px;
}

#menu a, #menu a:hover, #menu a:link
{
	color: Black;
	text-decoration: none;
}

#menu #homeMenuDiv,
#menu .menuDiv
{
	float: left;
	height: 32px;
	padding: 0px 20px;
}

#menu span
{
	position: relative;
	top: 10px;
}

#menu .menuDiv-selected
{
	background-image: url(images/menu_selected_bkg.png);
	background-repeat: repeat-x;
	cursor: pointer;
}

#menu .left-div
{
	background-image: url(images/menu_corner_left.png);
	background-repeat: no-repeat;
	width: 12px;
	float: left;
	height: 32px;
}

#menu .selected-left
{
	background-image: url(images/menu_corner_selected_left.png);
	background-repeat: no-repeat;	
	padding: 0px;
	width: 12px;
	cursor: pointer;
}

#menu .right-div-container
{
	height: 32px;
	float: right;
	width: 275px;
}

#menu .right-div-end
{
	background-image: url(images/menu_corner_right.png);
	background-repeat: no-repeat;
	background-position:right;
	height: 32px;
	float: right;
	width: 12px;
	cursor: pointer;
}

#menu .right-div-end-selected
{
    background-image: url(images/menu_corner_selected_right.png);
	background-repeat: no-repeat;
	background-position:right;
}

#menu .right-div-main
{
    height: 32px;
	float: right;
	width: 118px;
	cursor: pointer;
}

#menu .right-div-vat
{
    height: 32px;
	float: right;
	width: 90px;
	cursor: pointer;
}

#menu .separator
{
	background-image: url(images/menu_separator.png);
	background-repeat: no-repeat;
	width: 1px;	
	padding: 0px;
	float:left;
	height: 32px;
}

#breadcrumb
{
	font-size: 10px;
	font-weight: bold;
	font-family: Tahoma;
	color: #777777;
}

#main
{
	margin-left: 10px;
	margin-right: 10px;
    clear: both;
}

.dSearchLine
{
    clear: both;
}

.dSearchLine #filter
{
    padding-bottom: 5px;
    clear: both;
}

#dLeftColumn
{
    float: left;
    width: 182px;
    margin-right: 10px;
    clear: both;
}

.dLeftColumnMargin
{
    margin-left: 192px;
}

#dRightColumn
{
    float: right;
    width: 178px;
    margin-left: 5px;
    /*clear: both;*/
}

.dRightColumnMargin
{
    margin-right: 178px;
}

#dRightColumn .ContactsInfoBox h2
{
    border-bottom: dotted 1px #666666;
    padding-left: 10px;
    padding-bottom: 3px;
    line-height: 1;
}

#dRightColumn .ContactsInfoBox div
{
    border-bottom: dotted 1px #666666;
    padding: 5px 10px;
}

#dContent
{    
}

#middleContainer
{
}

#footer-placeholder
{	
	height: 52px;
	clear: both;
	margin-top: 10px;
}

#footer-body
{
	margin: auto;
	max-width: 972px;
	width: expression(document.body.clientWidth > 972 ? "972px" : "auto");	
	min-width: 768px;	
	margin-top: -62px;
	height: 52px;
}

#pre-footer
{
    float:right;
	/*background-image: url(images/logga.gif);*/
	background-repeat: no-repeat;
	background-position: right top;
	height: 25px;
	padding-bottom: 10px;
	margin-right: 11px;
	margin-top: 10px;
	width:100px;
}

#pre-footer_Card
{
    float:left;
	background-image: url(images/MasterVisa.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	padding-bottom: 10px;

	margin-top: 10px;
	width:450px;
	clear: both;
}
#footer
{
	color: #525252;
	background-color: #D3D3D2;
	height: 20px;
	
}

#footer div
{
	float: left;
	height: 20px;
	background-repeat: no-repeat;
	background-position: right top;
	padding: 2px 12px 0px 9px;
	height: 18px;
	font-weight: bold;
	color: #525252;
}

#footer a
{
	color: #005252;
	text-decoration: none;
}

#footer .footer-div
{
	background-image: url(images/footer-separator.png);
}

#navigationPath
{
    padding-bottom: 10px;    
    color: #777777;
    font-size: 10px;
    word-break: break-all;
    word-wrap: break-word;    
}

#navigationPath a
{
    text-decoration: none;
    color: #777777;
}

#navigationPath a:hover
{
    text-decoration: underline;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.text-box
{
	border: 1px solid #bcc1c5;
	width: 145px;
	height: 18px;
}

.TextBox
{
    
}

.grid
{
    width:100%;
    margin-bottom:10px;    
}

.grid-caption
{
    background-color:#DFDFDE;
    height:20px;
    font-weight:bold;
    border-top:dotted 1px #666666;
    padding-top:5px;
    margin-bottom:2px;
    border-bottom:dotted 1px #666666;
}
.grid-caption .noOfCarts
{
    float:left;
    width:300px;
    padding-left:10px;
}

.grid-caption .noOfItemsAndtotalCost
{
    float:right;
    width:500px;
    text-align:right;    
}
.grid-caption .noOfItemsAndtotalCost .totalCost
{
    width:250px;
    padding-left:84px;
    padding-right:8px;
}

.grid tbody td
{
    padding-top:3px;
    padding-bottom:3px;
    text-align:center;
}




.grid th
{
    border-bottom: 1px dotted #000000;
    /*border-top: 1px dotted #000000;*/
    /*border-right: 1px dotted white;*/
    padding-top:5px;
    padding-bottom:5px;
}

.grid-header
{
	background-color:#DFDFDE;
	height:19px;
	padding-left:10px;
	padding-top:3px;
	font-weight:bold;
    font-family:Arial;
    font-size:11px;
}

.grid-row
{
	background-color: #faf9f7;
	padding: 5px 10px;
	/*cursor: pointer;*/
	background-image: url(images/horizontal-separator.gif); BACKGROUND-REPEAT: repeat-x;
	background-position:left bottom;
}

.grid-altrow
{
	background-color: #fcfcfc;
	padding: 5px 10px;
	background-image: url(images/horizontal-separator.gif); BACKGROUND-REPEAT: repeat-x;
	background-position:left bottom;
	/*cursor: pointer;*/
}

/* MVC default error classes */
.input-validation-error
{
}

.field-validation-error
{
	color: Red;
}

ul.validation-summary-errors
{
    margin-bottom: 5px;
    border: solid 1px #D10000;
    background-image: url("images/icons/Error_on_page_14x14.png");
    background-position: 4px 3px;
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 1.5;
}

/*
.validation-summary-errors
{
	color: Red;
}

ul.validation-summary-errors
{
	list-style-type:none;
	padding-left: 0px;	
	margin-left: 0px;
}

*/

/* MVC default error classes */

.sys-template { display: none; }

.simple-search-results
{}

.simple-search-results li
{
    list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	line-height: 15px;
}

.FormWithListfield label {float:left; padding-right:10px;}
.FormWithListfield {clear:both; line-height:25px;}

.FormWithListfield 
{
    width: 100%;
}

.address-table label { font-weight: bold;}

.address-table td.caption
{
    width:57%;
}
.address-table td.value
{
    width:43%;
}

.registration-textbox
{
    width:220px;
    border: 1px solid #ccc;
    padding-left: 3px;
}

.registration-dropdown
{
    width:225px;
    border: 1px solid #ccc;
    padding-left: 3px;
}

.change-password-textbox
{
    width:180px;
}

.errorDetails
{
    font-family: Verdana;
    font-size: 10px;
}


.errorContent
{
   width:90%; 
   /*text-align:justify;*/
}

/* tables */
table.tablesorter {

	width: 100%;
	text-align: left;
	
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color:#DFDFDE;
	
	/*background-position: right top;
	background-repeat: no-repeat;
	background-image: url(images/top-menu-separator.gif);*/

}
table.tablesorter thead tr .header {
	/*background-image: url(images/bg.gif);*/
	background-repeat: no-repeat;
	background-position: -7px center;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	/*padding: 4px;*/
	padding-top:4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
/*background-color: #8dbdd8;*/
}

/*
.SortableTable th.headerSortUp { 
    background-image: url(images/asc.gif);
    background-color: #3399FF; 
} 

.SortableTable th.headerSortDown { 
    background-image: url(images/desc.gif); 
    background-color: #3399FF; 
}

.SortableTable th.header { 
    background-image: url(images/small.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
}*/

.ecom-navigation-menu
{
    width: 755px;
}

.ecom-navigation-menu-with-banners
{
    width: 550px;
}

.ecom-additional-media-content
{
    padding-bottom: 10px;
    text-align: center;
    padding-right: 20px;
    -padding-right: 15px;
}

.ecom-additional-media-content-video
{
    padding-bottom: 10px;
    text-align: center;
    padding-right: 22px;
    -padding-right: 16px;
}

.ecom-additional-media-content1
{
    text-align: left;
    padding-bottom: 10px;
    padding-right: 20px;
    -padding-right: 15px;
}

.ecom-additional-media-content img
{
    max-width: 560px;
    -width: auto;
}

.availability-tr-banding
{
    background-color:#F2F2F1; 
}

.availability-tr
{
    background-color:#FCFCFC;
}

.availability-tr-heading
{
    background-color:#DFDFDE; 
}

#divLoader
{
    clear:both;
    z-index:5;  
    display:none;  
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
    background-image: url(images/ajax-loader.gif);  
    background-repeat: no-repeat; 
    background-position: center left;  
    width:31px;
    height:31px;
    padding:0px;
}

.RedAsterisk
{
    color:Red;
}

.PageTitleText
{
    font-family:Arial;
    font-size:18px;
    font-weight:bold;
    color:#9f9f9f;
    height: 18px;
    padding-bottom: 10px;
    padding-top: 2px;
}

div.small-loader-trans
{
    background-image: url("images/icons/loader_trans.gif");
    background-position: left;
    background-repeat: no-repeat;
    height:16px;
    padding-left:20px;
}

div.small-loader
{
    background-image: url("images/icons/loader.gif");
    background-position: left;
    background-repeat: no-repeat;
    height:16px;
    padding-left:20px;
}

/******************* Error summary ***************************/
.ErrorBlock
{
    margin-bottom: 5px;
    border: solid 1px #D10000;
    padding: 1px;
}

.ErrorBlock .Icon
{
    height: 14px;
    width: 14px;
    float: left;
    margin-right: 5px;
    background-image: url("images/icons/Error_on_page_14x14.png");
    background-position: left center;
    background-repeat: no-repeat;
}
/**********************************************/

.watermark-text
{
    color: #b1b1b1;
}

.home_catalog_icon
{
    padding-top:7px;
    margin-left:20px;
}

.home_parts_header
{
    font-weight:bold;
    padding-left:3px;
    color:#6185A5;
    font-size:18px;
}

.tbl_home_catalog
{
    border-width:0;
    border-style:none;
    width:562px;
    height:100%;
}


.tbl_home_catalog .trans_back
{
    background-image: url("images/box_gradient.png");
    background-position:left top;
    background-repeat:repeat-x;
}


.tbl_home_catalog tr td
{
    border-width:0;
    border-style:none;
    vertical-align:top;
}

.div_home_category_container
{
    padding: 5px; 
    border-bottom: 1px dotted #000000
}


.div_home_category_container a
{
    text-decoration:none;
    color:Black;
    font-weight:bold;
}


.ecom-default-row
{
    background-color: #dfdfdf;
}

.ecom-alternate-row
{
    background-color: #ebebeb;
}

.ecom-middle-item
{
    width: 560px;
}

.ecom-account-form
{
    width: 550px;
}

.ecom-account-resoreform
{
    width: 450px;
}

.catalog-header h1
{
    margin: 0px;
    margin-bottom: 7px;
    margin-top:10px;
    font-size: 18px;
    font-weight: normal;
    color: Black;
}

.add-selected-items
{    
    margin-top:5px; 
    margin-bottom:5px; 
    vertical-align:middle; 
    width: 100%;
    height:25px;
}

.add-selected-items div
{
    padding-top:5px;
    padding-left:0px;
    /*width:200px;*/
    text-align:left;
}

.add-selected-items input
{
    margin-left:5px; 
    
    /*float:left;*/
}

.add-selected-items span
{
    text-align:left; 
    height:24px; 
    padding-top:5px; 
    cursor: pointer;
}

.add-selected-items td.addButtonCell
{
    width: 35px;
}

.add-selected-items td.layoutCell
{
    width: 65px;
}

.add-selected-items #btnLandscapeLayout
{
    /*float: right;*/
    margin-left: 3px;
    background-color: Transparent;
    background-image: url('images/landscape-layout.gif');
    background-repeat: no-repeat;
    width: 27px;
    height: 20px;
    border: 0px;
}

.add-selected-items #btnPortraitLayout
{
    /*float: right;*/
    background-color: Transparent;
    background-image: url('images/portrait-layout.gif');
    background-repeat: no-repeat;
    width: 27px;
    height: 20px;
    border: 0px;
}

th.info-separator
{
    background-image: url("images/info-separator.gif");
    background-position: top right;
    background-repeat: no-repeat;
    padding-right: 3px;
}

th.info-separator-gray
{
    background-image: url("images/info-separator-gray.png");
    background-position: top right;
    background-repeat: no-repeat;
    padding-right: 3px;
}

th.info-no-separator
{
    background-image: none;
}

#table-top-border
{
    background-image: url(images/horizontal-separator.gif);
    background-repeat: repeat-x;
    height: 2px;
    font-size: 1px;
    clear: right;
}

span.value
{
    padding-left: 6px;
}

div.vpc_ad_container
{
    
}

input.status-img
{
    border: none;
    background-repeat: no-repeat;
    background-color: Transparent;
    height: 16px;
    width: 16px;
}

input.status-img-available
{
    background-image: url('images/icons/available_icon.png');
}

input.status-img-notavailable
{
    background-image: url('images/icons/not_available_icon.png');
}

input.status-img-incoming
{
    background-image: url('images/icons/incomming_icon.png');
}

input.status-img-replaced
{
    background-image: url('images/icons/replaced_icon.png');
}

.mini-cart-container
{    
    
}

.mini-cart
{
    color: White;
    width: 332px;
    z-index: 10000;
}

.mini-cart td
{
    padding: 2px 0px 2px 5px;
}

.mini-cart td.value
{
    width: 30px;
}