/********************************************************************
* Style definition													*
********************************************************************/

body
    {
		margin: 0px;
		padding: 0px;
		background-color: #DDDDDD;
    }
#websiteOuterLimit
    {
		font-family: Tahoma, sans-serif;
		font-size: 12px;
		color: #333333;
    }

#footerBox
    {
		font-size: 11px;
		color: #595959;
    }

h1
    {
		font-size: 16px;
		color: #819D3B;
    }

h2
    {
		font-size: 14px;
		color: #97B14E;
    }

img
{
	border:none;
}

.center
{
	text-align:center;
}

#middleBox .noLinkUnderline a,#middleBox .noLinkUnderline a:hover
{
	border:none;
}

/********************************************************************
* Subnavi Style														*
********************************************************************/

#subNaviBox a, #subCategBox a
    {
		color: #333333;
		text-decoration: none;
		border-bottom: 1px solid #84B82F;
    }

#subNaviBox a:hover, #subCategBox a:hover
    {
		color: #84B82F;
		border-bottom: 1px solid #333333;
    }

#subNaviBox a.selected, #subCategBox a.selected
    {
		color: #84B82F;
    }
    
#skype
{
	position:relative;
	margin-right:20px;
	top:5px;
}    
/* Def END *********************************************************/


/********************************************************************
* Navigation Style													*
********************************************************************/

#naviBox #leftBox #links ul, #naviBox #leftBox #links li
    {
		margin: 0px;
		padding: 4px 0px;
		list-style: none;
		text-align: right;
		text-transform: uppercase;
    }

#naviBox #leftBox #links li a
    {
		color: #FFFFFF;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
    }

#naviBox #leftBox #links li a:hover, #naviBox #leftBox #links li a.selected
    {
		color: #1A171B;
    }


/* Def END *********************************************************/


/********************************************************************
* Middlebox Navigation style										*
********************************************************************/

#middleBox a
    {
		color: #333333;
		text-decoration: none;
		border-bottom: 1px solid #84B82F;
    }

#middleBox a:hover
    {
		color: #84B82F;
		border-bottom: 1px solid #333333;
    }

#middleBox .noLinkBorderContainer a
{
	border-bottom:none;
}
    

/* Def END *********************************************************/


/********************************************************************
* Bottombox Navigation Style										*
********************************************************************/

#bottomBox a.img
    {
		border: none;
    }

#bottomBox a.img:hover
    {
		border: none;
    }

#bottomBox a
    {
		color: #333333;
		text-decoration: none;
		border-bottom: 1px solid #84B82F;
    }

#bottomBox a:hover
    {
		color: #84B82F;
		border-bottom: 1px solid #333333;
    }
/* Def END *********************************************************/






.clearence
    {
        clear: both;
    }


/* Def END *********************************************************/


/********************************************************************
* Layout definition													*
********************************************************************/

#websiteOuterLimit
	{
		position: relative;
		top:0px;
		left: 50%;
		width: 1000px;
		height: auto;
		margin-left: -500px;
	}

#topBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 1000px;
		height: 422px;
		background: url('../gfx/h-main_01.jpg') 0 0 no-repeat;
	}

#topBox a.img
    {
		border: none;
    }
	

/*
#claimBox
    {
		position: absolute;
		top: 140px;
		left: 395px;
		width: 230px;
		height: 30px;
		border: 0px solid red;
    }
*/

#subNaviBox
    {
		position: absolute;
		top: 145px;
		left: 390px;
		width: 430px;
		height: 20px;
		text-align: right;
    }

#naviBox
    {
		position: absolute;
		top: 180px;
		left: 132px;
		width: 735px;
		height: 240px;
    }

#naviBox #leftBox
    {
		position: relative;
		top: 0px;
		left: 0px;
		width: 247px;
		height: 219px;
		background: url('../gfx/navi_plate_01.png') 0 0 no-repeat;
 		float: left;
   }

#naviBox #leftBox #links
    {
		position: relative;
		top: 0px;
		left: 0px;
		width: 140px;
		height: 180px;
		margin: 15px 0px 0px 65px;
    }


