/* ==========================
DIY - Help Accessories CSS 29.05.2007
========================== */

body {
	width: 900px;
}

div#pageBody {
	width:900px;
}

h1 {
	background: none; 
	padding: 9px 0 0 12px;
}

#pageContent h2 {
	background: none; 
	padding-top: 5px;
	margin: 0px 6px 0px 12px;
}

#pageContent h4 {
	font-size:16px;
	background: none; 
	padding-top: 5px;
	margin: 0px 6px 0px 12px;
}

.teaser540 #teaser h2 {
	margin:0;
	background-repeat:no-repeat;
	width:168px;
	height:55px;
	color:white;
	text-align:right;
	padding-right:6px;
	padding-top:11px;
	font-size:16px;
	display:block;
	vertical-align: top;
}

h2#wood {
	background-image:url('../oragetblob/wood.jpg');
}

h2#metal {
	background-image:url('../oragetblob/metal.jpg');
}

h2#stone {
	background-image:url('../oragetblob/stone.jpg');
}

h2#concrete {
	background-image:url('../oragetblob/concrete.jpg');
}

h2#drilling {
	background-image:url('../oragetblob/drilling.jpg');
}

h2#screw {
	background-image:url('../oragetblob/screw.jpg');
}


#teaser {
	width: 174px;
}

#applines {
	margin: 0 0px 6px 0px;
	padding: 0;
	line-height: 13px;
	float: left;
	width:348px; 
	padding:4px 0px 6px 6px; 
	-padding:0px 0px 6px 6px;
}

#pageContent #applines p {
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 0 6px;
	padding: 0px 4px 4px 4px;
}


#pageContent #applines p.image {
	background-color: #F1F2F2;
	margin: 0 0 0 6px;
	padding: 0;
}

#pageContent #applines img {
	display: inline;
}

#pageContent #applines a {
	margin: 0;
	padding: 0;
	background-image: none;
}

#pageContent #applines .infobutton {
	float:right; 
	-padding:8px 0px 0px 0px; 
	margin:0px; 
	clear:right;	
	padding:0;
}

#pageContent #applines .infobutton a
{
	display:block;
	margin-top:6px;
	height:12px;
	-height:auto;
}

#pageContent #applines .infoline {
	display:block; 
	border-bottom:1px solid #9CC4B7;  
	padding:0px 0px 0px 0px;
	-padding:4px 0px 1px 0px;
	line-height:17px;	
}


.img4066 {
float:left; 
padding:4px 0px 6px 6px;
}

div#banner {
	border:1px solid #00664A; 
	width:172px;	
}

#banner h3 {
	padding:0;
	margin:0;
	padding-left:6px;
	background-color:#00664A;
	height:16px;
}

div#banner p.bannerTxt {
	padding:3px 6px 4px 6px;
	margin:0;
	background-color:#A7DCBC;
	font-size:11px;
	line-height:12px;
}

div#banner p.bannerImg {
	padding:0;
	margin:0;
}

#pageNavigation #banner a {
	margin:0;
	padding:0;
	background:none;
	color:#00664A;
}


#block #diysearch {
 padding-top: 12px;
}

#keyVisual {
	width: 720px; 
	height: 150px; 
	background-image: url('../oragetblob/key.jpg'); 
	background-repeat: no-repeat;
}
.hoverText {
	border: 1px solid #00664A;
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	padding:6px; 
	width:220px; 
	font-size:11px;
}

.hoverImage {
	border: 1px solid #00664A;
	position: absolute;
	display: none;
	background-color: #FFFFFF;
}

.hoverText .hovertxthl{
	font-weight:bold;
}

#breadcrumb {
	margin-left:6px;
	width:714px;
	height:18px;
	background-color:#00664A;
	margin-top:130px;
}

#breadcrumb a {
	color:white;
	margin-left:2px;
	padding-right:12px;
	font-weight:bold;
}

#pageContent #teaser p.imgtxt {
	float:left; 
	padding:5px 0px 6px 0px; 
	width:130px;	
}

#breadcrumb img{
	display:inline;
}

#breadcrumb a.breadcrumbHl {
	padding-left:6px;
	color:white;
	padding-right:12px;
}

#pageContent {
	padding-top:6px;
	vertical-align: top;
}

#pageContentbottom {
 padding-top:18px;
}

#pageContent .teaser540 {
	background-color: #E0EDE6; 
	margin:10px 0px 0px 6px; 
	-margin:10px 0px 0px 3px;
	width:534px; 
	float:left;
}

#pageContent #teaser p {
	background:none;
	padding-top: 6px;
}

#pageContent #teaser p.image {
	margin: 0 0 0 6px;
	padding: 0;
}

#pageNavigation #mainnavi #banner .bannerTxt img {
	display:inline;
}

#footer {
	width: 894px;
}

#pageContent #teaser .infobutton {
	float:right; 
	-padding:8px 0px 0px 0px; 
	margin:0px; 
	clear:right;	
	padding:0;
}

#pageContent #teaser .infobutton a
{
	display:block;
	margin-top:6px;
	height:12px;
	-height:auto;
}

