body {
    margin: 0;
    padding: 0;
    background: #ffffff;
}
#wrapper {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
//	font-family: Verdana, Arial, Helvetica;
    width: 992px;
}

#menutop { }

*html #menutop { margin-top: 0px; }
html:root #menutop { margin-top: 0px;}
html>body #menutop {margin-top: 0px;} 
/* ---------------------------------------------------------------------------------------------- */
#logotip { display: block; float: left; margin-top:-215px; margin-left: 30px;}   

#logotip a { text-decoration: none; color: #ffffff;} 

*html #logotip {margin-top:-215px; margin-left: 30px;}
html:root #logotip {margin-top:-215px; margin-left: 30px;}
html>body #logotip {margin-top:-215px; margin-left: 30px;} 


a.logotip { display: block; width: 266px; height: 180px; float: left;}
a.logotip:link, a.logotip:visited { background: url('./images/design/logotip.gif') no-repeat;}
a.logotip:hover { background: url('./images/design/_logotip.gif') no-repeat;}

#logotip a span { display: block; width: 150px; height: 20px; margin-top: 115px; overflow: hidden; }
/* ---------------------------------------------------------------------------------------------- */
#navigate { float: right; margin-top: 35px;}

*html #navigate { margin-top: 35px; }
html:root #navigate { margin-top: -60px; }
html>body #navigate {margin-top: 21px;}

#navigate li { list-style: none; overflow: hidden; float: left; }

#navigate li a { line-height: 48px; vertical-align: middle; text-align: center;
	color: #ffffff; text-decoration: none; display: block; width: 121px; height: 48px; 
    float: left; font-size: 16px; font-weight: bolder; }

a.pink:link, a.pink:visited { background: url('./images/design/pink.gif');}
a.pink:hover { background: url('./images/design/_pink.gif');}

a.red:link, a.red:visited { background: url('./images/design/red.gif');}
a.red:hover { background: url('./images/design/_red.gif');}

a.violet:link, a.violet:visited { background: url('./images/design/violet.gif');}
a.violet:hover { background: url('./images/design/_violet.gif');}

a.blue:link, a.blue:visited { background: url('./images/design/blue.gif');}
a.blue:hover { background: url('./images/design/_blue.gif');}

a.green:link, a.green:visited { background: url('./images/design/green.gif');}
a.green:hover { background: url('./images/design/_green.gif');}

a.orange:link, a.orange:visited { background: url('./images/design/orange.gif');}
a.orange:hover { background: url('./images/design/_orange.gif');}
/* ---------------------------------------------------------------------------------------------- */
#legoshop { display: block; width: 1000px; height: 120px;
    background: url('./images/design/legoshop.gif'); margin-top: -5px;}
    
*html #legoshop { margin-top: -5px;}
html:root #legoshop { margin-top: 100px;}
html>body #legoshop {margin-top: 70px;}
    
#legoshop strong  { text-align: left; padding: 0; margin: 10px; color: #ffffff; 
    padding-top: 20px; margin-left: 270px; height: 90px; font-size:35px;
    overflow: hidden; width: 250px; float: left;}
    
*html #legoshop strong { margin-left: 150px; }
html:root #legoshop strong { margin-left: 270px; }
html>body #legoshop strong {height: 80px;}
    
#legoshop strong, #details-item h1, #content h1, #details-item h2, #content h2  { font-weight: bolder; overflow: hidden; }    

#titles {
   /* border: 1px red solid; height: 120px; width: 300px; left: -100px */
}

    

/* ---------------------------------------------------------------------------------------------- */
#menuleft { display: block; float: left; margin-left: 5px; margin-top: -20px;}

*html #menuleft { margin-left: 5px; margin-top: -20px; }
html:root #menuleft { margin-left: 20px; margin-top: -30px; }

#menuright { display: block; float: right; margin-right: 5px; margin-top: -20px;}

*html #menuright { margin-right: 5px; margin-top: -20px; }
html:root #menuright { margin-right: 20px; margin-top: -30px; }
/* ---------------------------------------------------------------------------------------------- */
#content { float: left; overflow: hidden; text-align: justify; margin: 20px; width: 620px;}/* padding: 20px; */

*html #content { width: 620px; }
html:root #content { width: 610px; }
html>body #content {width: 620px;} 
/* ---------------------------------------------------------------------------------------------- */
#category-item { position: relative; width: 112px; height: 100%; overflow: hidden; padding-left: 10px;
    text-align: center; padding-top: 0px; padding-bottom: 10px; padding-right: 2px; float: left; }
    
*html #category-item { padding-left: 10px; }
html:root #category-item { padding-left: 6px; }

#category-item a { display: block; clear: both; text-align: center; 
    color: #1d3945; text-decoration: none; font-size: 11px; }
/* ---------------------------------------------------------------------------------------------- */
.category-item { position: relative; width: 112px; height: 100%; overflow: hidden; padding-left: 10px;
    text-align: center; padding-top: 0px; padding-bottom: 10px; padding-right: 2px; float: left; }
    
