/*
 *************************************
 thetinfishcompany.co.uk HTML Template
 Developed by Adam Jones - www.adam-jones.net
	
 CSS File - MAIN CSS Design
  
 Created: 1/3/08
 Updated: 

 CSS File Version: 1.0
 *************************************
*/

HTML {
	height:100%;
}
BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	 /* text-align: center; centering the content for IE6 */
	
	background-color: #ececec;
	color:#000000;
	
	margin:0px;
	padding:0px;
	border:0px;
	
	min-height:100%;
	height:100%; 
	

	
}
pre {
	/* VITAL DUE TO PREWRAP TAGS THAT CAN BE ADDED BY FCKEDITOR ??? */
}


form {
	/* fix opera/ie form padding issues */
	margin: 0;
	padding: 0;
}


P {
	/* text-align:justify;
	display:none; */
	line-height:normal;	
}

A {
	color:#9a7246;
	text-decoration: none;
	outline:0;
}
A:visited {
	text-decoration: none;
}
A:hover {
	text-decoration : underline;
}

.imgsgeneral{
	border:0px;
}
img {
	border:0px;
}





/* CORE CONTROL ELEMENTS */
#wrapper {
	display:table; /* must put this in for FireFox. */
	width:814px;
	margin:auto; /*border:1px solid blue;*/
	text-align:left; /* so that IE6 and Firefox puts the text to the left
	*/
	
	
	/* VITAL: Bellow two lines ensure 100 percent full page stretch;*/
	height:100%;
	min-height:100%;	
	
	background-color: #ffffff;
	
	background-image:url(../images/tinfish/bgbox.gif);
	background-repeat:repeat-y;
	background-position:center;
}


	
#mainarea {
	
}




#sidebar {
	clear:both;
	float:left; /* float the menu to the left */
	
	
	
	width:140px;
	padding-left:20px;
	padding-right:35px;
	
	/*border:1px solid red;*/
	height:200px; /* so the menu has the height of the main content and
	visa versa */
}
.searchfield {
	width:100px;
}

#main {
	/* IMPORTANT: Change width of .bl_articleslist & .block if #main width is changed */
	
	float:left;
	padding-right:55px;
	width:560px;
	/*border:1px solid green;*
	height:100%;/* so the content has the height of the menu and visa
	versa */
	
}
/* HEADER ELEMENTS */
#header {

	position:relative;
	height:200px;
}
#toprightmenus {

	text-align:right;
	vertical-align:bottom;
	
	float:right;
	
	padding-top:15px;
	padding-right:9px;

	
	height:18px;
	width:440px;
	
	z-index:3;
}
#logintextwrap {
	background:url(../images/tinfish/loginbar.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	
	padding:2px;
	padding-right:4px;
	
	font-size:11px;
	
}
#topleftlogo {
	
	position:absolute;
	float:left;
	left:21px;
	padding-left:12px;
	
	width:325px;
	height:190px;
	
	background:url(../images/tinfish/logotopleft.jpg);
	background-repeat:no-repeat;
	
	z-index:2;
	
}


/* CART ELEMENTS */
#cartelement {

	clear:both;
	position:relative;
	float:right;
	
	top:35px;
	padding-right:17px;
	
	border:none;
	
	height:62px;
	width:342px;
	background-image:url(../images/tinfish/bgcart.gif);
	background-repeat:no-repeat;
	background-position:top;
	
	z-index:9;
}
#cartcopy1 {
	padding-top:18px;
	padding-left:70px;
	
	font-size:11px;
	font-weight:bold;
	
	text-align:center;
	font-size:11px;
}
#cartcopy2 {
	padding-left:70px;
	font-weight:normal;
	
	text-align:center;
	font-size:11px;
}



/* The 6 Top Drop Down Menu ELEMENTS */
/* THE WRAPPER FOR ALL MENUS */
#topmenu {

	position:absolute;
	display:block;

	top:160px;
	height:16px;
	width:580px;
	
	padding-left:195px;
	
	z-index:55;
}

.topmenus6 {
	padding-right:8px;
}


.topmenus {
	background-color:#d9d7d8;
	
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	
	border:2px;
	border-color:#FFFFFF;
	
	padding-left:3px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
}
.topmenus a{
	text-decoration: none;
	font-weight: bold;
	color:#000;
}
.topmenus a:hover{
	text-decoration: none;
	font-weight: bold;
	color:#fff;
}


a.blacklink{
	color:#000000;
}


