/* style.css */
/* Begin  Site.Master */

/*
	Kleurstelling:	#1660ab, #5F6A92, #927673, #C0834F, #ED8F09
	DonkerBlauw: #1660ab
	DonkerPaars: #5F6A92
	LichtPaars:  #927673
	Beige:			 #C0834F
	Oranje:			 #ED8F09
*/


/* 
  -- Even more rounded corners with CSS: Base stylesheet --.one-column.small
{
	width: 150px;
}

*/
.clear {
    clear:both;
    overflow:hidden;
    height:0px;
    display:block;
    }

.autocomplete_completionListElement {
	background-color:White;
	border:1px solid buttonshadow;
	color:windowtext;
	height:200px;
	list-style-type:none;
	margin:0 !important;
	overflow:auto;
	text-align:left;
	visibility:hidden;
	z-index:999;
	width: 400px;
	padding:0;
}

.autocomplete_highlightedListItem {
	color:black;
	padding:1px;
	font-size: 11px;
	font-weight: bold;
}

.autocomplete_listItem {
	background-color:#fff;
	color:windowtext;
	padding:1px;
	font-size: 8px;
}



.tooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 
    font: normal 8pt sans-serif; 
    padding: 3px; 
    border: solid 1px;
    border-color: Blue;
    background-color:Orange;
}

.ItemTooltip
{
  color: White;   
}

.lbltooltip
{
 color: Blue;  
}

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

body
{
	padding: 0px;
	margin: 0px; /*font:76%  Tahoma,sans-serif;*/
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:smaller!important; /*verdana,tahoma,arial,"sans serif";*/
	color: Black;
	background: url(images/background-gradient.gif) 0 0 repeat-x #6699cc;
	text-align: center;
}

#wrapper
{
	width: 1052px;
	margin: 0px auto;
	clear: both;
}


ul
{
	list-style-image: url(images/bullet_blue.gif);
	padding:0;
	margin:0;
	margin-left:15px;
}

ul li.MoreItems
{
	padding-top: 10px;
}

#header
{
	height: 100px;
	position: relative;
}

#header a
{
	color: white;
}

#header a:visited
{
	color: white;
}

#subheader
{
	text-align: left;
	color: white;
	height: 50px;
}

/*
#subheader input[type="text"], select { background: #333; border: 1px solid #444; color: #EEE; padding: 1px 2px 1px 2px; }
#subheader input[type="submit"] { background: #333; color: #EEE; border-color: #333; }
*/

