@CHARSET "UTF-8";

body {
	font: 12px/18px Tahoma, Verdana, sans-serif;
	background-color: #2a2a2a;
}

h1 {
	background-color: #efefef; padding: 20px; color: #4c555a;
	margin: 20px 0 30px 0;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 28px;
    text-shadow: 1px 1px 2px #777777;
}

#wrapper {
	background-color: #ffffff;
}

a {
	color: #0066cc;	
}

.italic {
	font-style: italic; 	
}

.inner ul , .inner ol {
	margin-left: 40px;
	margin-bottom: 20px; 	
}

h2 { color: #0066cc; font-weight: normal; margin-bottom: 10px; }
h2.title { font-size: 24px; margin-bottom: 25px; }

#header {
	background-color: #dddecb;	
}

#logo {
	background-image: url('/images/site/logo_bg.gif');
	background-repeat: no-repeat;
	background-position: top right;
	height: 100px;
}

#logo img {
	/* и для логотипа */
	margin-top: 7px;
	margin-left: 40px;	
}

#menu {
	height: 100px;
	background-image: url('/images/site/menu_bg.gif');
	background-repeat: repeat-x;
	color: #fff;
	font-size: 11px;
}

#menu a {
	color: #fff;	
}

#menu #links2 , #menu #links2 a  {
	color: #4c555a;
	font-family: Arial;
	font-size: 14px;	
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
}

#menu #links2 {
	list-style-type: none; padding: 0; margin: 0;
}

#menu #links2 #main,
#menu #links2 #shop,
#menu #links2 #blogs,
#menu #links2 #community,	
#menu #links2 #personal,
#menu #links2 #articles,
#menu #links2 #qa,	
#menu #links2 #company
{
	height: 33px; display: block; float: left;
} 

#menu #links2 li a {
	display: block; padding-top: 10px;	
}

#menu #links2 #main , #menu #links2 #main.pass { background-image: url('/images/site/bg_main.gif'); background-repeat: no-repeat; width: 107px; }
#menu #links2 #main:hover { background-image: url('/images/site/bg_main_active.gif'); }
#menu #links2 #main.current { background-image: url('/images/site/bg_main_current.gif'); }

#menu #links2 #shop, #menu #links2 #shop.pass { background-image: url('/images/site/bg_shop.gif'); background-repeat: no-repeat; width: 107px; }
#menu #links2 #shop:hover { background-image: url('/images/site/bg_shop_active.gif'); }
#menu #links2 #shop.current { background-image: url('/images/site/bg_shop_current.gif'); }



#menu #links2 #community, #menu #links2 #community.pass { background-image: url('/images/site/bg_community.gif'); background-repeat: no-repeat; width: 120px; }
#menu #links2 #community:hover { background-image: url('/images/site/bg_community_active.gif'); }
#menu #links2 #community.current { background-image: url('/images/site/bg_community_current.gif'); }	
	
#menu #links2 #blogs, #menu #links2 #blogs.pass { background-image: url('/images/site/bg_blogs.gif'); background-repeat: no-repeat; width: 82px; }
#menu #links2 #blogs:hover { background-image: url('/images/site/bg_blogs_active.gif'); }
#menu #links2 #blogs.current { background-image: url('/images/site/bg_blogs_current.gif'); }

#menu #links2 #articles, #menu #links2 #articles.pass { background-image: url('/images/site/bg_articles.gif'); background-repeat: no-repeat; width: 120px; }
#menu #links2 #articles:hover { background-image: url('/images/site/bg_articles_active.gif'); }
#menu #links2 #articles.current { background-image: url('/images/site/bg_articles_current.gif'); }

#menu #links2 #qa { background-image: url('/images/site/bg_qa.gif'); background-repeat: no-repeat; width: 137px; }
#menu #links2 #qa:hover { background-image: url('/images/site/bg_qa_active.gif'); }
#menu #links2 #qa.current { background-image: url('/images/site/bg_qa_current.gif'); }

#menu #links2 #personal { background-image: url('/images/site/bg_personal.gif'); background-repeat: no-repeat; width: 150px; }
#menu #links2 #personal:hover { background-image: url('/images/site/bg_personal_active.gif'); }
#menu #links2 #personal.current { background-image: url('/images/site/bg_personal_current.gif'); }

