html, body
   	{
        background: #FFFFFF url(http://shop.tsc-dvd.be/viewimage/image/background_gradient/none.tsc) repeat-x left top;

        font-family: freesans, tahoma, arial;
		font-size: 11px;
		color: #404040;

		height: 100%;
		min-height: 100%;

        padding: 0px;
        margin: 0px;
    }

input, select, option, submit, textarea
    {
        background-color: #F0F0F0;

        font-family: freesans, tahoma, arial;
        font-size: 11px;
        color: #404040;
    }

/* to avoid empty line at start an end of a form in IE */
form
	{
		display: inline;
 	}

a	{
		text-decoration: none;
		background:	transparent;
		border: none;
	}

li
    {
        margin-left: 12px;
        padding-left: 2px;
    }
    
a:link
	{
 		color:	#404040;
	}
a:visited
	{
 		color:	#000000;
	}
a:hover
	{
		color:	#973122;
	}

img	{
		border: none;
		margin: 0px;
		padding: 0px;
	}

div
	{
		margin: 0px;
		padding: 0px;
	}

table
	{
		margin: 0px;
		padding: 0px;
		border-collapse: collapse;
	}

.inputtext
    {
        border: 1px solid #D0D0D0;
        padding: 2px;
        vertical-align: top;
    }

.sbutton
    {
        background: #FFFFFF url(http://shop.tsc-dvd.be/viewimage/image/background_warning/none.tsc) repeat-x left top;
        border: 1px solid #D0D0D0;
		margin: 0px;
		padding-top: 2px;
		padding-bottom: 2px;
        padding-left: 4px;
        padding-left: 4px;
    }

/* ----------------------------------------------------------------------------------------------------------------- */
/* main layout containers */

div.maincontainer
	{
		background: #FFFFFF url(http://shop.tsc-dvd.be/viewimage/image/background_plain/none.tsc) no-repeat left top;
		width: 900px;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		border: solid #000000;
		border-width: 1px 1px 1px 1px;
	}

	div.headercontainer
		{
			position: relative;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 160px;
			border: none;
		}

	div.bodycontainer
		{
			position: relative;
			float: left;
			left: 0px;
			top: 0px;
			width: 800px;
			border: none;
		}

		div.leftcontainer
			{
				position: relative;
				float: left;
				top: 0px;
				width: 200px;
				border: none;
			}

		img.leftblankimg
			{
				border: none;
				padding: 0px;
				margin: 0px;
				width: 199px;
				height: 900px;
			}

		div.middlecontainer
			{
				position: relative;
				float: right;
				margin-bottom: 8px;
				width: 598px;
				height: 100%;
				border: none;
				text-align: center;
			}

	div.rightcontainer
		{
			position: relative;
			float: right;
			width: 100px;
			min-height: 950px;
			overflow: auto;
			border: none;
			text-align: center;
		}

div.footercontainer
	{
		position: relative;
		left: 0px;
		top: 0px;
		margin-bottom: 4px;
		padding : 3px;
		border: none;
		text-align: center;
	}

/* ----------------------------------------------------------------------------------------------------------------- */
/* requester box */

div.requesterbox
	{
		position: relative;
		width: 545px;
		margin-left: auto;
		margin-right: auto;
		border: none;
	}

div.requesterhead
	{
		margin: 0px;
		padding: 4px;
		border: solid 1px #D0D0D0;
		text-align: left;
		font-weight: bold;
	}

div.requesterbody
	{
		position: relative;
		top: 4px;
		margin: 0px;
		padding: 8px;
		text-align: center;
		border: solid 1px #D0D0D0;
	}

.errorbackground
	{
        background: #FFFFFF url(http://shop.tsc-dvd.be/viewimage/image/background_error/none.tsc) repeat-x left top;
	}

.warningbackground
	{
        background: #FFFFFF url(http://shop.tsc-dvd.be/viewimage/image/background_warning/none.tsc) repeat-x left top;
	}

.errorbackgroundcolor
	{
		background-color: #E05050;
	}

.warningbackgroundcolor
	{
		background-color: #E0E0E0;
	}
/* ----------------------------------------------------------------------------------------------------------------- */
/* query box */

div.queryitembox
	{
		position: relative;
		width: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4px;
		margin-bottom: 0px;
	}

div.queryitemheader
	{
		background-color: #FFFFFF;
		text-align: left;
		margin: 0px;
		padding: 0px;
	}

div.queryitemdata
	{
		position: relative;
		left: 0px;
		top: 1px;
		border: none;
		margin: 5px;
	}

table.queryoverview
	{
		border: none;
		padding: 0px;
		margin: 0px;
		width: 100%;
	}

