/* Reset -------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } strong { font-weight:bold; } /* Main ---------------------------------------------------*/ body { background:url(../img/bg.gif) repeat-x #f5f5f5; font:12px/20px Verdana, Geneva, sans-serif; color:#636b75; } a { text-decoration:none; } .fltLt { float:left; } .fltRt { float:right; } .clear { clear:both; } h1 { font-size:28px; } h2 { font-size:22px; } h3 { font-size:20px; } h4 { font-size:18px; } h5 { font-size:15px; } h6 { font-size:13px; } .blueTxt { color:#005b7f; } .greenTxt { color:#60bb46; } .dblueTxt { color:#2571c2; } .wrapper { background:url(../img/mainBg.png) repeat-y; margin:0 auto; width:1001px; } .sep { background:url(../img/navSep.gif) repeat-x; width:100%; clear:both; height:2px; margin:10px 0; } /* Header ---------------------------------------------------*/ .topHeader { height:28px; width:1001px; margin:40px auto 0 auto; } .topLt { background:url(../img/topLeft.png) no-repeat; width:33px; height:28px; } .topMd { background:url(../img/topMid.png) repeat-x; width:938px; height:28px; } .topRt { background:url(../img/topRight.png) no-repeat; width:30px; height:28px; } .logo { width:325px; height:71px; margin-left:4px; background:url(../img/logo.png) no-repeat; text-indent:-9999px; } .topLinks { width:604px; margin-top:10px; } .linkLt { background:url(../img/linkLt.gif) no-repeat; width:6px; height:40px; } .linkMd { background:url(../img/linkMd.gif) repeat-x; width:590px; height:40px; color:#82868a; } .linkRt { background:url(../img/linkRt.gif) no-repeat; width:8px; height:40px; } .linkMd ul { margin-left:10px; } .linkMd ul li { display:inline-block; font-weight:bold; height:40px; line-height:40px; padding:0 12px 0 10px; float:left; } .linkMd ul li span { color:#3aa0c1; } .linkMd ul li a { color:#82868a; background:url(../img/topLinks.gif) no-repeat; height:40px; padding-left:35px; display:inline-block; } .linkMd ul li a:hover { color:#005b7f } .linkMd ul li #email { background-position:0px 0px; height:30px; } .linkMd ul li #support { background-position:0px -32px; height:38px; } .linkMd ul li #help { background-position:0px -66px; height:38px; } .contact { font:18px Arial, Helvetica, sans-serif; } /* Navigation ----------------------------------------------------*/ .mainNav { height:47px; clear:both; padding-top:8px; } .ltmainNav { background:url(../img/navLt.gif) no-repeat; width:12px; height:47px; } .mdmainNav { width:948px; height:47px; background:url(../img/navMd.gif) repeat-x; } .rtmainNav { background:url(../img/navRt.gif) no-repeat; width:12px; height:47px; } .mdmainNav li { display:inline-block; font:14px "Lucida Sans Unicode","Lucida Grande",sans-serif ; margin-top:0px; float:left; padding-right:3px; } ul#topnav { margin: 0; padding: 0; float:left; list-style: none; } ul#topnav li { float: left; margin: 0; padding: 0; position: relative; } ul#topnav li a { float: left; color:#000; height: 44px; text-align:center; line-height:44px; width:auto; color:#333; padding:0 20px; background:url(../img/mainNav_sep.gif) no-repeat right; } ul#topnav li a.last { margin-left:5px; color:#003d5f; font-size:16px; background:url(../img/call.png) no-repeat right; padding-right:40px; } ul#topnav li a.last:hover {background:url(../img/call.png) no-repeat right; padding-right:40px; color:#2571c2; } ul#topnav li a.last img{ margin:7px 0 0 0px; } ul#topnav li li a { float: left; color:#000; height: 44px; text-align:center; line-height:17px; width:230px; } ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; background:url(../img/mainNav_hover.gif) repeat-x; } ul#topnav li .sub { position: absolute; top: 44px; left: 0; background: #f9f9f9; padding: 10px 10px 10px; float: left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; } ul#topnav li .sub ul{ list-style: none; margin: 0; padding: 0; width: 230px; float: left; } ul#topnav .sub ul li { width: 100%; color: #333; } ul#topnav .sub ul li a { float: none; text-indent: 0; /*--Reset text indent--*/ background:none; height: auto; padding: 7px 5px 7px 0px; display: block; text-decoration: none; color: #333; font-size:14px; text-align:left; } ul#topnav .sub ul li a:hover {color: #009ec4; } /* Banner ----------------------------------------------------*/ .banner { height:401px; width:100%; clear:both; margin-top:5px; color:#fff; } .bannerin { height:52px; width:100%; clear:both; margin-top:10px; color:#fff; } .ribbon { position:absolute; margin-left:865px; width:109px; height:120px; margin-top:-3px; } .topStripe { background:#003d5f; height:22px; padding:12px 0; } .topStripe h1 { width:450px; height:22px; color:#fff; margin:0 auto; font:22px "Lucida Sans Unicode", "Lucida Grande", sans-serif; } .mainBan { background:#005b7f; height:301px; } .mainBan .ptWho { width:390px; padding:30px 0 0 30px; } .mainBan .ptWhat { width:506px; padding:25px 0 15px 25px; margin:20px 10px 0 0; background:url(../img/botCurve.gif) no-repeat bottom #009ec3; } .mainBan .ptWho h4 { background:url(../img/title1.gif) no-repeat; width:246px; height:43px; text-indent:-9999px; } .mainBan .ptWhat h4 { background:url(../img/title2.gif) no-repeat; width:299px; height:32px; text-indent:-9999px; } .mainBan .ptWho ul { margin:10px 20px; } .mainBan .ptWho li { background:url(../img/bullet1.gif) no-repeat center left; padding-left:25px; height:35px; font:20px/35px "Lucida Sans Unicode","Lucida Grande",sans-serif; text-shadow: #333 0px 1px 0px; } .mainBan .ptWhat li { background:url(../img/bullet2.gif) no-repeat center left; padding-left:25px; height:35px; font:20px/35px "Lucida Sans Unicode","Lucida Grande",sans-serif; text-shadow: #333 0px 1px 0px; } .mainBan .ptWhat li span { font-size:12px; } .botLt { background:url(../img/btLinkLt.gif) no-repeat; width:13px; height:54px; } .botRt { background:url(../img/btLinkRt.gif) no-repeat; width:13px; height:54px; } .botMd { background:url(../img/btLinkMd.gif) repeat-x; width:946px; height:54px; } .col1{ width:297px; height:54px; } .col3{ width:267px; height:54px; margin-left:10px; } .col1 { background:url(../img/sep.gif) no-repeat right; padding-right:20px; } .col2 { width:310px; background:url(../img/sep.gif) no-repeat right; height:54px; padding-right:35px; } .col2Bg { background:url(../img/greenBg.gif) repeat-x; height:53px; width:100%; padding-right:33px; } .botLinks { font:15px/57px "Lucida Sans Unicode","Lucida Grande",sans-serif; text-shadow: #ececec 0px 1px 0px; } .botLinks li a { color:#383838; background:url(../img/icons.png) no-repeat; display:inline-block; float:left; padding:0 0 0 55px; } .botLinks li a:hover { color:#005b7f; } .botLinks li #icon1:hover{ background-position:0px -5px; } .botLinks li #icon2:hover{ background-position:0px -120px; } .botLinks li #icon3:hover{ background-position:0px -60px; } .botLinks li #icon1{ background-position:0px -180px; margin-left:10px; } .botLinks li #icon2{ background-position:0px -295px; margin-left:25px; color:#fff; font-size:16px; text-shadow: #888 0px 1px 0px; } .botLinks li #icon2:hover{ color:#005b7f; } .botLinks li #icon3{ background-position:0px -236px; margin-left:10px; } /* Content ---------------------------------------------------*/ .content { width:972px; margin:0 auto; } .container { width:956px; margin:0 auto; margin-left:16px; clear:both;} .container h2 { padding:15px 0; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; } .leftCol { width:307px; float:left; background:url(../img/shadowBg.gif) no-repeat right; padding:10px 0; } .midCol { width:290px; float:left; background:url(../img/shadowBg.gif) no-repeat top right; padding:10px 25px; } .midCol p { font-size:12px; text-align:justify; } .midColin { width:593px; float:left; background:url(../img/shadowBg.gif) no-repeat top right; padding:10px 30px 0 25px; text-align:justify } .midColin blockquote { font-weight:bold; padding:10px 0; } .midColin p { padding:10px 0; text-align:justify; } .midColin .altBox td { padding:5px; } .midCol a { color:#005B7F; } .midColin ul { padding-top:10px; } .midColin li { line-height:10px; margin:10px 10px; padding-left:20px; background:url(../img/bullet3.gif) no-repeat; } .rightCol { width:287px; float:right; padding:0px 10px 10px 0px; } ul.ltNav li { height:47px; line-height:47px; background:url(../img/navSep.gif) repeat-x bottom; width:100%; } ul.ltNav li a { font-size:13px; color:#797c80; font-weight:bold; background:url(../img/lefticons.gif) no-repeat; float:left; padding:0 0 0 55px; } ul.ltNav li a:hover { color:#005b7f; } ul.ltNav li #nav1:hover { background-position:0px 0px; } ul.ltNav li #nav2:hover { background-position:0px -43px; } ul.ltNav li #nav3:hover { background-position:0px -87px; } ul.ltNav li #nav4:hover { background-position:0px -130px; } ul.ltNav li #nav5:hover { background-position:0px -178px; } ul.ltNav li #nav6:hover { background-position:0px -223px; } ul.ltNav li #nav7:hover { background-position:0px -265px; } ul.ltNav li #nav8:hover { background-position:0px -312px; } ul.ltNav li #nav1 { background-position:0px -352px; } ul.ltNav li #nav2 { background-position:0px -395px; } ul.ltNav li #nav3 { background-position:0px -439px; } ul.ltNav li #nav4 { background-position:0px -482px; } ul.ltNav li #nav5 { background-position:0px -530px; } ul.ltNav li #nav6 { background-position:0px -575px; } ul.ltNav li #nav7 { background-position:0px -617px; } ul.ltNav li #nav8 { background-position:0px -664px; } .more { background:#ebecec; padding:2px; width:50px; text-align:center; font-size:11px; float:right; margin-top:36px; } .more a { color:#666; } .more a:hover { color:#005b7f; } /* Media box ----------------------------------------------------------*/ .mediaBox { width:100%; height:81px; padding:14px 0; } .boxLt { background:url(../img/clboxLt.gif) no-repeat; width:9px; height:81px; } .boxMd { background:url(../img/clboxMd.gif) repeat-x; width:954px; height:81px; } .boxRt { background:url(../img/clboxRt.gif) no-repeat; width:9px; height:81px; } .boxMd ul{ margin-top:20px;} .boxMd li { float:left; display:inline; width:auto; height:45px; font:23px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 33px; position:relative; } .boxMd li a { background:url(../img/media.png) no-repeat; display:inline-block; height:45px; } .boxMd li#media1 { background:url(../img/media.png) no-repeat 0px -45px; width:42px; padding:0; margin:0 20px;} .boxMd li#media1 a{ display:block; width:100%; height:46px; background:url(../img/media.png) no-repeat 0px 0px;} .boxMd li#media2 { background:url(../img/media.png) no-repeat -42px -45px; width:148px; padding:0; margin:0 20px;} .boxMd li#media2 a{ display:block; width:100%; height:46px; background:url(../img/media.png) no-repeat -42px 0px;} .boxMd li#media3 { background:url(../img/media.png) no-repeat -193px -45px; width:178px; padding:0; margin:0 20px;} .boxMd li#media3 a{ display:block; width:100%; height:46px; background:url(../img/media.png) no-repeat -193px 0px;} .boxMd li#media4 { background:url(../img/media.png) no-repeat -372px -45px; width:88px; padding:0; margin:0 20px;} .boxMd li#media4 a{ display:block; width:100%; height:46px; background:url(../img/media.png) no-repeat -372px 0px;} /* Right column ---------------------------------------------------------*/ .video { width:286px; height:187px; padding:10px 0; margin:0 auto; } .rtLink { padding-top:10px; margin-top:10px; } .rtLink ul li { background:url(../img/rightLinkBox.gif) no-repeat; width:292px; height:69px; margin-bottom:4px; } .rtLink { font:20px/20px "Lucida Sans Unicode","Lucida Grande",sans-serif; } .rtLink ul li div { float:left; display:inline; } .rtLink ul li a { display:block; width:240px; height:38px; padding:15px 15px 0 15px; color:#fff; text-shadow: #333 0px 1px 0px; } .rtLink ul li a:hover { color:#89c717; } .rtLink ul li span { background:url(../img/icons.png) no-repeat center right; position:absolute; display:inline; float:right; } .rtLink ul li #rtLink1 { background-position:0px -350px; width:60px; height:50px; margin:-17px 0 0 60px; } .rtLink ul li #rtLink2 { background-position:0px -405px; width:60px; height:40px; margin:-20px 0 0 97px; } .rtLink ul li #rtLink3 { background-position:0px -445px; width:60px; height:60px; margin:-30px 0 0 46px; } .rtLink ul li a.txtBig { font-size:25px; padding-top:25px;} /* tabs ---------------------------------------------------------*/ .tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; } .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */ } .tabs-nav a, .tabs-nav a span { display: block; padding: 0 10px; background: url(tab.png) no-repeat; } .tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #27537a; font-size: 12px; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ } .tabs-nav .tabs-selected a { color: #000; } .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -150px; outline: 0; /* prevent dotted border in Firefox */ } .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% -100px; } .tabs-nav a span { width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; padding-right: 0; } *>.tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } .tabs-nav .tabs-selected a span { padding-top: 7px; } .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -50px; } .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; } .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .tabs-nav .tabs-disabled { opacity: .4; } .tabs-container { border-top: 1px solid #97a5b0; padding: 1em 8px; background: #fff; } .tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%;} .tabList li { line-height:10px; margin:10px 10px; padding-left:20px; background:url(../img/bullet3.gif) no-repeat; } /* Clients ---------------------------------------------------------*/ .client { clear:both; border-top:1px solid #ebecec; } .clientTitle { background:#ebecec; padding:0px; width:90px; text-align:center; font-size:10px; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 860px; padding: 2px 40px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 845px; height: 55px; margin:0 auto; } .jcarousel-skin-tango .jcarousel-item { width: auto; height: 54px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 17px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 23px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../img/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 23px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../img/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; } .jcarousel-next { z-index: 3; display: none; } .jcarousel-prev { z-index: 3; display: none; } .jcarousel-skin-tango .jcarousel-item-horizontal a { display:block; height:54px; width:auto; } a#logo1 { background:url("../img/clients/logo7.gif") no-repeat; width:228px; } a#logo13 { background:url("../img/clients/kotak.png") no-repeat; width:176px; } a#logo2 { background:url("../img/clients/logo2.gif") no-repeat; width:164px; } a#logo3 { background:url("../img/clients/logo9.gif") no-repeat; width:64px; } a#logo4 { background:url("../img/clients/logo4.gif") no-repeat; width:193px; } a#logo5 { background:url("../img/clients/logo5.gif") no-repeat; width:165px; } a#logo6 { background:url("../img/clients/logo6.gif") no-repeat; width:196px; } a#logo7 { background:url("../img/clients/logo1.gif") no-repeat; width:151px; } a#logo8 { background:url("../img/clients/logo8.gif") no-repeat; width:212px; } a#logo9 { background:url("../img/clients/logo3.gif") no-repeat; width:191px; } a#logo10 { background:url("../img/clients/logo10.gif") no-repeat; width:94px; } a#logo11 { background:url("../img/clients/logo11.gif") no-repeat; width:182px; } a#logo14 { background:url("../img/clients/sfar.png") no-repeat; width:347px; } a#logo14 { background:url("../img/clients/logo15.png") no-repeat; width:192px; } a#logo16{ background:url("../img/clients/logo16.png") no-repeat; width:131px; } a:hover#logo1, a:hover#logo2, a:hover#logo3, a:hover#logo4, a:hover#logo5, a:hover#logo6, a:hover#logo7, a:hover#logo8, a:hover#logo9, a:hover#logo10, a:hover#logo11, a:hover#logo13,a:hover#logo14, a:hover#logo15, a:hover#logo16 { background-position:0 -53px; } /* Footer ---------------------------------------------------------*/ .footCurve { height:123px; width:1001px; margin:0px auto 0 auto; background:#e5e7e9; } .botcurveLt { background:url(../img/footLt.gif) no-repeat; width:34px; height:123px; } .botcurveMd { background:url(../img/footMd.gif) repeat-x bottom; width:936px; height:123px; } .botcurveRt { background:url(../img/footRt.gif) no-repeat; width:31px; height:123px; } .footer { height:189px; background:url(../img/footTop.jpg) repeat-x #e5e7e9; font-size:11px; } .copy { width:300px; clear:both; } .footLinks a { color:#3a3b3c; } .footLinks a:hover { color:#005b7f; } .footLogo ul.logoLt { width:435px; height:47px; display:inline } .footLogo ul li { display:inline; } .footLogo ul li a { background:url(../img/footLogo.gif) no-repeat; display:block; float:left; height:47px; } .footLogo ul.logoLt li #link1 { background-position:0px 0px; width:104px; } .footLogo ul.logoLt li #link2 { background-position:-107px 0px; width:90px; } .footLogo ul.logoLt li #link3 { background-position:-200px 0px; width:102px; } .footLogo ul.logoLt li #link4 { background-position:-290px 0px; width:127px; } .footLogo ul.logoLt li #link1:hover { background-position:0px -43px; width:104px; } .footLogo ul.logoLt li #link2:hover { background-position:-107px -43px; width:90px; } .footLogo ul.logoLt li #link3:hover { background-position:-200px -43px; width:102px; } .footLogo ul.logoLt li #link4:hover { background-position:-290px -43px; width:127px; } .footLogo ul.linksRt { width:538px; height:47px; display:inline; margin-top:10px; height:20px; background:#e5e7e9; } .footLogo ul.linksRt li a { padding-left:30px; color:#666666;} .footLogo ul.linksRt li a:hover { text-decoration:underline; } .footLogo ul.linksRt li #link5 { background-position:-410px -5px; height:21px; width:63px; } .footLogo ul.linksRt li #link6 { background-position:-410px -23px; height:18px; width:55px; } .footLogo ul.linksRt li #link7 { background-position:-410px -39px; height:20px; width:130px; } .footLogo ul.linksRt li #link8 { background-position:-410px -59px; height:20px; width:170px; } .footMidBg { background:url(../img/footMidBg.gif) repeat-x #434c53; color:#ffffff; font-size:11px; } .footMidBg a { color:#fff; } .footWrap { width:1001px; margin:0 auto; padding-top:20px;} .footSep { background:url(../img/footSep.gif) repeat-x; height:4px; margin:8px 0; } .footWrap b { color:#82868a; background:url(../img/topLinks.gif) no-repeat; height:25px; display:inline-block; padding-left:40px; color:#ffffff; width:110px; } .footWrap b#service1 { background-position:0 -108px; } .footWrap b#service2 { background-position:0 -136px; } .footWrap b#service3 { background-position:0 -158px; } .footWrap a { margin:0 7px; display:inline-block; } .footWrap a:hover { color:#9fb0bd; } .footBox { margin-top:10px; } .postLt { background:url(../img/postLt.gif) no-repeat; width:8px; height:118px; } .newsRt { background:url(../img/newsRt.gif) no-repeat; width:153px; height:118px; } .blogRt { background:url(../img/blogRt.gif) no-repeat; width:183px; height:118px; } .postMd { background:#4e565c; width:290px; height:118px; } .postMd h4 { font:bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#93a1ab; padding:10px;} .postMd ul { margin-left:10px; } .postMd ul li { background:url(../img/blogBullet.gif) no-repeat; padding:0 0 0 5px; margin:0 0 4px 0; line-height:10px; font-size:10px; } .postMd ul li a { color:#f4f8fb; } .postMd ul li a:hover { text-decoration:underline; color:#ccc } .footBot { background:url(../img/footBot.gif) repeat-x; height:47px; color:#555; } .newsRt a, .blogRt a { float:right; margin:90px 10px 0 0; color:#9fb0bd; } .footLinks a { color:#555; } /* tabber ----------------------------------------------------------*/ .tabberlive .tabbertabhide {display:none;} .tabber { clear:both; } /* ul.tabbernav { padding: 0px 0 0 0px; font: bold 12px Verdana, sans-serif; clear:both; background:url(../img/codaBg.gif) no-repeat; width:957px; height:61px; margin-top:20px; } */ ul.tabbernav li{ list-style: none; margin: 0; display: inline; display:inline-block; float:left; text-align:center; font:17px "Lucida Sans Unicode","Lucida Grande",sans-serif; } ul.tabbernav li a{ text-decoration: none; line-height:45px; display:inline-block; width:318px; height:61px; } ul.tabbernav li a:link { color: #333; } ul.tabbernav li a:visited { color: #333; } ul.tabbernav li a:hover { color: #fff; background:url(../img/codaBg.gif) no-repeat 0 -59px; } ul.tabbernav li.tabberactive a { background:url(../img/codaBg.gif) no-repeat 0 -59px; color: #fff; } ul.tabbernav li.tabberactive a:hover { color: #fff; } .tabberlive .tabbertab { padding:5px; height:350px; } .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } .tabbertab p { margin-bottom:20px;} .tabbedContainer { width:957px; margin:0 auto; } .tabTitle { float:left; width:305px; } .tabRight { float:right; width:635px; padding-bottom:20px; } .mainSep { background:url(../img/mainSep.gif) no-repeat; width:957px; height:20px; clear:both; margin:15px 0; } .tabTitle .smallSep { border-bottom:1px solid #ececec; width:290px; display:block; margin:10px 0; } .tabTitle .tabTitle1 { background:url(../img/tabtitle1.gif) no-repeat; width:222px; height:102px; text-indent:-9999px; } .tabTitle .tabTitle2 { background:url(../img/tabtitle2.gif) no-repeat; width:293px; height:102px; text-indent:-9999px; } .tabTitle .tabTitle3 { background:url(../img/tabtitle3.gif) no-repeat; width:285px; height:102px; text-indent:-9999px; } .tabTitle a:hover { text-decoration:underline; } /* New CSS ----------------------------------------------------------*/ .altBox { padding:10px 10px 15px 10px; text-align:justify; background:#f6f6f6; border-top:1px solid #ccc; line-height:16px; margin:10px 0 30px 0; font-size:12px; } .altBox b { display:block; background:url(../img/arrowin.gif) no-repeat left; padding-left:17px; font-size:15px;} .altBox b a { color:#666; } .altBox strong { color:#005b7f; } a.morein { padding:3px; width:90px; text-align:center; font-size:11px; float:right; clear:both; color:#2571c2; } a.morein:hover { color:#333; } .justify { text-align:justify; } .contentImg { border:1px solid #ccc; float:right; margin-left:10px; } /* contact CSS ----------------------------------------------------------*/ .contact_con { width:972px; margin:0 auto; background: url(../img/shadowBg.gif) top right no-repeat; padding:0 0 96px 0; clear:both; } .cont_left { float:left; width:318px; background:url(../img/cont_leftbg.jpg) top right no-repeat; padding:23px 0 0 18px; } .cont_right { float:right; width:504px; padding:44px 84px 0 0;} .cont_right h1 { font:normal 12px/13px Arial, Helvetica, sans-serif; color:#5d5d5d; padding:0 0 11px 0;} .cont_right h1 a { font:bold 12px/13px Arial, Helvetica, sans-serif; color:#5d5d5d; text-decoration:none; } .cont_right h1 a:hover { text-decoration:underline;} .cont_right p { float:left; font:normal 14px/15px Tahoma, Geneva, sans-serif; color:#474747; padding:0 10px 0 0; margin:23px 0 0 0; width:100%; } .input_text { float:left; width:413px; margin-top:4px; padding:12px 5px 18px 5px; border:none; background:url(../img/input_textbg.gif) no-repeat; font:normal 14px/15px Tahoma, Geneva, sans-serif; color:#474747; } .com_textbox { float:left; width:420px; margin:0 0 0 0; border:none; height:87px; border:none; line-height:89px; padding:3px 0 3px 3px; font:normal 14px/15px Tahoma, Geneva, sans-serif; color:#474747; overflow:auto; background:url(../img/com_input_textbg.gif) no-repeat; margin-top:15px; } .star { padding:0 0 10px 6px; width:8px; height:7px; background:url(../img/star.gif) top no-repeat;} .submit_btn { padding:24px 0 0 0; width:211px; float:left;} .submit_btn a.btn1 { background:url(../img/submit_h.gif) 0 0 no-repeat; height:48px; width:211px; margin-right:0; text-decoration:none; padding:0 0 0 0; margin-top:-20px; float:left; } .submit_btn a.btn1:hover { background-position:0 -48px; color:#fff; text-decoration:none; } .bold { font-weight:bold;} .left_box { width:318px; margin:0 auto; background:url(../img/left_border.jpg) top no-repeat; padding:39px 0 0 0;} .left_box p { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#5d5d5d; padding:0 0 27px 34px;} .left_box p a { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#5d5d5d; text-decoration:none;} .left_box p a:hover { text-decoration:underline;} .title_padd { padding:0 0 0 23px;} .contact_con h2 { padding:15px 0 15px 23px; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; } .no_margin { margin:0 0 0 0;} /* Free Rank CSS ----------------------------------------------------------*/ .free_rank { float:left; background:url(../img/cont_leftbg.jpg) top right no-repeat; padding:23px 0 0 18px; } .free_rank p { float:left; font:normal 14px/15px Tahoma, Geneva, sans-serif; color:#474747; padding:0 0 0 0; margin:23px 0 0 0; width:100%; } .inputbg { float:left; width:284px; margin-top:4px; padding:5px 5px 5px 5px; border:none; background:url(../img/inputbg.gif) repeat-x; font:normal 14px/15px Tahoma, Geneva, sans-serif; color:#474747; border:1px solid #999999; } .com_textbox { float:left; width:420px; margin:0 0 0 0; border:none; height:87px; border:none; line-height:89px; padding:3px 0 3px 3px; font:normal 14px/15px Tahoma, Geneva, sans-serif; color:#474747; overflow:auto; background:url(../img/com_input_textbg.gif) no-repeat; margin-top:15px; } .star { padding:0 0 10px 6px; width:8px; height:7px; background:url(../img/star.gif) top no-repeat;} .submit_btn { padding:24px 0 0 0; width:211px; float:left;} .submit_btn a.btn1 { background:url(../img/submit_h.gif) 0 0 no-repeat; height:48px; width:211px; margin-right:0; text-decoration:none; padding:0 0 0 0; margin-top:-20px; float:left; } .submit_btn a.btn1:hover { background-position:0 -48px; color:#fff; text-decoration:none; } .cf-box-b { clear:both; float:left; height:30px; margin:0 4px -3px 3px; width:15px;} .checkbox_text { font:normal 14px/15px Tahoma, Geneva, sans-serif; color:#474747; } .cf-group-after { float:left; height:30px; padding-top:5px; width:200px;} .cf-group-after { display:inline !important; } .text { float:left; font:normal 14px/15px Tahoma, Geneva, sans-serif; color:#474747; padding:10px 0 5px 0; margin:0 0 0 0; width:100%; } a.callTop { margin-top:7px; margin-left:430px; display:block; color:#888; } a:hover.callTop { color:#005b7f; } text-decoration:none; padding:0 0 0 0; margin-top:-20px; float:left; } .submit_btn a.btn1:hover { background-position:0 -48px; color:#fff; text-decoration:none; } .cf-box-b { clear:both; float:left; height:30px; margin:0 4px -3px 3px; width:15px;} .checkbox_text { font:normal 14px/15px Tahoma, Geneva, sans-serif; color:#474747; } .cf-group-after { float:left; height:30px; padding-top:5px; width:200px;} .cf-group-after { display:inline !important; } .text { float:left; font:normal 14px/15px Tahoma, Geneva, sans-serif; color:#474747; padding:10px 0 5px 0; margin:0 0 0 0; width:100%; } a.callTop { margin-top:7px; margin-left:830px; display:block; color:#3AA0C1; } .sitebox { width:295px; } .siteboxLt { background:url(../img/siteboxLt.gif) no-repeat; width:14px; height:258px; float:left; } .siteboxMd { background:url(../img/siteboxMd.gif) repeat-x; width:267px; height:258px; float:left; } .siteboxRt { background:url(../img/siteboxRt.gif) no-repeat; width:14px; height:258px; float:right; } .siteboxMd h5{ font-size:17px; margin:10px 0 10px 0; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif ; text-align:justify; } .homeForm label { width:60px; display:block; float:left; line-height:36px; font-weight:bold; } .homeForm .mainTxtBox { background:url(../img/homeTxtbox.gif) no-repeat; width:186px; height:36px; border:none; padding:0px 0px 0 10px; overflow:hidden; } .homeForm .free_quote { background:url(../img/free_quote.gif) no-repeat; width:179px; height:38px; border:none; margin:10px 0 5px 12px; cursor:pointer; } /* lightbox CSS -----------------------------------------------------------*/ /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_square .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_nav .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_nav .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; } .pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ a:hover.callTop { color:#005b7f; }