* { padding: 0; margin: 0; }

html,body {
 font-family: arial;
 }
 a:link {
 COLOR: #ffffff;
 text-decoration: none;
 }
 a:visited {
 COLOR: #ffffff;
 text-decoration: none;
 }
 a:hover {
 COLOR: #575759;
 text-decoration: none;
 }
 a:active {
 COLOR: #ffffff;
 text-decoration: none;
}

#wrapper { 
 margin: 0 auto;
 width: 800px;
 border: 0px solid #ffffff;
}
#header {
 color: #333;
 width: 800px;
 float: left;
 padding: 0px;
 border: 0px solid #000000;
 height: 142px;
 margin: 3px 0px 0px 0px;
 background: #000000;
}
#mid { 
 color: #333;
 border: 0px solid #000000;
 background: #ffffff;
 margin: 0px 3px 3px 0px;
 padding: 0px;
 min-height: 434px;
 width: 800px;
 float: left;
}
#mid1 { 
 color: #333;
 border: 0px solid #000000;
 background: #ffffff;
 margin: 0px 3px 3px 0px;
 padding: 0px;
 height: 434px;
 width: 800px;
 float: left;
}
#mid2 { 
 color: #333;
 border: 0px solid #000000;
 background: #000000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 min-height: 434px;
 width: 800px;
 float: left;
}

#mid3 { 
 color: #333;
 border: 0px solid #000000;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 min-height: 500px;
 width: 800px;
 float: left;
}

#mid4 { 
 color: #333;
 border: 0px solid #000000;
 background: #000000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 min-height: 576px;
 width: 800px;
 float: left;
}

#mid6 { 
 color: #333;
 border: 0px solid #000000;
 background: #ffffff;
 margin: 0px 3px 3px 0px;
 padding: 0px;
 min-height: 434px;
 width: 800px;
 float: left;
}

#leftcolumn { 
 color: #333;
 border: 0px solid #000000;
 background: #ffffff;
 margin: 0px 3px 3px 0px;
 padding: 0px;
 height: 226px;
 width: 397px;
 float: left;
}
#rightcolumn { 
 float: left;
 color: #333;
 border: 0px solid #000000;
 background: #ffffff;
 margin: 0px 0px 3px 0px;
 padding: 0px;
 height: 226px;
 width: 397px;
 display: inline;
 }
#leftcolumnb { 
 color: #333;
 border: 0px solid #000000;
 background: #000000;
 margin: 0px 3px 3px 0px;
 padding: 0px;
 height: 226px;
 width: 397px;
 float: left;
}
#rightcolumnb { 
 float: left;
 color: #333;
 border: 0px solid #000000;
 background: #000000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 226px;
 width: 397px;
 display: inline;
 }
#footer {
 color: #333;
 width: 798px;
 float: left;
 padding: 0px;
 border: 0px solid #000000;
 height: 35px;
 margin: 3px 0px 3px 0px;
 background: #4D4D4D;
}

#mid td {
	font-family: Arial;
	font-size: 16px;
	line-height: 1.1;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	}
#mid1 td {
	font-family: Arial;
	font-size: 16px;
	line-height: 1.1;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #909091;
	text-decoration: none;
	}
	#mid2 td {
	font-family: Arial;
	font-size: 11px;
	line-height: 1.1;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	}
	#mid4 td {
	font-family: Arial;
	font-size: 11px;
	line-height: 1.1;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	}
	#mid6 td {
	font-family: Arial;
	font-size: 16px;
	line-height: 1.1;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	}
	#footer td {
	font-family: Arial;
	font-size: 10px;
	line-height: 1.1;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	}
	
.link2 a {
font-family: Arial;
font-weight: bold;
color: #909091;
font-size: 0.8em;
text-decoration: none;
}
.link2 a:visited {
color: #909091;
font-size: 0.8em;
}
.link2 a:hover {
color: #4D4D4D;
font-size: 0.8em;
text-decoration: none;
}

