@charset "utf-8";

/* CSS Document */

/* Please note that all CSS settings for 
- topmenu module
- leftmenu module
- mini-basket module
- authorization section
- search module
- subscribe module
are HERE, not in CSS files of modules' templates */


/* BASE STYLES */
/* nullification and so on */

body, p, h1, h2, h3, h4, h5, h6, ul, li, form, div, table, td {
 font-size: 8pt;
 border: 0 none;
 margin: 0;
 padding: 0;
 font-family: Arial, Helvetica, sans-serif;
}

input {
 border: 1px solid #000000;
}

ul, li {
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none;
}

#all {			/* basic table */
 width: 100%;
 height: 100%;
}

TD {				/* vertical align for all cells */
 vertical-align: top;
}

IMG, A IMG {				/* no borders for images and image links */
 border: none;		
}

a:link {					/* no underline for all links */
 text-decoration: none;
}

a:visited {
 text-decoration: none;
}

/* base page layout */

#header {			/* cell for header with logo and search module */
 width: 100%;
 height: 87px;
 background: url(/bitrix/templates/broudy/images/header.jpg) repeat-x;
}

#navtop {			/* cell for top menu */
 width: 100%;
 height: 25px;
 background: url(/bitrix/templates/broudy/images/navtop.png) repeat-x;
}

#navleft {		/* cell for left menu */
 height: 100%;
 min-width: 190px;
 width: 190px;
 max-width: 190px;
 float: left;
 background: #000000;
}

#main {			/* cell for work area */
 background: #ffffff;
 height: 100%;
 min-width: 100%;
 width: 100%;
}

#footer {			/* cell for footer */
 background: #5c5c5c;
 height: 19px;
}


/* containment of logo cell */

#title-left {			/* container for logo */
 float: left;
 display: inline;
 font-family:'Arial Narrow','Nimbus Sans L',sans-serif;
 color: #FFFFFF;
 width: 184px;
 height: 86px;
 background: url(/bitrix/templates/broudy/images/top-left.jpg) ;
}

#title-right {
 float: right;
 display: inline;
 font-family:'Arial Narrow','Nimbus Sans L',sans-serif;
 color: #FFFFFF;
 width: 307px;
 height: 86px;
 background: url(/bitrix/templates/broudy/images/top-right.jpg) ;
}

#phone {
 font-size: 18pt;
 margin: 29px 0 0 62px;
}

#searchbox {		/* container for search module */
 float: right;
 margin-top: 33px;
 margin-right: 20px;
 display: inline;
 padding-top: 1px;
}

#search_b {			/* search button params */
 background-color :#000000;
 height: 18px;
 width: 50px;
 color: #FFFFFF;
 vertical-align: middle;
 border: 0 none;
}

#search_f {			/* search field params */
 font-size: 7pt;
 width: 150px;
 height: 17px;
 margin-right: 5px;
 vertical-align: middle;
 border: 0 none;
}

 
 /* CONTAINMENT OF NAVTOP CELL */
 /* top menu */

#topmenu {			/* container with topmenu */
 text-align: center;
 color: #ffffff;
 font-weight: bold;
 height: 15px;
 margin-top: 5px;
}

.topmenuitem {		/* topmenu element */
 padding-left: 20px;
} 

.topmenuitem_cur {		/* topmenu current element */
 background: url(/bitrix/templates/broudy/images/topm_link.gif) no-repeat;
 padding-left: 20px;
}

#topmenu a:link {			/* topmenu links are white */
 color: #ffffff;
}

#topmenu a:visited {
 color: #ffffff;
}

#topmenu a:active {
 color: #ffffff;
}

#topmenu a:hover {
 color: #ffffff;
}


/* language selection - not used currently */

#lang {				/* container for language selection */
 float: right;
 margin-top: 4px;
 margin-right: 28px;
 display: inline;
}

#lang_current {		/* color of language currently selected */
 color: ff1a00;
}

#lang_sep {			/* color of separator between languages */
 color: #ffffff;
 margin-left: 5px;
 margin-right: 5px;
}

#lang a:link {			/* language selection links are white */
 color: #ffffff;
}

#lang a:visited {
 color: #ffffff;
}

#lang a:active {
 color: #ffffff;
}

#lang a:hover {
 color: #ffffff;
}

 /* CONTAINMENT OF LEFTNAV CELL */
 /* left menu */

ul.leftmenu, ul.leftmenu ul {				/* menu and submenu */
 color: #ffffff;
 font-weight: bold;
}

ul.leftmenu {				/* margins for menu */
 margin: 25px 20px 0 25px;
}

ul.leftmenu li ul {				/* margins for submenu */
 margin: 8px 0 0 0;
}

ul.leftmenu li {				/* menu items */
 width: 145px;
 min-height: 15px;
 margin: 0 0 8px 0;
}

ul.leftmenu li li {				/* submenu items */
 margin: 0 0 0 15px;
}

ul.leftmenu li.close ul {				/* do not display submenu for closed items */
 display: none;
}

