
div.clSlideMenu{ /* All slideMenu2 DIV elements */
	position:absolute;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	overflow:hidden;
	width:150;
	height:22;
}
a.clA0{ /* All top level links */
	color:white;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}

a:clA0:link { color:#FF0000; text-decoration:underline}	
a:clA0:visited { color:#FF0000; text-decoration:underline}
a:clA0:hover { color:#0000FF; text-decoration:underline}
a:clA0:active { color:#FF0000; text-decoration:underline}

a.clA1{ /* All sub level links */
	color:black;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
a.clA2{ /* All sub2 level links */
	color:navy;
	text-decoration:none;
}
a.clA3{ /* All sub3 level links */
	color:black;
	text-decoration:none;
}
a.clA4{ /* All sub4 level links */
	color:green;
	text-decoration:none;
}

/* NEEDED STYLES */
div.slideMenuBG{position:absolute; left:0; top:0; z-index:1}
div.slideMenuText{position:absolute; left:2; top:2; z-index:200;}
/* NEEDED ----- This class should be named like this:
	#NAME_OF_YOUR_MENUcont
*/
#slideMenucont{position:absolute;	height:600; width:200; visibility:hidden;}

.dottedback {
	background-image: url(../images/dottedline.gif);
	background-repeat: repeat-y;
}

body, p, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 140%;
	color: #000000;
}
.none {
   display: none;
   }

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 110%;
	color: #5a798b;
}

.smallblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 110%;
	color: #000000;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	display: inline;
	font-weight: normal;
	line-height: 140%;
	color: #5a798b;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	display: inline;
	font-weight: normal;
	line-height: 140%;
	color: #5a798b;
}

#content{
	padding: 0px 20px 20px 20px;
}

#productnav-toplevel {
	padding: 2px 5px 2px 12px;
}

#productnav-secondlevel {
	padding: 2px 5px 2px 20px;
}

#productnav-thirdlevel {
	padding: 2px 5px 2px 40px;
}

body {
	background-color: #5A798B;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-attachment: scroll;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;*/

}

.formfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #d5d5d5;
	padding: 5px;
	height: 25px;
	width: 250px;
}

.orange {
	color: #FA702A;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #FA702A;
}

