/* Sexy Font */ @font-face { font-family: Delicious; font-weight: bold; src: url('fonts/Delicious-Bold.otf'); } /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 12px; font-family:Arial, sans-serif !important; font: 12px; line-height:120%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { position: static; clear: both; float: left; display: block; bottom: 0px; } body { line-height: 1; background-color: #fff; background: url(http://www.efcftp.com/users/167/ftp/background.png); background-repeat: no-repeat; text-align: center; margin: 0px; margin-bottom: 100px; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; position: relative; } a img{border: 0} /**** JANs ***********/ /*#Table_03.midColLayer2 {max-height: 10px;}*/ div.headLayer2 { height: 261px; overflow-y: hidden} #Table_01{ margin: -5px 0 0 0; height: auto; /*overflow: auto;*/ height: 1900px; display: table; } #Table_01.midColLayer1, #Table_01.midColLayer2, {background-color: white; height: auto} .linkertable{ border: 0px; padding:0px; } table.standard{ background-color: #fafafa; border: 0px; border-collapse: collapse; border-spacing: 0px; } .groups{ font-size: 11px; } td.standardhead{ background-color: #E8E8E8; border: 1px #000000 solid; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; padding-left: 5px; color: #404040; } td.standardcell{ border-bottom: 1px #6699CC dotted; text-align: left; font-family: Arial, sans-serif; font-weight: normal; font-size: .7em; color: #404040; background-color: #fafafa; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; vertical-align:top; } .newCBTable { font-family: Arial, sans-serif; font-size: 12px; } .normal{ font-size:14px; font-weight: bold; font-family: Gudea, Arial, sans-serif; margin-left:30px; margin-right:26px; line-height: 36px; padding-bottom: 10px; color: #000000 } .normal p, .normal form, .normal td, .normal label { margin-bottom: 10px ; font-size:12px; line-height: 20px; font-family: 'Gudea', Arial, sans-serif; } .normal a{ color: #000000 } p.MsoNormal{ font-size:12px; font-family:Arial, sans-serif; } h1{ font-size:14px; font-family:Arial; font-weight: bold; color: #000000 } h2{ font-size:13px; font-family:Arial; font-weight: bold; color: #000000 } h3{ font-size:13px; font-family:Arial; font-weight:bold; font-style:italic; color: #000000 } h4{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline } h5{ font-size: 135%; color: #202020; font-family: 'Merienda', cursive; padding: 5px 0 0 5px; margin: 0; text-align: left; } li.Level1{ font-size:12px; font-family:Arial; } li.MsoNormal{ font-size:12px; font-family:Arial; } span.Hypertext{ color:blue; text-decoration:underline; } ol{ margin-bottom:0in; } ul{ margin-bottom:0in; } div.MsoNormal{ font-size:12px; font-family:Arial; } .formfieldlabel { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000 } .logoClass{ display: block; margin: 0 0 0 0; position: relative; top: 0px; left: 0px; border: 0; height: 266px; background-color: #33748D; } .logo{ display: block; margin: 0 0 0 0; position: relative; top: 0px; left: 0px; border: 0; height: 266px; background-color: #33748D; } TD.hometextback{ background-color: #ffffff; border-left: 0px solid white; border-right: 0px solid white; margin: -10px 0 0 0; background-color: #ffffff; background-position: top left; background-repeat: repeat; } .topL{ background-position: top right; background-repeat: no-repeat; height: 4px; border: none; } .midL{ background-position: right; background-repeat: repeat-y; border: none; } .bottomL{ background-position: right; background-repeat: no-repeat; height: 4px; border: none; } .topR{ background-position: top left; background-repeat: no-repeat; height: 4px; border: none; } .midR{ background-position: left top; background-repeat: repeat-y; border: none; } .bottomR{ background-position: left; background-repeat: no-repeat; height: 4px; border: none; } TD.head2{ background-color: #33748D; height: 261px; } .head2{ background-position: top; background-repeat: repeat-x; height: 4px; border: none; padding: 5px 0 0 0; text-align: left; } .head3{ background:#33748D; background-position: top left; background-repeat: repeat-x; height: 30px; border: none; text-align: left; } .foot1{ background: url(http://www.efashioncentral.com/ar/assetsimg/31/foot1.gif); background-position: top left; background-repeat: repeat-y; height: 4px; } .footLayer1{ background-image: none; background-position: top left; background-repeat: no-repeat; } .footLayer2{ background-image: none; background-position: top left; background-repeat: no-repeat; } .leftColLayer1{ border: 0; background-image: none; background-position: top left; background-repeat: no-repeat; } .leftColLayer2{ background-image: none; background-position: top left; background-repeat: no-repeat; } .midColLayer1{ background-image: none; background-position: top left; background-repeat: no-repeat; background-color: white; display: block; height:auto; } .midColLayer2{ background-image: none; background-position: top left; background-repeat: no-repeat; background-color: white; height:auto; } .rightColLayer1{ background-image: none; background-position: top left; background-repeat: no-repeat; } .rightColLayer2{ background-image: none; background-position: top left; background-repeat: no-repeat; } .homeImage{ position: relative; left: 0px; top: 0px; padding-top: 60px; padding-bottom: 19px; padding-left: 0px; padding-right: 19px; text-align: right; } .menubox1{ width: 200px; background-color: #ffffff; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; margin-top: 4px; margin-bottom: 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; } .menubox2{ width: 200px; border: none; } .menubox1home{ width: 208px; /*background-color: none;*/ padding-left: 4px; padding-top: 4px; padding-bottom: 4px; margin-left: 10px; margin-top: 4px; margin-bottom: 0px; } .menubox2home{ width: 201px; padding: 54px 4px 4px 4px; } .hometext2{ font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; text-align: left; margin: 65px 0 0 0 !important; } .hometext,.hometext a:link,.hometext a:visited,.hometext a:active{ font-family: Arial,Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; text-decoration: none; /* line-height: ; letter-spacing: ; */ } .hometext a:hover{ color: #3B3B3B; text-decoration: underline; } .hometext{ text-align: left; } div.mainmenu{ margin: 0 !important; padding: 10px 0 0 0; height: 30px; } .mainmenu { text-align: center; background: #33748D; color: #33748D; font-size: 14px; margin: 0; } .mainmenu a:link,.mainmenu a:visited,.mainmenu a:active{ font-family: Verdana, sans-serif; color: white; background-color:#33748D; text-decoration: none; text-transform: capitalize; padding: 5px 5px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin: 0 8px 0 8px; font-weight: 700; } .mainmenu a:hover{ color: white; background-color:#69A0B5; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; } div.submenu{ text-align: center; background: #33748D; color: #33748D; height: 30px; font-size: 12px !important; padding: 10px 0 0 0; border-bottom:#B8B8B8 1px solid; font-weight: 700; } .submenu { text-align: center; background: #33748D; color: #33748D; font-size: 12px !important; margin: 0 0 0 0; } .submenu a:link,.submenu a:visited,.submenu a:active{ font-family: Verdana, sans-serif !important; font-size: 12px !important; color: white; text-decoration: none; text-transform: capitalize; padding: 5px 5px; margin-left: 10px; margin-right: 10px; } .submenu a:hover{ color: white; background: #69A0B5; border-radius:2px; -webkit-border2radi2s:2px; -moz-border-ra2ius:2px } .subname{ font-family: 'Merienda', cursive; font-size: 18px; font-weight: 600; color: #555; text-transform: capitalize; margin: 20px 0 20px 0; position: relative; text-align: center; } .subdesc{ font-family: 'Gudea', Arial, sans-serif; font-size: 14px; color: #3B3B3B; margin: 0 26px 0 0; width: 695px; left: 20px; position: relative; display: block; float: left; overflow: hidden; } .subdesc1{ font-size: 12px; color: #3B3B3B; position: relative; display: block; } #imgHelper { clear: left; display: block; position: relative; } span.subdesc1{ font-family: sans-serif; font-size: 12px; color: #777;} .subcathead, b{ font-family: Arial, sans-serif; font-size: 14px; font-weight: 100; color: #222; text-align: left; } .subcat{ color: #33748D;/*rgba(51, 116, 141, .7);*/ font-family: Arial, sans-serif; font-size: 12px; TEXT-DECORATION: none; text-transform: capitalize; text-align: left; } .subcat a:link,.subcat a:visited,.subcat a:active{ color: #7B7B7B; text-decoration: none; } .subcat a:hover{ color: #444; } .subtitle{ font-family: 'Merienda', cursive; font-size: 18px; color: #444; font-weight: bold; text-transform: capitalize; display: block; line-height: 1.5em; padding-bottom: 6px; } .thumbdesc{ font-family: Arial, sans-serif; font-size: 12px; color: #666; } a img{ border: 1px; } div.linker, { display:block; width:200px; height:40px; clear: both; padding-bottom: 20px; } .linker, .linker a:link, .linker a:visited, .linker a:active, .linker b{ font-family:Arial, sans-serif; font-size:10px; color: #888; text-decoration: none; line-height: 16px; } .linker a:hover{ color: #3B3B3B; text-decoration: underline; } .linkertablediv{ position: relative; text-align: center; margin-right: 0 } .linkertablediv > div { position: relative; text-align: center; margin-left: 60px ; } .linkerinactive{ font-size: 12px; color: #999999; font-weight: bold; } .price{ font-family: inherit; font-size: inherit; font-weight: inherit; color: #00AA00; } .prodTD{ border:0; } /* !Search */ .searchModule{ position: relative; line-height: 24px; text-align:left; width:200px; padding: 10px 0 0 10px; margin-bottom: 10px; margin-left: -10px; background-color: rgb(153, 201, 212); /*rgba(51, 116, 141, .7);*/ top: 5px; border: 1px solid rgba(51, 116, 141, .5); -webkit-box-shadow: 0 3px 5px #777777; -moz-box-shadow: 0 3px 5px #777777;/*rgba(51, 116, 141, .5);*/ box-shadow: 0 3px 5px #777777; -webkit-border-radius: 10px 2px; -moz-border-radius: 10px 2px; border-radius: 10px 2px; } .searchModuleSub { top:0; line-height: 14px } input.searchBox{ font-size: 10px; padding: 3px; width: 140px !important; /*color: #a3a3a3;*/ color:#33748D; line-height: 16px; border-color:rgba(51, 116, 141, .4); border-width: 3px; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-style:solid; position: relative; left: -5px; } input.searchButton{ border-width: 3px; background:rgba(51, 116, 141, .9);/*#33748D;*/ color:white; border-color:rgba(51, 116, 141, .4); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-style:solid; text-align: center; margin-top: 5px !important; } #searchTitle{ text-align: left; line-height: 5px; visibility: hidden; display: none; } #searchTitleSub { color:#33748D; font-family: Arial, sans-serif; font-size: 12px; position: relative; margin: 15px 0 15px 0; } #slider-range { color: white; } .ui-slider-handle { color: #33748D; background-color: #33748D; } input [name="onlythis"]{ -moz-appearance: none; position:relative; background-color:rgba(51, 116, 141, .7); } /* input:hover [type="checkbox"]{ background: rgba(51, 116, 141, .7); color: #33748D; } input:active [type="checkbox"]{ background: rgba(51, 116, 141, .7) !important; color: black; } input:focus [type="checkbox"]{ background: pink; color: black; } ------------------------------Social Links Plugin---------------------------*/ #priceContainer { max-height: 70px; margin-top: 10px; margin-bottom: 10px } .socialLinks { height: 50px; margin: 10px 0 0 0 } .socialLinks a.socialIcon, .socialLinks a.socialIcon:link, .socialLinks a.socialIcon:visited { display: inline-block; width: 50px; height: 50px; margin: 0 0 0 5px; } .socialLinks a.socialIcon.twitter { background: url('icon-twitter.png') no-repeat; } .socialLinks a.socialIcon.email { background: url('icon-email.png') no-repeat; } .socialLinks a.socialIcon.print { background: url('icon-print.png') no-repeat; } .socialLinks a.socialIcon.quest { background: url('questions.png') no-repeat; } .socialLinks a.socialIcon.dressrequest{ background: url('http://www.efcftp.com/users/167/ftp/images/icons/newcheckstock.jpg') no-repeat; } .socialLinks a.socialIcon.dressrequest, .socialLinks a.socialIcon.dressrequest:link, .socialLinks a.socialIcon.dressrequest:visited { width: 100px; height: 50px; } /*------------------------------Fixing the sale point-----------------------------------------*/ .optionsContainer { top: 40px } .productOptions{ margin: -10px 0 10px 0; } .prodOption-1{ width: 45px; float: left; display: block; } .prodOption-2{ width: 45px; float: left; display: inline-block; margin: 0 0 0 95px; } .prodOption-0{ float: left; display: block; clear: both; top: 50px; } .prodOption-3{ display: block; clear: both; padding: 10px 0 15px 0; height: 18px; width: 350px; } select.optsMenu.prodOptionSelect-3{ max-width: 200px; width: 200px; display: inline-block; } .prodOption-4{ height: 32px; top:-5px; } .prodOption-5{ height: 32px; } .prodOption-6{ height: 32px; } .prodOption-7{ height: 32px; } .prodOption-8{ height: 32px; } input[value="Add to Cart"] { float: left; display: block; margin: 0 20px 0 0; color: #3B3B3B; font-size: 12px; font-weight: bold; cursor: pointer; height: 50px; padding: 0 50px 0 0; border: 0; background: transparent; background: url('cart.png') no-repeat right top; } input[value="Add to Wish List"] { color: #3B3B3B; font-size: 12px; font-weight: bold; cursor: pointer; height: 50px; padding: 0 45px 0 0; border: 0; background: transparent; background: url('star.png') no-repeat right top; } .forwardLink img, .backLink img, .thumbLink img {vertical-align: middle;} .forwardLink{ display: block; float: left; } a.backLink, a.backLink:link, a.backLink:visited { display: block; margin: 0 0 0 0; padding: 0 0 0 0; text-decoration: none; float: right; } a.forwardLink, a.forwardLink:link, a.forwardLink:visited { margin: 0 0 0 0; padding: 0 0 10px; text-decoration: none; float: right; } a.thumbLink, a.thumbLink:link, a.thumbLink:visited { margin: 0 15px 0 15px; padding: 0 0 10px; text-decoration: none; float: right; display: block; } .footerText{ bottom: :0; color: #130f30; font-size: 12px; font-weight: 100; font-family: Gudea; line-height: 150%; height: 200px; width: 80%; clear: both; float: none; position: relative; display: block; text-align: center; /* CSS3 Box functionality to keep elements in a box centered properly. */ display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-align: center; -moz-box-align: center; box-align: center; } .footerText a, .footerText a:link, .footerText a:hover, .footerText a:visited { color:#3B3B3B; text-decoration: underline; } .footerCards { text-align: center; width: 626px; display: inline-block; position: relative; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; } /*-----------------Custom Homepage Styles------------------------------------------*/ .container{ margin: 0px auto 0px auto; text-align: center; width: 995px; display: block; position: relative !important; } .rotator{ height: 375px; width: 995px; display: block; } .homeleft1{ float: left; width: 496px; height: 240px; background: white; text-align: justify; border: white 1px solid; display: block; color: #202020; } .homeleft1 p{ margin: 0 10px 0 0; padding: 5px; font-family: helvetica, sans-serif; font-size: 14px; line-height: 16px; font-weight: 200; } .homeleft1 p img{ float: left; padding: 0 10px 5px 5px; } .homeleft1 > h5, .homeright1 > h5 {font-family: 'Merienda', cursive; font-weight: 400; margin: 10px} .homeright1{ width: 495px; height: 240px; text-align: justify; background: white; border: white 1px solid; display: block; float: left; color: #202020; } .homeright1 p img{ float: left; padding: 0 10px 5px 5px; } .homeright1 p{ margin: 0 10px 0 0; padding: 5px; font-family: helvetica, sans-serif; font-size: 14px; line-height: 16px; font-weight: 100; } .feauteredmanu{ clear: both; height: 940px; margin: 0 1px 0 0; border-top: #B8B8B8 1px solid; border-left: white 1px solid; border-right: white 1px solid; border-bottom: #B8B8B8 1px solid; background-color: white; display: block; width: 993px; text-align: center; } .feauteredmanu > h5{ margin: 10px; font-family: 'Merienda', cursive; font-weight: 400; margin-bottom: 20px; display: block; width: 100%; text-align: center} .manuimg{ margin-left: 10px; float: left; height: 267px; max-height: 267px; width: 130px; max-width: 130px; overflow: hidden; display: inline-block; padding-bottom: 30px; } .manuimg img { height:250px } .manucaption{ font-family: 'Gudea', Arial, sans-serif; font-weight: bold; color: #202020; text-align: center; font-size: 10px; line-height: 14px; } .manucaption a, .manucaption a:visited , .manucaption a:link { color:#33748D } .readmore{ display: block; float: right; margin: 25px 0 0 0; } .readmore a{ color: white; background: #33748D; padding: 10px; text-decoration: none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .readmore a:hover {background: #69A0B5} .minihead{float: left; display: block;} /*-------------------------------social shiz-----------------------------------*/ .homesocial{ padding: 10px 0 0; border: white 1px solid; background-color: white; display: block; height: 370px; margin: 20px 1px 0 0; width: 993px; } .fb, .facebook, ._4s7c{ width: 33%; float: left; display: block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-color:#CCC; } .twitter_home{ width:33%; height:325px; float:left; display:block; padding: 0 6px; } /*------home search module-----*/ .homesearch{ display: block; z-index: 9999; margin: -80px 0 0 0; text-align: right; } .homemenu { text-align: center; background: #33748D; color: #33748D; height: 30px; font-size: 14px !important; padding: 10px 0 0 0; } /*-----------------jquery cycle styles----------------------------*/ div#nav{ margin: -40px 20px 0 0; float: right; z-index: 99999; position: relative; display: block; } #nav a { font-family: Arial, sans-serif; border: 1px solid #fff; background: #d2d2d2; text-decoration: none; margin: 0 3px; padding: 5px 5px; color: white; } #nav a.activeSlide { background: #909090; } #nav a:focus { outline: none; } /*---ugly header images---*/ .headerimages a{ padding: 0 3px 0 0; } .relatedItems Table{ border: 2px solid white !important; display: block; } .relatedItems Table td{ padding: 0 25px; border: 2px solid white !important; } .relatedItems Table tr{ border: 2px solid white !important; } .rotlink{float: left} .rottext{float: left} .saleRack{ background:yellow !important; color:black !important; margin: 5px } a.saleRack:hover{ background: #ffa500 !important; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; } .rot_txt{ margin-top:-300px; display:block; float:right; background:white; width:359px; font-size:20px; font-family:arial, helveitca, sans-serif; padding-right:10px; } .rot_back{background-color: white} /*-Addional Image Fix-*/ .altImages{ overflow:hidden; white-space:nowrap; padding: 20px 0 0 !important; left: 5px; right:auto; width:100%; position: relative; display: inline-block; text-align: center; float: left; } .shoppingIcon{ padding: 0 2px; } /*-Rotator Nav Fix-*/ #prev{float: right} /*-zoom box Fix-*/ .zoompad{max-width:343px} .zoomThumbActive{ border-width:10px;; border-color:#33748D; } .subcathead2 { padding-top:0; font-family: Arial, sans-serif; font-size:14px; font-weight: 100; line-height: 1.5em } .groups{ padding-top:3px; font-family:Arial, sans-serif; font-size:14px; line-height:14px; font-weight: 500; } .shrink { width: 300px; display:block } .sizechart {top: 20px; font-family: Arial, serif; } .prodTable { position: relative; margin-left: 20px; } #prodContainer { position: relative; float: right; top:50; bottom:auto; width: 350px; max-width: 350px; display: inline-block; height: auto; vertical-align:top; } #prodContainer .subdesc1, .subtitle {top: 0; line-height: 14px} #mainImgContainer { position:relative; display:block; float:left; top:0; left:0; } #topContainer {float:left;position:relative;display:block; height:auto; top:30px; } /* !bookmark */ .subLeftPane { top: 5px; position: relative; max-width: 200px; display: block; padding-left:20px; } .gfg-root, .blog { font-family: Arial, sans-serif; width: 32%; height: 100%; position: relative; display: block; float: left; border-radius:5px; border-color: grey; -webkit-border-radius:5px; -moz-border-radius:5px; } .gfg-title { font-size: 12px; background-color: gray } .gfg-greylines { border-color: gray } #catGroup1, #catGroup0 { font-size: 12px; font-family: Gudea, Arial, sans-serif; font-weight: 100; max-width: 200px; } #centralContent { position: relative } .relatedItems { position:relative; } #sizeContainer { color:#566; top: 30px; width: 310px; position: relative } #whatsProcessing { color:#666; position: relative; display: inline-block; margin: 0 0 0 15px; } /* ClearFix: Resolves container issues so that footer can sit properly on bottom of page. */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } table[name='cbTable'] {border-color: white} .caspioform { font-family: Gudea, Arial, sans-serif; font-size: 19px; } #product { display: block; position: relative; height: auto; } #outer {position: relative; clear: both; height:auto;} #infoList { z-index: 400; position: relative; display: block; float: left; width: 100%; height: 200px; left:-120px; text-align: center; } #bitsOfInfo { display: block; font-weight: 100; color: rgba(51, 116, 141, .5); height: 110px; width: 100%; text-align: center; vertical-align: middle; position: relative; top: 50px; } #bitsOfInfo li { font-family: 'Merienda', cursive; font-size: 18px; display: block; } .prodIcon { color:#555; } .shortdesc, .longdesc { color: #777; line-height: 1.6em; margin-bottom:10px;} .money { font-weight:700} /* subLeftPane redivision divs*/ .pink { color:pink} /**** Menubar Popup. */ .anylinkcss { line-height: 18px; background-color: #33748D; color: white; border-color: rgba(51, 116, 141, .9); border-top-style: hidden; border-radius: 5px; padding: 5px; max-width: 150px; } .anylinkcss a:hover { background-color: rgb(153, 201, 212); color: white !important; border-radius:2px; } .anylinkcss a:link, .anylinkcss a:visited { font-family: Verdana, sans-serif; font-size: 12px; font-weight: 700; color: rgb(153, 201, 212); line-height: 1.6em; } #slider-range a.ui-slider-handle.ui-state-default-ui-corner-all {background-color: red; color: blue}