/* * jQuery FlexSlider v1.8 * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* Browser Resets */ .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 100%; margin: 0; padding: 0;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} /* Direction Nav */ .flex-direction-nav li a {width: 48px; height: 48px; margin: -13px 0 0; display: block; background: url(http://www.efcftp.com/users/435/ftp/img/galleryControls.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li .next {background-position: -48px 0; right: -5%;} .flex-direction-nav li .prev {left: -5%;} .flex-direction-nav li a.prev:hover{background-position:0 -48px;} .flex-direction-nav li a.next:hover{background-position:-48px -48px;} .flex-direction-nav li a.prev:active{left:-5.2%;} .flex-direction-nav li a.next:active{right:-5.2%;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} @media all{ body{ font:14px Arial, Helvetica, sans-serif; margin:0; width:100%; color:#444444; } #wrapper { background:url(http://www.efcftp.com/users/435/ftp/img/ffbg4.jpg) repeat-y top center #000000; } a{ color:#ab0ca9; text-decoration:none; } a:hover { text-decoration:none;color:#ab0ca9; } section, header,footer,nav { display:block;} img{ border:0; vertical-align:top; /*max-width:100%;*/ } form, fieldset{ border:0; padding:0; margin:0; } h1{ font:3.285em/1.067em 'PT Sans', Arial, Helvetica, sans-serif; /*60px/64px*/ margin:0 0 0.167em; text-align:left; color:#000; text-shadow:0px 1px 1px rgba(255,255,255,0.5); } h2 { font:1.514em/1.125em Arial, Helvetica, sans-serif; /*24px/27px*/ color:#4f0385; text-align:left; margin:0 0 0.417em; text-shadow:0px 1px 1px rgba(255,255,255,0.5); } h3 { font:1.285em/1.167em 'Nunito', Arial, Helvetica, sans-serif; /*18px/21px*/ margin:0 0 0.55em; text-align:left; } .subHeading{ display:block; font:2.357em/1.151em 'PT Sans', Arial, Helvetica, sans-serif; /*33px/38px*/ margin:0 0 1em; text-align:center; color:#7a7a7a; text-shadow:0px 1px 1px rgba(255,255,255,0.5); } ul { padding:0; margin:0; list-style:none; } section ul, article ul{ margin:0 0 0.5em; } section li, article li{ padding:0 0 0.5em 1.5em; } .grey li, .grey article li{} p {margin:0 0 1em;} blockquote { margin:0 0 1em; font-size:1.143em; line-height:1.25em; font-style:italic; color:#444; } q { quotes:none; display:block; padding:1.5em 1em 0 40px; } q:before { content:"";} q:after { content:"";} cite { display:block; text-align:right; } dl{ margin:0 0 10px;} dt {font-weight:bold;} dd { margin:0 0 10px 20px;} form, fieldset { padding:0; margin:0; border:0; } .center { max-width:960px; width:100%; margin:0 auto; } .hidden{display:none;} .box-main:after, .center:after { content:""; clear:both; display:block; } .right { float:right;} .left { float:left;} .alignLeft{ float:left; margin-right:1em; } .alignRight{ float:right; margin-left:1em; } .fullWidth{width:100%;} .fullWidth img{width:100%;} .row{ width:100%; background:#eaeaea; } .row:after{ content:""; display:block; clear:both; } .grey{ background:#fff; color:#000; } .grey h1{ color:#000; text-shadow:0 1px 2px rgba(0,0,0,0.5); } .grey h2{ text-shadow:0 1px 2px rgba(0,0,0,0.5); } .grey .subHeading{ color:#d9e7fb; text-shadow:0 1px 1px rgba(0,0,0,0.5); } .grey a{color:#fff;} .btn{ font:10px Arial, Helvetica, sans-serif; border:none; background:#a3a1a0 ; text-decoration:none; cursor:pointer; overflow:visible; text-transform:uppercase; padding:0 0.5em; margin:0; height:18px; } * +html .btn{margin:0;} .btn span{ color:#fff; } .btnSmall{ padding:0.278em; text-decoration:none; font-size:1.214em; line-height:2.35em; background:#798493; font-weight:bold; border:1px solid #505a68; -webkit-border-radius: 1.47em; -moz-border-radius: 1.47em; border-radius: 1.47em; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.36); -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36); box-shadow: 0 1px 1px rgba(255,255,255,0.36); } .btnSmall span{ color:#fff; text-decoration:none; padding:0 1.47em; display:block; text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5); border:1px solid #566270; background:#606a78; background-image: linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%); background-image: -o-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%); background-image: -moz-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%); background-image: -webkit-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%); background-image: -ms-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(98,119,149)), color-stop(1, rgb(160,188,226)) ); -moz-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,255.75), inset 0 0 0 #fff; -webkit-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75), inset 0 0 0 #fff; box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75), inset 0 0 0 #fff; -webkit-border-radius: 1.25em; -moz-border-radius: 1.25em; border-radius: 1.25em; } .btn:hover { } .btnSmall:hover { background:none; } .btnSmall:hover span{ background-image: linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%); background-image: -o-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%); background-image: -moz-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%); background-image: -webkit-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%); background-image: -ms-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(109,131,164)), color-stop(1, rgb(169,199,241)) ); } .btn:active{ top:1px; } .btn:hover span, .btn:active span{ color:#4f0385; } .btnGreen span{ border:1px solid #5e9048; background:#75cf44; background-image: linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%); background-image: -o-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%); background-image: -moz-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%); background-image: -webkit-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%); background-image: -ms-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(80,153,46)), color-stop(1, rgb(117,207,68)) ); } .btnBlue span{ background:#52b3d3; border:1px solid #67a2b4; color:#fff; background-image: linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%); background-image: -o-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%); background-image: -moz-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%); background-image: -webkit-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%); background-image: -ms-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(66,153,179)), color-stop(1, rgb(82,179,211)) ); } .formRow{ width:100%; margin:0 0 1.5em; } .formRow:after{ content:""; display:block; clear:both; } .clear { clear:both; } #header .textField input {width:160px;height:18px;} .textField{ background:#fff; margin:0; -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.36); -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.36); box-shadow: 0 1px 1px rgba(255,255,255,0.36); } input, textarea{ background:#fff; font:10px Arial, Helvetica, sans-serif; /*14px/17px*/ color:#444; padding:0 0.5em; border:none; margin:0; resize:none; } textarea { overflow:auto; height:10.812em; } * +html input, * +html textarea, padding:0; } ::-webkit-input-placeholder { color: #444; } :-moz-placeholder { color: #444; } .columns{width:100% } .columns:after{ content:""; display:block; clear:both; } .columns > div, .columns > article{ float:left; vertical-align:top; } .columns h2{text-align:left;} .half{ width:47.0%; margin:1.3%; } .oneThird{ width:32%; margin:1%; } .twoThirds{ width:65%; margin:1%; } .columns > div:first-child, .columns > article:first-child{margin-left:0;} .oneThird +.oneThird +.oneThird, .threeForth + .oneForth, .oneForth + .half, .half + .half, .half + .oneForth + .oneForth, .last{ float:right; margin-right:0; } .oneForth{width:25%;} .threeForth{width:74.5%;} .buttons{ width:100%; overflow:hidden; text-align:center; margin:2.5em 0 0 } .buttons > span{ background:url(http://www.efcftp.com/users/435/ftp/img/sep-vert.gif) no-repeat 50% 50%; display:inline-block; font-size:1.714em; line-height:1.125em; padding:1em 0.75em; margin:0 -1px 0 -2px; background:#; } * +html .buttons > span{margin:0 20px;} .buttons > span em{ font-style:normal; display:block; background:#eaeaea; } .imgHolder{ display:inline-block; padding:1px; background:#fff; border:3px solid #cecece; margin-bottom:1em; max-width:100%; overflow:hidden; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } * +html .imgHolder{ max-width:93.5%; border-width:3%; padding:0; } .imgHolder img{ display:block; max-width:100%; } .grey .imgHolder{ border-color:#646e7d; } /*main styles*/ #pagewidth { width:100%; max-width:1000px; margin:0 auto; background:#EAEAEA; } #header{ height:80px; width:100%; max-width:1000px; margin:0 auto; overflow:hidden; padding:20px 0; background:#000000; font-family:"Eras Medium ITC", Helvetica, sans-serif; font-style:normal; line-height: 18px; -moz-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.75), 0 -6px 6px -6px rgba(0,0,0,0.75); -webkit-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.75), 0 -6px 6px -6px rgba(0,0,0,0.75); box-shadow: 0 6px 6px -6px rgba(0,0,0,0.75), 0 -6px 6px -6px rgba(0,0,0,0.75); } #content{padding:20px 0;} #mainNav{border-top:solid 1px #bab7b6;} #mainNav li{ display:inline-block; margin:0 20px 0 0; } #mainNav a{ color:#bab7b6; position:relative; display:inline-block; padding:0 0.278em; text-decoration:none; font-size:1.05em; line-height:2.35em; text-transform:uppercase; -moz-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75); -webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75); box-shadow: inset 0 0px 3px rgba(0,0,0,0.75); -webkit-border-radius: 1.47em; -moz-border-radius: 1.47em; border-radius: 1.47em; } #mainNav a span{ color:#bab7b6; text-decoration:none; padding:0; display:block; } #mainNav a:active{ top:1px; } #mainNav a:hover span , #mainNav li.active span { color:#ab0ca9; } div#group0 a { font-weight:bold; text-transform:uppercase; } .gallery{ background:url(http://www.efcftp.com/users/435/ftp/img/sep-hor.gif) no-repeat 50% 0; padding:2px 0; position:relative; margin:0 auto; width:81.25%; position:relative; } .gallery:after{ content:""; position:absolute; bottom:0; left:0; background:url(http://www.efcftp.com/users/435/ftp/img/sep-hor.gif) no-repeat 50% 0; width:100%; height:2px; } .news > div{ border:1px solid #505a68; position:relative; padding:0 0 50px; margin:0 0 30px; height:1%; } .news > div:after{ content:""; display:block; clear:both; } .news h3{ font-size:1.714em; line-height:2.583em; text-align:center; margin:0 0 0.83em; border-top:1px solid #909eb2; border-bottom:1px solid #545b65; background:#5d6a7c; background-image: linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%); background-image: -o-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%); background-image: -moz-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%); background-image: -webkit-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%); background-image: -ms-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(93,106,124)), color-stop(1, rgb(126,137,153)) ); } .news h3 a{ display:block; text-decoration:none; text-shadow:0 1px 2px rgba(0,0,0,0.5); } .news .content{ width:83%; overflow:hidden; margin:0 auto; } .news .readMore{ position:absolute; top:100%; margin:-2.143em 0 0; width:100%; text-align:center; } .slides{ list-style:none; overflow:hidden; padding:0; width:100%; } .slides li{ padding:0; position:relative; background:url(http://www.efcftp.com/users/435/ftp/img/sep-vert.gif) no-repeat 50% 50%; } * +html .slides li{ display:inline; zoom:1; margin:0; } .slides blockquote{ float:right; width:48%; margin:2.5em 0 0; } .slides blockquote:first-child{float:left;} #map{ border:1px solid #535d6b; padding:0.428em; background:#798493; margin:0 0 1em; } #map .imgHolder{ height:1%; overflow:hidden; background:#fff; padding:1px; border:0; margin:0; display:block; } #map .imgHolder img{ width:100%; } .form{} #testimonials{ margin-top:-2.857em; } #testimonials .row{ padding:0; background:url(http://www.efcftp.com/users/435/ftp/img/sep-hor.gif) no-repeat 50% 1.5em; } #testimonials .row:first-child{ background:none; } #testimonials{background:none;} #testimonials:after{display:none;} #footer{ color:#BAB7B6; height:12px; width:100%; max-width:1000px; margin:0 auto; overflow:hidden; padding:14px 0; background:#000000; font-family:"Eras Medium ITC", Helvetica, sans-serif; font-size:12px; font-style:normal; -moz-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.75), 0 -6px 6px -6px rgba(0,0,0,0.75); -webkit-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.75), 0 -6px 6px -6px rgba(0,0,0,0.75); box-shadow: 0 6px 6px -6px rgba(0,0,0,0.75), 0 -6px 6px -6px rgba(0,0,0,0.75); } #footer a{ color:#BAB7B6; text-transform:uppercase; text-decoration:none; } #footer a:active{ top:1px; } #footer a:hover span , #footer li.active span { color:#4f0385; } #footer .copy{float:right;color:#BAB7B6;} .flex-control-nav li {padding:0px;} div.searchBox{margin-top:30px;} img.icon{margin-right:5px;} /* styles for efashioncentral pages */ #container { background: url("http://www.efcftp.com/users/435/ftp/img/ffbg4.jpg") repeat-y scroll center top #000000; } #container #wrapper { width:100%; max-width:1000px; margin:0 auto; background:#EAEAEA; } #container #logo { display:none; } #container .mainmenu { display:none; } #container #designers { width:24%;padding:0 1%;margin:-left:0;float:left; } #container .searchModule { display:none; } #container #content { float:right;width:72%;margin-left:2%; } #container #footer { clear:both; } .description { color:#4f0385;font-size:14px;display:none; } span.subcathead2 font { color:#4f0385; } div.subcathead { font-size:1.2em;font-weight:bold;color:#4f0385;display:none; } .subCatsDiv { margin-top:20px; } #catGroup1 { margin-top:20px; } a.isCurrentCat { color:#ab0ca9;text-decoration:underline; } img.tImage { width:90%; } .limiter1 { width:auto; } .limiter2 { height: auto; } .slides li { display:none; } } @media all and (max-width: 1024px){ } @media all and (max-width: 960px){ .center{ padding:0 10px; width:auto; } .buttons{font-size:11px;} #mainNav li {margin:0 10px 0 7px;} span.copy{display:none;} } @media all and (max-width: 780px){ body{font-size:13px;} .buttons{font-size:9px;} h1{font-size:3.5em;} .subHeading{font-size:2em;} .news h3{font-size:1.3em;} div.searchBox{display:none;} #mainNav li{margin:0 5px;} } @media all and (max-width: 504px){ body{font-size:0.6em;} .columns > div, .columns > article{ float:none; margin:0; width:100%; } .buttons{font-size:7px;} #mainNav li {margin:0;font-size:9px;} #testimonials li, #testimonials .row{ background:none; } #testimonials blockquote{ float:none; width:100%; position:relative; } #testimonials blockquote:after{ background:url(http://www.efcftp.com/users/435/ftp/img/sep-hor.gif) no-repeat 50% 0; content:""; position:absolute; left:0; top:-18px; width:100%; height:2px; } #testimonials .row:first-child blockquote:first-child:after{display:none;} .flex-direction-nav{display:none;} h1{font-size:3em;} .subHeading{font-size:1.75em;} } @media all and (max-width: 320px){ .buttons > span{display:none;} .buttons .btn{margin-top:0.5em;} .buttons{margin-top:2em;} h1{font-size:2.5em;} .subHeading{font-size:1.5em;} .news h3{font-size:1.25em;} } @media all and (min-device-width: 768px) and (max-device-width: 1024px){ #header{ padding:2px 0 0; height:0; overflow:hidden; position:static; } #content{padding:0;} }