/*#######################################################################*\

	Developed by 		: MATTMO CONCEPT | DESIGN
	Version				: 1.00
	Modification by		: Jerry van Heerikhuize
	Description			: Private stylesheet

\*#######################################################################*/

/*-----------------------------------------------------------------------*\
	AANBIEDINGEN
\*-----------------------------------------------------------------------*/

/* Detailpagina */
.adbox_detail_big {
	background-color: #FFF;
	border: 1px solid #e6e803;
	
	
	
	
}

div.adbox_detail
{
	position: relative;
	min-height: 380px;
	position: relative;
	width: 464px;
	height: 380px;
}

div.adbox_detail img.main_big
{
	position: absolute;
	top: 0px;
	left: 0px;
}

div.adbox_detail div.title
{
	position: absolute;
	top: 20px;
	left: 144px;
}

div.adbox_detail h1.title
{
	text-transform: uppercase;
	font-size: 30px;
	line-height: 90%
}

div.adbox_detail p.caption
{
	text-transform: uppercase;
	width: 300px;
}

div.adbox_detail img.price
{
	position: absolute;
	top: 100px;
	left: 80px;
}

div.adbox_detail ul.specs
{
	position: absolute;
	top: 240px;
	left: 144px;
}

div.adbox_detail ul.specs li
{
	_list-style-position: inside;
}


div.adbox_detail img.status
{
	position: absolute;
	top: 105px;
	left: 350px;
}

div.adbox_detail p.text
{
	position: absolute;
	top: 240px;
	left: 20px;
	width: 108px;
}

div.adbox_detail div.logos
{
	position: absolute;
	top: 320px;
	left: 20px;
}

div.adbox_detail div.logos img { margin-right: 5px; }

div.adbox_detail p.footer
{
	color: #918f8f;
	font-style: italic;
	position: absolute;
	top: 350px;
	left: 20px;
}

div.adbox_detail p.footer a
{
	text-decoration: underline;
	color: #918f8f;
}

div.adbox_detail div.bestel
{
	position: absolute;
	top: 338px;
	left: 350px;
}

/* Related */
div.related{
	margin-top:18px;
	background-color: #FFF;
	border: 1px solid #e6e803;
}

div.related h3 {
	font-size:18px;
	margin: 10px 10px;
}

div.adbox_related
{
	background-color: #FFF;
	position: relative;
	min-height: 230px;
	width: 240px;
	height: 230px;
	
}

div.adbox_related img.main_small
{
	position: absolute;
	top: 0px;
	left: 0px;
}

div.adbox_related div.title
{
	position: absolute;
	top: 10px;
	left: 100px;
}

div.adbox_related h2.title
{
	text-transform: uppercase;
	font-size: 12px;
}

div.adbox_related img.status
{
	position: absolute;
	top: 80px;
	left: 180px;
}

div.adbox_related img.price
{
	position: absolute;
	top: 40px;
	left: 50px;
}

div.adbox_related ul.specs
{
	position: absolute;
	top: 130px;
	left: 100px;
	list-style-type: disc;
}

div.adbox_related ul.specs li
{
	_list-style-position: inside;
	width: 105px;
}


div.adbox_related div.bestel
{
	position: absolute;
	top: 175px;
	left: 10px;
}


/* home pagina big */
div.adbox_home_big
{
	background-color: #FFF;
	position: relative;
	min-height: 400px;
	width: 356px;
	height: 420px;
	border: 1px solid #e6e803;
}

div.adbox_home_big img.main_big
{
	position: absolute;
	top: 0px;
	left: 0px;
}

div.adbox_home_big div.title
{
	position: absolute;
	top: 20px;
	left: 144px;
}

div.adbox_home_big h1.title
{
	text-transform: uppercase;
	font-size: 20px;
}

div.adbox_home_big p.caption
{
	text-transform: uppercase;
	width: 190px;
}

div.adbox_home_big img.price
{
	position: absolute;
	top: 100px;
	left: 80px;
}

div.adbox_home_big ul.specs
{
	position: absolute;
	top: 240px;
	left: 144px;
}

div.adbox_home_big ul.specs li
{
	width:150px;
	__list-style-position: inside;
}

div.adbox_home_big img.status
{
	position: absolute;
	top: 175px;
	left: 260px;
}

div.adbox_home_big img.accessory
{
	position: absolute;
	top: 70px;
	left: 290px;
}

div.adbox_home_big p.text
{
	position: absolute;
	top: 240px;
	left: 20px;
	width: 108px;
}

div.adbox_home_big div.logos
{
	position: absolute;
	top: 320px;
	left: 20px;
}

