@charset "utf-8";
/* CSS Document */

html
{
	height: 100%;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	min-height: 100%;
	background: #fff url("images/background.jpg") repeat-x top left;
	padding: 0;
	margin: 0;
}

form
{
	padding: 0;
	margin: 0;
}

div#container
{
	padding: 0;
	margin: 0;
	background-color: #efefef;
	background: #efefef url("images/content_background.jpg") repeat-y -1px 0px;
}

br.cleaner
{
	clear: both;
}

table#main
{
	height: 100%;
	width: 860px;
}

table#main td#main
{
	text-align: center;
	vertical-align: middle;
}

div#wrapper
{
	padding: 0;
	margin: 0;
	border: 1px solid #a30505;
	background: #efefef url("images/content_background.jpg") repeat-y 0px 0px;
}

div#main-menu
{
	padding: 0;
	margin: 0;
	background: #ff0000 url("images/main_menu_background.jpg") repeat-x top left;
	height: 32px;
	border-bottom: 1px solid #a30505;
	text-align: right;
}

div#main-menu table
{
	padding: 0;
	margin: 0;
}

div#main-menu table td.link
{
	padding: 0;
	margin: 0;
	
}

div#main-menu table td.link a
{
	padding: 10px 15px 0 30px;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	color: #FFFFFF;
	display: block;
	height: 22px;
	background: transparent url("images/main_menu_arrow.jpg") no-repeat 10px 0px;
}

div#main-menu table td.link a:hover
{
	background: transparent url("images/main_menu_arrow_hover.jpg") no-repeat 10px 0px;
}

/* Content */

div#content
{
	padding: 0;
	margin: 0;
	width: 668px;
	float: right;
}

/* Left menu */

div#left-menu
{
	padding: 0 0 25px 0;
	margin: 0;
	width: 189px;
	border-right: 1px solid #a30505;
	float: left;
}

div#left-menu div.logo
{
	padding: 5px 0 0 0;
	margin: 0;
}

div.extra-menu
{
	padding: 10px 0;
	margin: 0;
}

div.extra-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

div.extra-menu ul li
{
	padding: 0 0 0 5px;
	margin: 0;
	background: transparent url(images/extra_menu_background.jpg) repeat-x top left;
	font-size: 12px;
	color: #FFFFFF;
	height: 23px;
	line-height: 20px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #DF1B1B;
	text-align: left;
}

div.extra-menu ul li.first
{
	border-top: 1px solid #a30505;
}

div.extra-menu ul li.last
{
	border-bottom: 1px solid #a30505;
}

div.extra-menu ul li.sub-item
{
	padding-left: 20px;
}

div.extra-menu ul li a
{
	text-decoration: none;
	color: #FFFFFF;
	width: 100%;
	padding: 0;
	margin: 0;
}

div.extra-menu ul li a:hover
{
	padding-left: 10px;
}
/* Footer */

div#footer
{
	padding: 0;
	margin: 0;
	border-top: 1px solid #a30505;
	background: transparent url(images/footer_background.jpg) repeat-x top left;
	height: 23px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
}

div#footer div.left
{
	float: left;
	padding: 3px 0 0 10px;
}

div#footer div.right
{
	float: right;
	padding: 3px 10px 0 0;
}

div#footer div.counter
{
	float: left; 
	padding: 3px 0 0 0; 
	margin-left: 10px;
}

div#footer div.counter img
{
	border: 1px solid #ffffff;
}

div#footer a
{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

div.bomerk-logo
{
	position: absolute;
	padding: 0;
	margin: 0;
	text-align:left;
}

div.bomerk-logo div
{
	position: relative;
	text-align: left;
	top: -50px;
	left: 5px;
}

/* Content Block */

div#content div.block
{
	width: 100%;
	padding: 0;
	margin: 10px 0px 10px 0px;
	border: 1px solid #a30505;
	background-color: #efefef;
}

div#content div.login-block
{
	width: 300px;
	padding: 0;
	margin: 0;
}

div#content div.block div.title
{
	background: #ff0000 url(images/block_title.jpg) repeat-x top left;
	color: #fff;
	border-bottom: 1px solid #a30505;
	padding: 4px 0 0 10px;
	font-size: 11px;
	margin: 0;
	height: 19px;
	text-transform: uppercase;
	text-align: left;
}

div#content div.block div.content
{
	color: #fff;
	padding: 5px;
	margin: 0px;
	font-size: 13px;
	text-align: center;
}

div#content div.block div.content div.login
{
	margin: auto;
	text-align: left;
	width: 250px;
}

div#content div.form-block
{
	width: 500px;
	padding: 0;
	margin: 0;
}

div#content div.form-block div.form
{
	width: 450px;
	padding: 0;
	margin: 0 auto;
}

/* Form fields */

div#content div.form-block input.box,
div#content div.form-block textarea.box,
div#content div.form-block select.box
{
	width: 450px;
	border: 1px solid #a30505;
}

input.box,
textarea.box,
select.box
{
	width: 250px;
	border: 1px solid #a30505;
}

input.priority
{
	width: 60px;
	border: 1px solid #a30505;
}

textarea.box
{
	height: 100px;
}

div.label
{
	padding: 5px 0px 2px 0px;
	margin: 0px;
	color: #EF1D1D;
	text-align: left;
}

div.field
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
}