ul.leftmenu li.current span {		/* current item of main menu */
 position: relative;
 margin: 0 0 0 -5px;
 padding: 1px 0 0 5px;
 display: block;
 min-height: 15px; 
 min-width: 145px;
 background: url(/bitrix/templates/broudy/images/leftm_current.gif) 0 0 repeat-x;
}

ul.leftmenu li li.submenu span{		/* current item of submenu */
 background: none;
}

ul.leftmenu li li.submenu-selected span{		/* current item of submenu */
 background: none;
}

ul.leftmenu li a:link{				/* left menu links are white */
 color: #ffffff;
}

ul.leftmenu li a:visited {
 color: #ffffff;
}

ul.leftmenu li a:active {
 text-decoration: underline;
 color: #ffffff;
}

ul.leftmenu li a:hover {
 text-decoration: underline;
 color: #ffffff;
}

ul.leftmenu li li.submenu-selected a:link{				/* submenu link of current item */
 color: #bf1300;
 text-decoration: none;
}

ul.leftmenu li li.submenu-selected a:visited {
 color: #bf1300;
 text-decoration: none;
}

ul.leftmenu li li.submenu-selected a:active {
 color: #bf1300;
 text-decoration: underline;
}

ul.leftmenu li li.submenu-selected a:hover {
 color: #bf1300;
 text-decoration: underline;
}

 /* subscribe module */

#messagebox {				/* container with subscribe module */
 margin-left: 20px;
 margin-top: 20px;
 color: #FFFFFF;
 }

#letter_b {			/* subscribe button params*/
 background-color: #5c5c5c;
 height: 15px;
 color: #FFFFFF;
 width: 75;
 margin-top: 5px;
 padding: 0 0 2px 0;
 border: 0 none;
}

.letter_f {			/* subscribe field params */
 font-size: 7pt;
 width: 150px;
 padding-bottom: 1px;
 padding-left: 3px;
 border: 0 none;
}

/* RIGHT NAVIGAITON PANEL */
/* base styles */

#navright {
 width: 190px;
 min-height: 150px;
 position: absolute;
 top: 111px;
 right: 0px;
 background-color: #dadada;
 z-index: 3000;
}

#navright div {
 padding: 2px 3px 0 3px;
}

.navright_header {
 background-color: #ff1a00;
 color: #ffffff;
 font-weight: bold;
 height: 16px;
}

#navright A:link {
 color: #ff1a00;
}

#navright A:visited {
 color: #ff1a00;
}

#navright A:active {
 text-decoration: underline;
 color: #ff1a00;
}

#navright A:hover {
 text-decoration: underline;
 color: #ff1a00;
}

/* mini-basket section */

#basket {
 margin-bottom: 15px;
}

#open_basket_b {
 background-color: #5a5a5a;
 height: 18px;
 width: 70px;
 color: #FFFFFF;
 vertical-align: middle;
}

#basket_order_b {
 background-color: #5a5a5a;
 height: 18px;
 width: 90px;
 color: #FFFFFF;
 vertical-align: middle;
}

#basket_price_wrap {
 text-align: right;
 margin-bottom: 2px;
}

#basket_button_form {
 display: inline;
}

#order_button_form {
 display: inline;
}

/* authorization section */

#authorize {
 margin-bottom: 15px;
}

#authorize_login TD {
 padding: 0 5px 3px 0;
}

#authorize_login_f {
 font-size: 7pt;
 width: 125px;
 padding-bottom: 1px;
 padding-left: 3px;
}

#authorize_pass_f {
 font-size: 7pt;
 width: 125px;
 padding-bottom: 1px;
 padding-left: 3px;
}

#authorize_login_wrap {
 padding-right: 8px;
 text-align: right;
 margin-bottom: 6px;
}

#authorize_login_b {
 background-color: #5a5a5a;
 height: 18px;
 width: 50px;
 color: #FFFFFF;
 vertical-align: middle;
}

#authorize_links_wrap {
 text-align: center;
}


#authorize_logged {
 text-align: center;
}

#authorize_logged p {
 padding-bottom: 2px;
}

#authorize_logout_b {			/* search button params */
 background-color :#5a5a5a;
 height: 18px;
 width: 50px;
 color: #FFFFFF;
 vertical-align: middle;
}


 /* FOOTER */
 
#copyrights {				/* container for contact info */
 text-align: left;
 color: #ffffff;
 font-size: 7pt;
 padding-left: 22px;
 padding-top: 4px;
}

#copyrights a:link {			/* link for email address */
 color: #ffffff;
 padding-left: 3px;
}

#copyrights a:visited {
 color: #ffffff;
 padding-left: 3px;
}

#copyrights a:active {
 color: #ffffff;
 text-decoration: underline;
 padding-left:3 px;
}

#copyrights a:hover {
 color: #ffffff;
 text-decoration: underline;
 padding-left: 3px;
}

#liveinternet-logo {
 text-align: right;
}