*html .category-item { padding-left: 10px; }
html:root .category-item { padding-left: 6px; }

.category-item a { display: block; clear: both; text-align: center; 
    color: #1d3945; text-decoration: none; font-size: 11px; }
/* ---------------------------------------------------------------------------------------------- */
#actions-item { position: relative; width: 600px; height: 100%; overflow: hidden; padding-left: 10px;
    text-align: center; padding-top: 0px; padding-bottom: 10px; padding-right: 2px; float: left; }
    
*html #actions-item { padding-left: 10px; }
html:root #actions-item { padding-left: 6px; }

#actions-item a { display: block; clear: both; text-align: center; 
    color: #1d3945; text-decoration: none; font-size: 11px; }
/* --------------- детальное описание продукта ------------------------------ */   
.category-text { display:block; overflow: hidden; width: auto; height: 100%; vertical-align: middle; }

.category-text table { width: 200px; margin-left: auto; margin-right: auto; }

.category-text a:link, .category-text a:visited { font-weight: bolder; font-size: 8pt; }
/* ---------------------------------------------------------------------------------------------- */
#product-small, .product-small, #details-item, #product-rotation { 
    position: relative; overflow: hidden; text-align: center; float: left; }
    
#product-small, .product-small, #product-rotation { width: 190px; height: 220px; vertical-align: top; padding: 0px; margin: 5px; }

#category-item img, .category-item img, #product-small img, .product-small img, #details-item img, #product-rotation img 
    { background-color: #7bb8f2; padding: 5px; border: 1px #1d3945 double; overflow:hidden; 
    text-align: center; }
    
#product-image, .product-image , #rotation-image { }    

#product-text, .product-text, #rotation-text { display: table-cell; overflow: hidden; float: left; width: 100%; text-align: center;
    height: auto; vertical-align: middle; padding: 0; margin-top: 4px; }
    
#product-text a:link, #product-text a:visited, .product-text a:link, .product-text a:visited, #product-rotation a:link, #product-rotation a:visited {
    color: #1d3945; text-decoration: none; font-size: 11px; }

#product-small span, .product-small span, #product-rotation span { margin-top: 4px; display: block; overflow:hidden; text-align: center;
    width: auto; margin-left: auto; margin-right: auto; font-weight: bolder; }

a.buy-button:link, a.buy-button:visited { margin-top: 4px; display: block; line-height: 20px;
	background: #5192d4; text-align: center; width:100px; height:20px; color: #000000;
	text-decoration: none; font-size: 12px; vertical-align: middle; margin-left: auto;
    margin-right: auto; border: 1px #585889 double; }
    
a.buy-button:hover{ background: #ffffff; }
/* ---------------------------------------------------------------------------------------------- */
#details-item { width: 100%; height: 100%; padding-top: 0px; padding-bottom: 10px; 
                padding-right: 5px; padding-left: 10px;}

*html #details-item { padding-left: 10px; }
html:root #details-item { padding-left: 0px; }

#details-item h1, #content h1 { font-size: 18px; text-align: center; margin-left: auto; margin-right: auto; color: #585889; }

#details-item h2, #content h2 { font-size: 16px; text-align: center; margin-left: auto; margin-right: auto; color: #585889; }

#details-item img { margin: 10px; }

#details-item a { clear: both; text-align: center; 
    color: #1d3945; text-decoration: none; font-size: 11px; }
/* ---------------------------------------------------------------------------------------------- */
#content p { text-align: justify; text-indent: 25px; padding: 0; margin: 0; margin-left: 20px;
    margin-right: 20px; font-weight: normal; color: #1d3945; }

#content p a:link, #content p a:visited { font-weight: bolder; }

#content ul { margin: 0; font-weight: normal; }

#content table { width: 100%; padding-left: 20px; padding-right: 20px; color: #1d3945; }

#content table th, #content table caption { text-align: center; }

#content table caption { font-size: 16px; }

.cart-del { width: 20px; }

td.cart-num, th.cart-num { width: 80px; text-align: right; }

div.cart-num{ width: 100%; text-align: right; }

#content form { padding: 3px; margin-top: 20px; margin-bottom: 20px; }

#content form.bookform { padding: 0; margin-top: 0; margin-bottom: 0; display: inline; }

#content fieldset { border: 0; } 

#content input, #content textarea { font-size:9pt; text-align:left;}
/* ---------------------------------------------------------------------------------------------- */
#cart-item a, #pages-item a { color: #7bb8f2; text-decoration: none; font-size: 12px; font-weight: bold;}
/* ---------------------------------------------------------------------------------------------- */
#userinfo  { margin-left: auto; margin-right: auto; }

#userinfo input, #userinfo textarea { font-size:9pt; text-align: left; width:300px;}

#userinfo fieldset { width: 450px; text-align: center; }

#userinfo input.cart-button { width: auto; clear: both; text-align: center; float: none; }

#userinfo legend { text-align: center; display: block; width: 100%; margin-bottom: 10px; color:#1D3945;} 

#userinfo label { display: block; clear: both; float: left; width: 140px; text-align: right; color:#1D3945;}
/* ---------------------------------------------------------------------------------------------- */
.cart-comment { font-size: 12px; font-weight: none; }

.cart-text { width: 160px; }

.cart-needed { color: red; }

input.cart-num { width: 50px; margin-left: 15px; }

#cart-final-send, #cart-final-perlace { width: 50%; overflow: hidden; display: block;
    float: left; text-align: center; }
    
