@charset "windows-1251";
/* Alu Style CSS Document */

body {
	font: 12px Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
	color: #464646;
	background-image: url(../img/bg3.gif);
	background-position: center;
   background-color: #BCC8D2;
	margin: 0px;
   padding: 0px;
	text-align: center;
}	

td, th {
	font: 12px Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
	color: #464646;	
}



.productsf li {
  list-style:circle;  
}

.producttbl td {
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 4px;
}

h3 {
  font-size: 15px;
}

a {
	text-decoration: underline;
	color: black;
}

a:hover {
	text-decoration: none;
	color: black;	
}

p.nl {
   text-indent: 15px;    
}

/* TOOLTIP DEFINITIONS */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* END OF TOOLTIP DEFINITIONS */


#contactsForm input {
 border: 1px solid #999999;
 background-color: #EFEFEF; 
 color: black;
 font: 11px Arial, Helvetica, Tahoma, sans-serif;	
 width: 200px;
}


#contactsForm textarea {
 border: 1px solid #999999;
 background-color: #EFEFEF; 
 color: black;
 font: 11px Arial, Helvetica, Tahoma, sans-serif;	
 width: 300px;
 height: 80px;
}

#contactsForm .btn {
 border: 1px solid #999999;
 background-color: transparent; 
 color: black;
 font: 11px Arial, Helvetica, Tahoma, sans-serif;	
 width: 300px;
}

#contactsForm .btn:hover {
  background-color: #EFEFEF;
}

#contactsForm label {
 font: 12px Arial, Helvetica, sans-serif;
 font-weight: bold; 
}

#contactsForm table {
	border: 0;
}

#contactsForm td.rightinfo {
 padding-left: 20px;
 border-left: 1px solid gray;
}

#contactsForm td.rightinfo h1 {
 font: bold 13px Arial, Helvetica, sans-serif;
 color: Maroon;
}

#contactsForm td.rightinfo ul {
	margin-left: 10px;
}

#contactsForm td.rightinfo li {
  margin-bottom: 5px;
  list-style-image: url(../img/li.gif); 
}

#contactsForm td.rightinfo li.m {
  margin-bottom: 15px;
  list-style-image: url(../img/li.gif);   
}

#contactsMapForm {
	width: 100%;
   height: 20px;
	padding: 3px 10px;	
	background-color: #EFEFEF;
	font-size: 11px;
	overflow: visible;
}

#contactsMapForm select, input {	
	font: 11px Arial, Helvetica, sans-serif;
	color: black;	
}

#contactsMapForm select {	
  width: 360px;
  background-color: White;	
}

#contactsMapForm input {	
  border: 1px solid black;
  background-color: White;
}

#mapWindow p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 30px;
	margin-top: 10px;
}

/* ============================================
	SEARCH.PHP
============================================= */

.srcFormTable {
	
}



/* admusers.php */

.adminSelect {
	background-color: #FFFFF0;
	font-size: 11px;
	width: 250px;
}

.adminSubmit {
	font-size: 11px;
	width: 65px;
	height: 19px;
	border: 1px solid #999;	
}

/* ===========================================
	MYORDERS.PHP
============================================== */

.orderinp {
	background-color: #FFFFE3;
	border: 1px solid #818769;
	width: 50px;
	font-size: 11px;
	padding: 0 5px;
}


/* ==============================================
	READORDER.PHP
=============================================== */

.orderTable td, th {
	font: 13px Arial, Helvetica, sans-serif;
	color: Black;
	background-color: white;	
}



/*=============================================
============================================== */

/* admproducts.php ============================== */

.prEditInput {
	width: 450px;
	padding-left: 4px;
	background-color: #FFFFF4;
}





/* ===========================================
PAGES DISPLAY DEFINITIONS 
============================================== */

.pagesList {	
	margin: 0;
	padding: 0;
	display: block;
}

.lnk {
	width: 12px;	
	margin: 0 0px;
	border: 0px solid green;	
}

