/* The styles in this stylesheet only apply to resolutions 768px and up CALCULATING DIMENSIONS: ---------------------- The layout is fluid. The sote wrapper (.col-full) has a fixed pixel max-width. All subsequent dimensions are calculated based on that fixed pixel width, using the formula: target / context = result Credit - http://www.alistapart.com/articles/fluidgrids/ ----- INDEX ----- 1. Global dropdown styles 2. Header and Top Navigation 3. Main navigation dropdown menus -3.1 General dropdown menus 4. Containers & Columns 5. Footer widgets 6. IE Fixes /*----------------------*/ /** * Variables */ @-webkit-keyframes spin-360 { from { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } 50% { -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(180deg); /* FF3.5+ */ -ms-transform: rotate(180deg); /* IE9 */ -o-transform: rotate(180deg); /* Opera 10.5 */ transform: rotate(180deg); zoom: 1; } to { -webkit-transform: rotate(0); /* Saf3.1+, Chrome */ -moz-transform: rotate(0); /* FF3.5+ */ -ms-transform: rotate(0); /* IE9 */ -o-transform: rotate(0); /* Opera 10.5 */ transform: rotate(0); zoom: 1; } } @-webkit-keyframes popin { from { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 60% { -webkit-transform: scale(0.005); -moz-transform: scale(0.005); -ms-transform: scale(0.005); -o-transform: scale(0.005); transform: scale(0.005); } 95% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes salepulse { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 70% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes glowbutton { from { background-color:#531a81; } 50% { background-color: #4cd8f8; } to { background-color:#531a81; } } @-webkit-keyframes slidedown { from { top: -500px; } 95% { top: 1em; } to { top: 0; } } body { *zoom: 1; } body:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } body:before, body:after { content: ""; display: table; } /*----------------------*/ @media only screen and (min-width: 769px) { /* 1. GLOBAL DROPDOWN STYLES (these are purely for the dropdown layout and you should only edit the width of the dropdowns) */ .widescreen #content:before { content: " "; display: block; position: absolute; left: -1000em; top: 0; width: 3000em; height: 100%; background: #FFFFFF; z-index: -1; } ul.nav { position: relative; margin-bottom: 0; /* LEVEL 2 */ /* LEVEL 3 */ } ul.nav li { /* position: relative; */ float: left; zoom: 1; list-style: none; } ul.nav > li { margin:0 10px 0 0; font-size: 1.3076em; font-style: italic; height: 39px; } ul.nav li a { display: block; } ul.nav ul.sub-menu { width: 10em; visibility: hidden; display: none; position: absolute; left: 0; z-index: 9999; margin: 0; background: none repeat scroll 0 0 #FFFFFF; display: none; left: -11px; list-style: none outside none; padding: 0; position: absolute; text-transform: none; top: 35px; } ul.nav ul.sub-menu li { float: none; background: #FFFFFF; } ul.nav ul.sub-menu li a { background: #FFFFFF; color: #531a81; display: block; padding: 9px 19px 10px; text-decoration: none; width: 100%; display: inline-block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } ul.nav ul.sub-menu ul { left: 100%; top: 0; } ul.nav li:hover > ul.sub-menu { visibility: visible; display: block; } /* 2. HEADER STYLES AND TOP NAVIGATION (Add top navigation presentational styles here) */ #header.d { min-height: 84px; } #header #logo { display: block; left: 50%; margin: 0 0 0 -483px; position: absolute; top:7px!important; z-index: 5; } #header.active #logo { top: 45px; } #header .row { display: block; position: absolute; left: 50%; top: 21px; z-index: 4; width: 292px; height: 64px; margin: 0 0 0 -483px; } #header hgroup { } /* Fixed nav styles. */ #header.fixed { width: 100%; z-index: 1001; min-height: inherit; left: 0; top: -100px; height: auto; min-height: 50px; padding: 0; background: #fff; } #header.f.fixed { height: 61px; } #header.fixed, #navigation.fixed { position: fixed; top: -100px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; border-bottom: none; } #header.fixed .navi { visibility: hidden; } #header.fixed .row { height: 30px; max-width: 80px; width: 80px; } #header.fixed #search-top { right: 8px; } #header.fixed #logo, #header.fixed .row { left: 50%!important;; top: 5px!important;; margin-left: -483px!important;; max-height: 45px; max-width: 170px; width: auto; } #header.e.fixed #logo, #header.e.fixed .row, #header.f.fixed #logo, #header.f.fixed .row {left: -99999em !important;} #header.fixed #logo img { max-height: inherit!important;; max-width: inherit!important;; } #header .row.fixed { left: 195px; top: 30px; height: 38px; width: 165px; } #navigation.fixed { z-index: 999; height: 32px; background: none; } #header.fixed #navigation { margin-top: 5px; } #header.fixed #navigation ul.nav { padding: 0 !important; border: none!important;} #header.e.fixed ul#main-nav .shade-a{ left: -99999em; } /* #header #navigation > ul > li > a > .shade-a, #header #navigation > ul > li > a > .shade-b, #header #navigation > ul > li > a > .shade-c { display: none !important; } */ #header.c.fixed #navigation > ul > li > a > .shade-a { top: -9px; } #header.b.fixed #navigation { padding: 6px 0 0; margin-top: 3px; } #header.c.fixed #navigation { margin-top: 8px; } #header.d.fixed #navigation { margin-top: 3px; } #header.f.fixed #navigation { padding: 0; margin-top: 0; min-height: 46px; } #header.b.fixed #navigation > ul > li > ul, #header.b.fixed #navigation > ul > li:hover > ul { top: 55px; } #header.c.fixed #navigation > ul > li > ul, #header.c.fixed #navigation > ul > li:hover > ul { top: 38px; } #header.d.fixed #navigation > ul > li > ul, #header.d.fixed #navigation > ul > li:hover > ul { top: 47px; } #header.e.fixed #navigation > ul > li > ul, #header.e.fixed #navigation > ul > li:hover > ul { top: 45px; } #header.f.fixed #navigation ul.nav ul.sub-menu { top: 55px; } #navigation.fixed ul.nav ul.sub-menu ul.sub-menu { top: 0!important; } #header.b.fixed #navigation ul.nav { height: 50px; top: 2px; } #header.b.fixed #navigation > ul > li { height: 50px; } #header.fixed #navigation ul.nav { top: 6px; } #header.fixed #navigation > ul > li { height: 40px; padding-bottom: 15px; background: none; } #header.c.fixed #navigation > ul > li { padding: 0 0 2px 10px; background: url("../images/sprite-a.png") no-repeat scroll 0 -72px rgba(0, 0, 0, 0); } #header.d.fixed #navigation > ul > li { background: url("../images/sprite-a.png") no-repeat scroll 0 -70px rgba(0, 0, 0, 0); } #header.e.fixed #navigation > ul > li { height: 41px; } #header.fixed #navigation > ul > li > a, #header.b.fixed #navigation > ul > li > a, #header.d.fixed #navigation > ul > li > a, #header.e.fixed #navigation > ul > li > a { height: 40px; line-height: 40px; padding: 0 10px; } #header.d.fixed #navigation > ul > li > a { padding: 0 10px 7px 10px; } #header.c.fixed #navigation > ul > li > a { height: 34px; line-height: 34px; padding: 0 10px; } #navigation.fixed ul.nav li.megamenu ul.sub-menu { top: 0; } #navigation.fixed ul#main-nav > li.megamenu > ul.sub-menu { left: -106px; top: 34px; } /* Megamenu styles */ #header #navigation ul#main-nav > li.megamenu > ul.sub-menu { background: none repeat scroll 0 0 #FFFFFF; border-top: 3px solid #E75A39; left: -231px; overflow: hidden; padding: 20px 0; position: absolute; top: 56px; width: 950px; } #header.b #navigation ul#main-nav > li.megamenu > ul.sub-menu { left: -315px; top: 94px; } #header.b.fixed #navigation ul#main-nav > li.megamenu > ul.sub-menu { top: 45px; } #header.c #navigation ul#main-nav > li.megamenu > ul.sub-menu { left: -320px; top: 94px; } #header.c.fixed #navigation ul#main-nav > li.megamenu > ul.sub-menu { top: 42px; } #header.d #navigation ul#main-nav > li.megamenu > ul.sub-menu { left: -648px; top: 36px; } #header.d.fixed #navigation ul#main-nav > li.megamenu > ul.sub-menu { top: 47px; } #header.e #navigation ul#main-nav > li.megamenu > ul.sub-menu { left: 75px; top: 64px; } #header.e.fixed #navigation ul#main-nav > li.megamenu > ul.sub-menu { top: 45px; } #header.e #navigation ul.nav li.megamenu ul { text-align: left; } #header.f #navigation ul#main-nav > li.megamenu > ul.sub-menu { top: 60px; } #header.f.fixed #navigation ul#main-nav > li.megamenu > ul.sub-menu { top: 61px; } #header #navigation ul#main-nav > li.megamenu > ul.sub-menu > li { float: left; width: 237.5px; } #header #navigation ul#main-nav > li.megamenu > ul.sub-menu > li:first-child { padding: 0; } #header #navigation ul#main-nav > li.megamenu > ul.sub-menu > li:last-child { border-right: none; } #header #navigation ul#main-nav li.megamenu ul.sub-menu li ul { list-style: none outside none; margin: 0; padding: 0; display: block; visibility: visible; left: 0 !important; position: relative; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-top: none; width: 237.5px; } #header #navigation ul#main-nav > li.megamenu > ul.sub-menu > li > a, #header #navigation ul#main-nav > li.megamenu.parent:hover > ul.sub-menu > li > a { margin: 0; padding: 0 0 20px; text-transform: uppercase; color: #4A3B3C !important; font-family: Tahoma; font-size: 13px; font-style: normal; letter-spacing: 2px; background: none; } #header #navigation ul#main-nav > li.megamenu > ul.sub-menu > li ul li a , #header #navigation ul#main-nav > li.megamenu.parent:hover > ul.sub-menu > li ul li a { display: block; position: relative; text-decoration: none; text-transform: none; } #header #navigation ul#main-nav > li.megamenu > ul.sub-menu > li a { border-right: 1px dotted #E75A39; margin: 0.8px 0; padding: 5px 5px 5px 15px !important; } #header #navigation ul#main-nav > li.megamenu > ul.sub-menu > li:last-child a { border-right: none; } #top { background: rgba(0, 0, 0, 0.035); color: #9ca8ab; font-weight: 700; } #top a { color: #253134; } #top a:hover { color: #364245; } #top ul.contact { display: inline; float: left; width: 30.555555555555557%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 30.503472222222225%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; font-size: .857em; width: auto; display: block; } #top ul.contact li { width: auto; float: left; padding: .618em 1.387em; } #top #top-nav { display: block; } #top .top-nav { display: inline; float: left; width: 63.888888888888886%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 63.83680555555555%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; width: auto; float: right; font-size: .857em; /* LEVEL 2 */ /* LEVEL 3 */ } #top .top-nav ul > li a { padding: .618em 1.387em; } #top .top-nav ul.sub-menu { background: #ffffff; border: 0.382em solid rgba(0, 0, 0, 0.1); border-top: 0; } #headline { background: url("../images/shade-b.png") repeat scroll 0 0 transparent; margin: 0; padding: 27px 0 25px; position: relative; z-index: 1; } #headline .headline-left-side { left: 50%; margin: 0 0 0 -476px; position: relative; width: 750px; z-index: 2; } #headline .headline-left-side h2{ margin-bottom:2px; display:none; } #headline .headline-right-side { list-style: none outside none; margin: 0 -476px 0 0; padding: 0; position: absolute; right: 50%; text-align: right; top: 28px; width: 952px; z-index: 1; } #headline .headline-right-side h2{ list-style: none outside none; margin: 0 auto; padding: 0; position: relative; text-align: right; width: 952px; z-index: 1; } #headline .headline-right-side .search_main { width: 300px; } .headline-message { min-height: 8px; display:none; } /* 3. MAIN NAVIGATION DROPDOWN MENUS (Add main navigation presentational styles here) */ .header-top .widget_product_search, .header-top .account, .header-top .cart { display: block !important; } #navigation { display: block !important; margin-bottom: 0; display: inline; float: left; width: 100%; *width: 100%; background: url("../images/nav.png") no-repeat scroll center 20px transparent; height: 70px; position: relative; text-transform: lowercase; z-index: 4; } #navigation ul.nav { font-family: Georgia,serif; left: 50%; list-style: none outside none; margin: 0 0 0 -104px; padding: 0; position: absolute; top: 21px; float:left; width: 575px; /* LEVEL 2 */ /* LEVEL 3 */ } #navigation ul.nav > li:hover a { } #navigation ul.nav > li a { padding: 0.2em 0.6em 0; } #navigation ul.nav > li a:hover { color: #614D3C; } #navigation ul.nav > li:first-child a { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #navigation ul.nav > li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.li.current-menu-item a { color: #614D3C; } #navigation ul.nav > li.parent { /* position: relative; */ } #navigation ul.nav > li.parent > a:hover { color: #614D3C; } /* #navigation ul.nav > li.parent > a:after { font-family: 'FontAwesome'; display: inline-block; font-size: 100%; margin-left: .618em; font-weight: normal; line-height: 1em; width: 1em; content: "\f107"; } */ #navigation ul.nav > li.parent:after { bottom: 0; z-index: 999; } #navigation ul.nav > li.parent:hover { background: #ffffff; } #navigation ul.nav > li.parent:hover a { color: #614D3C; } #navigation ul.nav > li.parent:hover:after { bottom: -2px; z-index: 999; } #navigation ul.nav ul.sub-menu { z-index: 99; } #navigation ul.nav ul.sub-menu li a, #navigation ul.nav li.parent:hover ul.sub-menu a { -webkit-box-shadow: none !important; box-shadow: none !important; background: #FFF; color: #551981!important; display: block; padding: 3px 18px; text-decoration: none; width: 100%; } #navigation ul.nav ul.sub-menu li a:hover, #navigation ul.nav li.parent:hover ul.sub-menu a:hover { color:#FFFFFF!important; background:#531a81; } #navigation ul.nav ul.sub-menu ul.sub-menu { left: 100%; } .admin-bar #navigation.fixed { top: 28px; } .admin-bar #header.e.fixed #navigation.fixed, .admin-bar #header.f.fixed #navigation.fixed { top: -10px; } .nav-toggle { display: none; } #header, #navigation ul.nav li ul, .navi > ul.b > li > div { box-shadow: 0 3px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 3px 2px rgba(0,0,0,0.1); } /* Below are separate styles for setting up menu styles in different header layouts, few classes are repetitive in these layouts, these were intentionally put separate to make it easy for a general user to customize particular layout of menu without affecting other layouts. */ /* Navigation for layout2 (header class="b") */ #header.b #navigation ul.nav { left: inherit; margin: 0 -454px 0 0; right: 50%; top: 0; width: 890px; } #header.b #navigation > ul > li { background: none repeat scroll 0 0 transparent; display: block; float: left; height: 85px; padding: 0 0 30px 2px; margin:0; } #header.b #navigation > ul > li > a { display: block; float: left; height: 89px; line-height: 89px; padding: 0 10px; } #header.b #navigation > ul > li > a:hover { background: none repeat scroll 0 0 #531a81; color: #FFFFFF; } #header.b #navigation ul.nav > li.current_page_item a, #header.b #navigation ul.nav li.current_page_parent > a, #header.b #navigation ul.nav li.current-cat a, #header.b #navigation ul.nav li.current-menu-ancestor a, #header.b #navigation ul.nav li.li.current-menu-item > a { background: none repeat scroll 0 0 #531a81; color: #FFFFFF; } #header.b #navigation ul.nav > li.parent > a:hover { background: none repeat scroll 0 0 #531a81; color: #FFFFFF; } #header.b #navigation ul.nav > li.parent:hover a { background: none repeat scroll 0 0 #531a81; color: #FFFFFF; } #header.b #navigation ul.nav > li.parent:hover li a { background: none repeat scroll 0 0 #FFFFFF; color:#531a81; } #header.b #navigation ul.nav > li.parent:hover li a:hover { background: none repeat scroll 0 0 #531a81; color: #FFFFFF; } #header.b #navigation > ul > li > ul, #header.b #navigation > ul > li:hover > ul { left: 50%; margin: 0 0 0 -45px; padding: 10px; top: 100px; width: 180px; } #header.b #navigation > ul > li > ul li a { padding: 4px 10px 5px; text-transform:lowercase; } /* Navigation for layout3 (header class="c")*/ #header.c #navigation ul.nav { left: inherit; margin: 0 -488px 0 0; padding: 34px 0 0; right: 50%; top: 0; } #header.c #navigation > ul > li { margin: 0 0 0 -1px; padding: 0 0 25px 9px; background: url("../images/slash.png") no-repeat scroll 0 9px transparent; display: inline-block; font-style: italic; height: 36px; } #header.c #navigation > ul > li:first-child { background: none repeat scroll 0 0 transparent; padding-left: 0; } #header.c #navigation > ul > li > a { background-color: #FFFFFF; display: block; float: left; height: 34px; padding: 0 11px; position: relative; z-index: 1; } #header.c #navigation > ul > li > a { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #header.c #navigation > ul > li > a:hover, #header.c #navigation > ul > li > a:focus, #header.c #navigation > ul > li > a:active, #header.c #navigation > ul > li:active > a, #header.c #navigation > ul > li:hover > a { background: none repeat scroll 0 0 #531a81; color: #FFFFFF; } #header.c #navigation > ul > li > a:hover { background: none repeat scroll 0 0 #531a81; color: #FFFFFF; } #header.c #navigation ul.nav > li.current_page_item a, #header.c #navigation ul.nav li.current_page_parent > a, #header.c #navigation ul.nav li.current-cat a, #header.c #navigation ul.nav li.current-menu-ancestor a, #header.c #navigation ul.nav li.li.current-menu-item > a { background: none repeat scroll 0 0 #531a81; color: #FFFFFF; } #header.c #navigation ul.nav > li.parent > a:hover { background: none repeat scroll 0 0 #531a81; color: #FFFFFF; } #header.c #navigation ul.nav > li.parent:hover a { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.c #navigation ul.nav > li.parent:hover li a { background: none repeat scroll 0 0 #FFFFFF; color:#531a81; } #header.c #navigation ul.nav > li.parent:hover li a:hover { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.c #navigation > ul > li > ul, #header.c #navigation > ul > li:hover > ul { left: 50%; margin: 0 0 0 -68px; width: 152px; } #header.c #navigation > ul > li > ul li a { padding: 4px 10px 5px; text-transform:lowercase; } #header.c #navigation > ul > li > a > .shade-a { background: url("../images/sprite-a.png") no-repeat scroll -170px -417px transparent; display: block; height: 16px; left: 50%; margin: 0 0 0 -10px; opacity: 0; position: absolute; top: -60px; width: 19px; filter: alpha(opacity = 0); } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { #header.c #navigation > ul > li > a > .shade-a { background: url('../images/sprite-a@2x.png') no-repeat -163px -417px; background-size: 292px 2817px; } } #header.c #navigation > ul > li > a > .shade-b, #header.c #navigation > ul > li > a > .shade-c { background: none repeat scroll 0 0 #FFFFFF; display: block; height: 34px; opacity: 0; position: absolute; top: 0 !important; width: 9px; filter: alpha(opacity = 0); } #header.c #navigation > ul > li > a > .shade-b { right: -9px; } #header.c #navigation > ul > li > a > .shade-c { left: -9px; } #header.c #navigation > ul > li > a:hover > *, #header.c #navigation > ul > li > a:focus > *, #header.c #navigation > ul > li > a:active > *, #header.c #navigation > ul > li.active > a > *, #header.c #navigation > ul > li:hover > a > *, #header.c #navigation > ul > li.current-menu-item > a > *, #header.c #navigation > ul > li.current_page_parent > a > *, /* added for fixing shop menu bug. v2.85 */ #header.c #navigation > ul > li.current-menu-ancestor > a > * { opacity: 1; top: -10px; filter: alpha(opacity = 100); } #header.c #navigation > ul > li > a > .shade-a, #header.c #navigation > ul > li > a > .shade-b { transition: all 0.2s ease 0s; } #header.c #navigation ul.nav > li.parent > a:after { display:none; } /* Navigation for layout4 (header class="d")*/ #header.d #logo { top: 12px; z-index: 23; } #header.d.active #logo { top: 52px; } #header.d #navigation { float:none; z-index: 22; } #header.d #navigation ul.nav { left: inherit; margin: 0 -524px 0 0; padding: 24px 0 0; right: 50%; top: 0; } #header.d #navigation > ul > li { margin: 0 -3px 0 -1px; padding: 0 0 0 10px; background: url("../images/sprite-a.png") no-repeat scroll 0 -75px transparent; display: inline-block; font-style: italic; height: 36px; position: relative; margin:0; } #header.d #navigation > ul > li:first-child { background: none repeat scroll 0 0 transparent; padding-left: 0; } #header.d #navigation > ul > li > a { background-color: #FFFFFF; display: block; float: left; height: 34px; padding: 0 11px; position: relative; z-index: 1; } #header.d #navigation > ul > li > a { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #header.d #navigation > ul > li > ul li a { padding: 0 10px 1px; text-transform: lowercase; } #header.d #navigation ul.nav > li.parent > a:after { display:none; } #header.d #main-slider { z-index: 1; margin-top: -70px; } /* Navigation for layout5 (header class="e")*/ #header.e #logo, #header.e .row { min-height: 49px; margin-left: -110px; padding-top: 20px; top: 10px; max-width: 350px; text-align: center; } #header.e.active #logo { top: 50px; } #header.e #logo img{ margin: 0 auto; max-width: none; } #header.e #navigation { background: none repeat scroll 0 0 transparent; float: none; min-height: 61px; width: 950px; text-transform: capitalize; position: absolute; left: 50%; bottom: 0; margin-left: -475px; height: 61px; } #header.e #navigation ul.nav { border-top: 1px solid #E0E0E0; left: 0; margin: 0 auto; padding: 9px 0 0; text-align: center; position: relative; top: 0; width: 100%; } #header.e ul#main-nav .shade-a { background: none repeat scroll 0 0 #E0E0E0; display: block; height: 2px; left: 0; position: absolute; top: 2px; width: 100%; } #header.e #navigation > ul > li { display: inline-block; float: none; height: 55px; } #header.e #navigation > ul > li > a { background-color: #FFFFFF; display: block; float: left; height: 50px; padding: 0 11px; line-height: 50px; position: relative; z-index: 1; } #header.e #navigation > ul > li > a:hover, #header.e #navigation > ul > li > a:focus, #header.e #navigation > ul > li > a:active, #header.e #navigation > ul > li:active > a, #header.e #navigation > ul > li:hover > a { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.e #navigation > ul > li > a:hover { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.e #navigation ul.nav > li.current_page_item a, #header.e #navigation ul.nav li.current_page_parent > a, #header.e #navigation ul.nav li.current-cat a, #header.e #navigation ul.nav li.current-menu-ancestor a, #header.e #navigation ul.nav li.li.current-menu-item > a { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.e #navigation ul.nav > li.parent > a:hover { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.e #navigation ul.nav > li.parent:hover a { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.e #navigation ul.nav > li.parent:hover li a { background: none repeat scroll 0 0 #FFFFFF; color:#531a81; } #header.e #navigation ul.nav > li.parent:hover li a:hover { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.e #navigation > ul > li > ul, #header.e #navigation > ul > li:hover > ul { left: 50%; margin: 0 0 0 -75px; width: 152px; top: 55px; } #header.e #navigation > ul > li > ul li a { padding: 4px 10px 5px; text-transform:lowercase; } #header.e #navigation > ul > li > a > .shade-a { background: url("../images/sprite-a.png") no-repeat scroll -170px -417px transparent; display: block; height: 16px; left: 50%; margin: 0 0 0 -10px; opacity: 0; position: absolute; top: -60px; width: 19px; filter: alpha(opacity = 0); } #header.e #navigation > ul > li > a > .shade-b, #header.e #navigation > ul > li > a > .shade-c { background: none repeat scroll 0 0 #FFFFFF; display: block; height: 34px; opacity: 0; position: absolute; top: 0 !important; width: 9px; filter: alpha(opacity = 0); } #header.e #navigation > ul > li > a > .shade-b { right: -9px; } #header.e #navigation > ul > li > a > .shade-c { left: -9px; } #header.e #navigation > ul > li > a:hover > *, #header.e #navigation > ul > li > a:focus > *, #header.e #navigation > ul > li > a:active > *, #header.e #navigation > ul > li.active > a > *, #header.e #navigation > ul > li:hover > a > *, #header.e #navigation > ul > li.current-menu-item > a > *, #header.e #navigation > ul > li.current-menu-ancestor > a > * { opacity: 1; top: -10px; filter: alpha(opacity = 100); } #header.e #navigation > ul > li > a > .shade-a, #header.e #navigation > ul > li > a > .shade-b { transition: all 0.2s ease 0s; } #header.e #navigation ul.nav > li.parent > a:after { display:none; } #header.e #navigation ul.nav ul.sub-menu li { line-height: 17px; padding: 0; } /* Navigation for layout6 (header class="f")*/ #header.f #logo { min-height: 49px; margin: 0 auto 16px -483px; position: relative; top: 0; max-width: 450px; padding-top: 25px; z-index: 5; } #header.f #logo img{ margin: 0 auto; } #header.f #navigation { text-transform: capitalize; background: none repeat scroll 0 0 #FFFFFF; float: none; min-height: 50px; height: auto; text-transform: capitalize; width: 100%; position: absolute; bottom: 0px; box-shadow: 0 0 3px #CDCDCD; -moz-box-shadow: 0 0 3px #CDCDCD; -webkit-box-shadow: 0 0 3px #CDCDCD; } #header.f #navigation ul.nav { left: 0; margin: 0 auto; padding: 0; position: relative; top: 0; width: 950px; float: none; } #header.f #navigation ul.nav ul.sub-menu { top: 54px; } #header.f ul.nav ul.sub-menu li:first-child { padding-top: 7px; } #header.f #navigation ul.nav ul.sub-menu ul.sub-menu { top: 0; } #header.f #navigation ul.nav ul.sub-menu ul.sub-menu li:first-child { padding-top: 0; } #header.f #navigation > ul > li { margin: 0; padding: 5px 0; height: 50px; display: inline-block; margin: 0 3px 0 0; font-style: italic; position: relative; } #header.f.fixed #navigation > ul > li { padding: 6px 0; } #header.f #navigation > ul > li:first-child { background: none repeat scroll 0 0 transparent; padding-left: 0; } #header.f #navigation > ul > li > a { background-color: #FFFFFF; display: block; float: left; height: 50px; line-height: 50px; padding: 0 11px; position: relative; z-index: 1; } #header.f #navigation > ul > li > a:hover, #header.f #navigation > ul > li > a:focus, #header.f #navigation > ul > li > a:active, #header.f #navigation > ul > li:active > a, #header.f #navigation > ul > li:hover > a { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.f #navigation > ul > li > a:hover { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.f #navigation ul.nav > li.current_page_item a, #header.f #navigation ul.nav li.current_page_parent > a, #header.f #navigation ul.nav li.current-cat a, #header.f #navigation ul.nav li.current-menu-ancestor a, #header.f #navigation ul.nav li.li.current-menu-item > a { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.f #navigation ul.nav > li.parent > a:hover { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.f #navigation ul.nav > li.parent:hover a { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.f #navigation ul.nav > li.parent:hover li a { background: none repeat scroll 0 0 #FFFFFF; color:#531a81; } #header.f #navigation ul.nav > li.parent:hover li a:hover { background: none repeat scroll 0 0 #E75A39; color: #FFFFFF; } #header.f #navigation > ul > li > ul, #header.f #navigation > ul > li:hover > ul { left: 0; margin: 0; width: 152px; } #header.f #navigation > ul > li > ul li a { padding: 4px 10px 5px; text-transform:lowercase; } #header.f #navigation > ul > li > a:hover > *, #header.f #navigation > ul > li > a:focus > *, #header.f #navigation > ul > li > a:active > *, #header.f #navigation > ul > li.active > a > *, #header.f #navigation > ul > li:hover > a > *, #header.f #navigation > ul > li.current-menu-item > a > *, #header.f #navigation > ul > li.current-menu-ancestor > a > * { opacity: 1; top: -10px; filter: alpha(opacity = 100); } #header.f #navigation ul.nav > li.parent > a:after { display:none; } #header.f #navigation ul.nav ul.sub-menu li { line-height: 17px; } /* 4. CONTAINERS & COLUMNS */ #header .header-top { display: inline; float: left; width: 97.22222222222221%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 97.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; padding-top: 0.327em; padding-bottom: 0.327em; background: #ffffff; } #header .header-top .row { display: block; width: 102.77777777777777%; margin-left: -1.3888888888888888%; margin-right: -1.3888888888888888%; *width: 102.72569444444444%; *margin-left: -1.440972222222222%; *margin-right: -1.440972222222222%; *zoom: 1; } #header .header-top .row:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #header .header-top .row:before, #header .header-top .row:after { content: ""; display: table; } #header .header-top .row:after { clear: both; } #header .header-top .row hgroup { display: inline; float: left; width: 22.22222222222222%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 22.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; padding-left: 2.387em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin-bottom: 0; } #header .header-top .row hgroup h1, #header .header-top .row hgroup h2, #header .header-top .row hgroup h3 { float: none; margin: 0; } #header .header-top #logo { border-right: 1px solid #DCD9D9; display: block; height: 90px; left: 28px; position: absolute; top: 15px; width: 246px; } #header .header-top #logo img { padding-left: 2.387em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #header .header-top .row .widget_product_search { display: inline; float: left; width: 47.22222222222222%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 47.170138888888886%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; margin-bottom: 0; clear: none; } #header .header-top .row .widget_product_search form { margin-bottom: 0; } #header .header-top .row .widget_product_search #searchform .s, #header .header-top .row .widget_product_search #searchform #s { background: rgba(0, 0, 0, 0.025); } #header .header-top .row .account { display: inline; float: left; width: 22.22222222222222%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 22.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; float: right; margin-top: 0; margin-bottom: 0; } #header .header-top .row .account img { width: 3.3em; margin: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #header .header-top .row .account .account-links { margin-left: 3.3em; position: relative; } #header .header-top .row .account .account-links:after { content: ""; display: block; border-width: .45em .45em 0 0; border-color: #0894b4 transparent transparent transparent; border-style: solid; position: absolute; right: -0.5em; bottom: -0.4em; } #header .header-top .row .account .account-links:before { top: 1em; } #header .header-top .row .account .account-links ul { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: 0.618em 0 0 0 #E75A39; -webkit-box-shadow: 0.618em 0 0 0 #E75A39; } #header .header-top .row .account .account-links ul li a { width: 24.8%; padding: 1.1em 0; } #header .header-top .row .account .account-links ul li:last-child a { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #header .header-top .row .account .account-links ul li:first-child a { -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #header .header-top.banner .row hgroup, #header .header-top.banner .row #topad { display: inline; float: left; width: 47.22222222222222%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 47.170138888888886%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; margin-bottom: 1.618em; } #header .header-top.banner .row .account { display: inline; float: left; width: 22.22222222222222%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 22.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; } #header .header-top.banner .row .widget_product_search { display: inline; float: left; width: 72.22222222222221%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 72.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; padding-left: 2.387em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ clear: both; } #header ul.rss { margin-right: 0; padding-right: 0; } #header ul.rss li { border-right: 0; } #main.fullwidth, .layout-full #main, .col-full { margin: 0 auto; width: 100%; } .col-inner { margin: 0 auto; width: 950px; } #main { display: inline; width: 620px; } .single-product #main, .single-product #main #product-misc { display: inline; width: 100%; } .single-product .product-misc-details { display: inline; width: 620px; float: left; } .single-product.layout-right-content .product-misc-details { float: right; } .breadcrumbs-wrap { display: block; } #sidebar { margin-top: 0; display: inline; width: 260px; *width: 260px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #8A8A8A; } .entry img { max-width: 610px; } .woocommerce-page .entry img { max-width: 100%; } .layout-full .entry img { max-width: 900px; } .layout-right-content #main { float: right; } .layout-right-content #sidebar { float: left; } .layout-full #main, .page-template-template-fullwidth-php #main { display: inline; float: left; } .col-left { float: left; } .col-right { float: right; } .page-template-template-contact-php .location-twitter .col-left { float: left; } .page-template-template-contact-php .location-twitter #office-location { width: 48%; margin: 0; float:left; } .page-template-template-contact-php .location-twitter .contact-social { float: right; width: 48%; } .page-template-template-contact-php .location-twitter .contact-social #twitter { margin: 0; } .breadcrumbs-wrap { clear: both; margin: 25px auto 0; width: 952px; *width: 952px; } .headline-left-side .breadcrumbs-wrap { margin: 15px auto 0; } .breadcrumbs-wrap .breadcrumbs { background:rgba(0, 0, 0, 0.04); font-size: 11px; margin:-7px 0 0 0; width: 750px; float:left; padding: 5px 10px; border-left:5px solid #531A81; } .no-headline-bcmp .breadcrumbs-wrap { margin: 10px auto; width: 797px; } #portfolio .portfolio-item .one-two .over .shade-c { background: url("../images/portfolio2.png") no-repeat scroll 0 0 transparent; height: 269px; width: 410px; } #portfolio .portfolio-item .one-two .over .shade-c:hover { background: url("../images/portfolio2_hover.png") no-repeat scroll 0 0 transparent; } .home .woocommerce, .business .woocommerce { margin-bottom: 1.618em; } .home .woocommerce-wrap .widget_woothemes_features, .business .woocommerce-wrap .widget_woothemes_features, .home .woocommerce-wrap .widget_templatation_testimonials, .business .woocommerce-wrap .widget_templatation_testimonials { display: block; width: 102.77777777777777%; margin-left: -1.3888888888888888%; margin-right: -1.3888888888888888%; *width: 102.72569444444444%; *margin-left: -1.440972222222222%; *margin-right: -1.440972222222222%; *zoom: 1; } .home .woocommerce-wrap .widget_woothemes_features:after, .business .woocommerce-wrap .widget_woothemes_features:after, .home .woocommerce-wrap .widget_templatation_testimonials:after, .business .woocommerce-wrap .widget_templatation_testimonials:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .home .woocommerce-wrap .widget_woothemes_features:before, .business .woocommerce-wrap .widget_woothemes_features:before, .home .woocommerce-wrap .widget_templatation_testimonials:before, .business .woocommerce-wrap .widget_templatation_testimonials:before, .home .woocommerce-wrap .widget_woothemes_features:after, .business .woocommerce-wrap .widget_woothemes_features:after, .home .woocommerce-wrap .widget_templatation_testimonials:after, .business .woocommerce-wrap .widget_templatation_testimonials:after { content: ""; display: table; } .home .woocommerce-wrap .widget_woothemes_features:after, .business .woocommerce-wrap .widget_woothemes_features:after, .home .woocommerce-wrap .widget_templatation_testimonials:after, .business .woocommerce-wrap .widget_templatation_testimonials:after { clear: both; } .home .woocommerce-wrap .widget_woothemes_features:after, .business .woocommerce-wrap .widget_woothemes_features:after, .home .woocommerce-wrap .widget_templatation_testimonials:after, .business .woocommerce-wrap .widget_templatation_testimonials:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } .home .woocommerce-wrap .widget_woothemes_features:before, .business .woocommerce-wrap .widget_woothemes_features:before, .home .woocommerce-wrap .widget_templatation_testimonials:before, .business .woocommerce-wrap .widget_templatation_testimonials:before, .home .woocommerce-wrap .widget_woothemes_features:after, .business .woocommerce-wrap .widget_woothemes_features:after, .home .woocommerce-wrap .widget_templatation_testimonials:after, .business .woocommerce-wrap .widget_templatation_testimonials:after { content: ""; display: table; } .home .woocommerce-wrap .widget_woothemes_features:after, .business .woocommerce-wrap .widget_woothemes_features:after, .home .woocommerce-wrap .widget_templatation_testimonials:after, .business .woocommerce-wrap .widget_templatation_testimonials:after { clear: both; } .home .woocommerce-wrap .widget_woothemes_features .features h2, .business .woocommerce-wrap .widget_woothemes_features .features h2, .home .woocommerce-wrap .widget_templatation_testimonials .features h2, .business .woocommerce-wrap .widget_templatation_testimonials .features h2, .home .woocommerce-wrap .widget_woothemes_features .testimonials h2, .business .woocommerce-wrap .widget_woothemes_features .testimonials h2, .home .woocommerce-wrap .widget_templatation_testimonials .testimonials h2, .business .woocommerce-wrap .widget_templatation_testimonials .testimonials h2 { display: inline; float: left; width: 97.22222222222221%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 97.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; } .home .woocommerce-wrap .widget_woothemes_features .features .feature, .business .woocommerce-wrap .widget_woothemes_features .features .feature, .home .woocommerce-wrap .widget_templatation_testimonials .features .feature, .business .woocommerce-wrap .widget_templatation_testimonials .features .feature, .home .woocommerce-wrap .widget_woothemes_features .testimonials .feature, .business .woocommerce-wrap .widget_woothemes_features .testimonials .feature, .home .woocommerce-wrap .widget_templatation_testimonials .testimonials .feature, .business .woocommerce-wrap .widget_templatation_testimonials .testimonials .feature, .home .woocommerce-wrap .widget_woothemes_features .features .quote, .business .woocommerce-wrap .widget_woothemes_features .features .quote, .home .woocommerce-wrap .widget_templatation_testimonials .features .quote, .business .woocommerce-wrap .widget_templatation_testimonials .features .quote, .home .woocommerce-wrap .widget_woothemes_features .testimonials .quote, .business .woocommerce-wrap .widget_woothemes_features .testimonials .quote, .home .woocommerce-wrap .widget_templatation_testimonials .testimonials .quote, .business .woocommerce-wrap .widget_templatation_testimonials .testimonials .quote { display: inline; float: left; width: 30.555555555555557%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 30.503472222222225%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; } .home .woocommerce-wrap .widget_woothemes_features .features .feature:nth-child(4n), .business .woocommerce-wrap .widget_woothemes_features .features .feature:nth-child(4n), .home .woocommerce-wrap .widget_templatation_testimonials .features .feature:nth-child(4n), .business .woocommerce-wrap .widget_templatation_testimonials .features .feature:nth-child(4n), .home .woocommerce-wrap .widget_woothemes_features .testimonials .feature:nth-child(4n), .business .woocommerce-wrap .widget_woothemes_features .testimonials .feature:nth-child(4n), .home .woocommerce-wrap .widget_templatation_testimonials .testimonials .feature:nth-child(4n), .business .woocommerce-wrap .widget_templatation_testimonials .testimonials .feature:nth-child(4n), .home .woocommerce-wrap .widget_woothemes_features .features .quote:nth-child(4n), .business .woocommerce-wrap .widget_woothemes_features .features .quote:nth-child(4n), .home .woocommerce-wrap .widget_templatation_testimonials .features .quote:nth-child(4n), .business .woocommerce-wrap .widget_templatation_testimonials .features .quote:nth-child(4n), .home .woocommerce-wrap .widget_woothemes_features .testimonials .quote:nth-child(4n), .business .woocommerce-wrap .widget_woothemes_features .testimonials .quote:nth-child(4n), .home .woocommerce-wrap .widget_templatation_testimonials .testimonials .quote:nth-child(4n), .business .woocommerce-wrap .widget_templatation_testimonials .testimonials .quote:nth-child(4n) { clear: both; } .home .woocommerce-wrap .widget_woothemes_features .features .feature:nth-child(4n), .business .woocommerce-wrap .widget_woothemes_features .features .feature:nth-child(4n), .home .woocommerce-wrap .widget_templatation_testimonials .features .feature:nth-child(4n), .business .woocommerce-wrap .widget_templatation_testimonials .features .feature:nth-child(4n), .home .woocommerce-wrap .widget_woothemes_features .testimonials .feature:nth-child(4n), .business .woocommerce-wrap .widget_woothemes_features .testimonials .feature:nth-child(4n), .home .woocommerce-wrap .widget_templatation_testimonials .testimonials .feature:nth-child(4n), .business .woocommerce-wrap .widget_templatation_testimonials .testimonials .feature:nth-child(4n) { clear: none; } .home .woocommerce-wrap .widget_woothemes_features .features .feature:nth-child(5n), .business .woocommerce-wrap .widget_woothemes_features .features .feature:nth-child(5n), .home .woocommerce-wrap .widget_templatation_testimonials .features .feature:nth-child(5n), .business .woocommerce-wrap .widget_templatation_testimonials .features .feature:nth-child(5n), .home .woocommerce-wrap .widget_woothemes_features .testimonials .feature:nth-child(5n), .business .woocommerce-wrap .widget_woothemes_features .testimonials .feature:nth-child(5n), .home .woocommerce-wrap .widget_templatation_testimonials .testimonials .feature:nth-child(5n), .business .woocommerce-wrap .widget_templatation_testimonials .testimonials .feature:nth-child(5n) { clear: both; } .home .woocommerce-wrap .widget_templatation_testimonials .testimonials .quote .testimonials-text, .business .woocommerce-wrap .widget_templatation_testimonials .testimonials .quote .testimonials-text { padding: 1.618em; } .home .widget_woo_product_categories .woocommerce, .business .widget_woo_product_categories .woocommerce, .home .widget_woo_recent_products .woocommerce, .business .widget_woo_recent_products .woocommerce { width: 100%; margin-left: 0; margin-right: 0; } .home .widget_woo_product_categories ul.products li.product.product-category { margin-right: 15px; padding: 0 10px; float: left; } .home #main.full-width, .business #main.full-width { float: none; display: inline; float: left; width: 97.22222222222221%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 97.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; } .business { display: inline; float: left; width: 97.22222222222221%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 97.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; } .business .widget_woothemes_features, .business .widget_templatation_testimonials { padding: 2.618em 0; } .jssidebar .widget_woothemes_features .features .feature, #sidebar .widget_woothemes_features .features .feature, #footer-widgets .widget_woothemes_features .features .feature, .jssidebar .widget_templatation_testimonials .features .feature, #sidebar .widget_templatation_testimonials .features .feature, #footer-widgets .widget_templatation_testimonials .features .feature, .jssidebar .widget_woothemes_features .testimonials .feature, #sidebar .widget_woothemes_features .testimonials .feature, #footer-widgets .widget_woothemes_features .testimonials .feature, .jssidebar .widget_templatation_testimonials .testimonials .feature, #sidebar .widget_templatation_testimonials .testimonials .feature, #footer-widgets .widget_templatation_testimonials .testimonials .feature, .jssidebar .widget_woothemes_features .features .quote, #sidebar .widget_woothemes_features .features .quote, #footer-widgets .widget_woothemes_features .features .quote, .jssidebar .widget_templatation_testimonials .features .quote, #sidebar .widget_templatation_testimonials .features .quote, #footer-widgets .widget_templatation_testimonials .features .quote, .jssidebar .widget_woothemes_features .testimonials .quote, #sidebar .widget_woothemes_features .testimonials .quote, #footer-widgets .widget_woothemes_features .testimonials .quote, .jssidebar .widget_templatation_testimonials .testimonials .quote, #sidebar .widget_templatation_testimonials .testimonials .quote, #footer-widgets .widget_templatation_testimonials .testimonials .quote { display: block; width: 100%; margin-left: 0; margin-right: 0; } .cols-b > *:first-child { position: relative; z-index: 2; float: left; width: 98%; padding: 0 0 0 20px; } .cols-b-full > *:first-child { width: 910px; } /*.cols-b > .shade-a, .cols-b > .shade-b, .cols-b > .shade-c, .cols-b > .shade-d { display: block; position: absolute; left: 320px; width: 8px; height: 6px; margin: 0 0 0 -4px; background: url(../images/sprite-a.png) no-repeat; } .cols-b > .shade-a { bottom: -1px; background-position: -280px -268px; } .cols-b > .shade-b { top: -1px; background-position: -269px -268px; } .cols-b > .shade-c { left: 630px; top: -1px; background-position: -269px -268px; } .cols-b > .shade-d { left: 630px; bottom: -1px; background-position: -280px -268px; }*/ .cols-b > aside { float: right; width: 280px; padding: 0 20px 0 0; background: #fff; } article.hentry header, .search #main article header { overflow: hidden; position: relative; width: 100%; margin: 0 0 13px; } article.hentry header figure, .search #main article header figure{ margin: 0 0 10px; float: left; } article.hentry header figure img { display: block; position: relative; z-index: 1; border: 3px solid #e4dfdf; } article.hentry header figure .shade-a { display: block; position: absolute; left: 4px; top: 4px; z-index: 2; width: 100px; height: 100px; } article.hentry header figure .shade-a { box-shadow: 0 0 6px rgba(111,91,92,90) inset; } article.hentry, article.hentry p, .search #main article header p{ font-family: Tahoma,Geneva,sans-serif; } /* blog masonry styles */ .layout-left-content .blog-masonry #main, .layout-right-content .blog-masonry #main { width: 640px; } .layout-right-content .masonryblock.isotope { margin-left: 10px; margin-right: -10px; } .layout-left-content .masonryblock.isotope { margin-left: -10px; margin-right: -10px; } .blog-masonry article.post, .layout-full .blog-masonry article.post, .layout-full .blog-masonry article.hentry { float: left; margin: 0 10px 32px 10px; padding: 0 0 13px; position: relative; clear: none !important; width: 300px; } .layout-full .blog-masonry article.post, .layout-full .blog-masonry article.hentry { width: 450px; margin: 0 13px 32px 13px; } /* .layout-left-content .blog-masonry article.post:nth-child(2n), .layout-right-content .blog-masonry article.post:nth-child(2n){ margin-right: 0; } */ .blog-masonry article.hentry header h2 { font-size: 18px; margin: 10px 0 8px; padding: 4px 15px; border: 0 none; min-height: inherit; } .blog-masonry .post-header { margin-bottom: 0; } .blog-masonry article.hentry header figure { float: none; } .blog-masonry .NTno-img h1, .blog-masonry .NTno-img h2 { left: 0; top: 13px; max-width: inherit; } /* .blog-masonry .scheme-b { font-size: 11px; margin: 13px 0; padding: 2px 15px; } .blog-masonry .NTno-img .list-f { border-top: none; padding-top: 0; } */ .blog-masonry article.post .post-content { margin: 0; width: 100%; } .blog-masonry article.post .post-content .entry { padding: 10px 5px 20px; border-top: 1px solid #DCD9D9; } .blog-masonry article.post .post-meta:before, .blog-masonry article.post .post-meta:after { content: ""; display: table; } .blog-masonry article.post .post-meta:after { clear: both; } .blog-masonry article.post .post-meta ul li { /* width: 50%; */ float: left; margin: 0; padding: 0 29px 6px 8px; } .blog-masonry article.post .post-meta ul.list-f { border-bottom: none; margin-bottom: 8px; } .blog-masonry article.post .post-meta ul.list-f li.b { float: right; padding-right: 8px; } article.hentry, article.post, .search #main article { display: block; *zoom: 1; /*background: url("../images/border-a.png") no-repeat scroll center 100% transparent;*/ margin:0; padding: 0 0 0px; } .blogArticleArea article.hentry{ background: url("../images/border-a.png") no-repeat scroll center 100% transparent; margin: 0 0 29px; padding-bottom:15px; } .blogArticleArea h2{padding-left:10px!important;} .page-template-template-portfolio-two-php article.hentry, article.portfolio { background: none; display:inherit; margin: inherit; padding: inherit; } article.post:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } article.post:before, article.post:after { content: ""; display: table; } article.post .post-header { *zoom: 1; clear: both; } article.post .post-header:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } article.post .post-header:before, article.post .post-header:after { content: ""; display: table; } article.post .post-header:after { clear: both; } article.post .woo-image { display: inline; float: left; width: auto; margin-left: 0; margin-right: 0; *margin-left: 0; *margin-right: 0; } article.hentry .woo-image { display: inline; float: left; margin-left: 0; margin-right: 0; *margin-left: 0; *margin-right: 0; } article.portfolio .woo-image { display: block; float: none; margin:auto; } article.post .post-content { display: inline; } article.post .post-content .woo-image { width: auto; margin: 0; } article.post .entry .alignleft, article.page .entry .alignleft, article.post .entry .alignright, article.page .entry .alignright { padding: 0; border: 0; } .page-template-template-imagegallery-php article.post .entry .alignleft, .page-template-template-imagegallery-php article.page .entry .alignleft, .page-template-template-imagegallery-php article.post .entry .alignright, .page-template-template-imagegallery-php article.page .entry .alignright { border: 1px solid #DCD9D9; padding: 4px; margin-bottom: 20px; } article.post .entry .alignleft, article.page .entry .alignleft { margin-right: 1.618em; } article.post .entry .alignright, article.page .entry .alignright { float: right; margin-left: 1.618em; } article.post .entry .wp-caption, article.page .entry .wp-caption { background: #ffffff; padding: 0; font-style: italic; color: #706A64; border: 0; } article.post .entry .wp-caption img, article.page .entry .wp-caption img { width: 100%; } article.post .entry .wp-caption .wp-caption-text, article.page .entry .wp-caption .wp-caption-text { font-size: .857em; } article.post .entry .wp-caption.alignright .wp-caption-text, article.page .entry .wp-caption.alignright .wp-caption-text { text-align: left; } article.post .entry .wp-caption.alignleft .wp-caption-text, article.page .entry .wp-caption.alignleft .wp-caption-text { text-align: right; } #main #connect { /*moved to style.css*/ } #main #connect .col-left, #main #connect .col-right { width: 48%; margin-bottom: 0; } .comment #respond { padding: 0; } .post .entry, .type-page .entry, #comments li.comment .comment_container .comment-text, .page .entry, .page #contactForm, #respond { padding: 0; } #post-author { display: block; *zoom: 1; margin-bottom: 76px; background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #DCD9D9; color: #4A3B3C; display: block; min-height: 61px; padding: 6px; text-decoration: none; } #post-author:after { content: "\0020"; display: block; height: 0; overflow: hidden; clear: both; } #post-author:before, #post-author:after { content: ""; display: table; } #post-author:after { clear: both; } #post-author .profile-image { display: inline; float: left; margin:8px 0 0 8px; } #post-author .profile-image img { width: 100%; height: auto; margin: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 5px; background:#FFFFFF; } #post-author .profile-content { display: inline; float: left; margin: 9px 9px 9px 24px; width: 434px; /* margin-right: 1.8518518518518516%; *width: 74.02199074074075%; *margin-right: 1.7997685185185184%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ padding: 2.618em; background: #f0f0f0; -webkit-border-radius: 0.382em; border-radius: 0.382em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; */ } /* 5. FOOTER WIDGETS */ #post-author .profile-content h2{ color: #4A3B3C; font-size: 1.1em; margin-bottom: 4px; } #post-author .profile-link { border-top: 1px solid #DCD9D9; padding: 5px 0 0; text-align: right; } #post-author .profile-link > .shade-a { background: url("../images/sprite-a.png") no-repeat scroll -119px -227px transparent; display: inline-block; height: 11px; margin: 0 5px; overflow: hidden; position: relative; text-indent: -3000em; width: 9px; } #content + .breadcrumbs-wrap { margin: 0; padding: 1em 0; background: #f5f5f5; } #content + .breadcrumbs-wrap .woo-breadcrumbs { max-width: 75.998em; margin: 0 auto; } #content + .breadcrumbs-wrap .woo-breadcrumbs .breadcrumb-trail { display: inline; float: left; width: 97.22222222222221%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 97.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; display: block; float: none; -webkit-border-top-left-radius: 0.382em; -webkit-border-top-right-radius: 0.382em; border-top-left-radius: 0.382em; border-top-right-radius: 0.382em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 1em 0; } #footer-wrap { } #footer-wrap.contact { padding-top: 1.618em; padding-bottom: 1.618em; } #footer-wrap.contact ul li { display: inline; float: left; width: 22.22222222222222%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 22.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; clear: none; font-size: 1.387em; } #footer-wrap.contact ul li:before { background: #142023; color: #f8f8f8; -webkit-border-radius: 100%; border-radius: 100%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: .53em; text-align: center; } #footer-wrap.contact ul li:nth-child(2n) { display: inline; float: left; width: 22.22222222222222%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 22.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; } #footer-wrap.contact + #footer-wrap { padding-top: 3.631em; } .jsfooter-hr { /*border-bottom: 1px solid #b49bbc;*/ clear: both; display: block; padding-top: 30px;} #footer-widgets { font-size: 0.923em; } #footer-widgets .block { margin-right: 3.8%; float: left; } #footer-widgets.col-1 .block { width: 100%; float: none; } #footer-widgets.col-1 .footer-widget-1 { margin-right: 0; } #footer-widgets.col-2 .block { display: inline; float: left; width: 47.22222222222222%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 47.170138888888886%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; } #footer-widgets.col-2 .footer-widget-2 { margin-right: 0; } #footer-widgets.col-3 .block { display: inline; float: left; width: 22.22222222222222%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 22.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; } #footer-widgets.col-3 .block:first-child { display: inline; float: left; width: 47.22222222222222%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 47.170138888888886%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; } #footer-widgets.col-3 .footer-widget-3 { margin-right: 0; } #footer-widgets.col-4 .block { display: inline; float: left; width: 22.22222222222222%; margin-left: 1.3888888888888888%; margin-right: 1.3888888888888888%; *width: 22.17013888888889%; *margin-left: 1.3368055555555556%; *margin-right: 1.3368055555555556%; } #footer-widgets.col-4 .footer-widget-4 { margin-right: 0; } #footer-widgets ul li ul li { background: none; } #footer-widgets ul li a{ display: block; position: relative; } #footer-widgets ul li a > .shade-a { background: none repeat scroll 0 0 #B1B4AC; display: block; height: 6px; left: 5px; position: absolute; top: 11px; width: 6px; } #footer-widgets ul li a:hover > .shade-a { left: 15px; } #footer .col-left, #footer .col-right { display: inline; width: auto; } #footer .col-right { text-align: right; } /* 6. IE FIXES */ .ie7 #top-nav { position: relative; z-index: 9999999; } .ie7 #header { position: relative; z-index: 9999999; } } @media only screen and (min-width: 1600px) { }