@headings: #00447c; /* Dark Blue */ @sub-headings: #595959; /* Dark Grey */ @body-content: #595959; /* Dark Grey */ @links: #6cb135; /* Green */ @hover: #d89331; /* Orange */ body {background: #f7f7f7; font-size: 11pt; font-family: Helvetica, Arial, sans-serif; color: @body-content;} a {color: @links; &:hover {text-decoration: none; color: @hover;} } td {vertical-align: top;} #content {background: #fff; p,li,blockquote,td,th {line-height: 1.4em;} h2, h3, h4 {line-height: 1.2em;} } .nosprot {display: none;} .gbtn,.gbtn:hover { display: block; background: #8cd156; background: -webkit-gradient(linear, 0 bottom, 0 top, from(#a1e36d), to(#7ac142)); background: -webkit-linear-gradient(#a1e36d, #7ac142); background: -moz-linear-gradient(-90deg, #a1e36d 0%, #7ac142 100%); background: -moz-gradient(center top, #a1e36d 0%, #7ac142 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", #a1e36d, #7ac142)); -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", #a1e36d, #7ac142); border: 1px solid #7ac142; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 15px 15px 13px 15px; font-weight: bold; font-size: 12pt; color: #436a24; text-shadow: 0 1px 0 rgba(255,255,255,.5); -webkit-text-shadow: 0 1px 0 rgba(255,255,255,.5); -moz-text-shadow: 0 1px 0 rgba(255,255,255,.5); float: left; text-decoration: none; box-shadow: inset 0 2px 1px #c9ebae; -moz-box-shadow: inset 0 2px 1px #c9ebae; -webkit-box-shadow: inset 0 2px 1px #c9ebae; &:active { background: #8cd156; background: -webkit-gradient(linear, 0 bottom, 0 top, from(#7ac142), to(#a1e36d)); background: -webkit-linear-gradient(#7ac142, #a1e36d); background: -moz-linear-gradient(-90deg, #7ac142 0%, #a1e36d 100%); background: -moz-gradient(center top, #7ac142 0%, #a1e36d 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", #7ac142, #a1e36d)); -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", #7ac142, #a1e36d); } } input[type=submit],input[type=submit]:hover { display: block; background: #00467f; background: -webkit-gradient(linear, 0 bottom, 0 top, from(#2776b7), to(#00467f)); background: -webkit-linear-gradient(#2776b7, #00467f); background: -moz-linear-gradient(-90deg, #2776b7 0%, #00467f 100%); background: -moz-gradient(center top, #2776b7 0%, #00467f 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", #2776b7, #00467f)); -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", #2776b7, #00467f); border: 1px solid #00467f; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 6px 21px 7px 21px; font-weight: normal; font-size: 12pt; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.5); -webkit-text-shadow: 0 1px 0 rgba(0,0,0,.5); -moz-text-shadow: 0 1px 0 rgba(0,0,0,.5); float: left; text-decoration: none; box-shadow: inset 0 2px 1px #6496be; -moz-box-shadow: inset 0 2px 1px #6496be; -webkit-box-shadow: inset 0 2px 1px #6496be; &:active { background: #8cd156; background: -webkit-gradient(linear, 0 bottom, 0 top, from(#00467f), to(#2776b7)); background: -webkit-linear-gradient(#00467f, #2776b7); background: -moz-linear-gradient(-90deg, #00467f 0%, #2776b7 100%); background: -moz-gradient(center top, #00467f 0%, #2776b7 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", #00467f, #2776b7)); -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", #00467f, #2776b7); } } section {width: 960px; margin: 0 auto;} header {padding: 10px 0; background: #fff; background: -webkit-gradient(linear, 0 bottom, 0 top, from(#ffffff), to(#d8d8d8)); background: -webkit-linear-gradient(#ffffff, #d8d8d8); background: -moz-linear-gradient(-90deg, #ffffff 0%, #d8d8d8 100%); background: -moz-gradient(center top, #ffffff 0%, #d8d8d8 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", #ffffff, #d8d8d8)); -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", #ffffff, #d8d8d8); border-bottom: 1px solid #fff; section { aside {font-size: 8.5pt; text-align: right; a {color: @body-content; text-decoration: none;} } nav {float: right; padding-top: 40px; ul { li {float: left; padding-left: 20px; &:first-child {padding-left: none;} a {display: block; padding: 5px; font-weight: bold; text-decoration: none;} ul { display: none; position: absolute; padding: 5px 0 7px 0; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; width: 185px; margin-top: -3px; z-index: 9988; background: #FAFAFA; background: -webkit-gradient(linear, 0 bottom, 0 top, from(#e0e0e0), to(#ffffff)); background: -webkit-linear-gradient(#e0e0e0, #ffffff); background: -moz-linear-gradient(-90deg, #e0e0e0 0%, #ffffff 100%); background: -moz-gradient(center top, #e0e0e0 0%, #ffffff 100%); //filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", #e0e0e0, #ffffff)); //-ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", #e0e0e0, #ffffff); border: 1px solid #fff; border-top: none; box-shadow: 0 13px 10px rgba(0,0,0,.7); -moz-box-shadow: 0 13px 10px rgba(0,0,0,.7); -webkit-box-shadow: 0 13px 10px rgba(0,0,0,.7); li {float: none; padding: 0; margin: 0; a {font-size: 10pt; display: block; padding: 5px 7px; float: none; &:hover {background: @links; color: #fff;} } ul {position: absolute; left: 184px; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; padding-bottom: 5px; z-index: 9987; margin-top: -28px; li {line-height: 15px; a{padding-bottom: 0px; padding-top: 3px;} } } } } } } } } } .ui-menu { display: none; position: absolute; padding: 5px 0 7px 0; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; width: 175px; margin-top: -3px; z-index: 9988; background: #fff; background: -webkit-gradient(linear, 0 bottom, 0 top, from(#e0e0e0), to(#ffffff)); background: -webkit-linear-gradient(#e0e0e0, #ffffff); background: -moz-linear-gradient(-90deg, #e0e0e0 0%, #ffffff 100%); background: -moz-gradient(center top, #e0e0e0 0%, #ffffff 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", #e0e0e0, #ffffff)); -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", #e0e0e0, #ffffff); border: 1px solid #fff; border-top: none; box-shadow: 0 13px 10px rgba(0,0,0,.7); -moz-box-shadow: 0 13px 10px rgba(0,0,0,.7); -webkit-box-shadow: 0 13px 10px rgba(0,0,0,.7); li {float: none; padding: 0; margin: 0; list-style: none; a {font-size: 10pt; display: block; padding: 5px 7px; float: none; &:hover {background: @links; color: #fff;} } ul {position: absolute; left: 174px; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; padding-bottom: 5px; z-index: 9987; margin-top: -28px; li {line-height: 15px; a{padding-bottom: 0px; padding-top: 3px;} } } } } .masthead { overflow: hidden; color: #fff; padding: 30px 0; background: #003b6a; background: -webkit-gradient(linear, 0 bottom, 0 top, from(#00467f), to(#00223e)); background: -webkit-linear-gradient(#00467f, #00223e); background: -moz-linear-gradient(-90deg, #00467f 0%, #00223e 100%); background: -moz-gradient(center top, #00467f 0%, #00223e 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", #00467f, #00223e)); -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", #00467f, #00223e); box-shadow: inset 0 0px 5px #000; -moz-box-shadow: inset 0 0 5px #000; -webkit-box-shadow: inset 0 0 5px #000; .l {font-size: 12.5pt; float: left; width: 55%; .gbtn { box-shadow: 0 3px 5px #000, inset 0 2px 1px #c9ebae; -moz-box-shadow: 0 3px 5px #000, inset 0 2px 1px #c9ebae; -webkit-box-shadow: 0 3px 5px #000, inset 0 2px 1px #c9ebae; margin: 30px 0; } p {margin-top: 20px; line-height: 1.7em;} } .r {width: 40%; float: right; h2 {font-size: 17pt; font-family: Georgia, times, serif; font-weight: normal; text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; -moz-text-shadow: 0 1px 1px #000; margin-bottom: 10px;} td {} p {font-size: 9.5pt;} .hpf {background: url(../images/bg-hpf.png) left top repeat-x; padding-top: 15px; margin-top: 15px; &:first-child {background: none; margin-top: 0; padding-top: 0;} } } } #pc { h2 {font-size: 20pt; color: @headings; margin: 1em 0 .5em 0;} p {margin: .2em 0 1em 0;} .lcol {min-width:627px; background: url(../images/bg-content.png) right top no-repeat; padding-right: 15px; padding-top: 20px; /* img {border: 3px soliod #fff; box-shadow: 0 0 5px #ccc;} */ img { max-width:100%;} .menu {overflow:hidden;} .menu ul {border: none!important; background: none!important;} .menu > ul {} .menu > ul > li > ul {margin-bottom: 0!important; padding-bottom: 0!important;} .menu > ul > li {font-size: 15pt; list-style:none; border: 1px solid #dedede !important; background: #fff; padding: 10px 13px; a {text-decoration: none;} ul { li { ul {margin-bottom: 0!important; padding-bottom: 0!important} } } } h3 {font-size: 16pt; color: @headings; margin-bottom:.5em;} .c { table {border-collapse: separate; border-spacing: 1px; width: 100%; background: #ccc; th {border: #fff; background: #f8f8f8; background: -webkit-gradient(linear, 0 bottom, 0 top, from(#ffffff), to(#e8e8e8)); background: -webkit-linear-gradient(#ffffff, #e8e8e8); background: -moz-linear-gradient(-90deg, #ffffff 0%, #e8e8e8 100%); background: -moz-gradient(center top, #ffffff 0%, #e8e8e8 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", #ffffff, #e8e8e8)); -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", #ffffff, #e8e8e8); padding: 3px; } td {padding: 2px; background: #fff; border: 1px solid #fff; ul {padding-left: 20px; border: none; background: none;} } } } blockquote {padding-left: 20px; border-left: 1px solid #ccc; margin: 30px; font-family: Georgia, Times, serif; font-size: 11.75pt;} ul, ol {border: 1px solid #ccc; padding: 15px 20px 10px 30px; background: #f8f8f8; background: rgba(240,240,240,.3); font-size: 10pt; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 20px; li {margin-bottom:.7em;} } } .rcol {max-width: 298px; background: url(../images/bg-rcol.png) left top no-repeat; padding-left: 20px; .plug-yt {padding-top: 20px; margin-top: 20px; border-top: 1px solid #dedede;} h5 {font-size: 16pt;color: @headings;} .plug-content {padding-top: 20px;} } } .lcol > h2 {margin-top: 5px!important;} #pre-footer {border-top: 1px solid #f3f2f2; background: #fafafa; padding-top: 20px; padding-bottom: 20px; .lcol {width: 627px; padding-right: 15px;} .rcol {width: 318px;} form {width: 100%; label {width: 47%; display: block; font-size: 9pt; text-indent: 5px;} input[type=text], textarea, select {border: 1px solid #ccc; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 5px 5px 0; text-indent: 5px; width: 47%; margin-bottom: 10px; &:focus {border-color: #4b84c4; background: #e7f3fb;} } select {text-indent: 0; width:48%;} .message {width: 48%; float: right; textarea {width: 98.5%; height: 158px; resize: none;} } input[type=submit] {float: right;} .required-note {font-size: 8pt; font-style: italic;} } h2 {font-size: 20pt; color: @headings; margin: 5px 0 .5em 0;} } #sub-footer {border-top: 1px solid #e8e8e8; background: #f5f5f5; padding: 20px 0 50px 0; overflow: hidden; .copy {float: right; font-size: 10pt; text-align: right; line-height:2em;} .micro {float: left; .plug-content {float: left; font-size: 10pt; margin-right: 25px; line-height: 1.2em;} .plug-feed {float:left; margin-right: 25px; margin-top: 0;} } .social_links { li {list-style: none; float: left; padding: 10px 10px 0 0;} } } footer { .menu { ul {border-bottom: 1px dotted #ccc; padding-bottom: 30px; margin-bottom: 20px; li {float: left; padding-right: 20px; list-style: none; a {color: @headings; font-size: 10pt; text-decoration: none;} } } } } #sols {margin-bottom: 105px; margin-top: 30px; z-index:100; position: relative; #sols-buttons {float: left; width: 173px; margin-top: 15px; z-index:103; a {display: block; position: relative; z-index:104; img.sols-off {z-index: 105;} img.sols-on {position: absolute; top: 0; left: 0; z-index:105; display: none;} } } #sols-content {position:absolute; top:0; right:0; z-index:101; .sols-content-block { z-index:102; width:410px; padding: 20px 20px 20px 40px; background: #f8f8f8; background: -webkit-gradient(linear, 0 bottom, 0 top, from(#ffffff), to(#e8e8e8)); background: -webkit-linear-gradient(#ffffff, #e8e8e8); background: -moz-linear-gradient(-90deg, #ffffff 0%, #e8e8e8 100%); background: -moz-gradient(center top, #ffffff 0%, #e8e8e8 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", #ffffff, #e8e8e8)); -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", #ffffff, #e8e8e8); border: 1px solid #fff; box-shadow: 0 0 1px #ccc,0 0 1px #ccc,0 0 1px #ccc, 0 2px 3px #aaa; -webkit-box-shadow: 0 0 1px #ccc,0 0 1px #ccc,0 0 1px #ccc, 0 2px 3px #aaa; -moz-box-shadow: 0 0 1px #ccc,0 0 1px #ccc,0 0 1px #ccc, 0 2px 3px #aaa; height: 290px; h3 {font-size:18pt;margin-bottom:0.7em;} a.gbtn {float:right;} a { img { background: transparent; -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFF,endColorstr=#00FFFF)"); /* IE8 */ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFF,endColorstr=#00FFFF)")); /* IE6 & 7 */ zoom: 1; } } } } } .masthead.title-override { padding:20px 0;} .title-override {font-size: 30pt; font-family: Georgia, Times, serif; h1 {font-weight: normal; padding-bottom: 6px; text-shadow: 0 1px 1px #000; -moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; img {float: right; height: 40px; margin-left: 17px; margin-top: 3px;} } } body.discover img.ico-d,body.fulfill img.ico-f,body.manage img.ico-m {height: 66px; margin-top: -10px; margin-bottom: -20px;} body.noicons .title-override h1 img {display: none!important;} .plug-quote { background: #f8f8f8; background: -webkit-gradient(linear, 0 bottom, 0 top, from(#ffffff), to(#e8e8e8)); background: -webkit-linear-gradient(#ffffff, #e8e8e8); background: -moz-linear-gradient(-90deg, #ffffff 0%, #e8e8e8 100%); background: -moz-gradient(center top, #ffffff 0%, #e8e8e8 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", #ffffff, #e8e8e8)); -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", #ffffff, #e8e8e8); border: 1px solid #CCC; box-shadow: 0 0 1px #ccc,0 0 1px #ccc,0 0 1px #ccc, 0 2px 3px #aaa; -webkit-box-shadow: 0 0 1px #ccc,0 0 1px #ccc,0 0 1px #ccc, 0 2px 3px #aaa; -moz-box-shadow: 0 0 1px #ccc,0 0 1px #ccc,0 0 1px #ccc, 0 2px 3px #aaa; margin: 50px 0 20px 0; padding: 30px 24px; h4 { font-size: 16pt; color: @headings; font-style: italic; line-height: 1.3em; } p {font-size: 10pt; padding-left: 20px;} } .plug-scroller {overflow: hidden; margin-top: -50px; ul {background: none!important; border: none!important;} } .plug-tree, .plug-archive, .plug-categories {padding-top: 25px; ul {border: 0!important; background: none!important; margin: 15px 0 30px 0!important; padding: 0!important; li {list-style: none; font-size: 12pt; border-bottom: 2px dotted #ededed; padding: 4px; margin: 0!important; background: url(../images/ui-tree-arrow.png) left center no-repeat; padding-left: 20px; a {text-decoration: none;} } } } .our-team-profile {text-align: center; float: left; cursor: pointer; width: 25%;} #hidden-content {color: #00467f; float: left; margin-left: 125px; margin-top: 125px;} #hidden-content-wrapper {height: 300px; width: 425px; float: left; padding-left: 20px;} #hidden-name {font-size: 25pt;} #hidden-title {font-size: 12pt; font-style: italic;} #hidden-bio {margin-top: 10px; color: #4a4a4a; height: 230px; overflow: auto; p {line-height: 1.4em; margin-bottom: 1em;} } #hidden-contact-wrapper {float: left; padding-top: 20px;width: 100%;font-size: 15pt;} #hidden-phone {width: 25%; float: left;} #hidden-fax {margin-top: -4px; width: 25%; float: left;} #hidden-email {width: 25%; float: left;} .our-team-profile-pic-frame {margin: 0 auto; width: 177px; height: 177px; background: url('../images/contact-shadedbox.png') no-repeat top left;} .inside-frame {margin: 0px auto; padding-top: 15px; height: 143px; width: 145px; overflow: hidden;} .our-team-profile-pic-frame img {width: 145px;} .driver_links {padding-top: 55px; li {list-style: none; margin-bottom: 20px; float: right;} } .contact form {width: 100%; label {width: 47%; display: block; font-size: 9pt; text-indent: 5px; line-height: normal;} input[type=text], textarea, select {border: 1px solid #ccc; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 5px 5px 0; text-indent: 5px; width: 47%; margin-bottom: 10px; &:focus {border-color: #4b84c4; background: #e7f3fb;} } select {text-indent: 0; width:48%;} .message {width: 48%; float: right; textarea {width: 98.5%; height: 158px; resize: none;} } input[type=submit] {float: right;} .required-note {font-size: 8pt; font-style: italic; float: left;} } .pagination {border: none!important; background: none!important; list-style: none; padding: 0!important; margin: 0!important; float: right; clear: both; li {float: left; padding: 10px; a {text-decoration: none;} } } .newslist {border: none!important; background: none!important; margin: 0!important; padding: 0!important; list-style: none; li {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 3px solid #ededed; background: rgba(255,255,255,.5); padding-top: 15px; h3 {font-size: 14pt!important; margin-bottom: 0!important; a {text-decoration: none;} } address {font-size: 9pt; color: #888; padding-bottom: 8px;} } } .article { h2 {margin: 0!important;} address {font-size: 9pt; color: #888; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 3px dotted #dedede} } .error {background: #ffe0e0!important; border: 1px solid #c80000!important; border-radius: 5px!important; -moz-border-radius: 5px!important; -webkit-border-radius: 5px!important;} .plug-feed {margin-top: 20px; h5 {margin-bottom: 20px;} ul {list-style: none; li { h3 { a {color: @sub-headings; text-decoration: none;} } .sum {font-size: 9pt;} .rm {font-size: 9pt; text-decoration: none;} } } } .plug-social {padding-top: 20px;} .board-mem { background: #f8f8f8; background: -webkit-gradient(linear, 0 bottom, 0 top, from(#ffffff), to(#e8e8e8)); background: -webkit-linear-gradient(#ffffff, #e8e8e8); background: -moz-linear-gradient(-90deg, #ffffff 0%, #e8e8e8 100%); background: -moz-gradient(center top, #ffffff 0%, #e8e8e8 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", #ffffff, #e8e8e8)); -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", #ffffff, #e8e8e8); float: left; width: 269px; margin: 10px 10px; border: 1px solid #ccc; padding: 10px 14px; p { padding: 0!important; margin: 0!important; } } .plug-categories {padding-top: 20px;} .plug {width: 298px;} .sitemap { ul { border:none!important; background:none!important;} } #newsletter{ overflow: hidden; margin-top: 20px; label { float:none !important; width: 100% !important; } .check { margin-top: 0em !important; display: none !important; } input[type="text"] { width:97% !important; } input[type="submit"] { margin-top: 10px !important; } h2 { margin-bottom: 15px; margin-top: 0px; font-size: 16pt; color: #00447C; } } .twtr-timeline { height: 300px !important; overflow:scroll !important; }