body, html
{
	margin: 0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
	padding: 0px;
	text-align: center; /*Выравниваем макет по центру в старых версиях браузеров*/
	font: 14px "Segoe UI" , Verdana, Arial;
	color: #333;
	background-color: #fdfdfd;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

a img
{
	border: none;
}
a
{
	color: #009a3d;
}
a:visited
{
	color: #009a3d;
}
a:hover
{
	color: #ff6600;
}
a:active
{
	color: #ff6600;
}

#container
{
	background-image: url(img/round.png );
	background-repeat: no-repeat;
	width: 1008px; /*задаем ширину макета*/
	margin: 0 auto; /*выравниваем макет по центру в современных браузерах */
	text-align: left; /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
}
/*Здесь пишем стили для шапки сайта */
#header
{
}
/*Здесь пишем стили для левой колонки сайта */
#middle
{
	/*border: solid 1px red;*/
	background-image: url(img/content_bg.png);
	background-repeat: repeat-y;
	text-align: left;
}
/*Здесь пишем стили для левой колонки сайта */
#left
{
	/*background-image: url(img/left_content_bg.png); 	background-repeat: no-repeat; 	background-position: top;*/
	width: 240px; /*ширина колонки */
	float: left; /*обязательное выравнивание по левому краю,с включением обтекания*/
}

/*Здесь пишем стили для блока контента Full */
#fullcontent
{
	margin: 0px; /*обнуляем отступы сверху и снизу*/
	margin-left:50px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
}
#fullcontent p
{
	margin: 0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
	padding: 5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}

/*Здесь пишем стили для блока контента */
#content
{
	margin: 0px; /*обнуляем отступы сверху и снизу*/
	margin-left: 240px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
}
#content p
{
	margin: 0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
	padding: 5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear
{
	height: 0;
	font-size: 1px;
	line-height: 0px;
	clear: both;
}
#clearcontent
{
	height: 0;
	font-size: 1px;
	line-height: 0px;
	clear: both;
}
.clear
{
	height: 0;
	font-size: 1px;
	line-height: 0px;
	clear: both;
}
/*Здесь пишем стили для подвала сайта */
#footer
{
	height: 54px;
	vertical-align: top;
}
#footer p
{
	margin: 0px; /* обнуляем отступы*/
	padding: 10px 0; /*  задаем поля */
}
#footer a
{	
	color: #6f8f37;

}
#footer a:visited
{	
	color: #6f8f37;

}
#footer a:hover, a:active
{	
	color: #000000;

}
#footer, a:active
{	
	color: #000000;

}

.top
{
	height: 48px;
	background-image: url(img/top.png);
}
.foterbg
{
	height: 47px;
	background-image: url(img/footer_bg.png);
	background-repeat: repeat-y;
}
.footerbottom
{
	height: 37px;
	background-image: url(img/bottom.png);
	background-repeat: no-repeat;
	text-align: left;
}
.maincontent
{
	padding-top:15px;
	margin-right:35px;
	padding-bottom:10px;
	/*padding-right: 20px; 	padding-left: 3px; 	padding-top: 0px; 	padding-bottom: 0px; 	margin-right: 20px; 	margin-bottom: 20px;*/
}
#maincontentdefault
{
	padding-right: 20px;
	padding-left: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.leftcontent
{
	/*background-image: url(img/left_line_top.png);	 	background-repeat:no-repeat; 	background-position:top;*/
	padding-right: 10px;
	padding-left: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
}


.block
{
	padding-top:15px;
	padding-bottom:15px;
}

.action
{
	z-index: 1000;
	position:absolute;
	margin: 0px;
	width: 44px;
	height: 44px;
	cursor: hand;
	margin: 0px 0px 0px 0px;
}


.popup
{
	position: absolute;
	width: 130px;
	visibility: hidden;
	background-color: #ffffff;
	border: dashed 1px #6a6a6a;
	color: #3b90fa;
	padding: 20px;
	filter: alpha(opacity=90);
	opacity: 0.90;
	font-family: Georgia;
}
.imgpopup
{
	cursor: pointer;
	width: 20px;
	vertical-align: middle;
}
.logo
{
	background-image: url(img/content_bg.png);
	background-repeat: repeat-y;
	height: 127px;
	width: 1008px;
}
.becomepartner a, .becomepartner a:visited
{
	color: #78B834;
	text-decoration: none;
	font-weight: bold;
}
.becomepartner a:active, .becomepartner a:hover
{
	color: #ffff66;
	text-decoration: none;
	font-weight: bold;
}

.becomepartner
{
	margin-top: 25px;
	width: 250px;
}
#usermenutext
{
	margin-top: 27px;
	padding-top: 6px;
	width: 250px;
	height: 44px;
	background-image: url(img/UserMenuBackground.png);
	background-repeat: no-repeat;
	color: White;
	font-size: 18px;
	float: left;
}
.text
{
	margin-left: 50px;
}

#usermenutext a
{
	color: White;
	text-decoration:underline;
}

#noauthinfo
{
	padding-top: 27px;
	margin-left: 280px;
	color: #999999;
	font-size: 13px;
	width: 340px;
	font-style: italic;
}

#auth
{
	padding-top: 27px;
	margin-left: 320px;
	color: #999999;
	font-size: 13px;
	width: 340px;
	font-style: italic;
}
/*
/*#leftauthinfo
{
	background: url('images/leftauthinfo.jpg') no-repeat;
	height: 101px;
	width: 30px;
	float: left;
}*/

/*#authinfo
{
	padding-top: 3px;
	width: 250px;
	height: 100px;
	color: #999999;
	font-size: 14px;
	float: left;
}*/


/*#rightauthinfo
{
	background: url('images/rightauthinfo.jpg') no-repeat;
	height: 101px;
	width: 30px;
	float: right;
	margin-right: 30px;
}*/
.bg
{
	background-image: url(img/content_bg.png);
	background-repeat: repeat-y;
}
#location
{
	margin-left: 24px;
	margin-right: 24px;
	padding-left: 50px;
	background-color: #b2d934;
	height: 60px;
	line-height: 60px;
	color: #ffffff;
	font-size: 30pt;
	font-weight: normal;
	text-transform:none;
}


#location a, #location a:visited
{
	color: white;
	text-decoration: none;
}

/* Menu */
div#menu
{
	margin-left: 24px;
	margin-right: 24px;
	background-color: #666666;
	color: #FFFFFF;
	height: 35px;
	text-align: center;
	font-size: 14px;
}

div#menu div
{
	color: #FFFFFF;
}

div#menu div.item
{
	cursor: pointer;
	float: left;
}

div#menu div.separator
{
	width: 3px;
	background: url(images/new/separator.png) no-repeat left center;
	height: 35px;
	float: left;
}


div#menu div.item div.center
{
	width: 186px;
	height: 35px;
	float: left;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 3px;
}

div#menu div.item div.right
{
	height: 35px;
	width: 7px;
	float: left;
}

div.submenu_company
{
	color: #FFFFFF;
	padding: 2px;
	background: #666666;
	width: 181px;
	border-left: solid 1px #8D8C8A;
	border-right: solid 3px #666666;
	border-bottom: solid 1px #8D8C8A;
	text-align: left;
	opacity: 0.9;
	filter: alpha(opacity=90);
	font-size: 14px;
	font-family: Georgia;
}

div.submenu_service
{
	color: #ffffff;
	padding: 2px;
	background: #666666;
	width: 181px;
	border-left: solid 1px #8D8C8A;
	border-right: solid 3px #666666;
	border-bottom: solid 1px #8D8C8A;
	text-align: left;
	opacity: 0.9;
	filter: alpha(opacity=90);
	font-size: 14px;
	font-family: Georgia;
}

div.submenu_catalog
{
	color: #ffffff;
	padding: 2px;
	background: #666666;
	width: 181px;
	border-left: solid 1px #8D8C8A;
	border-right: solid 3px #666666;
	border-bottom: solid 1px #8D8C8A;
	text-align: left;
	opacity: 0.9;
	filter: alpha(opacity=90);
	font-size: 14px;
	font-family: Georgia;
}

div.submenu_onlineservices
{
	color: #ffffff;
	padding: 2px;
	background: #666666;
	width: 181px;
	border-left: solid 1px #8D8C8A;
	border-right: solid 3px #666666;
	border-bottom: solid 1px #8D8C8A;
	text-align: left;
	opacity: 0.9;
	filter: alpha(opacity=90);
	font-size: 14px;
	font-family: Georgia;
}

/*div.submenu_forum
{
	color: White;
	padding: 2px;
    background: #666666;
	width: 191px;
	border-left: solid 1px #8D8C8A;
	border-bottom: solid 1px #8D8C8A;
	text-align:left;
	opacity: 0.9;
	filter: alpha(opacity=90);
}*/

div.submenu_company div.item, div.submenu_service div.item, div.submenu_catalog div.item, div.submenu_forum div.item, div.submenu_onlineservices div.item
{
	padding: 7px 1px 7px 3px;
	cursor: pointer;
}

div.submenu_company div.hover, div.submenu_service div.hover, div.submenu_catalog div.hover, div.submenu_forum div.hover, div.submenu_onlineservices div.hover
{
	background-color: #777370;
	padding: 6px 0px 6px 2px;
	border: solid 1px #D6D6D6;
}
/*End Menu */
#searchtext
{
	padding-top: 28px;
	margin-left: 110px;
	font-size: 12px;
	color: #333333;
}
#toptext
{
	margin-left: 80px;
	color: #9d9e9e;
}

/*input.searchfield
{
	border: solid 1px #cdcdcd;
	height: 13px;
	width: 200px;
	font-size: 10px;
}*/
input.searchbtn
{
	margin-left: 0px;
}
#copyright
{
	margin-left: 60px;
	line-height: 54px;
	float: left;
	color: #6f8f37;
	font-size: 12px;
}
#counters
{
    padding:13px 60px 0 0;
    float:right;
}
#bottomlinks
{
	line-height: 54px;
	float: right;
	margin-right: 10px;
	font-size: 12px;
}
#leftcol
{
	float: left;
	width: 300px;
	margin-left: 50px;
	margin-bottom: 30px;
	margin-top: 20px;
}
#centercol
{
	float: left;
	width: 300px;
	margin-left: 15px;
	margin-bottom: 30px;
	margin-top: 20px;
}

#rigthcol
{
	float: left;
	width: 300px;
	margin-left: 15px;
	margin-bottom: 30px;
	margin-top: 20px;
}
p.greenheader
{
	margin: 0;
	color: #009935;
	font-size: 20px;
}
.green
{
	margin-top: 15px;
	margin-bottom: 0px;
}
p.green a, p.green a:visited
{
	margin: 0;
	color: #009935;
}
p.green a:active, p.green a:hover
{
	margin: 0;
	color: #ee7723;
}

div.green a, p.green a:visited
{
	margin: 0;
	color: #009935;
}
div.green a:active, p.green a:hover
{
	margin: 0;
	color: #ee7723;
}


p.greyheader
{
	color: #898989;
	font-size: 16px;
}
p.limeheader
{
	color: #98c02f;
	font-size: 16px;
}

p.orangeheader
{
	margin: 0;
	color: #ee7723;
	font-size: 20px;
}
.orange
{
	margin-top: 15px;
	margin-bottom: 0px;
}
p.orange a, p.orange a:visited
{
	margin: 0;
	color: #ee7723;
}

p.orange a:active, p.orange a:hover
{
	margin: 0;
	color: #009935;
}
div.orange a, p.orange a:visited
{
	margin: 0;
	color: #ee7723;
}
div.orange a:active, p.orange a:hover
{
	margin: 0;
	color: #009935;
}
#banner
{
	height: 230px;
	padding-left: 24px;
}
.how a
{
	color: #37b6dd;
	font-weight: normal;
}
.how a:visited
{
	color: #37b6dd;
	font-weight: normal;
}
.how a:hover
{
	color: #666666;
	font-weight: normal;
}
.how a:active
{
	color: #666666;
	font-weight: normal;
}
.how
{
	color: #37b6dd;
	font-weight: bold;
}
/* Photo Border for All Pages Except the Albums Page */
.photo-frame .topx--
{
	background-image: url(Images/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x-
{
	background-image: url(Images/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x
{
	background-image: url(Images/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx--
{
	background-image: url(Images/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x
{
	background-image: url(Images/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx--
{
	background-image: url(Images/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x-
{
	background-image: url(Images/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x
{
	background-image: url(Images/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

/* Photo Border for the Album Page */

.album-frame .topx----, .album-frame .top----x, .album-frame .botx----, .album-frame .bot----x
{
	height: 14px;
	width: 14px;
	azimuth: center;
}

.album-frame .top-x---
{
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x--
{
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x-
{
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx----
{
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x
{
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx----
{
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x
{
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}

.album-frame .mbtx----
{
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x
{
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x---
{
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x--
{
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x-
{
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}

/*end photos*/

.comment
{
	font-size: 12px;
}
h4
{
	margin-top: 5px;
	margin-bottom: 0px;
}
.view
{
	text-align: center;
}

#cabinetleftimages
{
	float: left;
	width: 150px;
}
img.cabinetimage
{
	width: 150px;
	padding-bottom: 10px;
}
.picture
{
	margin: 3px;
	height: 200px;
	float: right;
}
.goodsmenu
{
	text-align: left;
	width: 100%;
}

div .block_title
{
	margin-top:10px;
	font-weight:bold;
}
div .block_accent
{
	margin-left:15px;
	font-style:italic;		
}

/* buttons */
a.btnEdit
{	
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(images/icon_edit.gif);
    background-position: center;
    background-repeat: no-repeat;
}

a.btnDelete
{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(images/icon_delete.gif);
    background-position: center;
    background-repeat: no-repeat;
}
input.btnEdit
{
 
    width: 20px;
    height: 20px;
    background-image: url(images/icon_edit.gif);
    background-position: center;
    background-repeat: no-repeat;
}

input.btnDelete
{ 
    width: 20px;
    height: 20px;
    background-image: url(images/icon_delete.gif);
    background-position: center;
    background-repeat: no-repeat;
}
/* end buttons*/

.scroll
{
    width:900px;
    overflow-y:hidden;
    overflow-x:scroll;
    font-size:13px;
}