div.button-field
{
	padding: 7px 0px 5px 0px;
	margin: 0px;
	text-align: right;
}

input.button
{
	border: 1px solid #a30505;
	background: #ff0000 url(images/button_background.jpg) repeat-x top left;
	font-size: 12px;
	width: 75px;
	color: #fff;
}


/* Warnings */

div.warnings
{
	border: 1px solid #FF0000;
	padding: 3px 3px 3px 30px;
	background: #fff url("images/warning.gif") no-repeat 3px 3px;
	color: #FF0000;
	margin: 5px auto;
	min-height: 21px;
	line-height: 21px;
	font-size: 10px;
}

/* Catalog */

div.catalog
{
	padding: 0;
	margin: 0;
}

div.catalog div.category-title
{
	padding: 2px 0 5px 5px;
	margin: 0;
	font-weight: bold;
	color: #a30505;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
}

div.catalog div.category-description
{
	padding: 0 15px 0 5px;
	margin: 0;
	font-size: 11px;
	text-align: justify;
}

div.catalog div.short-description
{
	padding: 0 15px 10px 5px;
	margin: 0;
	color: #a30505;
	font-size: 11px;
	text-align: justify;
}

div.catalog div.image
{
	padding: 0;
	margin: 0 auto;
	border: 1px solid #a30505;
	width: 74px;
	height: 148px;
	text-align: center;
}

div.catalog div.image-double
{
	padding: 0;
	margin: 0 auto;
	border: 1px solid #a30505;
	width: 118px;
	height: 148px;
	text-align: center;
}

div.catalog div.image a,
div.catalog div.image-double a
{
	padding: 4px;
	display: block;
}

div.catalog div.image a:hover,
div.catalog div.image-double a:hover
{
	background-color: #438ccb;
}

div.catalog td.product
{
	padding: 4px;
	margin: 0;
	text-align: center;
}

div.catalog td.product div.catalogue-number
{
	padding: 3px 0;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	color: #707070;
	font-weight: bold;
}

/* popup */

div.popup
{
	padding: 10px 0 10px 0;
	width: 200px;
	text-align:center;
	background-color: #fff;
	display: none;
	position: absolute;
	border: 1px solid #a30505;
}

div.popup-double
{
	padding: 10px 0 10px 0;
	width: 280px;
	text-align:center;
	background-color: #fff;
	display: none;
	position: absolute;
	border: 1px solid #a30505;
}

div.popup div.image
{
	padding: 5px;
	margin: 0 auto;
	border: 1px solid #a30505;
	width: 120px;
	height: 256px;
	text-align: center;
}

div.popup-double div.image
{
	padding: 5px;
	margin: 0 auto;
	border: 1px solid #a30505;
	width: 200px;
	height: 256px;
	text-align: center;
}

div.popup div.catalogue-number,
div.popup-double div.catalogue-number
{
	padding: 3px 0;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	color: #707070;
	font-weight: bold;
}

div.popup div.description,
div.popup-double div.description
{
	padding: 3px 0;
	margin: 0 auto;
	text-align: justify;
	font-size: 10px;
	color: #a30505;
	width: 130px;
}

/* Navigator */

div.navigator
{
padding: 4px;
font-size: 12px;
color: #a30505;
border-top: 1px solid #a30505;
}

div.navigatir-rec
{
	border: 0px;
}

div.navigator a
{
color: #a30505;
text-decoration: none;
}

div.navigator a:hover
{
color: #a30505;
text-decoration: none;
}

div.navigator span.unlink
{
color: #a30505;
}

