/* CSS Document */

.bdy{ background-color:#581061 }
body {width:100%;
}

.content{


	width:1060px;

margin: 0 auto;

	font-family:Arial, "Myriad Pro", "Trebuchet MS";

	font-size:12px;

	text-align:justify;

	color:#333;
	}
	
	
.cell{
	
	display:table-cell; width:300px;
	float:left;
	margin-right:30px;
	
	
	
	}	

h1, h2, h3, h4{

	font-family:"Century Gothic", Arial;

	color:#C39;}

	

h1{ font-size:24px}

h2{font-size:18px}

h3{font-size:14px}

h4{font-size:12px}







/* главная таблица (каркас) */

.mainbody{ background-color:#ad1f78; border-style:solid; border-color:#FFFFFF; border-width:1px;  }

.carttabl { background-color:#FFFFFF; border-color:#009900;  border-width: 0 0 1px 1px;; border-style:solid }



.tdcarttblbg{ background-color:#AEFFAE; border-color:#009900; border-width: 0 0 1px  0;    border-style: solid;    margin: 0;    padding: 2px; color:#000000}

.tdcarttbltop { background-color:#BFDFFF; border-color:#009900; border-width: 1px 0 1px 0;    border-style: solid;    margin: 0;    padding: 2px; color:#000000}

.tdcarttbltop2 { background-color:#FFFFFF; border-color:#009900; border-width:  1px 0  0 0;    border-style: solid;    margin: 0;    padding: 2px; color:#000000}

.tdtext {   color:#000000; font-size:12px}

.tdcarttbl{ background-color:#FFFFFF; border-color:#009900; border-width: 0 0 1px 0;    border-style: solid;    margin: 0;    padding: 2px;}

.tdcarttbltext{ color:#000000; border-width: 0 0 1px 0;  border-color:#009900;  border-style: solid;    margin: 0;    padding: 2px;}



/* меню верхнее */

/* .topmenu{ font-family:"Trebuchet MS", Verdana; font-size:14px; font-weight:bold}

/* "подвал" для инфе */

.designcont{ background-color:#FFFFFF; }

/* дата */

.date{ color:#000000; font-family:"Trebuchet MS", Verdana; font-size:12px}

.kurs { color:#000000; font-family:"Trebuchet MS", Verdana; font-size:12px}

.oldprice {position: absolute; z-index: 2; right:-2; bottom:2; text-decoration:line-through; font-family:"Trebuchet MS", Verdana; font-size:14px; color:#FF0000; font-weight:bold}

.oldpricetext {position: absolute; z-index: 2; left:-5; bottom:2;  font-family:"Trebuchet MS", Verdana; font-size:14px; color:#FF0000; font-weight:bold}

/* заголовок колонок справа и слева */

.zagolovokcol{color:#FFFFFF; font-family:"Trebuchet MS", Verdana; font-size:14px; font-weight:bold; text-decoration:underline}

.zagolovokcol2{color:#FFFFFF; font-family:"Trebuchet MS", Verdana; font-size:14px; font-weight:bold; }

/* ячейка с товаром */

.celltablecat { border-style:solid; border-width:1px; border-color:#FF66FF;  width: 180px}

/* текст цены и цена  */

.prices { color:#330033; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}

.pricetbl  { color:#330033; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}



/* акции  */

.pricetblaction  {  color:#FF0000; background-color:#FFFF00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}

.pricetextaction { color:#FF0000; background-color:#FFFF00;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}

.aciyalink{color:#FFFFFF; font-family:"Trebuchet MS", Verdana; font-size:12px; text-decoration:none;  font-weight:bold}

.hrleft{color:#FFFFFF; height:1px; }



.navigatormain{color:#003300; font-family:"Trebuchet MS", Verdana; font-size:14px;  text-decoration:none; }

.navigator{color:#003300; font-family:"Trebuchet MS", Verdana; font-size:14px;  font-style:italic; }





/* производитель  */

.proiztd{ background-color:#CC3399; color:#FFFFFF;   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

.textmainpages{ font-family:"Trebuchet MS", Verdana; font-size:12px; color:#330000;}



.navilink {color:#993399; font-family:"Trebuchet MS", Verdana; font-size:12px; text-decoration:none; }

a.tocarttext{ color:#FFFFFF; background-color:#336600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;  }

/* ячейка в корзину  */

.tocartcell { background-color:#993399}

.linkcatalog {color:#FFFFFF;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;

 text-decoration:underline}



.linksshopselect{color:#FFFFFF; font-family:"Trebuchet MS", Verdana; font-size:13px; text-decoration:none;}

.linksshop {color:#FFFFFF; font-family:"Trebuchet MS", Verdana; font-size:12px; text-decoration:none;}

.carttext {color:#003300; background-color:#FFFFFF; font-family:"Trebuchet MS", Verdana; font-size:12px; text-decoration:none;}

a.linksshop {color:#FFFFFF; font-family:"Trebuchet MS", Verdana; font-size:12px; text-decoration:none;}

.tovazgol   		  { color:#006600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;     text-decoration:none}



.opistovaramain { background-color:#FFBBBD; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

.oldpricetov {text-decoration:line-through; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  font-weight:bold; }

.opistovara{ background-color:#FFFFFF; color:#006600; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;  }

a.topmenu:link,a.topmenu:visited   { color:#fff; ; font-family: Tahoma; font-size:14px; text-decoration:none }

a.topmenu:hover       { color:#fff;  font-family: Tahoma; font-size:14px; text-decoration:none}


.menu{
	width:100%; position:absolute; top:500px; text-align:center; 
	
	}
.menu td{
	background-image:url(../img/menubg.png)}	


/*SPRY*/



@charset "UTF-8";



/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */



/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* This is the selector for the main CollapsiblePanel container. For our

 * default style, the CollapsiblePanel is responsible for drawing the borders

 * around the widget.

 *

 * If you want to constrain the width of the CollapsiblePanel widget, set a width on

 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill

 * up available space.

 *

 * The name of the class ("CollapsiblePanel") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style the

 * CollapsiblePanel container.

 */

.CollapsiblePanel {

	margin: 0px;

	padding: 0px;

	bordert: 0px;



}



/* This is the selector for the CollapsiblePanelTab. This container houses

 * the title for the panel. This is also the container that the user clicks

 * on to open or close the panel.

 *

 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style an

 * CollapsiblePanel panel tab container.

 */

.CollapsiblePanelTab {

	font: bold 0.7em sans-serif;

	 background-color:#006699;

	border-bottom: solid 0px #CCC;

	margin: 0px;

	padding: 2px;

	cursor: pointer;

	-moz-user-select: none;

	-khtml-user-select: none;

}



/* This is the selector for a CollapsiblePanel's Content area. It's important to note that

 * you should never put any padding on the content area element if you plan to

 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content

 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.

 *

 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style a

 * CollapsiblePanel content container.

 */

.CollapsiblePanelContent {

	margin: 0px;

	padding: 0px;

}



/* An anchor tag can be used inside of a CollapsiblePanelTab so that the

 * keyboard focus ring appears *inside* the tab instead of around the tab.

 * This is an example of how to make the text within the anchor tag look

 * like non-anchor (normal) text.

 */

.CollapsiblePanelTab a {

	color: black;

	text-decoration: none;

}



/* This is an example of how to change the appearance of the panel tab that is

 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed

 * from panels as the user clicks on the tabs within the CollapsiblePanel.

 */

.CollapsiblePanelOpen .CollapsiblePanelTab {

background-color:#006699;

 

}



/* This is an example of how to change the appearance of the panel tab as the

 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added

 * and removed from panel tab containers as the mouse enters and exits the tab container.

 */

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover { background-color:#FF0000;

}



/* This is an example of how to change the appearance of all the panel tabs when the

 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed

 * whenever the CollapsiblePanel gains or loses keyboard focus.

 */

.CollapsiblePanelFocused .CollapsiblePanelTab { background-color:#006699;

}


.bottomlinks a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF}
.bottomlinks{ color:#FFF; padding-top:14px;}




.ddesigntext{

font-family:"Trebuchet MS", Verdana;

color:#FFFFFF;

font-weight:bold;

font-size:12px;

background-color:#504a3e;

}