#cart-final-perlace { clear: both; }
/* ---------------------------------------------------------------------------------------------- */
#footer { display: block; width: 1000px; height: 66px;
    background: url('./images/design/footer.gif'); clear: both; }
/* ---------------------------------------------------------------------------------------------- */
#catalog, #article, #search, #cart, #super 
    { width: 151px; margin-bottom: 10px; overflow: hidden;}

#catalog ul, #article ul, #search ul, #cart ul, #super ul 
    { margin: 0; padding: 0; width: 151px; height: auto; }

#catalog li, #article li, #search li, #cart li, #super li 
    { float: left; width: 151px; height: auto; display: block; 
      list-style: none; margin: 0; padding: 0; text-align: left; }   

#catalog li.menu-sub, #article li.menu-sub, #search li.menu-sub, #cart li.menu-sub, #super li.menu-sub 
    { height: 14px; }   

#catalog li a, #article li a, #search li a, #cart li a, #super li a 
    { color: #ffffff; text-decoration: none; padding-left: 10px; }

#catalog li a.catalog, #article li a.article, #search li a.search, #cart li a.cart, #super li a.super 
    { margin: 0; width: 151px; display: block; height: 50px; 
      font-size: 16px; line-height: 50px; text-align: center; padding: 0; font-weight: bolder;}
/* ---------------------------------------------------------------------------------------------- */    
#catalog { height: 302px; background: url('./images/design/catalog.gif'); }

#catalog li a.catalog:link, #catalog li a.catalog:visited {
    background: url('./images/design/catalog.gif'); }
    
#catalog li a.catalog:hover {
    background: url('./images/design/_catalog.gif'); }
    
#catalog li.menu-selected { color: #ffffff; text-transform: uppercase;
	font-weight: bolder; margin-left: 10px; }    
/* ---------------------------------------------------------------------------------------------- */
#search { height: 193px; text-align: center; background: url('./images/design/article.gif'); }
    
#search li a.article:link, #search li a.article:visited {
    background: url('./images/design/article.gif'); }
    
#search li a.article:hover {
    background: url('./images/design/_article.gif'); }

#search form { padding: 0px; margin: 0; text-align: center;}

#search fieldset { border: 0; text-align: center; margin-top: 0px;}

#search label, #search legend { color: #ffffff;  text-align: center;}

#search label { font-size:9px;}

#search input { color: #15294b; font-weight: bolder; text-align: center; font-size:11px; }

.search-comment { font-size: 12px; font-weight: none; text-align: center;}

.search-text { width: 140px; text-align: center;}

.search-num { width: 35px; text-align: center;}

.search-button { margin-left: auto; margin-right: auto; }  
*html .search-button { margin-top: 20px; }  
/* ---------------------------------------------------------------------------------------------- */
#article { height: 210px; background: url('./images/design/search.gif'); }
    
#article li a.search:link, #article li a.search:visited {
    background: url('./images/design/search.gif'); }
    
#article li a.search:hover {
    background: url('./images/design/_search.gif'); }
/* ---------------------------------------------------------------------------------------------- */
#cart { height: 137px; background: url('./images/design/cart.gif'); }

#cart a { text-align: center; color: #ffffff; text-decoration: none; }
    
#cart li a.cart:link, #cart li a.cart:visited {
    background: url('./images/design/cart.gif'); }
    
#cart li a.cart:hover {
    background: url('./images/design/_cart.gif'); }
    
#small-cart span { display: block; clear: both; float: center; }    
/* ---------------------------------------------------------------------------------------------- */
#super { height: 213px; background: url('./images/design/super.gif'); }
    
#super li a.super:link, #super li a.super:visited {
    background: url('./images/design/super.gif'); }
    
#super li a.super:hover {
    background: url('./images/design/_super.gif'); }
/* ---------------------------------------------------------------------------------------------- */
#category-pages { width: auto; text-align: center; margin: 5px 5px 5px 5px;
    color: #1d3945; font-size: 13px; display: block; clear: both;}
    
#category-pages a { font-size: 13px;}

*html #legoshop { clear: none; }
html:root #legoshop { clear: both; }

#category-pages a { color: #7bb8f2; text-decoration: none; font-size: 11px; }
.hide { display: none; }
