body,p,h1,h2,h3,h4,h5,h6,ul,ol {padding:0;margin:0;} a img {border:none;} a {color:#06c;} a:focus, a:active {outline:none;} .floatLeft {float:left;} .floatRight {float:right;} .clear {clear:both;} /*#bg {position:relative;z-index:-5;top:0;left:0;} #bg img {position:absolute;top:0;left:0;width:100%;} #bg img.active {z-index:-3;} #bg img.last-active {z-index:-2;}*/ .bgleft {position:absolute;left:0;top:107px;width:50%;height:20px;background:url(../images/bg_top_rpt.png) repeat-x;} #container,.footer,.copyright p,.mainContent {width:940px;margin:0 auto;} #container {position:relative;} #header {padding-top:15px;width:930px;margin:0 auto;} .logo {width:210px;float:left;} /*------------------------------------------------*/ /*------------------->> NAV <<--------------------*/ /*------------------------------------------------*/ #about #nav_about .nav_top {display:none;} #products #nav_products .nav_top {display:none;} #catalog #nav_catalog .nav_top {display:none;} #careers #nav_careers .nav_top {display:none;} #services #nav_services .nav_top {display:none;} #contact #nav_contact .nav_top {display:none;} /* MAIN NAV */ #nav {padding-top:30px;float:right;position:relative;width:670px;height:26px;overflow:hidden;} #nav_about, #nav_products, #nav_catalog, #nav_careers, #nav_services, #nav_contact { float:left; width:109px; height:26px; position:relative; } .nav_top, .nav_bottom {height:26px;} #nav div a {display:block;width:109px;height:26px;overflow:hidden;text-decoration:none;} #nav div a span {visibility:hidden;} #nav_about a {background:url(../images/nav_about.png) no-repeat left top;} #nav_about a:hover,#about #nav_about a {background:url(../images/nav_about.png) no-repeat left bottom;} #nav_products a {background:url(../images/nav_products.png) no-repeat left top;} #nav_products a:hover,#products #nav_products a {background:url(../images/nav_products.png) no-repeat left bottom;} #nav_catalog a {background:url(../images/nav_catalog.png) no-repeat left top;} #nav_catalog a:hover,#catalog #nav_catalog a {background:url(../images/nav_catalog.png) no-repeat left bottom;} #nav_careers a {background:url(../images/nav_careers.png) no-repeat left top;} #nav_careers a:hover,#careers #nav_careers a {background:url(../images/nav_careers.png) no-repeat left bottom;} #nav_services a {background:url(../images/nav_services.png) no-repeat left top;} #nav_services a:hover,#services #nav_services a {background:url(../images/nav_services.png) no-repeat left bottom;} #nav_contact a {background:url(../images/nav_contact.png) no-repeat left top;} #nav_contact a:hover,#contact #nav_contact a {background:url(../images/nav_contact.png) no-repeat left bottom;} ul.subnav {float:left;width:97px;list-style:none;} ul.subnav li {width:97px;height:25px;margin-bottom:3px;} ul.subnav a {display:block;width:97px;height:25px;text-decoration:none;overflow:hidden;} ul.subnav span {visibility:hidden;} ul.subnav .products_baby a {background:url(../images/subnav_products_baby.png) no-repeat left top;} ul.subnav .products_baby a:hover, ul.subnav .products_baby a.selected {background:url(../images/subnav_products_baby.png) no-repeat left bottom;} ul.subnav .products_kids a {background:url(../images/subnav_products_kids.png) no-repeat left top;} ul.subnav .products_kids a:hover, ul.subnav .products_kids a.selected {background:url(../images/subnav_products_kids.png) no-repeat left bottom;} ul.subnav .products_women a {background:url(../images/subnav_products_women.png) no-repeat left top;} ul.subnav .products_women a:hover, ul.subnav .products_women a.selected {background:url(../images/subnav_products_women.png) no-repeat left bottom;} ul.subnav .products_men a {background:url(../images/subnav_products_men.png) no-repeat left top;} ul.subnav .products_men a:hover, ul.subnav .products_men a.selected {background:url(../images/subnav_products_men.png) no-repeat left bottom;} ul.subnav .catalog_2010 a {background:url(../images/subnav_catalog_2010.png) no-repeat left top;} ul.subnav .catalog_2010 a:hover, ul.subnav .catalog_2010 a.selected {background:url(../images/subnav_catalog_2010.png) no-repeat left bottom;} ul.subnav .catalog_2009 a {background:url(../images/subnav_catalog_2009.png) no-repeat left top;} ul.subnav .catalog_2009 a:hover, ul.subnav .catalog_2009 a.selected {background:url(../images/subnav_catalog_2009.png) no-repeat left bottom;} ul.subnav .catalog_2008 a {background:url(../images/subnav_catalog_2008.png) no-repeat left top;} ul.subnav .catalog_2008 a:hover, ul.subnav .catalog_2008 a.selected {background:url(../images/subnav_catalog_2008.png) no-repeat left bottom;} ul.subnav .services_domestic a {background:url(../images/subnav_services_domestic.png) no-repeat left top;} ul.subnav .services_domestic a:hover, ul.subnav .services_domestic a.selected {background:url(../images/subnav_services_domestic.png) no-repeat left bottom;} ul.subnav .services_overseas a {background:url(../images/subnav_services_overseas.png) no-repeat left top;} ul.subnav .services_overseas a:hover, ul.subnav .services_overseas a.selected {background:url(../images/subnav_services_overseas.png) no-repeat left bottom;} #tabmenu {border-bottom:solid 1px #ddd;margin:0 10px 0 15px;border-left:solid 1px #ddd;} .tab { font-family:"Century Gothic", Calibri, "Arial Unicode MS", Arial; float:left; background:#eee; color:#000; font-size:12px; text-transform:uppercase; padding:0 15px; line-height:34px; text-decoration:none; border:solid 1px #ddd; border-left:none; margin-top:-1px; position:relative; top:1px; } .tab.active, .tab:hover { background:#fff; border:solid 1px #ddd; border-bottom:solid 1px #fff; border-left:none; } .tab:hover {background:#f7f7f7;border-bottom:solid 1px #ddd;} .tab.active { background:#fff; font-weight:bold; color:#690; font-size:1.2em; border-bottom:solid 1px #fff; } /*------------------------------------------------*/ /*--------------->> MAIN CONTENT <<---------------*/ /*------------------------------------------------*/ .mainContent {padding-top:20px;font-family:Arial, Helvetica, sans-serif;font-size:.8em;} .mainTop {background:url(../images/bg_top_right_rpt.png) repeat-x;text-align:right;} .mainBodyWrapper {background:url(../images/bg_body_rpt.png) repeat-y top right;} .mainBody {width:653px;padding-left:265px;} /*----------------->> INNER BODY <<---------------*/ .innerMainBodyWrapper {background:url(../images/bg_inner_left_rpt.png) repeat-y;margin-left:-10px;padding-bottom:30px;} .innerMainBody {margin:5px 0 0 25px;width:580px;} /*------------->> INNER BODY - WIDE <<------------*/ .innerMainBodyWrapper_Wide {background:url(../images/bg_wideinner_left_rpt.png) repeat-y;} .innerMainBody_Wide {float:left;width:820px;} .innerMainBody_Wide p {margin:5px 0 10px 20px;width:580px;} .innerMainBody_Wide ul {margin:15px 0 10px 30px;} /*------------------------------------------------*/ /*------------------>> INDEX <<-------------------*/ /*------------------------------------------------*/ .indexMainContainer {width:920px;height:auto;} .homeTextWrapper { margin-top:30px; width:100%;height:100%;float:right; /*background:url(../images/wht_clear.png);*/ font-family:"Myriad Pro", Calibri, "Trebuchet MS", "Arial Unicode MS";color:#333;line-height:30px;font-size:1.7em; } .homeText {width:400px;float:right;margin:30px;margin-right:5px;text-align:right;} .homeText p {margin:10px 0;} .strong {font-weight:600;color:#000;} /*------------------------------------------------*/ /*------------------>> ABOUT <<-------------------*/ /*------------------------------------------------*/ #about .mainBody {background:url(../images/bg_about.png) no-repeat left bottom;} #about .mainBody p {width:620px;} .aboutDetail {padding:20px 0;} .aboutInfo {margin:0 auto;} .imgLeft {float:left;width:240px;background:#069;} .subhead {padding:20px 0 10px;} /*------------------------------------------------*/ /*----------------->> PRODUCTS <<-----------------*/ /*------------------------------------------------*/ #products .innerMainBodyWrapper_Wide {position:relative;} #products .innerMainBody_Wide {width:834px;} .productDetailWrapper {padding:5px 0 20px 20px;} .productDetail {border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;width:776px;padding-top:8px;margin-bottom:10px;} .productColor .box {border:solid 1px #ddd;float:left;margin-right:3px;} .productSize {font-size:.9em;padding:5px 0;} .productInfo {float:left;margin:5px 5px 0 0;} .productInfo .img {width:188px;border:solid 1px #ddd;} .productInfo .detail {font-size:.9em;width:172px;border:solid 1px #ddd;border-top:none;background:#f3f3f3;padding:8px;} .productCategory {border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;background:#fafafa;line-height:30px;margin:0 22px 8px 18px;} .productCategory h3 {float:left;width:80%;text-align:left;padding-left:13px;color:#333;} .productCategory .toggle {width:auto;float:right;text-align:right;padding-right:13px;text-decoration:none;} ul.thumbnails {list-style:none;margin:0 15px;} .thumbnails li {float:left;} .thumbnails li a {display:block;border:solid 1px #ddd;width:152px;margin:3px;text-align:center;} .expand {display:none;} #kids2, #kids3 {margin-top:8px;} #product_badge {width:118px;position:absolute;top:230px;left:-30px;} /*------------------------------------------------*/ /*----------------->> CATALOG <<------------------*/ /*------------------------------------------------*/ #catalog .innerMainBody_Wide {padding-bottom:18px;} .catalogSeason {width:784px;margin-left:15px;border:solid 1px #ddd;background:#f3f3f3 url(../images/bg_catalog_season.png) repeat-x;padding-left:10px;} ul.thumb { list-style:none; margin:0px 0 0 15px; width:805px; background:#fff; font-family: "Century Gothic", Calibri, "Arial Unicode MS", Arial; padding-top:15px; } ul.thumb li { margin:0; padding:5px; float:left; position:relative; width:191px; height:144px; } ul.thumb li img { width: 181px; height: 134px; -ms-interpolation-mode: bicubic; border: 1px solid #eee; padding: 5px; background: #f3f3f3; position: absolute; left: 0; top: 0; } /*------------------------------------------------*/ /*----------------->> SERVICES <<-----------------*/ /*------------------------------------------------*/ #services .innerMainBody_Wide {width:834px;min-height:550px;background:url(../images/bg_services_main.png) no-repeat top right;} .serviceMainBtn {margin:70px 0 0 18px;float:left;} #services div.domestic {background:none;} #services div.domestic li {list-style-image:url(../images/ico_bullet.png);} .infoEmp {margin:15px 0 0 15px;} .serviceImage {float:left;width:276px;height:120px;margin-left:15px;} .tag {margin:8px 0 0 -8px;} #services div.overseas {background:url(../images/img_worldmap.png) no-repeat 20px 110px;width:786px;height:600px;padding-left:20px;position:relative;} .overseas p {width:90%;margin:0;} .usa {width:100px;position:relative;top:150px;left:130px;} .guatemala {width:100px;position:relative;top:200px;left:160px;} .vietnam {width:100px;position:relative;top:170px;left:585px;} .china {width:100px;position:relative;top:50px;left:550px;} .korea {width:100px;position:relative;top:60px;left:640px;} .marker {cursor:pointer;} .serviceDetail {position:absolute;top:0;left:0;cursor:pointer;} /*------------------------------------------------*/ /*----------------->> CAREERS <<------------------*/ /*------------------------------------------------*/ #careers .mainBody {width:900px;padding:0;} #careers .innerMainBody {min-height:500px;} #careers .mainBody {background:url(../images/bg_careers.jpg) no-repeat right bottom;} .careerInfo {margin-bottom:15px;border-bottom:solid 1px #cfcfcf;} .jobTitle,.jobDescription {padding:6px 8px;font-size:.9em;} .jobTitle {border:solid 1px #cfcfcf;border-bottom:none;background:#eee;} .jobDescription {border:solid 1px #cfcfcf;border-bottom:none;} /*------------------------------------------------*/ /*----------------->> CONTACT <<------------------*/ /*------------------------------------------------*/ #contact .mainBody {background:url(../images/bg_contact.jpg) no-repeat right bottom;width:918px;padding:0;} #contact .innerMainBodyWrapper {padding:0;} .contactForm,.contactInfo {float:left;} .contactForm {width:391px;min-height:425px;background:url(../images/bg_contact_form_rpt.png) repeat-y;} .contactForm label {display:block;margin-top:10px;} .contactFormInput {width:330px;margin:0 auto 15px;} .input {width:320px;border:solid 3px #eee;padding:4px;} textarea.input {height:150px;} .contactInfo {width:287px;min-height:490px;background:url(../images/bg_contact_info_rpt.png) repeat-y;} .contactInfo ul {width:236px;list-style-type:none;margin:0 auto 10px;} .contactInfo li img {padding-right:5px;vertical-align:middle;} .contactInfo li {line-height:16px;color:#0c627b;padding:3px 0;} .contactMap {width:236px;margin:auto;text-align:right;} .contactMap p {padding-bottom:8px;} .contactMap a {color:#0c627b;text-decoration:none;} .contactMap a:hover {color:#063d4d;text-decoration:underline;} .thankyouMsg {width:319px;margin:20px auto 0;} .btnBack {padding:15px 0;text-align:center;} /*------------------------------------------------*/ /*------------------>> FOOTER <<------------------*/ /*------------------------------------------------*/ #footer {position:relative;width:100%;font-size:.75em;background:#ed8ac1;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;border-top:5px solid #e659a3;color:#fff;} .footerWrapper {border-top:5px solid #e659a3;background:#ed8ac1;} .footer {background:#e88abc;} .footer h5 {margin:12px 0 15px;font-size:1em;} .footer ul {margin:0;padding:0;} .footer li {list-style-type:none;line-height:20px;} .footer li a {text-decoration:none;color:#fff;} .footer li a:hover {color:#f9e0ed;} .footer .odd {background:#e784b8;} .footerCategory {width:195px;float:left;padding:10px 20px;height:150px;} #footer .copyright {line-height:25px;background:#e659a3;text-transform:inherit;} .copyright p {width:auto;padding:0 30px;} #footerBtn {cursor:pointer;}