/****** Main Table ******/

.mainTable {width: 100%;}
.mainTable75 {width: 75%;}
.mainTable50 {width: 500px;}
.mainTableCellLeft 		{padding: 10px; vertical-align: top;}
.mainTableCellCenter 	{padding: 10px; vertical-align: top;}
.mainTableCellRight 	{padding: 10px; vertical-align: top;}

.homeGreeting 		{padding: 10px; vertical-align: top;}
.homeGreeting table	{width: 100%;border: 1px solid #CCC;}
.homeGreeting table td	{padding: 5px;}

.introBlock {border: 1px solid #CCC;}
.introBlock td {padding: 6px;}

/****** Main Table ******/

/*******************************************************************************/

/****** Menu ******/

.headerMenu {
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

.headerMenu td#logo  {					/* Background under logo on the site */
	background: url(../images/default/bg-top.gif);
	vertical-align: top;
	}
.headerMenu td#logo img {				/* Logo on the site */
	width: 176px;
	height: 81px;
	border: 0px solid #333;
	background: url(../images/default/logo.gif);
	}
	
.headerMenu td#menu {					/* Text Menu with or without images */
	width: 100%;
	background: url(../images/default/bg.gif) repeat-x;
	}
.headerMenu td#menu img#Img {width: 0px; height: 0px;}
.headerMenu td#menu table {width: auto;}
.headerMenu td#menu td {text-align: center;}

/* Active & Noneactive links in menu */


a.menu:link, a.menu:visited {
	font-family:arial,sans-serif; 
	font-size:13px; 
	font-weight:bold; 
	color:black; 
	text-decoration:none; 
	border-right:1px solid #2E2E2E; 
	border-top:1px solid #2E2E2E; 
	border-bottom:1px solid #2E2E2E; 
	background:#A7A7A7 url(../images/default/bg-menu.gif); 
	padding-left:20px; padding-right:20px; padding-bottom:4px; padding-top:3px; 
	display:block;
}
a.menu:hover, a.menu:active {
	font-family:arial,sans-serif; 
	font-size:13px; 
	font-weight:bold; 
	color:white; 
	text-decoration:none; 
	border-right:1px solid #2E2E2E; 
	border-top:1px solid #2E2E2E; 
	border-bottom:1px solid #2E2E2E; 
	background:#A7A7A7 url(../images/default/bg-menu_active.gif); 
	padding-left:20px; 
	padding-right:20px; 
	padding-bottom:4px; 
	padding-top:3px; 
	display:block;
}
a.menuActive:link, a.menuActive:visited {
	font-family:arial,sans-serif; 
	font-size:13px; 
	font-weight:bold; 
	color:white; 
	text-decoration:none; 
	border-right:1px solid #2E2E2E; 
	border-top:1px solid #2E2E2E; 
	border-bottom:1px solid #2E2E2E; 
	background:#A7A7A7 url(../images/default/bg-menu_active.gif); 
	padding-left:20px; 
	padding-right:20px; 
	padding-bottom:4px; 
	padding-top:3px; 
	display:block;
}
a.menuActive:hover, a.menuActive:active {
	font-family:arial,sans-serif; 
	font-size:13px; 
	font-weight:bold; 
	color:white; 
	text-decoration:none; 
	border-right:1px solid #2E2E2E; 
	border-top:1px solid #2E2E2E; 
	border-bottom:1px solid #2E2E2E; 
	background:#A7A7A7 url(../images/default/bg-menu_active.gif); 
	padding-left:20px; 
	padding-right:20px; 
	padding-bottom:4px; 
	padding-top:3px; 
	display:block;
}


/****** Menu ******/

/*****************************************************************************/

/************* Breadcrumb *******************/

