/* Bosweb Systems.2012. Table Of Contents ------------------------- [01] - Global/Default Styles [02] - Layout [03] - Additional Layouts [04] - Navigation and Lists [05] - Forms [06] - Buttons [07] - Photo Galleries [Misc] - Miscellaneous Styles [iPhone] - iPhone Override Styles [iPad] - iPad Override Styles */ /*[01] - Global/Default Styles ----------------------------*/ /* Resets */ html, body, div, h1, h2, h3, h4, h5, h6, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, form, fieldset{display:block;margin:0;padding:0;border:0;} a{text-decoration:none;} a,a:active, a:focus{outline: 0;} textarea:focus, input:focus, select:focus{outline:none;} img, a img{border:none;} table{border-collapse:collapse; border-spacing: 0;} ::selection{} /* Document Styles/Page Size Standards */ html{overflow-y: scroll;font:12px Arial, Helvetica, sans-serif;line-height:1.5;color:#39393a;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-ms-text-size-adjust: 100%;background:#ebebeb;} body{background:#fff url(/2012/images/bg_body.jpg) no-repeat center top;} body > header, body > section, body > footer{position:relative;width:100%;} .contentWrapper{position:relative;margin:0px auto;width:980px;} /* Typography */ h1, h2, h3, h4, h5, h6{text-shadow:0px 1px 0px rgba(255, 255, 255, 0.1);font-weight:400;color:#b9c634;} h1{font-size:30px;} h1.pageName{padding-bottom:10px;text-transform:uppercase;font-weight:600;} h2{font-size:26px;} h3{font-size:22px;} h4{font-size:18px;} h5{font-size:16px;} h6{font-size:14px;} p{} a{color:#6529a3;} a:hover{text-decoration:underline;} /*[02] - Layout ----------------------------*/ /*Stacking Order */ body > header{z-index:4;} #banner{z-index:3;} #pageContent{z-index:2;} body > footer{z-index:1;} /* Site Header */ body > header{height:85px;} #Logo{position:absolute;top:12px;left:5px;z-index:2;} #siteNavigation{position:absolute;top:15px;right:5px;} /* Banner/Slider */ #banner{height:450px;background:url(/2012/images/bg_banner.png) no-repeat center bottom;} #banner > div{height:450px;} #MerinoOverlay{position:absolute;right:0px;bottom:0px;z-index:3;} #slider{position:relative;width:747px;height:412px;padding:38px 0px 0px 18px;background:url(/2012/images/bg_Slider.png) no-repeat;z-index:2;} #slideHolder{position:relative;width:700px;height:375px;overflow:hidden;} #slideHolder .slides_container{position:relative;width:700px;height:375px;z-index:1;} #slideHolder div{display:block;width:700px;height:375px;} #slideHolder ul.pagination{position:absolute;top:10px;right:10px;margin:0px;padding:0px;list-style:none;z-index:2;} #slideHolder ul.pagination li{display:block;float:left;} #slideHolder ul.pagination li + li{margin-left:8px;} #slideHolder ul.pagination li a{display:block;width:10px;height:10px;overflow:hidden;text-indent:101%;background:url(/2012/images/SliderBullet.png) no-repeat 0px 0px;} #slideHolder ul.pagination li.current a,#slideHolder ul.pagination li a:hover{background-image:url(/2012/images/SliderBullet-on.png);} #contactDetails{position:absolute;top:0px;right:15px;width:210px;height:225px;padding:35px 0px 0px 50px;line-height:1.4;color:#fff;background:url(/2012/images/bg_contactDetails.png) no-repeat;z-index:1;} #contactDetails strong{display:block;text-transform:uppercase;font-size:30px;font-weight:400;color:#b3d710;} #contactDetails em{display:block;font-style:normal;font-size:16px;color:#b3d710;} /* Main Content Area */ #pageContent{min-height:250px;height:auto !important;height:250px;border-bottom:1px solid #d9d9d9;background:url(/2012/images/bg_PageContent.png) no-repeat center top;} #pageContent .contentWrapper{width:900px;padding:30px 45px 0px 35px;} #followon #pageContent .contentWrapper{padding-top:20px;} #sidebar{float:left;width:300px;padding-top:30px;} #sidebar img{display:block;margin:0px auto 10px;} #sidebar + article{float:right;width:580px;} /* Site Footer */ body > footer{padding:30px 0px;color:#484848;border-top:1px solid #fbfbfb;background:#ebebeb;} body > footer > article.contentWrapper{padding-top:30px;text-align:center;font-size:11px;} body > footer > article.contentWrapper a{color:#6429a2;} /*[03] - Additional Layouts ----------------------------*/ /* Homepage Welcome Area */ #index #pageContent h1 + p{margin:0px;} /* Feedback Button */ .FeedbackButton{position:fixed;top:280px;left:0px;z-index:5;} /* Page Breadcrumbs */ #pageBreadcrumb{text-align:right;color:#6529a3;} #pageBreadcrumb a{color:#6529a3;} /* Leadins */ #leadins{padding:50px 0px 35px;} #leadins .leadin{position:relative;float:left;height:370px;} #leadins .leadin h1{display:block;position:absolute;top:-30px;left:-20px;width:100px;height:75px;padding:25px 0px 0px 0px;text-transform:lowercase;text-align:center;font-family:Times,"Times New Roman",serif;font-size:17px;line-height:1;color:#fff;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;} #leadins .leadin h1 em{display:block;padding-top:3px;text-transform:uppercase;font-family:"myriad-pro",sans-serif;font-size:22px;font-weight:600;font-style:normal;} #leadins .leadin a.readMore{position:absolute;bottom:-25px;right:15px;display:block;width:50px;height:35px;padding:15px 0px 0px 0px;text-align:center;text-transform:uppercase;font-family:"myriad-pro",sans-serif;font-size:14px;font-weight:400;-webkit-border-radius:27px;-moz-border-radius:27px;border-radius:27px;background:#fff;} #leadins .leadin a.readMore:hover{text-decoration:none;color:#fff !important;} #leadins .leadin .image{margin:3px 0px 10px 3px;} #leadins .leadin .image img{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #leadins .leadin p{margin:5px 8px;} #leadins .leadin.purple{border:1px solid #6429a2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #leadins .leadin.purple h1{background:#6429a2;} #leadins .leadin.purple a.readMore{color:#6429a2;border:2px solid #6429a2;} #leadins .leadin.purple a.readMore:hover{background:#6429a2;} #leadins .leadin.blue{border:1px solid #316eac;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #leadins .leadin.blue h1{background:#316eac;} #leadins .leadin.blue a.readMore{color:#316eac;border:2px solid #316eac;} #leadins .leadin.blue a.readMore:hover{background:#316eac;} #leadin1{width:290px;margin-right:30px;} #leadin1 .latestBlogPost{height:180px;overflow:hidden;} #leadin1 .latestBlogPost .heading a{color:#39393A;} #leadin1 .latestBlogPost .heading a:hover{text-decoration:none;color:#6429A2;} #leadin1 .rawPost{display:none;} #leadin2{width:290px;} #leadin2 .image{margin-bottom:0px !important;} #leadin3{float:right !important;width:270px;text} #leadin3 img{display:block;margin:0px auto 10px;} /* News List */ .newsItem{display:block;padding:15px 20px 10px 10px;border-top:1px dashed #ddd;background:url(/2012/images/ShadowDivider.png) no-repeat center top;} .newsItem .button{float:left;width:55px;} .newsItem .details{float:left;width:78%;} .newsItem .details .itemName{display:block;} .newsItem .details .itemName a{color:#39393a;} .newsItem .details .itemName a:hover{text-decoration:none;color:#316EAC;} #index .newsItem .details .content{display:none;} /*[04] - Navigation and Lists ----------------------------*/ /* Site Navigation */ #siteNavigation > div{} #siteNavigation > div > ul{margin:0px;padding:0px;list-style:none;} #siteNavigation > div > ul > li{position:relative;display:block;float:left;height:61px;background:url(/2012/images/bg_siteNavigationli.png) repeat-x;} #siteNavigation > div > ul > li#SiteNavigation_First{padding-left:12px;background:url(/2012/images/bg_siteNavigationli_FirstItem.png) no-repeat;} #siteNavigation > div > ul > li#SiteNavigation_Last{padding-right:12px;background:url(/2012/images/bg_siteNavigationli_LastItem.png) no-repeat right top;} #siteNavigation > div > ul > li:hover,#siteNavigation > div > ul > li.selected{background-image:url(/2012/images/bg_siteNavigationli-on.png);} #siteNavigation > div > ul > li#SiteNavigation_First:hover,#siteNavigation > div > ul > li#SiteNavigation_First.selected{background-image:url(/2012/images/bg_siteNavigationli_FirstItem-on.png);} #siteNavigation > div > ul > li#SiteNavigation_Last:hover,#siteNavigation > div > ul > li#SiteNavigation_Last.selected{background-image:url(/2012/images/bg_siteNavigationli_LastItem-on.png);} #siteNavigation > div > ul > li > a{display:block;height:42px;padding:19px 10px 0px 8px;font-size:14px;color:#3c3b3b;background:url(/2012/images/bg_siteNavigationlia.png) no-repeat right 5px;} #siteNavigation > div > ul > li#SiteNavigation_Last > a{background:none;} #siteNavigation > div > ul > li.selected > a,#siteNavigation > div > ul > li:hover > a{text-decoration:none;color:#fff;} /* Second Tier */ #siteNavigation > div > ul > li > ul{display:none;position:absolute;top:100%;left:0px;min-width:100%;margin:0px;padding:5px 0px;list-style:none;border:1px solid #dcdcdc;background:#f4f4f4;} #siteNavigation > div > ul > li#SiteNavigation_First > ul{left:12px;} #siteNavigation > div > ul > li > ul > li{display:block;margin:0px 5px;} #siteNavigation > div > ul > li > ul > li + li{padding-top:5px;border-top:1px solid #eee;} #siteNavigation > div > ul > li > ul > li > a{display:block;color:#3c3b3b;} #siteNavigation > div > ul > li > ul > li > a:hover{text-decoration:none;color:#a8b619;} /* Side Navigation */ #SideNavigation{position:relative;margin-bottom:10px;padding:10px;border:1px solid #6428a2;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #SideNavigation > div{} #SideNavigation > div > ul{margin:0px;padding:0px;list-style:none;} #SideNavigation > div > ul > li{display:none;position:relative;} #SideNavigation > div > ul > li > a{position:absolute;top:-38px;left:-30px;display:block;width:100px;height:70px;padding:30px 0px 0px 0px;text-align:center;text-transform:uppercase;font-family:Times,"Times New Roman",serif;font-size:26px;color:#fff;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;background:#6529a3;} #SideNavigation > div > ul > li > a:hover{text-decoration:none;background:#B9C634;} /* Second Tier */ #SideNavigation > div > ul > li > ul{margin:0px;padding:0px 0px 0px 85px;list-style:none;} #SideNavigation > div > ul > li > ul > li{position:relative;display:block;padding:3px 0px;} #SideNavigation > div > ul > li > ul > li > a{display:block;font-size:16px;font-weight:600;color:#252525;} #SideNavigation > div > ul > li > ul > li.selected > a,#SideNavigation > div > ul > li > ul > li:hover > a{text-decoration:none;color:#6529a3;} /* Template Triggers */ #followon.about #SideNavigation_About, #followon.sires #SideNavigation_Sires, #followon.sale #SideNavigation_ForSale, #followon.news #SideNavigation_News{display:block;} /* Footer Navigation */ #footerNavigation{width:880px;} #footerNavigation > div{} #footerNavigation > div > ul{margin:0px;padding:0px;list-style:none;} #footerNavigation > div > ul > li{position:relative;display:block;float:left;} #footerNavigation > div > ul > li + li{background:url(/2012/images/FooterDivider.png) no-repeat left center;} #footerNavigation > div > ul > li > a{display:none;} /* Second Tier */ #footerNavigation > div > ul > li > ul{display:block;margin:0px auto;padding:0px 55px 0px 55px;list-style:disc;} #footerNavigation > div > ul > li > ul > li{position:relative;padding-bottom:5px;color:#6429a2;} #footerNavigation > div > ul > li > ul > li > a{color:#484848;} #footerNavigation > div > ul > li > ul > li > a:hover{text-decoration:none;color:#6429a2;} /*[05] - Forms ----------------------------*/ label{font-weight:bold;} label,input[type=checkbox],input[type=radio]{cursor:pointer;} input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=tel], select, textarea{padding:5px;border:1px solid #ddd;} input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=number]:focus,input[type=tel]:focus, select:focus, textarea:focus{border:1px solid #bbb;} form fieldset{padding-bottom:30px;} form fieldset h2{padding-bottom:5px;font-size:15px;border-bottom:1px solid #eee;} form fieldset h2 label{font-weight:normal;} form div.item{padding-top:15px;} form div.item.half{float:left;width:50%;} form div.item.half input[type=text]{width:90%;} form div.item.full{width:100%;} form div.item.full textarea{width:95%;} form div.item.doubleColumn{} form div.item.doubleColumn label{display:inline-block;*display:inline;width:210px;zoom:1;} /*[06] - Buttons ----------------------------*/ #catwebformbutton{ cursor:pointer; display: inline-block; background: #83a01c; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6d14c), color-stop(100%,#83a01c)); background: -moz-linear-gradient(center top, #b6d14c 0%, #83a01c 100%); -webkit-box-shadow: 0px 1px 0px 0px #d1f25a inset, 0px -1px 0px 0px #99bc27 inset, 1px 2px 5px 0px #c9c9c9; -moz-box-shadow: 0px 1px 0px 0px #d1f25a inset, 0px -1px 0px 0px #99bc27 inset, 1px 2px 5px 0px #c9c9c9; box-shadow: 0px 1px 0px 0px #d1f25a inset, 0px -1px 0px 0px #99bc27 inset, 1px 2px 5px 0px #c9c9c9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 1px 1px 0px #648018; padding: 10px 20px; display: block; border-color: #97b134; border-width: 1px; border-style: solid; font-family: Lucida Grande, arial; font-size: 14px; color: #FFFFFF; font-weight: bold; } #catwebformbutton:hover{background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbda4c), color-stop(100%,#84a01d));background: -moz-linear-gradient(center top, #bbda4c 0%, #84a01d 100%);text-shadow: 4px 1px 5px #;} #catwebformbutton:active{background: #84a01d;-webkit-box-shadow: 0px 2px 5px 0px #59691b inset;-moz-box-shadow: 0px 2px 5px 0px #59691b inset;box-shadow: 0px 2px 5px 0px #59691b inset;text-shadow: 0px 0px 2px #242e07;border-color: #5c6b2f;} /*[07] - Photo Galleries ----------------------------*/ .photogalleryItem{position:relative;} .photogalleryItem a{position:relative;display:block;padding:9px;border:1px solid #ddd;} .photogalleryItem a span{position:relative;display:block;width:120px;height:120px;overflow:hidden;} .photogalleryItem a span img{max-width:225px;float:right;} /*[Misc] - Miscellaneous Styles ----------------------------*/ .clear{clear:both;} .req{color:#e50000;} .cf:before,.cf:after{content:"";display:block;} .cf:after{clear:both;} .cf{zoom:1;} .sprite{display:block;overflow:hidden;text-indent:-9999em;background:url(/images/sprite.png) no-repeat;} .legacyLink{display:none;} .newLink[style]{display:block !important;} /*[iPhone] - iPhone Override Styles ----------------------------*/ @media handheld, only screen and (max-device-width: 480px) { } /*[iPad] - iPad Override Styles ----------------------------*/ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) { }