html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;	
background: #666666;
}

a {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;	
text-decoration: none;
}

a:hover {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;	
text-decoration: underline;
}

span {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
}

img {border: 0;}

h1 {
font-size: 11px;
font-weight: bold;
}

form {margin: 0;}

input	{border: solid 1px #777777;}

textarea	{border: solid 1px #777777;}

.error {
font-family: Verdana, Arial, Sans-Serif;
font-size: 12px;
font-weight: normal;
color: #ed7527;
}

.notify_message {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #fff;
background: #4E4E4E;
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
width: 700px;
}

.alert_message {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #fff;
background: #4E4E4E;
padding-bottom: 5px;
padding-top: 5px;
width: 670px;
}

.alert_message a {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #fff;
text-decoration: underline;
background: red;
padding: 5px;
width: 670px;
}

input.box, .form input.box {width: 20px;}

input.button {
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #ffffff; 
cursor: pointer;
border: none; 
background: #000000 none repeat scroll 0% 50%;
}

a.text_button{
display: block;
width: 30px;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #555555;
text-decoration: none;
padding: 5px 10px 5px 10px;
background: #f9f9f9;
border: 1px solid #c3c3c3;
}

.price, .price-special {font-size: 10px; font-weight: normal; color: #7D7D7D;}

td.price, th.price, .table th.price {font-size: 11px; font-weight: bold; text-align: center; }

.price-total {font-size: 11px; }

th.price-total, td.price-total, .table th.price-total {font-size: 11px; text-align: center;}

.total {padding-top: 3px; font-size: 12px; font-weight: bold;}

/*.buttons {
padding: 10px;
margin-top: 20px;
background: #efefef;
border: 1px solid #dfdfdf;
} */

.vline {border-left: 1px solid #dfdfdf;}

/*** form ***/
table.form  {width: 100%;}

.form input {width: 180px;}

.form td {padding: 5px;}

.form span {font-size: 12px;}

.asterisk {color: #7D7D7D;}

.form-left {
width: 50%;
font-weight: bold;
float:left;

text-align: left;
}

.form .info {
font-weight: bold;
text-align: center;
padding: 10px 0;
}

.form .buttons {
text-align: center;
padding-top: 10px;
}
/*** !form ***/

/*** table ***/
.table {
width: 100%;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
border: 1px solid #dfdfdf;
}

.table th {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #0d7fc1;
text-align: center;
padding: 5px;
background: #F9F9F9;
border-bottom: 1px solid #dfdfdf;
}

.table tr, .table tr.out {background: #ffffff; color: #000000;}

.table tr.over {background: #dffaff;}

.table td.order-desc {background: #d1eaef;}

.table td.order-asc {background: #e0ecef;}

.table td {}
/*** !table ***/

/*** progressbar ***/
.progressbar td, .progressbar td a {color: #aaaaaa;}

.progressbar td.current {color: #ffffff;}
/*** !progressbar ***/

/*   pageTab   */
ul.pageTab {
float: left;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}

ul.pageTab li {
display: block;
float: left;
list-style: none;
margin: 1px;
}

ul.pageTab a.begin, a.end, a.previous, a.next, a.page {
display: block;
float: left;
padding: 2px 4px 2px 4px;
font-weight: normal;
color: #aaaaaa;
text-align: center;
text-decoration: none;
border: solid 1px #aaaaaa;
background: #ffffff;
}

ul.pageTab a.begin:hover, a.end:hover, a.previous:hover, a.next:hover, a.page:hover {
padding: 2px 4px 2px 4px;
color: #ffffff;
text-align: center;
background: #777777;
}

ul.pageTab li.current {
display: block;
float: left;
padding: 2px 4px 2px 4px;
font-weight: bold;
color: #ffffff;
text-align: center;
background: #777777;
border: solid 1px #777777;
}
/*   !pageTab  */

/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/
/*/////////////////////////////////////////*/

#navigation a {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
color: #bfbfbf;
text-decoration: none;
}

#navigation a:hover {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;
text-decoration: none;
}

#title {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #4a4a4a;
text-transform: uppercase;
padding: 0;
margin: 0;
}

table.box {width: 100%;}

.box td.heading {
height: 24px;
font-weight: bold;
color: #0d7fc1;
text-transform: uppercase;
margin: 2px;
padding-left: 3px;
border: 1px solid #dfdfdf;
background: #F9F9F9;
}

.box td.content {
padding: 2px;
border-top: none;
border: 1px solid #dfdfdf;
}

.box a {font-size: 11px;}

/*** TOP MENU ***/
table.menu-dropdown td {
margin: 0;
white-space: nowrap;
}

table.menu-dropdown td a {
display: block;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #c2c2c2;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
padding-bottom: 8px;
}

table.menu-dropdown td a:hover {
display: block;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
padding-bottom: 8px;
}

td.separator, separator-left, separator-right {width: 18px; background: url(/images/llinevertical.gif) center no-repeat;}

div.dropdown-sub {
margin: 0;
padding: 0;
background: #F9F9F9;
border: solid 1px #CCCCCC;
}

div.dropdown-sub td.submenu {}

div.dropdown-sub td.submenu a {
display: block;
width: 100px;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #0d7fc1;
text-align: left;
text-decoration: none;
padding: 5px;
}

div.dropdown-sub td.submenu a:hover {
display: block;
width: 100px;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-align: left;
text-decoration: none;
padding: 5px;
background: #0d7fc1;
}

div.dropdown-sub td.submenu a.issub {background: url(/images/admin/issub.gif) center right no-repeat;}

div.dropdown-sub td.submenu a.issub:hover {background: #EEE url(/images/admin/issub.gif) center right no-repeat;}

div.dropdown-sub td.separator {
height: 1px;
background: #cccccc;
}
/*** !TOP MENU ***/

/*** LEFT MENU ***/
.navlist {
width: 160px;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
}

.navlist li {list-style: none; border-bottom: solid 1px #666666;}

.navlist2 li {list-style: none; float:left;}

.navlist a {
display: block;
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
font-weight: bold;
color: #c8c8c8;
text-decoration: none;
padding: 0;
padding-top: 5px;
padding-bottom: 5px;
}

.navlist a:hover {
display: block;
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
padding: 0;
padding-top: 5px;
padding-bottom: 5px;
}

.navlist2 a {
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
font-weight: bold;
color: #c8c8c8;
text-decoration: none;
}

.navlist2 a:hover {
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
font-weight: bold;
color: #c8c8c8;
text-decoration: none;
}

li.subnavlist a {
font-size: 9px;
padding-left: 17px;
padding-top: 5px;
padding-bottom: 5px;
background: url(/images/menu-sub.gif) 3px no-repeat;
}

li.subnavlist a:hover {
font-size: 9px;
padding-left: 17px;
padding-top: 5px;
padding-bottom: 5px;
background: url(/images/menu-sub.gif) 3px no-repeat;
}

a.current {color: #ffffff;}
/*** !LEFT MENU ***/

/*** EXPAND MENU ***/
table.menu-expand {
position: relative;
z-index: 1000;
padding-left: 10px;
}

table.menu-expand td {
width: 130px;
height: 16px;
padding: 0;
margin: 0;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #661f00;
border: 1px solid #661f00;
background: url(/images/arrow.gif) no-repeat #f9e8ce;
/* Opacity in IE */ filter: alpha(opacity=70);
/* Opacity in Mozilla */-moz-opacity: 0.7;
}

table.menu-expand td a {
display: block;
height: 16px;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #661f00;
text-decoration: none;
padding: 4px 4px 4px 10px;
background: #f9e8ce;
cursor: pointer;
}

table.menu-expand td a:hover {
display: block;
height: 16px;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
padding: 4px 4px 4px 10px;
background: #f8dcad;
cursor: pointer;
}

table.menu-expand td a.issub {background: url(/images/arrow.gif) center right no-repeat #f9e8ce;}

table.menu-expand td a.issub:hover {background: url(/images/arrow_over.gif) center right no-repeat #f8dcad;}

div.expand-sub {
padding: 0;
margin: 0;
background: #ffffff;
}

div.expand-sub td.submenu {border: 1px solid #661f00;}

div.expand-sub td.submenu a {
display: block;
width: 200px;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #661f00;
text-align: left;
text-decoration: none;
background: #F9E8CE;
padding: 4px 4px 4px 10px;
cursor: pointer;
}

div.expand-sub td.submenu a:hover {
display: block;
width: 200px;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #000000;
text-align: left;
text-decoration: none;
background: #f8dcad;
padding: 4px 4px 4px 10px;
cursor: pointer;
}

div.expand-sub td.submenu a.issub {background: url(/images/arrow.gif) center right no-repeat #f9e8ce;}

div.expand-sub td.submenu a.issub:hover {background: url(/images/arrow_over.gif) center right no-repeat #f8dcad;}

div.expand-sub td.separator {
height: 1px;
background: #cccccc;
}

/*** !EXPAND MENU ***/

/*** SITE MAP ***/  
a.sitemap	{
font-family: Verdana, Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #0d7fc1;
text-decoration: none;
}

a.sitemap:hover	{
font-family: Verdana, Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
color: #0d7fc1;
text-decoration: underline;
}

a.subsitemap	{
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration: none;
padding-left: 20px;
}

a.subsitemap:hover	{
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration: underline;
}
/*** !SITE MAP ***/

.bottomlinks	{
font-family: Arial, Verdana, Sans-Serif;
font-size: 12px;
font-weight: normal;
color: #c7c7c7;
}

a.bottomlinks	{
font-family: Arial, Verdana, Sans-Serif;
font-size: 12px;
font-weight: normal;
color: #c7c7c7;
text-decoration: underline;
}

a.bottomlinks:hover	{
font-family: Arial, Verdana, Sans-Serif;
font-size: 12px;
font-weight: normal;
color: #ffffff;
text-decoration: none;
}

/*** My Css ***/
p {
font-family: Verdana, Arial, Sans-Serif;
font-weight: normal;
border: 0;
font-weight: normal;
letter-spacing: normal;
font-size: 11px;
}

.menuright A {
background: #fff;
font-family: Verdana;
font-size: 10px;
color: #c2c2c2;
border: 0;
text-decoration: none;
padding-top: 0;	
padding-bottom: 0;
text-align: right;
}

.menuright A:hover {
background: #fff;
font-family: Verdana;
font-size: 10px;
color: #ffffff;
border: 0;
text-decoration: none;
padding-top: 0;	
padding-bottom: 0;
text-align: right;
}

.menurightback {
background: #fff;
font-family: Verdana;
font-size: 11px;
color: #c2c2c2;
border: 0;
text-decoration: none;
padding-top: 0;	
padding-bottom: 0;
text-align: right;
}	

.menu A {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #c2c2c2;
text-transform: uppercase; 
font-weight: bold;
width: auto;
}

.menu A:hover {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
width: auto;
}

.menub {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #ffffff;
background-position: center;
text-transform: uppercase; 
width: auto;
}

.account {
background: url(../images/imageright.gif) no-repeat;
width: 267px;
height: 246px;
border: none;
padding: 0px;
margin: 0px;
}

.textinputtitle {
font-family: Arial, Verdana, Sans-Serif;
font-size: 14px;
text-decoration: none;
font-weight: normal;
color: #147591;
}

.padle {padding-left: 15px;}

.padto {padding-top: 15px;}

.padri {padding-right: 15px;}

.padleri {
padding-right: 15px;
padding-left: 15px;
}

.input {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #c2c2c2;
}

.inputblack {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
text-decoration: none;
color: #000000;
font-weight: bold;
}

.buttom {
text-decoration: none;
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
color: #ffffff;
font-weight: normal;
text-transform: uppercase;
}

.p {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #c2c2c2;
}

.title {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #000000;
}

.titbot {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color: #c2c2c2;	
}

.downimage {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #000000;	
}

.copyright a {
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #000000;
border: 0;
vertical-align: top;
}

.copyright a:hover	{ 
font-family: Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
text-decoration: underline;
color: #000000;
border: 0;
vertical-align: top;
}

.inputcollectionsize {
background: url(../images/iputsize.gif) no-repeat;
width: 199;
height: 88;
border: 0;
}

.tablecenter {border: 1px solid blue;}

.submenu a {
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
text-decoration: none;
color: #c2c2c2;
border: 0;
}

.submenu a:hover {
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
text-decoration: none;
color: #000000;
border: 0;
padding: 0;
margin: 0;
}

.submenu1 a {
font-family: Verdana, Arial, Sans-Serif;
font-size: 9px;
text-decoration: none;
color: #c2c2c2;
border: 0;

}
.submenu1 a:hover {
font-family: Verdana, Arial, Sans-Serif;
font-size: 9px;
text-decoration: underline;
color: #ffffff;
border: 0;
padding: 0;
margin: 0;
}

.order {
background: #000000;
width: 206px;
height: 19px;
border: 0;
text-transform: uppercase;
color: #ffffff;
font-weight: bold;
font-size: 11px;
border-bottom: 1px solid #c2c2c2;
}

.searchbox	{
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #d5d5d5;
}

/*** !END My Css ***/

div.fileinputs {position: relative;}

div.fakefile {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

input.file {
position: relative;
text-align: right;
-moz-opacity:0 ;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
}