a.blackwhitelink{
	color:#000000;
}
a.blackwhitelink:hover{
	color:#FFFFFF;
}





/* Classes used by javascript drop down menus */
#dropmenudiv{
	position:absolute;
	
	margin-top:4px;
	
	border:0px solid white;
	border-bottom-width: 0;
	
	font:normal 11px Verdana;
	text-align:left;
	
	line-height:18px;
	z-index:100;
	
	
}
	
#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	
	color:#000000;
	
}
	
#dropmenudiv a:hover{ /*hover background color*/
	/* background-color: yellow; */
	color:#fff;
}




#footerarea {
	float:left;
	
	width:810px;
	padding-top:35px;
	height:135px;
	
	text-align:center;
	font-size:11px;
}










/* ElEMENMTS WITHIN THE MAIN "contentarea" div */
.categorytopbtns{
	padding-right:40px;
}
.sidebuttons {
	padding-bottom:4px;
}














/****** Viart Standard Defs START BELOW ******/

/* aj custom defs for tinfish */
.productslisttable {
	color:#000000;
}
.productslisttable a{
	color:#ffffff;
	font-weight:bold;
}
.productscopy {
	color:#000;
}
.addtocartbar {
	background-image:url(../images/tinfish/addtocart_bg.gif);
	background-repeat:repeat-x;
}
.brownlinkbar {

	color:#FFFFFF;
	
	vertical-align:middle;

}
.browncolorlinkcol {
	color:#FFFFFF;
}
.browncolorlinkcol a{
	color:#FFFFFF;
}
.brownbarcontents {
	height:100%;
	vertical-align:top;
	
}
#addtocartarrow {
	position:absolute;
	display:inline;
	
	padding-top:1px;
}

#rssbutton {
	display:block;

}

/****** Main Table ******/
.mainTable {width: 760px;}
.mainTable75 {width: 518px;}	/* Search for this value else where if you want to change - needs to tally with block */
.mainTable50 {width: 500px;}

.mainTableCell		 	{padding: 0px 0px 0px 0px; vertical-align: top;}
.mainTableCellLeft 		{padding: 4px 0px 4px 10px; vertical-align: top;}
.mainTableCellCenter 	{padding: 4px 8px 4px 8px; vertical-align: top; }
.mainTableCellRight 	{padding: 4px 10px 4px 0px; vertical-align: top;}

.homeGreeting 		{padding: 4px 10px 4px 10px; vertical-align: top;}
.homeGreeting table	{width: 100%; background: url(../images/default/greeteng-t-l.gif) no-repeat left top;}
.homeGreeting table td	{background: url(../images/default/greeteng-b-r.gif) no-repeat right bottom;}
.homeGreeting table div	{background: url(../images/default/greeteng-t-r.gif) no-repeat right top;}
.homeGreeting table div div	{padding: 15px; background: url(../images/default/greeteng-b-l.gif) no-repeat left bottom;}
.homeGreeting table td span	{color: #a8d945; font: 15pt Arial, Helvetica, sans-serif; display: block; padding: 0px 0px 5px 0px;}


.greybox {
	color:#000;
	border:1px solid #bfbfbf;
	padding:5px;

}

.introBlock {
	/* Msg box as in ORDER INFO page */
	color:#000;
	border:1px solid #bfbfbf;
	padding:5px; 
}

.introBlock td {
	padding: 6px;
}

.tablebgcolour1 {
	background-color:#666666;
}
.tablebgcolour2 {
	color:#242486;
	background-color:#b6d90d;
}

/************** blocks bl_categorieslist ********************/
/*.bl_categorieslist {display:none; }*/
.bl_categorieslist .titleTopLeft {width: 1px; background: none; display:none;}
.bl_categorieslist .titleTopImgLeft {width: 1px; height: 1px; background: ; display:none;}
.bl_categorieslist .titleTopCenter {padding:20px 10px 13px 0px; background: none; display:none;}
.bl_categorieslist .titleTopCenter div {color: none; display:none;}
.bl_categorieslist .titleTopRight {width: 1px; background: none; display:none;}
.bl_categorieslist .titleTopImgRight {width: 1px; height: 1px; display:none;}
.bl_categorieslist .block {}
.bl_categorieslist .block .blockTD {padding: 0px 0px 0px 0px; }


/****** Menu ******/
.headerMenu {
	position: relative;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-right: 10px solid #006633;
	border-left: 10px solid #006633;
	background-color:#006633;
}
.headerMenu td#logo  {					/* Background under logo on the site */
	display: none;
	vertical-align: top;
}
.headerMenu td#logo img {				/* Logo on the site */
	width: 0px;
	height: 0px;
	border: 0px solid #333;
	}
