@import url('secondary-silver.css'); /* ************************************************************************* */ /* KARMA SILVER /* ************************************************************************* */ /*---------------------------------------------------------------*/ /* HEADER /*---------------------------------------------------------------*/ #header .header-holder {background:#757575 url(../images/karma-silver/bg-header-holder.jpg) 0 0 repeat-x !important;} .big-banner #header .header-holder {background:#757575 url(../images/karma-silver/bg-big-header-holder.png) 0 0 repeat-x !important;} .top-block {background:#515151 !important;} /*---------------------------------------------------------------*/ /* FOOTER /*---------------------------------------------------------------*/ #footer {background:#9C9C9C url(../images/karma-silver/bg-footer.jpg) repeat-x !important;} #footer_bottom {background:#343434 url(../images/karma-silver/bg-footer-bottom.jpg) repeat-x !important;color: #868686 !important;} /*---------------------------------------------------------------*/ /* NAVIGATION /*---------------------------------------------------------------*/ #menu-main-nav li strong {color:#FFF !important;} #menu-main-nav a span {color:#DDD !important;} /* link color parent level */ #menu-main-nav a:hover span, #menu-main-nav li.current_page_item a span, #menu-main-nav li.current_page_parent a span, #menu-main-nav li.current-page-ancestor a span, #menu-main-nav .drop ul li.current-menu-item a, #menu-main-nav .drop ul li.current-menu-item a span, #menu-main-nav .drop ul .drop ul li.current-menu-item a, #menu-main-nav .drop ul .drop ul li.current-menu-item a span{text-decoration:none;color:#FFF !important;} /* A. active link color parent level (see B) */ #menu-main-nav .drop ul li.current-menu-item a, #menu-main-nav .drop ul li.current-menu-item a span, #menu-main-nav .drop ul .drop ul li.current-menu-item a, #menu-main-nav .drop ul .drop ul li.current-menu-item a span{text-decoration:none;color:#999 !important;} /* B. active dropdown link color (if different than A) */ #menu-main-nav li {background:url(../images/_global/seperator-main-nav-dark.png) 0 50% no-repeat !important;} /* dropdown */ #menu-main-nav .drop .t {background:url(../images/_global/global-sprite.png) -724px -1104px no-repeat !important;} #menu-main-nav .drop .b {background:url(../images/_global/global-sprite.png) -724px -1115px no-repeat !important;} #menu-main-nav .drop .c, #menu-main-nav li.parent:hover {background:#515151 !important;} /* IE only - un-comment for rounded corners *:first-child+html #menu-main-nav li.parent:hover {background:url(../images/_global/global-sprite.png) -724px -1043px no-repeat !important;} *:first-child+html #menu-main-nav li.parent:hover {background-color: none !important;} *:first-child+html #menu-main-nav li.parent {min-width: 88px !important;width: auto !important;} */ /* dropdown link hover rounded image top */ #menu-main-nav .drop ul li.hover a, #menu-main-nav .drop ul a:hover {background:#8E8E8E url(../images/karma-silver/bg-drop-li-t.jpg) no-repeat !important;} #menu-main-nav .drop ul .drop ul li.hover a, #menu-main-nav .drop ul .drop ul a:hover {background:#8E8E8E url(../images/karma-silver/bg-drop-li-t.jpg) no-repeat !important;} #menu-main-nav .drop ul .drop ul .drop ul li.hover a, #menu-main-nav .drop ul .drop ul .drop ul a:hover {background:#8E8E8E url(../images/karma-silver/bg-drop-li-t.jpg) no-repeat !important;} #menu-main-nav .drop ul .drop ul .drop ul li.current-menu-item a, #menu-main-nav .drop ul .drop ul .drop ul li.current_page_ancestor a, #menu-main-nav .drop ul .drop ul .drop ul li.hover a, #menu-main-nav .drop ul .drop ul .drop ul a:hover {background:#8E8E8E url(../images/karma-silver/bg-drop-li-t.jpg) no-repeat !important;} /* dropdown link hover rounded image bottom */ #menu-main-nav .drop ul li.hover a span, #menu-main-nav .drop ul a:hover span {background:url(../images/karma-silver/bg-drop-li-b.jpg) 0 100% no-repeat !important;color:#2B3137 !important;} #menu-main-nav .drop ul .drop ul li.hover a span, #menu-main-nav .drop ul .drop ul a:hover span {background:url(../images/karma-silver/bg-drop-li-b.jpg) 0 100% no-repeat !important;color:#2B3137 !important;} #menu-main-nav .drop ul .drop ul .drop ul li.hover a span, #menu-main-nav .drop ul .drop ul .drop ul a:hover span {background:url(../images/karma-silver/bg-drop-li-b.jpg) 0 100% no-repeat !important;color:#2B3137 !important;} #menu-main-nav .drop ul .drop ul .drop ul li.current-menu-item a span, #menu-main-nav .drop ul .drop ul .drop ul li.current_page_ancestor a span, #menu-main-nav .drop ul .drop ul .drop ul li.hover a span, #menu-main-nav .drop ul .drop ul .drop ul a:hover span {background:url(../images/karma-silver/bg-drop-li-b.jpg) 0 100% no-repeat !important;color:#2B3137 !important;} /* misc nav settings */ #menu-main-nav li.current-menu-parent li a span, #menu-main-nav li.current-menu-item li a span, #menu-main-nav li.current_page_ancestor li a span, #menu-main-nav .drop ul a, #menu-main-nav .drop ul a span, #menu-main-nav .drop ul .drop ul a, #menu-main-nav .drop ul .drop ul a span, #menu-main-nav .drop ul .drop ul .drop ul a, #menu-main-nav .drop ul .drop ul .drop ul a span, #menu-main-nav li .sub-menu li .sub-menu li .sub-menu li a span {background:none !important;color: #FFF !important;} /* C. dropdown link color */ .search-header #menu-main-nav .sub-menu a span, .search-header #menu-main-nav .current_page_parent .sub-menu a span, .error-header #menu-main-nav .sub-menu a span, .error-header #menu-main-nav .current_page_parent .sub-menu a span {color: #FFF !important;} #menu-main-nav .drop ul li.current-menu-item ul li a, #menu-main-nav .drop ul li.current-menu-item ul li a span {color:#FFF !important;} /* D. dropdown link color (match C) */ .search-header #menu-main-nav a span, .search-header #menu-main-nav .current_page_parent a span, .error-header #menu-main-nav a span, .error-header #menu-main-nav .current_page_parent a span {color:#DDD !important;} /* #menu-main-nav li{text-shadow:1px 1px 1px #777;} */ #menu-main-nav .sub-menu li {text-shadow:none !important;} /*---------------------------------------------------------------*/ /* LINKS + LISTS /*---------------------------------------------------------------*/ .top-block, .top-block a, #header .sub-nav li, #header .sub-nav2 li {color:#DDD !important;} .top-block a:hover {color:#FFF !important;} .top-block .sub-nav ul li, .top-block .sub-nav2 ul li {background:url(../images/_global/separator-toolbar.png) 0 50% no-repeat !important;} .footer-holder a {color:#DDD !important;} .footer-holder a:hover {color:#FFF !important;} #footer_bottom a {color:#DDD !important;text-decoration:underline;} #footer_bottom a:hover {color:#FFF !important;text-decoration:none;} .footer_post h4 a{color:#FFF !important;} #mc_signup .mc_required, .mc_required, #mc-indicates-required {color:#FFF !important;} #footer .blogroll a{color:#FFF !important;font-weight:bold;} #footer .blogroll a:hover{color:#FFF !important;} #footer .blogroll li{color:#DDD !important;} /*---------------------------------------------------------------*/ /* TYPOGRAPHY /*---------------------------------------------------------------*/ #footer h3 {border-bottom: 1px solid #BBB !important;} #footer, #footer_bottom {color: #DDD !important;} #footer .footer_post h4, #footer .footer_post h4 a {font-weight: bold !important;} #mc_signup_form label {color:#DDD !important;}/* Template Name: Karma Template URL: http://themeforest.net/item/karma-clean-and-modern-wordpress-theme/168737?ref=TrueThemes Author: TrueThemes Version: 1.0 */ /* ---------------------- Stylesheet Guide ------------------------- 01. GLOBAL STYLES 02. LAYOUT 1. GENERAL STRUCTURE 2. CONTENT AREA 3. PORTFOLIO PAGES 4. FOOTER 5. MULTI COLUMNS 6. SIDEBAR 7. HOMEPAGE 8. SITEMAP 9. VIDEO + 3D THUMBS 03. NAVIGATION 1. MAIN NAVIGATION 2. VERTICAL SUB NAVIGATION 3. HORIZONTAL SUB NAVIGATION 4. BREADCRUMBS 04. LINKS 1. GENERAL LINKS 2. TOP LINK 3. CUSTOM BUTTONS 05. LISTS 1. GENERAL LISTS 2. CUSTOM LIST BULLETS 3. ACCORDION 4. TABS 06. TYPOGRAPHY 1. GENERAL TYPOGRAPHY 2. @FONT-FACE 3. MESSAGE BOXES 4. FOOTER 5. CALLOUTS 07. BLOG 08. FORMS 09. IMAGES 1. GENERAL 2. MODERN FRAME 3. SHADOW FRAME 10. MISCELLANEOUS 11. WORDPRESS 1. KARMA Pagenavi 2. MAILCHIMP 3. DEFAULTS 4. 404 ERROR PAGE 5. CONSTANT CONTACT 12. WIDGETS + SHORTCODES 1. DEFAULT STYLES 2. BLOGROLL - FOOTER 3. CALENDAR 4. RECENT POSTS - SIDEBAR 5. BLOGROLL - SIDEBAR 6. SEARCH - SIDEBAR 7. SOCIAL MEDIA 8. LATEST TWEETS 9. TESTIMONIALS SLIDER 13. PROGRESSIVE CSS ENHANCEMENTS 14. PRETTY PHOTO 15. IE SPECIFIC */ /* *********************************************************************************** */ /* 01. GLOBAL /* *********************************************************************************** */ * {font-size: 100.01%;} html {font-size: 62.5%;margin:0;padding:0;} body {margin:0;background:#f4f4f2;font:1.2em/19px "helvetica neue",Helvetica,Arial,Verdana,sans-serif;color:#666;} /* *********************************************************************************** */ /* 02. LAYOUT /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LAYOUT /*---------------------------------------------------------------*/ #wrapper {width:100%;display:table;} #wrapper #header {display:table-header-group;} .top-block .top-holder {width:980px;margin:0 auto;font-size:10px;padding:4px 0;min-height:4px;height:auto;} .top-block .top-holder:after {clear:both;display:block;content:"";} #header .rays {background: url(../images/_global/rays.png) 50% 0 no-repeat;} #header .header-area {width:980px;margin:0 auto;padding:38px 0 33px 0;} #header .header-area:after {clear:both;display:block;content:"";} #main {background:url(../images/_global/bg-main.gif) repeat-x;display:table-footer-group;position:relative;width:100%;} #main .main-area {width:980px;margin:0 auto;padding:43px 0 5px 0;} .tools .place {float:right;} .main-holder {height:1%;overflow:hidden;padding-top:45px;} .carousel-holder {width:315px !important;} /*---------------------------------------------------------------*/ /* 2. CONTENT AREA /*---------------------------------------------------------------*/ #content {width:720px;float:left;margin-left: 20px;} .content_left_sidebar {float: right !important;} .content_right_sidebar {width: 510px !important;} .content_full_width {width: 940px !important;padding: 0 20px 0 20px;float:left;margin-left: 0 !important;} .portfolio_full_width {margin-left: 0 !important;width:980px !important;} /*---------------------------------------------------------------*/ /* 3. PORTFOLIO PAGES /*---------------------------------------------------------------*/ .portfolio_wrap {width: 100%;float: left;padding-bottom: 30px;} .portfolio_content {clear: left;padding-top: 8px;padding-bottom: 40px;} .port_sep {width: 100%;margin-bottom:30px;float: left;} .portfolio_layout .one_fourth, .portfolio_layout .one_fourth_last, .portfolio_layout .one_third, .portfolio_layout .one_third_last, .portfolio_layout .one_half, .portfolio_layout .one_half_last {position: relative;} /* Preloading */ .preload_one {width: 703px;height: 563px;background: url(../images/_global/preload.gif) center center no-repeat;} .preload_two {width: 437px;height: 234px;background: url(../images/_global/preload.gif) center center no-repeat;} .preload_three {width: 275px;height: 145px;background: url(../images/_global/preload-small.gif) center center no-repeat;} .preload_four {width: 190px;height: 111px;background: url(../images/_global/preload-small.gif) center center no-repeat;} /* 1 column */ .portfolio_one_column{width: 191px;float: left;} .portfolio_one_column_last {float: right;width: 722px;height: 602px;background: url(../images/_global/global-sprite.png) 0 -31px no-repeat;position: relative;} .port_img_one {width: 703px;height: 563px;float: left;position: absolute;top:8px;left:9px;} /* 2 columns */ .port_img_two {width: 437px;height: 234px;float: left;position: absolute;top:8px;left:9px;} .portfolio_content_top {float: left;width: 455px;height: 272px;background: url(../images/_global/image-frame-sprite.png) 0px 0px no-repeat;} /* 3 columns */ .port_img_three {width: 275px;height: 145px;float: left;position: absolute;top:8px;left:9px;} .portfolio_content_top_three {float: left;height: 179px;width: 293px;background: url(../images/_global/image-frame-sprite.png) -1px -279px no-repeat;} /* 4 columns */ .port_img_four {width: 208px;height: 146px;float: left;position: absolute;top:8px;left:9px;} .portfolio_content_top_four {float: left;height: 146px;width: 208px;background: url(../images/_global/image-frame-sprite.png) -2px -465px no-repeat;} /*---------------------------------------------------------------*/ /* 4. FOOTER /*---------------------------------------------------------------*/ #footer {width:100%;position:relative;padding-top: 40px;} #footer .footer-area {width:980px;margin:0 auto;position:relative;} #footer .footer-wrapper {width:980px;overflow:hidden;} #footer .footer-holder {width:100%;overflow:hidden;padding:45px 0 25px 6px;} #footer .box {width:333px;float:left;} #footer_bottom {width: 100%;min-height:89px;height:auto;} #foot_left {float: left;width:440px;} #foot_left .textwidget {margin-top:-18px;} #foot_right {float: right;width:520px;text-align: right;} .info {width:980px;margin:0 auto;font-size:11px;overflow:hidden;padding:34px 0 0 8px;position:relative;} #footer .footer_post {padding: 2px 0 16px 0;} /*---------------------------------------------------------------*/ /* 5. MULTI COLUMNS /*---------------------------------------------------------------*/ .clear {clear: both;} .one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .one_sixth, .one_sixth_last, .two_thirds, .two_thirds_last {padding-bottom: 20px;} #content .one_half {float:left;width:342px;margin-right:30px;} #content .one_half_last {float:right;width:342px;margin:0;} #content .one_third {float:left;width:220px;margin-right:30px;} #content .one_third_last {float:right;width:220px;margin:0;} #content .one_fourth {float:left;width:152px;margin-right:36px;} #content .one_fourth_last {float:right;width:152px;margin:0;} #content .one_fifth {float:left;width:124px;margin-right:23px;} #content .one_fifth_last {float:right;width:124px;margin:0;} #content .one_sixth {float:left;width:100px;margin-right:20px;} #content .one_sixth_last {float:right;width:100px;margin:0;} #content .two_thirds {float:left;width:470px;margin:0;} #content .two_thirds_last {float:right;width:470px;margin:0;} #content .three_fourth {float:left;width:550px;margin:0;} #content .three_fourth_last {float:right;width:530px;margin:0;} .content_full_width .one_half {float:left;width:455px !important;margin-right:30px !important;} .content_full_width .one_half_last {float:right;width:455px !important;margin:0 !important;} .content_full_width .one_third {float:left;width:293px !important;margin-right:30px !important;} .content_full_width .one_third_last {float:right;width:293px !important;margin:0 !important;} .content_full_width .one_fourth {float:left;width:208px !important;margin-right:36px !important;} .content_full_width .one_fourth_last {float:right;width:208px !important;margin:0 !important;} .content_full_width .one_fifth {float:left;width:168px !important;margin-right:23px !important;} .content_full_width .one_fifth_last {float:right;width:168px !important;margin:0 !important;} .content_full_width .one_sixth {float:left;width:140px !important;margin-right:20px !important;} .content_full_width .one_sixth_last {float:right;width:140px !important;margin:0 !important;} .content_full_width .two_thirds {float:left;width:595px !important;margin:0 !important;} .content_full_width .two_thirds_last {float:right;width:595px !important;margin:0 !important;} .content_full_width .three_fourth {float:left;width:690px !important;margin:0 !important;} .content_full_width .three_fourth_last {float:right;width:685px !important;margin:0 !important;} .content_full_width .two_thirds_last .one_third, .content_full_width .two_thirds_last .one_third_last, .content_full_width .two_thirds .one_third, .content_full_width .two_thirds .one_third_last {width:280px !important;} .content_sidebar .one_fourth, .content_sidebar .one_fourth_last {width:105px !important;} .content_sidebar .one_third, .content_sidebar .one_third_last {width:145px !important;} .content_sidebar .one_half, .content_sidebar .one_half_last {width:235px !important;} .content_sidebar .two_thirds, .content_sidebar .two_thirds_last {width:325px !important;} #footer .one_half {float:left;width:455px !important;margin-right:30px !important;} #footer .one_half_last {float:right;width:455px !important;margin:0 !important;} #footer .one_third {float:left;width:305px !important;margin-right:30px !important;} #footer .one_third_last {float:right;width:305px !important;margin:0 !important;} #footer .one_fourth, #footer .one_fourth_last {float:left !important;width:227px !important;margin-right:23px !important;} #footer .one_fourth_last {margin-right:0px !important;float:right !important;} #footer .one_fifth {float:left;width:177px !important;margin-right:23px !important;} #footer .one_fifth_last {float:right;width:177px !important;margin:0 !important;} #footer .one_sixth {float:left;width:146px !important;margin-right:20px !important;} #footer .one_sixth_last {float:right;width:146px !important;margin:0 !important;} #content .tabs-area .one_half, #content .slide .one_half {float:left;width:310px;margin-right:30px;} #content .tabs-area .one_half_last, #content .slide .one_half_last {float:right;width:310px;margin:0;} #content .tabs-area .one_third, #content .slide .one_third {float:left;width:194px;margin-right:35px;} #content .tabs-area .one_third_last, #content .slide .one_third_last {float:right;width:194px;margin:0;} #content .tabs-area .one_fourth, #content .slide .one_fourth {float:left;width:141px;margin-right:30px;} #content .tabs-area .one_fourth_last, #content .slide .one_fourth_last {float:right;width:141px;margin:0;} #content .tabs-area .one_fifth, #content .slide .one_fifth {float:left;width:108px;margin-right:28px;} #content .tabs-area .one_fifth_last, #content .slide .one_fifth_last {float:right;width:108px;margin:0;} #content .tabs-area .one_sixth, #content .slide .one_sixth {float:left;width:92px;margin-right:20px;} #content .tabs-area .one_sixth_last, #content .slide .one_sixth_last {float:right;width:92px;margin:0;} #content .tabs-area .two_thirds, #content .slide .two_thirds {float:left;width:425px;margin:0;} #content .tabs-area .two_thirds_last, #content .slide .two_thirds_last {float:right;width:425px;margin:0;} #content .tabs-area .three_fourth, #content .slide .three_fourth {float:left;width:485px;margin:0;} #content .tabs-area .three_fourth_last, #content .slide .three_fourth_last {float:right;width:485px;margin:0;} .content_full_width .tabs-area .one_half, .content_full_width .slide .one_half {float:left;width:420px !important;margin-right:30px !important;} .content_full_width .tabs-area .one_half_last, .content_full_width .slide .one_half_last {float:right;width:420px !important;margin:0 !important;} .content_full_width .tabs-area .one_third, .content_full_width .slide .one_third {float:left;width:267px !important;margin-right:30px !important;} .content_full_width .tabs-area .one_third_last, .content_full_width .slide .one_third_last {float:right;width:267px !important;margin:0 !important;} .content_full_width .tabs-area .one_fourth, .content_full_width .slide .one_fourth {float:left;width:190px !important;margin-right:36px !important;} .content_full_width .tabs-area .one_fourth_last, .content_full_width .slide .one_fourth_last {float:right;width:190px !important;margin:0 !important;} .content_full_width .tabs-area .one_fifth, .content_full_width .slide .one_fifth {float:left;width:155px !important;margin-right:23px !important;} .content_full_width .tabs-area .one_fifth_last, .content_full_width .slide .one_fifth_last {float:right;width:155px !important;margin:0 !important;} .content_full_width .tabs-area .one_sixth, .content_full_width .slide .one_sixth {float:left;width:127px !important;margin-right:20px !important;} .content_full_width .tabs-area .one_sixth_last, .content_full_width .slide .one_sixth_last {float:right;width:127px !important;margin:0 !important;} .content_full_width .tabs-area .two_thirds, .content_full_width .slide .two_thirds {float:left;width:575px !important;margin:0 !important;} .content_full_width .tabs-area .two_thirds_last, .content_full_width .slide .two_thirds_last {float:right;width:575px !important;margin:0 !important;} .content_full_width .tabs-area .three_fourth, .content_full_width .slide .three_fourth {float:left;width:650px !important;margin:0 !important;} .content_full_width .tabs-area .three_fourth_last, .content_full_width .slide .three_fourth_last {float:right;width:650px !important;margin:0 !important;} .content_sidebar .tabs-area .one_half, .content_sidebar .slide .one_half {float:left;width:205px !important;} .content_sidebar .tabs-area .one_half_last, .content_sidebar .slide .one_half_last {float:right;width:205px !important;} .content_sidebar .tabs-area .one_third, .content_sidebar .slide .one_third {float:left;width:125px !important;} .content_sidebar .tabs-area .one_third_last, .content_sidebar .slide .one_third_last {float:right;width:125px !important;} .content_sidebar .tabs-area .one_fourth, .content_sidebar .slide .one_fourth {float:left;width:88px !important;margin-right:28px !important;} .content_sidebar .tabs-area .one_fourth_last, .content_sidebar .slide .one_fourth_last {float:right;width:88px !important;} .content_sidebar .tabs-area .one_fifth, .content_sidebar .slide .one_fifth {float:left;width:66px !important;} .content_sidebar .tabs-area .one_fifth_last, .content_sidebar .slide .one_fifth_last {float:right;width:66px !important;} .content_sidebar .tabs-area .one_sixth, .content_sidebar .slide .one_sixth {float:left;width:56px !important;} .content_sidebar .tabs-area .one_sixth_last, .content_sidebar .slide .one_sixth_last {float:right;width:56px !important;} .content_sidebar .tabs-area .two_thirds, .content_sidebar .slide .two_thirds {float:left;width:280px !important;} .content_sidebar .tabs-area .two_thirds_last, .content_sidebar .slide .two_thirds_last {float:right;width:280px !important;} .content_sidebar .tabs-area .three_fourth, .content_sidebar .slide .three_fourth {float:left;width:320px !important;} .content_sidebar .tabs-area .three_fourth_last, .content_sidebar .slide .three_fourth_last {float:right;width:320px !important;} /* iphone template */ .contact_iphone_content .two_thirds {} .contact_iphone_content .two_thirds .one_half {float:left;width:280px !important;margin-right:30px !important;} .contact_iphone_content .two_thirds .one_half_last {float:right;width:280px !important;margin:0 !important;} .contact_iphone_content .two_thirds .one_third {float:left;width:175px !important;margin-right:30px !important;} .contact_iphone_content .two_thirds .one_third_last {float:right;width:175px !important;margin:0 !important;} .contact_iphone_content .two_thirds .one_fourth {float:left;width:121px !important;margin-right:36px !important;} .contact_iphone_content .two_thirds .one_fourth_last {float:right;width:121px !important;margin:0 !important;} .contact_iphone_content .two_thirds .two_thirds {float:left;width:376px !important;margin:0 !important;} .contact_iphone_content .two_thirds .two_thirds_last {float:right;width:376px !important;margin:0 !important;} .contact_iphone_content .two_thirds .three_fourth {float:left;width:417px !important;margin:0 !important;} .contact_iphone_content .two_thirds .three_fourth_last {float:right;width:417px !important;margin:0 !important;} /*---------------------------------------------------------------*/ /* 6. SIDEBAR /*---------------------------------------------------------------*/ #sidebar {background:url(../images/_global/bg-sidebar.gif) 0 0 repeat-y;padding-bottom:65px;float: right;width: 173px;padding: 0 0 0 25px;} .left_sidebar {float: left !important;background:url(../images/_global/bg-sidebar.gif) top right repeat-y !important;padding: 0 25px 0 0 !important;margin: 0 0 0 25px;} .contact_iphone {background:url(../images/_global/bg-iphone-sidebar.png) 100% 0 no-repeat;height: 594px;position:relative;} .contact_iphone .sidebar-iphone, .contact_iphone .sidebar-widget {width:180px !important;} .iphone-wrap {margin:110px 0 0 75px;background: none !important;padding-top:5px;} .sidebar-iphone .social_icons {margin:0;padding:3px 0 0 0;float: none !important;} #main .contact_iphone .sidebar-widget {width:180px !important;margin: 0 !important;background: none !important;padding-bottom: 15px !important;} #main .contact_iphone .iphone-header {padding-bottom: 10px;color:#000;font-weight:normal !important;} #main .contact_iphone p {color:#444;} /*---------------------------------------------------------------*/ /* 7. HOMEPAGE /*---------------------------------------------------------------*/ .flash_wrap {min-height:400px;height:auto;} .port-wrap {height:650px;} .home-holder {padding: 0;} .home-flash-slider{width:940px;height:400px;margin:95px auto 0 auto;} /* Tall Banner General Settings */ .big-banner .rays {background: url(../images/_global/rays-big.png) 50% 0 no-repeat !important;height: 389px !important;} .big-banner #header .header-holder {height: 438px !important;} .big-banner #main {background-image:none !important;} .big-banner #main .main-area {padding-top: 118px;} .big-banner #main .flash-main-area {padding-top: 0px !important;} .home-banner-wrap {width:940px;height:419px;margin:87px auto 0 auto;background:url(../images/_global/bg-home-banner.png) 0px 0px no-repeat;position:relative;} .big-banner .content_full_width {padding-top: 0px !important;} .home-banner-main {width: 350px;top:32px;left:45px;position:absolute;} .home-banner-sub {width: 456px;height:309px;background:url(../images/_global/shadowBG.jpg) 0px 0px no-repeat;top:40px;right:40px;position:absolute;} .home-banner-sub-content {width: 436px;height:270px;margin: 10px 0 0 10px;} .home-banner-sub-full {width: 860px;height:304px;background:url(../images/_global/shadowBG-full.jpg) 0px 0px no-repeat;top:40px;right:40px;position:absolute;} .home-banner-sub-content-full {width: 840px;height:270px;margin: 10px 0 0 10px;} .home-bnr-jquery {position:relative;} /* jQuery 2 */ .home-banner-wrap ul {list-style:none;margin:0;padding:0;width:940px;height:381px;background-image: url("../images/_global/home-preloader.gif");background-position:center;background-repeat: no-repeat;} .home-banner-wrap li {width:940px;height:381px;} .home-banner-wrap li.jqslider{display: none;} .jquery-pager {text-align:center;padding-top: 20px;} .jquery-pager a {display: inline-block;width:15px;height:15px;text-indent:-9999em;outline:none;background:url(../images/_global/global-sprite.png) -740px -179px no-repeat;margin-right: 12px;} .jquery-pager .activeSlide {background:url(../images/_global/global-sprite.png) -725px -179px no-repeat;} .home_video_preload {width: 100%;height: 100%;background: url(../images/_global/preload-white.gif) center center no-repeat;} .big-banner .content_home_video {padding-top: 80px !important;} /* jQuery */ .home-bnr-jquery {margin:0 auto;width: 940px;height: 283px;} .home-bnr-jquery ul {list-style:none;margin:0;padding:0;width: 940px;height: 283px;} .home-bnr-jquery ul li {width: 940px;height: 283px;} .home-bnr-jquery ul li.jqslider{display: none;} .home-jquery-content {padding-top: 45px;} .home-bnr-jquery .home-banner-sub {width: 432px;height:270px;background:url(../images/_global/global-sprite.png) 0 -1188px no-repeat;top:13px;right:35px;position:absolute;} .home-bnr-jquery .home-banner-sub-content {width: 404px;height:256px;margin: 14px 0 0 14px;} .home-banner-bottom {width: 404px;height:7px;background:url(../images/_global/jquery-btm-shdw.png) 0 0 no-repeat;top:263px;right:14px;position:absolute;z-index:4;} .home-bnr-jquery .home-banner-main {width: 375px;top:40px;left:45px;position:absolute;} .home-jquery-content {padding-top: 45px;} .home-bnr-jquery .home-banner-sub-full {width: 940px;height:283px;top:0px;left:0px;position:absolute;margin:0;padding:0;background:none;} .home-bnr-jquery .home-banner-sub-full p {top:0px;left:0px;position:absolute;margin:0;padding:0;background:none;} /*---------------------------------------------------------------*/ /* 8. SITEMAP /*---------------------------------------------------------------*/ #main .sitemap_with_child, #main .sitemap_without_child {float:left;width:200px;margin-right:20px;} #main .sitemap_with_child a, #main .sitemap_without_child a {color: #666;font-weight:bold;text-decoration:none;} #main .sitemap_with_child .page_item a, #main .sitemap_without_child .page_item a {font-weight:normal;text-decoration:underline;} #main .sitemap_with_child ul, #main .sitemap_without_child ul {list-style: none;margin:0;padding:8px 0 0 0;} #main .sitemap_with_child ul {padding:0;} #main .sitemap_with_child ul a {text-decoration:none !important;} #main .sitemap_with_child a:hover, #main .sitemap_without_child a:hover {text-decoration:underline !important;} /*---------------------------------------------------------------*/ /* 9. VIDEO + 3D THUMBS /*---------------------------------------------------------------*/ .video-main {width: 592px;height: 371px;float: left;background:url(../images/_global/bg-video.png) 0 0 no-repeat;position:relative;} .video-frame {width: 572px;height: 312px;position: absolute;top: 10px;left: 10px;background: url(../images/_global/preload-white.gif) center center no-repeat;} .video-sub {width: 305px;float: right;padding-top: 15px;} .three-d-main {width: 527px;height: 475px;float: left;} .three-d-sub {width: 380px;float: right;padding-top: 15px;} .three-d-wrap {padding-bottom: 12px;} .video_right .video-main, .video_right .two-d-main, .video_right .three-d-main {float: right !important;} .video_right .video-sub, .video_right .two-d-sub, .video_right .three-d-sub {float: left !important;} /* *********************************************************************************** */ /* 03. NAVIGATION /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. MAIN NAVIGATION /*---------------------------------------------------------------*/ #menu-main-nav {list-style:none;margin:0;padding:0;list-style:none;float:right;} #menu-main-nav a {outline: none;} #menu-main-nav li {float:left;padding:5px 31px 12px 13px;position:relative;vertical-align:top;height:1%;margin-right: 2px;} #menu-main-nav ul li {background: none !important;} #menu-main-nav li.parent:hover {position:relative;} #menu-main-nav li.parent li.parent:hover {background:none !important;} #menu-main-nav li.parent li.parent li.parent:hover {background:none !important;} #menu-main-nav li.parent {letter-spacing:0.2px;} #menu-main-nav li strong {text-transform:uppercase;display:block;font-size:13px;letter-spacing: 0.6px;font-weight:800;} #menu-main-nav a {display:block;} #menu-main-nav a:hover {background-position:0 0;text-decoration:none;} #menu-main-nav .drop {width:236px;padding:0 1px 0 1px;position:absolute;left:-1px;top:52px;display:none;z-index:999;} #menu-main-nav .sub-menu {display: none;} #menu-main-nav .drop li.current-menu-item, #menu-main-nav .drop li.current_page_ancestor, #menu-main-nav .drop li.hover {z-index:10;} #menu-main-nav .drop .t, #menu-main-nav .drop .b {height:10px;overflow:hidden;} #menu-main-nav .drop .c {width:100%;} #menu-main-nav .drop ul {margin:0;padding:5px 0 8px;width:236px;list-style:none;} #menu-main-nav .drop ul li {float:none;padding:0;position:relative;height:1%;padding:0 8px;background:none;} #menu-main-nav .drop ul a {display:block;height:1%;width: 220px;} #menu-main-nav .drop ul a span {display:block;padding:7px 13px;height:1%;cursor:pointer;} #menu-main-nav .drop ul .drop {top:0;left:236px;} #menu-main-nav .drop ul .drop ul a {background:none;} #menu-main-nav .drop ul .drop ul a span {background:none;} #menu-main-nav .drop ul .drop ul .drop a, #menu-main-nav .drop ul .drop ul .drop a span {background:none !important;} #menu-main-nav li:hover .drop, #menu-main-nav li.hover .drop {display:block;} #menu-main-nav li:hover .drop ul .drop, #menu-main-nav li.hover .drop ul .drop {display:none;} #menu-main-nav li:hover .drop ul li:hover .drop, #menu-main-nav li.hover .drop ul li.hover .drop {display:block;} #menu-main-nav li.current-menu-parent li a span, #menu-main-nav li.current-menu-item li a span, #menu-main-nav li.current_page_ancestor li a span {text-decoration:none;color:#999;} #menu-main-nav .drop ul li.current-menu-item ul li a, #menu-main-nav .drop ul li.current-menu-item ul li a span, #menu-main-nav li .sub-menu li .sub-menu li .sub-menu li a span {background: none !important;} /*---------------------------------------------------------------*/ /* 2. VERTICAL SUB NAVIGATION /*---------------------------------------------------------------*/ #sub_nav {float: left;width:220px;float:left;background:url(../images/_global/bg-sidebar.gif) 206px 0 repeat-y;padding-bottom:65px;overflow:hidden;} #sub_nav ul a {display:block;background:url(../images/_global/separator3.gif) 0 100% repeat-x;padding:4px 0 8px 20px;height:1%;position:relative;margin:0 13px 0 0;} #sub_nav ul a:hover, #sub_nav ul li.current_page_item a {background:url(../images/_global/bg-menu-left.png) no-repeat;margin-right:0;color:#fff;text-decoration:none;} #sub_nav ul ul a {background:url(../images/_global/bullet1.gif) 0 9px no-repeat;padding:4px 0 1px 14px;} #sub_nav ul ul a:hover {text-decoration:underline;color:#666;} #sub_nav ul {margin:0;padding:0;list-style:none;} #sub_nav ul li {vertical-align:top;height:1%;} #sub_nav ul ul {list-style:none;margin:0;padding:9px 0 6px 31px;} #sub_nav ul ul ul {padding:5px 0 9px 23px;} .nav_right_sub_nav ul li.current_page_item ul li a, .nav_right_sub_nav ul li.current_page_item ul li a:hover, .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a, .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a:hover, .nav_right_sub_nav ul li ul li a, .nav_right_sub_nav ul li ul li a:hover{padding-left: 15px !important;margin: 0 0 0 13px !important;} .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a, #sub_nav li.current-menu-parent ul li.current_page_item a {font-weight: bold;} .nav_right_sub_nav ul li.current_page_item ul li.current_page_item ul li a {font-weight: normal !important;} .nav_right_sub_nav {float: right !important;background:url(../images/_global/bg-sidebar.gif) 12px 0 repeat-y !important;} .nav_right_sub_nav ul a {margin:0 0 0 13px !important;} .nav_right_sub_nav ul li.current_page_item a, .nav_right_sub_nav ul a:hover {margin-left:0 !important;padding-left: 33px !important;} #sub_nav ul li ul li.current_page_item ul li a {font-weight: normal !important;} /*---------------------------------------------------------------*/ /* 3. HORIZONTAL SUB NAVIGATION /*---------------------------------------------------------------*/ #horizontal_nav {width: 100%;float: left;background: url(../images/_global/separator3.gif) 0 100% repeat-x;padding-bottom: 20px;margin: -20px 0 30px 0;} #horizontal_nav ul {margin:0 0 0 -25px;padding:0;list-style:none;height:1%;overflow:hidden;} #horizontal_nav ul li {float: left;margin-left: 25px;} #horizontal_nav ul {float:left;} #horizontal_nav ul a {float:left;padding:0 11px 0 0;outline:none;color:#474747;text-decoration: none;} #horizontal_nav ul a:hover, #horizontal_nav ul .current_page_item {background:url(../images/_global/bg-horz-active.jpg) 100% 0 no-repeat;text-decoration:none;} #horizontal_nav ul .current_page_item a, #horizontal_nav ul a:hover {color:#fff !important;} #horizontal_nav ul a span {float:left;padding:4px 0 4px 13px;cursor:pointer;} #horizontal_nav ul .current_page_item span, #horizontal_nav ul a:hover span {background:url(../images/_global/bg-horz-active.jpg) no-repeat;} /*---------------------------------------------------------------*/ /* 4. BREADCRUMBS /*---------------------------------------------------------------*/ .tools .breadcrumb {margin:0;padding:4px 0 19px 0;float:right;overflow:hidden;font-size:.9em;} .tools .breadcrumb a {padding:0 15px 0 7px;background:url(../images/_global/arrow-right.png) 100% 50% no-repeat;margin:0 0 0 6px;color:#FFF;outline: none;} .tools .breadcrumb a:hover {color:#CCC;} .tools .breadcrumb .current_crumb {background:url(../images/_global/arrow-up.png) 50% 100% no-repeat;padding:0 5px 23px 7px;font-weight: bold;} /* *********************************************************************************** */ /* 04. LINKS /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LINKS /*---------------------------------------------------------------*/ a {color:#666;outline: none;} #menu-main-nav a, #sub_nav a, #wrapper .tabset a {text-decoration: none;} a:hover { text-decoration:underline;} #header .logo {float:left;margin-left:22px;outline: none;} #header .sub-nav a, #header .sub-nav2 a {color: #575C60;text-decoration: none;} #header .sub-nav a:hover, #header .sub-nav2 a:hover {color: #8B949A;} #header .sub-nav li, #header .sub-nav2 li {color: #575C60;} .footer-holder a, #footer_bottom a {text-decoration: none;color:#575C60;} .footer-holder a:hover, #footer_bottom a:hover {color:#8B949A;} #footer_bottom a {text-decoration: underline;} #footer_bottom a{text-decoration:none;} .callout_button{border:0;margin:0;padding:6px 10px !important;background:#999 url(../images/_global/bg-input-button-footer.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;color: #333;outline:none;border: 1px solid #999;display: inline-block;font-size: 12px !important;text-decoration: none;} .callout_button:hover {text-decoration: none;} #footer h3 a {color: #FFF !important;} .post_title h1 a {color:#222 !important;text-decoration:none !important;} /*---------------------------------------------------------------*/ /* 2. TOP LINK /*---------------------------------------------------------------*/ .link-top {padding:3px 0 0 17px;background:url(../images/_global/bg-link-top.gif) 0 7px no-repeat;color:#333;font-size:11px;outline: none;margin:-9px 2px 15px 0;float: right;} .link-top:hover {color: #E34801;} #footer_bottom .link-top {background:url(../images/_global/arrow-up-footer.png) 0 8px no-repeat;font-weight: bold;} #footer_bottom .link-top, #footer_bottom .link-top:hover {color: #FFF !important;text-decoration: none !important;} #footer_bottom .top-footer {float: right;padding:8px 0 0 12px;} /*---------------------------------------------------------------*/ /* 3. CUSTOM BUTTONS /*---------------------------------------------------------------*/ .ka_button, .ka_button:hover {text-decoration: none;border: 0;display:inline-block;letter-spacing:1.2px;text-transform: uppercase;color: #DDD !important;} .ka_button span {display:block;} .small_button{margin:5px 10px 5px 0;padding:0 21px 0 0;font-size: .9em;background: transparent url(../images/_global/bg-buttons-sprite.png) 100% -43px no-repeat scroll;color: #F4F4F2;} .small_button span{margin:0;padding:16px 0 17px 21px;line-height: 10px;background:transparent url(../images/_global/bg-buttons-sprite.png) 0 0 no-repeat scroll;} .medium_button{margin:5px 10px 5px 0;padding:0 23px 0 0;font-size: 1em;background: transparent url(../images/_global/bg-buttons-sprite.png) 100% -136px no-repeat scroll;color: #F4F4F2;} .medium_button span{margin:0;padding:19px 0 19px 23px;line-height: 12px;background:transparent url(../images/_global/bg-buttons-sprite.png) 0 -86px no-repeat scroll;} .large_button{margin:5px 10px 5px 0;padding:0 34px 0 0;font-size: 1.1em;background: transparent url(../images/_global/bg-buttons-sprite.png) 100% -261px no-repeat scroll;color: #F4F4F2;border:0;outline:none;cursor:pointer;} .large_button span{margin:0;padding:28px 0 33px 33px;line-height: 16px;background:transparent url(../images/_global/bg-buttons-sprite.png) 0 -186px no-repeat scroll;border:0;outline:none;cursor:pointer;} /* FIRE */ .small_fire, .small_fire span, .medium_fire, .medium_fire span, .large_fire, .large_fire span {background-image: url(../images/_global/bg-buttons-sprite-fire.png) !important;} /* AUTUMN */ .small_autumn, .small_autumn span, .medium_autumn, .medium_autumn span, .large_autumn, .large_autumn span {background-image: url(../images/_global/bg-buttons-sprite-autumn.png) !important;} /* CHERRY */ .small_cherry, .small_cherry span, .medium_cherry, .medium_cherry span, .large_cherry, .large_cherry span {background-image: url(../images/_global/bg-buttons-sprite-cherry.png) !important;} /* COFFEE */ .small_coffee, .small_coffee span, .medium_coffee, .medium_coffee span, .large_coffee, .large_coffee span {background-image: url(../images/_global/bg-buttons-sprite-coffee.png) !important;} /* GOLDEN */ .small_golden, .small_golden span, .medium_golden, .medium_golden span, .large_golden, .large_golden span {background-image: url(../images/_global/bg-buttons-sprite-golden.png) !important;} /* PINK */ .small_pink, .small_pink span, .medium_pink, .medium_pink span, .large_pink, .large_pink span {background-image: url(../images/_global/bg-buttons-sprite-pink.png) !important;} /* PURPLE */ .small_purple, .small_purple span, .medium_purple, .medium_purple span, .large_purple, .large_purple span {background-image: url(../images/_global/bg-buttons-sprite-purple.png) !important;} /* PERIWINKLE */ .small_periwinkle, .small_periwinkle span, .medium_periwinkle, .medium_periwinkle span, .large_periwinkle, .large_periwinkle span {background-image: url(../images/_global/bg-buttons-sprite-periwinkle.png) !important;} /* VIOLET */ .small_violet, .small_violet span, .medium_violet, .medium_violet span, .large_violet, .large_violet span {background-image: url(../images/_global/bg-buttons-sprite-violet.png) !important;} /* SKY BLUE */ .small_skyblue, .small_skyblue span, .medium_skyblue, .medium_skyblue span, .large_skyblue, .large_skyblue span {background-image: url(../images/_global/bg-buttons-sprite-skyblue.png) !important;} /* COOL BLUE */ .small_coolblue, .small_coolblue span, .medium_coolblue, .medium_coolblue span, .large_coolblue, .large_coolblue span {background-image: url(../images/_global/bg-buttons-sprite-coolblue.png) !important;} /* ROYAL BLUE */ .small_royalblue, .small_royalblue span, .medium_royalblue, .medium_royalblue span, .large_royalblue, .large_royalblue span {background-image: url(../images/_global/bg-buttons-sprite-royalblue.png) !important;} /* BLUE GREY */ .small_bluegrey, .small_bluegrey span, .medium_bluegrey, .medium_bluegrey span, .large_bluegrey, .large_bluegrey span {background-image: url(../images/_global/bg-buttons-sprite-bluegrey.png) !important;} /* LIME GREEN */ .small_limegreen, .small_limegreen span, .medium_limegreen, .medium_limegreen span, .large_limegreen, .large_limegreen span {background-image: url(../images/_global/bg-buttons-sprite-limegreen.png) !important;} /* FOREST GREEN */ .small_forestgreen, .small_forestgreen span, .medium_forestgreen, .medium_forestgreen span, .large_forestgreen, .large_forestgreen span {background-image: url(../images/_global/bg-buttons-sprite-forestgreen.png) !important;} /* TEAL */ .small_teal, .small_teal span, .medium_teal, .medium_teal span, .large_teal, .large_teal span {background-image: url(../images/_global/bg-buttons-sprite-teal.png) !important;} /* TEAL GREY */ .small_tealgrey, .small_tealgrey span, .medium_tealgrey, .medium_tealgrey span, .large_tealgrey, .large_tealgrey span {background-image: url(../images/_global/bg-buttons-sprite-tealgrey.png) !important;} /* GREY */ .small_grey, .small_grey span, .medium_grey, .medium_grey span, .large_grey, .large_grey span {background-image: url(../images/_global/bg-buttons-sprite-grey.png) !important;} /* SILVER */ .small_silver, .small_silver span, .medium_silver, .medium_silver span, .large_silver, .large_silver span {background-image: url(../images/_global/bg-buttons-sprite-silver.png) !important;color:#555 !important;} /* *********************************************************************************** */ /* 05. LISTS /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL LISTS /*---------------------------------------------------------------*/ .top-block .sub-nav {margin:0;padding:0;float:left;} .top-block .sub-nav2 {margin:0;padding:0;float:right;} .top-block .sub-nav ul, .top-block .sub-nav2 ul, #footer_bottom ul {margin:0;padding:0;list-style:none;float:left;overflow:hidden;} .top-block .sub-nav ul li, .top-block .sub-nav2 ul li, #footer_bottom ul li{float:left;margin:0 4px 0 -4px;padding:0 9px;} .top-block .sub-nav2 ul, #footer_bottom #foot_right ul{float:right;} .footer-holder ul {margin:0;padding:0;color:#999;list-style: none;} .footer-holder li {margin-bottom: 8px;} .search-list {margin:0 0 0 15px;padding:0;} .search-list li {margin-bottom: 20px;} .sitemap-list .sub-menu {list-style:none;margin-left:10px;padding:10px 0 5px 0;} .sitemap-list .sub-menu li .sub-menu {list-style:none;margin-left:15px;padding:10px 0 0 0;} /*---------------------------------------------------------------*/ /* 2. CUSTOM LIST BULLETS /*---------------------------------------------------------------*/ .list {margin:0;list-style:none;padding:0 0 20px 0;} .list li {padding:5px 0 0 15px;background:url(../images/_global/bullet2.gif) 0 11px no-repeat;margin-bottom: 5px;} .list2 li {background:url(../images/_global/bullet3.gif) 0 11px no-repeat;} .list3 li {background:url(../images/_global/bullet4.gif) 0 11px no-repeat;} .list4 li {background:url(../images/_global/bullet5.gif) 0 11px no-repeat;padding-left:20px;} /*---------------------------------------------------------------*/ /* 3. ACCORDION /*---------------------------------------------------------------*/ .accordion {width: 100%;padding:0 0 20px 0;background:none;} .accordion a {text-decoration: none;} .opener {background:#FFF url(../images/_global/bg-accordion-opener.jpg) left bottom repeat-x;display:block;font-size:13px;padding:8px 9px;outline: none;color:#676767;border: 1px solid #C3C3C3;margin-bottom:3px;} .opener:hover {color:#222;text-decoration: none;} .opener strong {background:url(../images/_global/bg-accordion-close.png) 2px 3px no-repeat;display:block;padding:2px 0 2px 32px;height:1%;cursor:pointer;text-shadow:1px 1px 1px #FFF;} .accordion .slide-holder {width:100%;overflow:hidden;} .accordion {list-style:none;} .accordion .ui-state-active strong {background:url(../images/_global/bg-accordion-open.png) 2px 3px no-repeat !important;color:#222;} .accordion .slide {padding:20px 27px 0 27px;} /*---------------------------------------------------------------*/ /* 4. TABS /*---------------------------------------------------------------*/ #wrapper .tabs-area {padding: 20px 0 0 0;} #wrapper .tabset {margin:0;padding:0 0 18px 23px;list-style:none;height:1%;overflow:hidden;} #wrapper .tabset li {float:left;margin-right:20px;} #wrapper .tabset a {color: #666;} #wrapper .tabset a:hover {color: #FFF;} #wrapper .tabset .tab {float:left;padding:0 11px 0 0;outline:none;color:#474747;} #wrapper .tabset .active, .tabset a:hover {text-decoration:none;color:#FFF;} #wrapper .tabset .tab span {float:left;padding:3px 0 4px 13px;cursor:pointer;} #wrapper .tab-box {background:url(../images/_global/bg-tab-box.gif) repeat-x;margin:0 9px 0 0;padding:30px 27px 0 27px;} #wrapper .blog-tab-box {margin:0 9px 0 0;padding:0 0 20px 0;width: 100%;} #wrapper #blog-tabs .tabset {padding:0 0 15px 0;float: right;} /* *********************************************************************************** */ /* 06. TYPOGRAPHY /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL TYPOGRAPHY /*---------------------------------------------------------------*/ #main .frame h1 {padding-bottom: 15px !important;font-size:24px !important;float:left;margin:3px 0 0 0 !important;color: #FFF;} #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {padding-bottom: 10px;font-weight: normal;margin:0;color: #222;} #main h1 {font-size:2.1em;} #main h2 {font-size:1.9em;} #main h3 {font-size:1.7em;} #main h4 {font-size:1.5em;} #main h5 {font-size:1.3em;} #main h6 {font-size:.9em;color: #222;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;padding-bottom: 5px !important;} #sidebar h2 {padding-bottom: 5px;font-size:10px;} .search-title {color: #000;font-size:1.9em;} #main .portfolio_full_width h3 {color: #000;} #content p {margin:0;padding:0 0 20px 0;} p strong {color: #555;} .sitemap-last p {line-height:25px;} #content .sub-box3 .cols-holder {padding:41px 0 0;} #main .video-sub h2, #main .two-d-sub h2, #main .three-d-sub h2 {padding-bottom: 10px !important;} .home-banner-main h2 {color: #222 !important;font-size:2em !important;padding-bottom: 5px !important;font-weight:normal !important;} .home-banner-main p {font-size: 1.1em;line-height:21px;} .home-bnr-jquery .home-banner-main h2 {color:#FFF !important;} /*---------------------------------------------------------------*/ /* 2. @FONT-FACE /*---------------------------------------------------------------*/ @font-face { font-family: 'ColaborateThinRegular'; src: url('fonts/ColabThi-webfont.eot'); src: url('fonts/ColabThi-webfont.eot?iefix') format('eot'), url('fonts/ColabThi-webfont.woff') format('woff'), url('fonts/ColabThi-webfont.ttf') format('truetype'), url('fonts/ColabThi-webfont.svg#webfontbOrwRK9P') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateLightRegular'; src: url('fonts/ColabLig-webfont.eot'); src: url('fonts/ColabLig-webfont.eot?iefix') format('eot'), url('fonts/ColabLig-webfont.woff') format('woff'), url('fonts/ColabLig-webfont.ttf') format('truetype'), url('fonts/ColabLig-webfont.svg#webfontR2xcGGVv') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ColaborateRegular'; src: url('fonts/ColabReg-webfont.eot'); src: url('fonts/ColabReg-webfont.eot?iefix') format('eot'), url('fonts/ColabReg-webfont.woff') format('woff'), url('fonts/ColabReg-webfont.ttf') format('truetype'), url('fonts/ColabReg-webfont.svg#webfontB6AeCMH3') format('svg'); font-weight: normal; font-style: normal; } #main .blog_wrap h1, #main .single_blog_wrap h1, #main .comment-title, .four_o_four, .callout-wrap span, .video-sub h2, .two-d-sub h2, .three-d-sub h2, .main-holder h1, .main-holder h2, .main-holder h3, .main-holder h4, .main-holder h5, .search-title, .home-banner-main h2, #main .portfolio_full_width h3, #main .frame h1, #main .month, .home-bnr-jquery-content h2, .callout2, #main .contact_iphone h4, .comment-author-about {font-family:'ColaborateLightRegular', Arial, sans-serif;} /*---------------------------------------------------------------*/ /* 3. MESSAGE BOXES /*---------------------------------------------------------------*/ #content .message_green, #content .message_red, #content .message_blue, #content .message_yellow, .content_full_width .message_green, .content_full_width .message_red, .content_full_width .message_blue, .content_full_width .message_yellow{color:#333;padding: 20px 20px 20px 60px;margin: 0 0 20px 0;} #content .message_green, .content_full_width .message_green {background: #DFE9B7 url(../images/_global/ico1.gif) 20px center no-repeat;border:1px solid #BAC398;} #content .message_red, .content_full_width .message_red {background: #F5DCD8 url(../images/_global/ico2.gif) 20px center no-repeat;border:1px solid #CDBFBE;} #content .message_blue, .content_full_width .message_blue {background: #DAE6F2 url(../images/_global/ico3.gif) 20px center no-repeat;border:1px solid #BDC4CA;} #content .message_yellow, .content_full_width .message_yellow {background: #F8F2B6 url(../images/_global/ico4.gif) 20px center no-repeat;border:1px solid #D8D4B7;} #content .message_green a, .content_full_width .message_green a {font-weight:bold;color:#66B500;} #content .message_red a, .content_full_width .message_red a {font-weight:bold;color:#CB2A19;} #content .message_blue a, .content_full_width .message_blue a {font-weight:bold;color:#0092F5;} #content .message_yellow a, .content_full_width .message_yellow a {font-weight:bold;color:#A58100;} /*---------------------------------------------------------------*/ /* 4. FOOTER /*---------------------------------------------------------------*/ #footer p, #footer_bottom p {margin:0;} #footer, #footer_bottom {color: #575C60;} #footer h3 {text-transform:uppercase;color:#fff;display:block;font-size:13px;letter-spacing: 0.5px;border-bottom: 1px solid #3E4055;padding-bottom: 7px;margin-bottom: 16px;font-weight: bold;} #footer .footer_post h4, #footer .footer_post h4 a{text-transform:uppercase;color:#fff;display:block;font-size:11px;letter-spacing: 0.5px;} #footer .footer_post h4{padding-bottom: 3px;} /*---------------------------------------------------------------*/ /* 5. CALLOUTS /*---------------------------------------------------------------*/ .callout-wrap {float: left;width: 100%;padding-top: 20px;background:url(../images/_global/separator3.gif) 0 0 repeat-x;margin: 10px 0 30px 0;} .callout-wrap span {padding-bottom: 25px;background:url(../images/_global/separator3.gif) left bottom repeat-x;color: #222;font-size:1.6em;line-height: 28px;display: block;} .callout2 {color: #222;font-size:1.5em;line-height: 28px;} /* *********************************************************************************** */ /* 07. BLOG /* *********************************************************************************** */ .content_blog {width: 660px !important;padding-left: 20px;} .sidebar_blog {width: 225px !important;} .blog_wrap, .single_blog_wrap {width: 660px;/* background: url(../images/_global/bg-post-blog-wrap.jpg) left bottom no-repeat; padding-bottom: 70px; */float: left;margin-bottom: 70px;} .single_blog_wrap {background: none !important;padding-bottom: 30px;} .post_title, .post_content, .post_footer {float: left;width: 660px;} .post_content {width: 660px;position: relative;background: url(../images/_global/bg-post-content.png) 577px 0 no-repeat;margin: -5px 0 0 0;min-height: 170px;padding-bottom:15px;} #main .post_content p {padding: 0 102px 25px 0;} .post_footer {height: 56px;background: url(../images/_global/bg-post-footer.jpg) 0 0 repeat-x;margin-bottom: 18px;} .single_blog_wrap .post_footer {margin-bottom: 28px;} .post_cats, .post_tags {float: left;width: 330px;} .post_tags {float: right;} .post_title span, .post_cats span, .post_tags span {color: #4C4C4C;font-weight: bold;} .post_cats span {padding: 10px 3px 10px 24px;background: url(../images/_global/bg-post-footer-categories.png) 0 50% no-repeat;} .post_tags span {padding: 10px 3px 10px 24px;background: url(../images/_global/bg-post-footer-tags.png) 0 50% no-repeat;} .post_cats p, .post_tags p {margin: 17px 0 0 4px !important;} .post_tags p {margin: 17px 4px 0 0 !important;float: right !important;} .post_date {width:65px;height:65px;position:absolute;top: 0px;right: 18px;} .post_date .day {font-weight: bold;color:#FFF;font-size:30px;margin:12px 0 0 0;display: block;text-align: center;} .post_date .month {color:#A2A3A4;font-size:16px;text-transform:uppercase;display: block;margin:-14px 0 0 0;text-align: center;} .post_comments {width:36px;height:32px;position:absolute;top: 71px;right: 48px;} .post_comments span {display: block;color:#FFF;font-size:13px;font-weight: bold;margin: 5px 1px 0 0;text-align:right;} .sharelink_small {width:65px;height:30px;position:absolute;top: 115px;right: 18px;text-indent:-9999em;outline:none;display:block;background: url(../images/_global/global-sprite.png) 0 0 no-repeat;} .sharelink_big {width:92px;height:30px;text-indent:-9999em;outline:none;display:block;background: url(../images/_global/global-sprite.png) -66px 0 no-repeat;} .shareme {float: left;padding:0 0 30px 0;} .post_content .small_button {margin-bottom: 15px;} .post_thumb {width:556px; height: 255px;background: url(../images/_global/global-sprite.png) -1px -921px no-repeat;margin: 0 0 7px 0;position:relative;} .post_thumb_load {width:556px; height: 255px;background: url(../images/_global/preload.gif) center center no-repeat;} .post_thumb img {margin: 8px 0 0 9px;} .comment-wrap {float:left;padding-top:10px;margin-bottom: 3px;width: 100%;} .comment-content {float: left;width: 620px;background: #FFF url(../images/_global/bg-blog-comments-content.jpg) 0 0 repeat-x;border: 1px solid #D8D8D6;padding: 20px 20px 30px 20px;} .comment-gravatar {background: url(../images/_global/global-sprite.png) -731px -529px no-repeat;width: 80px;height: 80px;float: left;margin: 15px 0 0 15px;} .comment-gravatar img {margin: 10px 0 0 10px;} #about-author-wrap .comment-content, .bypostauthor .comment-content {background: #E8E9E7 url(../images/_global/bg-blog-comments-content-author.jpg) 0 0 repeat-x;border: 1px solid #C6C7C4;color: #555;} #about-author-wrap .comment-gravatar {background: url(../images/_global/global-sprite.png) -821px -530px no-repeat;width: 100px;height: 100px;float: left;margin: 0 0 0 15px;} .comment-text {width: 458px;float: left;margin: 6px 0 0 20px;padding: 0 0 15px 10px;} .comment-text p {padding-top: 10px !important;} #content .comment-author a, #content .comment-author{font-size: 16px;color: #333;font-weight: bold;} .comment-author-about{font-size:12px;letter-spacing: 0.5px;color: #333;text-transform:uppercase;font-weight: bold;} #content .comment-text .comment-author-about {padding:0 0 10px 0;} .comment-date{color: #999;font-style:italic;font-size:11px;} .comment-ol {list-style: none;margin:0;padding:0;} .comments-rss {clear: left;height: 90px;} .comments-rss a {padding:25px 0 25px 20px;background: url(../images/_global/feed.png) 0 50% no-repeat;float: right;} .blog-tab-box .children {list-style: none;} .comment-ol li ul {padding:0;margin:0;} .comment-ol li ul li .comment-wrap {background: url(../images/_global/bg-blog-comments-wrap.gif) 0 -5px no-repeat;} .comment-ol li ul li ul li .comment-wrap {background-position: 35px 0;} .comment-ol li ul li ul li ul li .comment-wrap {background-position: 70px 0;} .comment-ol li ul li ul li ul li ul li .comment-wrap {background-position: 105px 0;} .comment-ol li ul li .comment-content {float: left;width: 585px;margin:0 0 0 35px;} .comment-ol li ul li ul li .comment-content {float: left;width: 550px;margin:0 0 0 70px;} .comment-ol li ul li ul li ul li .comment-content {float: left;width: 515px;margin:0 0 0 105px;} .comment-ol li ul li ul li ul li ul li .comment-content {float: left;width: 480px;margin:0 0 0 140px;} .comment-ol li ul li .comment-content .comment-text {width: 423px;} .comment-ol li ul li ul li .comment-content .comment-text {width: 388px;} .comment-ol li ul li ul li ul li .comment-content .comment-text {width: 353px;} #respond {clear: left;} #main .comment-title {color: #222;font-size:2.1em;padding-bottom:20px;} #main .discussion-title {color: #222;font-size:3.1em;padding-bottom:20px;} #commentform {padding-top:10px;} .comment-input-wrap {float: left;} .pad {width: 225px;} .comment-label {display:block;padding: 0 0 3px 3px;} .comment-input, .comment-textarea {width: 164px;height: 39px;background: url(../images/_global/global-sprite.png) 0 -669px no-repeat;border:0;padding:0 12px 0 30px;font:12px "lucida grande","helvetica neue",Helvetica,Arial,Verdana,sans-serif;} .comment-email {background-position: -223px -669px;} .comment-website {background-position: -454px -669px;} .comment-textarea {width: 630px;height: 169px;background-position: 0 -709px;border:0;padding:15px;line-height:20px;} .comment-textarea-wrap {margin-top: 15px;} .related_posts {padding:0 0 40px 0;} .related_posts ul {margin:0;padding:0;} .comment-textarea {resize: none;} .post_title h1 {padding-bottom:25px !important;} .posted-by-text {margin-top:-12px !important;} /* *********************************************************************************** */ /* 08. FORMS /* *********************************************************************************** */ input, textarea, select {vertical-align:middle;font-size:100%;} textarea, input {font-size:1em;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} .tools input, .tools textarea, .tools select {color:#fff;} form, fieldset {margin:0;padding:0;border-style:none;} .tools .search-form {float:right;width:168px;margin:-2px 0 0 35px;} .search-form .text {display:block;overflow:hidden;height:20px;padding:8px 0 0 7px;} .search-form .text input {width:120px;background:none;border:0;padding:0;margin:-2px 8px 0 0;float:left;} .search-form .text .submit {font-size:0;line-height:0;text-indent:-9999px;width:15px;height:17px;margin:0 8px 0 0;cursor:pointer;} .contact-form input, .contact-form textarea {padding:8px !important;} .textwidget input[type='text'], .textwidget textarea { width: 100% !important; }\ .contact-form {padding-top:15px;} .contact-form .clear-form { clear: both; } .contact-form input[type='text'] { width: 300px; margin-bottom: 13px; } .contact-form select { margin-bottom: 13px; } .contact-form textarea {width: 430px;height: 150px;float: none; margin-bottom: 13px; } .contact-form input[type='radio'], .contact-form input[type='checkbox'] { float: none; margin-bottom: 13px; } .contact-form label { margin-bottom: 3px; float: none; font-weight: bold; display: block;font-weight:bold;color:#555;} .contact-form label.checkbox, .contact-form label.radio { margin-bottom: 3px; float: none; font-weight: bold; display: inline-block; } .contact-form label span {font-size:11px;color:#999;font-weight:normal;font-style:italic;} .contact-form label.checkbox, .contact-form label.radio {font-weight:normal;margin-bottom:8px;} #ka-submit, .ka-form-submit, .contact-form .ka-form-submit{border:0;margin:0;padding:10px 15px !important;background:#040404 url(../images/_global/bg-input-comment.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:1px;text-transform: uppercase;color: #DDD;outline:none;border: 1px solid #000;display: block;} /* *********************************************************************************** */ /* 09. IMAGES /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. GENERAL /*---------------------------------------------------------------*/ img, img a {border:0;} .attachment-fadeIn, .attachment-post-thumbnail {display:none;} img a, a img {cursor:pointer;} /*---------------------------------------------------------------*/ /* 2. MODERN FRAME /*---------------------------------------------------------------*/ /* preloading */ .preload_full, .preload_regular, .preload_small, .preload_two_col_large, .preload_two_col_small, .preload_three_col_large, .preload_three_col_small{background: url(../images/_global/preload.gif) center center no-repeat;margin:8px 0 0 9px;float:left;} .preload_four_col_small, .preload_four_col_large{background: url(../images/_global/preload-small.gif) center center no-repeat !important;margin:8px 0 0 9px;float:left;} .preload_full {width: 922px;height: 201px;} .preload_regular {width: 703px;height: 201px;} .preload_small {width: 493px;height: 201px;} .preload_two_col_large{width: 437px;height: 234px;} .preload_two_col_small{width: 324px;height: 180px;} .preload_three_col_large{width: 275px;height: 145px;} .preload_three_col_small{width: 202px;height: 113px;} .preload_four_col_large{width: 190px;height: 111px;} .preload_four_col_small{width: 135px;height: 76px;} .modern_banner_full iframe{margin:8px 0 0 9px;float:left;} .modern_img_frame {background: url(../images/_global/image-frame-sprite.png) 0px 0px no-repeat;margin-bottom: 6px;} /* banners */ .modern_banner_full{width: 940px;height: 245px;background-position: -3px -857px !important;} .modern_banner_regular{width: 720px;height: 240px;background-position: 0px -1354px !important;} .modern_banner_small{width: 510px;height: 240px;background-position: -5px -1844px !important;} /* 2 cols */ .modern_two_col_large{width: 455px;height: 272px;background-position: 0px 0px !important;} .modern_two_col_small{width: 342px;height: 217px;background-position: -5px -630px !important;} /* 3 cols */ .modern_three_col_large{width: 293px;height: 179px;background-position: -1px -279px !important;} .modern_three_col_small{width: 220px;height: 144px;background-position: -224px -465px !important;} /* 4 cols */ .modern_four_col_large{width: 208px;height: 140px;background-position: -2px -465px !important;} .modern_four_col_small{width: 152px;height: 102px;background-position: -302px -300px !important;} /*---------------------------------------------------------------*/ /* 3. SHADOW FRAME /*---------------------------------------------------------------*/ /* preloading */ .shadow_preload_full, .shadow_preload_regular, .shadow_preload_small, .shadow_preload_two_col_large, .shadow_preload_two_col_small, .shadow_preload_three_col_large, .shadow_preload_three_col_small{background: url(../images/_global/preload-white.gif) center center no-repeat;margin:6px 0 0 6px;float:left;} .shadow_preload_four_col_small, .shadow_preload_four_col_large{background: url(../images/_global/preload-small-white.gif) center center no-repeat !important;margin:6px 0 0 6px;float:left;} .shadow_preload_full {width: 928px;height: 208px;} .shadow_preload_regular {width: 708px;height: 208px;} .shadow_preload_small {width: 498px;height: 208px;} .shadow_preload_two_col_large{width: 443px;height: 241px;} .shadow_preload_two_col_small{width: 330px;height: 186px;} .shadow_preload_three_col_large{width: 281px;height: 152px;} .shadow_preload_three_col_small{width: 208px;height: 120px;} .shadow_preload_four_col_large{width: 196px;height: 118px;} .shadow_preload_four_col_small{width: 140px;height: 83px;} .shadow_img_frame {background: url(../images/_global/image-frame-sprite.png) 0px 0px no-repeat;margin-bottom: 6px;} /* .shadow_img_frame img {margin: 6px 0 0 6px;} */ /* banners */ .shadow_banner_full{width: 940px;height: 250px;background-position: -1px -1103px !important;} .shadow_banner_regular{width: 720px;height: 250px;background-position: -1px -1594px !important;} .shadow_banner_small{width: 510px;height: 250px;background-position: -754px -1355px !important;} /* 2 cols */ .shadow_two_col_large{width: 455px;height: 283px;background-position: -460px 0px !important;} .shadow_two_col_small{width: 342px;height: 226px;background-position: -347px -631px !important;} /* 3 cols */ .shadow_three_col_large{width: 293px;height: 191px;background-position: -461px -283px !important;} .shadow_three_col_small{width: 220px;height: 158px;background-position: -695px -476px !important;} /* 4 cols */ .shadow_four_col_large{width: 208px;height: 155px;background-position: -461px -475px !important;} .shadow_four_col_small{width: 152px;height: 118px;background-position: -764px -283px !important;} /* *********************************************************************************** */ /* 10. MISCELLANEOUS /* *********************************************************************************** */ .hr, .hr_top_link {border: 0;height: 2px;width: 100%;background: url(../images/_global/separator3.gif) 0 0 repeat-x;margin: 1.6em 0;} .hr_top_link {margin-bottom: 1em;} .hr_shadow {border: 0;height: 20px;width: 100%;background: url(../images/_global/separator-shadow-small.jpg) top center no-repeat;margin: 15px 0 22px 0;} .content_full_width .hr_shadow {background: url(../images/_global/separator-shadow.jpg) top center no-repeat !important;} .content_sidebar .hr_shadow {background: url(../images/_global/separator-shadow-xtra-small.jpg) top center no-repeat !important;} table{font-size:1.2em;} table td, table th{padding:6px;} .flash-wrap {min-height:400px;} /* *********************************************************************************** */ /* 11. WORDPRESS /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. KARMA Pagenavi /*---------------------------------------------------------------*/ .karma-pages, .wp-pagenavi{clear:both;font-size:.8em;text-transform:uppercase;letter-spacing:1.6px;padding:25px 0 0 0;height:40px;text-align:left;} .karma-pages .pages, .wp-pagenavi .pages{margin-right:6px;} #main .karma-pages a, #main .karma-pages a:link, #main .karma-pages a:visited #main .wp-pagenavi a, #main .wp-pagenavi a:link, #main .wp-pagenavi a:visited{ text-decoration: none;outline: none;padding:5px 11px;display:inline-block;color: #666;background: url(../images/_global/global-sprite.png) -556px -639px no-repeat;margin-right: 6px;} #main .karma-pages a:hover, #main .wp-pagenavi a:hover{ background: url(../images/_global/global-sprite.png) -585px -639px no-repeat;margin-right: 6px;} .karma-pages a:active,.karma-pages span.current, .wp-pagenavi a:active,.wp-pagenavi span.current{ text-decoration: none;padding:5px 11px;color: #FFF;background: url(../images/_global/bg-wp-navi-current.png) 0 0 no-repeat;margin-right: 6px;display:inline-block;} .wp-pagenavi a, .wp-pagenavi span {border:0;} /*---------------------------------------------------------------*/ /* 2. MAILCHIMP /*---------------------------------------------------------------*/ #mc_signup .mc_input {width: 201px;padding: 5px;color: #222;} #mc_signup .mc_merge_var {margin-bottom:10px;} #mc_signup .mc_required, #mc-indicates-required {color:#4BA196;} #mc_signup .mc_required {font-size: 14px;} #mc-indicates-required {font-size: 11px;} #mc_signup .mc_signup_submit {clear: left;text-align: left;padding: 10px 0 0 0;} #mc_signup .mc_var_label{color:#8B949A;} #mc_signup #mc_signup_submit{border:0;margin:0;padding:6px 10px !important;background:#999 url(../images/_global/bg-input-button-footer.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;text-transform: uppercase;color: #333;outline:none;border: 1px solid #999;display: block;font-size: 11px !important;} /*---------------------------------------------------------------*/ /* 3. DEFAULTS /*---------------------------------------------------------------*/ .entry-content img {margin: 0 0 10px 0;} .alignleft, img.alignleft {margin-right: 10px;display: inline;float: left;} .alignright, img.alignright {margin-left: 10px;display: inline;float: right;} .aligncenter, img.aligncenter {margin:0 auto;display: block;clear: both;} .wp-caption {margin-bottom: 10px;text-align: center;padding-top: 5px;} .wp-caption img {border: 0 none;padding: 0;margin: 0;} .wp-caption p.wp-caption-text {line-height: 1.5;font-size: 10px;margin: 0;} .wp-smiley {margin: 0 !important;max-height: 1em;} blockquote.left {margin-right: 20px;text-align: right;margin-left: 0;width: 33%;float: left;} blockquote.right {margin-left: 20px;text-align: left;margin-right: 0;width: 33%;float: right;} .sticky{} .gallery-caption{} /*---------------------------------------------------------------*/ /* 4. 404 ERROR PAGE /*---------------------------------------------------------------*/ .four_error {width: 100%;min-height: 222px;background: url(../images/_global/404_error.png) left center no-repeat;padding:40px 30px 0 280px;margin:0 0 0 80px;} .four_message {width: 460px;} #main .four_message ul {padding: 10px 0 0 14px;} #main .four_o_four {color: #222;font-size:1.9em;padding-bottom: 12px;} /*---------------------------------------------------------------*/ /* 5. Constant Contact /*---------------------------------------------------------------*/ #constant-contact-signup input {width: 201px;padding: 5px;color: #222;} #constant-contact-signup .checkbox {width: 15px;font-size:13px;} #constant-contact-signup .button{border:0;margin:0;padding:6px 10px !important;background:#999 url(../images/_global/bg-input-button-footer.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;text-transform: uppercase;color: #333;outline:none;border: 1px solid #999;display: block;font-size: 11px !important;width: 90px;} /* *********************************************************************************** */ /* 12. WIDGETS + SHORTCODES /* *********************************************************************************** */ /*---------------------------------------------------------------*/ /* 1. DEFAULT STYLES /*---------------------------------------------------------------*/ #sidebar h3 {color: #222;font-size:1.8em;padding-bottom: 10px;} .sidebar-widget {margin-bottom: 34px;padding-bottom: 34px;background: url(../images/_global/separator3.gif) 0 100% repeat-x;width:100%;float:left;} #sidebar ul {margin:-7px 0 0 0;padding:0;list-style: none;} #sidebar a {text-decoration: none;} #sidebar a:hover {text-decoration: underline;} #sidebar li {padding-bottom: 2px;} #sidebar ul li {padding:5px 0 0 15px;background:url(../images/_global/bullet2.gif) 0 11px no-repeat;} /*---------------------------------------------------------------*/ /* 2. BLOGROLL - FOOTER /*---------------------------------------------------------------*/ .blogroll img {width: 52px;height: 52px;float: left;padding: 0 15px 5px 0;} .blogroll li {width: 100%;float: left;} .blogroll li {margin-bottom: 10px;} /*---------------------------------------------------------------*/ /* 3. CALENDAR /*---------------------------------------------------------------*/ table#wp-calendar {width: 100%;} table#wp-calendar td {width: 14%;text-align: center;} td#today{font-weight:bold;} .widget_calendar tfoot td{background-image:none;} .widget_calendar td a{text-decoration:underline;} /*---------------------------------------------------------------*/ /* 4. RECENT POSTS - SIDEBAR /*---------------------------------------------------------------*/ #sidebar .footer_post h4 {font-size:1.2em;padding-bottom: 0px; font-weight: bold;color:#222 !important;} #sidebar .footer_post h4 a {text-decoration: none;color:#222 !important;} #sidebar .footer_post p {margin: 0 0 15px 0;line-height: 19px;} #sidebar .footer_post p a {text-decoration: none;} #sidebar .footer_post a:hover {text-decoration: underline;} /*---------------------------------------------------------------*/ /* 5. BLOGROLL - SIDEBAR /*---------------------------------------------------------------*/ #sidebar .blogroll {list-style: none !important;margin:0 !important;padding:10px 0 0 0 !important;} #sidebar .blogroll li {width: 100% !important;background: none !important;padding: 0 !important;color:#666 !important;} #sidebar .blogroll li {margin-bottom: 18px !important;padding: 0 !important;} /*---------------------------------------------------------------*/ /* 6. SEARCH - SIDEBAR /*---------------------------------------------------------------*/ #sidebar #searchsubmit {border:0;margin:0;padding:8px 12px;background:url(../images/_global/bg-input-comment.jpg) 0 0 repeat-x;cursor:pointer;letter-spacing:1px;text-transform: uppercase;color: #DDD;outline:none;border: 1px solid #000;display: block;/* margin-left: 132px; */} #sidebar #searchform #s {margin-bottom: 7px;width:90%;padding:3px;} #sidebar #searchform label {color: #4C4C4C;font-weight: bold;display: none;} /*---------------------------------------------------------------*/ /* 7. SOCIAL MEDIA /*---------------------------------------------------------------*/ .social_icons {list-style: none;} .social_icons li {float: left;width:32px;height:32px;margin:0 12px 12px 0;padding:0;} .social_icons a {float: left;width:32px;height:32px;display:block;border:0;text-decoration:none;outline:none;text-indent:-9999em;} .social_icons .rss {background:url(../images/_global/social-icons/rss.png) 0 0 no-repeat;} .social_icons .twitter {background:url(../images/_global/social-icons/twitter.png) 0 0 no-repeat;} .social_icons .facebook {background:url(../images/_global/social-icons/facebook.png) 0 0 no-repeat;} .social_icons .flickr {background:url(../images/_global/social-icons/flickr.png) 0 0 no-repeat;} .social_icons .youtube {background:url(../images/_global/social-icons/youtube.png) 0 0 no-repeat;} .social_icons .linkedin {background:url(../images/_global/social-icons/linkedin.png) 0 0 no-repeat;} .social_icons .foursquare {background:url(../images/_global/social-icons/foursquare.png) 0 0 no-repeat;} .social_icons .delicious {background:url(../images/_global/social-icons/delicious.png) 0 0 no-repeat;} .social_icons .digg {background:url(../images/_global/social-icons/digg.png) 0 0 no-repeat;} #sidebar .sidebar-widget .social_icons, #sidebar .social_icons {float: none !important;padding-top: 10px;} #sidebar .sidebar-widget .social_icons li, #sidebar .social_icons li {padding:0 !important;background-image:none !important;} #content .social_icons {padding-left:0;} /*---------------------------------------------------------------*/ /* 8. LATEST TWEETS /*---------------------------------------------------------------*/ .twitterList {padding-top: 5px !important;} #content .twitterList, .content_full_width .twitterList {list-style: none !important;margin:0 0 0 0;padding:0 0 30px 0;} #sidebar .twitterList li, #content .twitterList li, .content_full_width .twitterList li {background:url(../images/_global/bg-latest-tweet.png) 0 9px no-repeat !important;margin-bottom: 15px !important;padding-left: 32px !important;color:#666 !important;} #content .twitterList li, .content_full_width .twitterList li {background:url(../images/_global/bg-latest-tweet.png) 0 5px no-repeat !important;} #sidebar .twitterList li a, #content .twitterList li a, .content_full_width .twitterList li a{text-decoration: underline !important;} .twitterList li .tweet_days{color:#999 !important;font-size:11px !important;} /*---------------------------------------------------------------*/ /* 9. TESTIMONIALS SLIDER /*---------------------------------------------------------------*/ .testimonials, .testimonials_static {background:#E7E9E6 url(../images/_global/bg_quote_wrap.png) 25px 25px no-repeat;border:1px solid #D8D9D6;padding-bottom:60px;margin-bottom:15px;} .content_full_width .testimonials blockquote, .content_full_width .testimonials_static blockquote{padding:20px 0 0 60px;width:800px !important;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;color:#808080;font-style:italic;display:block;} #content .testimonials blockquote, #content .testimonials_static blockquote{padding:20px 0 0 60px;width:590px;} .testimonials blockquote p, .testimonials_static p{margin: 0 !important;padding: 0 0 5px 0 !important;line-height:22px;} .testimonials blockquote cite, .testimonials_static blockquote cite {font-style: normal;display: block;text-align: right;text-transform: uppercase;font-size: 10px;font-weight: bold;letter-spacing: 1px; color: #555;padding-right:6px;font-family:Arial, Helvetica, sans-serif;} .testimonial-pager {width: 100%;text-align: center;padding-top: 18px;} .testimonial-pager a {display: inline-block;width:12px;height:12px;text-indent:-9999em;outline:none;background:url(../images/_global/global-sprite.png) -737px -197px no-repeat;margin-right: 10px;} .testimonial-pager .activeSlide {background:url(../images/_global/global-sprite.png) -725px -197px no-repeat;} /* *********************************************************************************** */ /* 13. PROGRESSIVE CSS ENHANCEMENTS /* *********************************************************************************** */ .message_green, .message_red, .message_blue, .message_yellow, #ka-submit, .opener, #ka-submit, .ka-form-submit, #mc_signup #mc_signup_submit, .callout_button, .testimonials{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #ka-submit, .ka-form-submit { -moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666; box-shadow: 1px 1px 3px #666; } #mc_signup #mc_signup_submit, .callout_button { -moz-box-shadow: 1px 1px 3px #222; -webkit-box-shadow: 1px 1px 3px #222; box-shadow: 1px 1px 3px #222; } #menu-main-nav li.parent:hover{ border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } h1,h2,h3,h4,h5,h6{text-shadow:1px 1px 1px #FFF;} #footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,.frame h1{text-shadow:none;} .home-bnr-jquery .home-banner-main h2{text-shadow:1px 1px 1px #222;} /* *********************************************************************************** */ /* 14. PRETTY PHOTO /* *********************************************************************************** */ div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(../images/_global/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(../images/_global/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(../images/_global/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(../images/_global/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(../images/_global/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url(../images/_global/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(../images/_global/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(../images/_global/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(../images/_global/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(../images/_global/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(../images/_global/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}.pp_gallery ul a{border:1px #000 solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(../images/_global/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(../images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(../images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;} /* *********************************************************************************** */ /* 15. IE SPECIFIC /* *********************************************************************************** */ #foot_right{position: relative;} .top-footer{position: absolute;top: 0;right: 0;} #foot_right ul{position: absolute;top: 0;right: 50px;}/* ======================================================================= General Styles ======================================================================= */ .clear { clear:both;} .pri-color { color:#909090 !important; } .sec-color { color:#660500 !important; } .page-part-divider { clear:both; margin-bottom:20px; } /* ======================================================================= Chrome Styles ======================================================================= */ .common-chrome { } .common-chrome .hd { color:#909090; padding:8px 4px; border-bottom:1px solid #999; text-align:center; font-size:150%; font-weight:bold ;} .common-chrome .bd { padding:6px 4px; } .common-chrome.basic { border:1px solid #999; } .common-chrome.fancy { border:4px double #999; } .common-chrome.fancy .hd { background: #999; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#666666'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#666)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ccc, #666); /* for firefox 3.6+ */ } .common-chrome.fancy .bd { background: #fff; } /* ======================================================================= Sub Menu Styles ======================================================================= */ .common-sub-menu { margin:0px; padding:0px;} .common-sub-menu ul { margin:0px; padding:4px; list-style:none; } .common-sub-menu li { font-weight:normal; margin:0px; padding:0px; border-bottom:#666 dotted 1px; } .common-sub-menu li.current { font-weight:bold; } .common-sub-menu li a { display:block; padding:6px 0px; text-decoration: none;} .common-sub-menu li a:hover { background:#999; color:#fff; font-weight:bold; } .common-sub-menu ul ul { margin-left:20px; } .common-sub-menu ul ul li { border-bottom:none; } .common-sub-menu ul ul li a { padding:0px;} /* ======================================================================= Breadcrumb Styles ======================================================================= */ #common-breadcrumb { color:inherit; overflow:hidden; padding:0px; margin:0px 0px 10px 0px; } #common-breadcrumb, #common-breadcrumb a { color:inherit; text-decoration:none; } #common-breadcrumb a:hover { color:#999; text-decoration:underline; } #common-breadcrumb p.label { float:left; padding:0px; margin:0px 10px 0px 0px; font-weight:bold;} #common-breadcrumb ul { float:left; padding:0px; margin:0px;} #common-breadcrumb ul li { float:left; padding:0px 4px 0px 0px; margin:0px; list-style:none; } #common-breadcrumb ul li.last { color:#999; } /* ======================================================================= Pager Styles ======================================================================= */ .common-pager { padding:5px 0px; float:left; margin-top:10px; } .common-pager ul { list-style:none; background:none; } .common-pager ul li { float:left; list-style:none; margin:0px; padding:0px; } .common-pager ul li a { float:left; display:inline-block; margin-right:3px; height:17px; padding:2px 9px 2px 9px; text-decoration:none; background:#ccc;color:#FFF; border:#fff solid 1px;} .common-pager ul li.selected a, .common-pager ul li a:hover { color:#000; border:#CCC solid 1px;} .common-pager ul li.prev a { } .common-pager ul li.next a { } .common-pager ul li.first a { padding:2px 15px 2px 15px;} .common-pager ul li.last a { padding:2px 15px 2px 15px;} /* ======================================================================= Form Styles ======================================================================= */ .common-form fieldset { border:none; } .common-form fieldset legend { display:none; } .common-form .field { margin-bottom:1.5em; } /* space between inputs */ .common-form input { color:#000; } .common-form textarea, .common-form .textInput { min-width:210px; margin:0px; padding:5px; border:1px solid #fff; border-color:#C9CACB #fff #fff #C9CACB; outline:none;} .common-form .checkbox { width:auto;} .common-form textarea { height:150px; } .common-form input.error, .common-form textarea.error { background-color:#ffc; border-color:#EF7E58;} .common-form label.error { display:block; color:#f33; padding:2px 0px; font-weight:bold; line-height:1em; /* required for negative margins to work fully */ margin:0.2em 0 -1.2em; /* negative margins counter act error message space so input fields don't shift */} .common-form label.overlabel { color:#999; font-size:1.2em; display:none; /* initially hidden to prevent other content from shifting after JS function runs */} .common-form .status { margin-bottom:3px; display:none; } .common-form .status.success { color:green;} .common-form .status.error { color:red;} .common-form .loader { display:none; position:relative; top:-26px; left:90px; width:24px; height:24px;} .common-form .loader .graphic { background:url(/public/themes/common/images/ajax-loader-small.gif) no-repeat center; width:24px; height:24px; margin:0px; text-indent:30px;} /* ======================================================================= List Styles ======================================================================= */ .common-list { margin-left:20px;} .common-list ul { list-style:none; } .common-list ul li { padding:4px 0px; margin-bottom:5px; background-image: none;} .common-list ul a { font-size:110%;} .common-list.search .results { padding:4px 0px; font-weight:bold; border-bottom:1px solid #999; margin-bottom:10px; } .common-list.search a.title { font-size:120%; font-weight: bold; text-decoration: underline; } .common-list.search .summary { margin-left:20px; margin-top:5px; font-size:110%;} /* ======================================================================= Button Styles ======================================================================= */ .common-button { padding:4px 9px; background:#C0C0C0; border:1px solid #999; color:#fff; font-size:1em; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:inline-block;} .common-button:hover { background:#909090; text-decoration:none;} .common-button span { display:inline-block;} /* ======================================================================= Login Form Styles ======================================================================= */ .common-login { margin:auto auto; width:240px; overflow: hidden; border:3px double #999; padding:8px; } .common-login .title { font-size:120%; font-weight:bold; margin-bottom:10px; } .common-login p { margin: 0 0 1.4em; } .common-login .submit { width: 80px; margin: 0px; float:right; color:#fff;} /* ======================================================================= Header Styles ======================================================================= */ #common-header { float:left;} #common-header .logo { float:left; padding:10px 0px 10px 10px;} .login-ribon { position:absolute; right:120px; text-align:right; padding:4px; } .login-ribon ul { list-style: none; margin:0px; padding:0px; } .login-ribon ul li { list-style: none; margin:0px 5px; padding:0px; float:left; } .login-ribon ul li a { color:#fff; } /* ======================================================================= Footer Styles ======================================================================= */ #common-bottom { width:980px; margin:0px auto; } /* --- notice button (below footer) --- */ #common-bottom-notice { margin:10px auto; padding:5px 15px; font-size: 87%; text-align:right;} #common-bottom-notice p { padding:0px; margin:0px;} /* --- main footer --- */ #common-footer { clear:both; height:200px; padding:0px; margin:0px auto; border-bottom:#c0c0c0 solid 5px; overflow:hidden; /* the following is used if no graphic is provided */ background-color:#eee;} #common-footer a { color:#000; text-decoration:none;} #common-footer a:hover { text-decoration:underline;} #common-footer h6 { float:left; width:100%; color:#909090; padding:0px 0px 7px 0px; margin:0px 0px 10px 0px; border-bottom:#666 dotted 1px; font-size:120%;} #common-footer ul { float:left; width:100%; margin:0px;} #common-footer ul li { float:left; width:100%; margin:0px; list-style:none; padding:4px 0px 4px 20px ; background-position:left center; background-repeat:no-repeat;} #common-footer ul.arrows li { background-image:url(/public/themes/common/images/icon1.rarrow.gif);} #common-footer li.rss { background-image:url(/public/themes/common/images/icon1.rss.gif);} #common-footer li.facebook { background-image:url(/public/themes/common/images/icon1.facebook.gif);} #common-footer li.twitter { background-image:url(/public/themes/common/images/icon1.twitter.gif);} #common-footer .col4 { float:left; width:22%; padding:2px 14px 2px 14px; border-right:#cccccc solid 1px; min-height:160px; overflow:hidden;} #common-footer .col4.last { border-right:none;} #common-footer .top-button { width:100%; float:left;} #common-footer .top-button a { float:right; width:52px; height:26px; display:inline-block; /* the following is used if no graphic is provided */ background-color:#999; color:#000; font-weight:bold; line-height:26px; text-align:center; vertical-align:middle; text-decoration:none;} #common-footer .logo img { margin:0px auto;} #common-footer .logo p { margin-top:20px;} /* Coin Slider jQuery plugin CSS styles http://workshop.rs/projects/coin-slider */ .coin-slider { overflow: hidden; zoom: 1; position: relative; } .coin-slider a{ text-decoration: none; outline: none; border: none; } .cs-buttons { font-size: 0px; padding: 10px; float: left; } .cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; } .cs-active { background-color: #B8C4CF; color: #FFFFFF; } .cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; } .cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; } /* Simple Tabs jQuery plugin CSS styles by Paul A. Bauersfeld created 4/22/2011 Copyright (c) 2011 by varsity Networks, Inc. All rights reserved. */ .simple-tabs { margin:0px auto; margin: 0px; padding: 0px;} .simple-tabs .tabs { margin: 0px; padding: 0px; float: left; list-style: none; border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%;} .simple-tabs .tabs li { float: left; margin: 0px; padding: 0px; border: 1px solid #999; border-left: none; margin-bottom: -1px; background: #e0e0e0 !important; } .simple-tabs .tabs li a { float: left; text-decoration: none; color: #000; display: block; font-size:100%; padding: 2px 20px; border: 1px solid #fff; outline: none;} .simple-tabs .tabs li a:hover { background: #ccc; text-decoration: none !important;} .simple-tabs .tabs .active, .simple-tabs .tabs .active a:hover { background:#fff !important; border-bottom: 1px solid #fff;} .simple-tabs .tab_container { border: 1px solid #999; border-top: none; clear: both; float: left; width: 100%; margin-bottom:10px; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;} .simple-tabs .tab_content { display:none; padding: 20px; color: #000;} .simple-tabs .tab_content a { color: #666;} .simple-tabs .tab_content a:hover { text-decoration:underline; color: #000;} .simple-tabs .tab_content ul { list-style: none;} .simple-tabs .tab_content li { list-style: none; border-bottom: 1px dotted #666; padding-bottom:4px; margin-bottom:4px;} .simple-tabs .tab_content .more { float:right;padding: 5px; } .simple-tabs .tab_content .more a { color:#999; font-weight: bold; } /* * FancyBox 2.0.1 */ .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: auto; visibility: hidden; } .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1002; } .fancybox-outer { padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 1003; } .fancybox-opened .fancybox-outer { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-inner { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; outline: none; overflow: hidden; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; background: url('/public/themes/common/images/fancybox_loading.gif'); opacity: 0.9; cursor: pointer; z-index: 1010; } .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/public/themes/common/images/fancybox_sprite.png'); } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 1004; } .fancybox-prev, .fancybox-next { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url('/public/themes/common/images/fancybox_blank.gif'); /* helps IE */ z-index: 1003; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-prev span, .fancybox-next span { position: absolute; top: 50%; left: -9999px; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 1003; } .fancybox-prev span { background-position: 0 -36px; } .fancybox-next span { background-position: 0 -72px; } .fancybox-prev:hover, .fancybox-next:hover { visibility: visible; } .fancybox-prev:hover span { left: 20px; } .fancybox-next:hover span { left: auto; right: 20px; } /* Overlay helper */ #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: #000; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 1005; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 1003; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.7); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { margin-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }/* general styles */ /* reset styles */ .agile_carousel img {border: 0;} .agile_carousel p, .agile_carousel ul, .agile_carousel ul li { margin: 0; padding: 0; } /* agile carousel styles */ /* -----------------------------------*/ /*-- outer containers --*/ /* -----------------------------------*/ /*-- the most outer container rendered by JS Contains .slides .slide_content_... .persistent_content and controls that have "no_control_set" --*/ .agile_carousel { position: relative; overflow: hidden; font-size: 11px; } /*-- container for all slides only --*/ .agile_carousel .slides { position: absolute; top: 0; left: 0; } /*-- individual slide --*/ .agile_carousel .slide { float: left; } /* -----------------------------------*/ /*-- default style for controls --*/ /* -----------------------------------*/ /*-- default styles for all control sets --*/ .agile_carousel .control_set { position: absolute; z-index: 4000; } /*-- default styles for all button containers --*/ .agile_carousel .button_container { z-index: 5000; } /*-- default style for controls whose trigger type is "hover" --*/ .agile_carousel .ac_hover { cursor:text; } /*-- default style for controls which are currently selected such as the current slide number --*/ .agile_carousel .ac_selected { } /*-- default style for disabled controls "previous" and "next" controls may be disabled near the first/last slide --*/ .agile_carousel .ac_disabled { } /*-- style applied to all controls --*/ .slide_button { z-index: 5000; cursor: pointer; display: block; background-position: 0 0; background-repeat: no-repeat; position: relative; } /*-- previous button --*/ .previous_button { } /*-- next button --*/ .next_button { } /*-- hover previous button --*/ .hover_previous_button { } /*-- hover next button --*/ .hover_next_button { } /*-- numbered buttons container --*/ .agile_carousel .numbered_buttons_container { } /*-- numbered button --*/ .agile_carousel .numbered_button { float: left; } /*-- grouped numbered buttons container --*/ .agile_carousel .grouped_numbered_buttons_container { } /*-- group numbered button --*/ .agile_carousel .grouped_numbered_button { float: left; } /*-- content buttons container --*/ .agile_carousel .content_buttons_container { overflow:hidden; /* HACK:pab */ } /*-- content button --*/ .agile_carousel .content_button { } /*-- thumbnail buttons container --*/ .agile_carousel .thumbnail_buttons_container { } /*-- thumbnail button --*/ .agile_carousel .thumbnail_button { } /* -------------------------------------------- */ /*-- "things" that are not slides or controls --*/ /* -------------------------------------------- */ .current_slide_number { cursor: text; } .slide_count { cursor: text; } /* -------------------------------------------- */ /*-- .basic_slideshow styles --*/ /* -------------------------------------------- */ /*-- hide the captions --*/ .basic_slideshow .caption { display: none; } /* -------------------------------------------- */ /*-- .multiple_slides_visible styles --*/ /* -------------------------------------------- */ /*-- outer container --*/ .multiple_slides_visible .agile_carousel { overflow: hidden; -moz-box-shadow: 0px 0px 4px #dfdfdf; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 0px #dfdfdf; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 4px #dfdfdf; /* Opera 10.5, IE9, Chrome 10+ */ background-color: #ededeb; } /*-- slide container --*/ .multiple_slides_visible .slides { margin-top: 28px; } /*-- individual slides --*/ .multiple_slides_visible .slide_inner { text-align: center; } .multiple_slides_visible .slide_inner { overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #cfcece; background-color: #fff; text-align: center; width: 144px; margin: 0 auto; } /*-- large photos --*/ .multiple_slides_visible .photo_link { width: 129px; height: 137px; overflow: hidden; display: block; margin: 8px auto 4px; } .multiple_slides_visible .photo { height: 137px; } /*-- for the links beneath the photos --*/ .multiple_slides_visible .caption:link, .multiple_slides_visible .caption:visited, .multiple_slides_visible .caption:hover { color: #333333; text-decoration: none; width: 128px; display: block; margin: 0 auto; padding-bottom: 3px; } .multiple_slides_visible .caption:hover { text-decoration: underline; } .multiple_slides_visible .persistent_content{ position: absolute; top: 2px; left: 12px; font-size: 14px; text-shadow: 0px 1px 1px #ccc; color: #B5B5B5; } /*-- .control_set_1 - includes: .previous_next_button --*/ .multiple_slides_visible .control_set_1 { float: right; position: relative; margin: 4px 6px 0; } .multiple_slides_visible .previous_next_button { width: 16px; height: 16px; overflow: hidden; text-indent: 1000px; background-image: url(/core/plugins/agile_carousel/css/images/sprite_ac_normal.png); background-color: #ccc; border: 1px solid #cfcece; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; -moz-box-shadow: 0px 0px 2px #dfdfdf; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 0px #dfdfdf; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 2px #dfdfdf; /* Opera 10.5, IE9, Chrome 10+ */ } .multiple_slides_visible .previous_button { background-position: 4px 3px; } .multiple_slides_visible .next_button { background-position: -44px 3px; } .multiple_slides_visible .previous_next_button:hover { background-color: #f7f7f7; } .multiple_slides_visible .previous_button:hover { background-image: url(/core/plugins/agile_carousel/css/images/sprite_ac_hover.png); } .multiple_slides_visible .next_button:hover { background-image: url(/core/plugins/agile_carousel/css/images/sprite_ac_hover.png); } .multiple_slides_visible .control_set_1 .ac_disabled { background-image: url(/core/plugins/agile_carousel/css/images/sprite_ac_disabled.png); } /*-- .control_set_2 - includes: group_numbered_buttons --*/ .multiple_slides_visible .control_set_2 { float: right; position: relative; margin: 8px 0 0 0; } .multiple_slides_visible .slide_button { float: left; } .multiple_slides_visible .group_numbered_buttons_container { float: left; margin-right: 14px; } .multiple_slides_visible .group_numbered_button { color: #000; padding: 0 2px; font-size: 12px; margin-right: 2px; background-image: url(/core/plugins/agile_carousel/css/images/sprite_ac_normal.png); background-position: -95px 0; width: 10px; height: 10px; overflow: hidden; text-indent: 1000px; background-color: transparent; } .multiple_slides_visible .group_numbered_button:hover, .multiple_slides_visible .group_numbered_buttons_container .ac_selected { background-image: url(/core/plugins/agile_carousel/css/images/sprite_ac_hover.png); } /* -------------------------------------------- */ /*-- .flavor_1 styles --*/ /* -------------------------------------------- */ /*-- outer container --*/ .flavor_1 .agile_carousel { overflow: hidden; -moz-box-shadow: 0px 0px 4px #dfdfdf; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 0px #dfdfdf; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 4px #dfdfdf; /* Opera 10.5, IE9, Chrome 10+ */ } /*-- hide the captions --*/ .flavor_1 .caption { display: none; } /*-- .control_set_1 - includes: numbered_buttons --*/ .flavor_1 .control_set_1 { float: right; position: relative; margin: 6px 2px 0 0; } .flavor_1 .numbered_buttons_container { float: left; } .flavor_1 .control_set_1 .slide_button { float: left; } .flavor_1 .numbered_button { color: #000; padding: 2px 5px; font-size: 12px; margin-right: 4px; background-color: #d9d9d9; opacity: .6; } .flavor_1 .numbered_buttons_container .ac_selected, .flavor_1 .numbered_buttons_container .numbered_button:hover { color: #fff; background-color: #666; opacity: .9; } /*-- "no control set" - includes: .hover_previous_button, .hover_next_button --*/ .hover_previous_next_button { position: absolute; top: 30px; width: 90px; height: 150px; } .hover_previous_next_button .hover_previous_next_button_inner { position: absolute; top: 60px; background-color: #d9d9d9; opacity: 0.5; width: 54px; height: 35px; display: block; overflow: hidden; text-indent: 1000px; background-image: url(/core/plugins/agile_carousel/css/images/sprite_ac_normal.png); background-repeat: no-repeat; } .hover_previous_button { left: 0px; } .hover_next_button { right: 0px; } .hover_previous_button .hover_previous_next_button_inner { left: 0px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-position: -298px 8px; } .hover_next_button .hover_previous_next_button_inner { right: 0px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-position: -351px 8px; } .flavor_1 .persistent_content { top: 100px; left: 10px; color: #ccc; position: absolute; z-index: 5000; } /* -------------------------------------------- */ /*-- .flavor_2 styles --*/ /* -------------------------------------------- */ /*-- outer container --*/ .flavor_2 .agile_carousel { overflow: hidden; -moz-box-shadow: 0px 0px 4px #dfdfdf; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 0px #dfdfdf; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 4px #dfdfdf; /* Opera 10.5, IE9, Chrome 10+ */ } /*-- hide the captions --*/ .flavor_2 .caption { display: none; } /*-- .control_set_1 - includes: numbered_buttons, .previous_next_button, .pause_button --*/ .flavor_2 .control_set_1 { float: right; position: relative; margin: 6px 6px 0 0; background-color: #d9d9d9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.5; padding: 2px 8px; } .flavor_2 .numbered_buttons_container { float: left; margin-right: 14px; } .flavor_2 .control_set_1 .slide_button { float: left; } .flavor_2 .numbered_button { color: #000; padding: 0 2px; font-size: 12px; margin-right: 2px; } .flavor_2 .numbered_buttons_container .ac_selected, .flavor_2 .numbered_buttons_container .numbered_button:hover { color: #fff; background-color: #666; } .flavor_2 .previous_next_button,.pause_button { width: 10px; height: 18px; overflow: hidden; text-indent: 1000px; background-image: url(/core/plugins/agile_carousel/css/images/sprite_ac_normal.png); } .flavor_2 .previous_button { background-position: 0 3px; } .flavor_2 .next_button { background-position: -48px 3px; } .flavor_2 .pause_button { background-position: -24px 3px; } .flavor_2 .control_set_1 .play_button { background-position: -70px 3px; } .flavor_2 .previous_button, .flavor_2 .pause_button { margin-right: 10px; } /*-- .control_set_2 - includes: .conent_button --*/ .flavor_2 .agile_carousel .content_buttons_container { /* HACK:pab */ height: 112px; } .flavor_2 .control_set_2 { /* HACK:pab */ left: 0; bottom: 0; height: 112px; } .flavor_2 .content_button { float: left; width: 96px; text-align: center; } .flavor_2 .content_buttons_container .ac_selected { background-image: url(/core/plugins/agile_carousel/css/images/sprite_ac_normal.png); background-position: -124px 0; } .flavor_2 .content_button_inner { background-color: #f4f3f3; height: 100px; margin-top: 12px; border-right: 1px solid #f4f3f3; border-bottom: 1px solid #f4f3f3; border-left: 1px solid #f4f3f3; } .flavor_2 .ac_selected .content_button_inner { background-color: #dfdddd; border-right: 1px solid #acabab; border-bottom: 1px solid #acabab; border-left: 1px solid #acabab; height: 99px; width: 94px; } .flavor_2 .content_button p { margin-top: 4px; width: auto; line-height: 15px; } .flavor_2 .content_button_inner:hover { background-color: #dfdddd; } .flavor_2 .content_button img { border: 4px solid #fff; margin: 7px auto 0 auto; -moz-box-shadow: 1px 1px 1px #bcbbbb; /* FF3.5+ */ -webkit-box-shadow: 1px 1px 1px #bcbbbb; /* Saf3.0+, Chrome */ box-shadow: 1px 1px 1px #bcbbbb; /* Opera 10.5, IE9, Chrome 10+ */ } .flavor_2 .persistent_content { top: 100px; left: 10px; color: #ccc; position: absolute; z-index: 5000; } /* -------------------------------------------- */ /*-- .flavor_3 styles --*/ /* -------------------------------------------- */ /*-- outer container --*/ .flavor_3 .agile_carousel { overflow: hidden; -moz-box-shadow: 0px 0px 4px #dfdfdf; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 0px #dfdfdf; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 4px #dfdfdf; /* Opera 10.5, IE9, Chrome 10+ */ } /*-- hide the captions --*/ .flavor_3 .caption { display: none; } /*-- .control_set_1 - includes: content_buttons --*/ .flavor_3 .control_set_1 { position: absolute; right: 0; top: 0; width: 208px; height: 224px; color: #fff; } .flavor_3 .content_button { width: 208px; height: 44px; } .flavor_3 .content_button_inner p { float: left; } .flavor_3 .content_buttons_container .ac_selected { background-image: url(/core/plugins/agile_carousel/css/images/sprite_ac_normal.png); background-position: -244px 0; } .flavor_3 .content_button p { opacity: 1; vertical-align: auto; float: left; padding-right: 5px; width: 138px; } .flavor_3 .content_button_inner { background-color: #333; width: 189px; height: 43px; border-bottom: 1px solid #000; opacity: 0.8; float: right; } .flavor_3 .ac_selected .content_button_inner, .flavor_3 .ac_selected .content_button_inner:hover { opacity: 0.95; } .flavor_3 .content_button_inner:hover { opacity: 0.9; } .flavor_3 .content_button img { opactiy: 1; } .flavor_3 .content_button .thumb { width: 37px; height: 37px; overflow: hidden; float: left; border: 1px solid #000; margin: 3px 3px 0 3px; }/* ======================================================================= Gallery Plugin Styles ======================================================================= */ .gallery { margin-top:10px; } .gallery .items { margin:0px; list-style: none; } .gallery .items li, .gallery .items a { font-size:11px; line-height:12px; } .gallery .items li { background:#fff; display: inline; list-style: none; width: 130px; height: 185px; overflow:hidden; float: left; margin: 0px 14px 14px 0px; text-align: center; border:4px solid #fff;} .gallery .items.album li { -webkit-box-shadow: 2px 2px 4px #aaaaaa; -moz-box-shadow: 2px 2px 4px #aaaaaa;} .gallery .items.photo li { -webkit-box-shadow: 0px 0px 1px #000; -moz-box-shadow: 0px 0px 1px #000;} .gallery .items a img { display:block; margin:0px auto; width:130px; height:130px; margin-bottom:5px; } .gallery .items .title { margin:0px; padding:0px 5px; text-align:left; font-weight:bold; } .gallery .items .desc { margin:0px; padding:0px 5px; text-align:left;} .gallery .items .hover { border-color:#999 !important;} .gallery .item { margin:0px auto; } .gallery .item .pager { width:100%; margin-bottom:20px;} .gallery .item .pager .prev { width:10%; text-align:left;} .gallery .item .pager .prev a { display:block; width:21px; height:32px; text-indent: -1000px; background: url(/core/plugins/gallery/views/templates/images/prev.gif) no-repeat top left; } .gallery .item .pager .caption { width:80%; text-align:center; font-weight:bold;} .gallery .item .pager .next { width:10%; } .gallery .item .pager .next a { display:block; float:right; width:21px; height:32px; text-indent: 1000px; background: url(/core/plugins/gallery/views/templates/images/next.gif) no-repeat top right; } .gallery .item .content { overflow:hidden; text-align:left;} .gallery .item .content p { padding:2px 0px;} .gallery .item .content .image { text-align:center;} .gallery .item .content .desc { border-top:1px solid #333; margin-top:5px; padding-top:5px;} .gallery .filter-bar { margin:10px 0px; } .gallery .left { float:left; } .gallery .right { float:right; } .gallery .clear { clear:both; } /* ======================================================================= Events Plugin Styles ======================================================================= */ .events-calendar { background:none; margin:0px;} .events-calendar .wrapper { } .events-calendar table { margin:auto; border-collapse:collapse; font-size:1em;} .events-calendar .heading th { height:16px; padding-bottom:2px;} .events-calendar .heading .prev a { position:relative; right:18px; float:right; width:16px; height:16px; background:url(/core/plugins/events/views/templates/images/calender_prev.gif) no-repeat center right;} .events-calendar .heading .next a { position:relative; right:-16px; float:right; width:16px; height:16px; background:url(/core/plugins/events/views/templates/images/calender_next.gif) no-repeat center right; margin-right:0px;} .events-calendar .heading .title { position:relative; float:left; height:16px; font-weight:normal;} .events-calendar .weekday td { background-color:#C0C0C0; border-left:1px solid #C0C0C0; border-top:1px solid #C0C0C0; border-right:1px solid #C0C0C0; color:#fff; height:20px; padding:5px 0px 5px 0px; text-align:center;} .events-calendar .days td, .events-calendar .days .highlight, .events-calendar .days .blank { padding:0px; width:90px; height:100px; display:table-cell; vertical-align:top; background-color:#FFF;} .events-calendar .days td { border:1px solid #ccc; background-color:#ebebeb;} .events-calendar .days td:hover { background-color:#FFF;} .events-calendar .days .day_num { padding:2px 0px 0px 4px; margin-bottom:4px; font-size:1.3em;} .events-calendar .days .content a { font-weight:bold;} .events-calendar .days .content .items { margin:0px 4px; padding:0px; list-style:none; font-size:.8em;} .events-calendar .days .content .items li { margin:0px 0px 6px 0px; padding:0px; list-style:none;} .events-calendar .days .highlight { background-color:yellow;} /* mini overrides */ .events-calendar.mini { width:256px;} .events-calendar.mini .days td, .events-calendar.mini .days .highlight, .events-calendar.mini .days .blank { width:35px; height:35px; text-align:center; vertical-align:middle; } .events-calendar.mini .days .day_num { padding:0px; margin:0px auto; font-size:1em;} /* mini only */ .events-calendar.mini .upcoming { list-style:none; margin:10px auto; overflow:hidden;} .events-calendar.mini .upcoming li { float:left; width:100%; padding:0px 0px 6px 0px; margin:0px 0px 6px 0px; border-bottom:#666 dotted 1px;} .events-calendar.mini .upcoming li a.title { float:left; width:170px;} .events-calendar.mini .upcoming li a.date { float:right; background:url(/core/plugins/events/views/templates/images/calender_icon.gif) no-repeat left; padding-left:15px;} .events-calendar.mini .upcoming li.more { border-bottom:none;} .events-calendar.mini .upcoming li.more a { float:right; background:url(/core/plugins/events/views/templates/images/calender_arrow1.gif) no-repeat right center; padding-right:20px;} .events-list { } .events-list .filter-bar { float:right; margin:0px 0px 20px 0px; } .events-list .events { font-size:1.3em; list-style:none; overflow:hidden; } .events-list .events li { padding:6px 0px 6px 0px; margin:0px 0px 6px 0px; border-bottom:#666 dotted 1px;} .events-list .events li p { line-height:24px; padding:0px;} .events-list .events li h1 { font-size:1.1em; font-weight:bold; padding:0px; } .events-list .events li.last { border-bottom:none; } .events-list .events li.noevents { font-size:1.1em; font-weight:bold; border-bottom:none; } /* ======================================================================= News Plugin Styles ======================================================================= */ .vnw-news { } .vnw-news li { background:none; /* reset incase themes redefine elements */} .vnw-news .filter-bar { float:right; margin:0px 0px 20px 0px; } .vnw-news .articles { float:left; } .vnw-news .articles ul{ float:left; list-style:none; width:100%; overflow:hidden; } .vnw-news .articles ul li{ float:left; padding:0px 0px 20px 0px; border-bottom:#CCC solid 1px; margin:0px 0px 20px 0px; } .vnw-news .articles ul li.last{ border-bottom:none; } .vnw-news .articles ul li .preview{ float:left; width:180px; padding:0px; } .vnw-news .articles ul li .preview img{ width:160px; } .vnw-news .articles ul li .preview a{ float:left; padding:3px; background-color:#fbfbf9; border:#d0d0d0 solid 1px; } .vnw-news .articles ul li .details{ float:left; width:410px; padding:0px 0px; margin:0px 0px 0px 15px; } .vnw-news .articles ul li .details h1{ padding:0px 0px 5px 0px; font-size:100%; } .vnw-news .articles ul li .details p.date{ padding:0px 0px 5px 0px; margin:0px 0px 10px 0px; border-bottom:#CCC solid 1px; } .vnw-news .articles ul li .details p.txt{ padding:0px 0px 10px 0px; } .vnw-news .articles ul li .details a.continue{ color:#000; text-decoration:underline; } .vnw-news .article ul{ float:left; width:90%; display:inline-block; list-style:none; overflow:hidden; } .vnw-news .article li{ float:left; padding:0px 0px 20px 0px; width:100%; display:inline-block; } .vnw-news .article li h1{ padding:0px; margin:0px 0px 5px 0px; font-size: 180%; border: none !important; background: none !important; } .vnw-news .article li .details{ margin:10px 0px 15px 0px; padding:0px; } .vnw-news .article li .details p.txt{ font-size: 120%; } .vnw-news .article .postin{ height:29px; background:#C0C0C0; border:#434343 solid 1px; list-style:none; margin:10px 0px 0px 0px; width:100%; } .vnw-news .article li .postin p{ float:left; padding:0px 10px; margin:5px 0px 0px 0px; background-repeat:no-repeat; background-position:right; color:#CCC; } .vnw-news .article li .postin p a{ color:#fff; } .vnw-news .article li .postin p.last{ background-image:none; } .vnw-news .article li .postin a.continue{ color:#fff; text-decoration:underline; float:right; margin:6px 10px 0px 0px; }/* Product Listings */ .product-hover { border:1px solid #333 !important; cursor:pointer !important;} .ProductList { list-style: none; margin: 0; padding: 0; } .ProductList li { list-style: none; float: left; width: 122px; font-size: 0.95em; margin: 6px; padding: 8px; overflow: hidden; min-height: 17em; border:1px solid #ccc; } .ProductList a { text-decoration: none; } .ProductList .ProductImage { margin: 0 0 5px 0; display: table-cell; width: 120px; height: 120px; line-height:120px; text-align: center; overflow: hidden; vertical-align: middle; } .ProductList .ProductImage img { vertical-align: middle; } .ProductList p { margin: 5px 0 5px 5px; } .ProductList strong, .ProductList strong a { color: #075899; } .ProductPrice, .ProductList em { font-style: normal; font-weight: bold; } .OldPrice { color: #F00; text-decoration: line-through; margin-right:5px; } .ProductList .Rating { font-size: 0.9em; font-weight: bold; } .ProductList .Rating img { height: 12px; margin-top: 3px; } .ProductList li .ProductCompareButton { margin-top: 3px; text-align: center; } /* Product Detail */ .PrimaryProductDetails { overflow:hidden; } .PrimaryProductDetails .ProductImages { float: left; min-width: 300px; text-align: center; border: 0px solid red; } .PrimaryProductDetails .ProductMainImage { text-align: center; min-width: 300px; min-height: 220px; } .PrimaryProductDetails .ProductThumbImages { text-align: center; } .PrimaryProductDetails .ProductThumbImages a { margin: 5px 5px 5px 0px; text-decoration: none; } .PrimaryProductDetails .ProductThumbImages a img { border: none; } .PrimaryProductDetails .ProductMain { margin-left:20px; width: 290px; float: left; border: 0px solid green; } .PrimaryProductDetails dl { font-size: 0.90em; } .PrimaryProductDetails dt { font-weight: bold; width: 80px; clear: left; } .PrimaryProductDetails dd { margin-left: 90px; } /* Product Details */ .ProductDetailsGrid dt { width: 140px; margin-bottom: 6px; float: left; font-weight: bold; } .ProductDetailsGrid dd { margin-left: 145px; margin-bottom: 6px; } .ProductDetailsGrid .DetailRow { clear: left; margin-top: 6px; padding-left: 140px; } .ProductDetailsGrid .Label { margin: 0 0 6px -140px; float: left; width: 130px; font-weight: bold; padding-top: 1px; display: inline; position: relative; text-align: right; } .ProductDetailsGrid .Value { display: inline; } .ProductDetailsGrid .Label .Required { position: absolute; left: -1em; } #product_tabs { margin-top:20px; } /* Product Page */ .add_to_cart_btn { padding:10px; font-size:20px; } .product_quantity { width:50px; } .product_section { margin-top:20px; padding:10px; border-top:1px solid #ddd; } .product_section h2 { font-size:16px; } .product_section .red { color:red; } .option_container { margin-bottom:15px; } .option_name { font-weight:bold; font-size:12px; } /* order */ #order_items { clear: both; width: 75%; margin: 30px 0 0 0; border: 1px solid black; } #order_items th { background: #ccc; padding:6px;} #order_items td { padding:6px;} #order_items tr.item-row td { border: 0; vertical-align: top; } #order_items tr.odd { background: #eee; } #order_items td.description { } #order_items td.item-name { } #order_items td.total-line { border-right: 0; text-align: right; } #order_items td.total-value { border-left: 0; padding: 10px; } #order_items td.blank { border: 0; } #order_items .qty {width:30px; text-align: center;} #order_items .unit-price {width:80px; } #order_items .amount {width:80px; } #order_items .total td {font-weight:bold; border-top:4px double #000;} #order_items .error {color:red;} #order_items .warning {color:blue;} /* jCart v1.3 http://conceptlogic.com/jcart/ */ .jcart {margin:0px;} #jcart input , #jcart select , #jcart textarea { width:auto !important; } #jcart, #jcart input, #jcart-tooltip { font-size:12px; color:#333; } #jcart fieldset { border:0; } #jcart-error { text-align:center; padding:5px; } #jcart table { width:100%; border:0; background:#fff; border-collapse:collapse; } #jcart thead { } #jcart-title { } #jcart tbody { } #jcart tfoot { } #jcart tr { } #jcart th { background:#C0C0C0; color:#fff; } #jcart th, #jcart td { padding:5px; border:solid 1px #ccc; vertical-align:top; text-align:left; font-weight:normal; } #jcart #jcart-empty { text-align:center; } .jcart-item-qty { width:25px; } #jcart .jcart-item-name { font-weight:bold; } #jcart .jcart-item-price { width:40px; font-weight:bold; text-align:right; } .jcart-item-price span { display:block; } .jcart-remove { font-size:11px; font-weight:normal; } #jcart-subtotal { display:block; } #jcart-subtotal strong { } #jcart-buttons input { padding:2px; margin:2px; } #jcart-checkout { float:right; padding:2px; } .jcart-checkout-bottons { margin-top:10px; text-align:center; } .jcart-checkout-bottons input { width:14em; padding:10px; margin-right:10px; } #jcart-tooltip { display:none; position:absolute; padding:3px 7px 3px 25px; background:#fdfdfd url(/core/plugins/store/views/templates/images/checkmark.png) left center no-repeat; border:1px solid #a6c9e2; z-index:9999; } .add_to_cart_qty {padding:0px !important; width:30px; height:25px; font-size:12px !important; } .add_to_cart_btn {height:30px; font-size:12px !important; line-height: 12px; vertical-align: middle; } /* ======================================================================= Style overrides ======================================================================= */ #menu-main-nav { border:0px solid red; } #menu-main-nav .drop { top:32px; } #menu-main-nav ul li strong { text-transform:capitalize;font-weight:normal;} #content { margin-left: 0px; border:0px solid red;} .content_right_sidebar { width: 670px !important;} .content_full_width { width: 980px !important;padding: 0px;} .main-holder { border:0px solid red;padding-top:25px;} .callout-wrap { margin-top:0px; border:0px solid red;} #sub_nav { padding:15px 0px;} .nav_right_sub_nav { float: left !important;} #sidebar { width:280px !important;} #sidebar ul { margin:auto;} #sidebar ul li { padding:0px; background:none;} #sidebar #sub_nav { margin-left:-12px !important; } #sidebar ul li, #sidebar #sub_nav ul li.current_page_item ul li a, #sidebar #sub_nav ul li.current_page_parent ul li.current_page_item a { background:none !important; padding-left:0px !important; } #sidebar #sub_nav ul li { padding-top:0px !important;} .sidebar-widget { margin-bottom: 0px;} /* ======================================================================= Breadcrumb Styles overrides ======================================================================= */ #common-breadcrumb { margin:0px;padding:0;float:right;overflow:hidden;font-size:.9em; color:inherit;} #common-breadcrumb a { text-decoration:underline; padding:0 15px 0 7px;background:url(../images/_global/arrow-right.png) 100% 50% no-repeat;margin:0 0 0 6px;color:#FFF;outline: none;} #common-breadcrumb a:hover { color:#CCC;} #common-breadcrumb p { margin:0px; line-height:14px; color:#FFF; padding:0px 20px 0px 15px; background-repeat:no-repeat; background-position:100% 50%; font-weight:normal;} #common-breadcrumb p.label { display:none;} #common-breadcrumb ul, #common-breadcrumb ul li { padding:0px; margin:0px;} #common-breadcrumb ul li.last { background:url(../images/_global/arrow-up.png) 50% 100% no-repeat;padding:0 5px 23px 7px;font-weight: bold; } #common-breadcrumb .separator { display:none; } /* ======================================================================= Header Styles overrides ======================================================================= */ #common-header { float:left; } #common-header .logo { float:left;margin-left:22px; padding:0px;outline: none;} #common-header .logo img { width:154px; height:57px;} /* ======================================================================= Footer Styles ======================================================================= */ #common-bottom ul { margin:0px; padding:0px; overflow:hidden; } #common-bottom { width:100%; padding-top:50px;height:auto;overflow:hidden; background:#909090 url(../images/karma-silver/bg-footer.jpg) repeat-x !important; } #common-bottom, #common-bottom a { color:#D0D0D0;} #common-bottom a:hover { color:#fff;} /* --- notice button (below footer) --- */ #common-bottom-notice { margin:0px; width: 100%;height:auto; background:#909090 url(../images/karma-silver/bg-footer-bottom.jpg) repeat-x !important;} #common-bottom-notice { padding:15px 0px;} #common-bottom-notice a { text-decoration:underline;} #common-bottom-notice a:hover { text-decoration:none;} #common-bottom-notice p { width:980px;margin:0px auto; padding-left:0px; text-align:left; } #common-bottom-notice a, #common-bottom-notice p { font-size:90%; color: #BCBCBC; } /* --- main footer --- */ #common-footer { clear:both;border:0px solid red; background:transparent; } #common-footer { width:980px;margin:0px auto;overflow:hidden;padding:40px 0 25px 6px; } #common-footer .col4 { border-right:none;} #common-footer .top-button { display:none; border:0px solid red; width:auto; position:relative; right:0px; bottom:0px;} #common-bottom h6 { color:#fff; border-bottom: 1px solid #5F7984 !important;} #common-bottom h6 { text-shadow:none;} #content p { margin: 0; padding: 0 0 10px; } :root #main .main-area {width:980px;margin:90px auto \0/IE9;padding:43px 0 5px 0;}