/****** 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 #666699;}
.homeGreeting table td	{padding: 5px;}

.introBlock {border: 1px solid #666699;}
.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#logoL {display: none;}

.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:11px; 
	font-weight:bold; 
	color:#666699; 
	text-decoration:none; 
	border-right:1px solid #2E2E2E; 
	border-top:1px solid #2E2E2E; 
	border-bottom:1px solid #2E2E2E; 
	background:#666699 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:11px; 
	font-weight:bold; 
	color:#660099; 
	text-decoration:none; 
	border-right:1px solid #2E2E2E; 
	border-top:1px solid #2E2E2E; 
	border-bottom:1px solid #2E2E2E; 
	background:#666699 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:11px; 
	font-weight:bold; 
	color:#666699; 
	text-decoration:none; 
	border-right:1px solid #2E2E2E; 
	border-top:1px solid #2E2E2E; 
	border-bottom:1px solid #2E2E2E; 
	background:#666699 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:11px; 
	font-weight:bold; 
	color:#660099; 
	text-decoration:none; 
	border-right:1px solid #2E2E2E; 
	border-top:1px solid #2E2E2E; 
	border-bottom:1px solid #2E2E2E; 
	background:#666699 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: #ffffff;
	}
.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: #ffffff;
	}
.breadcrumbDelimiter td {}
.breadcrumbDelimiter a {color: #666699; text-decoration: underline; font-size: 8pt;}
.breadcrumbDelimiter a:hover {color: #666699; text-decoration: underline; font-size: 8pt;}
.breadcrumbDelimiter span {
	display: auto;
	font-size: 8pt;
	}
.breadcrumbDelimiter img {
	display: none;
	height: ;
	width: ;
	background: #ffffff;
	}

.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: #ffffff;
	}

.breadcrumbEnd {
	width: 20px;
	border-top: 0px solid #CCC;
	border-right: 0px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	background: #ffffff;
	}
.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: #ffffff;
	}
.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: #ffffff;
	}
.titleTopCenter div {
    color: #666699;
    font-weight: bold;
    font-size: 8pt;
    font-family: tahoma,sans-serif,arial,verdana;
    text-transform: normal;

	z-index: 2000;
	position: relative;
	bottom: 10px;
	margin: 0px 0px 0px 0px;
	background:#ffffff;
	padding: 2px 20px 2px 20px;
	border: 1px solid #626ABC;
	}

.titleTopRight {
	width: 20px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	background: #ffffff;
	}
.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: #cccccc;
	}
.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: #cccccc;
	}
.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: #ffffff;
	}

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:#666699;text-decoration:underline;}
div.userHomeTop td a:hover {color:#666699;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: #ffffff;border: 1px solid #666699;}
div.userHome td a {color:#666699;text-decoration:underline;}
div.userHome td a:hover {color:#666699;text-decoration:none;}

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

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

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

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

a.button:link, a.button:visited { 
	color: #666699; 
	font-family: tahoma, arial,sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration:none; 
	border: 1px solid gray; 
	background-color: #ffffff; 
	padding-left:3px; padding-right:3px; 
}
a.button:hover, a.button:active {
	color: #660099; 
	font-family: tahoma, arial,sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration:none; 
	border: 1px solid navy; 
	background-color: #ffffff; 
	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: pointer; 
	font-family: tahoma, arial,sans-serif; 
	font-size: 8pt; 
	text-decoration:none; 
	border: 1px solid gray; 
	background-color: 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: ;}

/************* Forum *******************/
.forumAdmin { color: blue; font-weight: bold; }
.forumUser { color: #666699; font-weight: bold; }
.forumMessageLeft { background: #ffffff; border-left:1px solid #999999; 	border-top:1px solid #999999; border-bottom:1px solid #999999; }
.forumMessageRight { background: #ffffff; border: 1px solid #999999; }
.forumMessageTop { background: #ffffff; border-bottom: 1px solid #999999; }

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

/************* 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: #ffffff; }
.middlebg { background: #ffffff; }
.usualbg  { background: #ffffff; }
.errorbg  { background: #ffffff; }


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


tr, td					{font-size:8pt; font-family: tahoma,verdana,sans-serif; color: #666699; }
tr.usual, td.usual		{background-color: #ffffff;}
tr.header, td.header	{background-color: #ffffff; color: #666699;}
tr.middle, td.middle	{background-color: #ffffff; font-weight: bold;}
tr.error, td.error		{background-color: #ffffff; color: #666699; font-weight: bold;}


.tab				{font-family: Arial,Tahoma; font-size: 9pt; font-weight: bold; text-decoration: none; background: #ffffff;}
.tab:hover			{text-decoration: none; }
.tabActive			{font-family: Arial,Tahoma; font-size: 9pt; font-weight: bold; text-decoration: none; background: #ffffff; color: #666699;}
.tabActive:hover	{text-decoration: none; color: #660099;}

.adminTab {font-size:11px; border-bottom:#919b9c 1px solid; border-left:#91a7b4 1px solid; border-right:#91a7b4 1px solid; border-top:#91a7b4 1px solid; padding-top:3px; padding-right:8px; padding-left:8px; padding-bottom:2px; margin:3px 3px 0px 0px; cursor:hand; font-family:Verdana, sans-serif; background:#F5F3EB; moz-border-radius:4px 4px 0px 0px; whitespace:nowrap}
.adminTabActive {font-size:9px; border-right:#919b9c 1px solid; border-left:#919b9c 1px solid; border-top:#FF8200 2px solid; border-bottom:0px solid; padding-top:5px; padding-bottom:4px; padding-right:9px; padding-left:9px; margin:3px 3px 0px 0px; font-weight:bold; cursor:default; font-family:Verdana, sans-serif; background-color:#ffffff; moz-border-radius:4px 4px 0px 0px; whitespace:nowrap}

input				{}
input.usualprice	{background-color: #ffffff; border: none; text-align: right; font-family: tahoma,verdana,sans-serif; font-size: 8pt;}
input.orderprice	{background-color: #ffffff; 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:#666699}
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:#666699}
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:#666699}
select.search		{font-family:Tahoma,Verdana,Arial,sans-serif; font-size:8pt; color:#666699}
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:#666699}


form { margin: 0; }


a.header			{color: #666699; text-decoration: underline;}
a.header:hover 		{color: #660099; text-decoration: underline;}
a.title 			{font-size: 9pt; font-weight: bold;  color: #666699; text-decoration: underline;}
a.title:hover 		{font-size: 9pt; font-weight: bold;  color: #660099; text-decoration: underline;}
a.smallText 		{color: #666699; text-decoration: none; font-size: 8pt;}
a.smallText:hover 	{color: blue; text-decoration: underline; font-size: 8pt;}
a 					{color: #660099; text-decoration: underline;}
a:hover 			{color: blue; text-decoration: underline;}


ol {color:#666699; margin-left:25px; margin-bottom:0px}
ul.faq {margin-left:35px; margin-bottom:0px; list-style:circle}
li {font-family:Tahoma,Verdana,Arial,sans-serif; font-weight:normal; color:#666699; margin-left:-5px; margin-bottom:7px}


.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:#666699}
.top			{font-size: 8pt; padding: 2 0 2 0;}
.smallText		{font-size: 8pt;}
.middleText		{font-size: 8pt;}
.bigText		{font-size: 8pt;}
.comment		{font-size: 8pt; color: #666699;}
.message		{font-size: 9pt; color: #666699;}
.title			{font-family:Arial,Tahoma,Verdana,sans-serif; font-size:9pt; text-decoration:none; color: #666699; font-weight:bolder;}
.bigtitle		{font-family:Arial,Tahoma,Verdana,sans-serif; font-size:8pt; text-decoration:underline; color: #666699; font-weight:bolder;}
.error			{color: #666699; font-size:8pt}


.subMenuBlock {
	background-color: #ffffff;
	display:none;
	position:absolute;
	border-top: 1px solid #666699;
	border-left: 1px solid #666699;
	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 #666699;
	border-bottom: 1px solid #666699;
	display:block;
	font-family:tahoma, verdana, sans-serif; 
	font-size:9px; 
	color:#666699;
	text-decoration:none;
	background-color: #ffffff ; 
}

a.subMenu:hover, a.subMenu:hover:active{
	background-color: #ffffff;
	color:#660099;
	display:block;
	text-decoration:none;
}
/*************  Manual  ***************/
.manual .level-1 a {font-weight: bold;}
.manual .level-1 a:hover {font-weight: bold;}
.manual .level-2 a {margin-left: 15;}
.manual .level-2 a:hover {margin-left: 15;}
.manual .level-3 a {margin-left: 30;}
.manual .level-3 a:hover {margin-left: 30;}
.manual .level-4 a {margin-left: 40;}
.manual .level-4 a:hover {margin-left: 40;}
.manual .level-5 a {margin-left: 50;}
.manual .level-5 a:hover {margin-left: 50;}
.manual .level-6 a {margin-left: 60;}
.manual .level-6 a:hover {margin-left: 60;}
.manual3 .level-1 {font-weight: bold;}
.manual3 .level-2 {font-weight: bold;}
.manual3 .level-3 {font-weight: bold;}
.manual3 .level-4 {font-weight: bold;}
.manual3 .level-5 {font-weight: bold;}
.manual3 .level-6 {font-weight: bold;}