.main-container
{
	width: 1000px;
	margin:0px auto;
}

.Top
{
	background-color: White;
	height: 140px;
}

.Logo
{
	background-color: #fff500;
	width : 700px;
	height : 100px;
	margin : 5px 0px 0px 5px;
	cursor : pointer;
	text-align: left;
}

.SmallBasket
{
	background-color: #fff500;
	background-image: url('Images/cart.jpg');
	margin : 5px 5px 0px 5px;
	width : 265px;
	height : 100px;
	text-align: left;	
}

.SmallBasketPopout
{
	position: relative;
	width: 250px;
	left : 10px;
	display: none;
}

.FadeLeft
{
	background-image: url('Images/FadeLeft.png');
	width: 10px;
}

.FadeRight
{
	background-image: url('Images/FadeRight.png');
	width: 10px;
}

.FadeBottom
{
	background-image: url('Images/FadeBottom.png');
	background-repeat: repeat-x;
	background-position: top;
	min-height: 10px;
	width: 1000px;
	text-align: left;
}

#Page
{
	text-align : left;
	background-color: #FFFFFF;
	color: Black;
}


#Content
{
	padding: 5px;
	min-height: 600px;
}

.PresentationDiv
{
    width: 1024px;
	height : 100%;
	margin: 100px auto auto auto;
	
}

.PopUp
{
	position:fixed;
	visibility:visible;
	width:1000px;
	height:600px;
	margin: auto;
	z-index:10;
	background:#fff;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-500px;
}

.MaskedDiv
{
	
	position: fixed;
	left:0px;
	top:0px;
	width: 100%;
	height: 100%;
	font-family:verdana;
	font-weight:bold;
    z-index:100;
	background-image: url('Images/mask.png');
	/* ieWin only stuff */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Images/Mask.png');
}

/* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
	cursor: pointer;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

.cite 
{
	position: relative;
	width: 50px;
	height: 7px;
	top: 2px;
	background-image : url('Images/tip.gif');
	background-repeat: no-repeat;
	background-position: center;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(Images/tip-rounded.gif) no-repeat 15px 0;
}

/* Pimped Bubble */
div#pimped.bubble {
	font-size: 0.9em;
}
div#pimped.bubble div.rounded {
	color: #fff;
	border: 3px solid #fff;
	background-color: #111;
}
div#pimped.bubble cite.rounded {
	background: transparent url(Images/tip-pimped.gif) no-repeat 15px 0;
}


.MenuBox
{
    color: #444444;
	background-color: #EEEEEE;
	border: solid 1px #DDDDDD;
}

.MenuBox a
{
	color: #444444;
	text-decoration: none;
}

.MenuBoxItem
{
	padding: 5px;
}

.MenuBoxItemSelected
{

}



.MenuTreeView
{
	margin: 5px;
	border: solid 1px #BBBBBB;
	background-color: #DDDDDD;
}

.MenuSeperator
{
	background-color: #DDDDDD;
	height: 1px;
}

body 
{
	font-family: Verdana, Bitstream Vera Sans;
	font-size: 12px;
	color : black;
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	background-color: silver;
    height:100%;
}

a
{
	color : black;
	text-decoration: underline;
}

div.Box
{
	color: #444444;
	background-color: #EEEEEE;
	border: solid 1px #DDDDDD;
}
div.Box .Content
{
	padding: 8px;
}

div.Line
{
	height: 12px;
	background-image: url('Images/RaceFlag.gif');
	background-repeat: repeat;
	border: solid 1px #DDDDDD;
	margin: 5px 0px 5px 0px;
}
.Menu
{
	margin: 5px 5px 5px 5px;
	background-color: #fff500;
}


.PageButton
{
	min-width : 100px;
	height : 25px;
	font-size : 11px;
	font-weight : bold;
	font-family : Verdana;
	text-align : center;
	cursor : pointer;
}

.PageButton a
{
	text-decoration: none;
}

.PageButtonSpacer
{
	width: 2px;
	height: 25px;
	background-color: white;
}

