/* ------------------------------------------------------------------------------------------------ */
/* base html selectors */
html { margin: 0; padding: 0; font-family: sans-serif; font-size: 12px;}
body { margin: 0px; padding: 0; text-align: center; background: #fff; }
img { border: 0; vertical-align: middle }
h1 { margin: 0; padding: 0; font-size: 18px; line-height: 1.6em; text-align: left; color: #000000; border-bottom: none}

h2 { margin: 0 0 15px 0; padding: 0 0 0 0; font-size: 16px; border-bottom: 2px solid; line-height: 1.2em; text-align: left; }

h3 { margin: 0; padding: 0 0 0.4em 0; font-size: 15px; border-bottom: 1px solid #555; line-height: 1.2em; text-align: left; }
h4 { margin: 0; padding: 0 0 0.4em 0; font-size: 13px; border-bottom: 1px solid #888; line-height: 1em; text-align: left; margin-bottom: 5px }
div, input, select, th, td { color: #666; }
p { text-align: left; }
small { color: #666666; }
.small { font: normal 11px/12px sans-serif !important; }
.smaller {	font-size: 11px; }
.bizlinkTop {  width: 600px; margin: auto; text-align: left; }
.bizlinkTop p { text-align: center; vertical-align: middle }
.bizlinkProduct { float: right }
.bizlinkBox { width: 900px; text-align: center }

#topBox { position: fixed; top: 0px; width: 100%; z-index: 400}
#topBoxFiller { height: 110px } 
#topBoxShadowMed { background: #000; width: 100%; height: 2px; opacity: 0.7; filter:alpha(opacity=70); z-index: 300; }
#topBoxShadow { background: #000; width: 100%; height: 1px; opacity: 0.4; filter:alpha(opacity=40); z-index: 300; }

.imgLoader { width: 32px; height: 32px; margin: auto; text-align: center }

a:hover {
	text-decoration: none;
	color: #2349c1
}

/* Logged in - Homepage */
.accountBox { border: 1px solid #888; float: right;  }
.accountBox h2 { background: #aaa; padding: 3px; color: #eee; border-bottom: 2px solid #888; font-size: 12px }
.accountBox .itemBox { background: #eee; padding: 5px; border-bottom: 1px solid #aaa; font-size: 11px }

.titleBox { float: left; }
.optionsBox { border: 1px solid black }
.optionsBox h2 { background: #888; padding: 5px; color: #eee; border-bottom: 2px solid #555; font-size: 14px }
.optionsBox .itemBox { background: #eee; padding: 5px; border-bottom: 1px solid #aaa }

.optionsBox .itemBox img { vertical-align: middle }

.editServices { font-size: 12px; font-weight: bold; background: #eee; padding: 5px; border: 1px solid #888; margin-bottom: 10px }
.categoryBox { font-style: italic; margin: 10px 0 10px 0} 

.editCompanyBox { border: 1px solid #eee; padding: 10px }

.serviceTableBox .itemBox { background: #eee; }
.descBox { background: #eee; float: left; width: 140px }
.dateBox { background: #eee; float: left }

.midWidthBox { width: 208px; float: left }

.serviceListBox { border: 1px solid #ddd; padding: 2px;  }
.serviceItemBox { background: #888; font-weight: bold; color: #eee; border: 1px solid #ddd; padding: 4px;  }

.serviceItemBox.expired { background: #fee; font-weight: bold; color: #eee; border: 1px solid #ddd; padding: 4px;  }

.serviceInfoBox {border: 1px solid #ddd; padding: 2px; font-size: 10px}

.orderStatusBox { background: #555; color: #FFF; font-weight: bold; width: 150px; text-align: center; padding: 0 5px 0 5px; float: left}


/* Micro Products */

.microproduct { width: 103px; float: left; text-align: center; margin: 0px 0px 0px 2px; padding: 0px 0px 0px 5px; height: 110px; background: url(../gfx/productmicro.jpg); background-repeat: no-repeat; overflow: hidden; }
.microproduct .image { font-size: 4px; padding-left: 5px; height: 55px }
.microproduct .image img { width: 85px; overflow: hidden; }
.microproduct a { text-decoration: none; font-size: 10px; font-weight: bold; color: #555 }
html>body .microproduct .image img { max-width: 60px; max-height: 50px; width: auto}
.microproduct .label { padding: 7px; height: 20px }
.microproduct .price { font-size: 20px; float: right; padding-right: 8px; z-index: 1000 }
.microproduct .price a { color: #11aa11; font-weight: bold }

/* Products */

.product { width: 190px; float: left; text-align: center; padding: 5px; height: 180px; background: url(../gfx/productbg.jpg); overflow: hidden }
.product .image { float: left; font-size: 4px; padding-left: 5px; height: 110px }
.product .image img { width: 100px; overflow: hidden; }

.product a { text-decoration: none; font-size: 14px; font-weight: bold }

html>body .product .image img { max-width: 100px; max-height: 120px; width: auto}

.product .label { padding: 10px; height: 24px }
.product .price { font-size: 20px; float: right; padding-right: 10px}
.product .price a { color: #22aa22; font-weight: bold }

/* Product detail */

.productbig { width: 880px; margin: auto; text-align: left; padding: 5px; border: 1px solid #888}
.productbig h2 { padding: 15px }
.productbig .head .info { width: 340px; float: left; min-height: 500px }
.productbig .head .image { width: 300px; float: left; font-size: 14px; padding: 10px; border: 1px solid #ddd }
.productbig .head .image img { margin: auto; }
.productbig .head .image a { text-decoration: none;  }
.zoomin { float: right; margin-top: 5px; margin-right: 5px }

.productbig .infohead { float: left; text-align: middle; padding: 14px 0 0 14px; width: 48px; height: 48px; background-image: url(../gfx/moreinfobg.png); background-repeat: no-repeat; }
.productbig .infohead a { font-size: 12px; color:#fff; width: 42px; height: 42px; text-decoration: none }

.productbig .price { color: #22aa22; font-weight: bold; font-size: 21px }

html>body .productbig .image img { max-width: 300px; margin-top: 5px; }

.productbig .head .middleBox { width: 300px; float: left }
.productbig .head .middleBox .price { width: 300px;  font-size: 21px; color: #22aa22;  }

.productbig .image .moreinfo { cursor: pointer; font-size: 15px; margin-top: 10px; padding: 10px; border: 1px solid #ddd; width: 200px  }
.productbig .image .moreinfo img { margin: 0; padding-right: 5px; vertical-align: middle; }

.productbig .label { font-size: 19px; color: #fff; padding: 10px; background: #666 }
.productbig .price a { color: #22aa22; font-weight: bold }
.productbig .categorylist { float: left; padding: 10px 10px 10px 19px  }
.productbig .categorylist a { font-size: 15px; }

.productbig .desc { width: 340px; float: left; text-align: left; padding: 10px 5px 0 5px  }
.productbig .desclabel {width: 870px; margin-top: 6px; margin-bottom: 6px; float: left; text-align: left; padding: 20px 10px 0 10px; font-weight: bold; font-size: 14px; color: #000  }

.productbig .extraInfoBox { padding: 0 5px 0 5px }

.productbig .order { margin-top: 5px; float: right; max-width: 200px; padding: 5px; width: 210px; border: 1px solid #ddd }
.productbig .order img { float: left; margin-right: 5px }
.productbig .order a { padding-top: 3px; font-size: 14px; float: left; vertical-align: middle; text-decoration: none; font-weight: bold; text-align: left; width: 160px; vertical-align: middle;  }

.productbig .order small { font-size: 11px; float: left; text-align: left; width: 160px; vertical-align: middle;  }

.productbig .order .ruler { margin-bottom: 10px }

.productbig .orderlink { float: right; text-align: left; font-weight: bold; font-size: 15px; color: #000;   }
.productbig .orderlink a { text-decoration: none; color: #00F }
.productbig .orderlink img { border: 0px; vertical-align: middle }

.productbig .price a { text-align: right; font-size: 19px; background-image: url(../gfx/menu/cart.png); background-repeat: no-repeat; margin-right: 0px; padding-right: 28px; background-position: right 2px }

.productbig .ruler { background: #666; padding: 5px; color: #fff; background-image: url(../gfx/gradients/bar70.jpg)  }

.priceSep { height: 10px }

.productbig .listContainer .microproduct { margin-bottom: 5px }

.productbig .listContainer .microproduct .label { font-size: 19px; color: #fff; padding: 5px; background: transparent }
.productbig .listContainer .microproduct .price { font-size: 20px; float: right; padding-right: 8px; z-index: 1000;  }
.productbig .listContainer .microproduct .price a { color: #11aa11; font-size: 12px; font-weight: bold; background: transparent; padding: 0; }
.productbig .listContainer .microproduct .image { padding: 0 }


#searchForm { width: 100%; float: left; } 
.searchcontent { overflow: hidden; display: none; padding: 0px 30px 0px 10px; float: left;  color: #fff; background: #777; }
.searchcontent div { color: #fff; }

.hiddencontent { overflow: hidden; height: 0px; opacity: 0.9; filter:alpha(opacity=90); padding: 0px 30px 0px 10px; float: left; }

#searchOptionsBox { float: left }
#searchOptionsBox img { vertical-align: middle; border: 0px; text-decoration: none }
#searchOptionsBox a { color: #fff }

/* Product category */
.productcategory { border-bottom: 1px dotted; margin: 0 0 20px 0 }
.productcategory .label a { float: left; width: 600px; text-decoration: none; font-size: 19px; color: #666 }
.productcategory .followlink { float: left;  }

.tabs { float: left; padding-top: 32px  }
.tabhome { cursor: pointer; border: 1px #aaa outset; width: 98px; height: 18px; font-size: 15px; padding-top: 2px }
.tabhome.active {  height: 18px; border-color: #aaa; background: #eee; color: #111; background-repeat: no-repeat }
.tabhome.inactive { height: 18px; border-color: #eee; background: #ddd; color: #999; background-repeat: no-repeat }

.homeText { width: 400px }  

.homeText img { padding-right: 10px  }  

#tabProductenContent { height: 28px; padding-top: 3px;  }
.productSearchBox { text-align: left; font-size: 18px; color: #fff; width: 370px; margin: auto; vertical-align: middle; padding: 0px}
.productSearchBox INPUT {  background: #fff; height: 24px;  border: #000 1px solid ; font-size: 18px;    }

.productSearchBox img { vertical-align: middle }
.productSearchBox a { font-size: 14px; color: #251; }

.prodSearchImg { width: 100px }
.prodSearchPrice { color: #22aa22; font-weight: bold; font-size: 21px }
.prodSearchCompany { font-size: 10px }
.productSearchHeader {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 12px;
	border-color:#367AA3;
	border-bottom: dotted;
	border-width: 1px;
}

.gmaps { width: 100%; text-align: center }


.hideBox { display: none }
.showBox { display: block }


#headerbox { width: 100%; margin: auto; z-index: 499; 	opacity: 0.95;
	filter:alpha(opacity=95);	
 }

#tabContentProductSearch {  } 
.tabcontent { width: 100%; color: #fff; background: url(../gfx/bar.png); border: 1px solid #000 }
.tabcontent div { color: #222; font-size: 25px; }
.tabcontent input { color: #222; font-size: 25px; height: 30px; background: #fff }

.visible { display: block }
.hidden { display: none }

#searchwatbox { width: 250px; height: 80px; padding-left: 20px; float: left;  }
#searchwatbox INPUT {  font-style:italic; background: none; width: 220px; height: 21px; border: #aaa 1px solid; font-size: 16px; text-align: center   }

#searchwaarbox { width: 230px; height: 80px; padding-left: 20px; padding-right: 40px; float: left; }
#searchwaarbox INPUT {  font-style:italic; background: none; width: 220px; height: 21px; border: #aaa 1px solid ; font-size: 16px; text-align: center   }

.searchinfo { float: left }
.searchinfo * { float: left }
.searchinputseperator { height: 10px; }


#infobox { width: 900px; padding: 5px; margin: auto;   }
#rubriekenIndex { margin: auto; font-size: 14px; color: #fff  }
#rubriekenIndex a { color: #fff }
#rubriekenIndex a.offers { font-weight: bold }

#productSearchContainer { width: 580px; margin: auto; border-bottom: #555px solid}

#searchOptions { text-align: left; width: 100%; }
#searchOptions h2 { width: 100%; color: #fff; font-size: 18px; border-bottom: 2px solid; margin-bottom: 20px}
#searchOptions h2 img { vertical-align: middle }
#searchOptions h3 { width: 100%; color: #fff; font-size: 16px; border-bottom: 1px solid; margin-bottom: 20px}

.optional { text-align: right; font-size: 12px; color: #444; width: 100%; border-bottom: 2px solid #aaa; padding: 5px} 
.optional img { vertical-align: middle; } 

.optional a { color: #888; } 

.searchOptionGrid { padding-left: 10px; }

.searchButtons { float: left; width: 80px; }
.searchButtons .filler { height: 25px; }

.searchtext { font-size: 20px; width: 100%; color: #000; font-weight: bold; text-align: center}

#contentbox { width: 900px; margin: auto; padding: 5px; }

#contentbox .contentPage h1 { padding: 0 10px 0 10px; margin: 0px }

#contentbox .contentPage h2 { padding: 10px 20px 10px 0px; width: 860px; border-bottom: 2px solid #bbb }
#contentbox .contentPage p { padding: 10px 20px 10px 0px;  width: 860px;  }


#leftbox { width: 100%; text-align: left;}

.lastSearchBox { width: 200px }

#leftbox TD { text-align: left;}

#rightbox { width: 1%; }


#logo { width: 100%; background: url(../gfx/apobg.png); height: 72px;  }
#logo #logoimage { float: left; }

.login {
	text-align: center;
	float: left;
	width: 200px;
	
}

#frmLogin {  }
#frmLogin label { color: #fff;  }
#frmLogin .inputFix { width: 180px }
.loginLabelBox { width: 200px; height: 20px; float: left }


.login .inputtext {
	height: 10px;
	width: 90px;
	font-size: 9px;
	border: 1px inset;
	background: none;
}

.login .inputtext.username {
	position: relative;
	top: 16px;
	left: 4px;
}

.login .inputtext.password {
	position: relative;
	top: 27px;
	left: 4px;
}

.loginHeader { background: #777; color: #fff; padding: 5px;  }

.loginHeader a { color: #fff }
.headerprice { color: #22aa22; font-weight: bold; font-size: 12px; }


.logininfo {
	position: fixed;
	right: 0px;
	top: 0px;
	padding: 10px;
	font-size: 10px;
	background: #eee;
	opacity: 0.8;
	filter:alpha(opacity=80);	
	border: 2px outset;
	
}

.lastvisitedinfo {
	position: fixed;
	right: 0px;
	top: 20px;
	padding: 10px;
	font-size: 10px;
	background: #eee;
	border: 2px outset;
	z-index: 900
	
}

#productHistoryBox { text-align: left }
.productHistoryItem { background: #ddd; cursor: pointer; padding: 5px }
.productHistoryItem:hover { background: #ccc;  }
.productHistoryItem a { text-decoration: none }

.lastvisitedinfo img { vertical-align: middle; }

.logininfo a { vertical-align: top }

.logintable {
	width: 150px;
	height: 90px;
	float: right;
	background-image: url(../gfx/loginscr.gif)
	
}

 .dijitDialog { width: 400px } 
 .dijitDialogContentPane { background: #444; border: 1px solid #BABABA;}

.CLoginBox { margin-top: 10px; color: #000; font-size: 12px;  width: 220px;  position: absolute; top: -700px; z-index: 10000; background-color: #444; overflow: hidden; }
 .dijitDialog.CLoginBox { background: #444 } 
 .dijitDialog.CLoginBox.dijitContentPane { overflow: hidden; background: #444 } 
 .dijitDialog.CLoginBox.dijitContentPane .dijitDialogPaneContent { background: #444 } 
.CLoginBox .headerBox img { vertical-align: middle; border: 0px }
.CLoginBox .headerBox { font-size: 20px; color: #aaa; width: 100%; padding: 5px; background: #333; border: 1px solid #444 }
.CLoginBox .controlBox { float: right; top: 3px }
.controlIcon { cursor: pointer; 	cursor: hand; padding: 10px }
.searchExpandIcon { cursor: pointer }

.CLoginBox label { font-size: 12px; color: #eee;  }

.CLoginBox_underlay { background: #111;  }

 .CPriceBox { text-align: center; margin-top: 10px; color: #000; font-size: 12px; z-index: 10000; background-color: #eee; }
 .CPriceBox.dijitContentPane { overflow: hidden; background: #fff } 
 .CPriceBox.dijitContentPane .dijitDialogPaneContent { background: #fff } 
.CPriceBox .headerBox img { vertical-align: middle; border: 0px }
.CPriceBox .headerBox { font-size: 16px; color: #eee; width: 410px; padding: 5px; background: #888; border: 1px solid #444 }
.CPriceBox .controlBox { float: right; top: 3px }
.CPriceBox .controlBox .controlIcon { cursor: pointer; 	cursor: hand; padding: 2px }
.dijitDialogUnderlay.CPriceBox_underlay { background: #111;  }

 .dijitDialog.CPriceBox ul { text-align: left } 

.CPriceBox .loginlink a { color: #000 }

.CPriceBox .loginLabelBox { width: 200px; height: 20px; float: left; text-align: left }

html>body .CPriceBox .image img { max-width: 400px; max-height: 180px; width: auto; margin-bottom: 15px;  }

.optionBox { float: right; color: #fff; font-size: 10px; padding-right: 10px}
.optionBox a { color: #fff; font-size: 10px; }
.optionBox img { vertical-align: middle }

.optionListBox { float: right; } 
.optionListBox img { vertical-align: middle } 

.optionContentBox { float: left }

.loginlink {
	padding-top: 8px;
}

.loginlink a {
	color: #fff;
	text-align: center;
	font-size: 10px;
	
}

.loginlink:hover {
	text-decoration: none;
	color: #2349c1
}


.logoutlink { color: black; font-size: 9px; }


 
.googleBanner { vertical-align: middle }

.seperatorheader { background-color: #ddd; color: #333; height: 21px; padding: 0 0 0 10px; font-weight: bold}

li { margin: 0 0 0 -15px }

.alert {
	font-size: 14px;
	
}

.warning { color: #884422; font-style: italic }

.headtitle {
	font-weight: bold;
	color: #000;
	font-size: 13px;
	float: left;
	width: 80%;
	height: 20px
}

.icons { float: right; width: 20%; text-align: right }


.breadcrumbcontainer { width: 900px; background: #eee } 
.breadcrumbcontainer h3 a { font-size: 14px; text-decoration: none} 
.breadcrumbcontainer h3 img { padding: 0 5px 0 5px } 

.breadcrumb h1 {
	font-size: 18px;
	vertical-align: middle;
	color: #ccc;
	text-align: center;
	width: 900px;
	border-color: #eee;
	border-style: solid;
	border-width: 1px
}

.breadcrumb .active {
	color: #777;
	font-size: 15px;
	
}

.breadcrumb h3 { border: 0px; padding: 5px; font-size: 14px }

h1 span {
	font-size: 21px;
	vertical-align: middle;
	color: #367AA3
}

h1 span.subtitle  {
	font-size: 14px;
	color: #367AA3;
	/* horizontal-align: middle */
}

a.subtitle  {
	font-size: 14px;
	font-weight: bold;
/*	horizontal-align: middle */
}



.greenlink { color: #009900 }
a { color: #666 }

a { text-decoration: underline;  }
TD {  margin: 0; padding: 0; font-family: sans-serif; font-size: 12px; }

#tblRegister {	width: 700px; }
#tblRegister td {	padding: 0 10px 1px 10px; color: #111 }

.evenrow {	background: #eee; cursor: pointer}
.oddrow {	background: #ddd; cursor: pointer}
.activerow { background: #fff; cursor: pointer}

.indentrow { padding: 4px; font-size: 17px; font-color: #000}

.catImg { width: 200px; float: left; padding-right: 20px } 
html>body .catImg img { max-width: 200px; max-height: 150px; width: auto}
.productCatDesc { width: 800px }

TH {  text-align: left; margin: 0; border: 1px solid #888; padding: 5px 10px 5px 10px; font-family: sans-serif; font-size: 12px; background: #aaa; color: #fff}
TH.big { font-size: 20px }

TH img {  vertical-align: middle }

/* ------------------------------------------------------------------------------------------------ */
/* main layout selectors */

.spotlight TH {  text-align: center; margin: 0; padding: 0; font-family: sans-serif; font-size: 14px; background: #777; color: #fff}
.spotlight TD { text-align: center; color: black; font-size: 10px; padding: 5px }
.spotlight TD P { text-align: center;}
.spotlightborder {
	border: 1px solid
}

.screenshot { border: 1px solid black; width: 160px; height: 120px}

.head2 {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 12px;
	border-color:#367AA3;
	border-bottom: dotted;
	border-width: 1px;
}

.head2 A {
	color: #666
}

.listHeader div { float: left }
.listHeader img { float: left }



.blue { color: #0000ff }
.white { color: white }
.cent {
	text-align: center
}

.right {
	text-align: right
}
.left { float: left; text-align: left }
.middle { vertical-align: middle }
.listtable { width: 894px }

.textareashort {
	width: 368px;
	height: 100px
}

.orderServices { font-size: 11px; font-weight: bold }
.orderServicesTable {  }
.orderServicesTable TD { border-bottom: dotted 1px; padding: 10px 0px 10px 0px }

.clr { clear: both; display: block; margin-bottom: -1px; height: 1px; font-size: 1px; line-height: 1px; visibility: hidden; }
.hand { cursor: pointer }
.tooltipBox { display: none;max-width: 200px;  }
.tooltipBox img { max-height: 200px; max-width: 200px; }
.dijitTooltip img { max-height: 200px; max-width: 200px;  }
.dijitTooltip { max-width: 320px; z-index: 6000 }

.tooltipLabel { font-weight: bold; font-size: 17px }
.tooltipImg { max-height: 200px; max-width: 200px; }

#alarmContent { padding: 10px }
#alarmContent ul { text-align: left; padding-left: 20px }

.modalContent { height: 200px }

#userOptionsBox { display: none }

.imgThumb { width: 40px; height: 40px; overflow: hidden; float: left; padding-right: 5px }

.imgThumb img { width: 40px; overflow: hidden; }
html>body .imgThumb img { max-width: 40px; max-height: 40px; width: auto}

#btProductSearch { vertical-align: middle; width: 48px; height: 24px; cursor: pointer; background-color: transparent; background-image: url(../gfx/menu/go.png); background-repeat: no-repeat; background-position: top; border: 0px }


.productList { width: 446px; text-align: center; margin: 0px; padding: 0px; height: 275px; background: url(../gfx/infobox.jpg); overflow: hidden; background-repeat: no-repeat; }
.productList h2 { width: 440px; margin: 0; padding: 6px 6px 6px 9px; color: #ddd; border: 0px }
.productList h2 .rssBox { text-decoration: none; width: 22px; float: right; padding-top: 3px  }
.productList h2 .rssBox .rssIcon { text-decoration: none;  background: url(../gfx/menu/rss.png);  background-repeat: no-repeat; background-position: top left;}
.productList .microproduct { margin-bottom: 5px }

.productList h2 .textTitle { float: left }
.productList .listContainer { padding-left: 3px;  }

.morepopular { float: left; margin-top: 10px }
.morepopular a { color: #227; padding-left: 3px }

.popularItemBox { }
.popularItemBox ul { list-style-type: none; padding: 0; margin: 0; }
.popularItemBox li { float: left; width: 174px; height: 28px; text-align: left; font-size: 18px; margin-left: 10px; padding-left: 32px; background-image: url(../gfx/icons/breadcrumb/path.png); background-repeat: no-repeat;  }
.popularItemBox p { padding: 10px }
.textTitle { float: left }

.priceAlarm { float: right; padding-top: 10px  }

.infoBox { width: 900px; padding: 0px; margin: 0px }
.infoBox .titleBox { padding: 5px 0px 0px 8px; margin: 0px; border: 0px; width: 900px; background: url(../gfx/boxes/contentbox_top.jpg);  background-repeat: no-repeat; height: 25px }
.infoBox .contentBox  { width: 900px; padding: 0px 0px 0px 8px; background: url(../gfx/boxes/contentbox_middle.jpg);  background-repeat: repeat-y; }
.infoBox .contentNarrowBox  { width: 900px; padding: 0px 0px 0px 0px; background: url(../gfx/boxes/contentbox_middle.jpg);  background-repeat: repeat-y; }
.infoBox .bottomBox { margin: 0px; border: 0px; width: 900px; background: url(../gfx/boxes/contentbox_bottom.jpg);  background-repeat: no-repeat; height: 30px }

.topBox { width: 900px; padding: 0px; margin: 0px }
.topBox .titleBox { padding: 5px 0px 0px 8px; margin: 0px; border: 0px; width: 900px; background: url(../gfx/boxes/contentbox_top.jpg);  background-repeat: no-repeat; height: 30px }
.topBox .contentBox  { width: 900px; padding: 0px 0px 0px 8px; background: url(../gfx/boxes/contentbox_middle.jpg);  background-repeat: repeat-y; }
.topBox .bottomBox { margin: 0px; border: 0px; width: 900px; background: url(../gfx/boxes/contentbox_bottom.jpg);  background-repeat: no-repeat; height: 30px }

.spaceBox { width: 5px; float: left }

.containerBox { width: 900px } 


.searchBox { width: 200px; padding: 0px; margin: 0px }
.searchBox .titleBox { padding: 5px 0px 0px 8px; margin: 0px; border: 0px; width: 200px; background: url(../gfx/boxes/searchbox_top.jpg);  background-repeat: no-repeat; height: 25px }
.searchBox .contentBox  { width: 200px; padding: 0px 0px 0px 8px; background: url(../gfx/boxes/searchbox_middle.jpg);  background-repeat: repeat-y; }
.searchBox .bottomBox { margin: 0px; border: 0px; width: 200px; background: url(../gfx/boxes/searchbox_bottom.jpg);  background-repeat: no-repeat; height: 30px }

.extraInfoInfo p { margin-bottom: 8px }


.linkPartners { width: 100% }
.linkPartners img { max-width: 240px; max-height: 180px }

.linkPartners .partnerBox { width: 900px; border-bottom: 2px solid #bbb; margin: 20px 0 20px 0 }
.linkPartners .partnerBox .titleBox { float: left; width: 300px; padding-bottom: 10px }
.linkPartners .partnerBox .partnerDescBox { float: left; width: 600px }

.extTooltip { display: none }
.infoBox * { border: none !important }
.infoBox h1.titleBox { color: #444; border: none !important }

#btProductSearch { float: left }
.productSearchField { float: left }
.productSearchSubmit { float: left}
#fldProduct { width: 281px; height: 18px }

.search-item { padding: 5px; border-bottom: 1px solid #555; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee }
.search-item h3 { border: 0px; text-decoration: none; font-weight: normal; font-size: 16px; margin-left: 10px; padding-left: 32px; background-image: url(../gfx/icons/route.png); background-repeat: no-repeat; }
.search-item .subinfo { float: right; font-size: 12px  }
.productSearchLabel { color: #fff }

.adBox { margin: auto; text-align: center; padding: 10px } 

.addthis_toolbox .hover_effect
{
    width: 180px;
    padding: 0px 0 6px 0px;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 2px solid #fff;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}

.pageIndex { padding: 10px; width: 850px; float: right; text-align: right; font-size: 14px; color: #222 }
.pageIndex a { color: #222 }
.pageIndexHeader { color:# 444; font-size: 16px; padding: 0 5px 10px 0 }

.optionlabel { font-weight: bold; float: left; width: 100px; padding-bottom: 5px}
.optionvalue { float: left; width: 100px; padding-bottom: 5px}
.extraImageBox { float: left; width: 200px; height: 140px; border: 1px solid #555; padding: 5px }
.extraImageBox img { max-width: 200px; max-height: 140px }