#pageContent #teaser .infoline {
	display:block; 
	border-bottom:1px solid #9CC4B7;  
	padding:0px 0px 0px 0px;
	-padding:4px 0px 1px 0px;
	line-height:17px;	
}

#pageContent #teaser .appArrow {
	display:block; 
	padding:6px 12px 0px 0px;
	font-weight:bold;

}

#pageContent #teaser .appTxt {
	display:block; 
	padding:0px 12px 12px 8px;
}

#pageContent #teaser .appTxt a{
	font-weight:bold;
}

#pageContent div.teaser540 #col60 {
	margin: 0 0px 6px 0px;
	padding: 0 !important;
	line-height: 13px;
	float: left;
	float:left !important;
	width:60px !important;
	padding:0px !important;
}

#pageContent div.teaser540 #col60 p{
	margin: 10px 0px 6px 0px;
	line-height: 13px;
}


#pageContent #teaser .acchl {
	display:block; 
	padding:6px 12px 0px 0px;
}


#pageContent #teaser .acchl a{
	display:block; 
	padding:6px 12px 0px 0px;
	font-weight:bold;
	font-size:14px;
}

#pageContent #teaser p.accarrow{
	padding:6px 0px 0px 0px;
	margin:0;
}

#pageContent #teaser p.acccont{
	padding:2px 12px 0px 0px;
	margin:0;
}

#pageContent #teaser p.acclink{
	padding:0px 12px 0px 0px;
	margin:0;
}

#pageContent #teaser p.acchl{
	padding:0px 12px 0px 0px;
	margin:0;
}

#pageContent #teaser .acccont a{
	display:block; 
	padding:6px 12px 0px 0px;
	font-weight:bold;
	font-size:14px;
}

#pageContent #teaser #sepOne {
 	float:left; 
 	width:13px; 
 	padding:0 6px 0 6px;
}

#pageContent #teaser #sepTwo { 	
	float:left; 
	width:142px;
}

#pageContent #teaser #sepThree { 	
	float:left; 
	width:240px;
}

#pageContent #teaser .acclink a{
	display:block; 
	padding:0px 12px 0px 0px;
	font-weight:bold;
}

#pageContent #teaser p.lefthl {
padding:8px 0px 6px 0px; 
width:170px; 
font-size:16px; 
font-weight:bold; 
line-height:18px;
}

#pageContent #teaser p.lefttxt {
	padding:0px 0px 6px 0px; 
	width:130px;
	}


#pageContent #teaser168 {
	width:168px; 
	padding:4px 0px 6px 0px; 
	-padding:4px 0px 6px 0px; 
	float:left;
}

#pageContent #teaser168 a.infohl{
	font-size:11px;
}

table.detail td {
	border:1px solid white;
	text-align:center;
	padding:2px 0px;
	color:#00664a;
}

table.detail td.whitetxt {
	color:#FFFFFF;
}

table.detail td.image {
	background-color:#FFFFFF;
	vertical-align:top;
}

#pageContent div.teaser260 {
	width:260px !important; 
	padding:4px 0px 6px 6px !important; 
	float:left !important;
}

#teaser170 {
	float:left; 
	width:170px;
}

 #pageContent #greyrow {
 background-color:#D4D4D4; float:right; width:540px; -width:534px
 }
 #pageContent #greenrow {
 background-color:#CCECD8; float:right; width:540px; -width:534px
 }
 
 #pageContent #width370 {
 float:left; 
 width:370px; 
 -width:360px;
 }

 #pageContent .width260 {
 width:260px !important; 
 padding:4px 0px 6px 6px !important; 
 -padding:4px 0px 6px 6px !important; 
 float:left !important;
 } 
 
#pageContent #width13 {
  float:left; 
  width:13px; 
  padding:0 0 0 6px;
}

#pageContent .width240 {
	float:left; 
	width:240px;
}

#pageContent .width170 {
	float:left; 
	width:170px;
}	
	
#pageContent .teaser170 {
	width:170px; 
	padding:4px 0px 6px 0px; 
	float:left;
}
	
#pageContent #width13pad06 {
	float:left; 
	width:13px; 
	padding:0 6px
}

#pageContent #width139 {
	float:left; 
	width:139px;
}
  
#pageContent #teaser #pad0 {
	padding:0 0 0 0;
}
	
	 
#pageContent #teaser #link11{
	font-size:11px;
}


#pageContent #acctop {
	width:350px; 
	margin:6px 0px; 
	float:left;
}
#pageContent #acctop ul{
	margin-right:0px;
	padding:0px;
}

#pageContent p.marg0b {
	margin-right:0px;
	font-weight:bold;
}

#pageContent p.marg0 {
	margin-right:0px;
}

#pageContent #accbottom {
	padding:30px 6px 6px 6px;
	clear:both;
}

#pageContent #accimages {
	width:370px;
	_width:370px;
	margin:0px;
	margin-top:8px;
	float:left;
}
#pageContent #accimages img {
	margin-left:6px;
	margin-bottom:6px;
	float:left;
}

#pageContent #accimages p {
	clear:left;
	margin-right:6px;
	margin-left:6px;
	_margin-left:12px;
}