.lnka {
	width: 12px;
	color: Red;
	margin: 0 0px;
	font-weight: bold;
}


.pagesList a:hover {
	background-color: #999999;	
	color: White;
}

.pagesList a {
	text-decoration: none;
}


/* MYPRODUCTS.PHP ====================================*/

.markunmark {
	margin-right: 5px;
	font: 11px Arial, Helvetica, sans-serif;
}

.markunmark a {
	text-decoration: none;
	color: black;
}

.markunmark a:hover {
	text-decoration: none;
	color: red;
}

.actionButtons {
	float:right;	
	cursor: default;  	
	width: 100%;
}

.actionButtons .btn {
	font: 11px Arial, Helvetica, sans-serif;
	color: Black;	
	background-color: #FDFDFD;	
	width: auto;
	padding: 0 10px;
	border: 1px solid black;
}

.actionButtons .btn:hover {
	background-color: #EFEFEF;
}

.fastAddTable {
	margin-top: 40px;
	padding: 5px 10px;
	border-width: 1px;
	border-style: solid;
   border-color: #000 #999 #999 #000;
	background-color: #FFFFF4;
}

.fastAddTable td {
	font-size: 11px;
}


/* END OF  MYPRODUCTS.PHP =========================== */


/* END * PAGES DISPLAY DEFINITIONS */

/* ================================================
   PRODUCT LIST
================================================= */

/* PRODUCTS.PHP */

#prListJump {
	font: 11px Arial, Helvetica, sans-serif;
	color: black;
	background-color: #FFFFF4;
	width: 50px;
}

.prFilter td {
	font-size: 12px;	 
}

.prFilterSelect {
	font-size: 10px;
	color: black;
	background-color: #FFFFF4;	
	width: 100%;
}

.prFilterInput {
	font-size: 10px;
	color: black;
	background-color: #FFFFF4;	
	width: 100%;
	padding: 0 5px;
}


.prFilter {
	margin-top: 20px;
   border-style: solid;
	border-width: 1px;
	border-color: #000 #999 #999 #000;
	background-color: #FFFFF4;
}

.prFilter p.filterDesc {
	padding: 0 20px;
	margin: 0;
	font-size: 11px;
}

#productlist {
  width: 100%;
  color: Black;
  font-size: 11px;
}

#productlist .tableth {	
 background-color: #A9DB00;
 font-weight: bold;	
/* border: 1px solid #999999; */
 padding-left: 7px;
 padding-right: 7px;
 background-image: url(../img/bg_pr_tbl.jpg);
 background-position: top;
}

#productlist .tablethtwo {	
 background-color: #f00;
 color: white;
 font-weight: bold;	
 padding-left: 7px;
 padding-right: 7px;
}


#productlist td {
/*	border: 0.2px solid #747474; */
	padding: 1.2px 0; 
}

#productlist td.pr {	
	font-size: 11px;
	padding-left: 5px;
}

#productlist tr.bright {
	background-color: White;
}

#productlist tr.dark {
   background-color: #ECECEC;		
}


.btn {
	font: 11px Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
	color: Black;
	background-color: #EEEEEE;
	border: 1px solid #5F5F5F;	
	width: 90px;
}

.btn:hover {
	background-color: #F5F5F5;
}

h1 {
	font: 14px Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
	font-weight: bold;
	letter-spacing: 0.4em;	
	color: #666666;
   display: block;
	border-bottom: 1px dotted #ACAB37;
}

p.hint:first-letter {
   padding-left: 10px;
	margin-left: 0px;
   background-image: url(../img/arrow_hint.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	font-size: 1.2em;
	font-style: italic;
}

.inpTitle {
	font: 11px Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	color: Black;	
	background: url(../img/arrow_bl.gif) no-repeat left;
	padding-left: 15px;
}

#logo {
/*	background: #007599 url(../img/bg_header.bmp) repeat-x bottom; */
/*	background: #B5B6B5 url(../img/bg_header.bmp) repeat-x bottom; */
  background-color: white;
	width: 750px;
	height: 100px;
	display: block;
}