.link3 a {
font-family: Arial;
font-weight: bold;
color: #909091;
font-size: 0.8em;
text-decoration: none;
}
.link3 a:visited {
color: #909091;
font-size: 0.8em;
line-height: 15px;
}
.link3 a:hover {
color: #4D4D4D;
font-size: 0.8em;
text-decoration: none;
}
.link4 a {
font-family: Arial;
font-weight: normal;
color: #ffffff;
font-size: 10px;
text-decoration: none;
}
.link4 a:visited {
color: #ffffff;
font-size: 10px;
}
.link4 a:hover {
color: #000000;
font-size: 10px;
text-decoration: none;
}

.link5 a {
font-family: Arial;
font-weight: bold;
color: #ff0000;
font-size: 12px;
text-decoration: none;
}
.link5 a:visited {
color: #ff0000;
font-size: 12px;
}
.link5 a:hover {
color: #000000;
font-size: 12px;
text-decoration: none;
}

h1	{
	font-size: 13px;
	font-family: Arial;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #000000;
	width: 100%;
        color: #130c06;
      	font-weight: bold;
	}

h2	{
	font-size: 22px;
	font-family: Arial;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 40px;
	border-bottom: 0px solid #000000;
	color: #ffffff;
	font-weight: bold;
	}
h3	{
	font-size: 17px;
	font-family: Arial;
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
	border-bottom: 0px solid #000000;
	color: #919396;
	font-weight: bold;
	}
h4	{
	font-size: 12px;
	font-family: Arial;
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
	border-bottom: 0px solid #000000;
	color: #ffffff;
	font-weight: bold;
	}
h5	{
	font-size: 9px;
	font-family: Arial;
	margin: 0px auto;
	padding: 0px 0px 0px 3px;
	border-bottom: 0px solid #000000;
	color: #919396;
	font-weight: normal;
	}	
