/*
 * CSS:Structure, by Limarc /Alexander Lobashev/
 * 
 * (c) 2008-2009 by Limarc, Lim-on Media
 * _link: http://www.free-lance.ru/users/Limarc
 *
 * _index: doc.style_structure.css
 * _revision: 1.13
 * 

 //  CSS Information:
     ------
     Colors:
         light orange: FF8000
          dark orange: D96C00
           dark beige: 4D4D40
            med beige: 80806B
          light beige: E5E5D8
          darker teal: 268080
            dark teal: 3DCCCC
           light teal: B3FFFF

 */

 /* > `structure`
 ----------------------------------------------- */
 #gradient
 {
         background: url('../images/gradient-document.jpg') repeat-x top left;
	 
	 position: absolute;
	 top: 0%;
	 left: 0%;
	 
	 width: 100%;
	 height: 867px;
 }
 
 #pattern-header
 {
         background: url('../images/pattern-header.png') no-repeat bottom center;
	 
	 position: absolute;
	 top: 0%;
	 left: 0%;
	 
	 width: 100%;
	 height: 729px;
 }
 
 #pattern-footer
 {
         background: url('../images/pattern-footer.png') no-repeat bottom center;
	 
	 margin-top: -100px;
	 position: relative;
	 bottom: 0px;
	 left: 0px;
	 
	 width: 100%;
	 height: 147px;
	 
	 z-index: 0;
 }
 
 #wrapper
 {
         margin: 0px auto;
	 position: relative;
	 
	 width: 995px;
 }
 
 /* > `header`
 ----------------------------------------------- */
 #header
 {
	 padding-top: 35px;
	 padding-bottom: 10px;
	 
	 height: 110px;
 }
	 #header .logo
	 {
		 float: left;
		 
		 width: 440px;
	 }
	 
	 #header .call-to
	 {
		 padding-top: 21px;
		 float: right;
		 
		 width: 215px;
	 }

 /* > `navigation`
 ----------------------------------------------- */
 #navigation
 {
	 font: 1.6em Tahoma, Geneva, sans-serif;
	 
	 margin-top: 10px;
	 margin-bottom: 10px;
	 
	 height: 45px;
 }
	 #navigation li
         {
                 padding: 5px 8px;
                 
                 float: left;
                 
                 z-index: 998;
         }
	 
	 	 #navigation li a.selected img
		 {
			 margin-top: -7px;
		 }
 
 /* > `shoping`
 ----------------------------------------------- */
 #shoping
 {
	 font: 1.1em Tahoma, Geneva, sans-serif;
	 
	 height: 45px;
 }
 	 /*
	  * -> basket
	  */	 
	 #shoping .basket
	 {
		 color: #02244e;
		 
		 float: left;
		 width: 400px;
	 }
		 #shoping .basket span.left,
		 #shoping .basket span.right
		 {
			 background: url('../images/block.curve/basket-left.png') no-repeat top left;
			 
			 margin-right: 0px;
			 
			 width: 7px;
			 height: 33px;
			 
			 float: left;			 
		 }
		 
		 #shoping .basket span.text
		 {
			 background: url('../images/block.curve/basket-background.png') repeat-x top left;
			 
			 padding: 10px 7px 0px 7px;
			 
			 height: 33px;
			 
			 float: left;			 
		 }
		 
		 #shoping .basket span.right
		 {
			 background: url('../images/block.curve/basket-right.png') no-repeat top right;
		 }
		 
		 #shoping .basket img
		 {
			 vertical-align: middle;
			 margin-right: 5px;
		 }
	 
  	 /*
	  * -> authorization
	  */	 
	 #shoping .authorization
	 {
		 font-size: 1.2em;
		 color: #02244e;
		 text-align: right;
		 
		 float: right;
		 width: 410px;
	 }
	 
		 #shoping .authorization p
		 {
			 font-size: .8em;
			 text-transform: lowercase;
			 text-align: right;
			 
			 padding-right: 3px;
		 }

 /* > `content`
 ----------------------------------------------- */
 #magazine-content
 {
         font: 1.3em Tahoma, Geneva, sans-serif;
	 
	 overflow: hidden;
	 margin: 10px 0px;
	 
	 width: 100%;
 }
 
	 #magazine-content h1,
	 #magazine-content h3,
	 #magazine-content h2
	 {
		 font-size: 1.8em;
		 color: #002f4a;
		 
		 margin: 0px 0px 10px 0px;
	 }	 
	 
	 #magazine-content h2
	 {
		 font-size: 1.2em;
		 line-height: 1.0em;
		 
		 margin: 10px 0px 0px 0px;
	 }
	 
	 #magazine-content h3
	 {
		 font-size: 1.1em;
		 line-height: 1.0em;
		 font-weight: normal;
		 
		 margin: 0px;
	 }
	 
	 #magazine-content p
	 {
		 padding-bottom: 10px;
	 }

 /* > `footer`
 ----------------------------------------------- */
 #footer
 {
	 font: 1.2em Tahoma, Geneva, sans-serif;
	 
	 margin: 0px auto;
	 margin-top: 15px;
         
 	 height: 120px;
         
	 position: relative;
	 z-index: 999;
	 
	 border-top: 1px solid #7f97a4;
 }
 
         #footer ul.navigation
         {
                 margin: 15px auto 10px auto;
		 overflow: hidden;
		 
		 width: 90%;
		 height: 30px;
         }
		 #footer ul.navigation li
		 {
			 padding: 0px 0px 10px 20px;
			 float: left;
		 }
		 
			 #footer ul.navigation li a
			 {
				 color: #002f4a;
				 display: block;
			 }
	 
         #footer div.suppliers
         {
                 background: transparent url('../images/block.title/supplier.png') no-repeat left top;
		 
		 padding-top: 30px;
		 float: left;
		 
		 width: 660px;
         }
		 #footer div.suppliers img
		 {
			 vertical-align: middle;
			 margin-right: 15px;
		 }
	 
         #footer div.development
         {
                 padding-top: 30px;
		 float: right;
		 
		 width: 220px;
         }
		 #footer div.development a
		 {
			 float: left;
		 }
		 
			 #footer div.development img
			 {
				 text-align: center;
			 }		 
		 
		 #footer div.development p
		 {
			 margin-left: 10px;
			 float: left;
		 }
		 
			 #footer div.development p a
			 {
				 float: none;
			 } 
  
  
 /* > `elements` of page
 ----------------------------------------------- */
 #magazine-content .relative-block
 {
	 font-size: .9em;
	 color: #002f4a;
	 
	 padding: 0px;
	 margin: 15px 0px 35px 0px;
         
	 float: left;
         width: 437px;
 } 
 
	 #magazine-content .left
	 {
		 width: 437px;
	 }
 
	 #magazine-content .right
	 {
		 float: right;
		 width: 510px;
	 }
	 
 	 #magazine-content .left .block-information,
	 #magazine-content .right .block-information
	 {
		 margin-bottom: 50px;
	 }
	 
		 /*
		  * -> left relative block
		  */
		 #magazine-content .left .block-information .corner-top,
		 #magazine-content .right .block-information .corner-top
		 {
			 background: url('../images/block.curve/left-top.png') no-repeat top right;
			 
			 height: 12px;
		 }
		 
		 #magazine-content .left .block-information .corner-bottom,
		 #magazine-content .right .block-information .corner-bottom
		 {
			 background: url('../images/block.curve/left-bottom.png') no-repeat top left;
			 
			 height: 12px;
		 }
		 
		 #magazine-content .left .block-information .corner-top.full
		 {
			 background: url('../images/block.curve/data-top-full.png') no-repeat top right;
		 }
		 
		 #magazine-content .left .block-information .corner-bottom.full
		 {
			 background: url('../images/block.curve/data-bottom-full.png') no-repeat top left;
		 }
		 
		 #magazine-content .left .block-information .information-content,
		 #magazine-content .right .block-information .information-content
		 {
			 /*background: url('../images/block.curve/left-background.png') repeat-y;*/
			 
			 background: transparent;
			 border-left: 1px solid #002f4a;
			 border-right: 1px solid #002f4a;
			 
			 padding: 5px 15px 0px 15px;
			 overflow: hidden;
			 
			 height: auto;
		 }
		 
		 /*
		  * -> right relative block
		  */		 
		 #magazine-content .right .block-information .corner-top
		 {
			 background: url('../images/block.curve/right-top.png') no-repeat top right;
		 }
		 
		 #magazine-content .right .block-information .corner-bottom
		 {
			 background: url('../images/block.curve/right-bottom.png') no-repeat top left;
		 }
		 
			 #magazine-content .relative-block .block-information .information-content .title
			 {
			 	 background: transparent;
			 
			 	 margin: -33px 0px 0px -18px;
			 	 padding: 0px 10px 3px 0px;
			 
			 	 position: absolute;
			 	 width: auto;
			 }
 	 
	 #magazine-content .relative-block p.archive
	 {
	 	 font-size: 0.9em;
		 text-align: right;
	 	
	 	 margin-top: 5px;
		 padding-bottom: 0px;
	 	 width: 100%;
	 }
	 
	 
	 /*
	  * -> promo block
	  */
	 #magazine-content .relative-block .block-promo
	 {
		 padding-top: 0px;
		 overflow: hidden;
	 }
	 
		 #magazine-content .relative-block .block-promo .swem-logo
		 {
			 float: left;
		 }
		 
		 #magazine-content .relative-block .block-promo .promo-information
		 {
			 float: right;
		 }
  
 /* > `catalog goods` of magazine
 ----------------------------------------------- */
 #magazine-content div.relative-block ul.catalog-data
 {
         font-size: 0.8em;
	 list-style-type: none;
	
	 margin: 0px;
         padding: 5px;

	 float: left;
	 width: 105px;
 }
	
	 #magazine-content div.relative-block ul.catalog-data li
	 {
		 text-align: center;
		 
		 padding: 0px;
		 margin: 0px;
	 }
	 
	 #magazine-content div.relative-block ul.catalog-data li.preview
	 {
		 overflow: hidden;
		 position: relative;
	 }
	 
		 #magazine-content div.relative-block ul.catalog-data li.preview img
		 {
			 width: 100px;
			 height: 135px;
			 
			 border: 1px solid #052c59;
		 }
	 
	 #magazine-content div.relative-block ul.catalog-data li.product
	 {
		 margin: 0px auto;
	 }
	 
		 /*
		  * -> name, text
		  */
		 #magazine-content div.relative-block ul.catalog-data li.product h2
		 {
			 font-weight: normal;
			 margin: 0px;
			 padding: 0px 0px 5px 5px;
			 
			 position: static;
			 
			 white-space: normal;
			 height: 30px;
		 }
		 
		 /*
		  * -> action, price
		  */
		 #magazine-content div.relative-block ul.catalog-data li ul.action
                 {
			 margin: 0px;
			 padding: 0px 0px;
			 
			 overflow: hidden;
                 }
		
			 #magazine-content div.relative-block ul.catalog-data li ul.action li
			 {
				 vertical-align: middle;
				 
				 float: left;
				 height: 35px;
			 }
			
			 #magazine-content div.relative-block ul.catalog-data li ul.action li.price
			 {
				 font-size: 1.4em;
				 color: #083261;
				 font-weight: bold;
				 line-height: 1.3em;
				 
				 width: auto;
			 }
			
			 #magazine-content div.relative-block ul.catalog-data li ul.action li.basket
			 {
				 text-align: right;
				 
				 padding: 3px 0px 0px 5px;
				 float: left;
				 
				 width: auto;
			 }
				 #magazine-content div.relative-block ul.catalog-data li ul.action li.basket img
				 {
					 vertical-align: middle;
					 
					 width: 14px;
					 height: 11px;
				 }

  /* > `catalog products` of magazine `main`
 ----------------------------------------------- */
 #magazine-content div.relative-block .information-content ul.index
 {
         font-size: 1.0em;
	 list-style-type: none;
	 vertical-align: top;
	 
	 margin: 0px;
         padding: 0px 10px 15px 0px;
	 
	 overflow: hidden;
	 
	 width: 170px;
	 
	 display: inline-block;
 }
	
	 #magazine-content div.relative-block .information-content ul.index li
	 {
		 padding: 0px;
		 margin: 0px;
	 }
	 
	 #magazine-content div.relative-block .information-content ul.index li.separate
	 {
		 display: none;
	 }
	 
		 /*
		  * -> information
		  */		 
		 #magazine-content div.relative-block .information-content ul.index li h3
		 {
			 font-size: 1.3em;
			 font-weight: bold;
			 
			 margin: 0px;
			 padding: 0px;
			 
			 white-space: normal;
		 }
		 
		 #magazine-content div.relative-block .information-content ul.index li h3.root
		 {
			 font-size: 1.5em;
			 font-weight: normal;
			 
			 margin: 0px;
			 padding: 0px;
			 
			 white-space: normal;
		 }
	         
		 #magazine-content div.relative-block .information-content ul.index li ul
		 {
			 font-size: .9em;
			 margin: 0px 0px 5px 1px;
			 
			 overflow: hidden;
		 }
		 
			 #magazine-content div.relative-block .information-content ul.index li ul li
			 {
				 margin: 0px 5px 0px 0px;
				 padding: 0px 0px;
			 }