.headerMenu td#logoL {}
.headerMenu td#logoL img {				/* Logo on the site (if logo is left)*/
	margin: 20px 22px 10px 22px;
	border: 0px;
	}
.headerMenu td#menu {					/* Text Menu with or without images */
	width: 100%;
	background-color:#006633;
	padding: 35px 0px 0px 0px;
	vertical-align: top;
}
.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: #52ae30; text-decoration: underline; font: 11pt Verdana, Arial, Helvetica, sans-serif; text-transform: capitalize;}
a.menu:hover, a.menu:active {color: #52ae30; text-decoration: none; font: 11pt Verdana, Arial, Helvetica, sans-serif; text-transform: capitalize;}
a.menuActive:link, a.menuActive:visited {color: #444444; text-decoration: none; font: 11pt Verdana, Arial, Helvetica, sans-serif; text-transform: capitalize;}
a.menuActive:hover, a.menuActive:active {color: #444444; text-decoration: underline; font: 11pt Verdana, Arial, Helvetica, sans-serif; text-transform: capitalize;}

/****** Sub Menu ******/
.subMenuBlock {
	display:none;
	
	border-top: 1px solid #ffd075; 
	border-left: 1px solid #ffd075;
	z-index: 2500;
	
	
}
a.subMenu {
	position:relative;
	
	float:left;
	width: 150px;
	padding: 6px 20px 6px 10px;
	
	display:block;
	font: 11px tahoma, verdana, sans-serif; 
	color: #0a0509;
	text-decoration:none;
	text-align: left;
	background: #fff;
	z-index: 32000;
}
a.subMenu:hover, a.subMenu:hover:active{
	background: #fffbed; 
	color: #a8d945;
	display:block;
	text-decoration:none;
}

/****** Secondary Menu ******/
table.secondaryMenu 		{width: 100%;}
td#menu td#secondaryBegin img#Img	{width: 1px; height: 25px;}
a.secondaryMenu 			{display:block; font: bold 10pt Verdana, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 20px; color: #52ae30;}
a.secondaryMenu:hover 		{display:block; font: bold 10pt Verdana, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 20px; color: #52ae30;}
a.secondaryMenuActive 		{display:block; font: bold 10pt Verdana, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 20px; color: #000000; text-decoration: none;}
a.secondaryMenuActive:hover	{display:block; font: bold 10pt Verdana, Arial, Helvetica, sans-serif; padding: 0px 0px 0px 20px; color: #000000; text-decoration: underline;}
td#menu td#secondaryEnd  	{width: 100%;}
td#menu td#secondaryEnd  img#Img	{width: 1px; height: 25px;}




/************* Breadcrumb *******************/
.breadcrumb {border: 0px solid; margin: 0px 0px 10px 0px; width:100%;}
.breadcrumbBegin {
	vertical-align: top;
	width: 1px;
	border: 0px solid #999;
	
	
}
.breadcrumbBegin img {
width: 1px; 
height: 10px;  
margin-bottom: 0px;
}
.breadcrumbDelimiter {
	
	white-space: normal;
	border: 1px solid #c0c0c0;
	padding:3px;	
	padding-left:10px;
	padding-bottom:6px;
	
	color:#9a7246;
	font-size: 10px;
}
.breadcrumbDelimiter2 {
	
	white-space: normal;
	text-align:center;
	border: 1px solid #c0c0c0;
	padding:3px;	
	
	color:#9a7246;
	font-size: 10px;
}

.breadcrumbDelimiter td {}
.breadcrumbDelimiter b {color: #000000; font-size: 12px;}
.breadcrumbDelimiter a {color: #9a7246; text-decoration: none; font-size: 10px; font-weight: normal;}
.breadcrumbDelimiter a:hover {color: #000000; text-decoration: underline; font-size: 10px; font-weight: normal;}
.breadcrumbDelimiter span {
	color: #000000;
	font-size: 12px;
	}
.breadcrumbDelimiter img {display: none;}
.breadcrumbRSS {
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
}
.breadcrumbEnd {
	vertical-align: top;
	width: 1px;
	border: 0px solid #999;
}
.breadcrumbEnd img {width: 1px; height: 1px; margin-bottom: 0px;}
.breadcrumbDelimiter span.nonactive {
font-size: 11px; 
color: #aaaaaa; 
margin-right: 0px;
}
.breadcrumbDelimiter span.active {
font-size: 11px; 
color: #444444; 
margin-right: 0px; 
font-weight: bold;
}
/****************** end Order Pages ***********************************/


/* NOTE: #main should have same width as these *3* classes below... */

.bl_articleslist {
	border: 0px;
	width:560px;
}
.block {
	border: 0px;
	width:560px;
	color:#000000;
	
	/** DEBUG: background-color:#003366; **/
}
.blockTD {
	padding: 0px;
	width:560px;
}





/****** BLOCK: TOP ******/
.titleTop {
	margin-top: 0px;
	
}

.titleTopLeft {
	width: 12px;
	border: 0px;
	background: url(../imgs/small-cblock-t-l.gif) no-repeat top left;
}
.titleTopImgLeft {width: 12px; height: 1px;}



.titleTopCenter {	
	/* Title of block, padding for the title controlled here */	
				
	white-space: normal;
	padding:6px 0px 0px 0px;
	border: 0px;
	background: url(../imgs/small-cblock-t-bgr.gif) repeat-x top;
}
.titleTopCenter div b {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}
.titleTopCenter div {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}


.titleTopRight {
	width: 12px;
	border: 0px;
	background: url(../imgs/small-cblock-t-r.gif) no-repeat top right;
	}
.titleTopImgRight {width: 12px; height: 28px;}


.menuLeft {
background: url(../imgs/cblock-l-bgr.gif) repeat-y left; 
padding: 0px 11px;
}

.titleBot {
	margin-bottom: 8px;
	height:12px;
	width:498px;
}
.titleBotLeft {
	width: 12px;
	height:12px;
	border: 0px;
	background: url(../imgs/small-cblock-b-l.gif) no-repeat bottom left;
	background-color:none;
}
.titleBotImgLeft {
	width: 12px; 
	height: 12px;
}
.titleBotMiddle {
	
	height:12px;
	width:100%;
	background: url(../imgs/small-cblock-b-bgr.gif) repeat bottom;
	
	
}
.titleBotRight {
	width: 12px;
	height:12px;
	text-align: right;
	border: 0px;
	background: url(../imgs/small-cblock-b-r.gif) no-repeat bottom right;
	background-color:none;
}
.titleBotImgRight {
	width: 12px; 
	height: 12px; 
}




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

.bl_simple .titleTopRight, .bl_banners .titleTopRight, .bl_navigation .titleTopRight
 {width: 100%; background: url(../imgs/small-cblock-t-bgr.gif) repeat-x top; text-align: right;}
.bl_simple .titleTopImgLeft, .bl_banners .titleTopImgLeft, .bl_navigation .titleTopImgLeft 
 {width: 24px; height: 23px;}
.bl_simple .titleTopImgRight, .bl_banners .titleTopImgRight, .bl_navigation .titleTopImgRight
 {width: 24px; height: 23px; background: url(../imgs/cblock-t-r.gif) no-repeat top right;}

/*table#user-home .titleTopLeft {background: url(../images/rainbow/block-t-l.gif) no-repeat top;}*/
table#user-home .titleTopRight {width: 100%; background: url(../imgs/small-cblock-t-bgr.gif) repeat-x top; text-align: right;}
table#user-home .titleTopImgLeft {width: 24px; height: 23px;}
table#user-home .titleTopImgRight {width: 24px; height: 23px; background: url(../imgs/cblock-t-r.gif) no-repeat top right;}

/***************custom blocks in left & right column********************/
.mainTableCellLeft .titleTopLeft, .mainTableCellRight .titleTopLeft 
 {width: 23px; background: url(../images/default/lrblock-t-l.gif) no-repeat top left;}
.mainTableCellLeft .titleTopImgLeft, .mainTableCellRight .titleTopImgLeft 
 {width: 23px; height: 1px;}
.mainTableCellLeft .titleTopCenter, .mainTableCellRight .titleTopCenter 
 {background: url(../images/default/lrblock-t-bgr.gif) repeat-x top; padding:10px 0px 0px 0px;}
.mainTableCellLeft .titleTopCenter table, .mainTableCellRight .titleTopCenter table 
 { width: 100%;}
.mainTableCellLeft .titleTopCenter div, .mainTableCellRight .titleTopCenter div 
 { text-align: center;}
.mainTableCellLeft .titleTopRight, .mainTableCellRight .titleTopRight 
 {width: 24px; background: url(../images/default/lrblock-t-r.gif) no-repeat top right;}
.mainTableCellLeft .titleTopImgRight, .mainTableCellRight .titleTopImgRight 
 {width: 24px; height: 40px;}
.mainTableCellLeft .block, .mainTableCellRight .block 
 {background: #ffffff url(../images/default/lrblock-r-bgr.gif) repeat-y right;}
.mainTableCellLeft .block .blockTD, .mainTableCellRight .block .blockTD 
 {background: url(../images/default/lrblock-l-bgr.gif) repeat-y left;}
.mainTableCellLeft .block .menuLeft, .mainTableCellRight .block .menuLeft 
 {background: url(../images/default/lrblock-l-bgr.gif) repeat-y left;}
.mainTableCellLeft .titleBotLeft, .mainTableCellRight .titleBotLeft 
 {width: 23px; border: 0px; background: url(../images/default/lrblock-b-l.gif) no-repeat left;}
.mainTableCellLeft .titleBotImgLeft, .mainTableCellRight .titleBotImgLeft 
 {width: 23px; height: 1px;}
.mainTableCellLeft .titleBotRight, .mainTableCellRight .titleBotRight 
 {width: 100%; border: 0px; background: url(../images/default/lrblock-b-bgr.gif) repeat-x bottom;}
.mainTableCellLeft .titleBotImgRight, .mainTableCellRight .titleBotImgRight 
 {width: 24px; height: 23px; background: #6699ff url(../images/default/lrblock-b-r.gif) no-repeat right;}

.mainTableCellLeft .bl_simple .titleTopRight, .mainTableCellLeft .bl_banners .titleTopRight, .mainTableCellLeft .bl_navigation .titleTopRight,
.mainTableCellRight .bl_simple .titleTopRight, .mainTableCellRight .bl_banners .titleTopRight, .mainTableCellRight .bl_navigation .titleTopRight
 {width: 100%; background: url(../images/default/lrblock-t-bgr.gif) repeat-x top; text-align: right;}
.mainTableCellLeft .bl_simple .titleTopImgLeft, .mainTableCellLeft .bl_banners .titleTopImgLeft, .mainTableCellLeft .bl_navigation .titleTopImgLeft, 
.mainTableCellRight .bl_simple .titleTopImgLeft, .mainTableCellRight .bl_banners .titleTopImgLeft, .mainTableCellRight .bl_navigation .titleTopImgLeft 
 {width: 23px; height: 23px;}
.mainTableCellLeft .bl_simple .titleTopImgRight, .mainTableCellLeft .bl_banners .titleTopImgRight, .mainTableCellLeft .bl_navigation .titleTopImgRight,
.mainTableCellRight .bl_simple .titleTopImgRight, .mainTableCellRight .bl_banners .titleTopImgRight, .mainTableCellRight .bl_navigation .titleTopImgRight
 {width: 24px; height: 23px; background: url(../images/default/lrblock-t-r.gif) no-repeat top right;}
/***************custom blocks in left & right column********************/

/***************custom blocks offers and categories********************/
.bl_categoriescatalog .titleTopLeft
 {width: 23px; background: url(../images/default/categories-t-l.gif) no-repeat top left;}
.bl_categoriescatalog .titleTopImgLeft
 {width: 23px; height: 1px;}
.bl_categoriescatalog .titleTopCenter
 {background: url(../images/default/categories-t-bgr.gif) repeat-x top;}
.bl_categoriescatalog .titleTopRight
 {width: 24px; background: url(../images/default/categories-t-r.gif) no-repeat top right;}
.bl_categoriescatalog .titleTopImgRight
 {width: 24px; height: 40px;}
.bl_categoriescatalog .block
 {background: #fff7de url(../images/default/categories-r-bgr.gif) repeat-y right;}
.bl_categoriescatalog .block .blockTD
 {background: url(../images/default/categories-l-bgr.gif) repeat-y left;}
.bl_categoriescatalog .titleBotLeft
 {width: 23px; border: 0px; background: url(../images/default/categories-b-l.gif) no-repeat left;}
.bl_categoriescatalog .titleBotImgLeft
 {width: 23px; height: 1px;}
.bl_categoriescatalog .titleBotRight
 {width: 100%; border: 0px; background: url(../images/default/categories-b-bgr.gif) repeat-x bottom;}
.bl_categoriescatalog .titleBotImgRight
 {width: 24px; height: 23px; background: #6699ff url(../images/default/categories-b-r.gif) no-repeat right;}

.bl_offers .titleTopLeft
 {width: 23px; background: url(../images/default/offers-t-l.gif) no-repeat top left;}
.bl_offers .titleTopImgLeft
 {width: 23px; height: 1px;}
.bl_offers .titleTopCenter
 {background: url(../images/default/offers-t-bgr.gif) repeat-x top;}
.bl_offers .titleTopRight
 {width: 24px; background: url(../images/default/offers-t-r.gif) no-repeat top right;}
.bl_offers .titleTopImgRight
 {width: 24px; height: 40px;}
.bl_offers .block
 {background: #def0ff url(../images/default/offers-r-bgr.gif) repeat-y right;}
.bl_offers .block .blockTD
 {background: url(../images/default/offers-l-bgr.gif) repeat-y left;}
.bl_offers .titleBotLeft
 {width: 23px; border: 0px; background: url(../images/default/offers-b-l.gif) no-repeat left;}
.bl_offers .titleBotImgLeft
 {width: 23px; height: 1px;}
.bl_offers .titleBotRight
 {width: 100%; border: 0px; background: url(../images/default/offers-b-bgr.gif) repeat-x bottom;}
.bl_offers .titleBotImgRight
 {width: 24px; height: 23px; background: #6699ff url(../images/default/offers-b-r.gif) no-repeat right;}
/***************custom blocks offers and categories********************/


/****** 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: url(../imgs/small-cblock-t-bgr.gif) repeat-x top;
	}

div.userHomeTop {					/* the button 'Logout' at the header */
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
div.userHomeTop td	{padding:0;background: none;border:none;}
div.userHomeTop td a {color: #444444; font: bold 9pt Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration:underline;}
div.userHomeTop td a:hover {color: #444444; font: bold 9pt Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration:none;}

div.userHome {						/* the button 'Logout' at the footer */
	display: none;
	margin: 0px;
	background: none;
	padding: 0px;
	border: 0px;
	}
div.userHome td	{padding:0 20 0 20;background: none;border:none;}
div.userHome td a {color: #444444; text-decoration:underline;}
div.userHome td a:hover {color: #444444; 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: 40px;}
/************* userHome *******************/



/************* Button Links *******************/
a.button:link, a.button:visited, a.button:hover, a.button:active {font: 11px Verdana, Arial, Helvetica, sans-serif; padding-right: 8px; color: #bf8f60; font-weight:bold;}



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

a.button#add span 		{display:auto; font-weight: bold;}	/* 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 {font: 10pt Verdana, Arial, Helvetica, sans-serif;}
a.buttonBasket:hover, a.buttonBasket:active {font: 10pt Verdana, Arial, Helvetica, sans-serif;}

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 {font: 9pt Arial, Helvetica, sans-serif;}
a.buttonCart:hover, a.buttonCart:active {font: 9pt Arial, Helvetica, sans-serif;}

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 {font: normal normal normal 9pt Arial, Helvetica, sans-serif;}
a.buttonMore:hover, a.buttonMore:active {font: normal normal normal 9pt Arial, Helvetica, sans-serif;}

a.buttonMore span {display:auto;}			/* read more... (special offers, etc.) */
a.buttonMore b {font-weight: normal;}
a.buttonMore img {display:none;}

a.disabled {							/* disadled add to cart */
	color: gray; 
	cursor: pointer; 
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif; padding: 0px 5px; 
}
a.disabled:hover {color: gray; cursor: pointer; text-decoration: none;}



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



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

td.categoryStripe {background: #E4E4E4; padding: 3 0 3 5; border: 1px solid #D4D4D4; }

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

.topCategory .category_img, .subCategory .category_img, .selectedtopCategory .category_img, .selectedsubCategory .category_img {
margin: 0 0 0 5;
display:none;
}


/************* 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 *******************/
.bl_offers .block .blockTD a.bigtitle			{font-size: 10px; text-decoration: underline;}
.bl_offers .block .blockTD a.bigtitle:hover 	{text-decoration: none;}
#offerTitleTop				{display: none;}
#offerTitle					{text-align: left; clear: right; display: block;}
.offerImg					{text-align: left;}
.offerImg img				{float: left; padding:2px;background:#fff;margin: 0 8 3 0;border:1px solid #78C7FF;filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#CAE7FF', Positive='true');/* top: -20px; position: relative;*/} 
.offerImg div				{text-align: justify;}
.offerImg div#offerText	{display: ;}
.offerImg a.buttonMore span {display:none;}


.bl_productslist .block .blockTD img.productImg, .bl_productdetails .block .blockTD img.productImg {

color:#000;
border:1px solid #bfbfbf;


/*background:#fff;
border:1px solid;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#CAE7FF', Positive='true');
 top: -20px; position: relative;*/
} 


/************* Forum *******************/
.forumAdmin 			{color: blue; font-weight: bold;}
.forumUser 				{color: black; font-weight: bold;}
.forumGuest       	{color: black;  font-weight: bold; font-style: italic;}
.forumMessageLeft 	{background: #666666; border-left:1px solid #D5D5D5; 	border-top:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5; }
.forumMessageRight 	{background: #666666; border: 1px solid #D5D5D5; }
.forumMessageTop 		{background: #666666; border-bottom: 1px solid #D5D5D5; }

/************* Categoties (catalogue) *******************/
.bl_categoriescatalog .blockTD	 			{padding-left: 18px;}
.bl_categoriescatalog .blockTD img 		{display: ;}
.bl_categoriescatalog a.bigtitle			{text-decoration: underline;}
.bl_categoriescatalog a.bigtitle:hover 	{text-decoration: none;}

/************* Hot (news,...) *******************/
.bl_hot .blockTD img 				{display: none;}
.bl_hot .blockTD .articleDate		{display: none;}
.bl_hot .blockTD div 				{padding-left: 15px;}
.bl_hot a.bigtitle 					{padding-left: 15px; background: url(../images/default/arrow-green.gif) no-repeat 0px 4px; display: block; position: relative; left: -15px; font-size: 10px; text-decoration: underline;}
.bl_hot a.bigtitle:hover 			{padding-left: 15px; background: url(../images/default/arrow-green.gif) no-repeat 0px 4px; text-decoration: none;}
/*.bl_hot div.smalltext {padding-left: 15px;}*/

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

.footerMenu	{text-align:center; font-size:8px;}
.footerMenu	span {padding: 0 0 0 5;}
.footerHTML	{text-align:center; padding: 10px;}
.footerHTML font	{font-size:12px;}
.footerImg	{text-align:right;}
.footerImg img		{width: 80px; height: 26px; border:0px;}

/************* Footer *******************/
/*
.commonbg { background: #006633; }
.headerbg { background: #6699FF; }
.usualbg  { background: #666666; }*/
.middlebg { 
	background: #ebebeb;
}
.errorbg  { background: #FF0000; }


tr, td{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000; 
}
tr.usual, td.usual {
	color: #000000; 
}
tr.header, td.header {
	color: #000000;
}
tr.middle, td.middle { /*
	background-color: #666666; 
	stops checkout unique tr bg colour classes working */
	font-weight: bold;
}

tr.error, td.error		{background-color: #FFE0E0; color: red; font-weight: bold; }
table.usual 				{background-color: #666666;}


body.popup tr.usual, body.popup td.usual		{background-color: transparent; color:#000000; }
body.popup tr.header, body.popup td.header		{background-color: #666666; color: #a8d945; }

td.padding10px {
	padding: 10px;
}

table.padding6px td		{padding: 6px;}
table.padding6px td td	{padding: 0px;}
table.padding4px td		{padding: 4px;}
table.padding4px td td	{padding: 0px;}

td.tab				{border-top: 1px solid #666666; border-right: 1px solid #666666; border-left: 1px solid #666666;}
.tab				{font-size: 12px; font-weight: bold; text-decoration: none; background: transparent;}
.tab:hover			{text-decoration: none; }
.tabActive			{font-size: 12px; font-weight: bold; text-decoration: none; background: #666666; color: #a8d945; }
.tabActive:hover	{text-decoration: none; color: #a8d945; }
.tabline 			{background: #666666;}

div.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: 3px 8px 2px 8px; margin:3px 2px 0px 2px; cursor:hand; font-family:Verdana, sans-serif; background:#F5F3EB; moz-border-radius:4px 4px 0px 0px; whitespace:nowrap; white-space: nowrap;}
div.adminTabActive 	{font-size:11px; border-right:#919b9c 1px solid; border-left:#919b9c 1px solid; border-top:#FF8200 2px solid; border-bottom:0px solid; padding: 5px 9px 4px 9px;; margin:3px 0px 0px 0px; font-weight:bold; cursor:default; font-family:Verdana, sans-serif; background-color:#FCFFD5; moz-border-radius:4px 4px 0px 0px; whitespace:nowrap; white-space: nowrap;}
td.adminTab			{border-bottom: 1px solid #919b9c;}
td.adminTabActive	{border: 0px;}
td.beginTab			{padding: 0px 4px; border-bottom: 1px solid #919b9c;}
td.endTab			{padding: 0px 4px; width: 100%; border-bottom: 1px solid #919b9c;}


/************* BUTTONS *******************/
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

input.usualprice	{background-color: transparent; border: none; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000;  }

input.orderprice	{background-color: transparent; border: none; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }

input.search		{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9;}

input.text			{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9;}

.textarea {
	width:370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.text {
	width:370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.textsmaller {
	width:150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


input.field			{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9;}

input.submit {
	font-weight: bold;
	text-transform:uppercase;
	border: 0px; 
	color: #000;
	font-size: 10px; 
	cursor: pointer; 
	height: 18px; 
	margin: 0px;
	
	background-color:#e3e3e3;

	
	
}
input.couponsubmit {
	font-weight: normal; 
	border: 0px; 
	color: #000; 
	font-size: 10px; 
	cursor: pointer; 
	height: 18px; 
	margin: 0px;
	margin-bottom:2px;
	
	background-color:#e3e3e3;
}

#continue{
	height: 21px;
	width: 74px;
	background-color:#e3e3e3;
	
}

input#clear		{color: #8A8A8A;}
input#reset		{color: #8A8A8A;}
input#preview	{color: #FF6C00;}
input#cancel	{color: #8A8A8A;}
input#delete	{color: #8A8A8A;}


select	{
	border-top: 1px solid #7F9DB9;
	border-right: 1px solid #BACDDF;
	border-bottom: 1px solid #BACDDF;
	border-left: 1px solid #7F9DB9;
	margin-top:4px;
	margin-bottom:4px;
}
select.search {
	border-top: 1px solid #7F9DB9;
	border-right: 1px solid #BACDDF;
	border-bottom: 1px solid #BACDDF;
	border-left: 1px solid #7F9DB9;
}
textarea {
	border-top: 1px solid #7F9DB9;
	border-right: 1px solid #BACDDF;
	border-bottom: 1px solid #BACDDF;
	border-left: 1px solid #7F9DB9;
}


input.field {margin-bottom: 3px;}
select.field {margin-bottom: 3px;}

input.submit {margin: 2px 0px 2px 0px;}
html>body input.submit {margin: 4px 0px 4px 0px;}
* html input.submit {margin: 0px 0px 0px 0px;}

span.submit {background: font: 25px Arial; !important;}



/************* IMPORTANT FONTS *******************/

.titleText		{color: #000; text-decoration: none; font-size:12px; font-weight:bold; padding-bottom:10px; }

.articleDate	{font-size: 11px; color: #7777CC; font-style: italic; }
.realprice		{text-decoration: line-through; border: none; background: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; }
.ourprice		{color: #fff; font-weight: bold; border: none; background: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; }
.taxprice		{color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif;}
.editprice		{font-family:Tahoma,Verdana,Arial,sans-serif; width: 80px; font-size:10px; color:black}
.top				{font-size: 11px; padding: 2 0 2 0;}
.smallText		{font-size: 11px; }
.smallcouponText{font-size: 11px; color: #FFFFFF; }
.middleText		{font-size: 11px; }
.bigText		{font-size: 12px; }

.tocreverse {
	color: #ffffff; 		/* Used in Help button popup on CCs */
}

.comment {
	font-size: 11px;
	color: #000000; 
}
.message {
	font-size: 12px;
	background-color:#F4F4F4;
	font-weight:bold;
	padding-bottom:5px;
}
.select_qty {
	padding-top:10px;
}
.divlistbuttons {
	padding-top:15px;
}
.title {
	font-size: 10px; 
	font-weight: bold; 
	color: #000000; 
}
.bigtitle {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.error {
	font-size: 12px;
	color:#ffffff;
	line-height:22px;
	
	font-weight:bold;
	
	text-transform:uppercase;
	
	background-color:#990000;
	
	text-align:center;
	/* 
	border:2px;
	border-style:solid;
	*/
}
.errorcoupons {
	font-size: 12px;
	color:#ffffff;
	
	font-weight:bold;
	text-transform:uppercase;
	
	background-color:#990000;
	
	padding:2px;
	margin-left:7px;
	margin-right:7px;
}	

.terms      {height: 300px; width: 600px; overflow: auto; border: 1px solid silver; }


/*************  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;}