html,
body {
   margin:0;
   padding:0;
   height:100%;
}


body {
    background:transparent url(/media/images/bg.png) repeat-y scroll 50% 0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    min-width:600px;		/* Minimum width of layout - remove line if not required */
                    /* The min-width property does not work in old versions of Internet Explorer */
    font-size:90%;
    font-family:Arial;
    text-align:center;
}

dd, dl, dt{
padding:0px;
margin:0px;    
}

a {
    color:#369;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
margin:0.8em 0 0.2em;
padding:0;
}

h1{
    font-size:100%;
    margin:0 0 10px 0;
    border-bottom:1px solid #777777;
    color:#777777;
    font-weight:bold;
    margin-bottom:10px;
    text-transform:uppercase;
}

#address{
    color:#FFFFFF;
    font-size:12px;
    margin-top:125px;
    text-align:center;
    width:253px;
}

p {
    /*margin:.4em 0 .8em 0;*/
    padding:.4em 0 .8em 0;
}
img {
    margin:0px;
    border-width:0px
}

/*wrap*/
#wrap{
    margin:0 auto;
    width:1000px;
    text-align:left;
   min-height:100%;
   position:relative;
}

/*logo*/
#logo{
    height:130px;
    float:left;
/*    background:transparent url(/media/images/logo.png) no-repeat scroll 0 69px;*/
}

img#arbat{
    float:right;
    padding-bottom:5px;
    padding-right:5px;
    padding-top:23px;
}

#logo a{
    background:transparent url(/media/images/logo.png) no-repeat scroll 0 0;
    float:left;
    height:63px;
    margin-top:50px;
    width:253px;
}

#logo p{
display:none;
}

/* Header styles */
#header {
    clear:both;
    float:left;
    width:100%;
}

#header {
/*    border-bottom:1px solid #000;*/
    background:transparent url(/media/images/header.png) repeat-x scroll 0 0;
}
#header p,
#header h1,
#header h2 {
    padding:.4em 15px 0 15px;
    margin:0;
}

#centeredmenu {
    float:left;
    width:100%;
    background-color:transparent;
    overflow:hidden;
    position:relative;
    background:#444444 url(/media/images/button.png) repeat-x scroll 0 0;    
}
#centeredmenu ul {
    clear:left;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    left:50%;
    text-align:center;
}
#centeredmenu ul li {
    display:block;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    right:50%;
    text-transform:uppercase;
    font-weight:bold;
}
#centeredmenu ul li a {
    display:block;
    margin:0 ;
    background:#444444 url(/media/images/button.png) repeat-x scroll 0 0;
    color:#ffffff;
    text-decoration:none;
    line-height:39px;
    width:200px;
    border-right:1px solid black;
}

#centeredmenu ul li a.firstitem{
    border-left:1px solid black;
}

#centeredmenu ul li a.firstitem span{
    border-left:1px solid black;
}
#centeredmenu ul li a span {
    position:absolute;
    top:0;
    left:0;
    /*display:block;*/
    height:100%;
    width:200px;
    background:#444444 url(/media/images/hbutton.png) repeat-x scroll 0 0;
    z-index:100;
    border-right:1px solid black;    
}

#centeredmenu ul li a:hover {
    cursor:pointer;
}


/* Вместо этого #centeredmenu ul li a span - на java-скрипте*/
/*
#centeredmenu ul li a:hover {
    background:#444444 url(/media/images/hbutton.png) repeat-x scroll 0 0;
}
*/



/* column container */
.colmask {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    clear:both;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
    padding-bottom:75px;   /* Height of the footer */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;			/* width of page */
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    /*padding:20px 0;*/	/* no left and right padding on columns, we just make them narrower instead 
                    only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
/* 3 Column settings */
.threecol {
    /*background:#eee;*/		/* right column background colour */
}
.threecol .colmid {
    margin:10px 0;
    right:25%;			/* width of the right column */
    /*background:#fff;		/* center column background colour */
}
.threecol .colleft {
    right:50%;			/* width of the middle column */
    /*background:#f4f4f4;*/	/* left column background colour */
}
.threecol .col1 {
    left:100%;
    width:50%;
    /*width:46%;	*/		/* width of center column content (column width minus padding on either side) */
    /*left:102%;	*/		/* 100% plus left padding of center column */
}
.threecol .col2 {
    left:26%;
    width:23%;
    
    /*width:21%;	*/		/* Width of left column content (column width minus padding on either side) */
    /*left:31%;*/			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
    left:78%;
    width:23%;
    
    /*width:21%;	*/		/* Width of right column content (column width minus padding on either side) */
    /*left:85%;*/			/* Please make note of the brackets here:
                    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.col1 .r-star{
background-color:#f7f7f7;
}

#content {
    padding:0 10px;
    
}

.description{
    font-weight:bold;
}

.price{
    font-weight:bold;
    text-align:right;
}

.old_price{
    text-align:right;
    text-decoration:line-through;
}

.adv{
        text-align:center;
}

.goodlist{

}

ul.goodlist{
    margin:0;
    padding:0;
}

.goodlist li{
    background-color:white;
    display:block;
    float:left;
    margin-bottom:5px;
    margin-left:5px;
    position:relative;
    text-align:center;
    width:230px;
}

.goodlist .price{
    bottom:10px;
    font-weight:bold;
    position:absolute;
    right:10px;
    width:100%;
}

.goodlist .old_price{
    bottom:30px;
    position:absolute;
    right:10px;
    width:100%;
}

.goodlist .title{
    font-weight:bold;
}

.goodlist .description{
    text-align:left;
    font-weight:normal;
}

.prod_t 		{background:url(/media/images/prod_t.gif) 0px 0px repeat-x #ffffff;position:relative;}
.prod_b 		{background:url(/media/images/prod_b.gif) 0px bottom repeat-x;}
.prod_l 		{background:url(/media/images/prod_l.gif) 0px 0px repeat-y;}
.prod_r 		{background:url(/media/images/prod_r.gif) right 0px repeat-y;}
.prod_tl 			{background:url(/media/images/prod_tl.gif) left top no-repeat; width:100%;}
.prod_tr 			{background:url(/media/images/prod_tr.gif) right 0px no-repeat;}
.prod_bl			{background:url(/media/images/prod_bl.gif) left bottom no-repeat;}
.prod_br 			{background:url(/media/images/prod_br.gif) right bottom no-repeat;height:280px;padding:10px;}











.pagination {
    text-align:center;
}

/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    background:#121212 url(/media/images/footer.png) repeat-x scroll 0 0;
    height:75px; /* Height of the footer */
    position:absolute;
    bottom:0;   
}
#footer p {
    padding:10px;
    margin:0;
    color:#ffffff;
    font-size:75%;
    text-align:center;
}
#footer .counter {
    padding:0 10px;
    text-align:right;
}