a:link { color:#FA702A; text-decoration:underline}
a:visited { color:#FA702A; text-decoration:underline}
a:hover { color:#000000; text-decoration:underline}
a:active { color:#FA702A; text-decoration:underline}

a.footer:link { color:#000000; text-decoration:underline}
a.footer:visited { color:#000000; text-decoration:underline}
a.footer:hover { color:#FA702A; text-decoration:underline}
a.footer:active { color:#000000; text-decoration:underline}

a.category:link { color:#666666; text-decoration:none}
a.category:visited { color:#666666; text-decoration:none}
a.category:hover { color:#333333; text-decoration:none}
a.category:active { color:#666666; text-decoration:none}

a.toplevelcategory:link { font-size:14px; color:#839EAF; text-decoration:none}
a.toplevelcategory:visited { font-size:14px; color:#839EAF; text-decoration:none}
a.toplevelcategory:hover { font-size:14px; color:#5a798b; text-decoration:none}
a.toplevelcategory:active { font-size:14px; color:#839EAF; text-decoration:none}

a.subcategory:link { font-size:11px; color:#333333; text-decoration:none}
a.subcategory:visited { font-size:11px; color:#333333; text-decoration:none}
a.subcategory:hover { font-size:11px; color:#000000; text-decoration:none}
a.subcategory:active { font-size:11px; color:#333333; text-decoration:none}

a.LOWESTCATEGORY:link { font-size:11px; color:#333333; text-decoration:none}
a.LOWESTCATEGORY:visited { font-size:11px; color:#333333; text-decoration:none}
a.LOWESTCATEGORY:hover { font-size:11px; color:#000000; text-decoration:none}
a.LOWESTCATEGORY:active { font-size:11px; color:#333333; text-decoration:none}

.bg-footer {
	background-image: url(../images/bg-footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.bg-left-top {
	background-image: url(../images/bg-left-top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg-left-top2 {
	background-image: url(../images/core/bg-left-top2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg-left {
	background-image: url(../images/bg-left.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.bg-left-bottom {
	background-image: url(../images/bg-left-bottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.bg-right-top {
	background-image: url(../images/bg-right-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg-right-top2 {
	background-image: url(../images/core/bg-right-top2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg-right-bottom {
	background-image: url(../images/bg-right-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}



/*---------------------------------------------   
    print settings
----------------------------------------------*/
.printshow {
	display: none;
}


.print {
	padding: 10px 0 30px 0;
	text-align: right;
	background: url(../images/icon-print.gif) 275px 5px no-repeat;
}

.print a { color: #98a6ad; }


/* new catalogue nav*/

ul#catalogue-nav { width: 180px; height: auto; display: block; margin: 0; padding: 0; list-style: none; float: left; }
ul#catalogue-nav li { list-style: none!important; margin: 0; padding: 0; width: 180px; border-bottom: 1px dotted #7b94a2; float: left; display: block; clear: both; position: relative; }
ul#catalogue-nav li a { float: left; display: block; width: 155px; color: #7b94a2; font-size: 14px; text-decoration: none; background: #fff url('../images/arow1.gif') no-repeat 5px 7px; padding: 5px 5px 5px 20px; }
ul#catalogue-nav li a:hover { color: #fff; text-decoration: none; background: #7b94a2 url('../images/arow3.gif') no-repeat 5px 7px; padding: 5px 5px 5px 20px; font-weight: bold;  }
ul#catalogue-nav li ul { width: 180px; display: block; position: absolute; left: -9999em; top: 100%; height: auto; margin-left: 140px; clear: both; }
ul#catalogue-nav li li {  list-style: none!important; padding: 0; margin: 0!important; border-bottom: 1px solid #fff!important; }
ul#catalogue-nav ul li a { display: block; width: 155px; color: #fff; font-weight: bold; text-decoration: none; font-size: 12px; background: #7b94a2 url('../images/arow3.gif') no-repeat 5px 7px; padding: 5px 5px 5px 20px; }
ul#catalogue-nav ul li a:hover { color: #fff; text-decoration: none; background: #666 url('../images/arow4.gif') no-repeat 5px 7px!important; }
ul#catalogue-nav li li li {  list-style: none!important; margin: 0; padding: 0; border-left: 1px solid #fff!important; }
ul#catalogue-nav ul li ul li a { display: block; width: 160px; color: #fff; text-decoration: none; font-size: 11px; font-weight: bold; background-color: #666!important; background-image: none!important; padding: 5px 10px;}
ul#catalogue-nav ul li ul li a:hover { color: #fff; text-decoration: none; background-color: #e25f1d!important; background-image: none!important; }

/*hovered*/
ul#catalogue-nav li:hover ul, ul#catalogue-nav li.over ul { top: 0; left: 0; }
ul#catalogue-nav li:hover ul ul, ul#catalogue-nav li.over ul ul { left: -9999em; }
ul#catalogue-nav li li:hover ul, ul#catalogue-nav li li.over2 ul { top: 0; left: 0; }
ul#catalogue-nav li.over a.onsection { font-weight: bold; background: #7b94a2 url('../images/arow3.gif') no-repeat 5px 7px; text-decoration: none; color: #fff; padding: 5px 5px 5px 20px; }
ul#catalogue-nav li li.over2 a.onsection2 { background: #666 url('../images/arow4.gif') no-repeat 5px 7px; text-decoration: none; color: #fff; }


/*listing*/

ul.listing-display { width: 480px; height: auto; list-style: none; padding: 0; margin: 0; display: inline-block; }
ul.listing-display li { width: 140px; height: 155px; overflow: hidden; display: inline; float: left; margin: 0 15px 15px 0; border: 1px dotted #7b94a2; }
ul.listing-display li .thumb { width: 124px; height: 104px; overflow: hidden; margin: 0 auto; clear: both; text-align: center; display: block; padding: 5px 3px; }
ul.listing-display li span { display: block; height: 35px; overflow: hidden; width: 110px; margin: 0 auto; text-align: center!important; font-size: 13px; font-weight: bold; }