#naviBox #rightBox
    {
		position: relative;
		top: 0px;
		left: 0px;
		width: 488px;
		height: 219px;
		background: url('../gfx/navi_plate_02.png') 0 0 no-repeat;
		float: left;
    }

#naviBox #rightBox #topZoneBox
    {
		position: relative;
		top: 0px;
		left: 0px;
		width: 468px;
		height: 202px;
		margin: 12px 0px 0px 16px;
    }

#subCategBox
    {
		position: relative;
		top: 0px;
		left: 0px;
		min-width: 475px;
		height: auto;
		margin: 5px 0px 0px 120px;
		float:right;
    }


#middleBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 1000px;
		height: auto;
		background: url('../gfx/h-main_02.jpg') 0 0 repeat-y;
	}


#contentBox
    {
		position: relative;
		top: 0px;
		left: 0px;
		width: 735px;
		height: auto;
		margin-left: 130px;
		border: 1px solid #F1F1F1;
		padding-bottom:1px;
    }


#sideCoverLeft
   {
		position: absolute;
		top: -50px;
		left: 52px;
		width: 49px;
		height: 97px;
		border: 0px solid red;
   }

#sideCoverRight
   {
		position: absolute;
		top: -50px;
		left: 898px;
		width: 50px;
		height: 97px;
		border: 0px solid red;
   }


#bottomBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 1000px;
		height: 188px;
		background: url('../gfx/h-main_03.jpg') 0 0 no-repeat;
	}

#bottomBox #footerBox
    {
		position: absolute;
		top: 10px;
		left: 130px;
		width: 735px;
		height: 70px;
		text-align: center;
    }


/* Def END *********************************************************/


/********************************************************************
* Table listing style												*
********************************************************************/

table.listing
	{
		border: 1px solid #53711A;
		border-collapse: collapse;
		width: 85%;
		margin:auto;		
	}
#middleBox table.listing a.img
{
	border:none;
}	
table.listing a.img img
{
	border:1px solid #AAAAAA;
}	
table.listing .header, #middleBox table.listing .header a
     {
          color: #F7FBEE;
          background-color: #54711A;
     }	

table.listing .AI
	{
		background-color: #B8CF6B;
	}

table.listing .I
	{
		background-color: #F2F4EC;
	}

table.listing td, table.listing th
	{
		padding: 5px;
	}
	
table.listing .red
{
	color:#AA0000;
}
table.listing .orange
{
	color:#BB7700;
}
table.listing .found
{
	font-weight:bold;
}


/* Def END *********************************************************/


/********************************************************************
* Pager style														*
********************************************************************/

#contentBox table.pager
{
	margin:auto;
	margin-top:5px;
	font-size:10px;	
}
#contentBox table.pager td
{
	border: 1px solid #54711A;
	width:12px;
	height:12px;
	text-align:center;
}
#contentBox table.pager a
{
	width:12px;
	height:12px;
	text-decoration:none;
	border:none;
	display:block;
}
#contentBox table.pager td.current
{
	background-color:#54711A;
	color:#F7FBEE;
}

/* Def END *********************************************************/


/********************************************************************
* Product Search style														*
********************************************************************/

#searchProducts
{
	margin:10px;
}

/* Def END *********************************************************/


/********************************************************************
* ImageBox style														*
********************************************************************/

div.imageBox img
{
	float:left; margin:2px;
}
/*
div.imageBox a, div.imageBox a:hover 
{
	border:none;
}
*/


/* Def END *********************************************************/

/********************************************************************
* AddToBasket-Box style														*
********************************************************************/

input.atb
{
	text-align:right;
	width:20px;
}

/* Def END *********************************************************/


/********************************************************************
* Link-Target for Logo												*
********************************************************************/

#logoLink
{
    position: absolute;
    top: 85px;
    left: 140px;
    width: 240px;
    height: 80px;    
    z-index: 10;
}
/* Def END *********************************************************/