#logo #mainpic {
	margin: 12px 0 10px 15px;
	border: 0px solid red;	
	
}

#logo #toptxt {
	float: left;
	padding-left: 10px;
	margin: 10px 5px 10px 20px;
	border-left: 1px dotted gray;
	height: 50px;
	width: 390px;
	border-right: 10px solid #4A7D98;
	font-size: 10px;
}

#menu {
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#809FBB;
/*	margin-bottom:50px; */
	color:#FFFFFF;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-variant:small-caps;
	background-image:url(../img/menu.jpg);
	background-position: top;
}
#menu a {
	color:#FFFFFF;
	text-decoration:none;
	padding:10px;	
}
#menu a:hover {
	border-bottom:1px solid #ffffff;
/*	border-left:1px solid #728d40; */
   border-left: 1px solid #768C9D;
/*	border-right:1px solid #e9ffb7; */
   border-right: 1px solid #97AEC4;
	padding-left:9px;
	padding-right:9px;
	color:#000000;
	background: #FFFFFF url(../img/a_hover.jpg) repeat-x top;
}




#regTable input {
	background-color: White;
	border: 1px solid #A5B26A;
	font: 11px Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
	width: 180px;
}

#regTable .inpExcept {
	background-color: White;
	border: 0;
	font: 12px Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
	width: auto;
}

#regTable td {
	text-align: left;	
	padding: 5px;
}

#regTable .goregister {
	border: 1px solid #A5B26A;
	background-color: #D8D8D8;
	color: black;
	width: 80px;
}

.notice {
	display: block;
	background: #FFF url(../img/quot.gif) no-repeat left top;
	padding: 10px 10px 10px 60px;
	border: 1px solid #006E88;
	margin: 10px 0 10px 0;
	height: 35px;
	overflow: visible;
	text-align: justify;
}



#mainWrapper {
	text-align: left;
	margin: auto;
	width: 750px;	
	border: 0px solid red;
   padding: 0px;
	overflow: visible;
	height: auto;
	clear: both;
}


.menuWrapper {
	float: left;
	width: 170px;
	border: 0px solid red;
	height: 100%;	
	padding: 10px;	
}

.contentWrapper {
	float: left;
	width: 570px;
	padding: 8px 5px 0 0px;	
	height: 300px;	
	border: 0px solid green;
	overflow: visible;
	height: auto;	
}


.menuTitle {	
	color: #636363;
/*	padding-left: 5px; */
	font-weight: bolder;
	line-height: 20px;
	border: 1px solid #333;
	width: 160px;
	background: #BFD5EA url(../img/mnu_bg4.gif) left;
	text-align: center;
}

.menuItem {
	border: 1px solid #999;
	border-top: 0px;
	height: 18px;
	line-height: 17px;
	color: #666;	
	padding-left: 18px;
	width: 160px;		
	background: #F4F4F4 url(../img/arrow_r.gif) no-repeat left;
	overflow: hidden;
}

.menuSrcSection {
 	width: 160px;
	height: auto;
	line-height: 17px;	
	color: #666;
	background: #F4F4F4;
	border: 1px solid #999;
	border-top: 0px;	
	overflow: hidden;
	padding: 3px;
	clear: both;
}

.srcInp {
	width: 118px;	
	border: 1px solid #858585;
	background-color: #EEEEEE;
	height: 18px;
	font-size: 10px;
	margin: 0;
	display: inline;		
}

.srcSubmit {
	height: 18px;
	border: 1px solid #858585;
	background-color: #EEEEEE;
	color: #787878;
	font-size: 12px;
	font-weight: bold;
	width: 30px;
	margin: 0 0 0 3px;
}

form {
	display: inline;
	height: auto;	
}


.logInp {
	width: 152px;
	border: 1px solid #858585;
	background-color: #EEEEEE;
	height: 18px;
	font-size: 10px;
	margin-top: 3px;	
}




