@import url(http://fonts.googleapis.com/css?family=Lato:400,700); @charset "utf-8"; /* -------- Refernece http://fontawesome.io/icons/ for icons -------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/FontAwesome/fontawesome-webfont.eot'); src: url('../fonts/FontAwesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/FontAwesome/fontawesome-webfont.woff') format('woff'), url('../fonts/FontAwesome/fontawesome-webfont.ttf') format('truetype'), url('../fonts/FontAwesome/fontawesome-webfont.svg#something') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'typoslabserif'; src: url('../fonts/typoslabserif/TypoSlabserif-Light-webfont.eot'); src: url('../fonts/typoslabserif/TypoSlabserif-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/typoslabserif/TypoSlabserif-Light-webfont.woff') format('woff'), url('../fonts/typoslabserif/TypoSlabserif-Light-webfont.ttf') format('truetype'), url('../fonts/typoslabserif/TypoSlabserif-Light-webfont.svg#something') format('svg'); font-weight: normal; font-style: normal; } /* ---------------------------------------------------------------- */ body,html,form,dl,dt{margin:0; padding:0; -webkit-text-size-adjust: 100%;} body,html{font-family:'Lato', sans-serif; color:#555; font-size:1em; background:#fff; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;} /* Headers */ h1,h2,h3,h4,h5,h6{margin:1em 0 0.7em 0; padding:0; line-height:1.2em; font-family:'typoslabserif', sans-serif; font-weight:normal;} h1{font-size:2.000em; color:#555;} h2{font-size:2.000em; color:#555;} h3{font-size:1.500em; color:#555;} h4{font-size:1.250em; color:#555;} h5{font-size:1.125em; color:#555;} h6{font-size:1.000em; color:#555;} /* Links */ a:link, a:active, a:visited{color:#F8C451; text-decoration:none;} a:focus, a:hover{color:#555555; text-decoration:none; outline:none;} a, input[type="submit"], button{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} /* Tables */ table{margin:0 0 1.5em 0; border-top:1px solid #bdbdbd; border-left:1px solid #bdbdbd;} caption{background:#3C424C; color:#fff; font-weight:bold; border:1px solid #bdbdbd; text-align:left; padding:0.5em; margin:0;} th,td{background:#fff; border-bottom:1px solid #717171; border-right:0px solid #717171; padding:0.5em; text-align:left; vertical-align:middle;} th{background:#FCC652; color:#595959; font-weight:bold;} th a{color:#595959!important;} th a:hover{text-decoration:underline} /* Font sizes, Paragraph */ p{margin:0 0 0.8em 0; line-height:1.6em;} /* ---------------------------------------------------------------- */ li.webdebug{z-index:10000; font-size:110%; position:relative; color:red; margin-bottom:0px; display:block; background:#fff; width:50%; left:0; text-align:left; padding-left:4px; white-space:nowrap; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} #content .instructional{padding:6px;border-top:1px dotted #666; font-family:Geneva, Arial, Helvetica, sans-serif!important; margin-top:3em!important; margin-bottom:1em!important; color:#000!important} #content .info{font-size:120%; color:#666;} #content .info:before {font-family:"FontAwesome"; content:"\f05a"; margin-right:5px; color:#3498db;} .NavVertical ul, .NavVertical ul li, .NavHorizontal ul, .NavHorizontal ul li, .secondaryNav ul li, secondaryNav ul li, ul.paging li, #StyleSheetTools ul, #StyleSheetTools ul li, #BreadCrumb ul, #BreadCrumb ul li, #footerAddress ul, #footerAddress ul li, .rssLinkContainer ul, .rssLinkContainer ul li{list-style:none; margin:0; padding:0} .NavVertical ul li a, .NavHorizontal ul li a, #Tools1 ul li a{overflow:hidden; display:block; text-decoration:none;} .secondaryNav ul li, #BreadCrumb ul li, .rssLinkContainer ul li{display:inline;} .rssLinkContainer ul li{border-left:1px solid #666; padding-left:10px!important; margin-left:10px!important;} .rssLinkContainer ul li.first {margin-right:0px!important;margin-left:0px!important;} .rssLinkContainer ul li:first-child{border-left:0px; padding-left:0px!important; margin-left:0px!important;} .rssLinkContainer ul li.RSSHelpLink a img {display:none;} .rssLinkContainer ul li.RSSHelpLink a:before {font-family:"FontAwesome"; content:"\f143"; color:#f58d1e; padding-right:5px;} /* rounded icon --------------------- .rssLinkContainer ul li.RSSHelpLink a:before {font-family:"Socialico"; content:"r"; color:#f58d1e; padding-right:5px;}*/ ol li{list-style-type:decimal; list-style-image:none;} blockquote{margin:1em 0; padding-left:30px; font-style:oblique} acronym{cursor:help; border-bottom:1px dotted;} fieldset{margin:0; padding:0;} strong, sub, sup, dt{font-weight:bold;} em{font-style:oblique!important;} em strong{font-style:oblique!important; font-weight:bold} hr{border:0; border-bottom:1px solid #666; height:1px;} a img, :link img, :visited img {border: 0;} .floatLeft{float:left;} .floatRight{float:right;} .hidden, .SiteSearch fieldset{border:0;} .SiteSearch legend, .SiteSearch label, .SiteSearch h1, .Zone legend, .Zone label, .Zone h1, .hidden{display:none!important;} .alignCenter{text-align:center;} .alignLeft{text-align:left;} .alignRight{text-align:right;} .noWrap{whitespace:nowrap;} .scrollup{width:41px; height:41px; position:fixed; bottom:15px; right:15px; font-size:300%; display:none; z-index:30000; font-family:"FontAwesome";} .scrollup:before{content:"\f139"; color:#cbcbcb; filter:alpha(opacity=50); opacity:0.5;} .scrollup:hover:before{color:#FBC652; filter:alpha(opacity=100); opacity:1;} .scrollup:hover{text-decoration:none!important;} .pnlHoverControlsNews a{height:20px;} /* http://blog.koalite.com/bbg/ */ .btn-primary{color: #ffffff!important; background-color: #fcc652; border-color: #ccc;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{color: #ffffff; background-color: #b8913e; border-color: #ccc; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background-image: none;} .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {background-color: #ED4335; border-color: #C0392B;} .btn-primary .badge {color: #ED4335; background-color: #ffffff;} /* --------------------------------
-------------------------------- */ #top{background:#3c424c; border-bottom:2px solid #fcc652;} /* Logo */ #logo{margin:10px 0 8px 0; display:block; text-align:center;} /* #StyleSheetTools */ #StyleSheetTools{} #StyleSheetTools ul{white-space:nowrap;} #StyleSheetTools ul li{padding:0px 8px 0px 17px;} #StyleSheetTools ul li.cssPrint{} #StyleSheetTools ul li.cssPrint a:before{content:"\f02f";} #StyleSheetTools ul li a{display:block; width:100%; height:100%; outline:none;} #StyleSheetTools ul.cssFile{} #StyleSheetTools ul.cssTextSize li.textSizeIntro{padding-left:12px;} #StyleSheetTools ul.cssTextSize li{padding:0px 0px 0px 0px; margin-right:4px;} #StyleSheetTools ul.cssTextSize li.textSize{width:13px;} #StyleSheetTools ul.cssTextSize li.textSize.textDefault{font-family:"FontAwesome";} #StyleSheetTools ul.cssTextSize li.textSize.textDefault:before{content:"\f031"; font-size:1em;} #StyleSheetTools ul.cssTextSize li.textSize.textMed{} #StyleSheetTools ul.cssTextSize li.textSize.textMed:before{content:"\f031"; font-size:1.2em;} #StyleSheetTools ul.cssTextSize li.textSize.textLrg{} #StyleSheetTools ul.cssTextSize li.textSize.textLrg:before{content:"\f031"; font-size:1.4em;} /* Social Networking Using Icon Font */ #SocialLinks{padding:20px 0px; background:#ecf0f1;} #socialNetworkNavigation{} #socialNetworkNavigation ul{padding:0px; margin:0px;} #socialNetworkNavigation ul li{padding:0px; margin:0px;} #socialNetworkNavigation ul li a:hover{text-decoration:none; color:#ed4335;} #socialNetworkNavigation ul li a span {display:none;} /* FontAwesome font for square icons */ #socialNetworkNavigation ul li a{font-family:"FontAwesome"; display:inline-block; font-size: 500%;} #socialNetworkNavigation ul li.twitter a:before {content:"\f081";} #socialNetworkNavigation ul li.facebook a:before {content:"\f082";} #socialNetworkNavigation ul li.pinterest a:before {content:"\f0d3";} #socialNetworkNavigation ul li.googlePlus a:before {content:"\f0d4";} #socialNetworkNavigation ul li.linkedIn a:before {content:"\f08c";} #socialNetworkNavigation ul li.youTube a:before {content:"\f166";} /* Currency Switcher */ .currencySwitch{margin:0 0 0 730px!important; display:none} .currencySwitch ul, .currencySwitch ul li{margin:0; padding:0; list-style:none;} .currencySwitch ul li{display:inline; float:left; margin-right:7px!important; font-size:92%; text-transform:uppercase;height:16px!important;} .currencySwitch ul li span{display:none;} .currencySwitch ul li a{text-indent:-90009px; display:block; height:16px!important; width:16px!important;} .currencySwitch ul li.currencyIndicator{padding-top:3px; margin-left:4px!important; } .currencySwitch ul li.EUR a{background:transparent url(../../images/cart/currency/EUR.png) no-repeat left top;} .currencySwitch ul li.GBP a{background:transparent url(../../images/cart/currency/GBP.png) no-repeat left top;} .currencySwitch ul li.USD a{background:transparent url(../../images/cart/currency/USD.png) no-repeat left top;} .currencySwitch ul li a:hover, .currencySwitch ul li.NavSelected a{background-position:left bottom!important;} /* View my Cart */ /* toolsNavigation */ #toolsNavigation{height:35px; z-index:1;} #toolsNavigation ul{margin:0; padding:0;} #toolsNavigation ul li{display:block; height:25px; margin:0; padding:0; float:right!important} #toolsNavigation ul li a{display:block; padding:0; margin:0} #toolsNavigation ul li a#ctl00_cphToolsNavigation_ctl00_ctl00_rptLevel1_ctl01_hlkItemName{padding:5px 15px; background-color:#fff;} #toolsNavigation ul li a#ctl00_cphToolsNavigation_ctl00_ctl00_rptLevel1_ctl01_hlkItemName:after{font-family:"FontAwesome"; content:"\f07a"; margin-left:10px;} #toolsNavigation ul li a#ctl00_cphToolsNavigation_ctl00_ctl00_rptLevel1_ctl01_hlkItemName:hover:after{color:#333;} /* Site Search */ .SiteSearch{margin:8px 0 0 0; position:relative; display:block; min-height:30px;} .SiteSearch .SiteSearchGroup{} .SiteSearch .controls{margin:0px;} .SiteSearch .form{margin-bottom:0px;} .SiteSearch .SiteSearchLabel{display:none;} .SiteSearch input{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:1px 10px; line-height:normal; height:32px;} .SiteSearch input[type="text"]{background-color:#fff; border: 1px solid #ccc; top:0px; right:39px; position:absolute;} .SiteSearch .btn-group {top:0px; right:0px; position:absolute;} .SiteSearch input[type="submit"]{background-color:#999; color:#e2e2e2; border:1px solid #ccc; vertical-align:middle; top:0px; right:0px; width:40px; position:absolute; font-family:"FontAwesome";} /* Product Search */ #productSideSearch{width:247px; min-height:58px; padding:1.2em 0 0 0; margin:20px 0 20px 0; border-top:1px solid #bdbdbd;} #productSideSearch select{display:block; clear:both; margin-bottom:14px; width:150px; margin-left:24px; border:1px solid #abadb3; font-size:89%; color:#595959; font-family: 'Roboto', sans-serif;} #productSideSearch #textSearchContainer{float:left; height:30px; width:165px; padding-left:24px;} #productSideSearch input.txtSiteSearch{width:190px; float:left; padding:12px 9px 11px 9px; margin:0px 0 0px 0px!important; font-size:89%!important; background:none; border:1px solid #ccc; color:#595959; font-family: 'Roboto', sans-serif;} #productSideSearch input[type="submit"] {-webkit-appearance: none;} #productSideSearch input.btnSiteSearch, #productSideSearch input[type="submit"]{width:156px; height:45px; cursor:help; margin:20px 0 0 24px; background:#d81d40; color:#fff; border:0; text-transform:uppercase} #productSideSearch input.btnSiteSearch:hover{background:#ca1b3c; color:#fff;} /* Product Categories */ #categoriesSide{} #categoriesSide h2{display:none} #productSideSearch strong, #categoriesSide strong{display:block; color:#595959; margin:0 0 0.7em; border-bottom:1px solid #bdbdbd; padding:15px 15px 15px 0; font-weight:300; font-size:170%;} #productSideSearch strong{padding-top:0} /* Main Nav*/ #MainNav{background-color:transparent; margin:25px 0px 0px 0px; height:32px;} #MainNav ul{margin:0px; padding:0px; list-style-type:none;} #MainNav ul li{margin:0px; padding:0px; vertical-align:top; display:inline-block; position:relative;} #MainNav ul li a{padding:20px 30px 0; font-family:'typoslabserif', sans-serif; color:#fff; text-align:center; font-style:normal; display:block; text-decoration:none;font-size:115%;} #MainNav ul li a.item36Link{} #MainNav ul li a img{} #MainNav ul li a.NavSelected, #MainNav ul li a.selected{} #MainNav ul li a:hover{color:#fcc652;} #MainNav ul li a.NavSelected:before{font-family:"FontAwesome"; content:"\f18c"; margin-right:5px; color:#fcc652;} /*#MainNav ul li.NavSelected:after{font-family:"FontAwesome"; content:"\f0d8"; color:#fcc652; clear:left; width:100%; display:block; margin-left:7px; text-align:center; padding-top: 8px;}*/ /* Sub navs - widths are required */ #MainNav ul ul.level2, #MainNav ul ul.level3, #MainNav ul ul.level4, #MainNav ul ul.level5, #MainNav ul ul.level6{width:250px; padding:0px; display:none; visibility:hidden;} /* width required */ #MainNav ul ul.level2 li, #MainNav ul ul.level3 li, #MainNav ul ul.level4 li, #MainNav ul ul.level5 li, #MainNav ul ul.level6 li{float:left; width:250px; position:relative;} /* width required */ #MainNav ul ul.level2 li a, #MainNav ul ul.level3 li a, #MainNav ul ul.level4 li a, #MainNav ul ul.level5 li a, #MainNav ul ul.level6 li a{padding:10px; background:#3c424c; color:#fff; border-bottom:1px solid #4d535e; text-align:left;} /* Set the dropdown visiblity and shadow positions */ #MainNav ul.level2, #MainNav ul.level3, #MainNav ul.level4, #MainNav ul.level5, #MainNav ul.level6{-moz-box-shadow:0 1px 3px #666; -webkit-box-shadow:0 1px 3px #666; box-shadow:0 1px 3px #666; position:absolute; display:none; visibility:hidden; } /* all other li a this */ #MainNav ul.level2 li a:hover{background-color:#4d535e; color:#fcc652;} /* Set the shadow position */ .ddshadow{position:absolute; display:none} /* phone navigation */ #PhoneNav {background:#3C424C; margin-bottom:0px;} #PhoneNav button.navbar-toggle{background:#2c3e50; border:0px; padding:5px 8px;} #PhoneNav button.navbar-toggle:hover{background:#34495e;} #PhoneNav button.navbar-toggle:before {color:#fff; font-family:"FontAwesome"; line-height:normal; font-size:200%; content:"\f0c9";} #PhoneNav ul#nav li a {color:#fff;} #PhoneNav ul#nav li a:hover {color:#ed4335;} #PhoneNav ul#nav li ul {display:none;} /* Banner */ #bnr{margin:0px; position:relative;} .carousel.slide{max-height:100%!important} /* responsive banner height */ .carousel-caption {z-index: 10;} .carousel-inner>.item>img, .carousel-inner>.item>a>img {min-width: 100%;} .carousel-control.left, .carousel-control.right{background-image:none;} .carousel-control {z-index:3;} .carousel-control {display:none!important;} #homeBnrSnippet {padding:20px 0px; text-align:center; width:100%; position:absolute; z-index:2; top:50%;} /* ---------------------------------------------------------------- */ #services{background:#383F49 url("../../images/bgs/homeServices.jpg") repeat-x left top ;color: #FFFFFF;min-height:305px;} #services h2{margin:0.5em 0;} #services h2 a{color:#fcc652;font-size: 110%;} #services ul li{line-height: 20px;} #services #cphSpan3B .snippetText img, #services #cphSpan3C .snippetText img {border:1px solid #2b2f38!important;} #services #cphSpan3B .snippetText h2, #services #cphSpan3C .snippetText h2 {text-align:center} #services #cphSpan3B .snippetText h2 a, #services #cphSpan3C .snippetText h2 a {color:#fff;text-align:center} #services #cphSpan3B .snippetText h2 a:hover, #services #cphSpan3C .snippetText h2 a:hover {color:#FCC652;} #services #cphSpan3B .snippetText img, #services #cphSpan3C .snippetText img {width:100%} #servicesBottom #cphSpan4A .snippetText{} #servicesBottom .container {background:url("../../images/bgs/sevicesBottomBg.jpg") no-repeat top left #FFF; min-height: 226px;} /*#servicesBottom #cphSpan4C {padding-left:400px;}*/ #servicesBottom #cphSpan4C .snippetText p{line-height:1.2em} #servicesBottom #cphSpan4A .snippetText p{padding:0 0 0 0; margin:0 0 0 0!important;} /* ---------------------------------------------------------------- */ #middle{background:url("../../images/bgs/middle.jpg") repeat-x scroll 0 0 #EBECED; min-height:300px; padding-top:20px; position:relative;} #homeBody .HomePhoto {position:relative;} #homeBody .HomePhoto p {margin:0px;} #homeBody .HomePhoto p img {max-width:100%!important; width:auto!important; height:auto!important;} #homeBody #itemBody p {margin-bottom:15px;} /* Allow content Left... */ #contentZone{float:left;} /* Content */ #content{min-height:200px;} #content img{-ms-interpolation-mode: bicubic;} /* Fix bootstrap image behaviour */ #content ul, #content ol{margin:1em 0;} #content ol li{margin-left:25px; line-height:1.5em} #content ul li{list-style:none; margin-left:5px; line-height:1.5em} #content ul li:before{font-family:"FontAwesome"; content:"\f111"; color:#ccc; font-size:0.750em; padding-right:15px;} #content .navigationAjax ul li:before, #content .BlogCategories ul li:before, #content .rssLinkContainer ul li:before, #content ul.paging li:before, #content ul.gallery li:before{content:""; padding-right:0px;} /* Google Map */ #GoogleMap{} /* Fix Google Maps canvas */ /* Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's global `box-sizing` changes. You may optionally need to reset the `max-width` * on images in case you've applied that anywhere else. (That shouldn't be as necessary with Bootstrap 3 though as that behavior is relegated to the `.img-responsive` class.) */ .google-map-canvas, .google-map-canvas * { .box-sizing(content-box); } /* Optional responsive image override */ /*img { max-width: none; } */ /* Blog */ .Blog{} .Blog .BlogArticle{margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #aaa;} /* Blog Header */ .Blog .BlogArticle .BlogHeader h2{margin:0 0 20px 0; padding:0px 0;} .Blog .BlogArticle .BlogHeader h2 a{text-decoration:none;} .Blog .BlogArticle .BlogHeader h2 a:hover{text-decoration:underline;} /* Blog information */ .Blog .BlogArticle .BlogHeader div.BlogInformation{font-size:79%; font-style:normal; margin:0; padding:0; margin-bottom:5px; padding-bottom:12px; color:#666; text-transform:uppercase;} .Blog .BlogArticle .BlogHeader div.BlogInformation cite{} .Blog .BlogArticle .BlogHeader div.BlogInformation span.BlogDate{} .Blog .BlogArticle .BlogHeader div.BlogInformation span.BlogCommentCount a{font-weight:bold} /* Blog Article */ .Blog .BlogArticle .BlogContent{padding-bottom:0px;} /* Blog Footer */ .Blog .newsFooter {display:none;} .Blog .newsFooter ul{} .Blog .newsFooter ul li{} .Blog .newsFooter ul li.first{} .Blog .newsFooter ul li img{float:none!important; margin-right:5px} /* Blog Comments */ .BlogComments{padding-bottom:40px;} .BlogComments .Individual{margin-bottom:40px} .BlogComments .Individual.AltColor{background-color:#f5f5f5;} .BlogComments .Individual.NewComment, .Blog .BlogArticle .BlogCommentCount a.NewComment{} .BlogComments .Individual.NewComment .BlogCommentNumber{color:#ed4335} .BlogComments .Individual.Author .BlogCommentName{color:#fff} .BlogComments .Individual.Author .BlogCommentNumber{} .BlogComments .BlogCommentSkipToForm{margin-bottom:20px} .BlogComments .BlogCommentSkipToForm h2{font-size:100%;} .BlogComments .BlogCommentSkipToForm a{font-style:normal; padding-left:10px; border-left:1px dotted!important; margin-left:10px} .BlogComments .BlogHeader{margin:10px 0 10px 0; padding:15px; background:#ed4335;} .BlogComments .BlogHeader .AuthorDate{font-size:85%; float:right; color:#fff} .BlogComments .BlogHeader .AuthorDate a{color:#fff} .BlogComments .BlogHeader .BlogCommentName{font-weight:bold;} .BlogComments .BlogContent{padding:0px 10px 30px 0px; margin-bottom:10px; min-height:20px; } .BlogComments .BlogContent .BlogCommentNumber{padding:13px 12px 18px 12px; font-size:420%; color:#ed4335; float:left; font-family:"Times New Roman"; margin:10px 0 10px 0;} /* Blog Comment Form */ #content #BlogCommentForm legend{display:none} #content #BlogCommentForm p{font-size:89%; margin-bottom:30px} /* Breadcrumb */ #breadCrumbContainer{} #breadCrumbZone{background:#ecf0f1; padding:10px;} #BreadCrumb ul#history{} #BreadCrumb ul#history li{} #BreadCrumb ul#history li#introText{} #BreadCrumb ul#history li a{} /* Gallery */ ul.gallery{margin:0px!important;padding:0px!important;} ul.gallery li.pnlGalleryImage{float:left; margin:0px 8px 8px 0px!important;} .pnlHoverControls a{height:26px!important;} /* Contact Page Snippets */ .ContactPage{} #ContactPageMap{} #ContactPageSnippets{} /* Google Map V3 Options */ .pnlGoogleMapsLink {display:none;} #ContactPageMap {padding-top:15px;} /* sideBar */ #sideBar{padding-top:40px} .nav-tabs{border-bottom:0} #sideBar h2.leftNavHeader, .BlogCategories h2{padding:0px; margin:0px 0px 0px 0px; background:#393f48; color:#fff;text-align:center; font-size:1.2em;padding:20px;} #sideBar h2.leftNavHeader a, .BlogCategories h2 a{color:#fff;} #sideBar h2.leftNavHeader{} #sideBar #ddlLeftNavDropDown select {width:100%; margin-bottom:20px; background:#acacac url('/images/bgs/down_arrow.png') no-repeat right center; font-weight:bold; border:2px solid #959595; color:#fff; padding:10px; -webkit-appearance:none;} /* .level1 + blog categories */ #sideBar ul.level1, .BlogCategories ul{padding:0px; margin:0px!important;} #sideBar ul.level1 li, #content .BlogCategories ul li{margin:0px 0px 0px 0px; list-style:none; list-style-image:none;border-bottom:1px solid #ebeced} /* set the width here for IE browsers */ #sideBar ul.level1 li a, .BlogCategories ul li a{background:#fff; color:#9EA7B3; padding:12px 12px 12px 12px; display:block;} #sideBar ul.level1 li a:hover, .BlogCategories ul li a:hover{background:#fcc652; color:#000; text-decoration:none;} #sideBar ul.level1 li a.NavSelected, .BlogCategories ul li a.NavSelected{background:#fcc652; color:#000} /* .level1 */ #sideBar ul.level1 li{} /* set the width here for IE browsers */ #sideBar ul.level1 li a{} #sideBar ul.level1 li a:hover{} #sideBar ul.level1 li a.NavSelected{} /* .level2 */ #sideBar ul.level2{margin-bottom:0px} #sideBar ul.level2 li a{padding-left:25px;} #sideBar ul.level2 li a:hover{} #sideBar ul.level2 li a.NavSelected{} /* .level3 */ #sideBar ul.level3{margin-bottom:0px} #sideBar ul.level3 li a{padding-left:35px;} #sideBar ul.level3 li a:hover{} #sideBar ul.level3 li a.NavSelected{} .LatestNews h2, .tweets h2 {margin-top:0px; margin-bottom:15px;} .LatestNews .Blog .BlogArticle .BlogHeader h2 {font-size:1.250em; margin-bottom:0px;} .LatestNews .Blog .BlogArticle .BlogDate {padding:10px 0px; display:block; font-size:0.875em;} .LatestNews .BlogInformation {display:none;} /* Paging */ #content .pagingZone{padding:0px;} #content .pagingZone .totalPages{float:left; width:130px; font-size:100%; color:#595959!important; padding-top:10px} #content .pagingZone .paging{float:right; width:500px; text-align:right; margin:0 0 0 0;} #content .pagingZone .paging ul{float:right; margin:10px 0px 0 0!important; padding:0!important;} #content .pagingZone .paging ul li:before{content:'';} #content .pagingZone .paging ul li{float:left; margin:0px 5px 0 0!important; padding:0!important; list-style:none!important} #content .pagingZone .paging ul li a{display:inline-block; width:24px; text-align:center; font-size:100%; text-decoration:none; white-space:nowrap; border-bottom:1px solid #bdbdbd; padding:2px} #content .pagingZone .paging ul li a:hover, #content .pagingZone .paging ul li a.NavSelected{background-color:#bdbdbd!important; color:#595959!important;} #content .viewMoreLink {cursor:pointer} .PageTitle {position:absolute; top:25%; width:100%;} .PageTitle .container {} .PageTitle h1 {top:45%; float:left; min-width:40%; line-height:normal;color:#fff; background:url('/images/bgs/headerYellow.png'); padding:30px 20px 20px; margin:0px;} .textoverimage {position:relative; padding-top:55px;} .textoverimage p{margin:0px;} .textoverimage .snippetText h2{margin:0px!important; padding:10px; position:absolute; bottom:0px; width:100%; text-align:center; background:transparent url('/images/bgs/bg1.png');} /* --------------------------------