#pageContent #teaser div.listGroup {
	background-image:url('pfeil-dark-teaser.gif');
	background-repeat:no-repeat;
	background-position: 0px 3px;
	padding-left:12px;
	margin-left:6px;
}



/*listGroupNew*/
div.listGroupE3 {
	background-color:#CCECD8;
	float:left;
	width:540px  !important;
	width:537px;
}

div.listGroupE3.sec {
	background-color:#D4D4D4;
}
.listGroupE3 .listGroupE31 {
	clear:left;
	padding-bottom:12px;
	width:534px;
	background-color:#CCECD8;
}

.listGroupE3 .listGroupE31.sec {
	
	background-color:#D4D4D4;
}


div.listGroupImg {
	float:left;
	padding-top:6px;
	padding-left:6px;
}

div.listGroupArr {
	float:left;
	padding-top:8px;
	padding-left:12px;
}

div.listGroupTxt {
	width:440px;
	float:left;
	padding-top:6px;
	padding-left:6px;
}

.listGroupTxt h3 {
	margin:0;
	padding:0;
}

#pageContent .listGroupTxt h3 a {
	margin:0;
	padding:0;
	background:none;
	font-size:15px;
}

#pageContent p.listGroupTxt1 {
	margin:0;
	padding:0;
	padding-bottom:12px;
	font-size:11px;
}

#pageContent .listGroupTxt img {
	display:inline;
}
#pageContent p.listGroupTxt2 {
	margin:0;
	padding:0;
	padding-top:12px;
	font-size:11px;
	padding-bottom:12px;
}

#pageContent .listGroupTxt2 p a{
	margin:0;
}
div.results {
	scrollbar-3dlight-color:#BEBEBE;
	scrollbar-arrow-color:#00664A;
	scrollbar-base-color:#FFFFFF;
	scrollbar-darkshadow-color:Black;
	scrollbar-face-color:#A7DCBC;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#999999;
	scrollbar-track-color:#C8D7CF;
	margin-left:6px;
	background-color:#E0EDE6;
	width:528px;
	height: 184px !important;
	height:250px;
	overflow-y:auto;
	overflow-x:hidden;
}


div.results.sec {
	height: 108px !important;
	height:174px;
}

div.resultsCont {
	width:528px;
	background-color:#E0EDE6;
	margin-right:6px;
	padding-bottom:6px;
}

.listingCont {
	clear:left;
	padding-bottom:12px;
	margin-left:6px;
	width:528px;
}

.resultsImg {
	float:left;
	padding-top:6px;
}

.resultsImgArr {
	float:left;
	padding-top:8px;
	padding-left:6px;
}

.resultsTxt {
	float:left;
	padding-top:6px;
}

.resultsTxt h3 {
	margin:0;
	padding:0;
	font-size:12px;
}

#pageContent .resultsTxt a {
	margin:0;
	padding:0;
	background:none;
	font-size:12px;
}

#pageContent .resultsTxt p {
	margin:0;
	padding:0;
}

#pageContent .resultsPaging {
	padding-left:6px;
	margin-top:6px;
	width:528px;
	clear:left;
	margin-bottom:12px;
}


#pageContent p.resultsPagingBck {
	background-image:url('pfeil-dark.gif');
	background-repeat:no-repeat;
	background-position:6px 1px;
	float:left;
	width:164px;
	margin:0;
	padding:0;
	padding-left:12px;
}

#pageContent p.resultsPagingBck a {
	margin:0;
	padding:0;
	background:none;
	font-size:12px;
}

#pageContent p.resultsPagingCtn {
	float:left;
	width:176px;
	margin:0;
	padding:0;
	text-align:center;
}

#pageContent p.resultsPagingNxt {
	background-image:url('pfeil-dark.gif');
	background-repeat:no-repeat;
	background-position:168px 1px;
	float:left;
	width:164px;
	margin:0;
	padding:0;
	padding-right:12px;
	text-align:right;
}

#pageContent p.resultsPagingNxt a {
	margin:0;
	padding:0;
	background:none;
	font-size:12px;
}





#breadcrumbfst {
	margin-left:6px;
	width:714px;
	height:18px;
	background-color:#00664A;
	margin-top:18px;
}

#breadcrumbfst a {
	color:white;
	margin-left:2px;
	padding-right:12px;
	font-weight:bold;
}


#breadcrumbfst img{
	display:inline;
}

#breadcrumbfst a.breadcrumbHl {
	padding-left:6px;
	color:white;
	padding-right:12px;
}


h1.ctrySelectH1 {
	color:#FFFFFF;
	background-color:#00664A;
	height:36px;
}

div.ctrySelectDiv1 {
	width:900px;
	height:128px;
	background-image:url('countryselect_bottom.jpg');
	background-repeat:no-repeat;
}

.ctrySelectDiv1 p {
	padding-top:20px;
	margin-left:100px;
	font-size:12px;
	font-family:Arial,sans-serif;
	color:#00664A;
}

.ctrySelectDiv1 select {
	margin-top:6px;
	margin-left:100px;
}