td.queryitemdatacategory
	{
		text-align: left;
		border: none;
		padding: 2px;
		margin: 2px;
	}

td.queryitemdatacontent
	{
		text-align: left;
		border: none;
		padding: 2px;
		margin: 2px;
		width: 100%;
	}

img.expandarrow
	{
		border: none;
		vertical-align: middle;
		padding: 0px;
		margin: 1px;
	}

img.gradientline
	{
		position: relative;
		top: 1px;
		float: left;
		width: auto;
	}

img.queryitemdatacover
	{
		border: 1px solid #C0C0C0;
		margin: 5px;
	}

/* ----------------------------------------------------------------------------------------------------------------- */
/* media detail view */

td.mediadetail
	{
		border: none;
		text-align: left;
        vertical-align: middle;
		margin: 2px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 3px;
		padding-right: 3px;
	}

td.mediadetailimg
	{
		border: none;
		width: 50%;
	}

img.detailimg
	{
		border: 1px solid black;
		margin: 0px;
		padding: 0px;
	}

.mediadetailprice
	{
		font-size: 12px;
		font-weight: bold;
		padding: 3px;
	}
/* ----------------------------------------------------------------------------------------------------------------- */

div.statusdiv
    {
        position: absolute;
        border: none;
        top: 130px;
        left: 240px;
        width: 550px;
        margin: 0px;
        padding: 2px;
        text-align: center;
    }

div.menudiv
    {
        position: absolute;
        border: none;
        top: 62px;
        left: 272px;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

img.menuimg
    {
        float: left;
        border: none;
        padding: 0px;
        margin: 0px;
    }

div.banner
	{
		border: none;
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		margin-bottom: 5px;
	}

img.logoimg
    {
        border: none;
        padding-left: 2px;
        padding-right: 2px;
        vertical-align: baseline;
    }

.lightbottomline
	{
		border-bottom: 1px solid #E0E0E0;
	}

.collapsed
    {
        display: none;
    }

.unfolded
    {
        display: block;
    }

.smallfont
	{
		font-size: 10px;
	}

.mediumfont
	{
		font-size: 14px;
	}

.largefont
	{
		font-size: 18px;
	}

.leftalign
	{
		text-align: left;
	}

.rightalign
	{
		text-align: right;
	}

.centeralign
	{
		text-align: center;
	}
.vertalign
    {
        vertical-align: middle;
    }

.nowrap
	{
		white-space: nowrap;
	}

.dottedleft
	{
		border-left: 1px dotted #C0C0C0;
	}

.dottedright
	{
		border-right: 1px dotted #C0C0C0;
	}

.bold
	{
		font-weight: bold;
	}

.dottedborder
	{
		border: 1px dotted #C0C0C0;
	}

.solidborder
    {
        border: 1px solid black;
    }

.fullwidth
    {
        width: 100%;
    }

.width10
    {
        width: 10%;
    }

.width20
    {
        width: 20%;
    }

.width25
    {
        width: 25%;
    }

.autowidth
	{
		width: auto;
	}

.horpadding
	{
		padding-left: 2px;
		padding-right: 2px;
	}

.imgborder
	{
		border: 1px black solid;
	}

.tscred
	{
		color: #973122;
	}

.colorred
	{
		color: #FF0000;
	}

.colororange
	{
		color: orange;
	}

.colorgreen
	{
		color: green;
	}

.submitbutton
	{
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 2px;
		padding-top: 8px;
		text-align: center;
	}

img.collectionbutton
	{
		float: left;
		padding-bottom: 8px;
	}

img.companybutton
	{
		padding-bottom: 4px;
	}

img.adminsectionbanner
    {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        border: none;
    }

.frontpagebanner
    {
        margin-top: 8px;
        margin-bottom: 8px;
        margin-left: auto;
        margin-right: auto;
        border: none;
    }

.frontpagetablebanner
    {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        border: none;
    }

/* ----------------------------------------------------------------------------------------------------------------- */

.basketitem
	{
		margin: 1px;
		padding: 2px;
	}

.ordertrackitem
    {
        margin: 0px;
        padding: 3px;
        text-align: center;
    }
    
.mailtable
    {
        background: #FFFFFF;
        width: 700px;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #000000;
        padding: 8px;
    }

.mailtd
    {
        background: #FFFFFF;
        margin: 8px;
        padding: 8px;
        color: #000000;
    }
    
.trailertd
    {
        border: dotted 1px #D0D0D0;
        margin: 0px; 
        padding: 4px;
        vertical-align: top;
    }
    
.hardwareoverviewpadding
    {
        padding: 4px;
    }