/* Style Header Component Pieces */ #section-header { background-color: #272727; } #section-header .block-menu { display: block; overflow: auto; } #section-header .block-menu h2 { display: none; } #section-header .block-menu ul.menu { display: block; } #section-header #region-menu li { display: block; float: left; list-style-image: none; list-style-type: none; } #section-header #block-search-form, #block-views-avertisements-block-1 { float: right; } #section-header #region-menu ul li { margin: 0px 0px 0px 4px; padding: 0px; } #section-header #region-menu ul li.first { margin: 0px; } #section-header #region-menu ul li a { display: block; height: auto; margin: 0px; padding: 11px 9px; background-color: #dbebc9; text-transform: uppercase; text-decoration: none; font-size: 18px; font-weight: bold; color: #333335; } #section-header #region-menu ul li a:hover { background-color: #cbdbb9; } #section-header #region-menu ul li a { /*color: #dbebc9;*/ text-decoration: none; } #block-views-avertisements-block-1 { } #block-views-avertisements-block-1 h2 { display: none; } #block-views-avertisements-block-1 ul { list-style: none; } #block-views-avertisements-block-1 li { display: block; float: left; margin: 0 0 0 5px; } #block-views-avertisements-block-1 li .views-field-field-ad-image { height: 22px; overflow: hidden; position: relative; } #block-views-avertisements-block-1 li .views-field-field-ad-image .field-content { position: relative; } #block-views-avertisements-block-1 li .views-field-field-ad-image .field-content:hover { top: -22px; } #zone-branding { margin: 60px auto 16px auto !important; } .front #zone-menu-wrapper { /*margin-bottom: -58px;*/ position: relative; z-index: 1; } #section-header #search-block-form .container-inline { margin: 2px 0px 0px 0px; } #section-header #search-block-form .form-item, #section-header #search-block-form .form-actions { margin: 0px; } /*#section-header #search-block-form label { display: block; top: 0; z-index: 11; width: 52px; color: #000; position: relative !important; }*/ #search-block-form { position: relative; } #section-header #search-block-form input { height: 23px; color: #E5F5D7; background-color: #272727; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; width: 100%; padding: 0px 5px; margin: 0px auto; display: block; } #section-header #search-block-form .form-actions input, #section-header #search-block-form .form-actions button { float: left; font-size: 9pt; text-transform: uppercase; width: 60px; margin-left: 30px; display: none; } #section-header #search-block-form .form-submit {/*display: none;*/ } #section-header #search-block-form .form-actions input:hover, #section-header #search-block-form .form-actions button:hover { background-color: #cbdbb9; text-decoration: none; } #section-header #block-menu-menu-header-authenticated, #section-header #block-menu-menu-header-anonymous { float: left; } /* BREADCRUMBS */ .breadcrumb { display: none; margin: 5px; } .breadcrumb a { } /*************************** css for the second navigation start here *********************************/ #views-exposed-widgets-group-category { } #views-exposed-widgets-group-category label { display:none; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list { background: none repeat scroll 0 0 transparent; display: block; width: 884px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li { position:relative; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li { float:left; background: none repeat scroll 0 0 #808878 !important; margin: 0 4px 0 0; text-transform: capitalize !important; font-family: "Conduit ITC W01 Light" !important; padding: 11px !important; width: 144px; margin-bottom:5px; cursor: pointer; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li:last-child ul { width: 268px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li:hover { margin-bottom:0; padding-bottom:16px !important; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li li { display: block; float: none; margin: 0; padding: 2px 20px !important; width: auto; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li ul.bef-tree { float: left; width: 888px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li ul { left: 0 !important; top: 49px !important; z-index: 100; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li li:hover { background: #272727 !important; padding: 2px 20px !important; } /*#views-exposed-widgets-group-country > label:hover{ height:33px;}*/ #page #views-exposed-widgets-group-country { cursor: pointer; } #page #views-exposed-widgets-group-country ul #edit-country-wrapper { width: 265px; } #zone-header .bef-tree span { font-size: 18px; } #Menu_Btn { background: url("../images/mobile_menu_icon.png") no-repeat scroll 96% center #808978; clear: both; color: #E4ECD5; display: none; float: left; font-size: 20px; font-weight: bold; margin: 5px 0 0; padding: 10px 2%; text-decoration: none; width: 96%; } /*#Search_Btn { background: url("../images/serach-btn.jpg") no-repeat;}*/ #region-branding .container-12.nav { clear: both; float: right; margin: -25px 0 0; width: auto !important; } #region-branding .container-12.nav li { float:left; list-style: none outside none; padding-right: 0; } #region-branding .container-12.nav li a { color: #DAEBCB; text-decoration:none; font-size: 16px; font-family: "Conduit ITC W01 Medium"; } #shop_page #region-branding .container-12.nav li a { color: #272727; } #block-block-30 { float: right; margin:-7px 0 0 0; } .shop_social_icons li { float:left; margin: 0 0 0 10px; } .shop_social_icons li a { display: block; height: 18px; width: 20px; } .shop_social_icons li a:hover { opacity:0.9; filter: alpha(opacity=90); } .shop_social_icons li a.tw { background: url("../images/shop_tw.png") no-repeat; width: 30px; } .shop_social_icons li a.linkedin { background: url("../images/shop_in.png") no-repeat; width: 22px; } .shop_social_icons li a.fb { background: url("../images/shop_fb.png") no-repeat; width: 10px; } .shop_social_icons li a.rss { background: url("../images/shop_rss.png") no-repeat; width: 18px; } .container-12.nav .shop_social_icons { float: right; margin: 10px 10px 0 0; } *+html #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li { padding-bottom:14px !important; } *+html #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li:hover { padding-bottom:17px !important } *+html #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li li { padding-bottom:2px !important; } *+html #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li:hover li { padding-bottom:2px !important } *+html #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li ul { top: 46px !important; } /********************************************************************************************/ @media all and (min-width: 1220px) { #section-header #block-system-main-menu { display: block; width: 1180px; } #section-header #region-menu { display: block; width: 1180px; } #section-header #region-menu ul li a { width: 290px; } #section-header #region-menu ul li.first a { width: 292px; } #section-header #region-menu ul li.last a { width: 294px; } } @media all and (min-width: 980px) and (max-width: 1220px) { #block-views-exp-home-page-front-page, #views-exposed-form-home-page-front-page { width: 940px !important; height: 100px !important; } #section-header #block-system-main-menu { display: block; width: 960px; } #section-header #region-menu { display: block; width: 960px; } #section-header #region-menu ul li a { width: 214px; } #section-header #region-menu ul li.first a { width: 214px; } #section-header #region-menu ul li.last a { width: 214px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li ul.bef-tree { width: 708px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list { width: 706px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li { width: 210px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li li { width: auto; } #page #views-exposed-widgets-group-country ul #edit-country-wrapper { width: 232px; } } @media all and (min-width: 740px) and (max-width: 980px) { #block-views-exp-home-page-front-page, #views-exposed-form-home-page-front-page { width: 700px !important; height: 100px !important; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li ul.bef-tree { width: 528px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list { width: 526px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li { width: 150px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li li { width: auto; } #page #views-exposed-widgets-group-country ul #edit-country-wrapper { width: 172px; } } @media all and (min-width: 480px) and (max-width: 740px) { #block-views-exp-home-page-front-page, #views-exposed-form-home-page-front-page { width: 460px !important; height: 100px !important; padding:0 !important; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li ul.bef-tree { width: 100%; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list { width: 100%; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li { width: 90px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li li { width: auto; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li span { font-size:15px; } #page #views-exposed-widgets-group-country ul #edit-country-wrapper { width: 112px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li ul { top: 30px !important; width: 100% !important; position: static !important; } #Menu_Btn { display:block; } #zone-header #block-views-exp-home-page-front-page { display:none; } #zone-header.mobile_menu { display:block; position:relative; margin-bottom: 0; } #zone-header.mobile_menu #block-views-exp-home-page-front-page { display:block; } #zone-header.mobile_menu #region-header-first { position:absolute; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li ul.bef-tree li { border-bottom: 1px solid; margin: 0; padding: 5px 3% !important; width: 94%; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li ul li { border:0 !important; background: none !important } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li ul li:hover { background: none !important } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li ul li a { color: #272727 !important; } #block-search-form { display: none; margin: -170px 5px 0 0 !important; width: 140px !important; } #section-header #search-block-form input { width: 140px !important; } #front-page-header .contribute, #front-page-header .road_trip { display:none; } .view-header #front-page-header-img .views-field-body { width: 90%; } #block-views-avertisements-block-1 { margin: 10px 0 0 !important; } #section-header #block-views-avertisements-block-1, #section-header .container-12.nav{display:none;} } @media all and (min-width: 0px) and (max-width: 479px) { #block-views-exp-home-page-front-page, #views-exposed-form-home-page-front-page { width: 100% !important; height: 100px !important; padding:0 !important; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li ul.bef-tree { width: 100%; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list { width: 100%; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li { width: 90px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li li { width: auto; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li span { font-size:15px; } #page #views-exposed-widgets-group-country ul #edit-country-wrapper { width: 112px; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li ul { top: 30px !important; width: 100% !important; position: static !important; } #Menu_Btn { display:block; } #zone-header #block-views-exp-home-page-front-page { display:none; } #zone-header.mobile_menu { display:block; position:relative; margin-bottom: 0; } #zone-header.mobile_menu #block-views-exp-home-page-front-page { display:block; } #zone-header.mobile_menu #region-header-first { float: left; margin: 0 3%; position: absolute; width: 94%; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li ul.bef-tree li { border-bottom: 1px solid; margin: 0; padding: 5px 3% !important; width: 94%; } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li ul li { border:0 !important; background: none !important } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li ul li:hover { background: none !important } #views-exposed-widgets-group-category .views-exposed-widgets-group-list li li ul li a { color: #272727 !important; } #block-search-form { display: none; margin: -185px 5px 0 0 !important; width: 100px !important; } #section-header #search-block-form input { width: 100px !important; } #front-page-header .contribute, #front-page-header .road_trip { display:none; } .view-header #front-page-header-img .views-field-body { width: 90%; } #section-header #region-menu ul li { background: none repeat scroll 0 0 #DBEBC9; height: 72px; } #shop_page #section-header #region-menu ul li { background: #fff;} #shop_page #section-header #region-menu ul li:hover, #shop_page #section-header #region-menu ul li:hover a { background: none; color:#DAEBCB;} #section-header #region-menu ul li a { font-size: 11px !important; line-height: 20px; padding: 2px 0 !important; width: auto !important; } #section-header #region-menu ul li.menu-1323 a { font-weight: bold !important; padding: 2px 5% !important; } #section-header #region-menu ul li a:hover { background:none !important; } #region-branding .container-12.nav { clear: both; margin: 10px 0 0 5px; width: auto !important; } #block-views-avertisements-block-1 { position: relative; top: 10px; } #section-header #block-views-avertisements-block-1{clear:both;} #section-header #block-views-avertisements-block-1, #section-header .container-12.nav{display:none;} }