#menu #links2 #company { background-image: url('/images/site/bg_company.gif'); background-repeat: no-repeat; width: 110px; }
#menu #links2 #company:hover { background-image: url('/images/site/bg_company_active.gif'); }
#menu #links2 #company.current { background-image: url('/images/site/bg_company_current.gif'); }

#menu #links2 #ie55fix { display: none; }

/* Drop-down menu  */

#menu #links2 .level2 {
	border-left: 1px #ccc solid;	
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	text-align: left;
	padding: 5px;
	padding-bottom: 10px;
	background-image: url('/images/site/dropdown_bg.png');
}

#menu #links2 .level2 li {
	padding: 0px 30px 0px 15px;
	display: block;
}

#menu #links2 .level2 li a  { 
	text-decoration: underline;	
	font-size: 14px;
	font-weight: normal; 
}
#menu #links2 .level2 li a:hover  { text-decoration: none; }

.sr { background-color: #dddecb; }

#footer {
	background-image: url('/images/site/footer.gif'); background-repeat: repeat-x; background-position: top; background-color: #4c555a; 
}

#footer #search #main-data {
	font-weight: bold;
	color: #4c555a;
}

#footer #search #main-data #query {
	width: 745px; margin-left: 20px; margin-right: 20px;
	/* border: #b8b9a9 1px solid; */
}

#footer #search #options {
	font-size: 11px;
}

#footer #search #options li { display: inline; color:  #4c555a;  }

#footer #bottom-menu {
	overflow: hidden;	
}

#footer #bottom-menu ul { margin: 0; padding: 0; list-style-type: none; }
#footer #bottom-menu ul li { float: left; width: 182px; }
#footer #bottom-menu ul li.last { width: 162px; }
#footer #bottom-menu ul li a { color: #d6d6d6; font-size: 11px; }

#footer #bottom-menu ul li h2 { font-family: Arial; font-size: 16px; color: #fff; margin-bottom: 5px; font-weight: bold; }

#footer #info , #footer #info a  {
	color: #dddecb; font-size: 11px;
	padding-left: 20px;
	margin-top: 5px;
}

#footer #phones { color: #dddecb; font-size: 24px; font-weight: bold; padding-right: 20px; line-height: 26px;}
#footer #phones span { font-size: 12px; }
	

#footer .line {
	background-image: url('/images/site/707068.gif'); background-repeat: repeat-x; background-position: top;
	margin: 20px 20px 0px 20px;
  	clear: both;
}

