/* ============================================= Development By: Infinity Arts Interactive, LLC - www.InfinityArts.com, © Copyright 2012 - All rights reserved. Description: Component CSS Styles Last Revised Date: 03/03/2014 ============================================= */ /* =================================== WEB FORM DEFINITIONS =================================== */ /* ========== WEB FORM BUTTON DEFINITIONS ========== */ .formSubmit { width: 105px; height: 28px;display: block; background: url('/assets/images/btn-submit.png') no-repeat; border:0; cursor: pointer; } .formCatalog { width: 197px; height: 28px; display: block; background: url('/assets/images/btn-catalog.png') no-repeat; border:0; cursor: pointer; } .formCheckout { width: 124px; height: 28px; display: block; background: url('/assets/images/btn-checkout.png') no-repeat; border:0; cursor: pointer; } .formLogin { width: 124px; height: 28px; display: block; background: url('/assets/images/btn-login.png') no-repeat; border:0; cursor: pointer; } .formPassword { width: 155px; height: 28px; display: block; background: url('/assets/images/btn-getpassword.png') no-repeat; border:0; cursor: pointer; } .formCreateAccount { width: 174px; height: 28px; display: block; background: url('/assets/images/btn-createaccount.png') no-repeat; border:0; cursor: pointer; } .formContinue { width: 123px; height: 28px; display: block; background: url('/assets/images/btn-continue.png') no-repeat; border:0; cursor: pointer; } .formSave { width: 105px; height: 28px;display: block; background: url('/assets/images/btn-save.png') no-repeat; border:0; cursor: pointer; } .formSaveAddress { width: 155px; height: 28px;display: block; background: url('/assets/images/btn-save-address.png') no-repeat; border:0; cursor: pointer; } /* ========== GENERAL FORM DEFINITIONS ========== */ .formName { height: 45px; padding: 0 15px; background: url('/assets/images/formName-bg.gif') repeat-x; color: #FFF; font-size: 18px; line-height: 38px; font-weight: bold; } .formName322 { width: 322px; height: 45px; padding: 0 15px; background: url('/assets/images/formName-bg.gif') repeat-x; color: #FFF; font-size: 18px; line-height: 38px; font-weight: bold; } .formName257 { width: 257px; height: 45px; padding: 0 15px; background: url('/assets/images/formName-bg.gif') repeat-x; color: #FFF; font-size: 18px; line-height: 38px; font-weight: bold; } .formNameLG { width: 732px; height: 45px; padding: 0 15px; background: url('/assets/images/formName-bg.gif') repeat-x; color: #FFF; font-size: 18px; line-height: 38px; font-weight: bold; } .formTitle { color: #3a1d09; font-weight: bold; font-size: 13px; line-height: 18px; } .formTitle a { color: #3a1d09; font-weight: bold; font-size: 11px; } .formField { border: 1px #625b50 solid; padding: 6px 2px; font-size: 13px; margin: 1px 0px 2px 0; } .formField300 { width: 300px; border: 1px #625b50 solid; padding: 6px 2px; font-size: 13px; margin: 1px 0px 2px 0; } .formField240 { width: 240px; border: 1px #625b50 solid; padding: 6px 2px; font-size: 13px; margin: 1px 0px 2px 0; } .formField140 { width: 140px; border: 1px #625b50 solid; padding: 6px 2px; font-size: 13px; margin: 1px 0px 2px 0; } .formField140.mr { margin: 1px 14px 2px 0; } .formField100 { width: 100px; border: 1px #625b50 solid; padding: 6px 2px; font-size: 13px; margin: 1px 0px 2px 0; } .formWrap { float: left; margin: 7px 0px 0px 0px; padding: 0 0 0 0px; float: left; } .formSelect300 { width: 306px; border: 1px #625b50 solid; padding: 5px 2px; font-size: 13px; margin: 1px 0px 0 0; } .formSelect144 { width: 144px; border: 1px #625b50 solid; padding: 5px 2px; font-size: 13px; margin: 1px 16px 0 0; } .formSelect244 { width: 244px; border: 1px #625b50 solid; padding: 5px 2px; font-size: 13px; margin: 1px 0 0 0; } .formSelectSm { width: 60px; border: 1px #625b50 solid; padding: 5px 2px; font-size: 13px; margin: 1px 7px 0 0; } .formSelectMed { width: 76px; border: 1px #625b50 solid; padding: 5px 2px; font-size: 13px; margin: 1px 14px 0 0; } .formSelectLG { width: 250px; border: 1px #625b50 solid; padding: 5px 2px; font-size: 13px; margin: 1px 0px 0 0; } /* ========== CONTACT FORM DEFINITIONS ========== */ #ContactForm { width: 600px; padding: 10px 20px; background: #fee8ca; border: 1px solid #e0d6c6; border-top: none; } #ContactForm .formField,#ContactForm select { width: 90%; border: 1px #625b50 solid; padding: 8px 5px; font-size: 12px; margin: 1px 0px 2px 0; } #ContactForm .formWrap { width: 50%; margin: 7px 0px 0px 0px; float: left; } #ContactForm .formWrapLG { width: 100%; margin: 7px 0px 0px 0px; float: left; } #ContactForm .formWrapLG .formField { width: 95%; } /* ========== CATALOG DOWNLOAD ========== */ .catalog-download { margin: 15px 0 0 3px; padding: 285px 0 0 0; width: 673px; height: 150px; background: url('/assets/files/images/catalog-wrap-bg.jpg') top center no-repeat; } .catalog-download table { width: 85%; margin: 0 0 0 60px; border-spacing:0; } .catalog-download td { text-align:center; border-left: 1px solid #fdf5ea; padding: 20px 0; } .catalog-download td:first-child { border-left:0; border-right: 1px solid #d2b79d; } .catalog-download td a { display:block; text-align:center; color: #000; font-style:italic; font-size: 14px; } .catalog-download td a:hover { text-decoration:none; opacity:0.9; } .catalog-download td a:hover strong { opacity:0.7; } .catalog-download { margin: 15px 0 0 3px; padding: 285px 0 0 0; width: 673px; height: 150px; background: url('/assets/files/images/catalog-wrap-bg.jpg') top center no-repeat; } .catalog-download table { width: 85%; margin: 0 0 0 60px; border-spacing:0; } .catalog-download td { text-align:center; border-left: 1px solid #fdf5ea; padding: 20px 0; } .catalog-download td:first-child { border-left:0; border-right: 1px solid #d2b79d; } .catalog-download td a { display:block; text-align:center; color: #000; font-style:italic; font-size: 14px; } .catalog-download td a:hover { text-decoration:none; opacity:0.9; } .catalog-download td a:hover strong { opacity:0.7; } /* ========== CATALOG REQUEST FORM DEFINITIONS ========== */ .catalog-wrap { width: 622px; margin: 0 auto; } .catalog-wrap .catalog-inner { width: 590px; padding: 15px; background: #f8dfb9; border: 1px solid #d5b69f; border-top:0; } .catalog-wrap .catalog-inner .catalog-form { width: 352px; margin: 0 auto; } .catalog-wrap .catalog-inner .catalog-form form { width: 310px; padding: 10px 20px 20px 20px; background: #fee8ca; border: 1px solid #d6c7b0; border-top:0; } .catalog-wrap .catalog-inner .catalog-form form p { margin:0; } .catalog-wrap .catalog-inner .catalog-form form h2 { margin: 15px 0; border-bottom: 1px solid #dfccb2; } .catalog-wrap .catalog-inner .catalog-form form hr { background-color: #dfccb2; border: 0; margin-top: 15px; height: 1px; color: #dfccb2; } .catalog-wrap .catalog-inner .catalog-form form #DIVsubmit { margin-top: 20px; float: right; } .catalog-request { width: 410px; padding: 20px 0 20px 30px; margin: 0 auto 30px auto; background: #fee8ca; border: 1px solid #d5b69f; } .catalog-request div.fl { width: 205px; float: left; } .catalog-request p { font-size: 14px; margin:0; } /* ========== FLIGHT JACKET ORDER FORM DEFINITIONS ========== */ .jacket-wrap { margin: 20px auto; width: 800px; } .jacket-wrap .order-form { margin: 0 auto; width: 692px; } .jacket-wrap .order-form form { background: #fee8ca; border: 1px solid #d6c7b0; border-top: 0; padding: 10px 20px 20px 20px; width: 670px; } .jacket-wrap .order-form form .col { width: 310px; float: left; } .jacket-wrap .order-form form .col.right { padding-left: 45px; } .jacket-wrap .order-form form p { margin: 0; } .jacket-wrap .order-form form h2 { border-bottom: 1px solid #dfccb2; margin: 15px 0; } .jacket-wrap .order-form form hr { background-color: #dfccb2; border: 0; margin-top: 15px; height: 1px; color: #dfccb2; } .jacket-wrap .order-form form #DIVsubmit { margin-top: 20px; float: right; } .jacket-wrap .order-form form table.TBLopts { margin-bottom: 25px; width: 100%; } .jacket-wrap .order-form form table.TBLopts th { background-color: #ebcea3; border-bottom: 1px #d5b69f solid; font-size: 13px; font-weight: bold; text-align: left; } .jacket-wrap .order-form form table.TBLopts tr.alt-row { background-color: #f8dfb9; } .jacket-wrap .order-form form table.TBLopts tr.total { background-color: #ebcea3; } .jacket-wrap .order-form form table.TBLopts tr.total td { border-top: 1px #d5b69f solid; border-bottom: 1px #d5b69f solid; font-weight: bold; } .jacket-wrap .order-form form table.TBLopts td { font-size: 13px; text-align: left; vertical-align: middle; } .jacket-wrap .order-form form table.TBLopts .select { width: 75px; text-align: center; } .jacket-wrap .order-form form table.TBLopts .price { width: 75px; text-align: center; font-weight: bold; } .jacket-wrap .order-form form table.TBLopts td div.logo { margin: 10px 15px 10px 0; text-align: left; float: left; } .jacket-wrap .order-form form table.TBLopts td div.logo img { margin-top: 7px; } /* ========== MEASUREMENT FORM DEFINITIONS ========== */ #MeasurementForm { } #MeasurementForm #TBLcfm { } #MeasurementForm #TBLcfm tr.info { } #MeasurementForm #TBLcfm tr.info div { margin-right: 10px; line-height: 20px; float: left; } #MeasurementForm #TBLcfm tr.info input.fld { width: 200px; } #MeasurementForm #TBLcfm tr.info input.fld-lg { width: 431px; } #MeasurementForm #TBLcfm tr.sizes { display:none; } #MeasurementForm #TBLcfm div.size { height: 48px; } #MeasurementForm #TBLcfm div.size div { margin-right: 10px; line-height: 20px; float: left; } #MeasurementForm #TBLcfm div.size input.fld { width: 80px; } #MeasurementForm table { width: 100%; text-align: left; } #MeasurementForm table tr.alt { background-color: #f1f0f0; } #MeasurementForm table td { line-height: 17px; text-align: left; vertical-align: middle; } #MeasurementForm table td.pt.pb { padding: 10px 0; } #MeasurementForm table td.select { text-align: center; } #MeasurementForm table td input { vertical-align: middle; } #MeasurementForm table td input.fld { border: 1px #777 solid; margin: 1px 15px 0 0; padding: 2px; width: 75px; font-size: 12px; } #MeasurementForm table td input.fld-lg { border: 1px #777 solid; margin: 1px 15px 0 0; padding: 2px; width: 75px; font-size: 12px; } #MeasurementForm table td select { border: 1px #777 solid; margin: 0 5px 0 0; padding: 1px; width: 90px; font-size: 12px; } #MeasurementForm table textarea { width: 100%; border: 1px #777 solid; margin: 1px 15px 0 0; padding: 2px; font-size: 12px;} #MeasurementForm #TBLcfm div.row div { border-left: 1px #333 solid; border-bottom: 1px #333 solid; padding: 7px; width: 160px; text-align: center; float: left; } #MeasurementForm #TBLcfm div.row div:first-child { border-left: 0; margin-left: 65px; } #MeasurementForm #TBLcfm div.row div img { margin: 0 0 5px 0; } #MeasurementForm #TBLcfm div.row div span { height: 45px; line-height: 14px; text-align: left; display: block; } #MeasurementForm #TBLcfm div.row div input.fld { width: 60px; } #MeasurementForm #TBLcfm div.row.btm div { border-bottom: 0; margin-bottom: 7px; } #MeasurementForm #TBLcfm div.row.btm div span { height: 60px; } /* =================================== GENERAL BUTTON DEFINITIONS =================================== */ .btn-NextOption { display: block; width: 146px; height: 29px; background: url('/assets/images/btn-nextoption.png') top center no-repeat; border:0; cursor: pointer; } .btn-LastOption { display: block; width: 146px; height: 29px; background: url('/assets/images/btn-lastoption.png') top center no-repeat; border:0; cursor: pointer; } .btn-NextOptions { display: block; width: 146px; height: 29px; background: url('/assets/images/btn-nextoptions.png') top center no-repeat; border:0; cursor: pointer; } .btn-LastOptions { display: block; width: 146px; height: 29px; background: url('/assets/images/btn-lastoptions.png') top center no-repeat; border:0; cursor: pointer; } .btn-ReviewOptions { display: block; width: 155px; height: 29px; background: url('/assets/images/btn-reviewoptions.png') top center no-repeat; border:0; cursor: pointer; } .btn-FinishReview { display: block; width: 155px; height: 29px; background: url('/assets/images/btn-finishreview.png') top center no-repeat; border:0; cursor: pointer; } .btn-ContinueShopping { display: block; width: 207px; height: 29px; background: url('/assets/images/btn-continueshopping.png') top center no-repeat; border:0; cursor: pointer; } .btn-Edit { width: 56px; height: 20px; display: block; background: url('/assets/images/btn-edit.png') no-repeat; border:0; cursor: pointer; } .btn-Update { width: 73px; height: 22px; display: block; background: url('/assets/images/btn-update.png') no-repeat; border:0; cursor: pointer; } .btn-View { width: 66px; height: 20px; display: block; background: url('/assets/images/btn-view.png') no-repeat; border:0; cursor: pointer; } .btn-LearnMore { width: 101px; height: 20px; display: block; background: url('/assets/images/btn-learnmore.png') no-repeat; border:0; cursor: pointer; } .btn-Add-to-Cart { width: 121px; height: 33px; display: block; background: url('/assets/images/btn-addtocart.png') no-repeat; border:0; cursor: pointer; } .btn-Choose-Opts { width: 154px; height: 33px; display: block; background: url('/assets/images/btn-chooseopts.png') no-repeat; border:0; cursor: pointer; } .btn-Place-Order { width: 155px; height: 28px; display: block; background: url('/assets/images/btn-placeorder.png') no-repeat; border:0; cursor: pointer; } .btn-print { width: 73px; height: 22px; display: block; background: url('/assets/images/btn-print.png') no-repeat; border:0; cursor: pointer; } .btn-Buy-Now { width: 85px; height: 20px; display: block; background: url('/assets/images/btn-buy-now.png') no-repeat; border:0; cursor: pointer; } /* =================================== HOME PAGE CTA DEFINITIONS =================================== */ .homeCTA { border-bottom: 3px solid #000; margin: 0 auto; padding: 10px 0 0 0; height: 272px; width: 923px; } .ftList-nav { height: 272px; width: 200px; float: left; position: relative; } .ftList-title { width: 200px; height: 45px; background: url('/assets/images/ftList-title.jpg'); } .ftList-nav ul { background: #000; margin: 0; padding: 0; list-style: none; width: 200px; height: 227px; } .ftList-nav ul li { margin: 0; padding: 0; height: 45px; } .ftList-nav ul li:first-child { height: 47px; } .ftList-nav ul li a { outline: none; } .ftList-nav ul li a.current { padding-left: 5px; } .ftList-slide { position: relative; z-index: 40; height: 272px; width: 499px; float: left; background:#000 url('/assets/images/slideBG.jpg'); ; } .ftList-slide #output { list-style: none; margin: 0; padding: 0; height: 272px; width: 499px; overflow: hidden; z-index: 40; } .cta-signup { height: 272px; width: 224px; background: url('/assets/files/images/cta-signup-offers-bg.jpg') top center no-repeat; float: left; } #elistForm { width: 215px; height: 141px; padding: 129px 0 0 5px;} #elistForm .formTitle { display: inline-block; padding: 3px 0 0 5px; width: 43px; color: #FFF; float: left; font-weight: bold; } #elistForm .formRow { margin: 0 0 9px 0; height: 30px; } #elistForm .formField { border: 0; height: 20px; line-height: 20px; font-size: 12px; width: 142px; padding: 0px 3px; float: left; outline: none; background-color:transparent; background-repeat:no-repeat; } #elistForm .formSignUp { display: block; width: 94px; height: 26px; float: right; margin: 17px 8px 0 0; outline: none; } #elistForm .privacy { display: block; width: 100px; height: 10px; float: right; margin: 4px 5px 0 0; outline: none; } #elistForm .elist-success { width: 184px; height: 146px; padding: 10px 20px 0 20px; margin: -13px 0 0 -5px; background: url('/assets/images/elist-success-bg.jpg') no-repeat } #elistForm .elist-success p { color: #FFF; line-height: 16px; font-size: 12px; } #elistForm .elist-success h2 { color: #FFF; font-size: 16px; padding:0; margin:0; } /* =================================== DROP DOWN MENU DEFINITIONS =================================== */ #ULdmenu { background: #fdf4df; margin: 0; padding: 0; width: 117px; list-style: none; position: relative; float: left; } .dmenu { border: 1px solid #b0a792; border-bottom: 2px solid #e2cdb9; background: #fdf4df; margin: 0; padding: 0; width: 250px; position: absolute; top: 45px; left: 2px; z-index: 1000; display: none; } /*cntrl*/ .dmenu.med { width: 520px; } .dmenu.med .dept { border-right: 2px solid #e3dbc8; } .dmenu.full { width: 780px; } /*cntrl*/ .dmenu.full .dept { border-right: 2px solid #e3dbc8; } .dmenu.full .dept .swrap .cat { border-right: 2px solid #e3dbc8; } .dmenu.full .dept .swrap div { width: 505px; } /*cntrl*/ .dmenu .wrap { padding: 15px; width: 250px; position: relative; } .dmenu .wrap .dept { margin: 0; padding: 0 10px 0 0; width: 220px; list-style: none; } /*cntrl*/ .dmenu .wrap .dept li { border-bottom: 1px solid #e8e0cd; padding: 2px 0 0 5px; height: 24px; } .dmenu .wrap .dept li a { width: 100%; font-size: 13px; font-weight: bold; line-height: 24px; color: #271207; display: block; } .dmenu .wrap .dept li:hover { background-color: #753021; } .dmenu .wrap .dept li:hover.sub { background: #753021 url('/assets/images/icon-ticker-dd.png') center right no-repeat; } .dmenu .wrap .dept li:hover a { color: #fdf4df; text-decoration: underline; } .dmenu .wrap .dept li:hover .swrap a { color: #271207; text-decoration: none; } .dmenu .swrap { /*border:1px red solid;*/ padding-left: 5px; width: 445px; min-height: 570px; position: absolute; top: 15px; left: 250px; display: none; } /*cntrl*/ .dmenu .swrap div { border-bottom: 1px solid #e8e0cd; margin-bottom: 5px; padding: 5px; width: 240px; height: 40px; position: relative; } .dmenu .swrap div img { border: 1px #dcc5b2 solid; width: 38px; height: 38px; } .dmenu .swrap div span { width: 80%; font-family: 'Times New Roman', Times, serif; font-size: 17px; text-transform: uppercase; color: #271207; position: absolute; left: 48px; bottom: 3px; display: block; } .dmenu .swrap ul { margin: 0; padding: 5px 5px 0 5px; width: 245px; min-height: 215px; list-style: none; } .dmenu .swrap ul li { border-bottom: 1px solid #e8e0cd; padding: 2px 0 0 5px; height: 24px; } .dmenu .swrap ul li a { width: 100%; font-size: 13px; font-weight: bold; line-height: 24px; color: #271207; display: block; } .dmenu .wrap .dept .swrap ul li:hover { background-color: #753021; } .dmenu .wrap .dept .swrap ul li:hover.sub { background: #753021 url('/assets/images/icon-ticker-dd.png') center right no-repeat; } .dmenu .wrap .dept .swrap ul li:hover a { color: #fdf4df; text-decoration: underline; } .dmenu .wrap .dept .swrap ul li:hover .scat li a { color: #271207; text-decoration: none; } .dmenu .swrap .scat { position: absolute; top: 56px; left: 265px; display: none; } /*cntrl*/ .dmenu .wrap .dept .swrap ul li .scat li:hover a { color: #fdf4df; text-decoration: underline; } /* =================================== DYNAMIC SUB NAV DEFINITIONS =================================== */ .smenu-content {width: 667px; float: left; padding: 15px 26px; overflow: hidden; } .smenu-content-prod {width: 667px; float: left; padding: 15px 26px; overflow: hidden; } .smenu-content-dept {width: 700px; float: left; padding: 9px 9px; overflow: hidden; } .smenu-wrap { width: 204px; padding-top: 8px; float: left; } .smenu-title { width: 204px; height: 33px; background: url('/assets/images/smenu-top.jpg') top center no-repeat; } .smenu-titleMain { width: 204px; height: 33px; background: url('/assets/images/smenuMain-top.jpg') top center no-repeat; } .smenu-btm { width: 204px; height: 6px; background: url('/assets/images/smenu-btm.jpg') top center no-repeat; } .smenu-wrap ul { width: 195px; margin: 0px; padding: 0; border-left: 3px solid #000; border-right: 6px solid #000; } .smenu-wrap ul li { width: 190px; font-size: 12px; cursor: pointer; padding: 0px 0 0px 6px; line-height: 20px; min-height: 28px; vertical-align: middle; list-style: none; background: url('/assets/images/smenu-bg.jpg') center left repeat-y; border-top: 1px solid #1f1d1c; } .smenu-wrap ul li:hover { background: url('/assets/images/smenuOn-bg.jpg') center left repeat-y; } .smenu-wrap ul li a { line-height: 18px; vertical-align: middle; width: 170px; display: inline-block; font-size: 12px; padding: 5px 5px 5px 10px; color: #fff; outline: none; } .smenu-wrap ul li.sub { width: 180px; padding-left: 15px; background: url('/assets/images/ssmenu-bg.jpg') center left repeat-y; } .smenu-wrap ul li.sub.on { background: url('/assets/images/smenuOn-bg.jpg') center left repeat-y; } .smenu-wrap ul li.sub a { width: 156px; background: url('/assets/images/icon-ticker.png') center left no-repeat; outline: none; } .smenu-wrap ul li.sub:hover { background: url('/assets/images/smenuOn-bg.jpg') center left repeat-y; } .smenu-wrap ul li.ssub { width: 170px; padding-left: 25px; background: url('/assets/images/sssmenu-bg.gif') center left repeat-y; } .smenu-wrap ul li.ssub.on { background: url('/assets/images/smenuOn-bg.jpg') center left repeat-y; } .smenu-wrap ul li.ssub a { width: 156px; background: url('/assets/images/icon-ticker.png') center left no-repeat; outline: none; } .smenu-wrap ul li.ssub:hover { background: url('/assets/images/smenuOn-bg.jpg') center left repeat-y; } .smenu-wrap ul li.on { background: url('/assets/images/smenuOn-bg.jpg') center left repeat-y; } .smenu-wrap ul li.on a { color: #fff; font-weight: bold; outline: none; } .msn ul.smenu li:first-child a { line-height: 14px; vertical-align: middle; width: 180px; font-weight: bold; display: inline-block; font-size: 13px; padding: 5px 5px 5px 5px; color: #FFF; background: none; } /* =================================== DYNAMIC PHOTO GALLERY DEFINITIONS =================================== */ #DIVphotoGalleryFrame {} #DIVphotoGallery {} #DIVphotoGallery div.gallery-thumbFrame { margin: 5px; float: left; } #DIVphotoGallery img.gallery-thumb { border: 3px #fff solid; width: 115px; height: 115px; } /* ========== MEDIA LIBRARY DEFINITIONS ========== */ #MLframe { background: #000; padding: 2px 0 0 2px; width: 100%; height: 600px; color: #fff; overflow: hidden; } #MLframe .nav { height: 35px; margin: 2px 2px 10px 3px; font-size: 13px; } #MLframe .nav a { border-right: 1px #333 solid; padding: 0 15px 0 15px; height: 35px; line-height: 35px; color: #fff; display: block; float: left; cursor: pointer; } #MLframe .nav a:hover { background-color: #333; text-decoration: none; } #MLframe .nav img { margin-right: 3px; vertical-align: middle; } #MLframe .nav span.img { padding: 0 15px 0 15px; height: 35px; line-height: 35px; color: #fff; float: left; display: none; } #MLframe .nav span.lbl { color: #b3b3b3; } #MLframe .nav a.exit { border: 0; background: url('/assets/images/media-library/cntrl-exit.png') no-repeat; margin: 5px 5px 0 0; padding: 0; width: 25px; height: 25px; float: right; display: none; } #MLframe .nav a.exit:hover { background: url('/assets/images/media-library/cntrl-exit-on.png') #000 no-repeat; } #MLframe .loading { background: url('/assets/images/media-library/loading.gif') center center no-repeat; margin: 5px; height: 540px; display: none; } #MLframe .albums { margin: 5px; height: 540px; font-size: 11px; overflow-y: auto; } #MLframe .albums a { margin: 10px; width: 125px; color: #fff; text-align: center; position: relative; display: block; float: left; cursor: pointer; } #MLframe .albums a img { border: 1px #7f3627 solid; margin-bottom: 5px; width: 125px; height: 125px; } #MLframe .albums a img.icon { border: 0; width: 20px; height: 20px; position: absolute; top: 100px; left: 10px; } #MLframe .albums .empty { padding-top: 175px; color: #fff; font-weight: bold; text-align:center; } #MLframe .photos { margin: 5px; height: 540px; font-size: 11px; overflow-y: auto; } #MLframe .photos a { margin: 11px; width: 120px; color: #fff; text-align: center; position: relative; display: block; float: left; cursor: pointer; } #MLframe .photos a img { border: 1px #7f3627 solid; margin-bottom: 5px; width: 125px; height: 125px; } #MLframe .photos a img.play { border: 0; width: 32px; height: 32px; position: absolute; top: 46px; left: 46px; } #MLframe .photos .empty { padding-top: 175px; color: #fff; font-weight: bold; text-align:center; } #MLframe .gallery { margin: 5px; width: 890px; height: 540px; font-size: 11px; text-align: center; overflow: hidden; position: relative; display: none; } #MLframe .gallery a.last, #MLframe .gallery a.next { width: 445px; height: 540px; position: absolute; cursor: pointer; z-index: 15; } #MLframe .gallery a.last { background: url('/assets/images/media-library/cntrl-last.png') left center no-repeat; left: 0; top: 0; } #MLframe .gallery a.last:hover { background-image: url('/assets/images/media-library/cntrl-last-on.png'); } #MLframe .gallery a.next { background: url('/assets/images/media-library/cntrl-next.png') right center no-repeat; right: 0; top: 0; } #MLframe .gallery a.next:hover { background-image: url('/assets/images/media-library/cntrl-next-on.png'); } #MLframe .gallery span { background: url('/assets/images/media-library/bg-desc.png'); padding: 10px; max-width: 70%; line-height: 18px; color: #fff; text-align: left; position: absolute; left: 10px; bottom: 10px; z-index: 15; display: block; } #MLframe .gallery span strong { font-size: 12px; } #MLframe .gallery table { width: 100%; height: 100%; } #MLframe .gallery table td { text-align: center; vertical-align: middle; } #MLframe .gallery .video { width: 640px; height: 390px; position: absolute; top: 75px; left: 125px; z-index: 20; display: none; } /* =================================== SITEMAP DEFINITIONS =================================== */ .sitemap { padding: 15px; } .sitemap h3 { font-size: 18px;} .sitemap div.fl { width: 47%; padding-top: 10px; } .sitemap div.mr { margin-right: 30px; } .sitemap ul { margin:0; padding: 0; list-style-type: none; } .sitemap ul li { font-size: 13px; text-transform: uppercase; font-weight: bold; padding: 8px 0 8px 10px; border-bottom: 1px solid #dcd7ca; background: #e7e2d6; line-height: 16px; } .sitemap ul li.lvl1 { font-size: 11px; text-transform: none; padding: 4px 0 4px 20px; border-bottom: 1px solid #e7e2d6; background: #eee9da; } .sitemap ul li.lvl1.lvl2 { font-size: 11px; font-weight: normal; padding: 2px 0 2px 30px; border-bottom: 1px solid #eee9da; background: #f8f0dc;}