html   
{
	/*background: url(/images/bground_grey_gradient.gif) repeat-x #F7F7F7;*/
	/*margin: 0;*/
    /*padding: 50;*/
    /*font-family: Tahoma, Verdana, Arial, Generic;*/
    /*font-size: small;*/
}

body   
{
	background: url(/images/bground_grey_gradient.gif) repeat-x #F7F7F7;
	margin: 0;
    /*padding: 50;*/
    font-family: Tahoma, Verdana, Arial, Generic;
    font-size: small;
}

table  
{
    color:Black;
    background-color:White;
    font-family: Tahoma, Verdana, Arial;
    font-size: small;
/*  	float: none; */
	clear: none;
	}

#errMsg
{
	position:absolute;
	top: 10px;
	left: 10px;
	color:Red;
    background-color:White;
    border-style:double;
    padding: 10px;
    z-index:1;
}

.tableHeader
{
    color:White;
    background-color:#c0c0c0;
    font-weight:bold;
    padding:2px;
}

.menuIcon
{
	text-align:center;
    vertical-align:middle;
    padding-left:10px;
}

#pageTitle 
{
	clear:left;
	color:White;
	background-color:#c0c0c0;
    font-family:Arial;
    font-size:medium;
    font-weight:bold;
	text-transform:uppercase;
    padding: 10px 0px 0px 10px;
}

#pageTitle a
{
    color:White;
    font-size:small;
    font-weight:normal;
    text-decoration:none;
}

#pageTitle a:hover
{
    text-decoration:underline;
}

.pageContent
{
    padding:10px;
}


#categoryTitle 
{
    color:White;
    background-color:#c0c0c0;
    font-family:Arial;
    font-size:medium;
    font-weight:bold;
    float:left;
    width:100%;
    padding-top:10px;
}

#categoryTitle a
{
    color:White;
    text-decoration:none;
}

#categoryTitle a:hover
{
    text-decoration:underline;
}

#newsOnHomepage
{
    color:White;
    background-color:#AF0D70;
    padding: 5px;
    overflow: auto;
}

#newsOnHomepage .article 
{
    float:none;
    border-bottom: dotted 1px #c0c0c0;
}

#newsOnHomepage a
{
    color:White;
    font-weight:bold;
}

#newsOnHomepage .mover
{
    background-color:#880D70;
    cursor:pointer;
}

#newsOnHomepage .mout
{
    background-color:#AF0D70;
    cursor:default;
}

.news 
{
    width:100%;
    float:left;
    border-bottom: dotted 1px #c0c0c0;
}

.title
{
    font-weight:bold;
}

.article 
{
    padding-bottom: 5px;
}

.searchResult .mover
{
    background-color:#eeeeee;
    cursor:pointer;
}

.searchResult .mout
{
    background-color:White;
    cursor:default;
}

.address
{
    text-align:left;
    color: Gray;
    margin-top:40px;
    margin-left:10px;
}

.productTeaser
{
    /* the size is defined by the background image */
    width: 190px;
    height: 150px;
    background-image: url(/images/pbground.gif);
    background-repeat: no-repeat;
    background-position: center;
    padding: 5px;
    float:left;  /* this will prevent inline images going over div borders */
    text-align: center;
    vertical-align:middle;
    cursor:pointer;
}

.productTeaser .productName
{
    color: Gray;
}

.productTeaser .productImage
{
    margin:10px;
    width: 150px;
    height: 100px;
}

.product
{
    padding: 5px;
}

.subSection
{
    font-weight:bold;
    border-bottom: solid 1px #c0c0c0;
}

.category
{
    visibility:hidden;
    float:left;
    margin:0.5em;
    padding:0.5em;
    width:92%;
}

.categoryImage
{
    float:left;  /* this will prevent inline images going over div borders */
}

.categoryName
{
    font-weight:bold;
    padding: 5px 5px 5px 0px;
}

.subCategories
{
    padding-right:5px;
}

.category a
{
	color:Gray;
	text-decoration: none;
}

.category a:hover
{
	text-decoration: underline;
}


#leftColumn
{
    float:left;
    margin:5px;
	width:47%;
}

#rightColumn
{
    float:right;
    margin:5px;
	width:47%;
}

.productList
{
    color: Gray;
	border: solid 1px #c0c0c0;
	float:left;
    margin:8px 0px 8px 0px;
    padding: 5px;
/*    word-wrap:break-word;
	*/
	width:96%;
    visibility:hidden;
}

.productList img
{
	border:none;
	margin:5px;
}

.productList a
{
	color:Gray;
	text-decoration: none;
}

.productList a:hover
{
	text-decoration: underline;
}

.iconOn
{
    display: inline-block;
    border: solid 1px white;
    vertical-align: middle;
    padding: 1px 5px 1px 5px;
    margin: 1px 5px 1px 5px;
}

.iconOff
{
    display:inline-block;
    border:solid 1px gray;
    vertical-align:middle;
    padding: 1px 5px 1px 5px;
    margin: 1px 5px 1px 5px;
}

#categoryTabs
{
    line-height:0.8;
    width:100%;
    color:White;
    font-family:Arial;
    font-size:small;
    font-weight:bold;
}

.categoryTab
{
    float:left;
    width:115px;
    top: 5px;
}

.firstLetter
{
    font-size:xx-large;
}

.afterFirstLetter
{
    position:relative;
    top: -3px;
}

.categoryTab a
{
    color:White;
	text-decoration: none;
}

.categoryTab a:hover
{
	text-decoration: underline;
}


.workshop a
{
    color:gray;
	text-decoration: none;
}

.workshop a:hover
{
	text-decoration: underline;
}


#xsnazzy {background: transparent; width:60%}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#f0f0f0; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0;}
.xb1 {margin:0 5px; background:#c0c0c0;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {background:#f0f0f0; border:0 solid #c0c0c0; border-width:0 1px;}

.category #xsnazzy {float:right; }
.category .xboxcontent {text-align:right;}



#popUpDiv 
{
	display:none;
	float:left;
	position:absolute;
	background-color:#f0f0f0;
	border:solid 1px gray;
	top: 15%;
	left:45%;
	width:260px;
	height:200px;
	z-index: 9999;
	padding:20px;
}