table { width: 100%; border: 0; background-color: #efefef; }
table thead { background-color: #dddece; font-size: 12px;  }
table thead th { padding: 3px; color: #333333; font-weight: bold; font-style: italic; font-family: Arial; }
table tbody { background-color: #ffffff; font-size: 12px;  }
table tbody td { padding: 3px; text-align: center; font-family: Arial; font-size: 11px; }


.dt { border:  1px #838385 dotted; }
#price_th { background-color: #ff0000; color: #ffffff; }
#basket_th { background-color: #09a8ff; color: #ffffff; }

.form_error { color: red;  }
.form_success { color: green;  }

table.left td { text-align: left; }

#registrationSuccess h1 , #registrationForm h1, #passwordSuccess h1 , #passwordForm h1,
#loginSuccess h1 , #loginForm h1 , #cartForm h1, #cartSuccess h1	 
	{ background-color: #fff; margin: 10px; padding: 0px 0px 10px 0px; font-size: 26px; }
	
#passwordSuccess div, #loginSuccess div, #registrationSuccess div { padding: 10px; }
#loginSuccess div ul, #registrationSuccess div ul { padding: 0px 20px 20px 20px; }

#cartForm div, #cartSuccess p, #loginForm div, #passwordForm div, #registrationForm div { margin: 10px; }

#cartForm #cartItem { margin-top: 20px; }
#cartForm #cartItemName {  }
#cartForm #cartItemNameValue { font-size: 22px; font-weight: normal; color: #4c555a; display: block; line-height: 30px; }
#cartForm #cartItemPrice { display: block; padding: 15px 10px 0px 10px; font-size: 32px; text-align: right; color: #ff7800; }
#cartForm #cartItemPriceValue { }
#cartItemCount { margin: 20px 0px 5px 0px; padding: 20px; font-size: 18px; display: block; background-color: #efefef; }
#cartItemTotal { margin-bottom: 25px; text-align: right; } 
#cartItemCountValue { font-size: 22px; padding: 2px; width: 40px; font-weight: bold; text-align: right; margin-top: -6px; }

#passwordForm div #passwordFormLoginMessage, #loginForm div #loginFormLoginMessage, #loginForm div #loginFormPasswordMessage, 
#registrationForm div #registerFormLoginMessage, #registrationForm div #registerFormPasswordsMessage 
	{ font-size: 11px; height: 15px; margin: 0; padding: 0; } 

#passwordForm #passwordFormLoginInput, #registrationForm #registerFormLoginInput, #registrationForm #registerFormPassword1Input, #registrationForm #registerFormPassword2Input,
#loginForm #loginFormLoginInput, #loginForm #loginFormPasswordInput	{ width: 425px; font-size: 16px; padding: 3px; }	
	
#cartForm #cartFormSubmitButton , #cartSuccess #closeFormButton,
#sendOrderButton, #recountOrderButton, #userInfoFormSubmit, #userPasswordUpdateButton,
#newPostFormSubmit, #PostImagesButton, .ImageDeleteButton, .bButton
	 { padding: 10px; font-size: 14px; font-weight: bold; }

#recountOrderButton , #sendOrderButton { margin: 20px 0px 20px 20px;  }

#userPasswordUpdateButton { margin-top: 15px;  margin-left: 30px;  }

#loginForm #loginFormSubmit { margin-top: 25px;}

#passwordFormLogin label , #registrationForm label , #loginForm label { display: block; font-size: 16px; color: #4c555a; }
#passwordForm #passwordFormNotes, #registrationForm #registerFormNotes { float: right; color: #777777; width: 275px; margin: 0; padding: 0; margin-top: -5px; font-size: 11px; }

#loginForm #loginFormNotes { float: right; color: #777777; width: 350px; margin: 0; padding: 0; margin-top: 10px; font-size: 11px; }

#print { text-align: right; margin-bottom: 10px; }
#print a { background-image: url('/images/site/icons/printer.png'); background-repeat: no-repeat; background-position: left; padding-left: 23px; }



.formblock { border-color: #cccccc; background-color: #efefef; padding: 10px; overflow: hidden; margin-bottom: 10px; }

.fbi15 { width: 15%;  }
.fbi20 { width: 21%;  }
.fbi30 { width: 31%;  }
.fbi45 { width: 46%;  }
.fbi50 { width: 48%;  }
.fbi60 { width: 61%;  }
.fbi70 { width: 70%;  }
.fbi100 { width: 100%;  }

.formblockitem, .formblockitem_radio {
	font-size: 14px; padding: 10px; float: left; font-weight: bold; margin-right: 10px;
}
.formblockitem input , .formblockitem select  {
	display: block; width: 95%; margin: 7px 0px 1px 0px; font-size: 20px; padding: 2px; 
}

.formblockitem textarea {
	display: block; width: 95%; margin: 7px 0px 1px 0px; font-size: 12px; padding: 2px;
	font-family: Arial; 
}

.formblockitem textarea.long { height: 300px; }

.formblockitem_radio .radio {
	padding-top: 10px;
	font-weight: normal; 
}

.formblockitem .help {
	font-size: 11px; color: #777777; font-weight: normal;
}

.formblockitem .error , p.error , div.error {
	font-size: 11px; color: red; font-weight: normal;
}

.inputerror { border: 1px red solid; }
.inputsuccess { border: 1px green solid; }

.formblockitem .success , p.success {
	font-size: 11px; color: green; font-weight: normal;
}

.article_preview { padding: 10px 20px 10px 0px; overflow: hidden; }
.article_preview img { float: left; border: 1px #ccc solid; margin-bottom: 30px; margin-right: 20px; margin-top: 0px;  }
.article_preview .date { background-color: #ff7800; color: #ffffff; font-size: 11px; padding: 2px; margin-bottom: 5px;  }
.article_preview h2 { margin-top: 10px; color: #4c555a; }
.article_preview p { margin-bottom: 10px; }
.article_preview a.more { font-weight: bold; }

.pager { font-size: 18px; text-align: center; margin: 25px; }
.pager a, pager span { padding-left: 3px; padding-right: 3px; }
.pager span { font-weight: bold; }

.images_block { float: right; margin-left: 30px; }
.images_block img { margin: 0px 20px 50px 20px;  }

.inner .meta { font-style: italic; padding: 20px; text-align: right; }