body {
}
/* Utility Styles */
.FloatRight { float:right; }
.FloatCenter { margin: 0px auto 0px auto; display:table; }
.NoTopMargin { margin-top:0px; }
.TopMargin10px { margin-top:10px; }
.LeftPadding10px { padding-left:10px; }
.TextBlack { color:black; }
.TextCenter { text-align:center; }
.TextBold { font-weight:bold; }
.TextSmaller { font-size:smaller }
/* Specific styles */
.divBox { background-color:white; color:#225595;padding:20px;margin-top:5px; display:inline-block;}
.tableProduct { border-collapse:collapse; }
.trProduct { background-color:#dcddde; }
.tdEmpty { line-height: 3px }
.LeftBorder { border-left: 1px solid #959697; }
/* Additional CSS to mimic styling on old page */
h1.vert-position-title.page-title {
margin: 0;
padding: 0;
position: relative;
top: -10px;
}
/* Copy from Old Pages */
/* ======================== */
/* ==== GENERAL SECTION === */
/* ======================== */
body { background: #0e3c74 url(/Marketing/Master/images/main-background-2a.jpg) no-repeat top center; font-family: Helvetica, Arial, sans-serif; color: #444444; margin:0;}
/* general things, floaters, general links and additional resets */
a { color:#0e3c74; text-decoration:underline; }
a:hover { color:#ec8601; text-decoration:none; }
strong { font-weight: 700; }
.fl { float:left;}
.fr { float:right; }
.clear { clear:both; }
.rel { position:relative; }
.abs { position:absolute; }
hr { border: none 0; border-bottom: 1px solid #E0E0E0; height: 1px; margin: 10px 0; }
blockquote { font-style: italic; font-size:13px; line-height:18px; background: url(/Marketing/Master/images/quotes.png) no-repeat top left; background-position: 12px 12px; color:#595959; margin:5px 0; padding: 8px 15px 10px 60px; }
.sep { color: #CCC; margin: 0 8px; }
.ico-small { vertical-align: middle; margin: 0 5px 2px 0; }
.separator { border-top:1px solid #dfdfdf; padding-top:10px; margin-top:10px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* limit width and center page, used thruout the template to center the site */
.wrap-center { width:942px; padding-left:9px; padding-right:9px; margin-left: auto; margin-right:auto; }
.center { text-align:center;}
.vm { vertical-align:middle; }
.red {color:red}
/* ======================= */
/* ==== HEADER SECTION === */
/* ======================= */
/* top bar uppermost bar styling */
#top-bar { /* background: url(/Marketing/Master/images/topbar-background.png) repeat-x; */ height:40px; color:#ffffff; font-size:11px; }
#top-bar ul { padding-top:10px; }
#top-bar ul li { float: left; font-size: 11px; background:url(/Marketing/Master/images/top-bar-menu-divider.png) right no-repeat; padding-left:10px; padding-right:10px; padding-top:2px; }
#top-bar .last { background:transparent; }
#top-bar .welcome { padding-top:12px; }
#top-bar a { color:#d2d2d2; text-decoration:none; }
#top-bar a:hover { color:#8ec3ec; text-decoration:none; }
/* logo and menu */
#menu-logo { /* background:url(/Marketing/Master/images/logo-menu-overlay-background.png) repeat-x; */ height:100px; margin:0px; padding:0px; position:relative; z-index:999; }
#logo { width:241px; float:left; padding-top:10px; }
/* main menu - jquery dropmenu */
#dropmenu { float:right; height:100px; }
#dropmenu .active { color:#84d3ec; text-decoration:none; }
#dropmenu .active a,
#dropmenu .active a:hover { color:#215595; text-decoration:none; }
#dropmenu { float:right; text-align:right; }
#dropmenu { height:100px; margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300; }
#dropmenu a { height:55px; padding-top:45px; padding-bottom:0px; padding-left:13px; padding-right:13px; display:block; color:#7a1900; background:url(/Marketing/Master/images/menu-divider.png) right no-repeat; background-position:0 50%; text-decoration:none;}
#dropmenu a:hover { color:#00365f; }
#dropmenu li { float:left; position:relative; text-transform: uppercase; text-align:center; font-size: 14px; }
#dropmenu ul { /*position:absolute; display:none; width:178px; top:70px; left:-1px; background:url(/Marketing/Master/images/nav-child-top.gif) no-repeat top center; padding-top:7px; */ }
#dropmenu ul li { font-size:14px; text-transform: capitalize; text-align:left; line-height:18px; white-space:nowrap; }
#dropmenu ul a {/* background: transparent url(/Marketing/Master/images/nav-child-bg.png); padding-top:10px; padding-bottom:10px; border-left:1px solid #215595; border-right:1px solid #215595; border-bottom:1px solid #215595;*/ display:none; }
#dropmenu li ul a { width:150px; height:auto; float:left; }
#dropmenu ul ul { top:auto; background:transparent url(/Marketing/Master/images/nav-grandchild-top.gif) repeat-x; padding-top:1px; }
#dropmenu li ul ul { top:-1px; left:183px; margin:0px 0 0 0px; }
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display:none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display:block; }
#dropmenu .first a { background:transparent; }
#dropmenu li.active li a { color:#ffffff !important; }
#dropmenu li.active li a:hover { color:#ff0 !important; }
/* set the heights for home and inner headings */
#heading {
background: transparent url(/Marketing/Master/images/heading-background-overlay.png) repeat-x;
}
.heading-inner { height:80px; overflow:hidden; }
.heading-home { height:396px; overflow:hidden; }
/* style the inner contents for heading */
#heading .page-description{ width:616px; padding-right:25px; color:#ffffff; font-size:14px; line-height:21px; background: url(/Marketing/Master/images/heading-inner-divider.png) right no-repeat; padding-top: 18px; height:80px; overflow:hidden;;}
#heading .page-title { width:297px; text-align:center; color:#ffffff; height:auto; }
#heading h1 { letter-spacing:-1px; font-size:30px; line-height:1.5em; }
/* center inner page title vertically automaticly */
.heading-inner .cont-vert-title { float:left; width:297px; }
.heading-inner .outer-vert-title { display: table; height: 100px; width: 297px; overflow: hidden; }
.heading-inner .inner-vert-title { display: table-cell; vertical-align: middle; }
/* center inner page description vertically automaticly */
.heading-inner .cont-vert-description { width:641px; float:left;}
.heading-inner .outer-vert-description { display: table; height: 100px; width: 641px; overflow: hidden; }
.heading-inner .inner-vert-description { display: table-cell; vertical-align: middle; }
/* heading homepage jquery cycle slideshow settings */
#slideshow-area{ width:940px; height:396px; z-index:10; overflow:hidden; }
/* ============================= */
/* ==== MAIN CONTENT SECTION === */
/* ============================= */
/* make the content background span a nice white background with some shade */
#content-area { background:#ffffff url(/Marketing/Master/images/content-background.jpg) top repeat-x; padding-top:30px; padding-bottom:25px; }
/* main column set width */
#content { float: left; width: 612px; }
#content-wide { width: 940px; }
/* one half of main column */
#content .onehalf { width:295px; float:left; margin-right:20px; margin-bottom:15px; }
#content .onehalf-last { width:295px; float:left; margin-right:0px; margin-bottom:15px;}
/* one third of main column */
#content .onethird { width:190px; float:left; margin-right:20px; margin-bottom:15px;}
#content .onethird-last { width:190px; float:left; margin-right:0px; margin-bottom:15px;}
/* one fourth of main column */
#content .onefourth { width:138px; float:left; margin-right:20px; margin-bottom:15px;}
#content .onefourth-last { width:138px; float:left; margin-right:0px; margin-bottom:15px;}
/* one fourth of whole width */
#content-wide .onefourth { width:220px; float:left; margin-right:20px; margin-bottom:15px;}
#content-wide .onefourth-last { width:220px; float:left; margin-right:0px; margin-bottom:15px;}
/* one third of whole width */
#content-wide .onethird { width:295px; float:left; margin-right:20px; margin-bottom:15px; }
#content-wide .onethird-last { width:295px; float:left; margin-right:0px; margin-bottom:15px; }
/* one half of whole width */
#content-wide .onehalf { width:460px; float:left; margin-right:20px; margin-bottom:10px; }
#content-wide .onehalf-last { width:460px; float:left; margin-right:0px; margin-bottom:10px; }
/* main elements styles, this applies to the whole content area home and inner, some of them will get overriden by more particular styles, note that the inner sidebar gets it's own treatment */
h2 { font-size: 170%; margin-top: 2%; margin-bottom: 1%; }
h3 { color:#0e3c74; font-size: 20px; font-weight: bold; margin-bottom: 5px; padding: 10px 0 5px;}
h4 { color:#0e3c74; font-size: 15px; line-height:19px; font-weight: bold; margin-bottom: 5px; padding: 10px 0 0px; }
h5 { font-size: 100%; margin-bottom: 10px; padding: 10px 0 5px; }
h6 { font-size: 80%; margin-bottom: 10px; padding: 5px 0 5px; }
.main p { line-height: 20px; margin-bottom: 10px; }
.main img.alignnone { background: #fff; border: 1px solid #dbdbdb; padding: 5px; }
.main img.alignleft { float: left; border: 1px solid #dbdbdb; margin: 10px 25px 15px 0; padding: 5px; }
.main img.alignright { float: right; border: 1px solid #dbdbdb; margin: 10px 0 15px 25px; padding: 5px; }
.main ul { margin-left:0px; padding-left:10px; margin-bottom: 20px; }
.main #sidebar ul {padding-left:0px; }
.main ol { margin-left: 20px; margin-bottom: 20px; }
.main ul { list-style: none; }
.main ol { list-style: decimal; }
.main ul li, .main ol li { line-height: 20px; margin-bottom: 5px; }
.main #sidebar ul li, .main ol li #sidebar {margin-bottom: 0px; }
.main ul li { background:url(/Marketing/Master/images/bullet.jpg) no-repeat; background-position:0px 8px; padding-left:15px; }
.main a { text-decoration:underline; }
.main a:hover { text-decoration:none; }
.main blockquote { font-style: italic; line-height:22px; background: #e1e1e1 url(/Marketing/Master/images/quotes.png) no-repeat top left; background-position: 15px 20px; color:#595959; margin:5px 0px; margin-bottom:0px; padding: 15px 15px 25px 60px; }
.main .blockquote-name { background: url(/Marketing/Master/images/quote-curly.jpg) no-repeat top left; height:20px; padding-right:25px; padding-left:25px; font-weight:bold; display:block; margin-top:0px; margin-bottom:15px; padding-top:5px; float:right; margin-left:56px; margin-right:0px; }
.main .smalltext { font-size:10px; line-height:16px; }
#sidebar .smalllinks { font-size:11px; line-height:16px; padding-left:40px }
#sidebar .smalllinks:first-letter { font-size:14px; font-weight:bold}
/* icon feature/service list, point list on homepage */
.homepage-icons { width:620px; float:left; margin-right:20px; font-size:12px; }
.homepage-icons ul.imagelist-half { list-style:none; margin-left:0px; margin-bottom:10px; margin-top:-10px; padding-left:0px; clear:both; display:table;}
.homepage-icons ul.imagelist-half .icon { display:table-cell; float:left; width:53px; margin:0px 10px 10px 0; padding:5px; vertical-align:top; }
.homepage-icons ul.imagelist-half img {vertical-align:middle; margin-right:8px}
.homepage-icons ul.imagelist-half li { background:transparent; display:table-row; float:left; width:300px; margin-top:0px; margin-bottom:0px; margin-left:0px; border-top:1px solid #dfdfdf; margin-right:20px; padding-top:15px; padding-left:0px; padding-bottom:15px; height:auto; }
.homepage-icons ul.imagelist-half .text { display:table-cell; line-height:19px; vertical-align:top; }
.homepage-icons ul.imagelist-half .text p { margin-bottom:0px; line-height:19px; }
.homepage-icons ul.imagelist-half .last { margin-right:0px; }
.homepage-icons ul.imagelist-half .text h4 { font-size:17px; margin-bottom:6px; margin-top:0px; padding-top:0px;}
.homepage-icons ul.imagelist-half .noborder { border:none; }
/* homepage rightside banners */
.homepage-banners { width:300px; float:left; }
.homepage-banners img { margin-bottom:15px; }
/* homepage long text box */
.homepage-longbox-top-right { background: url(/Marketing/Master/images/boxes/longbox_02.png) no-repeat top right; height:8px; }
.homepage-longbox-top-left { background: url(/Marketing/Master/images/boxes/longbox_01.png) no-repeat top left; height:8px; }
.homepage-longbox-bottom-right { background: url(/Marketing/Master/images/boxes/longbox_04.png) no-repeat bottom right; min-height:130px; }
.homepage-longbox-bottom-left { background: url(/Marketing/Master/images/boxes/longbox_03.png) no-repeat bottom left; min-height:130px; }
.homepage-longbox-bottom-right .pad { padding-left:24px; padding-right:250px; padding-top:12px; padding-bottom:20px; }
.homepage-longbox h3 { font-size:22px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px; font-weight:bold; }
.homepage-longbox { line-height:19px; margin-bottom:20px; }
.homepage-longbox a { text-decoration:underline; }
.homepage-longbox a:hover { color:#4f97cf; text-decoration:none; }
/* homepage portfolio item carousel */
.homepage-carouselbox { background:url(/Marketing/Master/images/boxes/carouselbox.png) no-repeat top center; width:942px; height:335px; }
.homepage-carouselbox h3 { font-size:22px; padding-top:0px; margin-top:0px; margin-bottom:10px; font-weight:bold; }
.homepage-carouselbox .pad { padding-left:24px; padding-right:25px; padding-top:20px; }
.homepage-carouselbox a.viewmore { text-decoration:none !important; text-transform:uppercase; }
#portfolio-carousel { width: 900px; position: relative; padding-right:20px; padding-left:21px; }
#portfolio-carousel .wrapper { width: 900px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; min-height: 235px; margin: 0px; position: absolute; top: 0; }
#portfolio-carousel ul a img { }
#portfolio-carousel .wrapper ul { width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; }
#portfolio-carousel ul li { background:transparent; display:block; float:left; height: 230px; width: 280px; padding-top:10px; padding-left:10px; padding-right:10px; margin-left:0px; }
#portfolio-carousel ul li:hover { display:block; float:left; background: url(/Marketing/Master/images/portfolio/underlay.png) no-repeat; }
#portfolio-carousel .arrow { display: block; height: 15px; width: 8px; text-indent: -9999px; position: absolute; cursor: pointer; top:-35px; }
#portfolio-carousel .forward { background:url(/Marketing/Master/images/portfolio/forward.png) no-repeat; right: 26px; }
#portfolio-carousel .back { background:url(/Marketing/Master/images/portfolio/back.png) no-repeat; right: 56px; }
#portfolio-carousel .forward:hover { background:url(/Marketing/Master/images/portfolio/forward-hover.png) no-repeat; }
#portfolio-carousel .back:hover { background:url(/Marketing/Master/images/portfolio/back-hover.png) no-repeat; }
/* how portofolio items are displayed in carousel */
#portfolio-carousel .portfolio-carousel-item .image { position:relative; }
#portfolio-carousel .portfolio-carousel-item .image a { display:block; width:272px; height:140px; border:4px solid #d7d7d7; margin-bottom:15px; }
#portfolio-carousel .portfolio-carousel-item .image a:hover { display:block; border:4px solid #ec8601; }
#portfolio-carousel .portfolio-carousel-item .text { width:200px; float:left; }
#portfolio-carousel .portfolio-carousel-item .text h4 { font-size:16px; line-height:17px; font-weight:bold; margin-bottom:8px; padding-top:0px; }
#portfolio-carousel .portfolio-carousel-item .text h4 a { text-decoration:none !important; }
#portfolio-carousel .portfolio-carousel-item .text p { margin-top:0px; margin-bottom:0px; font-size:12px; line-height:18px; }
#portfolio-carousel .portfolio-carousel-item .price { width:57px; height:37px; overflow:hidden; float:right; background: url(/Marketing/Master/images/portfolio/price-background.png) no-repeat; color:#0e3c74; text-align:center; font-weight:bold; padding-top:20px; font-size:19px; }
#portfolio-carousel .portfolio-carousel-item img.pthumb { position: absolute; left: 4px; top: 4px; z-index: 10; }
#portfolio-carousel .portfolio-carousel-item img.poverlay { position: absolute; left: 4px; top: 4px; }
#portfolio-carousel img.a { position: absolute; left: 4px; top: 4px; z-index: 10; }
#portfolio-carousel img.b { position: absolute; left: 4px; top: 4px; }
/* set the button widths so they fit nicely */
#portfolio-carousel .portfolio-carousel-item .view-details { width:120px !important; }
#portfolio-carousel .portfolio-carousel-item .purchase { width:120px !important; }
#portfolio-carousel .portfolio-carousel-item .view-details span { text-align:center; }
#portfolio-carousel .portfolio-carousel-item .purchase span { text-align:center; }
/* specialized lists with images or icons */
ul.imagelist { float:left; list-style:none; margin-left:0px; margin-top:10px; margin-bottom:10px; padding-left:0px; clear:both; }
ul.imagelist li img { float:left; border:1px solid #dbdbdb; margin:10px 15px 15px 10px; padding:5px; }
ul.imagelist li { background:url(/Marketing/Master/images/imagelist-divider.png) no-repeat top center !important; padding-top:10px; margin-left:0px; margin-top:5px; padding-left:0px; clear:both; }
ul.imagelist .contact-icons img { border:0px; padding:0px; margin:0px; vertical-align:middle; float:none; }
ul.imagelist .contact-icons { font-size:11px; float:right;}
ul.imagelist .contact-icons a { color:#4f97cf; display:inline; border-right:1px solid #cacaca; padding-right:10px; padding-left:5px; margin-right:10px; }
ul.imagelist a { text-decoration:none; }
ul.imagelist a:hover { text-decoration:none;}
/* specialized lists with images or icons in half of the main column*/
ul.imagelist-half { list-style:none; margin-left:0px; margin-bottom:10px; margin-top:8px; padding-left:0px; clear:both; display:table; clear:both;}
ul.imagelist-half .icon { display:table-cell; float:left; width:53px; margin:10px 10px 10px 0; padding:5px; }
ul.imagelist-half li { background:transparent; display:table-row; display:block; float:left; width:295px; margin-top:2px; margin-bottom:0px; margin-left:0px; padding-left:0px; border-top:1px solid #dfdfdf; margin-right:20px; }
ul.imagelist-half .text { display:table-cell; line-height:19px; }
ul.imagelist-half .text p { line-height:19px; }
ul.imagelist-half .text h4 { margin-bottom:4px; }
ul.imagelist-half .last { margin-right:0px; }
ul.imagelist-half a { text-decoration:none; }
ul.imagelist-half a:hover { text-decoration:none;}
ul.imagelist-half .noborder { border:none; }
/* checklist for content area */
ul.checklist { list-style:none !important; margin-left:10px; }
ul.checklist li { background: url(/Marketing/Master/images/check.jpg) no-repeat; background-position:0px 2px; padding-left:24px; }
ul.downloaditem { margin:0; padding:0; width: 640px}
ul.downloaditem li { background:none; float:left; width:145px; height:140px; text-align:center;}
ul.downloaditem li h4 { font-size:15px; margin-bottom:6px; margin-top:5px; padding-top:0px;}
/* content - portfolio listing filter */
ul#portfolio-filter { margin: 0px; padding: 0px; height:35px; padding-left:30px; line-height:35px; background: transparent url(/Marketing/Master/images/portfolio/portfolio-category-underborder.png) bottom center no-repeat; }
ul#portfolio-filter li { display: inline; padding-left:0px; margin-left:0px; background:transparent; }
ul#portfolio-filter a { margin-right: 0px; padding-top:9px; padding-bottom:8px; padding-left:18px; padding-right:18px; background: #e2e2e2 url(/Marketing/Master/images/portfolio/portfolio-category-tab-inactive.png) top repeat-x; color: #aaaaaa; font-weight: bold; text-decoration: none; text-align:center; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
ul#portfolio-filter a:hover { padding-top:9px; padding-bottom:8px; background:#f2f2f2 url(/Marketing/Master/images/portfolio/portfolio-category-tab-hover.png) top repeat-x; color: #717171; border-top:1px solid #d5d5d5; }
ul#portfolio-filter a.current { padding-top:9px; padding-bottom:8px; background:#ffffff url(/Marketing/Master/images/portfolio/portfolio-category-tab-active.png) top repeat-x; color: #0e3c74; border-bottom:1px solid #ffffff; }
/* display portfolio items */
ul#portfolio-list { margin: 20px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li { display: block; float: left; overflow: hidden; padding-left:0px; margin-left:0px; background:transparent; }
ul#portfolio-list li a { display: block; overflow: hidden; }
ul#portfolio-list-with-sidebar { margin: 10px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list-with-sidebar li { list-style: none; display: block; float: left; overflow: hidden; padding:0px; margin:0px; background:transparent; }
ul#portfolio-list-with-sidebar li a { display: block; overflow: hidden; }
ul#portfolio-list-with-sidebar .portfolio-item { padding-left:10px; padding-right:10px; margin-left:3px; margin-right:3px;}
/* portfolio items */
.less-spacing { margin-left:3px; margin-right:3px; }
.portfolio-item { display:block; float:left; height: 280px; width: 280px; padding-top:10px; padding-left:10px; padding-right:10px; margin-left:6px; margin-right:6px; margin-bottom:15px; }
.portfolio-item:hover { display:block; float:left; background: url(/Marketing/Master/images/portfolio/underlay.png) no-repeat; }
.portfolio-item img.pthumb { position: absolute; left: 4px; top: 4px; z-index: 10; }
.portfolio-item img.poverlay { position: absolute; left: 4px; top: 4px; }
.portfolio-item .image { position:relative; }
.portfolio-item .image a { display:block; width:272px; height:140px; border:4px solid #d7d7d7; margin-bottom:15px; }
.portfolio-item .image a:hover { display:block; border:4px solid #ec8601; }
.portfolio-item .text { width:200px; float:left; }
.portfolio-item .text h4 { font-size:16px; line-height:19px; font-weight:bold; margin-bottom:8px; margin-top:0px; padding-top:0px; /* height:38px; overflow:hidden; */ }
.portfolio-item .text h4 a { text-decoration:none; }
.portfolio-item .text p { margin-top:0px; margin-bottom:0px; font-size:12px; line-height:18px; height:35px; overflow:hidden; }
.portfolio-item .price { width:57px; height:37px; overflow:hidden; float:right; background: url(/Marketing/Master/images/portfolio/price-background.png) no-repeat; color:#0e3c74; text-align:center; font-weight:bold; padding-top:20px; font-size:19px; }
/* set the button widths so they fit nicely */
.portfolio-item .view-details { width:120px !important; }
.portfolio-item .purchase { width:120px !important; }
.portfolio-item .view-details span { text-align:center; }
.portfolio-item .purchase span { text-align:center; }
/* for items wich are not for sale eg. custom works */
.no-sale .text { float:none; width:280px; }
/* portfolio item buttons limits, need these to make the fit correctly in the space allocated, also ie6 plays nasty if not */
.portfolio-button { margin-top:12px; }
.portfolio-detail { width: 608px; background:#efefef; padding:2px; border:1px solid #c9c9c9; margin-bottom:10px; }
.portfolio-detail-buttons { margin-bottom:20px; }
.portfolio-detail-buttons .view-screenshots { width:177px !important; margin-right:12px; }
.portfolio-detail-buttons .purchase { width:177px !important; margin-right:0px; }
.portfolio-detail-buttons .view-live-preview { width:180px !important; margin-right:12px; }
.portfolio-detail-buttons .view-screenshots span { text-align:center; }
.portfolio-detail-buttons .purchase span { text-align:center; }
.portfolio-detail-buttons .view-live-preview span { text-align:center; }
/* blog related styling */
.post { margin-bottom:15px; }
.post-title-slug { background:#ffffff; padding:1px; border:1px solid #c9c9c9; position:relative; margin-bottom:10px; }
.post-image { width: 608px; height:230px; background:#efefef; }
.post-image img { width: 608px; } /* force css to resize here can be removed */
.post-image-overlay { background:url(/Marketing/Master/images/post-overlay.png) repeat-y; width:568px; height:69px; padding-left:20px; padding-right:20px; position:absolute; bottom:1px; }
.post-image-single { width: 608px; background:#efefef; padding:2px; border:1px solid #c9c9c9; margin-bottom:10px; margin-top:10px; }
.post-bottoms { border-bottom:1px solid #cfcfcf; padding-bottom:11px; background:url(/Marketing/Master/images/post-divider-horz.png) no-repeat top; width:611px; padding-top:11px; }
.post-meta { font-size: 85%; color: #999; margin-top: 2px;}
.post-meta a { text-decoration:underline; }
.post-meta a:hover { text-decoration:underline; }
.post-image-overlay .cont-vert { float:left; width: 500px; }
.post-image-overlay .outer-vert { display: table; height: 69px; width: 500px; overflow: hidden; }
.post-image-overlay .inner-vert { display: table-cell; vertical-align: middle; }
/* title over blog image */
.post-title-overimage { color:#ffffff; font-size:18px; line-height:20px; width:496px; text-decoration:none; }
.post-title-overimage a, .post-title-overimage a:hover{ color:#ffffff; text-decoration:none; }
/* comments over blog image */
.post-comments-overimage { background:url(/Marketing/Master/images/post-comment-divider.png) left no-repeat; margin-top:10px; height:52px; padding-left:11px; float:right; }
.post-comments-bubble { background: url(/Marketing/Master/images/post-comment-bubble.png) no-repeat; margin-left:12px; margin-top:8px; width:42px; height:30px; padding-top:5px; color:#444444; font-weight:bold; text-align:center;}
.post-comments-bubble a { color:#444444; text-decoration:none; }
.post-comments-bubble a:hover { color:#444444; text-decoration:none; }
/* section titles eg. comments on blog post*/
.section-title { color:#0e3c74; font-weight:bold; font-size: 18px; line-height:19px;}
h3.page-subtitle { font-weight: bold; color: #555555; font-size: 12px; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #dbdbdb; margin-bottom: 15px; }
h1.post-title { margin-bottom:4px; }
/* comments bubble */
.post-comments { float: right; padding: 3px 0 7px 7px; }
.post-comments a { padding: 3px 7px 7px 0; color: #000000; }
.post-comments a:hover { color: #000000; }
/* post navigation */
.post-navleft { float: left; margin: 0 15px 15px 0; }
.post-navright { float: right; margin: 0 0 15px 15px; }
.post-navigation div a { font-size: 12px; }
/* comments */
#comments { background: url(/Marketing/Master/images/imagelist-divider.png) no-repeat top center; padding-left:15px; padding-top:10px; padding-right:15px; margin-top:20px; }
#comments h2 { padding:0px; margin-bottom:10px; }
#comments ol { margin:0px; padding:0px; }
#comments ol li { background: url(/Marketing/Master/images/imagelist-divider.png) no-repeat top center; margin-top: 2px; padding: 15px 0; overflow: hidden; height: 1%; }
.comment-gravatar { float: left; margin-right: 20px; background: #FFF; border: 1px solid #F0F0F0; padding: 3px; }
.comment-data { float: left; width: 490px; }
.comment-data p { margin-bottom: 6px; line-height: 19px; }
.comment-author { font-weight: 700; margin-bottom: 3px; }
.comment-meta { color: #666; margin-bottom: 5px; font-size: 85%; }
.unapproved { font-style: italic; }
#respond { background: url(/Marketing/Master/images/imagelist-divider.png) no-repeat top center; margin-top:10px; padding:15px; }
#respond h2 { padding:0px; margin-bottom:10px; }
#comment-form { margin-top: 15px; margin-bottom: 10px; }
#comment-form label { font-size: 90%; display: block; margin-bottom: 5px; font-weight:bold; }
#comment-form input { width: 240px; margin-bottom: 10px; padding: 5px; border:1px solid #cdcdcd; background: url(/Marketing/Master/images/input-background.png) top left no-repeat; }
#comment-form textarea { width: 560px; height: 140px; margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; padding: 10px; border:1px solid #cdcdcd; background: url(/Marketing/Master/images/textarea-background.png) top left no-repeat; }
#comments a, #comment-form a { text-decoration:none; }
#comments a:hover, #comment-form a:hover { text-decoration:none; }
/* quote bar above footer on home */
.quote-bar { background:url(/Marketing/Master/images/quote-bar-background.png) no-repeat; width:940px; height:48px; color:#ffffff; overflow:hidden; margin-bottom:15px; }
.quote-bar .pad { padding-left:25px; padding-right:25px; padding-top:15px;}
.quote-bar .quoteleft { font-size:17px; }
.quote-bar .quoteright { font-weight:bold; font-size:18px; text-transform:uppercase; }
.quote-bar a { color:#ffffff; text-decoration:none; }
.quote-bar a:hover { color:#9ad3ff; text-decoration:none; }
/* faq accordion */
.accordion { margin-bottom:18px; margin-top:20px; margin-bottom:20px; }
.accordion .accTogglerOpen { padding-top:10px; padding-left:2px; padding-right:95px; padding-bottom:15px; display: block; margin: 0px; cursor: pointer; font-size:16px; color:#0e3c74; line-height:20px; background-color:#ffffff; background-image: url(/Marketing/Master/images/faq-close.jpg); background-repeat: no-repeat; background-position: top right; }
.accordion .accToggler { padding-top:10px; padding-left:2px; padding-right:95px; padding-bottom:15px; display: block; margin: 0px; cursor: pointer; font-size:16px; color:#0e3c74; font-weight:normal; line-height:20px; background-color:#ffffff; background-image: url(/Marketing/Master/images/faq-open.jpg); background-repeat: no-repeat; background-position: top right; }
.accordion .accContent { margin: 0px; padding:5px 0px 10px 0px; line-height:19px; margin-bottom:10px; }
.accordion .accContent p { margin: 0px; }
/* success box */
.success { background:#d0eaa5 url(/Marketing/Master/images/icons/success-check.png) no-repeat; background-position:15px 50%; border: 1px solid #a3c964; padding:22px; color:#5d792e; padding-left:80px; margin-top:10px; }
.success a { text-decoration:underline; color:#5d792e; }
.success a:hover { text-decoration:underline; color:#5d792e; }
/* you have errors box */
.errors { background:#e9c8c1 url(/Marketing/Master/images/icons/error-cross.png) no-repeat; background-position:15px 50%; border: 1px solid #e06e53; padding:22px; color:#b4381b; padding-left:80px; margin-top:10px; }
.errors a { text-decoration:underline; color:#b4381b; }
.errors a:hover { text-decoration:underline; color:#b4381b; }
/* notification box */
.notification { background:#fff1a8 url(/Marketing/Master/images/icons/notification-triangle.png) no-repeat; background-position:15px 50%; border: 1px solid #d7bd45; padding:22px; color:#b4381b; padding-left:80px; margin-top:10px; }
.notification a { text-decoration:underline; color:#b4381b; }
.notification a:hover { text-decoration:underline; color:#b4381b; }
/* customer quote - applied in sidebar */
.customer-quote { font-size:14px; padding-bottom:20px; margin-bottom:20px; padding-top:0px; background:url(/Marketing/Master/images/sidepanel-separator.jpg) no-repeat bottom left; }
.customer-quote .quotes { background: url(/Marketing/Master/images/quotes.png) no-repeat; width:32px; height:28px; float:left; margin-right:8px; margin-bottom:8px; margin-top:3px; }
.customer-quote p { padding-left:0px; font-size:14px; line-height:20px; font-style:oblique; }
.customer-quote .name { font-weight:bold; font-style:normal; font-size:12px; display:block; margin-top:8px; }
.fadebox { background:url(/Marketing/Master/images/boxes/carouselbox.png) no-repeat top center; width:942px; height:365px; }
.fadebox .pad { padding-left:24px; padding-right:25px; padding-top:20px; }
.fadebox .onethird { width:282px !important; }
.fadebox .onethird-last { width:282px !important; }
.fadebox ul { margin-left:20px; }
.fadebox h2 { text-align:center; font-size:21px; line-height:24px; }
/* pricing plans */
.plan { width:188px; float:left; margin-right:20px; border:1px solid #dbdbdb; padding:15px; margin-bottom:15px; }
.last-plan { float:left; margin-right:0px;}
.plan h3 { font-size:25px; text-transform:uppercase; margin-top:0px; margin-bottom:0px; line-height:22px; }
.plan .plan-price { font-size:20px; color:#47abcb; }
.plan .plan-price span { font-size:14px; color:#333333; }
.plan .plan-details { list-style:none; margin-left:10px; }
.plan .plan-details li { background:url(/Marketing/Master/images/check.jpg) no-repeat; background-position:0px 2px; padding-left:20px; }
.plan .sign-up-now { width:170px; margin-bottom:0px; }
.plan .sign-up-now span { text-align:center; }
.plan hr { clear:both; }
/* ================================ */
/* ==== SIDEBAR CONTENT SECTION === */
/* ================================ */
/* sidebar general settings... top fade out, bottom fadeout and a repeater background (the one that goes from top to bottom) */
#sidebar { float: right; width: 300px; margin-left:20px}
#sidebar { background:url(/Marketing/Master/images/sidebar-repeater-background.jpg) repeat-y left; }
#sidebar .sidebar-top { background: url(/Marketing/Master/images/sidebar-top-background.jpg) top left no-repeat; min-height:100px; }
#sidebar .sidebar-bottom { background: url(/Marketing/Master/images/sidebar-bottom-background.jpg) bottom left no-repeat; padding-bottom:100px; }
#sidebar blockquote { background:transparent; margin:5px 0; padding: 0px 0px 10px 0px; }
#sidebar blockquote p { padding-left:0px; padding-right:0px; color:#595959; font-size:13px; line-height:18px; font-style: italic; }
#sidebar220 { float: right; width: 220px; margin-left:20px}
#sidebar220 { background:url(/Marketing/Master/images/sidebar-repeater-background220.jpg) repeat-y left; }
#sidebar220 .sidebar-top { background: url(/Marketing/Master/images/sidebar-top-background220.jpg) top left no-repeat; min-height:100px; }
#sidebar220 .sidebar-bottom { background: url(/Marketing/Master/images/sidebar-bottom-background220.jpg) bottom left no-repeat; padding-bottom:100px; }
#sidebar220 blockquote { background:transparent; margin:5px 0; padding: 0px 0px 10px 0px; }
#sidebar220 blockquote p { padding-left:0px; padding-right:0px; color:#595959; font-size:13px; line-height:18px; font-style: italic; }
#sidebar220 .sidepanel .active { padding-left:25px; padding-bottom:7px; padding-top:6px; background:url(/Marketing/Master/images/sidepanel-cat-current220.jpg) bottom left no-repeat; color:#ec8601; }
/* make sidebar textwidget go along for the ride */
#sidebar .textwidget { padding-left:25px; padding-right:25px; line-height:19px;}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { padding-left:25px; padding-right:25px; }
#sidebar h3 { text-transform: capitalize; padding-bottom:15px; padding-top:20px; font-weight: bold; font-size:20px; line-height:22px; }
#sidebar p { padding-left:25px; margin-top: 8px; line-height: 18px; }
#sidebar a { color:#0e3c74; text-decoration:none; }
#sidebar a:hover { color:#ec8601; text-decoration:none; }
#sidebar220 .textwidget { padding-left:25px; padding-right:25px; line-height:19px;}
#sidebar220 h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { padding-left:25px; padding-right:25px; }
#sidebar220 h3 { text-transform: capitalize; padding-bottom:15px; padding-top:20px; font-weight: bold; font-size:20px; line-height:22px; }
#sidebar220 p { padding-left:25px; margin-top: 8px; line-height: 18px; }
#sidebar220 a { color:#0e3c74; text-decoration:none; }
#sidebar220 a:hover { color:#ec8601; text-decoration:none; }
/* searchform on the sidebar */
#searchform { background:url(/Marketing/Master/images/sidepanel-search.jpg) bottom left; height:53px; padding-left:25px; padding-top:20px;}
#searchform .screen-reader-text { display:none; }
#searchform #searchsubmit { background: url(/Marketing/Master/images/buttons/button-search.jpg) no-repeat; width:30px; height:30px; border:none; padding:0; margin:0; }
#searchform .field { width:130px; border-top:1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#ffffff; color:#575757; height:20px; padding-top:4px; padding-bottom:4px; padding-left:8px; }
#searchform .advanced { font-size:11px; line-height:13px; text-transform:uppercase; width:70px; margin-left:10px;}
#searchform .advanced a { text-decoration:none;}
#searchform .advanced a:hover { text-decoration:underline;}
/* class that wraps around all sidebar widgets, configuring lists for the categories and submenus */
.sidepanel { padding-bottom: 5px; font-size:14px; }
.sidepanel .element-pad { padding-left:25px; padding-right:35px; }
.sidepanel .active { padding-left:25px; padding-bottom:7px; padding-top:6px; background:url(/Marketing/Master/images/sidepanel-cat-current.jpg) bottom left no-repeat; color:#ec8601; }
.sidepanel .active a { color:#ec8601 !important; } /* make current selection stay lit */
.sidepanel .active a:hover { color:#ec8601 !important; } /* make current selection stay lit */
.sidepanel ul li { padding-left:25px; padding-right:25px; padding-bottom:7px; padding-top:6px; line-height:20px; background: url(/Marketing/Master/images/sidepanel-separator.jpg) no-repeat bottom left; }
.sidepanel ul li ul { padding-left:0px; padding-top:2px; }
.sidepanel ul li ul li { background:transparent; font-size:13px; padding-left:10px; padding-bottom:5px; padding-top:4px; margin-bottom:0px; margin-left:0px; }
.sidepanel ul li ul .active { padding-left:10px; padding-bottom:5px; padding-top:4px; background:transparent; color:#ec8601; }
.sidepanel ul li ul li ul { padding-left:0px; padding-top:4px; }
.sidepanel ul li ul li ul li { background: transparent url(/Marketing/Master/images/corner-dots.png) no-repeat; background-position:0px 10px; font-size:13px; padding-bottom:5px; padding-top:4px; padding-left:12px; margin-bottom:0px; margin-left:0px; }
.sidepanel ul li ul li ul .active { background: transparent url(/Marketing/Master/images/corner-dots.png) no-repeat; background-position:0px 10px; padding-left:12px; padding-bottom:5px; padding-top:4px; color:#ec8601; font-style:italic; }
.sidepanel li .active li a { color:#ec8601 !important; } /* make current selection stay lit */
.sidepanel li .active li a:hover { color:#ec8601 !important; } /* make current selection stay lit */
/* sidebar small round faded round boxes */
.sidepanel .sidebox { padding-left:25px; padding-right:25px; margin-bottom:15px; }
.sidepanel .sidebox-top { background:url(/Marketing/Master/images/boxes/sidebox-top.png) no-repeat top left; height:9px; }
.sidepanel .sidebox-middle { background: url(/Marketing/Master/images/boxes/sidebox-middle.png) repeat-y; width:240px; min-height:76px; }
.sidepanel .sidebox-bottom { background:url(/Marketing/Master/images/boxes/sidebox-bottom.png) no-repeat bottom left; height:8px; }
.sidepanel .sidebox .pad { padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px; }
.sidepanel .sidebox h1, .sidepanel .sidebox h2, .sidepanel .sidebox h3, .sidepanel .sidebox h4, .sidepanel .sidebox h5 { padding-left:0px !important; padding-right:0px !important; margin-top:0px; padding-top:0px;}
.sidepanel .sidebox h4 { font-weight:bold; font-size:12px; line-height:17px; margin-bottom:2px; }
.sidepanel .sidebox { font-size:12px; }
.sidepanel .sidebox p { padding:0px !important; margin:0px !important; line-height:18px; }
.sidepanel .sidebox .icon { width:44px; float:left; margin-right:10px; margin-bottom:10px; margin-top:5px; }
.sidepanel .sidebox .text { float:left; width:142px; }
/* sidebar map */
.sidepanel #map { display:none; }
.sidepanel .border-image { border:1px solid #cccccc; background:#f6f9f3; padding:4px; margin-bottom:6px; }
.sidepanel .caption { font-size:11px; color:#559ed6; text-transform:uppercase; }
.sidepanel .caption a { text-decoration:none; }
.sidepanel .caption a:hover { text-decoration:underline; }
/* =============================== */
/* ==== FOOTER CONTENT SECTION === */
/* =============================== */
/* footer links and footer */
#footer { background: #fff url(/Marketing/Master/images/footer-background-2.jpg) top center; }
#footer-link-columns { height:209px; padding-top:25px; background:url(/Marketing/Master/images/footer-top-overlay.png) repeat-x top center; clear:both; overflow:hidden; color:#000; }
#footer-link-columns h3 { font-size:17px; margin-bottom:10px; font-weight:bold; text-transform:uppercase; color:#00365f; }
#footer-link-columns ul { list-style: none; padding: 0px; margin:0px; }
#footer-link-columns ul li { line-height:20px; background: url(/Marketing/Master/images/footer-bullet.png) no-repeat; background-position:0px 8px; padding-left:11px; }
#footer-link-columns a { color:#7a1900; text-decoration:none; }
#footer-link-columns a:hover { color:#00365f; text-decoration:underline; }
#footer-link-columns ul li ul { display:none; }
#footer-link-columns .panelfooter { float: left; width: 160px; margin-right:25px; }
#footer-link-columns .wrap-center div { height:190px; overflow:hidden; line-height:18px; }
/* one fifth of footer whole width */
#footer-link-columns .onefifth { width:165px; float:left; margin-right:20px; }
#footer-link-columns .onefifth-last { width:180px; float:left; margin-right:0px; }
/* one fourth of footer whole width */
#footer-link-columns .onefourth { width:220px; float:left; margin-right:20px; }
#footer-link-columns .onefourth-last { width:220px; float:left; margin-right:0px; }
/* one third of footer whole width */
#footer-link-columns .onethird { width:295px; float:left; margin-right:20px; }
#footer-link-columns .onethird-last { width:295px; float:left; margin-right:0px; }
/* one half of footer whole width */
#footer-link-columns .onehalf { width:460px; float:left; margin-right:20px; }
#footer-link-columns .onehalf-last { width:460px; float:left; margin-right:0px; }
#footer-links { list-style: none; }
#footer-links li { float: left; margin-right: 15px; }
#footer-bottom { background: url(/Marketing/Master/images/footer-bottom-overlay.png) repeat-x top center; min-height:60px; padding-top:20px; }
#footer-bottom .copy { width:600px; color:#c8c8c8; line-height:18px; font-size:11px; text-align:center; margin:0 auto }
#footer-bottom .copy a { color:#9ac7d6; text-decoration:underline; }
#footer-bottom .copy a:hover { color:#9ac7d6; text-decoration:none; }
#top-bar .socials { width:150px; }
#top-bar .social-item { text-align:center; width:30px; font-size:9px; float:left; }
#top-bar .social-item img {margin-top:7px }
#top-bar .social-item a { color:#c8c8c8; text-decoration:none; }
#top-bar .social-item a:hover { color:#ec8601; text-decoration:none; }