Body {
	background: #c4c4c4 url(../../imgs/splat.gif) no-repeat fixed 0 0;
	margin: 0;
}

td.head {
	border: none;
}
    
.navtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #c4c4c4;
	font-size: 12px;
	font-weight: normal;
	padding: 4px;
}

a.nav  {
	color : #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}


a.nav:hover {
	color : #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.nav:visited {
	color : #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.nav:visited:hover {
	color : #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
		background-color:#fff;
    color:#000000;
    text-decoration:none
		}

a.info:hover{
		z-index:25; 
		background-color:#FFF;
		}

a.info span{
		display: none;
		}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
		padding:2px;
    position:absolute;
    top:7em; 
		left:-6em; 
		width:22em;
    border:1px solid #C6974B;
    background-color:#fff; 
		color:#000000;
		text-decoration:none;
		font-weight:normal;
    text-align: left}



.netscapeignoresthis	{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; }	/*----- netscape browser fix -----*/
.smallnormal			{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; padding:2px; }
.smallnormaltable		{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; color: Black; }
.smallnormaltablealt	{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; color: #000000; }
.mednormal				{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 11px }
.mednormaltable			{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 11px; color: Black; }
.medbold				{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 11px; font-weight: bold; padding:2px; }
.medboldalt				{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; font-weight: bold; color: #000000; }
.medboldtable			{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 11px; font-weight: bold; color: Black; }
.largebold				{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 18px; font-weight: normal; color: #F02102;  }
.largeboldalt			{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 12px; font-weight: bold; color: #000000; }
.smallcompact			{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px }
.smallbold				{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; font-weight: bold }
.smallboldversion			{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; font-weight: bold; color: Black; background-color: #ffffff; padding: 4px; width: 130px; }
.smallboldtable			{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; font-weight: bold; color: Black; }
.smallboldtablealt		{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; font-weight: bold; color: #000000; }
.smallboldtabletop		{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; font-weight: bold; color: Black; }
.smallboldtabletop1		{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 14px; font-weight: bold; color: #fff; background-color: #666; }
.smallboldtemplate		{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; font-weight: bold; color: White; }
.smallboldfooter		{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; color: Gray; }
.locationbar			{font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; color: Black; }
.searchtexthighlight	{background: ; }


/*---------- default site link ---------------------------------------*/

a  {
	color : #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
}


a:hover {
	color : #F02102;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 11px;
	font-weight: bold;
}

a:visited {
	color : #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 11px;
	font-weight: bold;
}

a:visited:hover {
	color : #F02102;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 11px;
	font-weight: bold;
}


/*---------- template header menu ------------------------------------*/

A.templatemenu:link		{text-decoration: none; color: White; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; }
A.templatemenu:visited	{text-decoration: none; color: White; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; }
A.templatemenu:hover	{text-decoration: none; color: Black; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; background-color: White; }


/*---------- mini basket link ----------------------------------------*/

a.minibasket  {
	color : #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}


a.minibasket:hover {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: bold;
}

a.minibasket:visited {
	color : #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: bold;
}

a.minibasket:visited:hover {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: bold;
}


/*---------- product location bar ------------------------------------*/

a.locationlink{
	color : #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}


a.locationlink:hover {
	color : #F02102;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: bold;
}

a.locationlink:visited {
	color : #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: bold;
}

a.locationlink:visited:hover {
	color : #F02102;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: bold;
}


/*---------- product categories --------------------------------------*/

a.prodtypemenu{
	color : #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}


a.prodtypemenu:hover {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.prodtypemenu:visited {
	color : #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.prodtypemenu:visited:hover {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.prodtypemenu1{
	color : #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background: #F02102;
	padding: 2px;
	line-height: 2em;
}


a.prodtypemenu1:hover {
	color : #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
	background: #666;
}

a.prodtypemenu1:visited {
	color : #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.prodtypemenu1:visited:hover {
	color : #F02102;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.prodtypemenu2{
	color : #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background: #fff;
	padding: 2px;
	line-height: 2em;
}


a.prodtypemenu2:hover {
	color : #F02102;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.prodtypemenu2:visited {
	color : #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.prodtypemenu2:visited:hover {
	color : #F02102;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: bold;
}

a.largebold{
	color : #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
}


a.largebold:hover {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 18px;
	font-weight: normal;
}

a.largebold:visited {
	color : #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 18px;
	font-weight: normal;
}

a.largebold:visited:hover {
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 18px;
	font-weight: normal;
}


table.minibasket		{background-color: #fff; }
tr.minibasketline 		{background-color: #666; }
tr.minibasketline2 		{background-color: #fff; }

hr				{height: 1; color: #666; background-color: #666; border-width: 0px; width: 100%; }
pre				{font-family: Courier,Times New Roman,Serif; font-size: 10px; }
select			{font-weight: normal; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; color: Black; background-color: White; border-color: #DDDDDD; }
select.currencymenu	{font-weight: normal; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; color: Black; background-color: #609AEF; border-color: #508ADF; }
select.languagemenu	{font-weight: normal; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; color: Black; background-color: #609AEF; border-color: #508ADF; }
select.prodtypemenu	{font-weight: normal; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 10px; color: Black; background-color: White; border-color: #DDDDDD; }

form			{margin: 0 }

table.mainpage			{background-color: #fff; }
table.topsales			{background-color: #fff; }

tr.mainpagetableline 		{background-color: #efefef; }
tr.mainpagetableline2 		{background-color: #e7e7e7; }
tr.mainpagetablespecial		{background-color: #fff; }
tr.mainpageversionhighlight	{background-color: #FFFFFF; }
td.shortformatproduct		{border: 0;}
td.topsales					{border: solid 1px; border-color: #C6974B; background-color: #fff; }

td.menu		{
	border: solid 2px #fff; 
	background: #fff url(../../imgs/hatch.gif); 
}

td.content		{
	border: solid 2px #fff; 
	background: #fff url(../../imgs/graf.gif) no-repeat bottom center; 
}

.infobox{
/*width: 250px;*/
padding: 3px;
margin: 5px 0 3px 0;
color:#666;
font-family: Verdana, Arial, Sans-serif;
font-size:10px;
font-weight: bold;
background-color: #c4c4c4;
border-top: 1px #666 solid;
}

Input
	{
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	color:#404040;
	background:#FFFFFF;
	border:1px;
	border-style:solid;
	border-color:#404040;
	}

Input.buttonstyle
	{
	font-family:verdana;
	font-size:11px;
	font-weight:normal;
	color:#404040;
	background:#fff;
	border:1px;
	border-style:solid;
	border-color:#404040;
	}
Input.checkbox
	{
	font-family:verdana;
	font-size:11px;
	font-weight:normal;
	color:#404040;
	background:#fff;
	border:0px;
	border-style:solid;
	border-color:#404040;
	}

.hidden
{
  display: none;
}

/* Lightbox CSS */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
