@charset "utf-8";

/* CSS Document */

html, body {background-color:#FFF; margin:0 auto; padding:0; font-family:"Calibri", Verdana, Geneva, sans-serif;  font-size:12px; height: 100%;

}

h1 { margin:0; padding:0; color:#ad832f; font-size:22px;}

h2 {margin:0px 0px 5px 0px; padding:0; color:#ad832f; font-size:14px; text-align:center;}

a { text-decoration:none; color:#ad832f;}

a:hover { color:#F30; text-decoration:underline;}

a img {border:0; text-decoration:none;}

fieldset { border:none;}

.site { width:100%; float:left; padding-bottom:240px; height:auto !important; min-height:71%; height:80%;}





.header { width:100%; height:122px; background-image:url(img/header-bg.jpg); background-position:top left; background-repeat:no-repeat;

margin:auto;/*padding-left:245px;*/}

.logo { width:500px; height:51px;padding-left:245px;}

.menu {padding-left:245px;}

.menu ul { list-style-type:none; margin:0; padding:0; font-size:16px;}

.menu ul li { display:inline; float:left; padding-right:70px;}

.container {width:100%; height:auto; margin:auto;}

.leftcolumn { width:140px; float:left; margin-left:30px; line-height:1.5em; position:relative;}

.leftcolumn ul { list-style-type:none; font-size:12px;}

.leftcolumn ul li { margin-bottom:10px;}

.centralcolumn {margin:auto; display:block; margin-left:60px; float:left; max-width:650px; }

.content {  line-height:1.5em; margin-left:230px; float:left; width:auto;max-width:850px;} 

.content2 {  line-height:1.5em; margin-left:60px; float:left; width:auto;max-width:850px;} 

.category { width:220px; height:256px; float:left; margin:0px 48px 50px 0px; cursor:pointer;}

.category  h2 { text-align:center; margin-bottom:30px; margin:0px 0px 30px -28px;}

.category img { width:190px; height:200px; position:relative; }

.category-over {width:250px; height:256px; margin:-228px 0px 0px -28px; float:left; position:relative;  }

.products {width:220px; height:256px; float:left; margin:0px 48px 50px 0px;}

.blocks {height:auto; margin:auto;}

.photoblock { width:440px; float:left;}

.textblock { width:180px; float:right; height:371px; overflow:hidden;}

p.articul { margin:0; padding:0;  color:#767676;}

p.techical { margin:10px 0px 0px 0px; padding:0; color:#000; line-height:1.5em;}

span.about {color:#767676; line-height:1.5em;}

.buy {background-image:url(img/shopping.jpg); width:68px; height:20px; text-align:center; float:left; padding-top:8px; margin:10px 0px 0px 0px; font-size:12px}

.noBull { list-style-type:none; margin:5px 0px 0px 0px; padding:0; background-image:url(img/shopping.jpg); width:68px; height:22px; text-align:center; float:left; padding-top:6px; font-size:12px}

.rightcolumn { width:109px; float:right; margin-right:20px; margin-left:0px; }

.scroll-top { width:99px; height:31px;}

.scroll-middle {width:99px; height:auto;}



.scroll-bottom {width:99px; height:31px;}

.footer { background-image:url(img/bg.gif); background-repeat:no-repeat; background-position:left bottom; width:100%; height:258px; float:left; margin-top:-258px;



}

a.active{background-image:url(img/border.png); float:left; width:94px; height:94px; padding:8px;}



#basket_cont {}

.content #basket_cont { width:600px;}

/*---------------------------------Accordeon------------------------------------*/

.arrowsidemenu{

	width: 130px; /*width of menu*/

	

}

	

.arrowsidemenu div a{ /*header bar links*/



	display: block;

	

  height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/

	padding: 4px 0 4px 10px;

	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/

	text-decoration: none;

}

	

.arrowsidemenu div a:link, .arrowsidemenu div a:visited{

	

}



.arrowsidemenu div a:hover{

	background-position: 100% -32px;

}



.arrowsidemenu div.unselected a{ /*header that's currently not selected*/

	

}



	

.arrowsidemenu div.selected a{ /*header that's currently selected*/

	

	background-position: 100% -64px !important;

}



.arrowsidemenu ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

}



.arrowsidemenu ul li{

	

}





.arrowsidemenu ul li a{ /*sub menu links*/

	display: block;

	

	text-decoration: none;

	

	padding: 5px 0;

	padding-left: 10px;

	

}



.arrowsidemenu ul li a:hover{

	background: #f7f6f6;

}

.menuheaders { font-size:16px;}

.menucontents li { padding-left:10px; padding-top:5px;}

.activemenu {color:#F30; background: #f7f6f6; font-size:12px; margin-left:10px;}

.leftcolumn ul li ul { margin:10px 0px 0px 20px;}

.leftcolumn ul li.active a{color:#F30;}

.oldprice { text-decoration:line-through; color:#999; font-size:10px;}

.newprice { font-weight:bold; color:#F30;}