/* /AceGroup Websites/Global Resources/Assets/images/ */ /*----------- Start csrbase.css----------*/ 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{ margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{ line-height:1}ol,ul{ list-style:none}blockquote,q{ quotes:none}blockquote:before,blockquote:after,q:before,q:after{ content:'';content:none}:focus{ outline:0}ins{ text-decoration:none}del{ text-decoration:line-through}fieldset,img{ border:0}address,caption,cite,code,dfn,th,var{ font-style:normal;font-weight:normal}ol,ul{ list-style:none}caption,th{ text-align:left}h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal}q:before,q:after{ content:''}abbr,acronym{ border:0} /* END OF RESET * *****************/ /*********************** * COLOR LEGEND: * Greens: #7acc2b * #6ba010 * #99cc00 * #c6e184 * Teal: #006699 * Grays: #333333 * #b8b8b8 * #f2f2f2 * Light blue: #0098BD * #e9f8ff * Brown: #996633 **********************/ /*----------Add Font Start 14/6/2013---------*/ @font-face { font-family: 'Conv_GothamBold'; src: url('../../fonts/CSR-Fonts/GothamBold.eot'); src: local('?'), url('../../fonts/CSR-Fonts/GothamBold.woff') format('woff'), url(rebranding-v=610201574353.css) format('truetype'), url('../../fonts/CSR-Fonts/GothamBold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold'; src: url('../../fonts/CSR-Fonts/roboto-bold-webfont.eot'); src: url('../../fonts/CSR-Fonts/roboto-bold-webfont.eot#iefix') format('embedded-opentype'), url('../../fonts/CSR-Fonts/roboto-bold-webfont.ttf') format('truetype'), url('../../fonts/CSR-Fonts/roboto-bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; } /**************************Starting Base_rebrand.css***********************************************************/ header.global { position:relative; height:88px; z-index: 10; } #country_links li {float: left;} #tier2.navEmpty { background-color: transparent;} #tier2 li .navBox { display: none; } #tier2 li .activeNavBox {display: block;} #btn-search { font-weight: normal;font-size: 10px; padding: 6px 5px 3px; color: #FFF; border: none; cursor: pointer; background-color: #0098bd; background-image: -moz-linear-gradient(top, #0098BD, #006077); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0098BD),color-stop(1, #006077)); background-image: -webkit-linear-gradient(#0098BD, #006077); background-image: linear-gradient(top, #0098BD, #006077); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0098BD', EndColorStr='#006077'); } #primaryContent article.module h3, article.module h3 { border-bottom: 6px solid #6ba010; font-weight: bold; color: #6ba010; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 5px; } #primaryContent h1 { padding: 0 0 19px; } #category .carousel .headlinePanel h2, #category .carousel .headlinePanel h1 { font-size: 24px; } #product h1{font-size:18px; margin-bottom:19px;} #product #primaryContent article h1 { font-size: 18px; margin: 17px 0 19px; padding:0; } #contact .branches h1 { margin: 25px 0 10px; padding: 0px; } #sponsors_nomain .pagination { position: absolute; top: 188px; left: 0px; z-index: 2; } #sponsors_nomain .mainContent .carousel { width: 970px; height: 320px; position: relative; margin-bottom: 0px; } #sponsors_nomain .carousel .headlinePanel { z-index: 1; background: url(../../images/blackbg.png) repeat; color:#fff; top:25px; left: 20px; position: absolute; padding: 25px 20px; width: 407px; height: 100px; overflow: hidden; } #sponsors_nomain .carousel .ancNav li, #sponsors_nomain .carousel .headlinePanel { background: url(../../images/blackbg.png) repeat; color:#fff; } #sponsors_nomain #panes .headlinePanel h1 { padding: 0 0 12px 0; font-size: 18px; } .formlp #primaryContent h1 { color: #006699; font-family: times New Roman; padding: 0 0 19px;} .formlp .formHeader h1 {font-family: "Times New Roman",Times,serif; font-size: 24px; padding: 10px; text-align: center;} .headlinePanel.pnlSmall h1 { font-size: 23px !important; color: #FFF !important; font-weight: bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); } .headlinePanel.pnlMedium h1 { font-size: 28px !important; color: #FFF !important; font-weight: bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); line-height: 1.2em;} .headlinePanel.pnlLarge h1 { font-size: 43px !important; color: #FFF !important; font-weight: bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); padding: 0 0 8px 0; } .sublogin{ background-image: url(../../images/ClientLoginButton.jpg); padding: 0px;margin: 0px;width: 172px;border-width: 0;color: white;font-size: 12px;height: 18px;margin: 6px 0px;cursor: pointer;border-radius: 5px; } .plogin{ color: White; font-size: 11px; line-height: 18px; margin-top: 3px; } .watermark{ color: #9393AF; font-size: 10px;} #clientLogin { background-image: url(../../images/ClientAccessSmallButton.jpg); border-radius: 5px;height: 25px;position: relative;text-align: left;top: 2px;width: 220px; } #contentlogin{ background-image: url(../../images/ClientAccessExpanded.jpg); border-radius: 5px;height: 191px;padding-left: 5px;position: absolute;text-align: left;top: 19px;width: 215px; } #clientLogin #contentlogin .plogin a { left: 20px; text-decoration: underline;} #clientLogin #contentlogin .plogin p{padding: 0px 12px;} #clientLogin a:visited { color: #FFF; text-decoration: none; } #clientLogin #contentlogin .plogin a:visited { color: #FFF; text-decoration: none; } #user, #pwd{height: 17px; width: 90px; margin-right: 9px; font-size: 10px} #header .plogin{ color: White; top: 0px; display: block; margin-top: 0px; margin-bottom: 0px; font-size: 13px; padding: 3px 12px; cursor: pointer;} /**************************Ending Base_rebrand.css***********************************************************/ /*.bannerImgTitle span { font-family: Arial, Helvetica, sans-serif; }*/ .bannerImgTitle span { font-family: 'Conv_GothamBold', Arial, Helvetica, sans-serif; } /*----------Add Font End 14/6/2013---------*/ small, sub, sup { font-size: .83em } sub { vertical-align: sub; } /*sup { vertical-align: super; }*/ sup {position: relative; top: -0.5em;} body { background: #b8b8b8 url(../../images/Rebranding-CSS-Images/body.png) repeat; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 13px; } #wrapper { position: relative; width:970px; margin: 0 auto; box-shadow:0 0 8px rgba(000,000,000,0.8); background:#FFF; } p { margin-bottom: 10px; line-height: 14px; } a, a:visited { color: #41535d; text-decoration: none; } a:hover { text-decoration: underline; } a:focus { outline: 0px solid #7acc2b; } a:active { } p a img, a img, img { border:0px; } a.like { background-position:-1px -93px; padding-left:10px; } a.arrow_left { background-position:-1px -110px; padding-left:5px; } a.arrow_right { background-position:3px -130px; padding-right:8px; } h1, h2, h3, h4, h5, h6 { } h1, h1 a { font-size: 20px; } h2 { font-size: 22px; } h3 { font-size: 12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; } h4 { font-size: 11px; } h5, h6 { font-size: 11px; } strong { font-weight: bold; } cite { margin: 25px 0; display: block; } abbr { cursor: help; } ul, ol { list-style:none; } ul li, ol li { } li.last { border: none; } .title { margin-bottom: 17px; } /* Sprite Declaration: add all elements that will use sprite here for background-image declaration. Then define background-position contextually */ a.like, a.arrow_left,a.arrow_right, article .cta,.carousel .ancNav li a, .jNiceSelectWrapper span.contact, .jNiceSelectOpen, #tier1 li { background-image: url(../../images/Rebranding-CSS-Images/breadcrumb-arrow.png); background-repeat: no-repeat; } .body, footer.global { background:#fff; text-align:left; margin:0 auto; width:930px; padding:18px 20px; display: block; position:relative; } header.global{ background:#fff; height:136px; text-align:left; margin:0 auto; width:930px; padding:18px 20px; display: block; position:relative; } section.body { padding:0; width:970px; } footer.foot { background:#FFF; color: #818181; display: block; font-size: 10px; margin-top: 0px; position: relative; text-align: center; padding-bottom: 15px;} footer.foot p{ margin:0;} footer.foot li { display:inline; border-right:1px solid #818181; padding:0 4px; } footer.foot li.last { border:none; } footer.foot a { color:#818181; } aside, article, header, nav { display: block; } /*Edit 6 June 2013*/ /*======= Css Change Start 6/6/2013 ===========*/ /*header.global { position:relative; z-index: 10; width:auto; padding:26px 0 11px;}*/ header.global { position:relative; z-index: 10; width:auto; padding:26px 0 6px;} header.global #logo{ margin-left:32px; margin-bottom:-4px} header.global #logo a { display: block; } /*======= Css Change End 6/6/2013 ===========*/ /*end Edit 6 June 2013*/ /* Navigation Rules */ nav.global { } /*======= Css Change Start 17/6/2013 ===========*/ nav.global .search { float: right; position: absolute; width: 228px; left: 443px; top: 55px; border:solid 5px #ebe7e4; border-width:5px 7px 5px 5px; background:#f9f8f7; } /*======= Css Change End 17/6/2013 ===========*/ nav.global .search input[type="text"] { width:186px; padding:0 0 0 7px; line-height:31px; height:31px; border:0; background-color:#f9f8f7; color:#333f48; font-size:14px; font-style:italic; vertical-align:middle} nav.global .sectionSelection { bottom: 18px; } nav.global .headerDropDown{ float: right; width:201px; position:relative; top: 21px; } nav.global .headerRelatedImage{ float: right; position: absolute; bottom: 0px; right: 20px; width: 201px;} nav.global .siteSelection { width: 200px; } .siteSelection { width: 90%; } nav.global #btn-search { background:url(../../images/Rebranding-CSS-Images/icon-search.png) no-repeat 0 0; font-size:0; line-height:0; height:21px; width:21px; padding:0; display:inline-block; vertical-align:middle;filter:none;} /* Top nav */ /*======= Css Change Start 17/6/2013 ===========*/ nav.global ul#tier1 { font-size:12px; position: absolute; right:22px; top:27px; } nav.global ul#tier1 li { float:left; padding:0 14px 0 14px; background-image:none; border-left:solid 1px #5a6a73; word-spacing:2px; -o-word-spacing:2px } /*======= Css Change End 17/6/2013 ===========*/ nav.global ul#tier1 li:first-child{ border-left:0} nav.global ul#tier1 li.first { background: none; } nav.global ul#tier1 li.last { background-position:0 -12px; padding-left:10px; display:block; } /* Country Links */ /*======= Css Change Start 17/6/2013 ===========*/ #country_links { position: absolute; right: 33px; font-size: 14px; top: 55px; width:228px; background:#f2f8e9; border:solid 5px #d2e7b5; border-width:5px 6px 5px 6px; line-height:31px;height:32px; } /*======= Css Change End 17/6/2013 ===========*/ #country_links li.last { background-position: 0 50px; display: block; width:220px; background-image: url(../../images/Rebranding-CSS-Images/main_sprite.png); background-repeat: no-repeat; padding-left: 10px; font-style:italic; padding:0px; } #country_links li.last a { padding-left:11px; padding-right:10px; display:block; text-transform:uppercase } #country_links li.last a strong { font-weight:normal; font-style:italic; display:block; background: url(../../images/Rebranding-CSS-Images/arrow.png) no-repeat 100% center; } #country_links li { padding: 0 7px 0 9px; background-position: 0 1px; background-image: url(../../images/Rebranding-CSS-Images/main_sprite.png); background-repeat: no-repeat; } /*======= Css Change End 14/6/2013 ===========*/ #country_links li.first { float: left; padding: 0 7px 0 9px; background: none repeat scroll 0 0 transparent; } /* Drop Down */ #tier2 { position: relative; top:0px; margin:29px 0 0; font-size: 13px; z-index: 1000; line-height:41px; background-color:#5c656d; border-bottom:solid 6px #8ec447;} #tier2:after { content: "."; display:block; font-size:0; line-height:0; height:0; clear:both; visibility:hidden; } #tier2 { display:inline-block; } * html #tier2 { height:1%; } #tier2 { display:block; } #tier2 li { float: left; margin: 0 0px 0 0; position: relative; } /*===== Css Change Start 11/6/2013 ======*/ #tier2 li a { text-decoration: none; display:inline-block; padding:0 14px; text-transform: none; position: relative; text-transform:uppercase; font-weight:bold; color:#FFF; } /*===== Css Change End 11/6/2013 ======*/ .navBox ul li a { background: none; color: #FFFFFF; height: auto; font-weight: normal; font-size: 11px !important;} .navBox ul li a:hover { text-decoration: none; } #tier2 li.selected a { background-color:#3f4850 } #tier2 li a:hover { background-color:#3f4850 } /* Drop Down Styles */ #tier2 li .navBox { width:580px; position: absolute; top: 100%; left:0; color: #fff; padding:0 0 15px 0; background: #333; border: 0px solid #fff; z-index:10000; overflow: hidden; line-height:16px; font-size:12px; }/*display: none;*/ #tier2 li .navBox ul { display: block; background: #333; width: 175px; float: left; padding: 0 0 0 20px; } #tier2 li .navBox li, #tier2 li .navBox li.first a { color: #6BA010 !important; border-top: 1px solid #646464; text-transform: uppercase; width: 151px; padding: 0; } #tier2 li .navBox li.first a, #tier2 li .navBox li.first { border-top: none; font-size: 12px; } #tier2 li .navBox li a:hover, #tier2 li .navBox li.first:hover { text-decoration: none; background:none !important; } #tier2 li .navBox ul li.first { background: #333; padding: 9px 0 6px; height:100%; } #tier2 li .navBox li a { display: block; padding:9px 0 6px; color:#fff; font-weight:normal } #tier2 li .navBox li a:hover { background: #666; color:#fff; } #tier2 li .navBox li:hover { background-image:none; } /*#tier2 li .navBox li:selected { }*/ #tier2 li .navBox li .compass { background: url(../../images/Rebranding-CSS-Images/compass.png) no-repeat left; padding-left: 30px; } /* added for accessibility */ #home .pagination { position: absolute; top:295px; left: 85px; z-index: 2; }/*bottom: 28px; */ #sponsors_nomain .pagination { position: absolute; top:273px; left: 85px; z-index: 2; } /*CSS change End 21/6/2013*/ .pagination ul { position: relative; left: 20px; } .pagination ul li { margin-right: 2px; display: inline; } .pagination ul li a, .pagination ul li a:visited { color: #FFF; width:15px; height:10px; display:inline-block; background:url(../../images/Rebranding-CSS-Images/slider-roundicon.png) no-repeat 0 0; text-decoration: none; padding:3px 2px;} /*.pagination ul li:last-child a,.pagination ul li:last-child a:hover {background:url('noimg/index.html') no-repeat 0 0;}*/ .pagination ul li.selected a, .pagination ul li.selected a:visited, .pagination ul li a:hover { outline:none; background:url(../../images/Rebranding-CSS-Images/slider-hover-roundicon.png) no-repeat 0 0; color: #333; text-decoration: none; padding:3px 2px; } #primaryContent .pagination ul { left: 0; } /* Countries */ #countryNav { display: none; position:absolute; top: 100px; margin-left:210px; overflow:hidden; width: 510px; color: #fff; background: #333; border: 1px solid #fff; z-index: 100001; padding-right: 30px; } #countryNav nav { width: 150px; float: left; margin: 10px 5px 0 15px; } #countryNav h4 { font-size: 12px; color: #6ba010; margin: 0; padding: 6px 0; border-bottom: 1px solid #646464; } #countryNav a { color: #fff; font-weight: normal; font-size: 11px; } #countryNav .country { position: relative; color: #6BA010; display: block; float: left; margin:0; padding:0 0 10px 0; width:100%; } #countryNav .country li { display: block; margin:2px 0; padding: 2px 0 0; } #countryNav .country li li { margin:2px 0 0 22px; } #countryNav #closeDialog { border: 1px solid #ccc; color: #fff; float: right; font-family: Trebuchet MS, Arial; font-weight: bold; padding: 0; position: absolute; right: 10px; text-align: center; top: 15px; width: 10px; } #mask { position:absolute; left:0; top:0; z-index:90; background-color:#ccc; display: none; } /*===== Css Change Start 11/6/2013 ======*/ #btn-search { /**padding: 3px 2px; font-weight: bold;**/font-weight: normal;font-size: 10px; padding: 6px 5px 3px; color: #FFF; border: none; cursor: pointer;} /*===== Css Change Start 11/6/2013 ======*/ select.siteSelection { color: #ffffff; background: #333333; border: 1px solid #fff; } header .subNav { display: none; } /* Content Header Rules */ #contentHeader { width: 741px; height: 97px; float: right; position: relative; background-color: #99CC00; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6BA010), to(#7ACC2B), color-stop(1,#333333)); background-image: -moz-linear-gradient(0% 100% 90deg,#6BA010, #7ACC2B, #6BA010 100%); } #contentHeader nav.headerBreadcrumb { padding: 10px; margin-left: 5px; color: #fff; font-size: 11px; font-weight: normal; } #contentHeader nav.headerBreadcrumb span { padding: 0 5px; } #contentHeader nav.headerBreadcrumb a { color: #fff; padding: 0 5px; } #contentHeader nav.headerBreadcrumb a.selected { color: #316a16; } #contentHeader nav.headerBreadcrumb a.selected:hover { color: #fff; } #contentHeader img#contentHeaderLogo { position: absolute; left: 20px; bottom: 11px; } #contentHeader .headerDropDown { width: 210px; position: absolute; top:48px; right:0px; } #contentHeader .headerDropDown label { font-size: 12px; color:#FFFFFF; margin-left:11px; display:block; } #contentHeader h3 { color: #FFFFFF; text-transform: uppercase; font-size: 11px; padding: 10px 0 0 12px; width: 461px; height: 22px; background: #333333; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; position: absolute; bottom: 0px; } /* Reusable Module Rules */ article.module { margin-bottom: 25px; clear: both; } article.module img { float: left; height: 60px; width: 60px; margin-right: 12px; clear: left; } article.module .rich img { float: none; height: auto; width: auto; margin: 0; clear: none; } /*#primaryContent article.module h3, article.module h3 { border-bottom: 6px solid #6ba010; font-weight: bold; color: #6ba010; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 5px; }*/ article.module h4 { font-size: 11px; font-weight: bold; color: #006699; } article.module a { color: #006699; } article.module label { font-weight: bold; display: block; margin: 8px 0 3px; } article.module input { width: 180px; } article.module textarea { width: 180px; height: 60px; } article.module .cta { bottom: 0; left: 0; background-position: 0 0px; padding-left: 15px; clear: both; } article.module .cta a, #home .ancContent article .content h4 { font-weight: bold; color: #006699; margin-bottom: 8px; } article.module .followUsTitle { background: #f2f2f2; padding: 5px 7px 12px 7px; margin-bottom: 12px; } article.module .followUsTitle h3 { display: inline; font-weight: bold; color: #333; } article.module .followUsTitle ul { float: right; width: 90px; list-style: none; } article.module .followUsTitle ul li { list-style: none; margin:0; display: inline; } article.module .followUsTitle li a { float: left; } article.module .followUsTitle li a img { height: 18px; width:18px; padding:0px; margin:0px 2px 0 0; } article.module form label { margin-top:10px; } article.module button { position: relative; top:12px; left: 130px; } .module .content li { list-style: disc; margin: 5px 0 5px 30px; line-height: 14px; } article.module ul.news_brief { display:block; } article.module ul.news_brief li { margin-bottom:10px; padding-bottom: 8px; border-bottom: 1px solid #9B9B9B; } article.module ul.news_brief li.last { margin-bottom:10px; border-bottom:none; } article.module ul.news_brief_links { font-size: 10px; display:inline; } article.module ul.news_brief_links li { display:inline; margin-bottom:3px; border-bottom: none; } article.module ul.news_brief_links li.last { border-right:none; } article.module .product_tear { border: 1px solid #e4e4e4; margin-top:8px; } article.module .product_tear p { padding: 10px 20px 0 20px; } article.module .product_tear h4 { font-size: 12px; font-weight:bold; padding: 10px 20px 0 20px; } article.module .product_tear .heading { text-transform:uppercase; font-size: 11px; color: #FFFFFF; background: #333333; padding: 10px 0 9px 20px; } article.module label { font-weight:bold; display:block; margin:0px 0 3px; } article.module .detail_bar { background:#e9f8ff; padding: 6px; margin:10px 10px 12px 10px; height:10px; } article.module .detail_bar a { float:left; } article.module .detail_bar form { float:right; } article.module .detail_bar input { margin-top: -1px; width: 12px; height: 12px; float: left; } article.module .detail_bar label { float: left; } article.module .detail_bar fieldset { height:12px; } article.module .detail_bar form label { margin-top:2px; } article.module ul.page_list li { margin-bottom: 3px; } article.module div.regionList { overflow: auto; } article ol { list-style: decimal outside none; margin-left: 40px; } .switcher { float: right; clear: right; } /* links top-right of main body content */ /*======= Css Change Start 6/6/2013 ===========*/ ul.articleOptions { display: block !important; list-style: none; margin:0 -18px 0px 0 ; padding: 0; position: relative; text-align: right; float:right; margin-right:-113px; top:0px;} ul.articleOptions li { margin: 0; padding: 0 6px; border-left: 1px solid #333333; list-style: none; display: inline; color:#003f84; font-size:12px; } ul.articleOptions li a { size:11px; color: #003f84; } ul.articleOptions li.first { margin:0 14px 0 0; border-left: none; list-style: none; display: inline; } /*======= Css Change End 6/6/2013 ===========*/ /* Layout Elements --------------------------------------------------*/ #primaryContent { width: 450px !important; float: left; margin: 25px 30px; position: relative; font-size: 12px; } #primaryContentFull { width: 660px; float: left; margin: 25px 30px; position: relative; font-size: 12px; } #primaryContent h2 { padding: 0 0 19px; } #primaryContent h3 { } #primaryContent article p { line-height: 16px; } #primaryContent a { color: #006699; } #primaryContent .pagination { display: block; overflow: hidden; padding: 5px 0; position: relative; right: 5px; text-align: right; width: 100%; } #primaryContent .module .content { margin-bottom: 17px; } #primaryContent h3 { font-size: 12px; font-weight: bold; margin-bottom: 4px; } #moduleContainer { width: 210px; float: right; padding-right: 21px; margin-top: 25px; } .inlineModuleContainer { float: left; width: 450px; } .inlineModuleContainer .module { width: 210px; float: left; } .inlineModuleContainer .module:first-child { margin-right: 30px; } /* Home Page */ #home { padding-bottom:35px; } .carousel .bgPanel { z-index: 1; position: absolute; width: 970px; height: 320px; } #home .mainContent .carousel,#sponsors_nomain .mainContent .carousel { width: 970px; height: 320px; position: relative; margin-bottom: 27px; } #home .carousel .headlinePanel,#sponsors_nomain .carousel .headlinePanel { z-index: 2; top:25px; left: 20px; position: absolute; padding: 25px 20px; width: 407px; height: 100px; overflow: hidden; } .carousel .headlinePanel a { color: #fff } #home .carousel #panel1, #home .carousel #panel2, #home .carousel #panel3 { display: none; } .carousel .ancNav li, #home .carousel .headlinePanel,#sponsors_nomain .carousel .headlinePanel { background: url(../../images/Rebranding-CSS-Images/blackbg.png) repeat; color:#fff; } .carousel .ancNav li a { color: #fff; background: url(../../images/Rebranding-CSS-Images/arrow-large-green.png) 0 2px no-repeat; padding-bottom: 5px; padding-left: 18px; display: inline-block; } /* carousel line-height fix */ div.carousel ul li {line-height: 1.2;} #home .ancContent { width: 100%; z-index: 2; } #home .ancContent article { position: relative; float: left; width: 296px; margin: 0 0 35px 0; } #home .carousel .ancNav,#sponsors_nomain .carousel .ancNav { position: absolute; right: 60px; bottom: 17px; font-size: 13px; z-index: 2; } /*#home .carousel .ancNav li { padding: 16px 8px; float: left; width: 107px; height: 97px; margin-right: 7px; }*/ #home .carousel .ancNav .carouselText,#sponsors_nomain .carousel .ancNav .carouselText { left: 18px; padding-bottom: 5px; width: 85px; } #home #panes .healinePanel:hover,#sponsors_nomain #panes .healinePanel:hover { cursor: pointer; } #home #panes .headlinePanel h2,#sponsors_nomain #panes .headlinePanel h2 { padding: 0 0 12px 0; font-size: 18px; } #home .ancContent #col1, #home .ancContent #col2, #home .ancContent #col3 { width: 296px; float:left; margin-left:20px; } #home .ancContent.two-col #col1 { width: 612px; float: left; margin-left: 20px; } #home .ancContent.two-col #col1 article { width: 612px; } #home .ancContent.two-col #col2 { width: 296px; float: left; margin-left: 20px; } #home .ancContent.two-col ol { list-style: decimal; padding: 0 0 0 40px; line-height: 18px;} #home .ancContent.two-col ul { list-style: disc; padding: 0 0 0 40px; line-height: 18px;} #home article.module .content { font-size: 12px; } /* Left Sidebar Nav */ /*======= Css Change Start 12/6/2013 ===========*/ nav.secondaryNav { float: left; width: 228px; min-height: 500px; border-left:solid 1px #b7b7b7;background-color: #FFFFFF; } nav.secondaryNav ul li { border-bottom: 1px solid #b7b7b7; padding: 10px 0 10px 20px; font-size:12px; } nav.secondaryNav ul li a { color:#1d1e17 } /*======= Css Change End 12/6/2013 ===========*/ nav.secondaryNav ul li.expanded{ background-color: #F8F8F8; } nav.secondaryNav .articleNavHead { background: url(../../images/Rebranding-CSS-Images/stock_radio.jpg) no-repeat right center; height: 125px; } nav.secondaryNav ul.expandedNav { list-style-type: disc; padding-right: 5px; } nav.secondaryNav ul.expandedNav a { color: #004684; } nav.secondaryNav ul.expandedNav li { line-height: 16px; border-bottom: none; color: #006699; padding: 0; margin-left: 28px; margin-top: 7px; } nav.secondaryNav ul.expandedNav li.selected, li.selected, nav.secondaryNav ul.expandedNav li.selected a { color: #1E1F17; } nav.secondaryNav button { display: block; margin: 30px auto; } /*======= Css Change Start 6/6/2013 ===========*/ nav.secondaryNav .titleblock { height: 30px; position:relative; } /*======= Css Change End 6/6/2013 ===========*/ /*======= Css Change Start 12/6/2013 ===========*/ nav.secondaryNav h3 { background: #333333; color: #FFFFFF; padding: 9px 0 9px 9px; text-transform: uppercase; width: 219px; opacity: 0.8; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important; } /*nav.secondaryNav .titleblock h3 { border-top: 1px solid #FFFFFF; position: absolute; bottom: 0; background:url(../../images/Rebranding-CSS-Images/left-nav-title-bg.png) repeat left top; opacity:100 }*/ nav.secondaryNav .titleblock h3 { border-top: 1px solid #FFFFFF; position: absolute; bottom: 0; background-color: #5C656D; opacity:100; margin-left: -1px; width: 220px; height: 12px; } /*======= Css Change End 12/6/2013 ===========*/ /* Body Module */ #body-module ul { list-style: disc; margin-bottom: 10px; } #body-module ol { list-style: decimal; margin-bottom: 10px; } #body-module li { margin: 0 0 3px 15px; } #primaryContent ul { list-style: disc; margin-bottom: 10px; } #primaryContent ol { list-style: decimal; margin-bottom: 10px; } #primaryContent li { margin: 0 0 3px 15px; line-height: 16px;} #primaryContent #body-module p, #primaryContent #body-module li { line-height: 16px; } /** additional style for nested list **/ #primaryContent ul ul { list-style: circle; margin-left: 15px; } #primaryContent ul ul li{ list-style: circle; margin-left: 15px; } /* Articles */ #article #primaryContent article h2 { font-size: 18px; margin: 17px 0 19px; padding:0; } #article #primaryContent { margin: 0 30px; } #article p { font-size: 12px; line-height: 16px; } #article p a { color: #006699; font-weight: bold; } .author { display: block; margin-bottom: 12px; } #article #moduleContainer { margin-top: 45px; } /* Press */ #press #primaryContent .news-entry { margin-bottom: 20px; } #press #primaryContent .news-entry h3 { text-transform: none; } #press p.news-paging { text-align: center; } /*Category */ #category #panes { color: #fff; height: 300px; } #category .cover { width: 741px; height: 298px; float: right; clear: right; margin-bottom: 20px;} #category .mainContent .carousel { position: relative; } #category .carousel .headlinePanel { top: 0px; left: 20px; position: absolute; padding: 25px 20px; width: 407px; } #category .carousel div.textBackground { background: url(../../images/Rebranding-CSS-Images/blackbg.png) repeat; top: 10px; left: 38px; padding: 8px 12px; } #category .carousel .headlinePanel h2 { font-size: 24px; } #category .carousel .headlinePanel p { line-height: 18px; width:385px; } #category .carousel .headlinePanel .solutions { margin: 25px 0 15px 0; font-size: 12px; } #category .carousel { position: relative; } #category .carousel .ancNav { position: absolute; left: 38px; bottom: 20px; font-size: 13px; } #category .carousel .ancNav li { padding: 16px 8px; float: left; width: 107px; height: 77px; margin-right: 7px; } #category .carousel .ancNav .carouselText { } #category .ancContent { padding: 20px 20px 140px; font-size: 11px; } #category .ancContent article { height: 160px; position: relative; float: left; width: 296px; margin-right: 20px; } #category .ancContent article.last { margin-right: 0; } #category .prodCategory ul { margin: 5px 10px; } #category .prodCategory ul li { padding: 2px 0; } #category .prodCategory ul li a { color: #006699; text-decoration:none; } #category .prodCategory ul li a:hover { text-decoration: underline; } /* Product Page */ #product dt{font-weight:bold; text-transform:uppercase; border-bottom: 1px solid #c6e184; padding-bottom:8px; margin:23px 0 9px 0; } #product dd{display: list-item; line-height: 14px; margin-left:18px;} #product h2{font-size:18px; margin-bottom:19px;} #product #primaryContent { margin: 0 30px; } #product #primaryContent article h2 { font-size: 18px; margin: 17px 0 19px; padding:0; } #product #primaryContent article h3 { border-bottom: 1px solid #C6E184; font-size: 12px; font-weight: bold; margin: 23px 0 9px; padding-bottom: 8px; } #product #primaryContent article ul { list-style: disc; } #product #primaryContent article li { margin: 0 0 3px 15px; line-height: 16px; } #product #moduleContainer { margin-top: 45px; } /** New style for nested list **/ #product #primaryContent article ul ul { margin-left: 15px; list-style: circle; } #product #primaryContent article ul ul li { } /* Contact */ #contact h3.bigheading { font-size: 16px; font-weight: bold; text-transform: none; } #contact .branches { margin: 10px 0; } #contact .branches h2 { margin: 25px 0 10px; padding: 0px; } #contact .branch h4 { font-size: 12px; font-weight: bold; } #contact .branch { margin: 10px 0; padding: 6px 0; } .contactCard { line-height: 15px; margin-bottom: 0; padding: 5px 0; } .contactCard dt { font-weight: bold; } .contactCard a { color: #006699; } #contact .primaryContact { margin-bottom: 20px; } table#underwriterListing { border-collapse:collapse;border-spacing:0; } table#underwriterListing td { padding: 3px 10px; border-bottom: 1px solid #000; vertical-align: middle; } /** * Search Page *******************/ #search dl.list-index { margin-top: 10px; } /** * PRS Sponsors Page *******************/ #prsLogo { float:left; } #prsLogo a, #prsLogo span { display:block; overflow:hidden; text-indent:-99999px; } #prsAceRisk { float: right; } #prsAceRisk a, #prsAceRisk span { display:block; overflow:hidden; position:relative; text-indent:-99999px; } #sponsors .pagination { position: absolute; top: 295px; left: 85px; z-index: 2; } #sponsors .mainContent .carousel { width: 970px; height: 324px; position: relative; margin-bottom: 27px; } #sponsors .carousel .headlinePanel { z-index: 2; background: url(../../images/Rebranding-CSS-Images/blackbg.png) repeat; color:#fff; top:25px; left: 103px; position: absolute; padding: 10px 20px; width: 305px; height: auto; overflow: hidden; } #sponsors .carousel #panel1, #sponsors .carousel #panel2, #sponsors .carousel #panel3 { display: none; } #sponsors .carousel .ancNav li, #sponsors .carousel .headlinePanel { background: url(../../images/Rebranding-CSS-Images/blackbg.png) repeat; color:#fff; } #sponsors .ancContent { z-index: 2; width: 100%; overflow:hidden; background: #dfdfdf; padding-top: 20px; } #sponsors .carousel .ancNav { z-index: 2; position: absolute; right: 60px; bottom: 17px; font-size: 13px; } #sponsors .carousel .ancNav li { padding: 8px 8px 25px; float: left; width: 90px; height: 73px; margin-right: 39px; } #sponsors .carousel .ancNav .carouselText { left: 18px; width: 85px; } #sponsors .ancContent article { position: relative; float: left; width: 296px; margin: 0 0 35px 0; } #sponsors .ancContent #col1, #sponsors .ancContent #col2, #sponsors .ancContent #col3 { width: 296px; float: left; margin-left: 20px; } #sponsors #panes .headlinePanel h2 { padding: 0 0 12px 0; font-size: 18px; } /*** No Main Content **/ /* dj */ #sponsors_nomain .carousel #panel1, #sponsors_nomain .carousel #panel2, #sponsors_nomain .carousel #panel3 { display: none; } #sponsors_nomain .ancContent { z-index: 2; width: 100%; overflow:hidden;} #sponsors_nomain .ancContent .row1 { z-index: 3; background-color: #ffffff; float: left; width: 100%; padding-top: 20px; } #sponsors_nomain .ancContent .row2 { z-index: 3; background-color: #dfdfdf; float: left; width: 100%; padding-top: 15px; } #sponsors_nomain .ancContent .row3 { z-index: 3; background-color: #dfdfdf; float: left; width: 100%; padding-top: 15px; } #sponsors_nomain .carousel .ancNav { z-index: 2; position: absolute; right: 21px; bottom: 27px; font-size: 13px; } #sponsors_nomain .carousel .ancNav li { padding: 16px 8px; float: left; width: 107px; height: 97px; margin-right: 7px; } #sponsors_nomain .carousel .ancNav .carouselText { left: 18px; width: 85px; } #sponsors_nomain .ancContent article { position: relative; float: left; width: 296px; margin: 0 0 35px 0; } #sponsors_nomain .ancContent #col1, #sponsors_nomain .ancContent #col2, #sponsors_nomain .ancContent #col3 { width: 296px; float: left; margin-left: 20px; } #sponsors_nomain #panes .headlinePanel h2 { padding: 0 0 12px 0; font-size: 18px; } /*** End No Main Content **/ #prsMiddle { margin-bottom: 10px; display:inline-block; width: 100%; } /* Added Width */ #prsMiddle article { margin: 0 0 30px 20px; float: left; } #prsMiddle h3 { border-bottom: 6px solid #6BA010; color: #6BA010; margin-bottom: 15px; padding-bottom: 5px; } /*#prsMiddle h3 { border-bottom: 6px solid #996633; color: #996633; margin-bottom: 15px; padding-bottom: 5px; }*/ #midLeft { float: left; width: 632px; } /* Orig 612px */ #midLeft div.content { width: 296px; float: left; } #midLeft article div.first { width: 296px; margin-right: 20px; } /* Original 276px */ #midLeft div p { margin-bottom: 15px; } #midLeft div h4 { color:#006699; font-size: 12px; font-weight:bold; padding:0 20px 5px; } #midLeft div img { float: left; margin:0 10px 0 0; } #prsMiddle #midRight { width: 296px; float:left; } #midRight .module { width: 100%; } #midRight .module .content ul { margin:10px; } #midRight .module .content li { margin:10px 0 5px; list-style:none; } #midRight .module li a, #midLeft .content a { color: #006699; background-image: url(../../images/Rebranding-CSS-Images/main_sprite.png); background-repeat: no-repeat; background-position: 0 -70px; padding:0 0 0 15px; } #midRight ul li a { font-weight: bold; } #sponsors article.module { margin-left:20px; } /*#sponsors article.module h4 { padding: 0 20px 5px; }*/ #sponsors article.module h4 { padding: 0 0 5px; } #sponsors article.module img { width: 100px; height:100px; } /* ratings from Bazaarvoice*/ #BVRRSecondarySummaryContainer img {height: auto !important; width: auto !important;} /*** No Main Content **/ #sponsors_nomain article.module { margin-left:20px; } /*#sponsors_nomain article.module h4 { padding: 0 20px 5px; }*/ #sponsors_nomain article.module h4 { padding: 0 0 5px; } #sponsors_nomain article.module img { width: 100px; height:100px; } #sponsors_nomain article.module img.video_tm { width: auto; height:auto; } /*** End No Main Content **/ /* UI Tabs */ .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { border: 1px solid #333333; } .ui-widget-header a { color: #ffffff; } #tabs { margin: 30px 0; clear:both;} #tabs table { width: 400px; } #tabs table.filelist { border-collapse:collapse;border-spacing:0; } #tabs table.filelist a { color: #069; font-weight: bold; } #tabs .filelist th { border-bottom: 6px solid #d6d7d8; vertical-align: middle; } #tabs .filelist tr { border-bottom: 1px solid #d6d7d8; height: 36px; } #tabs table.filelist .last { border-bottom: none; } #tabs .filelist td { vertical-align: middle; } #tabs .filelist td img { padding-right: 4px; } /* clearfix hacks */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } *html .clearfix { height: 1%; } .clearfix { display: block; } .clear { clear: both; } /* jQuery UI */ .ui-helper-clearfix { display:block; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } /*.ui-helper-clearfix { display:block; }*/ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .ui-helper-clearfix { display: block; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #FFF; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #000 50% 50% repeat-x; font-weight: bold; color: #000; } .ui-state-hover a, .ui-state-hover a:hover { text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #000; color: #FFF; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #FFF; text-decoration: none; } /* jQuery UI Tabs */ .ui-widget-header { border: 1px solid #333333; background: #4F545C 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0 0 1px; white-space: nowrap; } #tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; color: #FFFFFF; font-size:11px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: #F6F6F6; } .ui-tabs .ui-tabs-panel ul { list-style: disc; } .ui-tabs .ui-tabs-panel ol { list-style: decimal; } .ui-tabs .ui-tabs-panel li { margin: 0 0 5px 15px; line-height: 16px; } .ui-tabs .ui-tabs-hide { display: none !important; } /* jQuery UI Dialog */ .ui-dialog { width: 555px !important; position: absolute; padding-right: 30px; overflow: hidden; } .ui-draggable .ui-dialog-titlebar { display: none; } .ui-widget-content { border: none; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-widget-header { background: #444; border: 1px solid #333333; color: #FFFFFF; font-weight: bold; } /* 16th may 2014 */ .ui-dialog .ui-dialog-content { background: #fff; } .ui-dialog-buttonset { background: #444; } .ui-state-default, .ui-widget-content .ui-state-default { background-image: none !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #F0F0F0; font-weight: 500; color: #1C94C4; } .ui-draggable .ui-dialog-titlebar {height: 12px} .ui-widget-header a {float: right} .ui-widget-header a:hover { background:#444; font-weight:bold; } /*english*/ /*.ui-dialog-content ui-widget-content { background:#fff; } .ui-dialog-buttonset { background:#444; } .ui-widget-header { height: 12px; } .ui-widget-header a { float: right; } */ #ui-dialog-title-dialog-confirm { display: inline-block; } /* 16th May 2014 changes ends here */ /* Accessibilty Fixes */ .skipnav,.skipcountrynav { display: none; } .blackbg { background: url(../../images/Rebranding-CSS-Images/blackbg.png) repeat; } /***************** ALIGNMENTS *****************/ .ar { display: block; text-align: right; } /* .alignright */ .ac { display: block; text-align: center; } /* .aligncenter */ .al { display: block; text-align: left; } /* .alignright */ .cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; } /* .clear */ .fr { float: right; display: inline; } /* .floatright */ .fl { float: left; display: inline; } /* .floatleft */ .nb { border: none !important; } /* .noborder */ .hide { display: none; } /* .hidden */ .notext { font-size: 0; line-height: 0; text-indent: -4000px; } /* .no text */ ul.siteMapColumn { margin: 15px 0 8px 0; } ul.siteMapColumn li { margin-bottom: 7px; } ul.siteMapColumn li li { margin-bottom: 3px; } ul.siteMapColumn ul { margin: 5px 0 0 25px; } /***************** NEW FORM LP *****************/ .headerContainer { background-color: #D0D6E9; height: 175px; width: 970px; } .formlp .titleblock { float: left; height: 175px; width: 228px; } .formlp #contentHeader { background-color: #99CC00; background-image:none; float: right; height: 97px; position: relative; width: 741px; } .formlp #contentHeader h1 { color: #FFFFFF; float: left; font-family: times New Roman; font-size: 30px; padding: 20px; width: 350px; } .formlp #contentHeader img { float: left; padding: 22px; } .formlp #contentSubHeader{ width: 741px; background-color:#d0d6e9; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6BA010), to(#7ACC2B), color-stop(1,#333333)); } .formlp #primaryContent { float: left; font-size: 12px; margin: 35px 40px; position: relative; width: 450px; } .formlp #primaryContent h2 { color: #006699; font-family: times New Roman; padding: 0 0 19px; } .formlp #primaryContent h3 { color: #6BA010; font-size: 16px; font-weight: normal; margin: 0 0 19px; text-transform: none; } .formlp #primaryContent h3 span { color: #006699; } .formlp #primaryContent h4 { color: #006699; font-size: 13px; margin: 19px 0; } .formlp #body-module .footnote { color: #006699; font-size: 11px; margin: 20px 0; } .formlp #moduleContainer { float: right; margin-top: -45px; padding-right: 21px; width: 380px; } .formlp .formHeader { background-color: #006699; border-left: 1px solid #6BA010; border-top: 1px solid #6BA010; color: #6BA010; } .formlp .formHeader h2 { font-family: "Times New Roman",Times,serif; font-size: 24px; padding: 10px; text-align: center; } .formlp .formContent { width: 339px; background-color:#e6f0d4; color:#6BA010; padding: 30px 20px; background:url() repeat-y; } .formlp .formBtm{ background:url(../../images/Rebranding-CSS-Images/formBtm.jpg); width:380px;height:4px; } .formlp .row { clear: right; /* float: right; */ height: 1%; overflow: hidden; padding-bottom: 14px; *width:320px; } .formlp form#contact_form { color:#333; margin-top:25px; } .formlp form#contact_form label { font-weight: normal; margin: 8px 5px 3px 0px; float:left; display:inline; } .formlp form#contact_form input { width: 180px; margin-right:0px; float:right; } .formlp form#contact_form textarea { width: 180px; height: 60px; } .formlp form#contact_form select { /*opacity:0;*/ position: relative; z-index: 5; float:right; margin-right:0px; } .formlp .styled-select { overflow: hidden; background:url(../../images/Rebranding-CSS-Images/select.gif) no-repeat right #fff; height: 21px; padding: 0 24px 0 8px; position: absolute; width: 152px; border: 1px inset #EEEEEE; } .formlp .styled-select_tank, .styled-select-state { overflow: hidden; background:url(../../images/Rebranding-CSS-Images/select.gif) no-repeat right #fff; height: 21px; padding: 0 24px 0 8px; position: absolute; width: 15px; border: 1px inset #EEEEEE; } .formlp #tanksabove, #tanksbelow{ width:50px; } .formlp form#contact_form input#zip{ width:90px !important; } .formlp .submit{ background:url(../../images/Rebranding-CSS-Images/submitbk.png) no-repeat; border:none; color: #FFFFFF; font-family: Sans-serif; font-size: 16px; font-weight: bold; height:70px; padding-bottom: 5px; text-align: center; width:245px!important; } .formlp .greenSection { background-color: #E6F0D4; color: #333333; font-size: 12px; padding: 35px 40px; } .formlp .greenSection a, .greenSection a:visited { color: #006699; } .formlp .disclaimer { color: #000000; margin: 35px 40px; } /* Font Switcher Styles */ #changeFont { display: inline; font-size: 11px; height: 27px; line-height: 17px; list-style-type: none; } /*======= Css Change Start 6/6/2013 ===========*/ #changeFont ul { float: right; margin:0 16px 0 0 } /*======= Css Change End 6/6/2013 ===========*/ #changeFont ul li { display: block; float: left; } /*======= Css Change Start 6/6/2013 ===========*/ #changeFont li { height: 20px; margin-left: 5px; text-align: center; margin-bottom: 5px; } /*======= Css Change End 6/6/2013 ===========*/ .decreaseFont { font-size: 10px; } .resetFont { font-size: 12px; } .increaseFont { font-size: 16px; } .increaseFont, .decreaseFont, .resetFont { color: #464A50; margin-right: 5px; text-decoration: none; } /* End Font Siwtcher Styles */ /* Flexible Banner Styles */ /* Flexible Home Page Panels */ a.blueButton { background: url(../../images/Rebranding-CSS-Images/bg-blueButton.png) no-repeat right 0; height: 32px; padding: 8px 25px 8px 18px; font-size: 14px; } a.greenArrow { background: url(../../images/Rebranding-CSS-Images/bg-greenButton.png) no-repeat 0 1px; padding-left: 19px; font-size: 14px; font-weight: bold; } a.default { background: url(../../images/Rebranding-CSS-Images/bg-whiteButton.png) no-repeat 4px 4px; padding-left: 21px; font-size: 14px; font-weight: bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); } /* Small Panel */ .headlinePanel.pnlSmall { left: 0 !important; padding: 25px 20px 25px 30px !important; width: 420px !important; min-height: 100px !important; } .headlinePanel.pnlSmall h2 { font-size: 23px !important; color: #FFF !important; font-weight: bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); } .headlinePanel.pnlSmall p { font-size: 13px !important; color: #FFF !important; line-height: 1.5em; } /* Medium Panel */ .headlinePanel.pnlMedium { left: 0 !important; padding: 25px 20px 25px 30px !important; width: 520px !important; min-height: 100px !important; } .headlinePanel.pnlMedium h2 { font-size: 28px !important; color: #FFF !important; font-weight: bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); line-height: 1.2em; } .headlinePanel.pnlMedium p { font-size: 13px !important; color: #FFF !important; line-height: 1.5em; } /* Large Panel */ .headlinePanel.pnlLarge { left: 0 !important; padding: 25px 20px 25px 30px !important; width: 560px !important; min-height: 100px !important; } .headlinePanel.pnlLarge h2 { font-size: 43px !important; color: #FFF !important; font-weight: bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); padding: 0 0 8px 0; } .headlinePanel.pnlLarge p { font-size: 16px !important; color: #FFF !important; line-height: 1.5em; } .headlinePanel.noBG { background: none !important; } /* End Flexible Banner Styles */ /*======= New Css Start Add 12/6/2013 ===========*/ #wideoCollumn { width: 712px; float: right; position: relative; font-size: 12px; padding:0 0 30px 0} .headerBreadcrumb { margin-left:16px; float:left; padding-top:2px; } .headerBreadcrumb img { vertical-align:middle } .headerBreadcrumb a { font-size:12px; line-height:14px; color:#3c3c3c; margin:0 5px; } .primaryContentImg { margin-bottom:0; position:relative; } .primaryContentImg figure { margin:0; padding:0; } /*======= New Css Start Add 12/6/2013 ===========*/ .bannerImgTitle { position:absolute; top:21px; left:23px;} .bannerImgTitle span { display:inline-block ; background:#82c341; font-size:21px ; line-height:30px; color:#FFF; margin-bottom:4px ; padding:2px 12px 2px 11px; text-transform:uppercase; width: auto; margin-right:10px;max-width:650px;} .learnMoreBox { background:url(../../images/Rebranding-CSS-Images/transperent-bg.png) repeat 0 0; width:400px; position:absolute; top:98px; left:23px; font-size:13px; color:#d9dcde; padding:9px 13px 11px 18px; line-height:21px; } /*======= New Css End Add 12/6/2013 ===========*/ .learnMoreBox span { display:block; margin-bottom:5px } /*======= New Css End Add 14/6/2013 ===========*/ .learnMoreBox a.learnMore { background:url(../../images/Rebranding-CSS-Images/learn-more.png) no-repeat right 1px; padding:0 15px 0 0; color:#d9dcde !important; font-weight:bold; font-size:13px;} /*======= New Css End Add 14/6/2013 ===========*/ .textContainer { padding:26px 20px 20px 15px; position:relative;}/*60px 20px 50px 15px*/ .textContainer a, .primaryContentBox a { color:#00539f } .textContainer p { margin-bottom:15px; line-height:16px; } #wideoCollumn h2 { font-size:19px; margin:0 0 15px; color:#36424a } .primaryContentNav { background:#a5acb0; margin-bottom:13px; } .primaryContentNav li { list-style:none; float:left; margin:0; padding:0; position:relative } /*======= New Css Start Add 17/6/2013 ===========*/ .primaryContentNav li a { font-size:10px; font-weight:bold; white-space: nowrap; color:#000; display:inline-block; line-height:28px; padding:0 12px 0 13px } /*======= New Css End Add 17/6/2013 ===========*/ .primaryContentNav li a:focus { outline:none } .primaryContentNav li a:hover, .primaryContentNav li.active a { background:#36424a; color:#77b800; text-decoration:none } .arrowNav { background:url(../../images/Rebranding-CSS-Images/content-nav-arrow.png) no-repeat 0 0; display:none; width:19px; height:8px; position:absolute; left:50%; margin-left:-10px; bottom:-8px; } .primaryContentNav li a:hover .arrowNav, .primaryContentNav li.active a .arrowNav { display:block } .primaryContentBox { background:#dfe5e6; padding: 21px 0 20px 16px; *overflow:hidden; *width:696px;} /*60px 0 50px 16px*/ .primaryContentBox div {*overflow:hidden; *width:696px; *max-width:696px;} .primaryContentBox h1 { margin-top:0 } .advantageList li { background:url(../../images/Rebranding-CSS-Images/right-arrow.png) no-repeat 0 0; padding:2px 0 0 33px; margin:9px 0 0 2px; line-height:20px; list-style:none; font-size:13.25px; color:#41525c } .advantageList li:first-child { margin-top:0 } .bx-viewport { width:630px; margin-left:26px; min-height:190px; height:auto !important } .bx-wrapper { max-width:630px !important; } .resourcesList { position:relative; padding-bottom:10px; } .resourcesList li { list-style:none; float:left; width:184px !important; background:#FFF; border:solid 1px #e8e5e5;padding: 34px 7px 13px; box-shadow:2px 2px 2px rgba(0,0,0,0.33); height:180px; margin:0 5px 0 4px;}/*padding:7px 7px 7px 7px;*/ .resourcesList li img { margin-bottom:7px } .resourcesList li p { margin-bottom:2px; } .resourcesList li h3 { font-size:16px; line-height:18px; margin-bottom:4px; display:block; text-align:center; text-transform:none } .bx-prev, .bx-next { background:url(../../images/Rebranding-CSS-Images/next-prev-arrow.png) no-repeat 0 0; width:25px; height:25px; display:block; position:absolute; left:16px; top:166px; font-size:0; line-height:0; z-index:7 } .bx-next { background:url(../../images/Rebranding-CSS-Images/next-prev-arrow.png) no-repeat -26px 0; right:16px; left:auto } .bx-pager { display:none } .formsList { padding:10px 0 10px 0; } .formsList li { padding:34px 7px 13px 7px; height:180px; text-align:center } .formsList li figure { display:block; text-align:center; margin:0; padding:0 } .formsList li img { margin-bottom:20px; } .nextPrev .bx-prev, .nextPrev .bx-next { top:176px } .nextPrev .bx-next { right:18px; } .nextPrev .bx-prev { left:13px; } .covergesListData { -moz-column-count:2; column-count:2; column-gap:40px; -moz-column-gap:40px; -webkit-column-count:2; -webkit--column-gap:40px; -ms-column-count: 2; -ms-column-gap: 40px; } .covergesListData li { background:url(../../images/Rebranding-CSS-Images/dot.png) no-repeat 0 7px; list-style:none; padding:0 0 0 9px; margin-bottom:0; line-height:17px;} .covergesListData li ul { margin:0 0 0 24px; -moz-column-count:1 } .covergesListData li ul li { background:url(../../images/Rebranding-CSS-Images/line.png) no-repeat 0 8px; padding:0 0 0 8px } .chooseproduct { margin-bottom:20px; } .ddl { font-size:13.25px; margin-bottom:20px !important; padding:9px 0 0 0 } .jquery-selectbox { position: relative; height:31px; border:solid 5px #d2e7b5; border-width:5px 8px 5px 5px; background:#f2f8e9 ; width:518px; z-index: 2; margin:0; color: #333f48; padding: 0 5px; display:block; font-style:italic; font-size:14px; margin-bottom:13px;} .jquery-selectbox .jquery-selectbox-currentItem{ padding:0px 1px 0 10px; white-space: nowrap; display: block; overflow: hidden; color:#333f48; width:520px; cursor:pointer; line-height:32px;} .jquery-selectbox .jquery-selectbox-list { display: none; position: absolute; top: 36px; padding:0 0 0 0px; left:-5px; background:#f2f8e9 ; width: 528px; overflow-x: hidden; overflow-y: auto; z-index: 9999; color:#999; border:solid 5px #d2e7b5; border-width:0px 8px 5px 5px; } .jquery-selectbox .jquery-selectbox-moreButton { position: absolute; top:12px; right: 16px; left:auto; float: right; width: 18px; height: 11px; cursor: pointer; background:url(../../images/Rebranding-CSS-Images/next-prev-arrow.png) no-repeat 0 -26px; } .jquery-selectbox .jquery-selectbox-item.listelementhover { background: #d2e7b5; } .jquery-selectbox .jquery-selectbox-item { display: block; cursor: pointer; padding:0px 10px 1px 15px; line-height:20px; color:#333f48} .input { height:31px; border:solid 5px #d2e7b5; border-width:6px 8px 4px 5px; background:#f2f8e9; width:510px; padding:0 5px 0 13px; font-size:13.25px; color:#8a8a8a; line-height:35px; } .textContainer .nextStep { font-size:17px; font-weight:bold; text-transform:uppercase; line-height:20px; position:absolute; right:0; bottom:10px; color:#41525c; display:inline-block; float:right } .nextStep span { background:url(../../images/Rebranding-CSS-Images/next-prev-arrow.png) no-repeat 0 -37px; width:10px; height:18px; display:inline-block; margin-left:9px; vertical-align:middle; } #wideoCollumn a:focus { outline:none } .textContainer .backStep { font-size:17px; font-weight:bold; text-transform:uppercase; line-height:20px; margin-right:16px; color:#41525c; display:inline-block } .backStep span { background:url(../../images/Rebranding-CSS-Images/next-prev-arrow.png) no-repeat -32px -37px; width:10px; height:18px; display:inline-block; vertical-align:middle; margin-right:9px; } .quoteBox { padding:11px 0 0 0 } .quoteBox li { list-style:none; float:left; margin-left:33px; } .quoteBox li:first-child { margin-left:0 } .dd { padding:22px 0 0 0; font-size:17px; } .emailLink { background:url(../../images/Rebranding-CSS-Images/email-icon.png) no-repeat 0 0; font-size:14px; color:#3c3c3c; padding:12px 0 15px 70px; } .emailLink a { font-weight:bold; color:#3c3c3c !important; padding:3px 0 0 0; display:inline-block} .quoteButton { background:#36424a; border:solid 1px #788d9a; font-size:17px; color:#FFF !important; display:inline-block; line-height:56px; padding:0 28px 0 25px; box-shadow:3px 3px 2px rgba(0,0,0,0.20);} .quoteButton span { background:url(../../images/Rebranding-CSS-Images/quote-arrow.png) no-repeat right center; display:block; padding-right:19px; } .contactBox .jquery-selectbox { width:242px; border:solid 5px #d2e7b5; } .contactBox .jquery-selectbox .jquery-selectbox-list { width:253px; border-width:0px 5px 5px 5px; } .contactBox .jquery-selectbox .jquery-selectbox-moreButton { right:10px; } .contactBox .jquery-selectbox .jquery-selectbox-currentItem { width:235px; } .contactDetail { width:77%; border-collapse:collapse; background:#FFF; box-shadow:3px 3px 2px rgba(0,0,0,0.20) } .contactDetail tr td { border-bottom:solid 1px #f1f1f1; border-right:solid 1px #f1f1f1; padding:4px 0 2px 12px; font-size:11px; } .contactDetail tr th { background:#82c341; font-size:13px; color:#FFF; font-weight:bold; padding:4px 0 2px 12px; border-bottom:solid 1px #f1f1f1; border-right:solid 1px #92c760; } .firstCollumn { width:133px; } .secondCollumn { width:155px; } .thirdCollumn { width:285px; } .nextDataArrow { background:url(../../images/Rebranding-CSS-Images/nextdata-arrow.png) no-repeat -1px -1px; width:9px; height:12px; display:block; float:right; margin:0 17px 0 0 } .productContain{ display:block; width:100%; } .contactInfo{ display:none; zoom: 1 !important; } /*body.activeNavFix .primaryContentNav { position:fixed; width:712px; top:0; z-index:9999}*/ body.activeNavFix .bigimage{ margin-bottom:90px;} .bigimage {display:block; height:277px; overflow:hidden; position:relative} .bigimage .primaryContentImg{ position:absolute; z-index:0} .mainInnerContainer{ background:#FFF; z-index:1; position:relative;} /*======= New Css End Add 12/6/2013 ===========*/ /*****************************************************************************************************************************************************/ .prevIcon { background:url(../../images/Rebranding-CSS-Images/slider-previcon.png) no-repeat 0 0; width:28px; height:50px; position:absolute; top:50%; left:31px; margin-top:-25px; z-index:2} .nextIcon { background:url(../../images/Rebranding-CSS-Images/slider-nexticon.png) no-repeat 0 0; width:28px; height:50px; position:absolute; top:50%; right:31px; margin-top:-25px; z-index:2; outline:none} #home .carousel .headlinePanel,#sponsors_nomain .carousel .headlinePanel { height: auto; left: 103px; overflow: hidden; padding: 10px 20px; position: absolute; top: 100px; width: 305px; z-index: 2; } #home .carousel .travelpanel{top:25px; left: 62px; position: absolute;} .headingTitle { left: 66px; margin-bottom: 20px; position: absolute; top: 13px; } #home .mainContent .carousel,#sponsors_nomain .mainContent .carousel { height: 324px; margin-bottom: 27px; position: relative; width: 970px; } #home .carousel .ancNav li,#sponsors_nomain .carousel .ancNav li { float: left; height: 73px; margin-right: 39px; padding: 8px 8px 25px; width: 90px; } .articleContainer article h3 { font-family: 'robotobold',Arial,Helvetica,sans-serif; } #primaryContent article.module h3, article.module h3 { border-bottom: 6px solid #6BA010; color: #6BA010; font-weight: bold; margin-bottom: 15px; padding-bottom: 5px; text-transform: uppercase; } .articleContainer article h3 { border-bottom: medium none; color: #585858; font-size: 18px; margin-bottom: 5px; } #home .ancContent article { float: left; margin: 0 0 35px; position: relative; width: 296px; } aside, article, header, nav { display: block; } article.module { margin-bottom: 25px; } .articleContainer article { color: #3C3C3C; } /*#wrapper .headerBreadcrumb { padding-bottom:10px;}*/ #wrapper .headerBreadcrumb {padding-bottom: 5px; padding-top: 0px; width: 950px;} #wrapper aside #changeFont ul { float:left; } .formsList li { height: 180px; padding: 34px 7px 13px; text-align: center; } .moreLink { background: url(../../images/Rebranding-CSS-Images/banner-errow.png) no-repeat scroll right 3px transparent; font-size: 13px; font-weight: bold; padding-right: 12px; } body.activeNavFix .primaryContentNav { position: fixed; top: 209px; width: 712px; z-index: 9; } .articleContainer article .rich h3 { color: #6F4C23; font-size: 14px; font-weight: normal; line-height: 18px; } /*----------- Endcsrbase.css----------*/ /*-----------Start csrcustomdev.css----------*/ h3 { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; } nav.secondaryNav .titleblock { height: 30px !important; position: relative !important; } nav.global .headerDropDown { float: none ; left: 348px ; position: relative ; top: -138px ; width: 201px ; } nav.global .headerRelatedImage { bottom: 0px; float: none ; left: 231px ; position: absolute ; top: 59px; width: 201px ; } header.global { padding: 26px 0 11px ; height: 133px ; } .articleContainer article h3 { font-weight:normal; border-bottom: medium none ; color: #585858; font-size: 18px; margin-bottom: 5px ; } .carousel .ancNav li, #home .carousel .headlinePanel p ,#sponsors_nomain .carousel .headlinePanel p{ margin-bottom: 0 !important; } #home .carousel .travelpanel p{ margin-bottom: 10px !important; } /*.articleContainer article .rich h3, .articleContainer article .content h3 { color: #6F4C23 !important; font-size: 14px !important; line-height: 18px !important; }*/ .articleContainer time { color: #3C3C3C !important; display: block !important; margin-bottom: 3px !important; } article.module a { color: #00539F !important; /*font-weight: bold !important;*/ } .articleContainer p { line-height: 18px !important; padding-bottom: 11px ; } #sponsors p { padding-bottom: 3px ; } .articleContainer article.module img { margin-bottom: 16px !important; } .headingTitle h2 { display: block !important; } .banner h2, .headingTitle h2 { background: none repeat scroll 0 0 #82C341 !important; color: #FFFFFF !important; display: inline-block !important; font-size: 21px !important; line-height: 34px !important; margin: 5px 0 0 37px !important; padding: 0 12px !important; } /*#sponsors .headingTitle h2{ background: none repeat scroll 0 0 #9C6630 !important; }*/ .banner h2{ margin-top:14px !important; /*text-transform:uppercase;*/ } .carousel .ancNav li, #home .carousel .headlinePanel ,#sponsors_nomain .carousel .headlinePanel{ font-size: 13px !important; } .carousel .ancNav li a { background: url(../../images/Rebranding-CSS-Images/banner-errow.png) no-repeat scroll 0 2px transparent !important; color: #FFFFFF !important; display: inline-block !important; padding-bottom: 5px !important; padding-left: 12px !important; } .headingTitle h2 { display: block !important; text-transform:uppercase; } .headerBreadcrumb a { color: #3C3C3C ; font-size: 12px ; line-height: 14px !important; margin: 0 5px !important; } #tabs { margin: 30px 0 !important; } .ui-widget-content { border: medium none !important; } .ui-tabs { position: relative !important; } .ui-widget-content { border: 1px solid #333333 !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: none repeat scroll 0 0 #000000 !important; color: #FFFFFF !important; } #tabs { margin: 30px 0 !important; } .ui-widget-content { border: medium none !important; } .ui-tabs { position: relative !important; } .ui-widget-content { border: 1px solid #333333 !important; } ui-widget .ui-widget { font-size: 1em !important; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em !important; } .ui-widget-content { border: 1px solid #333333 !important; } .ui-widget-header a { color: #ffffff !important; } #tabs { margin: 30px 0 !important; } #tabs table { width: 400px !important; } #tabs table.filelist { border-collapse:collapse !important;border-spacing:0 !important; } #tabs table.filelist a { color: #069 !important; font-weight: bold !important; } #tabs .filelist th { border-bottom: 6px solid #d6d7d8 !important; vertical-align: middle !important; } #tabs .filelist tr { border-bottom: 1px solid #d6d7d8 !important; height: 36px !important; } #tabs table.filelist .last { border-bottom: none !important; } #tabs .filelist td { vertical-align: middle !important; } #tabs .filelist td img { padding-right: 4px !important; } .ui-widget-content { border: medium none !important; } #wrapper aside #changeFont ul { float: right !important;margin-right: 38px; } #wrapper .category{margin-top:10px;} #wrapper .category #changeFont ul{float:right !important;margin-right: 38px;} #wrapper .product #changeFont ul{float:right !important;margin-right: 38px;} .productPage header.global { background: none repeat scroll 0 0 #FFFFFF !important; position: fixed !important; top: 0 !important; width: 970px !important; padding-bottom:0px !important; } .productNav { background: none repeat scroll 0 0 #FFFFFF !important; position: fixed !important; top: 162px; padding-top: 16px; padding-bottom: 1px; width: 970px !important; z-index: 8 !important; } .productNav{ position:fixed !important; width:970px !important; background:#FFF !important; z-index:8 !important;}/*top:178px !important; */ .productNav .articleOptions{right:200px !important;top:12px} .productPage{ padding-top:227px !important; } .productPage .secondaryNav{ position:fixed !important; top:191px ; z-index:8} #primaryContent { float: left; font-size: 12px; margin: 10px 30px; position: relative; width: 450px; } #product #moduleContainer { margin-top: 0; } #moduleContainer { margin-top:10px; font-size: 11px; } #category #moduleContainer { font-size: 11px; } #wrapper .product #changeFont ul { float: right !important;margin-right: 38px; } .footeratbuttom footer.foot { bottom: 0; padding-right: 20px; padding-top: 10px; position: fixed; width: 900px; z-index: 99; } footer.foot { padding-left: 50px; padding-right:50px; }/*padding-left: 250px;*/ .headerBreadcrumb span { font-size: 12px; } #category .carousel .headlinePanel { width: 450px; } #category .carousel .headlinePanel p { width: auto; } #category .carousel .ancNav { bottom: 5px; } body .primaryContentNav{ top:205px ; } *+html #tier2 { margin-top: 31px; } #product #primaryContent article h2, #product #primaryContent article h1 { font-size: 20px; } .aligncenter{text-align:center} /*----------- End csrcustomdev.css----------*/ /*-----------Start rebrand.css----------*/ div.jumpMenu { width: 228px; height: 36px; position: absolute; top: 53px; right: 33px; z-index: 10001; border: solid 5px #D2E7B5; border-width: 5px 6px 5px 6px; line-height: 20px; background-color:#f2f8e9; } div.jumpMenu a.trigger { display: block; padding: 8px 18px 6px 19px; color: #464a4f; background: transparent url(../../images/Rebranding-CSS-Images/arrow.png) 204px 14px no-repeat; font-size: 13px; text-transform: uppercase; font-style: italic !important; } div.jumpMenu div#jumpContainer { width: 228px; background-color: #FFF; border: 1px solid #CCC; border-width: 0px 1px 1px 1px; border: solid 1px #D2E7B5; border-width: 0px 6px 5px 6px; line-height: 15px; position: relative; left: -6px; background-color:#f2f8e9; font-style: italic; padding: 0 0 5px 0; } div.city { margin-bottom: 26px; } ul.jumpList { list-style-type: none; } ul.jumpList li { padding-left: 1px; } div.city ul.jumpList, ul.jumpList dl { padding: 0 8px 0 18px; } ul.jumpList dt { display: block; padding-bottom: 8px; background-color:#f2f8e9; font-size: 13px; } ul.jumpList a{padding-bottom: 8px; background-color:#f2f8e9; font-size: 13px;} div.city { margin-bottom: 26px; } ul.jumpList { list-style-type: none; /*z-index:999!important;*/ } ul.jumpList strong { font-style:italic; /*z-index:999!important;*/ } ul.jumpList dt { cursor: pointer; color: #699e10; } ul.jumpList dd { padding-left: 0px; } dl.territory dt { color: #464a4f; } dl.territory dt:hover { color: #8dc40a; } dl.territory dd a { padding-bottom: 5px; color: #8a929b; font-size: 13px; background-color:#f2f8e9; cursor: pointer !important; } dl.territory dd a:hover { color: #005c79; } dl.territory dd strong a { color: black; } .lang_toggle{ font-weight: bold; } nav.secondaryNav h3 { background-color: #5C656D !important; opacity:1 !important; } #sponsors_nomain article.module { clear: none;} #sponsors article.module { clear: none;} #sponsors #prsMiddle #midLeft .midPrsRich { padding-left:15px;} #sponsors_nomain #prsMiddle #midLeft .midPrsRich{ padding-left:15px;} /* ========================== ---> Close Button Fix <--- -----> 20th May 2014 <---- ========================== */ div.ui-dialog-titlebar a.ui-dialog-titlebar-close.ui-corner-all span.ui-icon.ui-icon-closethick { font-size: 0px; } div.ui-dialog-titlebar a.ui-dialog-titlebar-close.ui-corner-all { width: 20px; padding: 5px; margin-top: -5px; background: url(../../images/close-btn-jq-ui.png) no-repeat center center; } .posirelative { position:relative; } /* ExactTarget Modules */ /* HomePage LeftCol */ .ancContent.two-col #col1 .et_module .row { margin-bottom: 15px; } .ancContent.two-col #col1 .et_module .label { float: left; width: 30%; } .ancContent.two-col #col1 .et_module .field{ float: left; width: 70%; } .ancContent.two-col #col1 article.module .et_module input, .ancContent.two-col #col1 article.module .et_module textarea { width: 90%; box-sizing: border-box; } .ancContent.two-col #col1 article.module .et_module input[type="radio"] { width: auto; } .ancContent.two-col #col1 .et_module .row .bottom-content { width: 100%; } .ancContent.two-col #col1 .et_module .row .submit-button { width: 130px; } /* Homepage Right Col */ .ancContent.two-col #col2 .et_module .row { margin-bottom: 10px; } .ancContent.two-col #col2 .et_module .label { margin-bottom: 5px; } .ancContent.two-col #col2 .et_module .field { margin-bottom: 5px; } .ancContent.two-col #col2 article.module .et_module input, .ancContent.two-col #col2 article.module .et_module textarea { width: 100%; } .ancContent.two-col #col2 article.module .et_module input[type="radio"] { width: auto; } /* Start Left Column */ .secondaryNav .et_module { padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } .secondaryNav .et_module .row { margin-bottom: 10px; } .secondaryNav .et_module .label { margin-bottom: 5px; } .secondaryNav .et_module .field { margin-bottom: 5px; } .secondaryNav .et_module input, .secondaryNav .et_module textarea { width: 100%; } /* End Left Column */ /* Main Content */ #primaryContent .et_module .row { margin-bottom: 15px; } #primaryContent .et_module .label { float: left; width: 30%; } #primaryContent .et_module .field{ float: left; width: 70%; } #primaryContent article.module .et_module input, #primaryContent article.module .et_module textarea { width: 100%; } #primaryContent .et_module .row .bottom-content { width: 100%; } #primaryContent .et_module .row .submit-button { width: 130px; } /* Start Right Column */ #moduleContainer .et_module .row { margin-bottom: 10px; } #moduleContainer .et_module .label { margin-bottom: 5px; } #moduleContainer .et_module .field { margin-bottom: 5px; } #moduleContainer .et_module input, #moduleContainer .et_module textarea { width: 100%; } /* End Right Column */ /* Contact Search */ #primaryContent.contactSearch #changeFont { float: right; } #primaryContent.contactSearch ul.articleOptions { margin: 0px; } #primaryContent.contactSearch ul.articleOptions li { padding: 0 12px; } #primaryContent.contactSearch { width: 668px !important; } #primaryContent.contactSearch .search_results form { margin-bottom: 10px; } .form-group { padding: 5px; width: 214px; float: left; } .form-group.last { padding-right: 0px; } .form-group.search { width: 658px; } .form-group .field input { width: 100%; padding: 1px; width: 211px; } .form-group .field input { width: 100%; } .form-group .field select { width: 100%; } .form-submit { width: 100%; } .form-submit .contact-submit { float: left; margin-top: 5px; margin-left: 4px; margin-bottom: 10px; } .contact_listing { border-collapse: collapse; border-spacing: 0px; width: 100%; } .contact_listing th { border-bottom: 1px solid #000; padding: 10px 5px; } .contact_listing td { vertical-align: top; padding: 10px 5px 10px 5px; border-bottom: 1px solid #000; } .contact_listing .name { color: #004c97; font-weight: bold; } .contact_listing .location { width: 120px; } .contact_listing .contact_info { width: 125px; } .search_results .arrow-up { float: left; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; } .search_results .arrow-down { float: left; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; } .contact_label, .location_label { float: left; } .contact_sort, .location_sort { float: left; padding-left: 10px; padding-top: 3px; } /* End Contact Search */ /*-----------End rebrand.css----------*/ /* Localized */