/* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider Copyright (c) 2009 Niall Doherty This plugin available for use in all personal or commercial projects under both MIT and GPL licenses. */ /* Most common stuff you'll need to change */ .coda-slider-wrapper { padding: 0 } /*.coda-slider { background: #ebebeb }*/ /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { width: 700px } #coda-slider-1,#coda-slider-1 .panel { width: 924px; height: 500px} /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 700px } .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } /* Arrow styling */ /*.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }*/ h2.title { display: none } /* Tab nav */ .oldcoda-nav ul li a.current { background: #000 } #oldcoda-nav-1 ul li a.current { background:url(/images/site/home/bgr_tab_titles_hover_left.png) no-repeat; } .coda-nav ul li a:hover,.coda-nav ul li a.current, .coda-nav ul li a.selected{ background:url(/images/site/home/bgr_tab_titles_hover.png) repeat-x; text-decoration:none; color: #fff;} .coda-nav ul li a:hover .left,.coda-nav ul li a.current .left, .coda-nav ul li a.selected .left{ background:url(/images/site/home/bgr_tab_titles_hover_left.png) no-repeat; color: #fff} .coda-nav ul li a:hover .right,.coda-nav ul li a.current .right, .coda-nav ul li a.selected .right{ background:url(/images/site/home/bgr_tab_titles_hover_right.png) no-repeat right top; color: #fff} /* Panel padding */ .coda-slider .panel-wrapper { padding: 20px } /* Preloader */ .coda-slider p.loading { padding: 20px; text-align: center } /* Don't change anything below here unless you know what you're doing */ /* Tabbed nav */ /* .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden } .coda-nav ul li { display: inline } .coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none } */ #coda-nav-1{ width:100%; background:url(/images/site/home/bgr_tab_titles.png) repeat-x; overflow:hidden; } #home #coda-nav-1{ width:1046px; margin:0 0 0 2px; background:url(/images/site/home/bgr_tab_titles.png) repeat-x; overflow:hidden; } #subpage #coda-nav-1{width:1046px;} #coda-nav-1 ul{ float:left; height:100px; background:url(/images/site/home/bgr_tab_titles_left.png) no-repeat; padding:0 0 0 00px; } #subpage #coda-nav-1 ul{ background:url(/images/site/home/bgr_tab_titles_sub_left.png) no-repeat; padding:0 0 0 23px; } #coda-nav-1 li{ float:left; padding:0; } #coda-nav-1 a, #coda-nav-1 a:visited{ float:left; display:block; color:#fff; } #coda-nav-1 a .left{ float:left; display:block; } #coda-nav-1 a .right{ float:left; display:block; height:75px; padding:15px 30px 0 25px; } #coda-nav-1 a .inner{ display:block; cursor:pointer; float:left; padding:10px 0 10px 60px; } #coda-nav-1 #tab_title_featured a .inner{ background:url(/images/site/home/ico_tab_title_featured.png) no-repeat left center; } #coda-nav-1 #tab_title_automation a .inner{ background:url(/images/site/home/ico_tab_title_automation.png) no-repeat left center; } #coda-nav-1 #tab_title_cytexone a .inner{ background:url(/images/site/home/ico_tab_title_cytexone.png) no-repeat left center; padding:10px 0 10px 50px; } #coda-nav-1 #tab_title_platform a .inner{ background:url(/images/site/home/cloud2_mini.png) no-repeat left center; } #coda-nav-1 a:hover, #coda-nav-1 a.selected{ background:url(/images/site/home/bgr_tab_titles_hover.png) repeat-x; text-decoration:none; } #coda-nav-1 a:hover .left, #coda-nav-1 a.selected .left{ background:url(/images/site/home/bgr_tab_titles_hover_left.png) no-repeat; } #coda-nav-1 a:hover .right, #coda-nav-1 a.selected .right{ background:url(/images/site/home/bgr_tab_titles_hover_right.png) no-repeat right top; } /* Tab automation #coda-nav-1 #tab_title_automation2 a .inner{ background:url(/images/site/home/ico_tab_title_automation2.png) no-repeat left center; } #coda-nav-1 #tab_title_automation2 a .right{ padding:20px 30px 0 12px; } #coda-nav-1 #tab_title_residential a .inner{ background:url(/images/site/home/ico_tab_title_residential.png) no-repeat left center; } #coda-nav-1 #tab_title_residential a .right{ padding:20px 20px 0 14px; } #coda-nav-1 #tab_title_commercial a .inner{ background:url(/images/site/home/ico_tab_title_commercial.png) no-repeat left center; } #coda-nav-1 #tab_title_commercial a .right{ padding:15px 20px 0 25px; } #coda-nav-1 #tab_title_hospitality a .inner{ background:url(/images/site/home/ico_tab_title_hospitality.png) no-repeat left center; } #coda-nav-1 #tab_title_mdu a .inner{ background:url(/images/site/home/ico_tab_title_mdu.png) no-repeat left center; margin:-6px 0 0 0; } #coda-nav-1 #tab_title_mdu a .right{ padding:20px 30px 0 12px; } #coda-nav-1 a strong{ font-size:2em; color:#666; display:block; padding:0 0 6px; font-weight:normal; text-shadow:0 1px 0 #FFFFFF;} #coda-nav-1 a.selected strong{ font-size:2em; color:#FFFFFF; display:block; padding:0 0 6px; font-weight:normal; text-shadow:0 1px 0 #FFFFFF;} #coda-nav-1 a small{ font-size:1.1em; color:#666; font-style:italic; display:block; padding:0 0 0 3px; } #coda-nav-1 a:hover small, #coda-nav-1 a.selected small{color:#fff;} */ /* Tab automation */ #coda-nav-1 #tab_title_automation2 a .inner{ background:url(/images/site/home/ico_tab_title_automation2.png) no-repeat left center; } #coda-nav-1 #tab_title_automation2 a .right{ padding:20px 30px 0 12px; } #coda-nav-1 #tab_title_residential a .inner{ background:url(/images/site/home/ico_tab_title_residential.png) no-repeat left center; } #coda-nav-1 #tab_title_residential a .right{ padding:20px 20px 0 14px; } #coda-nav-1 #tab_title_commercial a .inner{ background:url(/images/site/home/ico_tab_title_commercial.png) no-repeat left center; } #coda-nav-1 #tab_title_commercial a .right{ padding:15px 20px 0 25px; } #coda-nav-1 #tab_title_hospitality a .inner{ background:url(/images/site/home/ico_tab_title_hospitality.png) no-repeat left center; } #coda-nav-1 #tab_title_mdu a .inner{ background:url(/images/site/home/ico_tab_title_mdu.png) no-repeat left center; margin:-6px 0 0 0; } #coda-nav-1 #tab_title_mdu a .right{ padding:20px 30px 0 12px; } #coda-nav-1 a strong{ font-size:2em; color:#666; display:block; padding:0 0 6px; font-weight:normal; text-shadow:0 1px 0 #fff;} #coda-nav-1 a small{ font-size:1.1em; color:#666; font-style:italic; display:block; padding:0 0 0 3px; } #coda-nav-1 a.current strong{ font-size:2em; color:#fff; display:block; padding:0 0 6px; font-weight:normal; text-shadow:0 1px 0 #666} #coda-nav-1 a:hover strong, #coda-nav-1 a.hover strong{ color:#fff; text-shadow:0 1px 0 #666 } #coda-nav-1 a:hover small, #coda-nav-1 a.selected small{color:#666;} #coda-nav-1 a.selected strong{ color:#666; text-shadow:0 1px 0 #000000 } /* Miscellaneous */ .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left, .coda-nav-right { float: left } .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }