/*
#####################################
#  ShopOS: Shopping Cart Software.
#  Copyright (c) 2008-2010
#  http://www.shopos.ru
#  http://www.shoposs.com
#  Ver. 1.0.2
#####################################
*/

#nav {
     padding:0 0 0 20px; 
	 margin:0; 
	 list-style:none; 
	 height:43px; 
	 font-family:verdana, arial, sans-serif; 
	 font-size:12px; 
	 background:url(../images/menu/back.gif) repeat-x; 
}

#nav li {
     float:left; 
	 width:108px; 
	 height:43px;
}
#nav li a {
     display:block; 
	 float:left; 
	 width:108px; 
	 height:43px; 
	 line-height:35px; 
	 text-decoration:none; 
	 color:#000;
     clear:left; 
    -moz-opacity: 0.85; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.85; /* Konqueror 3.1+, Safari 1.1 */
    opacity: 0.85; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}


#nav li a span {
     display:block; 
	 height:35px; 
	 width:100px; 
	 float:left; 
	 text-align:center; 
	 background:transparent;
}
#nav li a b.p0 {
     display:block; 
	 width:8px; 
	 height:35px; 
	 background:transparent; 
	 float:left;
}
#nav li a b.p1 {
     clear:left; 
	 float:left; 
	 display:block; 
	 height:8px; 
	 width:100px; 
	 background:transparent; 
	 font-size:1px;
}
#nav li a b.p2 {
     display:block; 
	 float:left; 
	 height:8px; 
	 width:8px; 
	 background:transparent;
	 font-size:1px;
}
#nav li a:hover {
     position:relative; 
	 visibility:visible; 
	 cursor:pointer; 
	 line-height:32px;  
}
#nav li:hover {position:relative;z-index:3000;}
#nav li:hover > a {line-height:33px;}
#nav li:hover a b.p0 {background:url(../images/menu/right2.gif);}
#nav li:hover a b.p1 {background:url(../images/menu/bottom2.gif) no-repeat;}
#nav li:hover a b.p2 {background:url(../images/menu/corner2.gif);}
#nav li a:hover span {background:url(../images/menu/greytab.gif);}
#nav li:hover > a span {background:url(../images/menu/greytab.gif);}
#nav ul { display: none; padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0; height:0; border-top:0;}
#nav table {display: block; border-collapse:collapse; padding:0; margin:0 0 -1px 0; border:0;}
#nav :hover ul {display: block; left:0; top:35px; width:170px; z-index:500; background:url(../images/menu/trans.gif);}
#nav :hover ul ul {display: block; position:absolute; left:-9999px;}
#nav :hover ul :hover ul {display: block; left:110px; top:0;}
#nav :hover ul li {display: block; height:25px; width:170px;}
#nav :hover ul li.pad1 {height:8px; width:170px; background:transparent;}
#nav :hover ul li.pad2 {height:8px; width:170px; background:transparent;}
#nav :hover ul li.pad1 b.p3 {display:block; width:8px; height:8px; font-size:1px; float:right; background:url(../images/menu/right2.gif);}
#nav :hover ul li b.p4 {display:block; width:8px; height:25px; float:right; background:url(../images/menu/side2.gif);}
#nav :hover ul li.pad2 b.p5 {display:block; width:162px; height:8px; font-size:1px; float:left; background:url(../images/menu/bottom2.gif) no-repeat;}
#nav :hover ul li.pad2 b.p6 {display:block; width:8px; height:8px; font-size:1px; float:left; background:url(../images/menu/corner2.gif);}
#nav :hover ul li.pad1 b.p7 {display:block; width:161px; height:7px; font-size:1px; float:left; background:#abcfd5; border-top:1px solid #abcfd5; border-left:1px solid #8eb9c2;}
#nav :hover ul li a {display: block; height:25px; line-height:10px; padding-left:10px; width:151px; background:#abcfd5; border-left:1px solid #8eb9c2;}
#nav :hover ul li a.fly { display: block; background:#abcfd5 url(../images/menu/arrow.gif) no-repeat 140px 5px;}
#nav :hover ul.green li.pad1 b.p7 {background:#85c226; border-top:1px solid #c5e98d; border-left:1px solid #c5e98d;}
#nav :hover ul.green li a {background:#85c226; border-left:1px solid #c5e98d;}
#nav :hover ul.pink li.pad1 b.p7 {background:#f19abd; border-top:1px solid #f9d0e0; border-left:1px solid #f9d0e0;}
#nav :hover ul.pink li a {background:#f19abd; border-left:1px solid #f9d0e0;}
#nav :hover ul li a:hover {color: #000000;}
#nav :hover ul li:hover > a {color:#fff;}
#nav :hover ul :hover ul li.pad1 b.p7 {background:#d7ecea; border-top:1px solid #cfcbb1; border-left:1px solid #cfcbb1;}
#nav :hover ul :hover ul li a {background:#d7ecea; border-left:1px solid #cfcbb1;}
#nav :hover ul :hover ul.orange li.pad1 b.p7 {background:#ef9a5a; border-top:1px solid #f8cfb1; border-left:1px solid #f8cfb1;}
#nav :hover ul :hover ul.orange li a {background:#ef9a5a; border-left:1px solid #f8cfb1;}

#cpanel div.icon {
	text-align: center;
	margin-right: 5px;
	float: left;
	margin-bottom: 5px;
}

#cpanel div.icon a {
	display: block;
	float: left;
	border: 1px solid #f0f0f0;
	height: 97px;
	width: 108px;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
   -moz-border-radius-topleft: 8px;
   -webkit-border-top-left-radius: 8px;
   -moz-border-radius-topright: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-radius-bottomleft: 8px;
   -webkit-border-bottom-left-radius: 8px;
   -moz-border-radius-bottomright: 8px;
   -webkit-border-bottom-right-radius: 8px;
}

#cpanel div.icon a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f9f9f9;
	color: #0B55C4;
}

#cpanel img  { padding: 10px 0; margin: 0 auto; width:48px; height:48px;}
#cpanel span { display: block; text-align: center; }