/* .ajax__tab_header - A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_outer - An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
/* .ajax__tab_inner	 - An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
/* .ajax__tab_tab - An element of the tab that contains the text content. Child CSS classes:none. */
/* .ajax__tab_body - A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
/* .ajax__tab_hover - This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_active - This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */   

/* XP IE7 theme - Backgrounds */
.visoft__tab_xpie7 .ajax__tab_header					{ background-color: #FFFFFF; }
.visoft__tab_xpie7 .ajax__tab_outer						{ background-color: #DDDDDD; }
.visoft__tab_xpie7 .ajax__tab_inner						{ background-color: #DDDDDD; }
.visoft__tab_xpie7 .ajax__tab_tab						{ background-color: #AAAAAA; }
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_outer	{ background-color: #DDDDDD; }
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_inner	{ background-color: #DDDDDD; }
.visoft__tab_xpie7 .ajax__tab_hover .ajax__tab_tab		{ background-color: #EEEEEE; }
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_outer	{ background-color: #DDDDDD; }
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_inner	{ background-color: #DDDDDD; }
.visoft__tab_xpie7 .ajax__tab_active .ajax__tab_tab		{ background-color: #EEEEEE; }

/* XP IE7 theme - Other Styles */
.visoft__tab_xpie7 .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:11px; }
.visoft__tab_xpie7 .ajax__tab_outer						{ height:29px; }
.visoft__tab_xpie7 .ajax__tab_inner						{ padding-left:3px; }
.visoft__tab_xpie7 .ajax__tab_tab						{ padding:8px 20px;margin:0; }
.visoft__tab_xpie7 .ajax__tab_body						{ font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #DDDDDD;border-top:0;padding:8px;background-color:#EEEEEE; }



.AdministratorBar
{
	margin-top: 0px;
	height : 25px;
	padding : 0px 5px 0px 5px;
	border-bottom : solid 1px gray;
	background-color : #FF9999;
}

.ProductManagerBar
{
	margin-top: 0px;
	height : 25px;
	padding : 0px 5px 0px 5px;
	border-bottom : solid 1px gray;
	background-color : #ccee99;
}

.SupplierBar
{
	margin-top: 0px;
	height : 25px;
	padding : 0px 5px 0px 5px;
	border-bottom : solid 1px gray;
	background-color : #999CC9;
}

.OrderManagerBar
{
	margin-top: 0px;
	height : 25px;
	padding : 0px 5px 0px 5px;
	border-bottom : solid 1px gray;
	background-color : #999999;
}

.OrderProcessorBar
{
	margin-top: 0px;
	height : 25px;
	padding : 0px 5px 0px 5px;
	border-bottom : solid 1px gray;
	background-color : #999999;
}

.ExtranetBar
{
	min-height : 25px;
	margin-top: 0px;
	padding : 0px 5px 0px 5px;
	border-bottom : solid 1px gray;
	background-color : #99CC99;
}

.ExtranetContent
{
	min-height : 25px;
	margin-top: 5px;
	margin-bottom : 5px;
	padding : 5px 5px 0px 5px;
	background-color : #99BB99;
}

.TagBar
{
	min-height : 25px;
	margin-top: 0px;
	padding : 0px 5px 0px 5px;
	border-bottom : solid 1px gray;
	background-color : #BBBB99;
}

.TagContent
{
	min-height : 25px;
	margin-top: 5px;
	margin-bottom : 5px;
	padding : 5px 5px 0px 5px;
	background-color : #AAAA88;
}

.MarketingBar
{
	margin-top: 0px;
	height : 25px;
	padding : 0px 5px 0px 5px;
	border-bottom : solid 1px gray;
	background-color : #999999;
}

.MediaBar
{
	margin-top: 0px;
	height : 25px;
	padding : 0px 5px 0px 5px;
	border-bottom : solid 1px gray;
	background-color : #BB99BB;
}

.ProductImagePanel
{
	text-align : center;
}


.ProductPanel
{
	padding: 5px;
	background-color: silver;
}

.WebshopContent
{
	padding: 0px 0px 0px 5px;
}