div.adbox_home_big div.logos img { margin-right: 5px; }

div.adbox_home_big p.footer
{
	color: #918f8f;
	font-style: italic;
	position: absolute;
	top: 350px;
	left: 20px;
}

div.adbox_home_big p.footer a
{
	text-decoration: underline;
	color: #918f8f;
}

div.adbox_home_big div.bestel
{
	width: 100%;
	border-top: 1px solid #e9e8e8;
	height: 50px;
	position: absolute;
	top: 365px;
	left: 0px;
}

div.adbox_home_big div.bestel img
{
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}

/* Home small */
div.adbox_home_small
{
	background-color: #FFF;
	position: relative;
	min-height: 200px;
	height: 230px;
	border: 1px solid #e6e803;
	width: 240px;
}

div.adbox_home_small img.main_small
{
	position: absolute;
	top: 0px;
	left: 0px;
}

div.adbox_home_small div.title
{
	position: absolute;
	top: 10px;
	left: 100px;
}

div.adbox_home_small h2.title
{
	text-transform: uppercase;
	font-size: 12px;
}

div.adbox_home_small img.price
{
	position: absolute;
	top: 40px;
	left: 50px;
}

div.adbox_home_small img.status
{
	position: absolute;
	top: 80px;
	left: 180px;
}

div.adbox_home_small ul.specs
{
	position: absolute;
	top: 130px;
	left: 100px;
}


div.adbox_home_small ul.specs li
{
	_list-style-position: inside;
	width: 105px;
}

div.adbox_home_small div.bestel
{
	position: absolute;
	top: 185px;
	left: 10px;
}

	
/*-----------------------------------------------------------------------*\
	TABS
\*-----------------------------------------------------------------------*/

td.tab
{
	font-weight: bold;
	text-align: center;
	width: 106px;
	height: 31px;
	background-image: url(../media/images/tab.gif);
}

td.tab_selected
{
	font-weight: bold;
	text-align: center;
	width: 106px;
	height: 31px;
	background-image: url(../media/images/tab_selected.gif);
}

/* Tab kenmerken */


dl.table-display
{
	margin: 2em 0;
	padding: 0;
}

.table-display dt
{
	width: 160px;
	float: left;
	margin: 0 0 0 0;
	padding: .5em .5em .5em 1.8em;
	font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }

/* end hack */
.table-display dd
{	width:264px;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;

}

dd.grey, dt.grey{
	background-color: #ebe8e5;
}




/* Tab info */
div.info
{
	margin: 20px;
	min-height: 300px;
}

/* Tab media */
div.media
{
	margin-top: 20px;
	margin-left: 20px;
	min-height: 300px;
}

ul.images { list-style-type: none; }

ul.images li
{
	border: 1px solid #ebe8e5;
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 5px;
}

/*-----------------------------------------------------------------------*\
	EXTRAS & ACCESSORIES
\*-----------------------------------------------------------------------*/

div.bundle_detail { padding:10px 20px }

div.bundle_detail h3
{
	font-size: 24px;
	color: #9b8b7c;
	font-size: 24px text-transform: uppercase;
}

div.bundle_detail p
{
	font-size: 14px;
	color: #9b8b7c;
	text-transform: uppercase;
}



div.accessory_detail { }

div.accessory_detail h3
{
	font-size: 24px;
	color: #9b8b7c;
	font-size: 24px text-transform: uppercase;
}

div.accessory_detail p
{
	font-size: 14px;
	color: #9b8b7c;
	text-transform: uppercase;
}

div.accessory_detail table
{
	margin: 0px auto;
	width: 250px;
}

div.accessory_detail table td.image { width: 130px; }


div.extra_detail { }

div.extra_detail h3
{
	font-size: 24px;
	color: #9b8b7c;
	font-size: 24px text-transform: uppercase;
}

div.extra_detail p
{

}

div.extra_detail ul
{
	margin: 20px 0px;
}

div.extra_detail table
{
	margin: 10px 20px;
	width: 400px;
}







/*-----------------------------------------------------------------------*\
	VARIOUS
\*-----------------------------------------------------------------------*/
div.bottom_space {
	height:30px;
}

div.bottom_space hr{
	display:none;
}

div.dotted {
	height: 7px;
	background-image: url(../media/images/hr_dotted.gif);
	background-repeat: repeat-x;
	background-position: 2px 0px;
}

div.dotted hr {
	display:none;
}

div.box_static
{
	background-color: #FFF;
	position: relative;
	min-height: 400px;
	border: 1px solid #e6e803;
	padding:18px;
}

div.box_static p
{
margin: 10px 0px;
}