/* Top menu ----------------------------*/

@font-face {
    font-family: 'Brain Flower';
    src: url('fonts/brainflower.eot');
    src: url('fonts/brainflower.eot?#iefix') format('embedded-opentype'),
    url('fonts/brainflower.woff') format('woff'),
    url('fonts/brainflower.ttf') format('truetype'),
    url('fonts/brainflower.svg#Brain Flower') format('svg');
   font-weight: normal;
   font-style: normal;
}

#topmenu { float: right; padding-right:40px; margin-top:20px; line-height: 1em; font-family: 'Brain Flower'; font-size:28px; font-weight:bold;}
#topmenu ul { background: url('../img/bg_menu.png') bottom left repeat-x; float:right;}
#topmenu li { float: left; position: relative; }
#topmenu a  { display: block; padding: 24px 15px; text-decoration: none; color: #333; }
#topmenu a.selected, #topmenu a:hover { color: #808080; }
/* Hack - Fix in backend */
#topmenu ul ul						{ display: none; }

.symbol {
	 background:url('../img/symbol.png') center right no-repeat; padding-right:15px;
}

/* Right menu ---------------------------*/
.rightmenu							{ position: fixed; top: 50%; right: 0; z-index: 1000; margin-top: -100px; }
.rightmenu li						{ height: 50px; width: 50px; cursor: pointer; margin-bottom: 1px; background-image: url(../img/right-navigation.png); background-repeat: no-repeat; }
.rightmenu li.up					{ background-position: 0 0; }
.rightmenu li.up:hover				{ background-position: 100% 0; }
.rightmenu li.down					{ background-position: 0 50%; }
.rightmenu li.down:hover			{ background-position: 100% 50%; }
.rightmenu li.page-counter			{ background: #000; color: #fff; line-height: 50px; font-size: 13px; text-align: center; }
.rightmenu li.share					{ background-position: 0 100%; position: relative; }
.rightmenu li.share:hover			{ background-position: 100% 100%; }

.rightmenu .sharethis				{ display: none; position: absolute; right: 0; bottom: 50px; width: 50px; height: 148px; padding-top: 10px; background: #f0f0f0;  }
.rightmenu .sharethis .st_facebook_large	{ position: relative; top: 0; left: 5px; }
.rightmenu .sharethis .st_twitter_large		{ position: relative; top: 0; left: 5px; }
.rightmenu .sharethis .st_pinterest_large	{ position: relative; top: 0; left: 5px; }
.rightmenu .sharethis .st_plusone_large		{ position: relative; top: 7px; left: 5px; }


/* Tool menu ----------------------------*/
#toolbar                            { float: right; padding-right: 50px; line-height: 1em; }
#toolbar ul						    {  }
#toolbar li						    { float: left; position: relative; }
#toolbar a			                { display: block; padding: 24px 15px; text-decoration: none; color: #fff; }
#toolbar a.selected,
#toolbar a:hover					{ color: #808080; }
#toolbar .basket					{ background: #000; }
#toolbar .basket a					{ padding-right: 20px; background: url(../img/basket.png) 100% 50% no-repeat; }

#toolbar li.search .searchInput			{ background: url(../img/search.png) 100% 50% no-repeat; }
#toolbar li.focus  .searchInput			{ background: url(../img/search-black.png) 100% 50% no-repeat; }
#toolbar li.search						{ position: relative; padding: 20px; z-index: 1; }
#toolbar li.search .searchInput			{ float: left; z-index: 2; width: 64px; line-height: 15px; padding: 2px 0 2px 2px; color: #fff; cursor: pointer; border: #000 solid 1px; border-radius: 2px; background-color: #000; position: relative; }
#toolbar li.search .searchInput:hover	{ color: #808080; }

#toolbar li.search .searchButton		{ display: block; position: absolute; top: 22px; right: 22px; width: 18px; height: 18px; padding: 0; border: none; }
#toolbar li.search.focus .searchButton		{ display: none; }
#toolbar li.search .searchButtonFold    { display: none; }
#toolbar li.search.focus .searchButtonFold  { display: block; z-index: 100; position: absolute; top: 22px; right: 22px; width: 18px; height: 18px; padding: 0; border: none; }
#toolbar li.search .searchTriggerHidden { display: block; width: 1px; height: 1px; visibility: hidden; margin: 0; padding: 0; }


#checkOutmenu						{ text-align: center; }
#checkOutmenu ul					{ display: inline; }
#checkOutmenu li					{ display: inline; position: relative; }
#checkOutmenu span					{ display: inline-block; zoom: 1; padding: 20px; text-decoration: none; color: #808080; }
#checkOutmenu span.selected			{ color: #000; }

/* Breadcrumbs --------------------------*/
#breadcrumb                         { font-size:12px; line-height:16px; padding:10px 0; width:auto; }
#page-bar #breadcrumb               { float:left; }
#breadcrumb a, 
#breadcrumb span                    { padding:0; margin:0; display:block; float:left; }
#breadcrumb a:active, 
#breadcrumb a:focus, 
#breadcrumb a:hover                 { text-decoration:underline; }
#breadcrumb .crumb-divider          { padding:0 5px; }


/* Service navigation -------------------*/
#service-nav                        { width:auto; min-width:25px; height:21px; position:absolute; top:19px; right:200px; margin:0; float:right; }
#service-nav ul                     { list-style:none; margin:0; padding:0; float:right; }
#service-nav li                     { float:left; }
#service-nav li a                   { padding: 5px 6px; line-height: 21px; }
#service-nav li a.selected	        { font-weight: bold; }

/* Are amenu */

#mh, #hb, #bg {font-family:'Brain Flower'; font-size:30px; margin-top:80px;}
#mh a, #hb a, #bg a {color:#fff;}

#mh .myhome { color: rgb(253,232,0);}
#hb .hardbrand { color: rgb(0,165,205);}
#bg .building { color: rgb(223,237,248);}