.ddm1 {
    font: 17px arial;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 5px 14px 5px 8px;
    border: 1px #000000;
    border-style: solid none solid none;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddm1 .item1 {
    background: #000000;
    color: #ffffff;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: #575759;
    color: #ffffff;
}
.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 5px 14px 5px 14px;
    text-decoration: none;
    font: 14px arial;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddm1 .item2 {
    background: #575759;
    color: #ffffff;
}
.ddm1 .item2:hover {
    background: #575759;
    color: #000000;
}
.ddm1 .section {
    border: 1px #000000;
    border-style: solid solid solid solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
}
.ddm1 .left, .ddm1 .left:hover { border-style: solid none solid solid; }
.ddm1 .right, .ddm1 .right:hover { border-style: solid solid solid none; }

* html .ddm1 td { position: relative; } /* ie 5.0 fix */

.n1
{
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(images/abon.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n1 a
{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n1 a:hover {
 color: #000000;
 font-weight: bold;
}
.n1 a:visited {
 color: #ffffff;
 font-weight: bold;
}
.n1 img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n1 a:hover img{visibility:hidden}
.n1 span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.n1a
{
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(images/peton.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n1a a
{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n1a a:hover {
 color: #000000;
 font-weight: bold;
}
.n1a a:visited {
 color: #000000;
}
.n1a img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n1a a:hover img{visibility:hidden}
.n1a span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.n2
{
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(images/paperon.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n2 a
{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n2 a:hover {
 color: #000000;
font-weight: bold;
}
.n2 a:visited {
color: #ffffff;
font-weight: bold;
}
.n2 img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n2 a:hover img{visibility:hidden}
.n2 span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.n2a
{
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(images/paperon.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n2a a
{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n2a a:hover {
 color: #000000;
font-weight: bold;
}
.n2a a:visited {
color: #000000;
font-weight: bold;
}
.n2a img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n2a a:hover img{visibility:hidden}
.n2a span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.n3
{
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(images/neoon.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n3 a
{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n3 a:hover {
 color: #000000;
font-weight: bold;
}
.n3 a:visited {
color: #ffffff;
font-weight: bold;
}
.n3 img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n3 a:hover img{visibility:hidden}
.n3 span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.n3a
{
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(images/neoon.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n3a a
{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n3a a:hover {
 color: #000000;
font-weight: bold;
}
.n3a a:visited {
color: #000000;
font-weight: bold;
}
.n3a img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n3a a:hover img{visibility:hidden}
.n3a span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.n4
{
position: relative;
font-family: Arial;
font-family: bold;
font-size: 12px;
font-weight: bold;
background: url(images/ferroon.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n4 a
{
display: block;
color: #000000;
font-size: 12px;
font-family: Arial;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n4 a:hover {
 color: #000000;
font-weight: bold;
}
.n4 a:visited {
color: #ffffff;
font-weight: bold;
}
.n4 img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n4 a:hover img{visibility:hidden}
.n4 span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.n4a
{
position: relative;
font-family: Arial;
font-family: bold;
font-size: 12px;
font-weight: bold;
background: url(images/ferroon.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n4a a
{
display: block;
color: #000000;
font-size: 12px;
font-family: Arial;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n4a a:hover {
 color: #000000;
font-weight: bold;
}
.n4a a:visited {
color: #000000;
font-weight: bold;
}
.n4a img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n4a a:hover img{visibility:hidden}
.n4a span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.n5
{
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(images/vgon.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n5 a
{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n5 a:hover {
 color: #000000;
font-weight: bold;
}
.n5 a:visited {
color: #ffffff;
font-weight: bold;
}
.n5 img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n5 a:hover img{visibility:hidden}
.n5 span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.n6
{
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(images/ipon.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n6 a
{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n6 a:hover {
 color: #000000;
font-weight: bold;
}
.n6 a:visited {
color: #ffffff;
font-weight: bold;
}
.n6 img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n6 a:hover img{visibility:hidden}
.n6 span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.n7
{
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(images/magon.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n7 a
{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n7 a:hover {
 color: #000000;
font-weight: bold;
}
.n7 a:visited {
color: #ffffff;
font-weight: bold;
}
.n7 img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n7 a:hover img{visibility:hidden}
.n7 span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.n7a
{
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(images/paperon.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n7a a
{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n7a a:hover {
 color: #000000;
font-weight: bold;
}
.n7a a:visited {
color: #000000;
font-weight: bold;
}
.n7a img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n7a a:hover img{visibility:hidden}
.n7a span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.n8
{
position: relative;
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(images/sheeton.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 102px;
height: 102px;
margin: 0;
padding: 0;
}
.n8 a
{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 102px;
height: 102px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.n8 a:hover {
 color: #000000;
font-weight: bold;
}
.n8 a:visited {
color: #ffffff;
font-weight: bold;
}
.n8 img {width: 102px; height: 102px; border: 0; }
* html a:hover {visibility:visible}
.n8 a:hover img{visibility:hidden}
.n8 span
{
position: absolute;
left: 8px;
top: 8px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.l1
{
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(images/logo1.gif) no-repeat;
white-space: nowrap;
display: block;
width: 276px;
height: 90px;
margin: 0;
padding: 0;
}
.l1 a
{
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
width: 276px;
height: 90px;
display: block;
float: left;
color: white;
text-decoration: none;
}
.l1 a:hover {
 color: #000000;
font-weight: bold;
}
.l1 a:visited {
color: #ffffff;
font-weight: bold;
}
.l1 img {width: 276px; height: 90px; border: 0; }
* html a:hover {visibility:visible}
.l1 a:hover img{visibility:hidden}
.l1 span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

h1	{
	font-size: 11px;
	font-family: arial;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #575759;
        border-bottom: 0px solid #c3c3c3;
       	}
		
.link2 a {
color: #ffffff;
font-size: 17px;
text-decoration: none;
}
.link2 a:visited {
color: #ffffff;
font-size: 17px;
}
.link2 a:hover {
color: #ffeed2;
font-size: 17px;
text-decoration: none;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 3px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -80px;
left: 0px; /*position where enlarged image should offset horizontally */

}

  .jssProductAdd {
	padding: 1px 1px;
	margin: 2px 2px 0px 0px;
	margin-left: 0px;
	padding-top: 0px;
	font-size: 12px;
	font-weight: bold;
    color: #ff0000;
    border: 0px;
	text-align: left;
	cursor: pointer;
}

.select,.textarea,.textbox {
	font-size: 12px;
	font-family: Arial;	
	background-color:#ffffff;
	color:#000000;
	border:1px solid #000000;
}


.textbox1 {
	font-size: 11px;
	font-family: Arial;	
	background-color:#646464;
	color:#ffffff;
	border:1px solid #c3c3c3;
}