/* Fix IE image resizing */ img{-ms-interpolation-mode:bicubic} /****************** custom area defaults *****************/ /* form text inputs (also shared by search) */ .weebly-form-input, .wsite-form-input, .wsite-search-input, .wsite-editor .weebly-form-input, .wsite-editor .wsite-form-input, .wsite-editor .wsite-search-input { background: #FFFFFF url(form_input_bg.gif) repeat-x scroll center top; border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style: solid; border-width: 1px; padding: 4px !important; } /* button */ .wsite-button, .wsite-editor .wsite-button { display: inline-block; padding: 0 15px 0 0; background: url(buttons/small_grey.png) no-repeat 100% -100px; text-decoration: none !important; font-weight: normal !important; font-size: 14px !important; color: #222 !important; cursor: pointer; } .wsite-button-inner, .wsite-editor .wsite-button-inner { float: left; background: url(buttons/small_grey.png) no-repeat 0 -1px; padding: 0 5px 0 20px; height: 32px; line-height: 32px; white-space: nowrap; } .wsite-button:hover, .wsite-editor .wsite-button:hover { background-position: 100% -133px; } .wsite-button:hover .wsite-button-inner, .wsite-editor .wsite-button:hover .wsite-button-inner { background-position: 0 -34px; } .wsite-button:active, .wsite-editor .wsite-button:active { background-position: 100% -166px; } .wsite-button:active .wsite-button-inner, .wsite-editor .wsite-button:active .wsite-button-inner { background-position: 0 -67px; } .wsite-button-highlight, .wsite-button-highlight .wsite-button-inner, .wsite-editor .wsite-button-highlight, .wsite-editor .wsite-button-highlight .wsite-button-inner { background-image: url(buttons/small_blue.png); } .wsite-button-highlight, .wsite-editor .wsite-button-highlight { color: #fff !important; } .wsite-button-large, .wsite-editor .wsite-button-large { font-size: 18px !important; background: url(buttons/large_grey.png?2) no-repeat 100% -130px; } .wsite-button-large .wsite-button-inner, .wsite-editor .wsite-button-large .wsite-button-inner { height: 42px; line-height: 42px; padding: 0 10px 0 25px; background: url(buttons/large_grey.png?2) no-repeat 0 -1px; } .wsite-button-large:hover, .wsite-editor .wsite-button-large:hover { background-position: 100% -173px; } .wsite-button-large:hover .wsite-button-inner, .wsite-editor .wsite-button-large:hover .wsite-button-inner { background-position: 0 -44px; } .wsite-button-large:active, .wsite-editor .wsite-button-large:active { background-position: 100% -216px; } .wsite-button-large:active .wsite-button-inner, .wsite-editor .wsite-button-large:active .wsite-button-inner { background-position: 0 -87px; } .wsite-button-large.wsite-button-highlight, .wsite-button-large.wsite-button-highlight .wsite-button-inner, .wsite-editor .wsite-button-large.wsite-button-highlight, .wsite-editor .wsite-button-large.wsite-button-highlight .wsite-button-inner { background-image: url(buttons/large_blue.png); } /* search box */ .wsite-search, .wsite-editor .wsite-search { position: relative; display: inline-block; white-space: nowrap; } .wsite-search-input, .wsite-editor .wsite-search-input { display: inline-block; vertical-align: top; height: 16px; border-right-width: 0; } .wsite-search-button, .wsite-editor .wsite-search-button { display: inline-block; vertical-align: top; width: 34px; height: 26px; background: url(search_button.png) no-repeat; cursor: pointer; } /* social button strip */ .wsite-social, .wsite-editor .wsite-social { position: relative; display: inline-block; white-space: nowrap; } .wsite-social-item, .wsite-editor .wsite-social-item { display: inline-block; vertical-align: top; margin: 0 1px; width: 24px; height: 24px; background: url(social_icons.png) no-repeat; } .wsite-social-facebook, .wsite-editor .wsite-social-facebook { background-position: 0 0; } .wsite-social-twitter, .wsite-editor .wsite-social-twitter { background-position: -24px 0; } .wsite-social-linkedin, .wsite-editor .wsite-social-linkedin { background-position: -48px 0; } .wsite-social-rss, .wsite-editor .wsite-social-rss { background-position: -72px 0; } /**************** Blog Styles ****************/ .blog-body { float: left; } .blog-sidebar-separator { padding: 0 10px; } .blog-post { position: relative; zoom: 1; } .blog-post .blog-header { width: 100%; overflow: hidden; } .blog-post .blog-header, .blog-post .blog-header h2.blog-title, .blog-post .blog-header div a { padding: 0 !important; margin: 0 !important; border: none !important; line-height: 1.5 !important; } .blog-post .blog-header div a { display: block; text-decoration: none; } .blog-post .blog-header div a:hover { border:none; color:#68f; } .blog-post a.blog-header-link { display: block; } .blog-post .blog-date { float: left; margin: 0 !important; padding: 0 !important; line-height: 1; } .blog-post .blog-date .date-text { float: left; margin: 0 8px 0 0; padding: 0 0 4px 0; } .blog-post .blog-content { text-align: justify; clear: both; margin-bottom: 15px; } .blog-post .blog-read-more { text-align: right; } .blog-post .blog-separator { clear: both; border-bottom: 1px solid #ddd; padding-top: 2px; margin-top: 0px; margin-bottom: 5px; font-size: 2px; height: 2px; } .wsite-theme-dark .blog-post .blog-separator { border-color: #3d3d3d; } .blog-post .blog-comments { float: right; margin: 0 !important; padding: 0 0 4px 0 !important; line-height: 1; } .blog-post .blog-date { font-size: 13px; } .blog-post .blog-comments, .blog-post .blog-comments-bottom { font-size: 13px; } .blog-page-nav-previous { float: left; } .blog-page-nav-next { float: right; } #fb-root { /* fb started putting elements in here that were -2000px from fb-root and were showing up at top of long pages. fix */ position: absolute; top: 0; left: -9999px; } .blog-body .blog-social { position: relative; margin: -5px 0 15px; } .blog-body .blog-social-item { position: relative; z-index: 1; float: left; } .blog-body .blog-comments-bottom, #weebly_page_content_container .blog-comments-bottom, /* need to do this for mobile */ #wsite-content .blog-comments-bottom{ /* need to do this for mobile */ margin: -5px 0 40px; } .blog-sidebar { width: 215px; } .column-blog { float: right; width: 200px; margin: 0; padding: 0; } .blog-notice-comments-closed { margin: 0 0 14px 0; padding: 10px; background: #E6F0F9; border: 1px solid #A7C3D9; color: #696562; } .blog-notice-comment-pending { margin: 0 0 14px 0; padding: 10px; background: #E6F0F9; border: 1px solid #A7C3D9; color: #696562; } .clear { clear: both; } .blog-feed-link { margin-top: 10px; } .blog-feed-link img { float: left; border: none; margin: 2px 5px 0 0; } /** * THESE BLOG STYLES ARE DEPRECATED! */ #blog-title { padding-top: 10px; font-size:15px; line-height: 20px; font-weight: normal; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Sans-Serif; } #blog-title a { text-decoration:none; } #blog-title a:hover { border:none; color:#68f; } #blog-title-link { display: block; } #blog-date { float: left; padding-left: 0px; font-size: 13px; } #blog-content { text-align: justify; clear: both; margin-bottom: 15px; } #blog-content ul { padding: 25px; } #blog-separator { clear: both;border-bottom: 1px solid #ddd;padding-top: 2px;margin-top: 0px;font-size: 2px;height: 2px;} #blog-author {background: #fbfbfb;border-bottom: 1px solid #f9f9f9;padding: 0px 5px 2px 5px;margin: 0px 0 2px 0;float: right;} #blog-comments {font-size: 13px; float: right;margin: 0 0 0 0;} /**************** Contact Form Style (old, before advanced form stuff) ****************/ #weeblyform { line-height: 16px; } #weeblyform textarea { font-family: "Lucida Grande",Tahoma,Arial,sans-serif; padding: 2px; border: 1px solid #abadb3; font-size: 13px; background: #FFF; color: #000; line-height: 1.2em; height: 140px; width: 300px; } #weeblyform .formfield { margin: 5px 0px; } #weeblyform label.field { font-family: "Lucida Grande",Tahoma,Arial,sans-serif; font-size: 13px; display: block; font-weight: bold; padding-bottom: 2px; } #weeblyform input.text { font-family: "Lucida Grande",Tahoma,Arial,sans-serif; width: 175px; padding: 3px 2px; background: #FFF; border: 1px solid #abadb3; color: #000; font-size: 13px; } #weeblyform input.button { padding: 1px; margin: 0; } /**************** Blog Comment Style ****************/ .blog-button { font-family: 'Helvetica Neue', Helvetica, Arial; height: 23px; color: #333; font-size: 11px; font-weight: bold; cursor: pointer; line-height: 23px; background: url('/weebly/images/blogging/blog-comment-button.png') no-repeat 0 -23px; } .blog-button span { float: left; height: 100%; background: url('/weebly/images/blogging/blog-comment-button.png') no-repeat 100% 0; margin: 0 0 0 7px; padding: 0 15px 0 8px; } #commentAreaTitle { font: bold 18px Helvetica; margin: 10px 0 20px 0; padding: 0px; } #commentArea p { margin: 0; padding: 0; } .blogCommentWrap { margin: 0 0 22px 0; padding: 0 6px 0 0; word-wrap: break-word; background: url('/weebly/images/blogging/blog-comment-header.png') no-repeat 100% -96px; } .blogCommentHeading { font-family: 'Helvetica Neue', Arial, Helvetica; margin: 0 0 10px 0; padding: 0 0 0 6px; background: url('/weebly/images/blogging/blog-comment-header.png') no-repeat 0 -48px; } .blogCommentHeading .blogCommentHeadingInner { height: 48px; background: url('/weebly/images/blogging/blog-comment-header.png') repeat-x 0 0; } .blogCommentHeading .blogCommentAuthor { float: left; color: #333; height: 48px; font-weight: bold; font-size: 14px; padding: 0 0 0 11px; background: url('/weebly/images/blogging/blog-comment-pointer.png') no-repeat 20px 0; } .blogCommentHeading .blogCommentAuthor span.name, .blogCommentHeading .blogCommentAuthor a.name, .blogCommentHeading .blogCommentAuthor span.email { float: left; height: 38px; line-height: 36px; text-shadow: #fff 1px 1px 0; } .blogCommentHeading .blogCommentAuthor span.name, .blogCommentHeading .blogCommentAuthor a.name { color: #333 !important; margin: 0 3px 0 0; } .blogCommentHeading .blogCommentAuthor span.email { color: #666; font-size: 12px; margin: 0 0 0 4px; } .blogCommentHeading .blogCommentAuthor a.link { float: left; width: 16px; height: 16px; cursor: pointer; text-indent: -1000px; overflow: hidden; color: #0066cc; background: url('/weebly/images/blogging/blog-comment-link.png') no-repeat 0 0; margin: 11px 3px 0 0; } .blogCommentOwner, .blogCommentOwner .blogCommentHeading, .blogCommentOwner .blogCommentHeadingInner { background-image: url('/weebly/images/blogging/blog-comment-header-author.png'); } .blogCommentOwner .blogCommentHeading .blogCommentAuthor { background-image: url('/weebly/images/blogging/blog-comment-pointer-author.png'); } .blogCommentHeading .blogCommentDate { float: right; text-align: right; font-size: 12px; color: #333; text-shadow: #fff 1px 1px 0; height: 48px; line-height: 38px; padding: 0 9px 0 0; margin: 0; } .blogCommentText { padding: 0 16px; } .blogCommentText p, #secondlist .blogCommentText p { color: #333; font: 13px Helvetica; line-height: 18px; margin: 0; padding: 0; } .blogCommentOptions { width: 100%; overflow: hidden; } .blogCommentOptions .blog-button { float: right; margin: 10px 0 0 6px; } .blogCommentReplyWrapper { position: relative; height: 468px; margin: 10px 0 0 0; } .blogCommentReplyStudent { height: 318px; } .blogCommentSubreplyWrapper div.iframeWrapper { background: #f4f3f3; border: solid #e3e3e3 1px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .blogCommentReplyWrapper iframe { width: 100%; height: 410px; overflow: hidden; padding: 6px 0; } .blogCommentSubreplyWrapper iframe { padding: 36px 0 0 0; } .blogCommentReplyStudent iframe { height: 265px; } .blogCommentLevel1 { margin-left: 50px; } .blogCommentLevel2 { margin-left: 100px; } .blogCommentLevel3 { margin-left: 150px; } .blogCommentLevel4 { margin-left: 200px; } #commentPostDiv { max-width: 424px; } #commentPostDiv.centered { margin: 0 auto; } #commentPostDiv .field { margin: 0 0 16px 0; } #commentPostDiv .field-notify { float: left; margin: 0 0 16px 0; } #commentPostDiv .field label { display: block; font: bold 13px Helvetica; margin: 0 0 6px 0; } #commentPostDiv .commentInput, #commentPostDiv .commentTextarea { position: relative; padding: 0 0 0 12px; } #commentPostDiv .field input[type=text], #commentPostDiv .field textarea { width: 100%; color: #000; font: 13px Arial; border: solid #999 1px; padding: 0 5px; margin: 0 0 0 -12px; background: #fff url('/weebly/images/blogging/blog-comment-field-bg.png') repeat-x 0 0; } #commentPostDiv .field-disabled label { color: #999; } #commentPostDiv .field-disabled input[type=text], #commentPostDiv .field-disabled textarea { color: #999; border-color: #ccc; } #commentPostDiv .field input[type=text] { height: 26px; line-height: 26px; } #commentPostDiv .field textarea { height: 78px; padding-top: 6px; padding-bottom: 6px; } #commentPostDiv .field-checkbox { margin-bottom: 12px; } #commentPostDiv .field-checkbox label { font-weight: normal; } #commentPostDiv .field-checkbox label span { padding-left: 2px; } #commentUserInfo { float: left; font-size: 12px; width: 314px; color: #333; height: 23px; line-height: 23px; } #commentUserInfo a { color: #0066cc; } #commentSubmit, #commentCancel { float: right; margin-right: 0; } #commentSubmit span, #commentCancel span { padding-right: 11px; padding-left: 4px; } #commentSubmit.disabled span { color: #999; } .blogCommentReplyOverlay { width: 60px; height: 36px; border: none; /* background: transparent; */ background: url(#); /* ie hack */ cursor: pointer; text-indent: -1000px; overflow: hidden; z-index: 100000; } .columnlist-blog { margin: 0; padding: 0; } #errorMessage { color: red; font-size: 12px; font-weight: bold; margin: 14px 0 0 0; } #secondlist .blogCommentPrompt { margin: 8px 0 0 0; border: solid #ccc 1px; background: #ffffcc; text-align: left; } #secondlist .blogCommentPrompt > div { padding: 16px; } #secondlist .blogCommentPrompt .heading { font-weight: bold; font-size: 1.2em; margin: 0 0 3px 0; } #secondlist .blogCommentPrompt .options { padding-top: 10px; } #secondlist .blogCommentPrompt .options .answer { width: 100%; overflow: hidden; } #secondlist .blogCommentPrompt .options .answer a { float: left; } #secondlist .blogCommentPrompt .options .answer a img { border: 0; } #secondlist .blogCommentPrompt .options .answer a span { position: relative; top: -3px; margin-left: 2px; } #secondlist .blogCommentPrompt .options .answer-yes { margin-right: 15px; margin-bottom: 4px; } #secondlist .blogCommentPrompt .options .answer-yes a { color: red; margin-right: 14px; } #secondlist .blogCommentPrompt .options .answer-yes .delete-replies { float: left; margin-top: 2px; } #secondlist .blogCommentPrompt .options .answer-yes .delete-replies label { font-family: Arial, Helvetica; vertical-align: middle; } #secondlist .blogCommentPrompt .options .answer-yes .delete-replies input { vertical-align: middle; } .wsite-theme-dark #commentAreaTitle { color: #666; } .wsite-theme-dark .blogCommentWrap { background: url('/weebly/images/blogging/dark-blog-comment-header.png') no-repeat 100% -96px; } .wsite-theme-dark .blogCommentHeading { background: url('/weebly/images/blogging/dark-blog-comment-header.png') no-repeat 0 -48px; } .wsite-theme-dark .blogCommentHeading .blogCommentHeadingInner { background: url('/weebly/images/blogging/dark-blog-comment-header.png') repeat-x 0 0; } .wsite-theme-dark .blogCommentHeading .blogCommentAuthor { color: #fff; background: url('/weebly/images/blogging/dark-blog-comment-pointer.png') no-repeat 20px 0; } .wsite-theme-dark .blogCommentHeading .blogCommentAuthor span.name, .wsite-theme-dark .blogCommentHeading .blogCommentAuthor a.name { text-shadow: #000 1px 1px 0; color: #fff !important; } .wsite-theme-dark .blogCommentOwner, .wsite-theme-dark .blogCommentOwner .blogCommentHeading, .wsite-theme-dark .blogCommentOwner .blogCommentHeadingInner { background-image: url('/weebly/images/blogging/dark-blog-comment-header-author.png'); } .wsite-theme-dark .blogCommentOwner .blogCommentHeading .blogCommentAuthor { background-image: url('/weebly/images/blogging/dark-blog-comment-pointer-author.png'); } .wsite-theme-dark .blogCommentHeading .blogCommentAuthor span.name, .wsite-theme-dark .blogCommentHeading .blogCommentAuthor span.email { text-shadow: #000 1px 1px 0; } .wsite-theme-dark .blogCommentHeading .blogCommentAuthor span.name { color: #fff; } .wsite-theme-dark .blogCommentHeading .blogCommentAuthor span.email { color: #fff; font-weight: normal; text-shadow: none; } .wsite-theme-dark .blogCommentHeading .blogCommentAuthor a.link { background: url('/weebly/images/blogging/dark-blog-comment-link.png') no-repeat 0 0; } .wsite-theme-dark .blogCommentHeading .blogCommentDate { color: #fff; text-shadow: none; } .wsite-theme-dark .blogCommentText p, .wsite-theme-dark #secondlist .blogCommentText p { color: #fff; } .wsite-theme-dark .blogCommentSubreplyWrapper div.iframeWrapper { background-color: #434242; border-color: #7a7a7a; } .wsite-theme-dark #commentPostDiv .field label { color: #fff; } .wsite-theme-dark #commentUserInfo { color: #fff; } .wsite-theme-dark #commentUserInfo a { color: orange; } .wsite-theme-dark #errorMessage { color: #fff; } /***************** Lightbox styles **********************/ /***** old *****/ #lightbox { background-color: #eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; } #lightbox #lightboxDetails { font-size: 14px; padding-top: 0.4em; } #lightbox #lightboxCaption { float: left; } #lightbox #keyboardMsg { float: right; } #lightbox #keyboardMsg a { text-decoration: none; font-size: 0.8em; color: #555555; font-family: verdana; } #lightbox img { border: none; } #overlay img { border: none; } #overlay { background: #000; opacity: 0.7; filter: alpha(opacity=70); } #lightbox #closeButton { top: 10px; right: 10px; border-left: 5px solid white !important; } /***** new *****/ #lightbox2{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox2 a img{ border: none; } #lightbox2 #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox2 #imageContainer{ padding: 10px; } #lightbox2 #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox2 #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox2 #imageContainer>#hoverNav{ left: 0;} #lightbox2 #hoverNav a{ outline: none;} #lightbox2 #prevLink, #lightbox2 #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #lightbox2 #prevLink { left: 0; float: left;} #lightbox2 #nextLink { right: 0; float: right;} #lightbox2 #prevLink { left: 0; float: left;} #lightbox2 #nextLink { right: 0; float: right;} #lightbox2 #prevLink:hover, #lightbox2 #prevLink:visited:hover { background: url(../../libraries/lightbox202/images/prevlabel.gif) left 15% no-repeat; } #lightbox2 #nextLink:hover, #lightbox2 #nextLink:visited:hover { background: url(../../libraries/lightbox202/images/nextlabel.gif) right 15% no-repeat; } #lightbox2 #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #lightbox2 #imageData{ padding:0 10px; } #lightbox2 #imageData #imageDetails{ width: 50%; float: left; text-align: left; color: #000 } #lightbox2 #imageData #caption{ font-weight: bold } #lightbox2 #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #lightbox2 #imageData #bottomNavPrev { width: 20px; float: right; padding-bottom: 0.7em; } #lightbox2 #imageData #bottomNavPrev img { display:block; margin:3px auto 0 auto; } #lightbox2 #imageData #bottomNavNext { width: 20px; float: right; padding-bottom: 0.7em; } #lightbox2 #imageData #bottomNavNext img { display:block; margin:3px auto 0 auto; } #lightbox2 #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; margin:0 0 0 10px; } #lightbox2-overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } #lightbox2 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body #lightbox2 .clearfix { display: inline-block; width: 100%; } * html #lightbox2 .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } /*********Fix IE Italics problem***********/ em { position: relative; } /***********Product Elements*******************/ .product-block{ width: 168px !important; padding: 7px !important; border: 1px solid #CCCCCC !important; } .product-block-inner{ border: 1px solid #CCCCCC !important; width: 164px !important; height: 120px !important; margin: 0px auto 0px auto !important; } .product-block .product-title{ font-size: 11px !important; font-weight: bold !important; margin: 0px !important; } .product-block .product-image{ width: 164px !important; height: 120px !important; border: none !important; } .product-block-price{ float: left !important; min-height: 20px !important; } .product-block .product-price{ float: left !important; } .product-block span.product-price { float: none !important; } .product-block .product-button{ float: right !important; border: none !important; } .product-large{ } .product-large .product-title{ font-size: 20px !important; font-weight: bold !important; margin: 0px 0px 5px 0px !important; } .product-large .product-description{ } .product-large .product-image{ float: left !important; border: none !important; margin: 0px 10px 10px 0px; } .product-large-price{ font-weight: bold !important; font-size: 14px !important; margin: 10px 0px !important; } .product-large .product-price{ float: left !important; } .product-large span.product-price{ float: none !important; } .product-large .product-button{ border: none !important; } .product-small{ } .product-small .product-title{ font-size: 16px !important; font-weight: bold !important; margin: 0px 0px 3px 0px !important; } .product-small .product-description{ } .product-small .product-image{ float: left !important; border: none !important; margin: 0px 10px 10px 0px !important; } .product-small-price{ float: left !important; font-weight: bold !important; font-size: 12px !important; margin: 6px 0px !important; } .product-small .product-price{ float: left !important; } .product-small span.product-price{ float: none !important; } .product-small .product-button{ float: right !important; border: none !important; } .product-long{ border: 1px solid #efefef !important; padding: 15px !important; margin-bottom: 15px !important; } .product-long .product-title{ font-size: 20px !important; font-weight: bold !important; margin: 0px 0px 20px 0px !important; } .product-long .product-description{ } .product-long-detail{ float:right !important; background: #efefef !important; width: 155px !important; border: 1px solid #cdcdcd !important; padding: 3px 15px !important; line-height: normal !important; margin-left: 10px !important; } .product-long .product-image{ float: left !important; border: none !important; margin: 0px 10px 10px 0px !important; } .product-long-price{ font-weight: bold !important; font-size: 16px !important; color: #000000; margin: 10px 0px !important; } .product-long .product-price{ float: left; } .product-long span.product-price{ float: none !important; } .product-long .product-button{ border: none !important; } .paypal-pixel{ border: none !important; } .product{ margin-bottom: 10px !important; } /****************************** flyout menus ******************************/ #weebly-menus .weebly-menu-wrap, #wsite-menus .wsite-menu-wrap { z-index: 5000; font-size: 0; line-height: 0; } #weebly-menus .weebly-menu, #wsite-menus .wsite-menu { margin: 0; padding: 0; list-style: none; } #weebly-menus .weebly-menu li, #wsite-menus .wsite-menu li { position: relative; margin: 0; padding: 0; width: 200px; text-align: left; } #weebly-menus .weebly-menu li a, #wsite-menus .wsite-menu li a { position: relative; display: block; background: #f9f9f8; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; text-decoration: none; font-size: 13px; font-weight: normal; line-height:1; padding: 5px; color: #000; zoom: 1; } #weebly-menus .weebly-menu li a:hover, #wsite-menus .wsite-menu li a:hover { background: #e3e3e3; } #weebly-menus span.weebly-menu-title, #wsite-menus span.wsite-menu-title { display: block; padding: 5px 10px; zoom: 1; } #weebly-menus span.weebly-menu-more, #wsite-menus span.wsite-menu-more { /* legacy */ display: block; position: absolute; right: 5px; top: 0; font-family: Courier; height: 28px; line-height: 28px; padding:5px 0 5px 0; } #wsite-menus .wsite-menu-arrow { display: block; position: absolute; right: 5px; top: 50%; font-family: Courier; height: 15px; line-height: 15px; margin-top: -7px; } /************************** Image Gallery ****************************/ html body .galleryImageBorder, html body a .galleryImageBorder { border-style: solid; border-color: #ccc #aaa #aaa #ccc; } html body .galleryImageBorderBlack, /* for standalone image options */ html body a .galleryImageBorderBlack { border-style: solid; border-color: #000; } .imageGallery { /* fix for when inside overflow:auto, columns would be incorrect */ width: 100%; } /* required to make new image galleries work in blogs in IE */ .blog-body { width: 100%; } .blog-content .imageGallery, #blog-content .imageGallery { width: 101%; } /************************* Form ********************************/ .weebly-form-field, .wsite-form-field{ clear: both; } .weebly-form-field select, .wsite-form-field select{ height: 25px; } .weebly-form-label, .wsite-form-label{ font-weight: bold; } .weebly-form-sublabel, .wsite-form-sublabel{ display: block; padding-bottom: 5px !important; font-size: 11px; } .weebly-form-left, .wsite-form-left{ float: left; } .weebly-form-right, .wsite-form-right{ float: right; } /* form text inputs defined at way top */ .formlist, .wsite-editor .formlist { min-height: 100px; margin: 0px !important; padding: 0px !important; } .form-input-error { border-color: red !important; } .form-not-required { display:none; } .form-required { display: inline; color: red; } .form-radio-container, .wsite-editor .form-radio-container { display: block; margin: 5px 0px 7px 0px !important; } .form-radio-container input, .wsite-editor .form-radio-container input { margin: 0px 5px 0px 0px; border: none !important; } .instructions-container { position: absolute; z-index: 10; width: 185px; background: #FEEFDA; border: 1px solid #F7941C; padding: 10px; cursor: pointer; font-size: 14px; color: #000; } .form-field-error .weebly-form-radio-container, .form-field-error .wsite-form-radio-container { border: 1px solid red; } /****** paragraph and picture ******/ .imgPusher { display: block; *width: 1px; *height: 0; overflow: hidden; } /****** new image element bordering *******/ .wsite-image { position: relative; } .wsite-image a { display: inline-block\9; /* only for IE 6/7/8 */ max-width: 100%\9; /* */ } body .wsite-image-border-hairline a img, body .wsite-image-border-thin a img, body .wsite-image-border-medium a img, body .wsite-image-border-thick a img { border-width: 1px; border-style: solid; border-color: #ccc #aaa #aaa #ccc; } body .wsite-image-border-black a img { border-color: #000; } .wsite-image-border-none a img { border-width: 0 !important; } .wsite-image-border-hairline { padding-left: 1px !important; padding-right: 1px !important; } .wsite-image-border-hairline img { margin-left: -1px !important; margin-right: -1px !important; } .wsite-image-border-thin { padding-left: 2px !important; padding-right: 2px !important; } .wsite-image-border-thin img { padding: 1px !important; margin-left: -2px !important; margin-right: -2px !important; } .wsite-image-border-medium { padding-left: 4px !important; padding-right: 4px !important; } .wsite-image-border-medium img { padding: 3px !important; margin-left: -4px !important; margin-right: -4px !important; } .wsite-image-border-thick { padding-left: 7px !important; padding-right: 7px !important; } .wsite-image-border-thick img { padding: 6px !important; margin-left: -7px !important; margin-right: -7px !important; } .blog-content div a img, #blog-content div a img { max-width: 100%; /* fix for old image elements on blog posts */ } .blog-content .imageGallery div a img, #blog-content .imageGallery div a img, .blog-content .wslide div a img, #blog-content .wslide div a img { max-width: none; /* but not for images within slideshows or galleries */ } /****** Logo Areas ***********/ .wsite-logo { display: inline-block; vertical-align: top; } .wsite-logo img, .wsite-logo span { vertical-align: top !important; } .wsite-logo table { border-collapse: collapse !important; border-spacing: 0 !important; margin: 0 !important; border: 0 !important; } .wsite-logo td { vertical-align: middle !important; } .wsite-logo td { border: 0 !important; padding: 0 !important; } .wsite-logo a img { border: 0; } .wsite-title-placeholder { padding-right: 60px !important; cursor: default; } /****** Horizontal Rule ******/ hr.styled-hr { background-color:#777777; border:0pt none; color:#777777; height:1px; margin:0 auto; text-align: center; } .wsite-not-footer { text-align: left; } /* Multicolumn Element --------------------------------------------------------------------------------------*/ .wsite-multicol { position: relative; direction: ltr; } .wsite-multicol-table { position: relative; border-collapse: collapse; table-layout: fixed; width: 100%; margin: 0 !important; border: 0 !important; padding: 0 !important; } .wsite-multicol-col { vertical-align: top; margin: 0 !important; border: 0 !important; padding: 0; }