/* ======================== */ /* ==== GENERAL STYLES ==== */ /* ======================== */ body { background: #ffffff/*#115882#E6E6E6*/; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #999999; } a { color:#F60; text-decoration:none; } a:hover { color:#999; text-decoration:underline; } strong { font-weight: 700; } 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(../img/quotes.png) no-repeat top left; background-position: 12px 12px; color:#595959; margin:5px 0; padding: 8px 15px 10px 60px; } input, textarea { font-family: Verdana, Arial, sans-serif; font-size: 12px; } h1 { color: #F60; font-size: 19px; margin: 0px 0px 15px 0px; padding: 0px; } h2 { color: #777; font-size: 17px; margin: 0px 0px 15px 0px; padding: 0px; } h3 { color: #999; font-size: 15px; margin: 0px 0px 15px 0px; padding: 0px; } h4 { color: #999; font-size: 13px; margin: 0px 0px 15px 0px; padding: 0px; } h5 { color: #999; font-size: 13px; margin: 0px 0px 15px 0px; padding: 0px; } h6 { color: #999; font-size: 13px; margin: 0px 0px 15px 0px; padding: 0px; } /* ======================== */ /* ==== HELPFUL STYLES ==== */ /* ======================== */ .fl { float:left !important; } .fr { float:right !important; } .clear { clear:both; } .rel { position:relative; } .abs { position:absolute; } .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; } .wrap-center { position: relative; width: 996px; padding: 0px; margin: 0 auto; } .center { text-align:center;} .vm { vertical-align:middle; } /* ============================ */ /* == COOKIE WARNING STYLES === */ /* ============================ */ #cookieMessageWrapper { background: #F5DD88; display: none; color: #333; } #cookieMessage { position: relative; width: 996px; padding: 0px; margin: 0 auto; } #cookieMessage p { padding: 7px 0px 7px 0px; margin: 0px; } #cookieClose { float: right; display: block; padding: 7px 7px 7px 7px; margin: 0; text-decoration: none; font-size: 12px; background-color: #f80; color: #fff; font-weight: bold; } #cookieClose:hover { background-color: #B48D04;} /* ======================= */ /* ==== MAIN STYLES ====== */ /* ======================= */ #wrapper { position: relative; width: 996px; margin: 0px auto; background: #fff; } /* ======================= */ /* ==== BANNER SECTION === */ /* ======================= */ #banner { position: relative; background: #fff; height: 85px; } /* logo */ #banner #logo { position:relative; width: 147px; height: 57px; margin: 0px; padding: 17px 0px 0px 16px; } #banner #logo a { position: relative; display: block; width: 147px; height: 57px; background: url(../img/skin/logos/logo-01.jpg) top left no-repeat; } #banner #logo a.logo1 { position: relative; display: block; width: 147px; height: 57px; background: url(../img/skin/logos/logo-01.jpg) top left no-repeat; } #banner #logo a.logo2 { position: relative; display: block; width: 147px; height: 57px; background: url(../img/skin/logos/logo-02.jpg) top left no-repeat; } #banner #logo a.logo3 { position: relative; display: block; width: 147px; height: 57px; background: url(../img/skin/logos/logo-03.jpg) top left no-repeat; } #banner #logo a.logo4 { position: relative; display: block; width: 147px; height: 57px; background: url(../img/skin/logos/logo-04.jpg) top left no-repeat; } #banner #logo a.logo5 { position: relative; display: block; width: 147px; height: 57px; background: url(../img/skin/logos/logo-05.jpg) top left no-repeat; } #banner #logo a.logo6 { position: relative; display: block; width: 147px; height: 57px; background: url(../img/skin/logos/logo-06.jpg) top left no-repeat; } #banner #logo a.logo7 { position: relative; display: block; width: 147px; height: 57px; background: url(../img/skin/logos/logo-07.jpg) top left no-repeat; } #banner #logo a.logo8 { position: relative; display: block; width: 147px; height: 57px; background: url(../img/skin/logos/logo-08.jpg) top left no-repeat; } #banner #logo a.logo9 { position: relative; display: block; width: 147px; height: 57px; background: url(../img/skin/logos/logo-09.jpg) top left no-repeat; } #banner #logo a.logo10 { position: relative; display: block; width: 147px; height: 57px; background: url(../img/skin/logos/logo-10.jpg) top left no-repeat; } /* utilities */ #utilities { position: absolute; top: 10px; right: 13px; } #utilities ul { float: left; } #utilities ul li { float: left; background: url(../img/skin/orange-bullet.png) no-repeat; background-position: 0px 5px; margin-left: 2em; } #utilities ul li a { color: #999; text-decoration:none; font-weight: bold; padding:.75em 1em; } #utilities ul li a:hover { color: #FF6600; text-decoration:none; } /* social */ #utilities #social { float: left; } #utilities #social .social-icon { float: left; margin: 0px 0px 0px 5px; } #utilities #social .addthis_toolbox { float: left; margin: 0px 0px 0px 5px; } /* menu */ #navigation { position: absolute; top: 52px; right: 14px; z-index: 9999; background: #fff; } #navigation .wrap-center { } #navigation .sf-menu, #navigation .sf-menu * { list-style:none; font-size:12px; margin:0; padding:0; } #navigation .sf-menu ul { position:absolute; top:-999em; width: 20em; z-index: 9999; } #navigation .sf-menu ul li { width:100%; } #navigation .sf-menu li:hover { visibility:inherit; } #navigation .sf-menu li { position:relative; float:left; background: url(../img/skin/orange-bullet.png) no-repeat; background-position: 0px 13px; margin-left: 2em; } #navigation .sf-menu a { position:relative; display:block; text-decoration:none; padding:.75em 1em; color: #999; font-weight: bold; } #navigation .sf-menu li:hover ul, #navigation .sf-menu li.sfHover ul { left:0; top:2.5em; z-index:99; } #navigation ul.sf-menu li li:hover ul, #navigation ul.sf-menu li li.sfHover ul { left:10em; top:-11px; margin-left:2px; } #navigation ul.sf-menu li li li:hover ul, #navigation ul.sf-menu li li li.sfHover ul { left:10em; top:-11px; } #navigation .sf-menu ul a { font-size:12px; } #navigation .sf-menu li ul { padding: 1px; } #navigation .sf-menu a.sf-with-ul { padding-right:30px; min-width:1px; } #navigation .sf-sub-indicator { position:absolute; display:block; right:10px; top:1.05em; width:10px; height:10px; z-index: 9999; text-indent:-999em; overflow:hidden; background:url(../img/skin/default-submenu-sprite.png) no-repeat -10px -100px; } #navigation a > .sf-sub-indicator { top:1em; background-position:0 -100px; } #navigation a:focus > .sf-sub-indicator, #navigation a:hover > .sf-sub-indicator, #navigation a:active > .sf-sub-indicator, #navigation li:hover > a > .sf-sub-indicator, #navigation li.sfHover > a > .sf-sub-indicator { background-position:-10px -100px; } #navigation .sf-menu ul .sf-sub-indicator { background-position:-10px 0; top:.75em; } #navigation .sf-menu ul a > .sf-sub-indicator { background-position:0 0; } #navigation .sf-menu ul a:focus > .sf-sub-indicator, #navigation .sf-menu ul a:hover > .sf-sub-indicator, #navigation .sf-menu ul a:active > .sf-sub-indicator, #navigation .sf-menu ul li:hover > a > .sf-sub-indicator, #navigation .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; } /* menu colours */ #navigation .sf-menu a:hover, #navigation .sfHover a, #navigation .sf-menu ul li.sfHover > a { color: #FF6600; } #navigation .sf-menu .active { color: #FF6600; } #navigation .sf-menu li li { background:#fff; margin-left: 0em !important; } #navigation .sf-menu li li:last-child { } #navigation .sfHover, #navigation .sf-menu li ul { background: #FF6600; } #navigation .sf-menu ul a { color: #999; background: url(../img/skin/orange-bullet.png) no-repeat; background-position: 13px 13px; padding: 8px 5px 8px 30px; } #navigation .sf-menu ul a:hover { color: #999; background: #F0F0F0 url(../img/skin/orange-bullet.png) no-repeat; background-position: 13px 13px; } #navigation .sf-menu li li:first-child { } #navigation ul.sf-menu li:hover li ul, #navigation ul.sf-menu li.sfHover li ul, #navigation ul.sf-menu li li:hover li ul, #navigation ul.sf-menu li li.sfHover li ul { top:-999em; } /* ======================= */ /* ==== HEADER SECTION === */ /* ======================= */ #header { } /* slideshow */ #header #slideshow { position: relative; width: 332px; height: 332px; overflow:hidden; float: left; } #header .slideshow-corner { position: absolute; background: url(../img/skin/slideshow-corner.png) no-repeat top left; width: 150px; height: 150px; z-index: 9999; } #header #slideshow .image { float: left; width: 332px; height: 332px; } /* content */ #header #header-content { position: relative; width: 332px; height: 332px; overflow:hidden; float: left; background: url(../img/skin/header-bg-middle.jpg) no-repeat; } #header #header-content .header-content-inner { padding: 10px 10px 0px 10px; margin: 0px; font-size: 11px; color: #fff; line-height: 17px; } #header #header-content .header-content-inner h1 { color: #FFF; } #header #header-content .header-content-inner h2 { color: #FFF; } #header #header-content .header-content-inner h3 { color: #FFF; } #header #header-content .header-content-inner h4 { color: #FFF; } #header #header-content .header-content-inner h5 { color: #FFF; } #header #header-content .header-content-inner h6 { color: #FFF; } #header #header-content .header-content-inner p { margin: 0px; padding: 0px 0px 10px 0px; } #header #header-content .header-content-inner ul { margin: 0px 0px 10px 15px; list-style: disc;} #header #header-content .header-content-inner ul ul { margin: 1px 0px 0px 15px; } #header #header-content .header-content-inner ol { margin: 0px 0px 10px 15px; list-style: decimal; } #header #header-content .header-content-inner ol ol { margin: 1px 0px 10px 15px; } #header #header-content .header-content-inner ul li, .page ol li { padding: 0px 0px 0px 0px; /*line-height: 20px;*/ } #header #header-content .header-content-inner ul li:first-child, .page ol li:first-child { padding-top: 0px !important; } /* contact */ #header #header-contact { position: relative; width: 332px; height: 332px; overflow:hidden; float: left; background: url(../img/skin/header-bg-right.jpg) no-repeat; color: #fff; } /* ======================== */ /* ==== CONTENT SECTION === */ /* ======================== */ #content-area { } .content-bg { background: url(../img/skin/content-bg-top-left.jpg) top left no-repeat; } #content-area .main { padding: 55px 90px 20px 90px; background: url(../img/skin/content-bg-bottom-right.jpg) bottom right no-repeat; } #content-area .main-sidebar { padding: 55px 30px 20px 90px; } #content-area .home { min-height: 441px; _height: 441px; /*background: url(../img/skin/home-bg.jpg) top right no-repeat;*/ } #content-area .home-sidebar { min-height: 441px; _height: 441px; /*background: url(../img/skin/home-bg.jpg) top right no-repeat;*/ } #content-area p { padding-bottom: 20px; line-height: 20px; } #content-area #content { width: 588px; float: left; } /* one half of main column */ #content .onehalf { width: 284px; float:left; margin-right:20px; margin-bottom:15px; } #content .onehalf-last { width: 284px; float:left; margin-right:0px; margin-bottom:15px; } /* one third of main column */ #content .onethird { width: 182px; float:left; margin-right:21px; margin-bottom:15px; } #content .onethird-last { width: 182px; float:left; margin-right:0px; margin-bottom:15px; } /* one fourth of main column */ #content .onefourth { width: 132px; float:left; margin-right:20px; margin-bottom:15px; } #content .onefourth-last { width: 132px; float:left; margin-right:0px; margin-bottom:15px; } /* one half of whole width */ #content-wide .onehalf { width: 398px; float:left; margin-right:20px; margin-bottom:15px; } #content-wide .onehalf-last { width: 398px; float:left; margin-right:0px; margin-bottom:15px; } /* one third of whole width */ #content-wide .onethird { width: 258px; float:left; margin-right:20px; margin-bottom:15px; } #content-wide .onethird-last { width: 258px; float:left; margin-right:0px; margin-bottom:15px; } /* one fourth of whole width */ #content-wide .onefourth { width: 189px; float:left; margin-right:20px; margin-bottom:15px; } #content-wide .onefourth-last { width: 189px; float:left; margin-right:0px; margin-bottom:15px; } /* sidebar */ #content-area #sidebar { position: relative; width: 286px; float: right; margin: 55px 0px 0px 0px; background:url(../img/sidebar-repeater-background.jpg) repeat-y left; } #sidebar .sidebar-top { background: url(../img/sidebar-top-background.jpg) top left no-repeat; min-height:100px; } #sidebar .sidebar-bottom { background: url(../img/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; } /* 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: 0px 25px 0px 15px !important; color: #F60; } #sidebar h3 { text-transform: capitalize; padding-bottom:15px; padding-top:20px; font-weight: bold; } #sidebar p { padding-left:25px; margin-top: 8px; } #sidebar a { color: #999; text-decoration:none; } #sidebar a:hover { color: #F60; text-decoration:none; } /* class that wraps around all sidebar widgets, configuring lists for the categories and submenus */ .sidepanel { padding-bottom: 25px; } .sidepanel .element-pad { padding-left:25px; padding-right:35px; } .sidepanel .active { padding-left:25px; padding-bottom:5px; padding-top:4px; background:url(../img/sidepanel-cat-current.jpg) bottom left no-repeat; } .sidepanel .active a { color:#333 !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:5px; padding-top:4px; line-height:20px; background: url(../img/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(../img/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(../img/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(../img/boxes/sidebox-top.png) no-repeat top left; height:9px; } .sidepanel .sidebox-middle { background: url(../img/boxes/sidebox-middle.png) repeat-y; width:240px; min-height:76px; } .sidepanel .sidebox-bottom { background:url(../img/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:30px; float:left; margin-right:10px; margin-bottom:10px; margin-top:5px; } .sidepanel .sidebox .text { float:left; width: auto; } /* 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; } /* sidebar tweets */ .sidepanel #sidebar-tweets span { display: block; } /* sidebar overrides */ .sidepanel:last-child { padding-bottom: 0px !important; margin-bottom: 0px !important; } /* testimonial rotator */ #testimonial_rotator { padding: 0px !important; margin: 0px !important; } #testimonial_rotator li { list-style: none !important; padding: 0px 20px 0px 0px !important; margin: 0px !important; background: none !important; } #testimonial_rotator li.active { color: #000 !important; font-weight: normal; } #testimonial_rotator li .text { padding-bottom: 0px; } #testimonial_rotator li .info { padding-bottom: 0px; } #testimonial_rotator li .read-more { } /* word cloud */ .word-cloud { position: relative; } .word-cloud .complaint-management { position: absolute; top: 17px; left: 140px; z-index: 9995; } .word-cloud .consumer-helpines { position: absolute; top: 393px; left: 43px; z-index: 9995; } .word-cloud .fulfilment { /*position: absolute; top: 270px; left: 829px; z-index: 9995;*/ position: absolute; top: 270px; left: 90px; z-index: 9995; } .word-cloud .live-chat { position: absolute; top: 181px; left: 99px; z-index: 9995; } .word-cloud .loyalty-schemes { position: absolute; top: 397px; left: 699px; z-index: 9995; } .word-cloud .online-retail-specialists { position: absolute; top: 110px; left: 360px; z-index: 9995; } .word-cloud .order-processing { /*position: absolute; top: 188px; left: 518px; z-index: 9995;*/ position: absolute; top: 267px; left: 357px; z-index: 9995; } .word-cloud .panels { position: absolute; top: 19px; left: 604px; z-index: 9995; } .word-cloud .research { position: absolute; top: 324px; left: 37px; z-index: 9995; } .word-cloud .dependable { /*position: absolute; top: 79px; left: 35px; z-index: 9995;*/ position: absolute; top: 20px; left: 20px; z-index: 9995; } .word-cloud .affordable { position: absolute; top: 58px; left: 939px; z-index: 9995; } .word-cloud .bespoke { /*position: absolute; top: 281px; left: 637px; z-index: 9995;*/ position: absolute; top: 307px; left: 600px; z-index: 9995; } .word-cloud .flixible { /*position: absolute; top: 295px; left: 275px; z-index: 9995;*/ position: absolute; top: 177px; left: 250px; z-index: 9995; } .word-cloud .friendly { /*position: absolute; top: 248px; left: 196px; z-index: 9995;*/ position: absolute; top: 147px; left: 120px; z-index: 9995; } .word-cloud .multi-channel { position: absolute; top: 148px; left: 319px; z-index: 9995; } .word-cloud .benchmarking { position: absolute; top: 97px; left: 100px; z-index: 9995; } .word-cloud .luxury-retail { position: absolute; top: 20px; left: 640px; z-index: 9995; } .word-cloud .brand-protection { position: absolute; top: 87px; left: 540px; z-index: 9995; } .word-cloud .consultancy { position: absolute; top: 137px; left: 740px; z-index: 9995; } .word-cloud .crm { position: absolute; top: 27px; left: 760px; z-index: 9995; } .word-cloud .data-management { position: absolute; top: 107px; left: 357px; z-index: 9995; } .word-cloud .media-response { position: absolute; top: 367px; left: 310px; z-index: 9995; } .word-cloud .online-retail-support { position: absolute; top: 337px; left: 690px; z-index: 9995; } .word-cloud .outsource { position: absolute; top: 188px; left: 876px; z-index: 9995; } .word-cloud .spm { position: absolute; top: 177px; left: 350px; z-index: 9995; } .word-cloud .smr { position: absolute; top: 237px; left: 600px; z-index: 9995; } .word-cloud .bespoke2 { position: absolute; top: 56px; left: 45px; z-index: 9995; } .word-cloud .research2 { position: absolute; top: 29px; left: 125px; z-index: 9995; } .word-cloud .benchmarking2 { position: absolute; top: 289px; left: 8px; z-index: 9995; } .word-cloud .outsourced { position: absolute; top: 390px; left: 4px; z-index: 9995; } .word-cloud .service-performance-metrics2 { position: absolute; top: 100px; left: 208px; z-index: 9995; } .word-cloud .fulfilment2 { position: absolute; top: 57px; left: 416px; z-index: 9995; } .word-cloud .friendly2 { position: absolute; top: 8px; left: 587px; z-index: 9995; } .word-cloud .brand-protection2 { position: absolute; top: 65px; left: 689px; z-index: 9995; } .word-cloud .media-response2 { position: absolute; top: 145px; left: 134px; z-index: 9995; } .word-cloud .strategy-review2 { position: absolute; top: 380px; left: 14px; z-index: 9995; } .word-cloud .affordable2 { position: absolute; top: 185px; left: 188px; z-index: 9995; } .word-cloud .customer-service2 { position: absolute; top: 187px; left: 240px; z-index: 9995; } .word-cloud .consumer-helplines2 { position: absolute; top: 135px; left: 570px; z-index: 9995; } .word-cloud .online-retail-support2 { position: absolute; top: 277px; left: 234px; z-index: 9995; } .word-cloud .consultancy2 { position: absolute; top: 336px; left: 270px; z-index: 9995; } .word-cloud .dependable2 { position: absolute; top: 241px; left: 568px; z-index: 9995; } .word-cloud .social-media-radar2 { position: absolute; top: 256px; left: 617px; z-index: 9995; } .word-cloud .insight2 { position: absolute; top: 294px; left: 734px; z-index: 9995; } .word-cloud .complaint-management2 { position: absolute; top: 370px; left: 633px; z-index: 9995; } .word-cloud .multichannel2 { position: absolute; top: 96px; left: 956px; z-index: 9995; } /* blog 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(../img/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; background:url(../img/post-divider-horz.png) no-repeat top; width: 100%; padding: 10px 0px 0px 0px; margin: 10px 0px 30px 0px; } .post-meta { font-size: 85%; color: #999; margin-top: 2px; margin-bottom: 10px; line-height: 12px; width: 350px; float: left; } .post-meta a { text-decoration: none; } .post-meta a:hover { text-decoration: underline; } .post-social { float: right; text-align: right; } /* post header */ .post-header { } .post-header h2 { margin: 0px 0px 10px 0px; padding: 0px; } .post-header h2 a { margin: 0px; padding: 0px; color: #f60; text-decoration: none; font-weight: bold; } /* comments over blog image */ .post-comments-overimage { position: absolute; left: -37px; background: #FFF; padding: 5px; /*border: 1px solid #ccc; float:right;*/ } .post-comments-bubble { padding: 5px 10px 5px 10px; font-weight:bold; text-align:center; } .post-comments-bubble a { color:#95002e; text-decoration:none; } .post-comments-bubble a:hover { color:#ec8601; text-decoration:none; } /* section titles eg. comments on blog post*/ .section-title { font-weight:bold; font-size: 18px; } h3.page-subtitle { font-weight: bold; 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-comments .admin-options { margin-top: 10px; } /* 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; } /* post contents */ .post-image-float { float: left; margin: 0px 10px 10px 0px; } /* comments */ #comments { background: url(../img/imagelist-divider.png) no-repeat top center; padding-top:10px; margin-top:20px; } #comments h2 { padding:0px; margin-bottom:10px; } #comments ol { margin: 0px; padding: 0px; list-style: none; } #comments ol li { background: url(../img/imagelist-divider.png) no-repeat top center; margin-bottom: 20px; } .comment-data { } .comment-data p { margin: 0px !important; padding: 0px !important; } .comment-data .admin-options { margin-top: 10px; } .comment-author { font-weight: bold; margin-bottom: 3px; padding: 10px 0px 0px 0px; } .comment-meta { margin-bottom: 5px; padding: 10px 0px 0px 0px; } .unapproved { font-style: italic; } #respond { background: url(../img/imagelist-divider.png) no-repeat top center; margin-top:10px; padding: 15px 0px; } #respond h2 { padding:0px; margin-bottom:10px; } #comment-form { margin-top: 15px; margin-bottom: 10px; } #comment-form span { display: block; margin-bottom: 10px; } #comment-form label { display: block; margin-bottom: 5px; font-weight:bold; } #comment-form input.field { width: 240px; margin-bottom: 10px; padding: 5px; border:1px solid #cdcdcd; background: url(../img/input-background.png) top left no-repeat; } #comment-form textarea.textarea { width: 560px; height: 140px; margin-top: 10px; font-family: Verdana, Helvetica, sans-serif; padding: 10px; border:1px solid #cdcdcd; background: url(../img/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; } .admin-comment .comment-author { color: red; } /* faq accordion */ .accordion { margin-top:0px; margin-bottom:20px; } .accordion .accTogglerOpen { padding:10px 95px 15px 2px; display: block; margin: 0px; cursor: pointer; color:#f60; background-color:#ffffff; background-image: url(../img/faq-close.jpg); background-repeat: no-repeat; background-position: top right; font-size: 14px; } .accordion .accToggler { padding:10px 95px 15px 2px; display: block; margin: 0px; cursor: pointer; color:#f60; background-color:#ffffff; background-image: url(../img/faq-open.jpg); background-repeat: no-repeat; background-position: top right; font-size: 14px; } .accordion .accContent { margin: 0px; padding:5px 0px 10px 0px; margin-bottom:10px; } .accordion .accContent p { margin: 0px; } .accordion-open { margin-top:0px; margin-bottom:20px; } .accordion-open .accTogglerOpen { padding:10px 95px 15px 2px; display: block; margin: 0px; cursor: pointer; color:#f60; background-color:#ffffff; background-image: url(../img/faq.jpg); background-repeat: no-repeat; background-position: top right; font-size: 14px; } .accordion-open .accToggler { padding:10px 95px 15px 2px; display: block; margin: 0px; cursor: pointer; color:#f60; background-color:#ffffff; background-image: url(../img/faq.jpg); background-repeat: no-repeat; background-position: top right; font-size: 14px; } .accordion-open .accContent { margin: 0px; padding:5px 0px 10px 0px; margin-bottom:10px; } .accordion-open .accContent p { margin: 0px; } /* testimonials */ #content-area .main blockquote { font-style: italic; line-height:22px; background: #e1e1e1 url(../img/quotes.png) no-repeat top left; background-position: 15px 20px; color:#595959; margin:5px 0px; margin-bottom:0px; padding: 15px 15px 25px 60px; } #content-area .main .blockquote-name { background: url(../img/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; } /* general page styles */ .page ul { margin: 0px 0px 20px 15px; list-style: disc;} .page ul ul { margin: 10px 0px 10px 15px; } .page ol { margin: 0px 0px 10px 15px; list-style: decimal; } .page ol ol { margin: 10px 0px 10px 15px; } .page ul li, .page ol li { padding: 3px 0px 3px 0px; line-height: 20px; } .page ul li:first-child, .page ol li:first-child { padding-top: 0px !important; } /* success box */ .success { background:#d0eaa5 url(../img/icons/success-check-24.png) no-repeat; background-position:15px 11px; border: 1px solid #a3c964; padding: 13px 22px 14px 50px; color:#5d792e; margin-bottom: 15px; line-height: 20px; } .success a { text-decoration:underline; color:#5d792e; } .success a:hover { text-decoration:underline; color:#5d792e; } .success p { padding: 0px !important; margin: 0px !important; } /* you have errors box */ .errors { background:#e9c8c1 url(../img/icons/error-cross-24.png) no-repeat; background-position:15px 11px; border: 1px solid #e06e53; padding: 13px 22px 14px 50px; color:#b4381b; margin-bottom: 15px; line-height: 20px; } .errors a { text-decoration:underline; color:#b4381b; } .errors a:hover { text-decoration:underline; color:#b4381b; } .errors p { padding: 0px !important; margin: 0px !important; } /* notification box */ .notification { background:#fff1a8 url(../img/icons/notification-24.png) no-repeat; background-position:15px 11px; border: 1px solid #d7bd45; padding: 13px 22px 14px 50px; color:#b4381b; margin-bottom: 15px; line-height: 20px; } .notification a { text-decoration:underline; color:#b4381b; } .notification a:hover { text-decoration:underline; color:#b4381b; } .notification p { padding: 0px !important; margin: 0px !important; } .close-notification { display: none; } /* ======================= */ /* ==== FOOTER SECTION === */ /* ======================= */ #footer { position: relative; height: 141px; background: url(../img/skin/footer-bg.jpg) no-repeat; color: #fff; font-size: 12px; text-align: center; } #footer .footer-copyright { position: relative; padding: 10px 0px 0px 0px; } #footer .footer-company-details { position: relative; margin-bottom: 10px; } #footer .footer-links { position: relative; padding: 50px 0px 0px 0px; } #footer .footer-links a { color: #fff; text-decoration: underline; } #footer .footer-links a:hover { color: #fff; text-decoration: none; } #footer .footer-links ul { padding-top: 0px; } #footer .footer-links ul li { display: inline; margin-left: 12px; } #footer .footer-links ul li:first-child { margin-left: 0px !important; } #footer .footer-endorsement { position: absolute; top: 35px; background: url(../img/skin/footer-logos.png) top right no-repeat; height: 105px; width: 960px; } #footer .footer-endorsement p.endorsed-by { position: absolute; top: 12px; left: 80px; font-size: 14px; display: block; width: 110px; line-height: 18px; } /* ================= */ /* ==== Grey Box === */ /* ================= */ .grey-box { position: relative; clear: both; margin-bottom: 20px; } .grey-box .top { position: relative; background: #E8E8E8 url(../img/page/table-header.jpg) repeat-x; height: 43px; border: 1px solid #CCCCCC; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .grey-box .top h1 { position: relative; color: #777; padding: 11px 0 0 15px; margin: 0; font-size: 18px; font-weight:bold; } .grey-box .top h2 { position: relative; color: #777; padding: 11px 0 0 15px; margin: 0; font-size: 18px; font-weight:bold; } .grey-box .content { padding: 20px 20px 20px 20px; background-color: #ffffff; border: 1px solid #CCCCCC; border-top: none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } /* Grey box tabs */ .grey-box .top .tabs { position: absolute; text-align: right; top: 9px; right: 5px; } .grey-box .top .tabs ul { list-style-type: none; margin: 0; padding: 3px 0 0 0; z-index: 100; } .grey-box .top .tabs li { background: none; display: inline; float: left; position: relative; padding: 9px 5px 9px 5px; } .grey-box .top .tabs li a { color: #333; text-decoration: none; font-weight: bold; padding: 8px 10px 8px 10px !important; border: 1px solid #CCCCCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .grey-box .top .tabs li a:hover, .grey-box .top .tabs li a.selected { color: #333; background-color: #fff; padding: 8px 10px 14px 10px !important; border: 1px solid #CCCCCC; border-bottom: 1px solid #fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .grey-box .top .tabs li a.disabled { color: #aaa !important; } .grey-box .top .tabs li a.disabled:hover { padding: 8px 10px 8px 10px !important; border: 1px solid #CCCCCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: transparent; } /* Grey box table */ .grey-box .content table { width: 100%; font-size: 13px; } .grey-box .content table th { text-align: left; padding: 5px 5px 5px 5px; font-weight: bold; } .grey-box .content table td { text-align: left; padding: 2px 5px 2px 5px; } .grey-box .content table .first { border-top: 1px solid #DDDDDD; } .grey-box .content table .last { border-bottom: 1px solid #DDDDDD; } .grey-box .content table .single { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .grey-box .content table .odd { background-color: #f3f3f3; vertical-align: top; } .grey-box .content table .even { background-color: #fff; vertical-align: top; } .grey-box .content table .col-payment-terms { text-align: left; width: 20%; } .grey-box .content table .col-paid { text-align: center; width: 20%; } .grey-box .content table .col-due-date { text-align: center; width: 20%; } .grey-box .content table .col-recurring { text-align: center; width: 20%; } .grey-box .content table .col-next-due { text-align: right; width: 20%; } .grey-box .content table .col-label { width: 100px; font-weight: bold; vertical-align: top; } .grey-box .content table .col-field { vertical-align: top; } .grey-box .content table .col-extra { vertical-align: top; } .grey-box .content table .col-options { text-align: right; } .grey-box .content table .col-item { } .grey-box .content table .col-quantity { text-align: right; width: 100px; } .grey-box .content table .col-price { text-align: right; width: 100px; } .grey-box .content table .col-options { text-align: right; width: 100px; } /* Grey box link styling */ .grey-box .content table .col-options a { text-decoration: none; } /* Grey box aligning */ .grey-box .align-right { text-align: right !important; } .grey-box .align-right h2 { padding-right: 15px !important; } .std-box { padding: 20px 20px 20px 20px; border: 1px solid #CCCCCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-bottom-right-radius: 5px; border-radius: 5px; } /* ===================== */ /* ==== TABLE STYLES === */ /* ===================== */ .stdtable { width: 100%; } .stdtable .con0 { background: #fff; } .stdtable .con1 { background: #fcfcfc; } .stdtable th, .stdtable td { line-height: 21px; vertical-align: middle; color: #333; } .stdtable thead th, .stdtable thead td { padding: 7px 10px; border: 1px solid #ddd; border-left: 0; text-align: left; } .stdtable tfoot th, .stdtable tfoot td { padding: 7px 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: left; } .stdtable thead th:first-child, .stdtable tfoot th:first-child, .stdtable thead td:first-child, .stdtable tfoot td:first-child { border-left: 1px solid #ddd; } .stdtable thead th.head0, .stdtable tfoot th.head0, .stdtable thead td.head0 { background-color: #fcfcfc; } .stdtable thead th.head1, .stdtable tfoot th.head1, .stdtable thead td.head1 { background-color: #f7f7f7; } .stdtable thead th.sorting, .stdtable thead td.sorting { background-image: url(../img/jquery/sort_both.png); background-repeat: no-repeat; background-position: right center; cursor: pointer; } .stdtable thead th.sorting_asc, .stdtable thead td.sorting_asc { background-image: url(../img/jquery/sort_asc.png); background-repeat: no-repeat; background-position: right 9px; cursor: pointer; } .stdtable thead th.sorting_desc, .stdtable thead td.sorting_desc { background-image: url(../img/jquery/sort_desc.png); background-repeat: no-repeat; background-position: right 9px; cursor: pointer; } .stdtable thead th.nosort { background-image: none !important; } .stdtable thead td { font-weight: bold; } .stdtable thead td.center { text-align: center; } .stdtable tbody tr td { padding: 8px 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #666; vertical-align: text-top; } .stdtable tbody tr:last-child td { border-bottom: 1px solid #ddd; } .stdtable tbody tr td:first-child { border-left: 1px solid #ddd; } .stdtable tbody tr td:last-child { border-right: 1px solid #ddd; } .stdtable tbody tr.togglerow td { background: #fff; padding: 15px; } .stdtable tbody tr.togglerow:hover td { background: #fff; } .stdtable tbody tr.hiderow { display: none; } .stdtable tbody tr:hover { background: #f7f7f7; } .stdtable .eventr-draft { background-color: #F2FFF2; } .stdtable .oddtr-draft { background-color: #F9FFF9; } .stdtable .actions { min-width: 120px; width: 120px; text-align: right; } .stdtable a.title { font-weight: bold; color: #32415a; } .stdtable a.title:hover { color: #fb9337; } /* Form misc styles */ .table-header { background-color: #343E4E; color: #fff; padding: 10px 10px; font-size: 18px; font-family:'PT Sans', Arial, sans-serif; text-shadow: none; } .stdbox { border: 1px solid #DDD; padding: 7px 10px; } .stdbuttonbox { border: 1px solid #DDD; padding: 7px 10px; background-color: #FCFCFC; overflow: hidden; } /* Form header */ .stdtableheader { position: relative; background: #ECECEC; margin: 0px; padding: 7px 10px 7px 10px; border: 1px solid #DDD; border-bottom: none; overflow: hidden; } .stdtableheader h2 { position: relative; padding: 3px 0px 0px 0px; margin: 0px; display: inline; float: left; } .stdtableheader .tab-options { position: relative; float: right; margin: 0px; padding: 0px; list-style: none; list-style-type: none; } .stdtableheader .tab-options a { display: block; margin: 0px 0px 0px 5px; padding: 5px 10px; border: 1px solid #CCC; float: left; } .stdtableheader .tab-options a:hover { border: 1px solid #CCCCCC; background: #fff; } /* Form style */ .stdformtable { border: 1px solid #DDD; width: 100%; border-collapse:collapse; } .stdformtable tr { border: 1px solid #DDD; } .stdformtable th { border-right: 1px solid #DDD; width: 160px; text-align: left; padding: 7px 10px; background-color: #FCFCFC; vertical-align: middle; color: #333; } .stdformtable th.border-left { border-left: 1px solid #DDD; } .stdformtable th.smaller { width: 100px; } .stdformtable th small { font-style: italic; font-size: 11px; display: block; font-weight: normal; margin-top: 5px; color: #777777; } .stdformtable td { padding: 7px 0 7px 10px; } .stdformtable .button-grey, .stdbuttonbox .button-grey { float: left; width: auto; margin: 0; font-weight: bold; color: #666; border: 1px solid #ccc; background: #eee; padding: 7px 10px; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-left: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .stdformtable .button-grey:hover, .stdbuttonbox .button-grey:hover { background: #ddd; cursor: pointer; color: #333; } form.stdformstyle input[type=text] { padding: 8px 5px; border: 1px solid #ccc; width: 85%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fcfcfc; vertical-align: middle; -moz-box-shadow: inset 0 1px 3px #ddd; -webkit-box-shadow: inset 0 1px 3px #ddd; box-shadow: inset 0 1px 3px #ddd; color: #666; } form.stdformstyle input[type=password] { padding: 8px 5px; border: 1px solid #ccc; width: 85%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fcfcfc; vertical-align: middle; -moz-box-shadow: inset 0 1px 3px #ddd; -webkit-box-shadow: inset 0 1px 3px #ddd; box-shadow: inset 0 1px 3px #ddd; color: #666; } form.stdformstyle input:focus { background: #fff; -moz-box-shadow: inset 1px 1px 2px #eee; -webkit-box-shadow: inset 1px 1px 2px #eee; box-shadow: inset 1px 1px 2px #eee; } form.stdformstyle textarea { padding: 6px 5px; border: 1px solid #ccc; width: 85%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 3px #ddd; -webkit-box-shadow: inset 0 1px 3px #ddd;box-shadow: inset 0 1px 3px #ddd; background: #fcfcfc; color: #666; } form.stdformstyle input[type=radio], .stdform input[type=checkbox] { width: auto; margin: 0; vertical-align: middle; } form.stdformstyle input[type=submit] { float: left; width: auto; margin: 0; font-weight: bold; color: #eee; background: #FB9337; border: 1px solid #F0882C; padding: 7px 10px;-webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } form.stdformstyle input[type=submit]:hover { background: #485B79; border: 1px solid #3f526f; } form.stdformstyle input[type=reset] { width: auto; margin: 0; font-weight: bold; color: #666; border: 1px solid #ccc; background: #eee; padding: 7px 10px; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-left: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } form.stdformstyle input[type=reset]:hover { background: #ddd; cursor: pointer; color: #333; } form.stdformstyle select { border: 1px solid #ccc; padding: 5px 2px; min-width: 40%; background: #fcfcfc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 1px 1px 2px #ddd; -webkit-box-shadow: inset 1px 1px 2px #ddd; box-shadow: inset 1px 1px 2px #ddd; color: #666; } form.stdformstyle textarea:focus, form select:focus { background: #fff; -moz-box-shadow: inset 1px 1px 2px #eee; -webkit-box-shadow: inset 1px 1px 2px #eee; box-shadow: inset 1px 1px 2px #eee; } form.stdformstyle button { border: 1px solid #f0882c; background: #fb9337; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; color: #fff; cursor: pointer; padding: 7px 10px; font-weight: bold; } form.stdformstyle button.submit:hover { background: #485B79; border: 1px solid #3f526f; color: #fff; } form.stdformstyle button:active { -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); } form.stdformstyle input.extrasmallinput, form textarea.extrasmallinput, form select.extrasmallinput { width: 100px; } form.stdformstyle input.smallinput, form textarea.smallinput, form select.smallinput { width: 200px; } form.stdformstyle input.mediuminput, form textarea.mediuminput, form select.mediuminput { width: 300px; } form.stdformstyle input.longinput, form textarea.longinput, form select.longinput { width: 400px; } form.stdformstyle input.error { border: 1px solid #f00; } form.stdformstyle textarea.error { border: 1px solid #f00; } form.stdformstyle textarea.error { border: 1px solid #f00; } form.stdformstyle select.error { border: 1px solid #f00; } form.stdformstyle label.error { float: none; color: #f00; font-size: 11px; display: block; text-align: left; font-weight: bold; } /* ============================== */ /* ==== HEADER CONTACT STYLES === */ /* ============================== */ #header #header-contact .contact-header-form { padding: 15px 40px 0px 40px; } #header #header-contact .contact-header-form .contact-header { font-size: 25px; } #header #header-contact .contact-header-form p { padding: 0px; margin: 0px 0px 10px 0px; } #header #header-contact .contact-header-form p label { display: block; margin-bottom: 2px; } #header #header-contact .contact-header-form p label span.error { color: yellow; } #header #header-contact .contact-header-form p .field { padding: 0px 5px 0px 5px; margin: 0px; width: 240px; height: 21px; border: none; background: #fff; } #header #header-contact .contact-header-form p .textarea { padding: 0px 5px 0px 5px; margin: 0px; width: 240px; height: 52px; border: none; background: #fff; } #header #header-contact .contact-header-form .form-header-button { border: none; color: #fff; display: block; cursor: pointer; width: 80px; height: 27px; background: url(../img/skin/header-submit.jpg) no-repeat; } #header #header-contact .contact-header-form .form-header-button:hover { background: url(../img/skin/header-submit-over.jpg) no-repeat; } #header #header-contact .contact-header-form .contact-phone { padding-top: 15px !important; } /* ============================ */ /* ==== CASESTUDIES SECTION === */ /* ============================ */ .casestudy { position: relative; width: 208px; height: 171px; display: block; overflow: hidden; padding: 10px; margin: 65px 65px 0px 0px; background-color: #999999; float: left; } .casestudy img.logo { position: absolute; } .casestudy .overlay { position: absolute; display: none; top: 0px; left: 0px; background: url(../img/skin/casestudy-bg.png); width: 228px; height: 191px; } .casestudy .overlay .overlay-content { padding: 10px; color: #fff; } .casestudy .overlay .overlay-content h2 { color: #FFF; text-transform: uppercase; margin: 0; padding: 0; } .casestudy .overlay .overlay-content p { font-weight: normal; font-size: 11px; margin: 0 !important; padding: 10px 0 0 0 !important; line-height: 15px !important; } .casestudy .overlay .overlay-content a:hover { color: #333; } .casestudy:hover .overlay { display: block; } .casestudy-category { position: relative; margin: 20px 0px 0px 0px; } .casestudy-category .image { position: relative; padding: 10px; margin: 0px 20px 0px 0px; background: #999; width: 208px; height: 171px; float: left; } .casestudy-category .info { position: relative; float: left; width: 567px; } .casestudy-category .info p.title { font-size: 18px; } /* ===================== */ /* ==== TEAM SECTION === */ /* ===================== */ .team-container { position: relative; } .team-container .frame { } .team-container .team { position: relative; float: left; margin: 20px 37px 0px 0px; } .team-container .team .open { position: relative; display: block; width: 247px; height: 213px; } .team-container .team .close { position: relative; display: block; width: 247px; height: 213px; } .team-container .team.right { margin-right: 0px !important; } .team-container .team .info { position: absolute; display: none; top: 0px; left: 0px; background: #f3f3f3; z-index: 9999; width: 550px; overflow: hidden; -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 5px; box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 5px; } .team-container .team .info .close-button { position: absolute; top: 0px; right: 0px; z-index: 9999; } .team-container .team .info .close-button a { color: #fff; font-weight: bold; background: #C75050; padding: 5px 10px 5px 10px; line-height: 20px; } .team-container .team .info .close-button a:hover { background: #E04343; } .team-container .team .info .image { position: relative; float: left; } .team-container .team .info .info-inner { position: relative; float: right; width: 278px; padding: 10px; } .team-container .team .info .info-inner h1, .team-container .team .info .info-inner h2 { padding: 0px !important; margin: 0px !important; } .team-container .team .info .info-inner p { padding: 10px 0px 0px 0px !important; margin: 0px !important; } .team-container .team.right .info { left: -303px !important; } .team-container .team.right .info .image { float: right; } .team-container .team.right .info .info-inner { float: left; } .pagination { list-style-type: none; margin: 20px 0px 0px 0px; padding: 0px; } .pagination li { display: inline; margin: 0px; padding: 0px; } .pagination li a { border: 1px solid #CCCCCC; padding: 5px; margin: 0 2px 0 2px; } .pagination li a:hover { border: 1px solid #ddd; background-color: #efefef; padding: 5px; margin: 0 2px 0 2px; } .pagination li.current a { border: 1px solid #ddd; background-color: #efefef; padding: 5px; margin: 0 2px 0 2px; } /* =============================== */ /* ==== GENERAL STYLES SECTION === */ /* =============================== */ .no-rm { margin-right: 0px !important; } .no-tm { margin-top: 0px !important; } .addthis_contact { margin: 11px 0px 0px 43px; } /*.addthis_contact { position: absolute; top: 262px; left: 130px; }*/