.menuEnd {
	border: 1px solid #666;
	border-top: 0px;
	width: 160px;	
	line-height: 5px;	
	background: #6699CC url(../img/mnu_bg4.gif) repeat-x center;
}

.menuSpacer {
	height: 20px;
}


.menuItem a {
   text-decoration: none;
	color: #666;
}

.menuItem a:hover {
   text-decoration: none;
	color: #333333;
}

* {
	list-style: none;
}

.menuWrapper ul {
	padding: 0;
	margin: 0;	
}

.menuWrapper li {
	display: inline;
	margin: 0;
	padding: 0;
}

.menuWrapper li ul {display: block; }
.menuWrapper li:hover ul {	display: none; }


.menuWrapper li ul li {
	display: block;
	margin-left: 30px;
	font-size: 11px;
}

.menuWrapper li.mnui {
	display: block;
	padding: 1px;	
	color: #666;
	line-height: 17px;
	width: 160px;
	border: 1px solid #999;
	border-top: 0px;	
	text-decoration: none;
	text-transform: capitalize;
	background-color: #F4F4F4;	
}

.menuWrapper li.mnuia {
	display: block;
	padding: 1px;	
	color: #666;
	line-height: 17px;
	width: 160px;
	border: 1px solid #999;
	border-top: 0px;	
	text-decoration: none;
	text-transform: capitalize;
	background-color: #F4F4F4;	
}

.menuWrapper li.mnuia a {
	display: block;
	padding: 0 0 0 20px;	
	color: #FFF;
	line-height: 17px;
	width: 100%;	
	border: 0;
	font-weight: normal;
	text-decoration: none;
	text-transform: capitalize;
	background: #8F8F8F url(../img/arrow_r_w.gif) no-repeat left;
}

.menuWrapper li.mnui a {
	display: block;
	padding: 0 0 0 20px;	
	color: #666;
	line-height: 17px;
	width: 100%;	
	border: 0;
	text-decoration: none;
	text-transform: capitalize;
	background: #F4F4F4 url(../img/arrow_r.gif) no-repeat left;	
}

.menuWrapper li.mnui a:hover {
	color: #000;
	background-color: #E7E7E7;
/*	background-image: url(../img/bg_mnu_hover2.jpg);
	background-repeat: no-repeat;
	background-position: top left;*/
}

.menuWrapper li.empty {
	display: block;
	padding: 3px;
	color:  #666;
	height: auto;
	width: 160px;
	border: 1px solid #999;
	border-top: 0;
	background-color: #F4F4F4;
	margin: 0;
}


/* ===========================================
	FOOTER DEFINITIONS
============================================ */
#footer {
	width: 750px;
	background: #FFF url(../img/bg_footer.jpg) repeat-x bottom;
	height: 40px;
	font-size: 10px;
	text-align: right;
	padding: 0 10px;
	margin: auto;

}

#footer a, a:hover {
	text-decoration: none;
}


/* =============================================
	IE HACKS
============================================ */

html>body #footer {
	width: 730px;
}

html>body .notice {
   min-height: 35px;
	height: auto;	
}

html>body .contentWrapper {
	width: 530px;
}

html>body .menuItem {
	width: 142px;	
}

html>body .menuSrcSection {
	width: 154px;
}

html>body .srcSubmit {
	font-size: 2px;	
	padding: 0;
	margin-bottom: 2px;	
}

html>body .menuWrapper li.mnui a {
	width: 138px;
}

html>body .menuWrapper li.mnuia a {
	width: 138px;
}

html>body .menuWrapper li.mnui {
	width: 158px;
}

html>body .menuWrapper li.mnuia {
	width: 158px;
}

html>body .menuWrapper li.empty {
	width: 154px;
}

#sitemap {
	line-height: 20px;
	margin-top: 20px;
}

#sitemap ul {
	list-style-image: inherit;
	list-style-position: outside;
	list-style-type: circle;
}