/*input[type="submit"] { padding:3px 6px;}*/
.searchbar input[type="submit"] { background: #ffffff; border: 1px solid black; color:#000000; padding:1px 2px;}
.filterbutton { background: #ffffff; margin-left:16px; border: 1px solid black; color:#000000; padding:1px 2px;}

#orderNow input[type="submit"] { background: #ffffff; border: 1px solid black; color:#000000; padding:1px 0px; margin-left: 10px;}



.searchbar
{
	float: left;
	color: #ffffff;

}

.searchbar table tr td  
{
	font-size:16px;
	vertical-align:middle;
	color:#ffffff;
}

.searchbar select
{
	width: 150px;
	margin-left: 10px;

}

.searchbar input
{
	margin: 0px 10px;
}

.quickOrder 
{
  float:left;
	clear: none;
	margin-right:18px;
}

.errMsgBox { font-size: 10px; font-weight: bold; }


#errMsg 
{
	float: right;
	padding-right: 30px;
	clear: none;
	display: none;
}


#languages
{
	float: right;
	margin-top: 14px;
}

#languages a img 
{
	border: 0px;
}

#accountinfo
{
	float: right;
	color: White;
	bottom: 10px;
	text-align: right;
	right: 0px;
	position: absolute;
}
#accountinfo a
{
	text-decoration: none;
}
#accountinfo a:hover
{
	text-decoration: underline;
}

#navbar
{
	float:left;
	height: 50px;
	
	position: relative;
	
}

#navbar .content
{
	padding: 14px 5px;
	float: left;
}

.MainMenu ul
{

	font-size: 18px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt;

	float:left!important;
	visibility:visible!important;
	position:relative!important;
	display:inline!important;	

}
.MainMenu li 
{
	float:left;
	display:inline;
}
.MainMenu ul li a, .MainMenu ul li a:visited
{
	color:#FFF;
	float: left;
	margin: 0pt;
	padding: 0pt 0pt 0pt 13px;	

}
ul.AspNet-Menu li a:hover
{
	text-decoration:underline;
}

/* old */


h1
{
	font: 2.5em helvetica,verdana, "sans serif";
}

p
{
	line-height: 1.6em;
	color: Black;
	margin-bottom: 5px;
}

.clear
{
	clear: both;
}
#logo
{
	float: left;
}
#bannerHeader 
{
	float:left; margin-left:40px;
}

#menu-top
{
	overflow: hidden;
	width: 100%;
}

#menu-top ul
{
	float: left;
	font-size: 1.4em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt 20px;
	padding: 0.0em 0pt 0pt;
}

#menu-top li
{
	display: inline;
	float: left;
}

#menu-top a
{
	background: transparent url(images/menuleft.png) no-repeat scroll left top;
	float: left;
	line-height: 1.6em;
	margin: 0pt;
	padding: 0pt 0pt 0pt 13px;
	text-decoration: none;
}

#menu-top a span
{
	background: transparent url(images/menuright.png) no-repeat scroll right top;
	color: #5B8FBE;
	cursor: pointer;
	display: block;
	float: left;
	padding: 15px 14px 3px 0px;
}

#menu-top a:hover
{
	background-position: 0% -57px;
}

#menu-top a:hover span
{
	background-position: 100% -57px;
}


#subnavigation
{
	/*padding: 8px 24px 0px 24px;*/
	
	height: 80px;
	width: 100%;
}

#subnavigation table
{
	margin: 8px 0px 0px 0px;
}

#content-wrapper
{
	text-align: left;
}

#content-wrapper2
{
	background: url(images/subnavigation.jpg) top left no-repeat;
	
}

#content
{/*
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
*/
	background: white;
	padding:12px;
	min-height: 450px;
	clear: both;
}

.inner-content a, .inner-content a:visited { color: #888; text-decoration: none;}
.inner-content a:hover { color: #333; }


.column-content
{
	padding: 5px;
}

#footer
{
	padding: 15px;
}

.disclaimer 
{
	display: block;
	clear: both;
}

.left
{
	float: left;
}
.right
{
	padding-left: 5px;
	float: left;
}

.two-columns
{
	width: 670px;
}

.one-column
{
	width: 250px;
}
.one-column img { border: none; }

.one-column.small
{
	width: 150px;
}

.one-column.productlist
{
	width: 200px;
}

.AttributeSelectionList 
{
	padding-left: 15px;	
}

.two-columns.wide
{
	width: 820px;
}

.textblock
{
	margin-bottom: 10px;
	width:100%;
}


.OrderSummary 
{
	width: 500px;
}

/* SearchResults */
.GridRowHover { background: #DEDEDE; cursor: pointer;}


.DropDownList.input[type="select"] { background: #aaa; min-width: 250px; }

/* End SearchResults */

.dialog
{
	position: relative;
	margin: 0px auto;
	min-width: 8em;
	max-width: 760px; 
	color: #fff;
	z-index: 1;
	margin-left: 20px; /* default, width of left corner */
	margin-bottom: 0.5em; /* spacing under dialog */
	
}

.dialog .content, .dialog .t, .dialog .b, .dialog .b div
{
	background: transparent url(images/boxes/box_white.png) no-repeat top right;
	
	/*_background-image: url(images/boxes/box_white.png);*/
	color: #505050;
}


.dialog .productgroup
{
	width: 250px;
}


.dialog .white
{
	color: #000;
}

a 
{
	color: #000000;
}
a:visited
{
	color: #505050;
}

.dialog .white .content,
.dialog .white .t,
.dialog .white .b,
.dialog .white .b div {
	background: transparent url(images/boxes/box_white.png) no-repeat top right;
	_background-image: url(images/boxes/box_white.png);
}


.dialog .content
{
	position: relative;
	_overflow-y: hidden;
	padding: 0px 20px 0px 0px;
}

.dialog .t
{
	/* top+left vertical slice */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 20px; /* top slice width */
	margin-left: -20px;
	height: 100%;
	_height: 1600px; /* arbitrary long height, IE 6 */
	background-position: top left;
}

.dialog .b
{
	/* bottom */
	position: relative;
	width: 100%;
}

.dialog .b, .dialog .b div
{
	height: 30px; /* height of bottom cap/shade */
	font-size: 1px;
}

.dialog .b
{
	background-position: bottom right;
}

.dialog .b div
{
	position: relative;
	width: 20px; /* bottom corner width */
	margin-left: -20px;
	background-position: bottom left;
}

.dialog .hd, .dialog .bd, .dialog .ft
{
	position: relative;
}

.dialog .wrapper
{
	/* extra content protector - preventing vertical overflow (past background) */
	position: static;
	max-height: 1000px;
	overflow: auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.field 
{
	position:relative;
	z-index:99;
}

.dialog h1, .dialog h3, .dialog h4, .dialog p, .dialog .ContentField
{
	margin: 0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding: 0.5em 0px 0.5em 0px;
}

.dialog h1
{
	padding-bottom: 0px;
}


h2
{
	font-family: verdana;
	font-size: 18px;
	line-height: 1.2em;
	margin: 0pt 0pt 3px;
}

.breadCrumb
{
	color: #505050; 
	padding: 5px 5px 5px 0px;
	
	margin-bottom: 4px;
}
.breadCrumb a, .breadCrumb a:visited { color: #505050; text-decoration: none;}

.BrandProductGroup{margin-top:20px;min-height:100px;}

.ProductGroupAttributes
{
	
}

.ProductGroupAttributes .Selected
{
	border: 1px solid #505050;
	padding: 10px;
	margin-bottom: 20px;
	position:relative;
}

.ProductGroupAttributes .ClearFilters
{
	font-size: smaller;
	color: #666666;
	padding-left: 30px;
}



.ProductGroupAttributes .Available
{
	background-color: #e7e7de;
}

.ProductList 
{
	float:left;
	width: 810px;
}

.ProductList .Product
{
	clear:left;
	background:transparent url(images/compare.gif) no-repeat scroll right top;
	border-color:#CCCCCC;
	border-style:solid none none solid;
	border-width:1px 0pt 0pt 1px;
	height:auto;
	min-height:160px;
	_height: 60px;
	min-width:540px;
	padding:10px 0pt;
}

.ProductList .Image
{
float:left;
margin:0px 12px 12px;
text-align:center;
}

.CompareHeader
{
  text-align:right;
  font-weight:bold;
  margin-bottom: 5px;
  padding: 4px;
}

.ProductList .Compare
{
float:right;
margin:75px 5px 0px 0px;
}

.ProductList .Compare a
{
line-height:80px;
padding:34px 5px 30px 5px;
}

.ProductList .Compare input
{
clear:both;
margin-left:0px;padding-left:0px;
}

.ProductList .Prices b {
	color:#990000;
}
.ProductList .ProductInfo
{
	border-right:1px solid #EFEFEF;
	font-size:107.5%;
	height:auto;
	margin:0px 250px 0px 100px;
	min-height:160px;
	padding-right:5px;
}


.ProductInfo a, .ProductInfo a:visited
{
	font-size: 16px;
	font-weight:bold;
	color:#505050;
	text-decoration: none;
}
.ProductInfo a:hover { color: #200; }



.ProductList .Info
{
	float:right;
	width:210px;
	text-align:right;
	margin-right: 10px;
}


.ProductList .Prices b {
	color:#990000;
}

.InStock
{
	font-weight:bold;
}
.OutOfStock
{
	/*font-size:smaller !important;*/
	font-weight: bold;
}


.AttributeSelector
{
	margin-bottom:10px;
}
.AttributeSelector ul
{
	padding: 0px;
	margin: 0px;
}

.AttributeSelector a, AttributeSelector a:visited { color: #888; text-decoration: none; }
.AttributeSelector a:hover { color: #333; }

/* BuyProcess */
h3.steps { font-size: 16px; float: right;}

#BuyProcess { width: 100%; }
#BuyProcess a, #BuyProcess a:visited { color: #888; text-decoration: none; }
#BuyProcess a:hover { color: #333; }
#BuyProcess table { padding: 5px 0 5px 2px;  }
#BuyProcess hr { margin-top: 10px; margin-bottom:10px; border: solid 1px #EEE;}


.login-main input[type="password"], .login-main input[type="text"] {margin-left:10px; }
.login-labels label { float:left;margin:0;}
.login-checkboxes label{margin-left:10px;}

/*SearchResults.ascx */
.topproducts { clear: none }
.topproducts .columnLeft { float: left; }
.topproducts .columnRight { float: right; }

.ProductContent { border-style: none solid none solid; border-width: 1px; border-color: #DDD; margin: 0 0 0 1px;}



/* Begin BuyProcess */
#BuyProcess .Title { float:left; }
#BuyProcess .Step {  float:left;  position: relative;  top:19px;  margin-left: 200px; }
#BuyProcess .StepNav { clear:both;  float:left; }
#BuyProcess .StepNav div { width:220px;  height:20px;  float:left;  text-align:center; }
#BuyProcess .StepNav .Active {  background: #E16A0E;  color: White;  font-weight:bold; }
#BuyProcess .StepNav .Inactive {  background: #2B2B2B; color: Gray; font-weight:bold; }
#BuyProcess .PaymentForm { margin-top:10px; clear:both; float:left; }

.paymentTable
{
	width: 300px;
	border: none;
	clear: both;
	float: left;
}

.paymentTable .textBox
{
	width: 100%;
}

.paymentTable .row 
{
}

.paymentTable .column 
{
	float: left;
	width: 150px;
	border: none;
}

#GeneralCondition input[type="checkbox"] { margin-right: 5px; }
#OrderButtons input[type="submit"]{ font-size: 10px; }

#EditAccountTable td.Spacer { width: 10px; }

/* End BuyProcess */


/*Service.aspx*/
.column { width: 370px; border: solid 1px #aaa; clear: none;}
.column img { float: left }

.ChildProductGroup 
{
	float:left;
	padding: 10px;
	text-align:center;
}
.ChildProductGroup a
{
	text-decoration:none;
	
}
.button {background-color: #EEE; border: solid 2px #888; font-weight:bold; }
a.button, a:visited.button  { color: #888; text-decoration: none;padding:2px; }
a:hover.button { color: #333; }

.OrderQuantity { padding:2px;
									width: 20px; text-align:right;	}

table.accountstep1,
table.accountstep2 tr td{line-height:22px;}
table.accountstep2 tr td.Description,
table.accountstep1 tr td.Description{width:180px;}
table.accountstep1 tr td.Values{width:170px;}
table.accountstep1 tr td.Values input{width:150px;}
table.accountstep1 tr td.Description-short{width:40px;}
table.accountstep1 tr td.Values-short{width:70px;}
.ChildProductGroup 
{
	float:left;
	padding: 10px;
	text-align:center;
}
.ChildProductGroup a { text-decoration:none; }

.IndexLabel
{
	margin-top: 15px;
	font-size: larger;
	font-weight:bold;
}
.vendorwarranty-index, .vendorwarranty-overview
{
	margin-top: 20px;
}

.indexlinks a
{
	padding: 2px;
}


.portal-overview 
{
	margin: 10px 0px;
}

span.SearchValidator
{
	font-size:10px;clear:both;
	text-decoration:none;
}


table.ordertrace-table tr,
table.ordertrace-table tr td,
table.ordertrace-table tr th{border:0; padding-left:3px; font-size: 8pt;}

table.ordertrace-table tr th{height:40px;width:130px;}
table.ordertrace-table tr td{height:30px;}
table.ordertrace-table tr.even td{background-color:#A6BED5;}
table.ordertrace-table{border:solid 1px black;}
table.ordertrace-table tr th{border-bottom:solid 1px black;}

.ordertracer-dialog
{
	
	background-image: url('Images/dialog_ordertracer.png');
	background-repeat:no-repeat;
	height:300px;	
}
.ordertracer-dialog .criteria-header{padding-top:20px;}
.ordertracer-dialog .criteria-header,
.ordertracer-dialog table{margin-left:15px;}

#filter-boxes,
#filter-boxes .FilterBox ,
#filter-boxes .FilterBox .QuickSearchItem div{float:left;}
#filter-boxes .FilterBox .QuickSearchItem{width:290px;}
#filter-boxes .FilterBox .Description{width:120px;}
#filter-boxes .FilterBox .QuickSearchItem select, 
#filter-boxes .FilterBox .QuickSearchItem input{width:150px;}
#filter-boxes{background-color:#A6BED5;padding:10px 0px 10px 0px;width:100%;}
#sortBy{clear:both;vertical-align:middle;margin:10px 0px 10px 0px;line-height:30px;}
#searchresults-page .Title{font-weight:bold;}
#searchresults-page .product-portlet{float:left;width:50%;margin-top:20px;}



.PictureColumn { width: 45px;}


.GridView
{
	width:100%;
	text-align: left; 
	border: none; 
}


.OrderQuantity { width: 30px; }
/*height: 19px;*/
.GridView tr td { vertical-align: middle; border: none; border-bottom: solid 1px #4B4B4B; }
/*.GridView tr td input { height: 20px;}*/

.GridRowHover {  background-color: #E9E9EA; cursor:pointer; }
.GridRowHover .PictureColumn{ background-color: White; }

/*.GridView img { padding: 1px 3px 1px 3px; }*/
/*.GridViewRow input { line-height: 10pt; font-size: 7pt; }*/
.GridViewHeader th {	font-weight: bolder; border: none; border-bottom: solid 1px #4B4B4B; }

.GridViewPager td{ padding-top: 3px; padding-bottom: 3px;}
.GridViewPager td table{ text-align: left; }
.GridViewPager td table tr td a, .GridViewPager td table tr td a:visited, .GridViewPager td table tr td a:active{
	text-decoration: none;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
	border: solid 1px #2E3F77;
	background-color: #D3E3F1;
	color: #2E3F77;
}
.GridViewPager td table tr td span
{
	text-decoration: none;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
	border: solid 1px #2E3F77;
	background-color: #ED8F09;
	color: #2E3F77;
}
.GridViewPager td table tr td a:hover{ color: #FCB016; text-decoration: underline; }
.GridViewFooter td{ border-top: solid 1px #D3E3F1; padding-top: 6px; }
.GridViewFooter td *{ width: 100%;  }

.GridViewHeader th a { text-decoration: none; font-weight:bold; color: #4B4B4B; }
.GridViewHeader th a:hover { text-decoration: underline; }

.GridViewPager td 
{
padding-top: 3px;
padding-bottom: 3px;
}

.GridViewPager td 
{
padding-top: 3px;
padding-bottom: 3px;
}

.gvFixedHeader
{
	position: relative;
}

.tbAddToCart 
{
	width: 10px;	
}



.callme-form{float:left;width:400px;}
.callme-form tr td{height:35px; width:120px;}
.callme-form tr td textarea,
.callme-form tr td input {width:200px!important;}
.callme-form tr td select {width:200px!important;}
.callme-form tr td input[type="submit"]{width:auto!important;}

.childLi li{ font-size: 8px; color: #AAA; }




TR.updated TD
{
	background-color:yellow;
}
        
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity="70");
	opacity:0.7;
}

.modalPopup {
	background-color:White;
	padding:10px 10px 10px 10px;
	width:500px;
}


#DeliveryTable td { padding-left: 5px;}



#OrderFastTable td { height: 100%; }
#OrderFastTable td orderNow { margin-left: 5px; }
#OrderFastTable td orderQuantity { width: 100px; }

/* table style */
.datagrid
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	/*width:800px;*/
	border:solid 1px #ad9e87;
}

/* common cell styles */
.datagrid th, .datagrid td
{
	cursor:default;
	height:20px;
}

/* header cell style */
.datagrid th
{
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#ad9e87;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#ad9e87;
    background:#e1d6c7 url(Images/mt_back.gif) repeat-x;
    color:#59483f;	
    font-weight:bold;
    text-align:center;    
}  

/* cell styles */
.datagrid td
{
    color:#000;
	padding:2px 8px;
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#f2e8da;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#f2e8da;	
}

/* mouseover row style */
.datagrid tr:hover{ background-color:#f2e8da; }


.detail
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	background-color:#fff;
	border:solid 2px #000;
	padding:4px;
}
.detail .footer
{
	text-align:right;
	padding:8px;
}


/* table style */
.detailgrid
{
	border:solid 1px #ad9e87;
}

/* cell styles */
.detailgrid td
{
	cursor:default;
	height:20px;
    color:#000;
	padding:2px 8px;
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#f2e8da;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#f2e8da;	
}

.zero_table table, .zero_table table tr td, .zero_table .ajax__calendar_container 
{padding:0px; background:White; }

#rightText1 
{	
	position:absolute;
	text-align:right;
}