/* popup page */

div#popup-page
{
	padding: 20px;
	background-color: #efefef;
	border: 1px solid #a30505;
}

div#popup-page div.label
{
	font-size: 12px;
	color: #a30505;
	font-weight: bold;
}

div#popup-page div.label span
{
	font-size: 12px;
	color: #707070;
	font-weight: bold;
	text-transform: uppercase;
}

div#popup-page div.label span.description
{
	font-size: 11px;
	color: #707070;
	text-transform: none;
}

div#popup-page .image
{
	margin-top: 10px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #a30505;
}

/* static pages */

div.static-block
{
	width: 650px;
}

div.static
{
	padding: 30px;
	margin: 0;
}

div.static div.title
{
	padding: 2px 0 3px 0;
	margin: 0 0 12px 0;
	font-weight: bold;
	color: #a30505;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px solid #a30505;
}

div.static div.text
{
	padding: 0;
	margin: 0;
	font-size: 12px;
	text-align: justify;
}

/* contacts */

div.contact-form
{
	margin: 0 auto;
	padding: 0;
	width: 250px;
}

div.contact-form div.label
{
	font-size: 11px;
}

div.contact-form div.title
{
	padding: 5px 0 3px 0;
	margin: 15px 0 10px 0;
	font-size: 12px;
	text-transform: uppercase;
	color: #a30505;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #a30505;
}

div.contact-form div.warnings
{
	font-size: 10px;
}

div.contact-form textarea.box
{
	height: 80px;
}

div.contact-right
{
	padding: 0 25px 0 20px;
	margin: 0;
}

div.contact-right div.title
{
	padding: 5px 0 3px 0;
	margin: 15px 0 10px 0;
	font-size: 12px;
	text-transform: uppercase;
	color: #a30505;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #a30505;
}

div.contact-right div.title span.main-store
{
	font-size: 12px;
	color: #a30505;
	text-align: left;
	font-weight: normal;
	text-transform: none;
}

div.contact-right div.content
{
	padding: 0;
	margin: 0;
	font-size: 11px;
	text-align: left;
	
}

div.contact-right span.label
{
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #a30505;
	font-weight: bold;
}

div.contact-right div.map
{
	padding: 20px 0 0 0;
	margin: 0;
}

/* representation */

div.representation
{
	padding: 0 20px;
	margin: 0;
}

div.representation-block
{
	padding: 0;
	margin: 0;
}

div.representation-block div.town
{
	float: left;
	padding: 0;
	margin: 0;
}

div.representation-block div.town-map
{
	float: right;
	padding: 0;
	margin: 0;
}

div.representation-block div.town div.title
{
	padding: 5px 0 3px 0;
	margin: 15px 0 10px 0;
	font-size: 12px;
	text-transform: uppercase;
	color: #a30505;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #a30505;
}

div.representation-block div.town div.content span.label
{
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #a30505;
	font-weight: bold;
}

div.representation-block div.town div.content
{
	padding: 0;
	margin: 0;
	font-size: 11px;
	text-align: left;
	
}

/* recommendations */

div.recommendations
{
	padding: 30px;
	margin: 0;
}

div.recommendations div.recommendations-title
{
	padding: 2px 0 3px 0;
	margin: 0 0 12px 0;
	font-weight: bold;
	color: #a30505;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px solid #a30505;
}

div.recommendations div.recommendation-block
{
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid #a30505;
}

div.recommendations div.recommendation-block div.from
{
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 11px;
	color: #a30505;
}

div.recommendations div.recommendation-block div.from div.left
{
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;
}

div.recommendations div.recommendation-block div.from div.right
{
	float: right;
	padding: 0;
	margin: 0;
	text-align: right;
}

div.recommendations div.recommendation-block div.comment
{
	padding: 5px;
	margin: 0 5px 5px 5px;
	text-align: justify;
	font-size: 12px;
	background: #fff;
	border: 1px solid #CFCFCF;
}

div.recommendations div.recommendation-block div.buttons
{
	padding: 0;
	margin: 0;
	text-align: right;
}

div.recommendations div.recommendation-form
{
	padding: 20px 0 0 0;
	margin: 0;
}

div.recommendations div.recommendation-form td
{
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #EF1D1D;
}

div.recommendations input.box
{
	width: 150px;
	border: 1px solid #a30505;
}

div.recommendations textarea.box
{
	width: 400px;
	height: 60px;
	border: 1px solid #a30505;
}