/****** Main Table ******/

.mainTable {width: 100%;}
.mainTable75 {width: 75%;}
.mainTable50 {width: 500px;}

.mainTableCell		 	{padding: 8px 16px 8px 16px; vertical-align: top;}
.mainTableCellLeft 		{padding: 8px 0px 8px 16px; vertical-align: top;}
.mainTableCellCenter 	{padding: 8px 16px 8px 16px; vertical-align: top;}
.mainTableCellRight 	{padding: 8px 16px 8px 0px; vertical-align: top;}


.homeGreeting 		{padding: 8px 16px 8px 16px; 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: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
	}

.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: #faf5ff;
	}
.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: #faf5ff;
	}
.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: #faf5ff;
	}
.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;
	background: #faf5ff;
	}

/****** 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;}

td.userHome img.orders 		{background: url(../images/icons/admin_orders.gif) no-repeat; width: 50px; height: 50px; border:0px; float: left; margin: 0 5 0 0;}
td.userHome img.profile 	{background: url(../images/icons/user_profile.gif) no-repeat; width: 50px; height: 50px; border:0px; float: left; margin: 0 5 0 0;}
td.userHome img.arr		 	{background: url(../images/icons/arr.gif) no-repeat; width: 15px; height: 16px; border:0px; margin: 0 5 0 55;}
td.userHome img.support 	{background: url(../images/icons/admin_support.gif) no-repeat; width: 50px; height: 50px; border:0px; float: left; margin: 0 5 0 0;}
td.userHome img.forum 		{background: url(../images/icons/admin_forum.gif) no-repeat; width: 50px; height: 50px; border:0px; float: left; margin: 0 5 0 0;}
td.userHome img.products 	{background: url(../images/icons/admin_products.gif) no-repeat; width: 50px; height: 50px; border:0px; float: left; margin: 0 5 0 0;}
td.userHome img.pages 		{background: url(../images/icons/admin_pages.gif) no-repeat; width: 50px; height: 50px; border:0px; float: left; margin: 0 5 0 0;}
td.userHome img.merchant 	{background: url(../images/icons/admin_affiliates.gif) no-repeat; width: 50px; height: 50px; border:0px; float: left; margin: 0 5 0 0;}
td.userHome img.affiliates 	{background: url(../images/icons/admin_affiliates.gif) no-repeat; width: 50px; height: 50px; border:0px; float: left; margin: 0 5 0 0;}
td.userHome img.payments 	{background: url(../images/icons/admin_payments.gif) no-repeat; width: 50px; height: 50px; border:0px; float: left; margin: 0 5 0 0;}
td.userHome img.carts	 	{background: url(../images/icons/admin_carts.gif) no-repeat; width: 50px; height: 50px; border:0px; float: left; margin: 0 5 0 0;}

td.userHome div {margin-left: 55px;}
/************* 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;}
a.button#view span		{display:auto;}	/* view cart (products categories, product details) */
a.button#view img 		{display:none;}
a.button#check span 	{display:auto;}	/* check out (products categories, product details) */
a.button#check img 		{display:none;}

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;}
a.buttonBasket#retrieve span 	{display:auto;}			/* Retrieve Cart (basket) */
a.buttonBasket#retrieve img 	{display:none;}
a.buttonBasket#save span 		{display:auto;}			/* Save cart (basket) */
a.buttonBasket#save img 		{display:none;}
a.buttonBasket#clear span 		{display:auto;}			/* Clear cart (basket) */
a.buttonBasket#clear img 		{display:none;}
a.buttonBasket#checkout span 	{display:auto;}			/* Checkout (basket) */
a.buttonBasket#checkout img 	{display:none;}

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;}	
a.buttonCart#amend span 	{display:auto;}		/* Amend cart (small cart) */
a.buttonCart#amend img 		{display:none;}
a.buttonCart#view span 		{display:auto;}		/* View cart (small cart) */
a.buttonCart#view img 		{display:none;}

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;}

.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;}

.topCategory .category_img, .subCategory .category_img, .selectedtopCategory .category_img, .selectedsubCategory .category_img {margin: 0 0 0 5;}

/************* Latest *******************/

td.topArticle { padding: 3 3 3 5; }
td.subArticle { padding: 3 3 3 5; }

a.subArticle {padding-left: 8px; font-size: 11px; background: url(../images/bullet.gif) no-repeat left 3px;}

/*****************************************************************************/

/************* Offers *******************/
#offerTitle		{display: none;}
.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: #FAF5FF; border-left:1px solid #6699FF; 	border-top:1px solid #6699FF; border-bottom:1px solid #6699FF; }
.forumMessageRight { background: #FAF5FF; border: 1px solid #6699FF; }
.forumMessageTop { background: #FAF7AA; border-bottom: 1px solid #6699FF; }

/*****************************************************************************/

/************* Footer *******************/

.footerMenu	{text-align:center; font-size:8pt;}
.footerHTML	{text-align:center;}
.footerHTML font	{font-size:12px;}
.footerImg	{text-align:right;}
.footerImg img		{width: 80px; height: 26px; border:0px;}

/************* Footer *******************/

.commonbg { background: #FFFFFF; }
.headerbg { background: #6699FF; }
.middlebg { background: #FAF7AA; }
.usualbg  { background: #FAF5FF; }
.errorbg  { background: #FF0000; }

body		{font: 9pt "Verdana", sans-serif; color: #660000; margin: 0px; padding: 0px;}
body.popup	{font: 9pt "Verdana", sans-serif; color: #660000; margin: 0px; padding: 0px;}

tr, td					{font-size: 9pt; font-family: "Verdana", sans-serif; color: black; }
tr.usual, td.usual		{background-color: #faf5ff; }
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; }
.tabline 			{background: #6699FF;}

.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; }

.titleText			{color: #0000cc; 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: #FAF5FF; 
	color:navy;
	display:block;
	text-decoration:none;
}
/*************  Manual  ***************/

.level1 {padding: 2 2 2 15;}
.level1 a {font-weight: bold;}
.level1 a:hover {font-weight: bold;}
.level2 {padding: 2 2 2 30;}
.level3 {padding: 2 2 2 40;}
.level4 {padding: 2 2 2 50;}

/*************  Left Menu  ***************/

.menuLeft .level1 {padding: 2 2 2 5;}
.menuLeft .level2 {padding: 2 2 2 15;}
.menuLeft .level3 {padding: 2 2 2 30;}
.menuLeft .level4 {padding: 2 2 2 40;}

.menuLeft .a a {font-weight: bold;}
.menuLeft .a a:hover {font-weight: bold;}