html { height: 100%; }
body {	padding: 0px; margin: 0px; font-family: Tahoma; font-size: 10pt; height: 100%; max-width: 1150px; background-image: url(../ii/pbg.gif); background-repeat: repeat-y; }
img { border: 0px; }
td { font-family: Tahoma; font-size: 10pt; }
td.k { font-family: times; font-size: 11pt; color: Black; }
p { text-align: justify; }
h1 { font-size: 11pt;  }
a { color: #333; xtext-decoration: none; }
a:hover { xtext-decoration: underline; }

#container {min-height: 100%; margin-bottom: -80px; max-width: 1150px; }
* html #container {height: 100%;}
form { height: 100%; }
.small { font-size: 80%; }

#header { background-image: url(../ii/top4.jpg); background-position: left top; background-repeat: no-repeat; height: 110px; margin-bottom: 10px; }
#content { padding-bottom: 80px; max-width: 1150px;}
#footer {height: 65px; padding: 0px; padding-top: 10px; font-size: 12px !important; color: black; border-top: solid 5px black; text-align: center; }
#footer a { color: black; }

.content { padding: 10px; padding-left: 16px; padding-right:15px; border-right:solid 1px #e8e8e8; margin-right:15px; }

#menu { background-image: url(../ii/menubg.jpg); background-position: left top; background-repeat: no-repeat; width:290px; padding: 15px; }
.menu1
{
    font-family: Arial;
    color: Black;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    padding-left: 47px;
    padding-top: 10px;
    xborder-bottom: dotted 1px #666;
    background-image: url(../ii/bar.gif);
    width: 255px;
    height: 25px;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-left: -7px
}
.menu1 a { color:Black; }
.menu2 { font-family: Arial; font-size: 12px; font-weight: bold; padding:3px; padding-left: 20px; xborder-bottom: dotted 1px #999; }
.menu2 a { color:Black; }
.m2b { margin-left: 20px; }
.menu3 { font-family: Arial; font-size: 12px; font-weight: bold; padding:3px; padding-left: 30px; xborder-bottom: dotted 1px #999; }
.menu3 a { color:Black; }
.menu4 { font-family: Arial; font-size: 12px; font-weight: bold; padding:3px; padding-left: 50px; xborder-bottom: dotted 1px #999; }
.menu4 a { color:Black; }
#partn { margin-top: 0px; background-image: url(../ii/partn.jpg); background-repeat: no-repeat; padding: 5px; padding-top: 60px; height:175px; width:300px; color: #e8e8e8; margin: 5px 0px 5px 10px }
#partn a { color: #eee !important; }

#popular { margin-top: 0px; background-repeat: no-repeat; padding: 5px; padding-top: 50px; height:330px; width:350px; color: #e8e8e8; margin: 5px 0px 5px 10px }

table.tabs { width: 620px; border-collapse: collapse; border-bottom: solid 2px #029a0f;  margin-bottom: 10px;}
table.tabs td { border-width: 0px; padding: 1px; margin: 0px; width:16%; text-align: center; vertical-align: middle; height: 26px; background-image: url(../ii/tabbg.jpg); background-repeat: no-repeat; background-position: center top; }
table.tabs td a { font-size: 12px; font-weight: bold; color: White; text-decoration: none;}

td.prodview { overflow: hidden; }
td.prodview table { width:100%; border-collapse: collapse; }
td.prodview table td { margin: 0px; padding: 1px; width:10%; text-align:center; }

div.catTop { border-bottom: solid 1px #666666; padding-bottom: 3px; margin-bottom: 3px; }
table.prodView { width: 100%; border-collapse: collapse; }
table.prodView td { vertical-align: top; padding: 5px; margin:0px; border-bottom: dotted 1px gray; text-align:center; width:33%; }
table.prodView td div.name { font-weight:normal; text-align: center; font-size: 10pt; }
table.prodView td div.brief { font-size: 12px; }
table.prodView td div.price { color: #3366cc; }
table.prodView div.price bp { text-decoration: line-through; font-size: 80%; display: inline; }
table.prodView img.special { position: absolute; margin:7px; z-index: 1000; width:24px; height: 24px; }

td.prodview table td { font-size: 10px; }

div.productView div.price { color: #3366cc; font-weight: bold; padding: 5px 0px 5px 0px; font-size: 16px; font-family: Verdana; }
div.productView div.special { color: Red; font-weight: bold; padding: 7px; }
div.productView table.attrs { border: solid 1px #666666; border-collapse: collapse; }
div.productView table.attrs td { border: solid 1px #dddddd; padding: 2px; }
div.productView table.attrs tr.even td { background-color: #f8f8f8; }

table.cart { width: 100%; border-collapse: collapse; }
table.cart thead td
{
    font-weight: bold;
    border: 1px solid #999999;
    background-color: lightgrey;
    color: Black;
    text-align: center;
}
table.cart tbody td { border: solid 1px #999999;  }
table.cart td {padding: 3px; vertical-align: top; }
table.cart td div.description { font-size: 80%; color:#666666; }

/* orders data */
table.order
{
    margin-top: 20px;
}
tr.order_header td
{
    background-color: lightgrey;
    color: black;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}
tr.cancelled td
{
    background-color: Red;
    color: White;
}
tr.even td
{
    background-color: white;
}
span.order_date
{
	display: block;
	position: relative;
	float: right;
	font-size: 11px;
	color: #808080;
	margin-top: 2px;
}
td.price
{
	text-align: right;
	xwhite-space: nowrap;
}
/* order status */
.oStatus
{
	font-size: 11px;
}
.oStatus.new
{
	color: #009933 !important;
}
.oStatus.payment
{
	color: #FF0000 !important;
}
.oStatus.processing
{
	color: #ff6600 !important;
}
.oStatus.done
{
	color: #333333 !important;
	font-weight: bold !important;
}
.oStatus.cancelled
{
	color: #cccccc;
}
/* order info */
table.orderInfo tr td
{
    border: solid 1px Gainsboro; 
} 
table.orderItems tr td
{
    border: solid 1px Gainsboro; 
} 
tr.orderItems_header td
{
    background-color: lightgrey;
    color: Black;
    font-weight: bold;
}
.xsltPager
{
    font-size: 8px;
    width: 100%;
    border-top: solid 1px #3366cc; 
    border-bottom: solid 1px #3366cc;
}
.xsltPager td
{
    font-family: Verdana, Arial;
    text-align: left;
    width: 300px;
}
a.link
{
    font-family: Verdana, Arial;
    xwhite-space: nowrap;
}
div.managerInfo
{
    margin-top: 5px;
}
input#tbSearch
{
    padding-top: -3px;
    width: 200px;
}
img#btnSearch
{
    cursor: pointer;
}
div.descr
{
    padding-bottom: 10px;
}
div#divHint
{
    background-color: infobackground;
    border: solid 1px gainsboro;
    padding: 5px;
    position: absolute;
    white-space: nowrap;
}
div.menu2 a
{
    text-decoration: none;
}

div.menu1, div.menu2, div.menu3
{
    font-family: Tahoma;
}
div#divMenu
{
    width: 805px;
}

.lhelp 
{
    visibility: hidden; 
    display: none; 
    width: 15px; 
    height: 15px; 
    cursor: pointer;
    background-color: Blue; 
    border:solid 1px black; 
    position: absolute; 
    zIndex: 10;
    filter:alpha(opacity=30); 
    -moz-opacity:0.3; 
    opacity: 0.3;  
}

.lcreate { background-color: Red !important; }