.breadcrumb {border: 1px solid #CCC; margin: 10px 0px 25px 0px;}

.breadcrumbBegin {
	width: 20px;
	border-top: 0px solid #CCC;
	border-right: 0px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	background: #f3f3f3;
	}
.breadcrumbBegin img {width: 1px; height: 1px;}

.breadcrumbDelimiter {
	width: 100%;
	white-space: normal;
	padding: 0px 0px 0px 0px;
	border-top: 0px solid #CCC;
	border-right: 0px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	font-size: 8pt;
	padding: 6px 25px 6px 6px;
	background: #f3f3f3;
	}
.breadcrumbDelimiter td {}
.breadcrumbDelimiter a {color: #000000; text-decoration: underline; font-size: 8pt;}
.breadcrumbDelimiter a:hover {color: #0000cc; text-decoration: underline; font-size: 8pt;}
.breadcrumbDelimiter span {
	display: auto;
	font-size: 8pt;
	}
.breadcrumbDelimiter img {
	display: none;
	height: ;
	width: ;
	background: #0000ff;
	}

.breadcrumbRSS {
	width: 100%;
	white-space: normal;
	padding: 0px 0px 0px 0px;
	border-top: 0px solid #CCC;
	border-right: 0px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	font-size: 8pt;
	padding: 6px 25px 6px 6px;
	background: #f3f3f3;
	}

.breadcrumbEnd {
	width: 20px;
	border-top: 0px solid #CCC;
	border-right: 0px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	background: #f3f3f3;
	}
.breadcrumbEnd img {width: 1px; height: 1px;}

/************* Breadcrumb *******************/

/*****************************************************************************/

/************* Fieldset *******************/

/****** Top ******/

.titleTop {margin-top: 10px;}

.titleTopLeft {
	width: 20px;
	border-top: 1px solid #CCC;
	border-right: 0px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 1px solid #CCC;
	background: #f3f3f3;
	}
.titleTopImgLeft {width: 20px; height: 1px;}

.titleTopCenter {						/* Title of block (example: any blocks, articles,...) */
	white-space: normal;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #CCC;
	border-right: 0px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	background: #f3f3f3;
	}
.titleTopCenter div {
    color: #000000;
    font-weight: bold;
    font-size: 9pt;
    font-family: tahoma,sans-serif,arial,verdana;
    text-transform: normal;

	z-index: 2000;
	position: relative;
	bottom: 10px;
	margin: 0px 0px 0px 0px;
	background: url(../images/default/bg-legend.gif);
	padding: 2px 20px 2px 20px;
	border: 1px solid #6EE580;
	}

.titleTopRight {
	width: 20px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	background: #f3f3f3;
	}
.titleTopImgRight {width: 20px; height: 1px;}

/****** Top ******/

/****** Center ******/

.block {
	border-top: 0px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 1px solid #CCC;
	}

/****** Center ******/

/****** Bottom ******/

.titleBot {margin-bottom: 25px;}

.titleBotLeft {
	width: 20px;
	border-top: 0px solid #CCC;
	border-right: 0px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	background: #CCC;
	}
.titleBotImgLeft {width: 1px; height: 1px;}

.titleBotRight {
	width: 100%;
	border-top: 0px solid #CCC;
	border-right: 0px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	background: #CCC;
	}
.titleBotImgRight {width: 1px; height: 1px;}

/****** Bottom ******/

/************* end Fieldset ***************/

/*****************************************************************************/

/************* userHome - there is an ability to use the button 'Logout' at the header or at the footer *******************/

td.userHome {padding:7;}
td.userHomeTitle {
	display: none;
	white-space: normal;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #CCC;
	border-right: 0px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	background: #f3f3f3;
	}

div.userHomeTop {					/* the button 'Logout' at the header */
	display: none;
	margin: 0px 0px 0px 0px;
	background: none;
	padding: 0px 0px 0px 0px;
	border: 0px solid #626ABC;
	}
div.userHomeTop td	{padding:0 0 0 20;background: none;border:none;}
div.userHomeTop td a {color:#fff;text-decoration:underline;}
div.userHomeTop td a:hover {color:#fff;text-decoration:none;}

div.userHome {						/* the button 'Logout' at the footer */
	display: auto;
	margin: 0px 0px 0px 0px;
	background: none;
	padding: 0px 0px 0px 0px;
	border: none;
	}
div.userHome td	{padding:5 20 5 20;background: #CCC;border: 1px solid #ccc;}
div.userHome td a {color:#fff;text-decoration:underline;}
div.userHome td a:hover {color:#fff;text-decoration:none;}

/************* userHome *******************/

/*****************************************************************************/

/************* Button Links *******************/

td#butTd {}
td#butTd span#spacer {display:auto;}	/* '|' between button */

a.button:link, a.button:visited { 
	color: black; 
	font-family: tahoma, arial,sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration:none; 
	border: 1px solid gray; 
	background-color: silver; 
	padding-left:3px; padding-right:3px; 
}
a.button:hover, a.button:active {
	color: blue; 
	font-family: tahoma, arial,sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration:none; 
	border: 1px solid green; 
	background-color: #6EE580; 
	padding-left:3px; padding-right:3px; 
}
a.button#add span {display:auto;}	/* add to cart (products categories, product details) */
a.button#add img {display:none;width:100;height:15;border:1 solid red;}
a.button#view span {display:auto;}	/* view cart (products categories, product details) */
a.button#view img {display:none;width:100;height:15;border:1 solid red;}
a.button#check span {display:auto;}	/* check out (products categories, product details) */
a.button#check img {display:none;width:100;height:15;border:1 solid red;}

a.buttonBasket:link, a.buttonBasket:visited {}
a.buttonBasket:hover, a.buttonBasket:active {}

a.buttonBasket#shopping span {display:auto;}	/* Continue shopping (basket) */
a.buttonBasket#shopping img {display:none;width:100;height:15;border:1 solid red;}
a.buttonBasket#clear span {display:auto;}	/* Clear cart (basket) */
a.buttonBasket#clear img {display:none;width:100;height:15;border:1 solid red;}
a.buttonBasket#checkout span {display:auto;}	/* Checkout (basket) */
a.buttonBasket#checkout img {display:none;width:100;height:15;border:1 solid red;}

a.buttonCart:link, a.buttonCart:visited {}
a.buttonCart:hover, a.buttonCart:active {}

a.buttonCart#check span {display:auto;}	/* Checkout (small cart) */
a.buttonCart#check img {display:none;width:100;height:15;border:1 solid red;}
a.buttonCart#amend span {display:auto;}	/* Amend cart (small cart) */
a.buttonCart#amend img {display:none;width:100;height:15;border:1 solid red;}
a.buttonCart#view span {display:auto;}	/* View cart (small cart) */
a.buttonCart#view img {display:none;width:100;height:15;border:1 solid red;}

a.buttonMore:link, a.buttonMore:visited {}
a.buttonMore:hover, a.buttonMore:active {}

a.buttonMore span {display:auto;}	/* read more... (special offers, etc.) */
a.buttonMore img {display:none;width:100;height:15;border:1 solid red;}

.disabled {							/* disadled add to cart */
	color: gray; cursor: hand; 
	font-family: tahoma, arial,sans-serif; 
	font-size: 8pt; 
	text-decoration:none; 
	border: 1px solid gray; 
	background: silver; 
	padding-left:3px; padding-right:3px; 
}

/************* Button Links *******************/

/*****************************************************************************/

/************* Category *******************/

.topCategory {background: transparent; margin: 0 0 0 0; padding: 3 0 3 0;
}

.selectedtopCategory {background: #E1E1E1; margin: 0 0 0 0; padding: 3 0 3 0;
	border-top: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
}
        
.subCategory {background: transparent; margin: 0 0 0 0; padding: 0 0 0 0;
}

.selectedsubCategory {background: #E1E1E1; margin: 0 0 0 0; padding: 0 0 0 0;
	border-top: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
}

/************* Category *******************/

/*****************************************************************************/

/************* Offers *******************/

.offerImg		{text-align: left;}
.offerImg img	{float: left; margin: 0 5 0 0;} 
.offerImg div	{text-align: justify;}
.offerImg div#offerText	{display: ;}

/************* Offers *******************/

/*****************************************************************************/

/************* Footer *******************/

.footerMenu	{text-align:center; font-size:8pt;margin-top:10;}
.footerHTML	{text-align:center;margin:10 0 10 0;}
.footerImg	{text-align:right;}

/************* Footer *******************/


.commonbg { background: #FFFFFF; }
.headerbg { background: #CCC999; }
.middlebg { background: #dedede; }
.usualbg  { background: #f3f3f3; }
.errorbg  { background: #cc0000; }


body		{font-size:8pt; font-family: tahoma,verdana,sans-serif; color: black; margin-height: 0; margin-width: 0; margin: 0;}
body.popup	{font-size: 8pt; font-family: Verdana, sans-serif; color: black; margin-height: 0; margin-width: 0; margin-top: 0; margin-left: 0;}


tr, td					{font-size:8pt; font-family: tahoma,verdana,sans-serif; color: black; }
tr.usual, td.usual		{background-color: #f3f3f3;}
tr.header, td.header	{background-color: #e9e9e9; color: black;}
tr.middle, td.middle	{background-color: #dedede; font-weight: bold;}
tr.error, td.error		{background-color: #FFE0E0; color: #cc0000; font-weight: bold;}


.tab				{font-family: Arial,Tahoma; font-size: 11pt; font-weight: bold; text-decoration: none; background: #dedede;}
.tab:hover			{text-decoration: none; }
.tabActive			{font-family: Arial,Tahoma; font-size: 11pt; font-weight: bold; text-decoration: none; background: #CCC999; color: white;}
.tabActive:hover	{text-decoration: none; color: white;}


input				{}
input.usualprice	{background-color: #F4F4F4; border: none; text-align: right; font-family: tahoma,verdana,sans-serif; font-size: 8pt;}
input.orderprice	{background-color: #dedede; border: none; text-align: right; font-family: tahoma,verdana,sans-serif; font-size: 8pt; font-weight: bold;}
input.search		{font-family:Tahoma,Verdana,Arial,sans-serif; font-size:8pt; width:150px; border-left: #747474 1px solid; border-top: #747474 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; color:black}
input.text			{font-family:Tahoma,Verdana,Arial,sans-serif; font-size:8pt; border-left: #747474 1px solid; border-top: #747474 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; color:black}
input.submit		{font-family:Tahoma,Verdana,Arial,sans-serif; font-size:8pt; padding-left:5px; padding-right:5px; height:19px}
select				{font-family:Tahoma,Verdana,Arial,sans-serif; font-size:8pt; color:black}
select.search		{font-family:Tahoma,Verdana,Arial,sans-serif; font-size:8pt; color:black}
textarea			{font-family:Tahoma,Verdana,Arial,sans-serif; font-size:8pt; border: #747474 1px solid; border-top: #747474 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; color:black}


form { margin: 0; }


a.header			{color: #ffffff; text-decoration: underline;}
a.header:hover 		{color: #FAF7AA; text-decoration: underline;}
a.title 			{font-size: 10pt; font-weight: bold;  color: #0000CC; text-decoration: underline;}
a.title:hover 		{font-size: 10pt; font-weight: bold;  color: #6666ff; text-decoration: underline;}
a.smallText 		{color: #000000; text-decoration: none; font-size: 8pt;}
a.smallText:hover 	{color: blue; text-decoration: underline; font-size: 8pt;}
a 					{color: black; text-decoration: underline;}
a:hover 			{color: blue; text-decoration: underline;}


.articleDate	{font-size: 8pt; color: #7777CC; margin-bottom: 5px;}
.realprice		{text-decoration: line-through; border: none; background: transparent; font-size:8pt; font-family: tahoma,verdana,sans-serif;}
.ourprice		{color: #d50000; font-weight: bold; border: none; background: transparent; font-size:8pt; font-family: tahoma,verdana,sans-serif;}
.taxprice		{color: #d50000; font-size:8pt; font-family: tahoma,verdana,sans-serif;}
.editprice    {font-family:Tahoma,Verdana,Arial,sans-serif; width: 80px; font-size:8pt; color:black}
.top			{font-size: 8pt; padding: 2 0 2 0;}
.smallText		{font-size: 8pt;}
.middleText		{font-size: 9pt;}
.bigText		{font-size: 10pt;}
.comment		{font-size: 8pt; color: #7777CC;}
.message		{font-size: 9pt; color: #0000CC;}
.title			{font-family:Arial,Tahoma,Verdana,sans-serif; font-size:9pt; text-decoration:none; color: #000000; font-weight:bolder;}
.bigtitle		{font-family:Arial,Tahoma,Verdana,sans-serif; font-size:11pt; text-decoration:underline; color: #000000; font-weight:bolder;}
.error			{color: #cc0000; font-size:9pt}


.subMenuBlock {
	background: #A7A7A7;
	display:none;
	position:absolute;
	border-top: 1px solid black;
	border-left: 1px solid black;
	text-align: left;
	z-index: 2500;
}

a.subMenu {
	width: 150px;
	padding-left: 10px; 
	padding-right:20px; 
	padding-bottom: 7px; 
	padding-top: 7px; 
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	display:block;
	font-family:tahoma, verdana, sans-serif; 
	font-size:11px; 
	color:black;
	text-decoration:none;
	background: #A7A7A7 ; 
}

a.subMenu:hover, a.subMenu:hover:active{
	background:#DDDDDD;
	color:black;
	display:block;
	text-decoration:none;
}