/*Скругленные края!!!*/

.r-star {
	position:relative;
	overflow:hidden;
	padding:10px 0;
}

.r-star {
    background-color:#F2F2F2;
    /*background:#F2F2F2 url(/media/images/stars.jpg) repeat scroll 0 0;*/
    margin-bottom:10px;
}

.r-star .portlet {
	padding:0 10px;
}

.r-star .cn {
	position:absolute;
	width:20px;
	height:20px;
	left:-10px;
	top:-10px;
	background:url(/media/images/r-star.png);
}

.r-star .cn.tr, .r-star .cn.br {
	margin-left:100%;
}

.r-star .cn.bl, .r-star .cn.br,
.r-star-shape .cn.bl, .r-star-shape .cn.br {
	top:auto;
}





.portlet{

}

.portletHeader{
border-bottom:1px solid #777777;
color:#777777;
font-weight:bold;
margin-bottom:10px;
text-transform:uppercase;
}

.portletItem{
clear:left;
font-size:80%;
line-height:150%;
font-weight:bold;
padding:0px 0px 5px 0px;
}

.r-star p {
    margin:0px;
    /*padding:0px;*/
}



.portletItem .description{
    font-weight:normal;
}

.portletItem ul.description{
    padding-left:15px;
    padding-top:10px;
}


.tileImage{
    position:relative;
    float:left;
    margin:10px 10px 5px 0;
}

.manufacturer{
    padding-top:5px;
    font-size:80%;
    text-align:left;
}

ul.magazine {
    list-style-type:none;
    margin:0;
    padding:0;
}

#animate input, #animate textarea{
    margin-left:160px;
}

#animate textarea {
width:50%;
}

#animate label{
    position:absolute;
}

#animate img{
    position:absolute;
    left:100px;
}

#animate input.default {
    margin-left:0;
    margin-top:30px;
} 


.normalheigth {
    height:100%;
}

.errorlist {
    color:red;
    font-size:80%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-left:160px;
    padding:0;
}

.centered {
    text-align:center;
}

.right{
    text-align:right;
}

.check_at {
    text-decoration:underline;
}

#tooltip {
  position: absolute;
  z-index: 3000;
  width:250px;
  border: 1px solid #000000;
  background-color: #222222;
  padding: 0;
  opacity: 0.95;
  color:#fff;
}
#tooltip h3 {
  background-color: #333333;
  padding-left:5px;
  font-weight:bold;
  font-size:1.4em;
}
#tooltip div {
  padding-left:5px;
  padding-right:5px;
}

#tooltip img {
  border: 2px solid #000000;
  margin-top:5px;
}

.search{
    position:relative;
    float:left;
    padding-right:5px;
    padding-top:10px;
}

.floor{
    padding-top:10px;
    text-align:right;
}

.visualClear {
    clear:both;
    display:block;
}

fieldset{
    margin-bottom:20px;
    border:1px solid #777777;
}

legend{
    font-weight:bold;
}

/* Комментарии */

#comment_form{
	
}

#comment_form textarea, 
#comment_form input#id_name, 
#comment_form input#id_captcha_1,
#feedback_form input#id_name,
#feedback_form input#id_contact,
#feedback_form textarea#id_question,
#feedback_form input#id_captcha_1{
background:transparent url(/media/images/pole_vvoda.gif) no-repeat scroll 0 0;
border:1px solid #FFFFFF;
}

#comment_form label{
	
}

#comment_form #id_name{

}

.comment_name{
text-align:right;
}

.comment_captcha{
text-align:right;
}

.comment_add{
	text-align:center;
	padding-top:27px;
}

#comment_form #id_full_text{
width:100%;
}

#comment_form .captcha{
float:left;
padding-left:182px;
}

#comment_form #id_captcha_1{

}

p.thanks{
	color:#777777;
}

.comments_count{
color:#777777;
font-size:12px;
}


.comments_count a{
background:transparent url(/media/images/comments_ico.gif) no-repeat scroll 0 0;
padding-left:21px;
}

.soc-zakladki img{
	margin-right:3px !important;
}