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

.mainTable {width: 100%;}
.mainTable75 {width: 75%;}
.mainTable50 {width: 500px;}

.mainTableCellLeft 		{padding: 8px; vertical-align: top;}
.mainTableCellCenter 	{padding: 8px; vertical-align: top;}
.mainTableCellRight 	{padding: 8px; vertical-align: top;}

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

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

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

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

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

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

.headerMenu td#logo  {					/* Background under logo on the site */
	background: ;
	vertical-align: top;
	}
.headerMenu td#logo img {				/* Logo on the site */
	width: 0px;
	height: 0px;
	border: 0px solid #333;
	background: ;
	}
	
.headerMenu td#logoL {display: none;}

.headerMenu td#menu {					/* Text Menu with or without images */
	width: 100%;
	background: #ffffff;
	}
.headerMenu td#menu img#Img {width: 0px; height: 0px;}
.headerMenu td#menu table {width: 100%;}
.headerMenu td#menu td {text-align: center;}

/* Active & Noneactive links in menu */


a.menu:link, a.menu:visited {color: #0000cc; text-decoration: none; font-size: 8pt;}
a.menu:hover, a.menu:active {color: #6666ff; text-decoration: none; font-size: 8pt;}
a.menuActive:link, a.menuActive:visited {color: #0000cc; text-decoration: none; font-size: 8pt;}
a.menuActive:hover, a.menuActive:active {color: #6666ff; text-decoration: none; font-size: 8pt;}


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

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

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

.breadcrumb {border: 1px solid #6699ff; margin: 5px 0px 10px 0px;}

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

.breadcrumbDelimiter {
	width: 100%;
	white-space: normal;
	padding: 0px 0px 0px 0px;
	border-top: 0px solid #999;
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	border-left: 0px solid #999;
	font-size: 8pt;
	padding: 6px 25px 6px 6px;
	background: #ffffff;
	}
.breadcrumbDelimiter td {}
.breadcrumbDelimiter a {color: #0000cc; text-decoration: none; font-size: 8pt;}
.breadcrumbDelimiter a:hover {color: #6666ff; text-decoration: none; font-size: 8pt;}
.breadcrumbDelimiter span {
	display: auto;
	font-size: 8pt;
	}
.breadcrumbDelimiter img {
	display: none;
	height: 20px;
	width: 30px;
	background: #0000ff url(../images/curved/bread.gif) no-repeat center;
	}

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

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

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

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

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

.titleTop {margin-top: 5px;}

.titleTopLeft {
	width: 20px;
	border-top: 0px solid #999;
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	border-left: 0px solid #999;
	background: #6699ff url(../images/curved/cornlt.gif) no-repeat top left;
	}
.titleTopImgLeft {width: 20px; height: 1px;}

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

	z-index: 2000;
	position: relative;
	bottom: 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	padding: 0px 0px 0px 0px;
	border: 0px solid #626ABC;
	}

.titleTopRight {
	width: 20px;
	border-top: 0px solid #999;
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	border-left: 0px solid #999;
	background: #6699ff url(../images/curved/cornrt.gif) no-repeat top right;
	}
.titleTopImgRight {width: 20px; height: 20px;}

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

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

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

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

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

.titleBot {margin-bottom: 15px;}

.titleBotLeft {
	width: 20px;
	border-top: 0px solid #999;
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	border-left: 0px solid #999;
	background: #6699ff url(../images/curved/cornlb.gif) no-repeat left;
	}
.titleBotImgLeft {width: 20px; height: 1px;}

.titleBotRight {
	width: 100%;
	border-top: 0px solid #999;
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	border-left: 0px solid #999;
	background: #6699ff url(../images/curved/cornrb.gif) no-repeat right;
	}
.titleBotImgRight {width: 1px; height: 20px;}

/****** 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 {
	width: 1;
	white-space: nowrap;
	padding:0px 0px 0px 0px;
	border-top: 0px solid #999;
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	border-left: 0px solid #999;
	background: #6699ff;
	}

div.userHomeTop {					/* the button 'Logout' at the header */
	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: none;
	margin: 0px 0px 0px 0px;
	background: none;
	padding: 0px 0px 0px 0px;
	border: 0px solid #626ABC;
	}
div.userHome td	{padding:0 20 0 20;background: none;border:none;}
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: blue; 
	font-family: tahoma, arial,sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration:none; 
	border: 1px solid blue; 
	background: transparent; 
	padding-left:3px; padding-right:3px; 
}
a.button:hover, a.button:active {
	color: white; 
	font-family: tahoma, arial,sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	text-decoration:none; 
	border: 1px solid blue; 
	background: blue; 
	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: transparent; 
	padding-left:3px; padding-right:3px; 
}

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

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

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

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

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

.selectedsubCategory {background: #DED5FF; margin: 0 0 0 0; padding: 0 0 0 0;
	border-top: 1px solid #6699ff;
	border-bottom: 1px solid #6699ff;
}

/************* 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: black; font-weight: bold; }
.forumMessageLeft { background: #ffffff; border-left:1px solid #6699FF; 	border-top:1px solid #6699FF; border-bottom:1px solid #6699FF; }
.forumMessageRight { background: #ffffff; border: 1px solid #6699FF; }
.forumMessageTop { background: #FAF7AA; border-bottom: 1px solid #6699FF; }

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

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

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

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

.commonbg { background: #FFFFFF; }
.headerbg { background: #6699FF; }
.middlebg { background: #FAF7AA; }
.usualbg  { background: #ffffff; }
.errorbg  { background: #FF0000; }

body		{ font-size: 9pt; font-family: "Verdana", sans-serif; color: black; margin-height: 0; margin-width: 0; margin-top: 10; margin-left: 5; }
body.popup	{ font-size: 9pt; font-family: "Verdana", sans-serif; color: black; margin: 0; margin-height: 0; margin-width: 0; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0;}

tr, td					{font-size: 9pt; font-family: "Verdana", sans-serif; color: black; }
tr.usual, td.usual		{background-color: #ffffff; }
tr.header, td.header	{background-color: #6699FF; color: white; }
tr.middle, td.middle	{background-color: #FAF7AA; font-weight: bold; }
tr.error, td.error		{background-color: #FFE0E0; color: red; font-weight: bold; }

.tab				{font-size: 12pt; font-weight: bold; text-decoration: none; background: #FAF7AA; }
.tab:hover			{text-decoration: none; }
.tabActive			{font-size: 12pt; font-weight: bold; text-decoration: none; background: #6699FF; color: white; }
.tabActive:hover	{text-decoration: none; color: white; }

.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:11px; 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:#FCFFD5; moz-border-radius:4px 4px 0px 0px; whitespace:nowrap}

input				{font-family: Courier, monospace; font-size: 10pt; }
input.usualprice	{background-color: transparent; border: none; text-align: right; font-family: tahoma,verdana,sans-serif; font-size: 10pt; }
input.orderprice	{background-color: transparent; border: none; text-align: right; font-family: tahoma,verdana,sans-serif; font-size: 10pt; font-weight: bold; }
input.search		{}
input.text			{}
input.submit		{font-family: Verdana, Arial, sans-serif; font-size:8pt; }
select				{}
select.search		{}
textarea			{}

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: #0000cc; text-decoration: none; font-size: 8pt; }
a.smallText:hover	{color: #6666ff; text-decoration: none; font-size: 8pt; }
a					{color: #0000cc; text-decoration: none; font-size: 9pt; }
a:hover				{color: #6666ff; text-decoration: none; }

.articleDate	{font-size: 8pt; color: #7777CC; font-style: italic; }
.realprice		{text-decoration: line-through; border: none; background: transparent; font-family: verdana, sans-serif; }
.ourprice		{color: #d50000; font-weight: bold; border: none; background: transparent; font-family: verdana, sans-serif; }
.taxprice		{color: #d50000; font-family: verdana,sans-serif;}
.editprice    {font-family:Tahoma,Verdana,Arial,sans-serif; width: 80px; font-size:10pt; 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-size: 10pt; font-weight: bold; color: #0000CC; }
.bigtitle		{font-size: 12pt; font-weight: bold; color: #0000CC; }
.error			{color: red; }


.subMenuBlock {
	display:none;
	position:absolute;
	border-top: 1px solid navy; 
	border-left: 1px solid navy;
	z-index: 2500;
}

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

a.subMenu:hover, a.subMenu:hover:active{
	background: #ffffff#ffffff; 
	color:navy;
	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;}