body { margin:0 ; font-size:12px; font-family: Arial; padding:0px; color:#666666; line-height:20px }
textarea{font-size:12px; font-family: Arial;}
/* general class */
.clear {clear:both}
hr {border-top:1px solid #dddddd; padding:0px 0px; height:1px; width:100%; display:block}
a img{ border:0px }
a { color:#025b94; text-decoration:none; }
a:hover { text-decoration:none; cursor:pointer; color:#da2133; }
a:active, a:focus {
outline: none;
ie-dummy: expression(this.hideFocus=true);
}
:focus {
-moz-outline-style: none;
}
.icon span{float:left;margin:3px 5px 0 0 ;}
.line, hr {margin:10px 0; border:0px; height:3px; background: #fff url(../images/line.png) repeat ;}
h1 { font-size: 26px; font-weight:bold; color:#333333; line-height:28px; }
h2 { font-size: 22px; font-weight:bold; padding-top:0px; margin-top:0px; color:#333333 ;line-height:30px}
h3 { font-size: 18px; font-weight:bold; padding-top:0px; margin-top:0px; color:#333333 }
h1.title { margin-left:30px }
h2.blue { color:#025b94; padding-top:0px; margin-top:0px; }
h3.blue { color:#025b94; padding-top:0px; margin-top:0px; }
.rightcopy h3.blue {width:150px;width:140px; }
h4.blue { color:#025b94; font-size:12px }
#wrapper { width: 100%; max-width:960px; margin:20px auto; padding:0px }
#logo { width:200px; float:left; }
#searchbar { width:550px; float:right; }
#navbar {clear:both; margin:20px 0px; height:48px; }
#navbar ul { list-style:none}
#navbar ul li {float:left}
.label a:hover{ cursor:pointer; color:#da2133;}
.label { float:left; background:url(../images/header/blue-chevron.gif) 0 7px no-repeat; margin:5px 20px 0 0;padding:0px 0 0 10px; color:#025b94; }
.logLabel{margin:5px 0 0 150px}
.link, .verticallink, .arrowlink { background:url(../images/header/blue-chevron.gif) 0 7px no-repeat; margin:10px 20px 10px 0;padding:0px 0px 0 14px; color:#025b94; }
.link a, .verticallink a, .arrowlink a { color:#025b94; text-decoration:none}
.link a:hover, a.label:hover, .arrowlink a:hover { cursor:pointer; color:#da2133;}
.link:hover, .verticallink:hover, .label:hover , .arrowlink:hover { background:url(../images/header/red-arrow.gif) 0 7px no-repeat; }
.searchbox { float:left; }
#searchbar .left { float:left; width:350px; margin:0 0 0 25px; }
.searchbox .inputbox { float:left;border:1px solid #c9c9c9; margin:0px; padding:5px; height:17px; width:176px ; background:#f8f8f8; color: #666666;}
.searchbox .searchbtn { float:left;overflow: hidden; line-height: 0; height:29px;margin:0px 0 0 0;width:34px; display:block; text-indent:-1000px; background:url(../images/header/search.gif) no-repeat 0px 0px; border:0;cursor:pointer; }
.h1divider { margin:0px 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #e3e3e3; float: left; width: 100%; }
.h1divider h1 {float:left}
.h1divider .icon {float:right;margin: 0 40px 0 0}
li.padding{padding:10px 0 10px 0}
/* language selection */
#searchbar .countryoption { width:165px; float:left; margin:0 0 0 380px }
.countryoption ul { list-style:none; margin:0px; padding:0px; height:29px; width:165px; position:absolute; z-index:2000 }
.countryoption ul li {clear:both;width:165px;height:27px; padding:0px 0; margin:0px; }
.countryoption ul li.item{display:none; background:#fff; border-right:1px solid #c9c9c9; border-left:1px solid #c9c9c9; padding:3px 0 3px 0px;}
.countryoption ul li.item a{display:block; }
.countryoption ul li.top{ border:1px solid #c9c9c9;background:#f8f8f8 url(../images/header/language.gif) no-repeat right 0px; }
.countryoption ul li.top:hover { background:url(../images/header/language-hover.gif) no-repeat right 0px;}
.countryoption ul li.top:hover span { color:#666666}
.countryoption ul li img { float:left; padding:5px 10px 0 10px }
.countryoption ul li span {float:left; padding:3px 0 0 5px; color:#666666}
.countryoption ul li.last{ border-bottom:1px solid #c9c9c9; }
.countryoption ul li.last img { padding-left:13px; padding-right:11px}
.countryoption ul li.last span { color:#025B94 }
.countryoption ul:hover .item{display:block; z-index:2000}
.countryoption{position:absolute;}
/* homepage */
.homepanel { width:580px; float:left; margin:0px 0 30px 0; border-right:1px solid #ddd; padding:0 30px 0px 0; height:200px}
.newspanel { width:260px; float:left; margin:0 0 20px 25px; padding:0px 0px 20px 0; }
.newspanel .divider { border-bottom:1px solid #ddd; clear:both;}
.newspanel .verticallink {float:left; line-height:12px; border-right:1px solid #ddd; padding:0px 8px 0px 14px ;background:url(../images/header/blue-chevron.gif) 0 3px no-repeat; margin:10px 8px 0 0; color:#025b94; }
.newspanel .verticallink a:hover { color:#da2133}
.newspanel .verticallink:hover { background:url(../images/header/red-arrow.gif) 0 3px no-repeat; }
.newspanel .verticallink.last { border:0px; padding-right:0px}
#bodywrapper { clear:both; width:960px; margin:0 auto; padding:0 0 0px 0;}
.homepage #bodywrapper{margin-top: -20px;}
#bodycontent { margin-top: 20px; width:960px; }
#bodycontent.home {margin :-20px 0 0;}
.page-panel { width:580px; float:left; margin:0px 0 30px 0; border-right:1px solid #ddd; padding:0 30px 30px 0; }
.newspanel-section, .page-panel-section {margin-bottom:30px; }
.page-panel-section{border-bottom: 1px solid #DDDDDD; padding-bottom: 30px;}
.page-panel ul {list-style-position: inside;}
/* intersitial */
.homeleftpanel {width:460px; float:left;}
.homerightpanel {width:400px; float:left; margin:0 0 0 30px}
/* audiencehomepage widget */
.audiencehomepage .widget {float:left; margin:0 0px 25px 0; width:260px; border-right:1px solid #ddd; padding:0px 30px 0 30px;}
.audiencehomepage .widget h2.title { border-bottom:1px solid #ddd;padding-bottom:20px; }
.audiencehomepage .widget h2 { font-size:18px; padding-bottom:0px}
.audiencehomepage .widget h2.blue { border:0px; }
.audiencehomepage .widget .copy { padding:0px 0 25px 0; margin:0px 0 25px 0; clear:both ; border-bottom: 1px solid #ddd; }
.audiencehomepage .widget .copy.last { border-bottom:0px}
.audiencehomepage .widget .copy .rightcopy { float:left; margin-left:0px; max-width:200px; }
.audiencehomepage .widget .copy .rightcopy ul { margin:0 0 0 5px; padding:0px ; max-width:160px;}
.audiencehomepage .widget .copy .rightcopy ul li.arrowlink { list-style:none; }
.audiencehomepage .widget ul {padding: 0 0 0 15px; margin:0px;}
.audiencehomepage .widget ul li.arrowlink { list-style:none; margin:0 0 0 -15px;}
.audiencehomepage .widget.firstcol { margin-left:0px; padding-left:0px }
.audiencehomepage .widget.lastcol { float:left; margin:0 0px 0 25px; padding:0px; width:260px; border:0px}
.audiencehomepage .widget .divider { padding:25px 0 0px 0; margin:25px 0 0px 0; clear:both ;border-top:1px solid #ddd; }
.audiencehomepage .widget .section, .widget-section {height: 230px; }
.audiencehomepage .widget .widget-icon {float: left; height: 100%; margin: 0 20px; width:40px;}
.audiencehomepage .widget .widget-fullicon {float: left; height: 100%; margin: 0 20px; width:100%;}
.audiencehomepage .widget.firstcol .widget-icon { margin-left:0px}
.audiencehomepage .widget .widgetcopy { margin:0 0px}
.audiencehomepage .widget.firstcol .widgetcopy { margin-left:0px}
/* carousel for audiencehomepage */
/* rotator in-page placement */
.audiencehomepage div.rotator { height:305px; margin:10px 0 0 0; padding:0px }
.audiencehomepage div.rotator a { cursor:pointer;position:relative; display:block; width:100px; height:100px}
.audiencehomepage .newspanel{}
.audiencehomepage .righthpwidget .newspanel{padding-bottom: 10px;}
.audiencehomepage .newspanel .copy{margin: 10px 0; border-bottom: 1px solid #DDDDDD; padding-bottom: 10px;}
.coda-slider .rotator { overflow:hidden; width:790px;height:293px; margin:0px 0 0 11px;position:absolute; }
.coda-slider .rotator div { list-style: none; margin:0 0 0 0px; padding:0px; z-index:1; }
.coda-slider div.rotator a { display:block; cursor:pointer; }
.panel-wrapper {z-index:5; height:280px; margin:0;position:relative; display:block;filter:alpha(opacity=85); }
.panel-title {z-index:5; display:block; opacity:0.85;filter:alpha(opacity=85); }
/* homepage widget */
.home .widget {float:left; margin:0 ; width:320px; border-right:1px solid #ddd; padding:65px 0px 0 0px;}
.home .widget h2.title { border-bottom:1px solid #ddd;padding-bottom:20px; }
.home .widget h2 { font-size:18px; padding-bottom:0px}
.home .widget h2.blue { border:0px; }
.home .widget .copy {margin-bottom:35px; border-bottom: 1px solid #DDDDDD; padding-bottom: 35px; float: left; overflow: hidden; width: 100%; height: 230px; }
.home .widget .copy.last { border-bottom:0px;}
.home .widget .copy .rightcopy { float:left; margin-left:0px; }
.home .widget .copy .rightcopy ul {padding: 0 0 0 15px; margin:0px; max-width:200px;}
.home .widget ul {padding: 0 0 0 15px; margin:0px;}
.home .widget ul li.arrowlink { list-style:none; margin:0 0 0 -15px; }
.home .widget.firstcol { margin-left:0px; padding-left:0px }
.home .widget.lastcol { float:left; margin:0; width:310px; border:0px}
.home .widget .divider { padding:25px 0 0px 0; margin:25px 0 0px 0; clear:both ;border-top:1px solid #ddd; }
.home .widget .rightcopy {float: left; height: 100%; width: 180px; overflow: hidden; margin-bottom: 35px;}
.home .widget .rightcopy .link { margin:0 0 0 0;}
.home .widget .widget-icon {float: left; height: 100%; margin: 0 20px; width:40px;}
.home .widget .widget-fullicon {float: left; height: 100%; margin: 0 20px; width:100%;}
.home .widget .widgetcopy, .home .widget .link { margin:0 30px; }
.home .widget.firstcol .widgetcopy, .home .widget.firstcol .copy .link{ margin-left:0px}
/* tab css */
#navtabs { list-style: none;font: normal 12px Arial, sans-serif; margin:0px; padding: 0; font-size: 11px; font-weight: bold; }
ul#navtabs { border-bottom: 1px solid #c8c8c8; margin:0px; padding:0px;height:36px; width:960px; }
#navtabs li { float: left; height:16px; background: #ffffff url(../images/product_pages/tableft.gif) no-repeat left top; padding: 10px 0 10px 11px; margin-right: 1px; }
#navtabs li a { height:16px; background: #ffffff url(../images/product_pages/tabright.gif) no-repeat right top; padding: 10px 11px 12px 0; color:#025b94; }
#navtabs li.active { height:17px; border-bottom: 0px solid #c8c8c8; background: #f6f6f6 url(../images/product_pages/tableft_active.gif) no-repeat left top; }
#navtabs li.active a { background: #f6f6f6 url(../images/product_pages/tabright_active.gif) no-repeat right top; color: #da2133; }
.tab-container { display:none; padding:30px 30px; background:#ffffff url(../images/product_pages/background.gif) no-repeat 0 0; }
.tab-container ul { margin:0 0 0 15px; padding:0 0 0 0}
.tab-container ul li {padding-bottom:10px}
/*content table css */
.bodytextcolleft {float:left; width:360px}
.bodytextcolright {float:left; margin:0 0 30px 0; width:600px; }
.bodytextcolright ul { margin:0 0 0 20px; padding:0px}
.tablelayout {border:1px solid #d5d5d5; margin-top:30px}
.tablelayout .row {clear:both; padding:5px; background:#ffffff; display:block; }
.tablelayout .grey {background:#efefef; display:block}
.tablelayout .tablecolleft {float:left; padding-right:20px;width:190px; text-align:right; font-weight:bold;}
.tablelayout .tablecolright {float:left}
/*table styles*/
table { clear:both }
table.content-table {width: 100%; border:solid 1px #D5D5D5; margin: 40px 0;border-collapse: collapse; background-color:white; clear:both }
table.content-table td {padding: 5px 10px; border-right:solid 1px #D5D5D5;}
.content-table-header {background: #025B94; color: #FFFFFF; padding: 5px 10px; text-align: left; }
table.content-table td.content-table-header { border-right:0px;}
.content-table-label { font-weight:bold; text-align:right }
.content-table-grey-row {background-color: #EFEFEF;}
/* end of table styles*/
/* widget left and right panel */
#bodycontent .leftpanel {float:left; width:460px;padding:0 0px 30px 0}
#bodycontent .rightpanel {float:left; width:400px; margin:0 0 0 30px; padding:0 0px 30px 0}
/* standard content left and right panel */
#bodycontent .contentleftpanel { width:580px; float:left; margin:0px 0 30px 0; border-right:1px solid #ddd; padding:0 30px 30px 0; }
#bodycontent .contentrightpanel {float:left; width:260px; margin:0 0 0 28px; padding:0 0px 30px 0}
#bodycontent .righthpwidget { clear:both; padding:0 0 20px 0; margin:0 0 20px 0; }
#bodycontent .righthpwidget ul { list-style:none; margin:0px; padding:0px}
#bodycontent .righthpwidget ul li { margin:0px; padding:0 0 5px 15px }
.contentrightpanel .widgetdivider { padding:0px 0 20px 0; margin:0px 0 20px 0; border-bottom:1px solid #ddd; clear:both;}
#bodycontent .loginpanel{ float: left;margin: 0 0 30px;padding: 0 30px 30px 0; width: 580px;}
.bodytext { width:900px; margin:0 auto; }
.bodytextwide { width:960px; margin:0 auto; }
.bodytext ul, .bodytextwide ul { padding: 0; margin:0 0 0 15px; }
/* news template */
.newsrow { clear:both; padding:0px 0 30px 0; margin-bottom:30px; border-bottom:1px solid #dddddd; }
.newsrow .newscontent {float:left; width:400px; margin:0 0 0 30px}
.newsrow .image {float:left; width:145px; display:block;}
.newsrow .author, .newsstory .author { margin:0 0 20px 0 }
.newsrow .author .category , .newsstory .category{ color:#025b94}
.newsstory .newsbody { margin:30px 0}
/* righthand widget */
.socialiconswidget { padding:20px 0 0px 10px; background:#f6f6f6; border:1px solid #dddddd; height: 35px; margin: 0px 0 20px 0 }
.socialiconswidget .title { float:left; margin:0px 0px 0px 0; padding:0 0px 0 0; font-weight:bold; }
.socialiconswidget .images { float:left; width:150px; }
.socialiconswidget img { margin:-10px 0 0px 0; padding:0px 0px 0 8px }
/* righthand promotional widget */
.rightpromotional {margin:0 0 28px 0}
.rightpromotional .toprow { background:#5FA6CB url(../images/news/lhs-signup1.gif) no-repeat top right;}
.rightpromotional .image { float:left; padding:18px 0px 0 18px; }
.rightpromotional .text { float:left;width:130px; font-size:20px; text-align:center; margin:20px 0 20px 30px; color:#ffffff; font-style:italic; }
.rightpromotional .middlerow { clear:both; background:#e9e9e9 url(../images/news/lhs-signup2.gif); height:25px}
.rightpromotional .bottomrow { text-align:center; background:#e9e9e9 url(../images/news/lhs-signup3.gif); height:54px}
.rightpromotional .bottomrow a { padding-top:10px; display:block; font-weight:bold; text-decoration:none; color:#ffffff}
.rightpromotional .fulltext { color:#ffffff; font-style:italic; padding:20px}
.rightpromotional .fulltextbutton {padding:20px; background:#0E72A6 ; }
/* breadcrumb */
.breadcrumb ul { height:15px;list-style:none; background:#f4f4f4; border:1px solid #ededed; padding:8px 20px 10px 0; margin:0 0 20px 0px}
.breadcrumb ul li { display:block; float:left; background:url(../images/header/grey-chevron.gif) no-repeat right 7px; }
.breadcrumb ul li a{ margin:0 15px 0 10px; font-weight:bold }
.breadcrumb ul li.selected { margin: 0 0 0 10px; background:none; font-weight:bold}
/* search result */
.searchresult {width:960px}
.searchresult .title {font-size:18px; color:#025b94; font-weight:bold;}
.searchresult .tab-container.productstab { margin:0px;padding-left:15px; padding-right:15px; }
.searchresult .resultrow { margin:0 0 30px 0; clear:both; }
.searchresult .filterbox { border:1px solid #dddddd; padding:10px; background:#ffffff; margin:0 0 10px 0 }
.searchresult .filterboxTitle {font-size:18px; font-weight:bold; color:#025b94; margin:0px; padding:0px; cursor: pointer; position: relative; font-weight:bold; background: #fff url(../images/product_pages/maximise.gif) center right no-repeat; }
.searchresult .filterboxbody { padding-top:10px; display:none; }
.searchresult .filterboxbody ul {list-style:none; padding:0px; margin:0px}
.searchresult .filterboxbody ul li label { margin:0 0 0 5px}
.searchresult .filterboxbody .searchcriteria {clear:both; }
.searchresult .filterboxbody .searchcriteria label {margin:0 0 0 10px}
.searchresult .filtercol {float:left; width:280px; padding:15px 0}
.searchresult .resultcol {float:left; width:600px; margin:0 0 0 20px; }
.searchresult .resultcol .resultcolrow .resultcolrowleft {float:left; width:100px; height:100px; }
.searchresult .resultcol .resultcolrow .resultcolrowright {float:left; width:450px;margin:0 0 0 30px}
.searchresult .resultcol .resultcolrow .resultcolrowright a:hover { cursor:pointer; color:#da2133 }
.searchresult .resultcol .resultcolrow .resultcolrowleft .thumbnail {position:relative; border:1px solid #dddddd; height:100px; width:100px;background:#fff}
.searchresult .resultcol .resultcolrow .resultcolrowleft .overlayobsolete
{ font-weight:bold; font-size:12px;position:absolute; text-align:center; color:#ffffff; margin:86px auto 0 auto; height:18px; width:100px;
background:#BABABA url(../images/product_pages/obsolete.gif) no-repeat right 2px; }
.searchresult .resultcol h2 { font-weight:bold; font-size:16px; color:#025b94; padding:0px; margin:0px; }
.searchresult .resultcolrow {clear:both; padding-bottom:30px; display:block;}
/* pagination */
.pagination {width:100%}
.pagination .previous { float:left; width:60px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; display:block; height:20px; margin:0 20px 0 0px; padding:10px 0px 10px 30px;border-left:1px solid #d5d5d5; background:#ffffff url(../images/header/blue-chevron-previous.gif) 10px 17px no-repeat; border-right:1px solid #d5d5d5; }
.pagination .next {float:right; width:50px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; display:block; height:20px;margin:0 0 0 0px; padding:10px 0px 10px 10px;border-left:1px solid #d5d5d5; background:#ffffff url(../images/header/blue-chevron.gif) 45px 17px no-repeat; border-right:1px solid #d5d5d5;}
.pagination ul#pagination { float:left; border-right:1px solid #d5d5d5;list-style:none }
.pagination ul#pagination { background:#ffffff; list-style:none; margin:0px 0 0 0; padding:0px; height:40px; }
.pagination ul#pagination li { float:left; border-bottom:1px solid #d5d5d5; height:20px; border-top:1px solid #d5d5d5;padding:10px 15px; margin-right:0px; display:block; border-left:1px solid #d5d5d5; }
.pagination ul#pagination li.active {background:#DA2133; color:#ffffff; font-weight:bold;}
/* footer */
#landingfooter { clear:both; margin-top:20px;padding-top:20px; border-top:1px solid #81A9C3; font-size:11px }
#footer { clear:both; padding-top:0px; border-bottom:1px solid #81A9C3; }
#footer h2 {font-size:16px}
#footer .column { width:190px; float:left; margin:30px 40px 0 0 }
#footer .column.last { margin-right:0px}
#footer ul { list-style:none; margin:0px; padding:0px}
#footer ul li { border-bottom:1px solid #dddddd; padding:0 0 10px 15px }
#footer ul li a { font-weight:normal}
#footer ul li.last { border:0px}
.socialicons { padding-top:20px }
.socialicons .addthisholder span { padding-right:10px}
.socialicons img { padding-right:10px}
.address { color:#666666; font-weight:bold; font-size:14px; line-height:24px }
#contactinfo { padding-top:20px; font-weight:normal; }
.contactinfo { padding:5px 0}
.contactinfo span{ color:#da2133; font-weight:bold; margin-right:10px }
#copyright { padding-top:20px; margin-top:40px; border-top:1px solid #dddddd; font-size:11px; margin-bottom:20px ;font-weight:bold; line-height:12px}
#copyright .text {float:left; width:240px; }
#copyright .bottomlinks {float:right; }
#copyright .bottomlinks ul { list-style:none; margin:0px; padding:0px}
#copyright .bottomlinks ul li { float:left; border-right:1px solid #dddddd; padding-right:10px; margin-left:10px;}
#copyright .bottomlinks ul li.last { border:0px; padding-right:0px }
#footer.home{padding-top:0px;}
/* page-form styles */
.page-form {text-align: left; width: 960px; padding-top:20px}
.page-form .row {display: block; margin: 0 auto; padding-bottom: 0px; clear: both;}
.page-form .row label {padding-bottom: 20px;}
.page-form .row .replicate {margin-top:20px;}
.page-form label { float: left; font-weight: bold; margin: 0 20px 0 0; text-align: right; width: 278px;}
.page-form label.error { margin-left: 20px; height: 25px; float: left; position: absolute; text-align:left; background:#ffffff url(../images/form/validationleft.gif) no-repeat top left;}
.page-form div.CheckboxField .error{}
.page-form label.error span { display:block;margin-left: 5px; border-bottom: 1px solid #FBB6B0; border-right: 1px solid #FBB6B0; border-top: 1px solid #FBB6B0; height: 20px; padding: 4px 20px 0px 10px;}
.page-form div.message{ height: 25px; margin-left: 20px; background: transparent url(../images/form/validationleft.gif) no-repeat scroll 0px 0px; padding-left: 6px; }
.page-form div.error{ background-color:#fff; border-color: #FBB6B0; border-style: solid solid solid none; border-width: 1px; padding: 3px 10px; height: 17px; font-weight:bold; }
.page-form .input label, .form .input input, .form .input textarea { float: left; margin: 0; padding: 0;}
.form textarea {width: 274px; margin-bottom:20px}
.page-form .row img{float: left}
.page-form .error {color: red;}
.page-form .row input.text , .row select {border: inset 1px #D5D5D5; width: 278px; height:20px;}
.page-form div.blue-button input{background: url(../images/form/blue-btn.gif); color: #FFFFFF; height: 29px; padding: 0px 10px; font-weight: bold; font-border:none; margin-bottom:50px;}
.page-form .form_validation-summary {margin: 30px auto; text-align: center; color: red; font-weight: bold; background: url(../images/form/error.jpg) left no-repeat; height: 26px; width: 360px;}
.page-form .row .msg{font-size:1em; padding-left: 25px; width: 268px; float: left; margin-bottom: 20px;}
.page-form .TextField {clear:both}
.form-textbox, .row select {border: inset 1px #D5D5D5; width: 278px; height:20px;}
.page-form h3 { margin-left:300px}
.page-form .divider { border-bottom:#dddddd 1px solid; padding:25px 0 0 0; margin:0px 0 35px 0 }
.page-form .additem { margin:20px 0 20px 298px; border:#c8c8c8 1px solid; height:35px; width:278px; background:#ECF5FA url(../images/form/add.gif) no-repeat 10px 50% }
.page-form .additem a { display:block; padding:8px 0px; margin:0px 0 0 40px; font-weight:bold}
.page-form .blue { color:#287297}
#badMessage { clear:both; width:200px; color: red; font-weight: bold; background: url(../images/form/error.jpg) 0px 0px no-repeat; padding:0 0 0 40px ; height:25px}
.page-form .LiteralField h2{font-size: 18px;}
.page-form .CheckboxField {padding-bottom: 15px; }
/*new*/
.video {margin: 40px 0; width: 580px;}
.vertical-divider{border-right: solid 1px #C9C9C9;}
/* sitemap */
.sitemap-list {float:left; width: 190px; }
.sitemap-list h3{margin:10px 0 10px 0; }
.sitemap-list ul {list-style: none outside none; margin: 0; padding: 0;}
.sitemap-list ul li a {width: 170px;}
.sitemap-panel{margin-bottom: 40px; width: 100%;clear: both; float: left;}
/** distributor page **/
.search-bar {float: left; width: 100%; margin: 40px 0;}
.search-bar .controls {width:235px; margin-right:45px; float: left; }
.searchdistributor {float: right; margin-left:0px; }
#find-distributor{float: left; background: url("../images/header/language.gif") no-repeat right #F8F8F8; height: 26px; width: 149px; overflow: hidden;}
#find-distributor select {width: 172px; color: #666666; height: 26px; padding:5px; background: transparent; border: 1px solid #C9C9C9; }
#find-distributor select option {padding:5px;}
.distributor-list{float: left; background: #F8F8F8; height: 26px; width: 149px;}
.distributor-list select{color: #666666; border: 1px solid #C9C9C9; width: 149px; height: 26px; }
.distributor-list select option {padding:5px; margin: 5px;}
.distributorsblock { margin:0 0 30px 0}
.resultpanel-premium {background:#F4F4F4; float: left; width: 100%; border: 1px solid #EDEDED;}
h3.distributors{margin:10px 0 10px 10px}
.address-column{float: left; width: 40%; margin-right: 20px;}
.textcolumn{float: left; width: 55%;}
.distributor-addr.resultpanel-premium { padding:30px; }
.distributor-addr{ margin:0px 0 20px 0; padding:0px 30px; }
.distributor-addr h2 { font-size: 18px; margin:0px 0 15px 0; padding:0px}
.distributor-addr h3 {font-size:12px; margin:0 0 0px 0; padding:0px}
.distributor-addr .logo { float:left; width:120px; display:block; border:1px solid #F4F4F4 }
.distributor-addr .companyinfo ul{list-style: none; padding: 0; margin:0px}
.distributor-addr .companyinfo {float:left; width:350px; margin:0 0 20px 20px}
.distributor-addr .content {float:left; width:360px; margin:30px 0 0 20px}
.distributors .divider { border-top:1px solid #d5d5d5; padding:0px 0 30px; margin:30px 0}
.distributors .nodivider { border-bottom:0px; padding-top:0px}
.distributors {padding-bottom:50px}
img.right, .img-float-right{float:right; margin: 0 0 40px 40px;}
img.left, .img-float-left{float:left; margin: 0 40px 40px 0;}
.widget-icon {float: left; height: 100%; margin: 0 30px;}
.blue-button input{background: url(../images/form/blue-btn.gif); color: #FFFFFF; height: 29px; padding: 3px 10px; font-weight: bold; border:none;}
/*landing page */
#landingheader {padding-bottom:10px; border-bottom:1px solid #ddd; margin:0 0 30px 0}
/* landing page left and right column */
.landingpage .landingleftpanel {float:left; width:460px;padding:0 0px 30px 0}
.landingpage .landingrightpanel {float:left; width:450px; margin:0 0 0 30px; padding:0 0px 50px 20px}
.landingpage .blue-button { margin:15px 0 0 0 ;}
.landingpage .blue-button-large { margin:35px 0 0 0 ;}
.landingpage .blue-button a { font-weight: bold; border:0px; color:#ffffff; position:relative; height: 23px; padding: 5px 10px; background: url(../images/form/search_btn.gif) repeat-x; }
.landingpage .blue-button-large a { font-weight: bold; font-size:16px; border:0px; color:#ffffff; margin:20px 0 0 0 ; padding: 15px 30px; background:#01568D url(../images/form/large-blue-button.gif) no-repeat;}
.landingpage .blue-button a:hover { underline:none }
/* landing page widget */
.landingpage .widget{float:left; margin:0; width:260px; border-right:1px solid #ddd; padding:0px 30px 0 30px;}
.landingpage .widget h2.title { border-bottom:1px solid #ddd;padding-bottom:20px; }
.landingpage .widget h2 { font-size:18px; padding-bottom:0px}
.landingpage .widget h2.blue { border:0px; }
.landingpage .widget .copy { padding:0px 0 30px 0; margin:0; clear:both ; }
.landingpage .widget .copy.last { border-bottom:0px}
.landingpage .widget .copy .rightcopy { float:left; margin-left:0px; max-width:160px; }
.landingpage .widget .copy .rightcopy ul { margin:0px; padding:0px ; list-style:none; max-width:160px;}
.landingpage .widget.firstcol { margin-left:0px; padding-left:0px }
.landingpage .widget.lastcol { float:left; margin:0 0px 0 25px; padding:0px; width:260px; border:0px}
.landingpage .widget .divider { padding:25px 0 0px 0; margin:25px 0 0px 0; clear:both ;border-top:1px solid #ddd; }
.landingpage .widget .section, .widget-section {height: 230px; }
.landingpage .widget .widget-icon {float: left; height: 100%; margin: 0 20px; width:40px;}
.landingpage .widget .widget-fullicon {float: left; height: 100%; margin: 0 20px; width:100%;}
.landingpage .widget.firstcol .widget-icon { margin-left:0px}
.landingpage .widget .widgetcopy { margin:0 0px}
.landingpage .widget.firstcol .widgetcopy { margin-left:0px}
.landingpage #copyright {border: none;}
.img-placeholder {width:470px;height:320px; }
.dialog-shadow {background:url(../images/form/box-shadow.png); margin:20px; }
.bodytext hr {margin: 30px 0 35px;}
/* Product CTA;s*/
.productCTA{ float:right;display:block;height:80px;margin:0 0 50px 50px }
.productCTA:hover{ cursor: hand; cursor: pointer; }
.productCTA span{display:block;height:50px; margin:0 0 10px 0 }
.productCTA a.link{height:50px; margin: 0 0px 0 50px;display:block;color:#fff;padding:0 10px 0 0 ;line-height:50px}
.productCTA span.quotation{background:url('../images/product_pages/button-quote-left.png') no-repeat}
.productCTA a.quotation{background:url('../images/product_pages/button-quote-right.png') no-repeat right;}
.productCTA span.enq{background:url('../images/product_pages/button-enquiry-left.png') no-repeat}
.productCTA a.enq{background:url('../images/product_pages/button-enquiry-right.png') no-repeat right; color:#0F77AD}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.filtercol .mobilefilter, #navbar .mega-menu li.dc-mega-li a i,
.navAction {
display: none;
}
.filtersblock {display:block;}
.filtercol .mobilefilter {
display:none;
}
@media screen and (max-width: 991px) {
#wrapper { margin: 0; max-width: none; }
#header { padding: 10px 15px; position: relative; }
#logo { width: 120px; }
#logo a { display: block; }
#logo img { width: 120px; vertical-align: top; }
#header .label.logLabel { display: none; }
#searchbar { position: fixed; top: -300px; right: -300px; width: 20px; height: 20px; z-index: 999999; }
.headerMobileNav {
width: 50px;
position: absolute;
top: 0px;
right: 15px;
bottom: 0px;
display: block;
background-image: url(./images/mobile-nav-closed.png);
background-size: 36px 30px;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
}
.headerMobileNav.open {
background-image: url(./images/mobile-nav-open.png);
background-size: 30px 30px;
}
.filtercol .mobilefilter
{
display:block;
}
#showfilter {
border:1px solid #dddddd; padding:1%; background:#ffffff; display:block; width:98%;
}
#showfilter.on { margin-bottom:15px }
.filtersblock {display:none;}
#navbar {
display: none;
margin: 0px;
height: auto;
}
#navbar .mega-menu {
border: none;
height: auto;
}
#navbar .mega-menu li.dc-mega-li,
#navbar .mega-menu li {
float: none;
width: 100%;
display: block;
text-align: left;
height: auto;
}
#navbar .mega-menu li.dc-mega-li > a {
float: none;
width: 100%;
display: block;
text-align: left;
padding: 15px 15px 11px;
position: relative;
box-sizing: border-box;
height: auto;
}
#navbar .mega-menu li a {
float: none;
width: 100%;
text-align: left;
padding: 15px 15px 11px;
box-sizing: border-box;
height: auto;
}
#navbar .mega-menu li.dc-mega-li a i {
position: absolute;
top: 0px;
right: 15px;
bottom: 0px;
display: block;
width: 50px;
height: auto;
background-image: url(./images/mobile-down-arrow.png);
background-size: 25px auto;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
#navbar .mega-menu li .sub-container.mega {
display: block;
position: static;
width: 100%;
margin: 0px !important;
}
#navbar .mega-menu li .sub-container.mega .vertical-divider.mega-unit.mega-hdr,
#navbar .mega-menu li .sub-container.mega .mega-unit.mega-hdr.last {
width: 100%;
height: auto !important;
}
#bodywrapper,
#bodycontent,
.bodytextwide {
width: 100%;
}
#bodycontent.home {
margin-top: 0px;
}
.home .widget {
width: 100% !important;
display: block;
float: none;
padding: 0px 0px 20px;
border-left: none !important;
border-right: none !important;
border-bottom: 1px solid #DDDDDD !important;
margin-top: 20px;
}
.home .widget.firstcol {
padding-top: 20px;
}
.home .widget.lastcol {
margin-top: 20px;
}
.home .widget:before,
.home .widget:after {
content: " ";
display: table;
}
.home .widget:after {
clear: both;
}
.home .widget .widget-icon {
margin-left: 15px;
}
.home .widget .copy {
width: 50%;
height: auto;
margin-bottom: 0px;
padding-bottom: 0px;
border: none;
}
.home .widget.lastcol .copy.last {
border-bottom: none !important;
padding-bottom: 0px;
}
.home .widget .rightcopy {
margin-bottom: 0px;
}
#footer {
padding: 0 15px;
}
#footer .column {
width: 100%;
}
#footer ul li {
margin-right: 0px;
}
#copyright {
padding-top: 10px;
margin-bottom: 5px;
margin-top: 20px;
}
#copyright .text {
text-align: center;
width: 100%;
float: none;
padding-bottom: 10px;
}
#copyright .bottomlinks {
float: none;
width: 100%;
text-align: center;
}
#copyright .bottomlinks ul {
display: inline-block;
}
#copyright .bottomlinks ul:before,
#copyright .bottomlinks ul:after {
content: " ";
display: table;
}
#copyright .bottomlinks ul:after {
clear: both;
}
#copyright .bottomlinks ul li {
padding-right: 5px;
margin-left: 5px;
margin-bottom: 5px;
}
h1.title,
.h1divider h1 {
margin-top: 0px;
margin-left: 15px;
margin-right: 15px;
float: none;
}
.h1divider .icon {
margin: 0 0 0 15px;
float: left;
}
.bodytext {
width: 100%;
padding: 0 15px;
box-sizing: border-box;
}
.homepanel {
width: 100%;
height: auto;
margin-bottom: 15px;
padding: 0;
border: none;
}
.audiencehomepage div.rotator {
width: 100%;
height: 0px !important;
padding-bottom: 34.48%;
}
.audiencehomepage div.rotator a {
width: 100%;
height: 0px !important;
padding-bottom: 34.48%;
}
.audiencehomepage div.rotator a img {
width: 100%;
height: auto;
}
.audiencehomepage .newspanel {
text-align: center;
margin: 0;
width: 100%;
}
.audiencehomepage .widget {
padding: 0;
width: 100%;
border-right: none;
border-left: none;
}
.audiencehomepage .widget h2.title {
padding-left: 15px;
}
.audiencehomepage .widget .copy {
padding-left: 15px;
padding-right: 15px;
}
.audiencehomepage .widget .copy.last {
border-bottom: 1px solid #dddddd;
}
.audiencehomepage .widget.lastcol {
margin: 0;
width: 100%;
}
#bodycontent .leftpanel,
#bodycontent .contentleftpanel,
#bodycontent .homeleftpanel {
width: 100%;
padding: 0 15px 30px;
box-sizing: border-box;
}
#bodycontent .rightpanel,
#bodycontent .contentrightpanel,
#bodycontent .homerightpanel {
width: 100%;
padding: 0 15px 30px;
box-sizing: border-box;
margin: 0;
}
#bodycontent .contentrightpanel {
padding-bottom: 0px;
}
#bodycontent .rightpanel div[style="width:400px;height:200px;"] {
display: none;
}
.contentrightpanel .widgetdivider {
margin: 0px -15px 20px -15px;
}
.contentrightpanel .widgetdivider:last-child {
display: none;
}
.breadcrumb ul {
height: auto;
padding-left: 5px;
border-right: none;
border-left: none;
}
.breadcrumb ul:before,
.breadcrumb ul:after {
content: " ";
display: table;
}
.breadcrumb ul:after {
clear: both;
}
#bodycontent table tr td {
display: block;
width: 100% !important;
padding: 0 15px;
box-sizing: border-box;
}
.search-bar {
padding: 0 15px;
box-sizing: border-box;
margin-bottom: 10px;
}
.search-bar .controls {
width: 100%;
margin: 0 0 10px;
}
.search-bar .controls .distributor-list {
width: calc(100% - 70px);
}
.search-bar .controls .distributor-list select {
width: 100%;
height: 29px;
}
.distributorsblock {
border-left: none;
border-right: none;
width: 100%;
padding: 10px 15px;
box-sizing: border-box;
}
h3.distributors {
margin: 0;
}
.distributor-addr {
border-bottom: 1px solid #DDDDDD;
padding: 0 0 10px;
}
.distributor-addr .logo {
float: none;
width: 100%;
border: none;
}
.distributor-addr .companyinfo {
float: none;
width: 100%;
margin: 0;
}
#bodycontent .distributor-addr table tr td {
display: table-cell;
width: auto;
padding: 0;
}
.distributor-addr .content {
margin: 0;
float: none;
width: 100%;
}
.distributor-addr .content ul {
padding-left: 15px;
}
#bodycontent .homerightpanel img {
max-width: 100%;
}
.home .widget .copy.last {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.home .widget .widgetcopy, .home .widget .link {
margin: 0;
}
.landingpage .landingleftpanel {
padding-bottom: 10px;
}
.landingpage .landingleftpanel,
.landingpage .landingleftpanel .img-placeholder {
width: 100%;
float: none;
}
.landingpage .landingleftpanel .img-placeholder img {
max-width: 100%;
}
.landingpage .landingrightpanel {
width: 100%;
float: none;
margin: 0;
padding: 0 15px 30px;
box-sizing: border-box;
border-bottom: 1px solid #DDDDDD;
}
.landingpage .widget,
.landingpage .widget.firstcol,
.landingpage .widget.lastcol {
width: 100%;
float: none;
border-right: none;
border-left: none;
padding: 15px 15px 0;
margin: -1px 0 0;
box-sizing: border-box;
border-top: 1px solid #DDDDDD;
}
#landingfooter {
text-align: center;
padding: 5px 15px;
margin: 0;
}
#bodycontent .loginpanel {
width: 100%;
float: none;
box-sizing: border-box;
padding: 0px 15px 30px;
}
.page-form {
width: 100%;
}
.page-form .row label {
width: auto;
display: block;
float: none;
text-align: left;
padding-bottom: 0px;
margin-top: 15px;
}
.page-form .row input.text, .row select {
width: 100%;
}
.newsrow .image {
float: none;
width: 100%;
}
.newsrow .image img {
max-width: 100%;
}
.newsrow .newscontent {
float: none;
width: 100%;
margin: 0;
}
.bodytext img {
max-width: 100%;
height: auto;
}
.bodytext table .captionImage {
margin-top: 15px;
}
#bodycontent .bodytext table {
width: 100% !important;
}
#bodycontent .bodytext table tr.content-table-grey-row td {
background-color: inherit !important;
}
#bodycontent .bodytext table tr td {
padding: 0;
}
.bodytext .content-table-label {
text-align: left;
}
.bodytextcolleft {
width: 100%;
float: none;
padding: 0 15px;
box-sizing: border-box;
text-align: center;
}
.bodytextcolleft img {
max-width: 100%;
height: auto;
}
.bodytextcolright {
width: 100%;
float: none;
padding: 0 15px;
box-sizing: border-box;
}
.productCTA {
width: 100%;
max-width: 339px;
margin: 0 auto 50px;
float: none;
}
ul#navtabs {
width: 100%;
height: auto;
border-top: 1px solid #c8c8c8;
}
ul#navtabs:before,
ul#navtabs:after {
content: " ";
display: table;
}
ul#navtabs:after {
clear: both;
}
#navtabs li,
#navtabs li.active {
width: 100%;
background: none;
border-bottom: 1px solid #c8c8c8;
padding: 12px 15px 10px;
box-sizing: border-box;
height: auto;
position: relative;
}
#navtabs li:after {
content: ' ';
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -10px;
width: 15px;
height: 15px;
background-image: url(./images/mobile-tabs-arrow.png);
background-size: 9.4px 15px;
background-position: center center;
background-repeat: no-repeat;
}
#navtabs li.active:after {
background-image: url(./images/mobile-tabs-arrow-active.png);
background-size: 15px 9.4px;
}
#navtabs li a,
#navtabs li.active a {
display: block;
width: 100%;
background: none;
padding: 0;
}
.sitemap-panel {
padding: 0 15px;
box-sizing: border-box;
}
.sitemap-panel h2 {
margin-bottom: 0px;
}
.sitemap-list {
margin-left: 25px;
width: auto;
float: none;
}
.sitemap-list .label {
float: none;
background-position: left center;
}
.sitemap-list h3:not(:empty) + ul {
margin-left: 25px;
}
.navAction {
display: block;
width: 50%;
float: left;
padding: 13px 0;
text-align: center;
background: #005b95;
background: url(../images/nav/blue-nav.gif) 0 0 repeat-x;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-shadow: 1px 1px 1px #074367;
font-size: 0px;
line-height: 0;
}
.navAction:after {
content: ' ';
display: block;
width: 20px;
height: 20px;
background-image: url(./images/mobile-search-icon.png);
background-size: 20px 20px;
background-position: center center;
background-repeat: no-repeat;
margin: 0 auto;
}
.navAction.navActionLanguage {
background: #DA2133;
text-shadow: 1px 1px 1px #820e10;
}
.navAction.navActionLanguage:after {
background-image: url(./images/mobile-language-icon.png);
}
#searchbar .left .searchbox,
#searchbar .countryoption {
display: none;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 0px;
overflow: hidden;
/*background: rgba(0, 91, 149, 0.8);*/
background: rgba(0, 0, 0, 0.8);
margin: 0;
z-index: 999999;
}
#searchbar .left .searchbox.open,
#searchbar .countryoption.open {
display: block;
height: 100%;
width: 100%;
margin: 0px;
}
#searchbar .left .searchbox form {
text-align: center;
margin: 69px 15px 0;
}
#searchbar .left .searchbox form:before,
#searchbar .left .searchbox form:after {
content: " ";
display: table;
}
#searchbar .left .searchbox form:after {
clear: both;
}
#searchbar .left .searchbox form .inputbox {
box-sizing: border-box;
height: 29px;
width: calc(100% - 34px);
}
#searchbar .countryoption ul {
display: block;
width: auto;
margin: 69px 15px 0;
position: static;
}
#searchbar .countryoption ul li {
width: 100%;
}
#searchbar .countryoption ul li.top:hover {
background: #f8f8f8 url(../images/header/language-hover.gif) no-repeat right 0px;
}
#main #coda-nav-1 {
width: 100%;
}
#main #coda-nav-1 .coda-nav-topbox {
width: 100%;
text-align: center;
box-sizing: border-box;
height: auto;
padding: 15px 15px 10px;
}
#main #coda-nav-1 .coda-nav-topbox h3 {
margin: 0;
}
#main .coda-nav-topbox-arrow {
display: none;
/*width: 100%;
background-image: url(../images/homepagecoda/nav2.gif), url(./images/mobile-coda-repeat.gif);
background-size: 138px 20px, 1px 20px;
background-repeat: no-repeat, repeat-x;
background-position: center, center;*/
}
#main .coda-nav ul:before,
#main .coda-nav ul:after {
content: ' ';
display: table;
}
#main .coda-nav ul:after {
clear: both;
}
#main .coda-nav ul li {
width: 33.33%;
box-sizing: border-box;
}
#main .coda-nav ul li a,
#main .coda-nav ul li a.current {
width: auto;
text-align: center;
padding: 10px 5px 30px;
background: #ededed;
}
.coda-nav ul li a.current {
background: #da2133 !important;
}
#main .coda-nav ul li a span {
margin-top: 10px;
}
#main .coda-nav ul li.twoline span {
margin: 10px 0 0;
}
#main .coda-nav-bottom-box {
display: none;
}
#main .coda-slider {
width: 100%;
height: 320px;
}
#main .panel-container {
height: 320px;
}
#main .coda-slider .panel {
width: 320px;
width: 100vw;
position: relative;
}
#main .coda-slider .rotator {
width: 100%;
margin: 0px;
height: 320px;
z-index: 1;
}
#main .coda-slider .rotator:before {
content: ' ';
display: block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 10;
opacity: 0.7;
background: -moz-linear-gradient(top, rgba(234,235,237,1) 0%, rgba(234,235,237,1) 1%, rgba(234,235,237,1) 15%, rgba(234,235,237,0) 50%, rgba(234,235,237,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(234,235,237,1) 0%,rgba(234,235,237,1) 1%,rgba(234,235,237,1) 15%,rgba(234,235,237,0) 50%,rgba(234,235,237,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(234,235,237,1) 0%,rgba(234,235,237,1) 1%,rgba(234,235,237,1) 15%,rgba(234,235,237,0) 50%,rgba(234,235,237,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebed', endColorstr='#00eaebed',GradientType=0 ); /* IE6-9 */
}
#main .coda-slider .rotator img {
position: absolute;
top: 0px;
width: auto !important;
height: 100% !important;
left: auto !important;
right: 0px !important;
}
#main .sliderBox {
height: auto;
float: none;
width: auto;
margin: 5px 15px 0px;
padding: 5px 10px;
}
#main .sliderBox h3 {
margin: 0;
}
#main .sliderBox p {
display: none;
}
.searchresult .filtercol {
width: 100%;
padding-top:0px;
padding-bottom:0px;
}
.searchresult .tab-container.productstab {
padding-top: 15px;
}
.searchresult .resultcol {
width: 100%;
margin: 0;
}
.searchresult .resultcol .resultcolrow .resultcolrowleft {
width: 100%;
height: auto;
}
.searchresult .resultcol .resultcolrow .resultcolrowright {
width: 100%;
margin: 5px 0 0;
}
.searchresult .tab-container.contentstab {
padding: 15px 15px 30px;
}
.searchresult .tab-container.contentstab h2 {
font-size: 18px;
line-height: 24px;
}
.searchresult .tab-container.contentstab .resultrow {
margin-bottom: 15px;
}
body .cookiespreload {
top: auto;
left: 0px;
right: 0px;
bottom: 0px;
margin: 0;
width: auto;
padding: 15px;
}
body .cookiespreload h2 {
margin: 0;
}
body .cookiespreload .cookiespreloadclose {
display: none;
}
body .cookiespreload .copy {
width: auto;
}
body .cookiespreload .copy p {
margin-top: 0;
}
body .cookiespreload .bottom {
margin-bottom: 0px;
}
body .cookiespreload .bottom .link {
float: left;
margin-left: 0;
margin-bottom: 0;
}
}
@media screen and (max-width: 568px) {
.home .widget .copy {
width: 100%;
border-bottom: 1px solid #DDDDDD !important;
margin-bottom: 20px;
padding-bottom: 20px;
}
.home .widget {
border-bottom: none !important;
margin: 0px !important;
padding: 0px;
}
}
@media screen and (max-width: 527px) {
#main .coda-nav ul li.twoline span {
margin-top: 0px;
}
}
/*Carousel*/
.homePageCarousel {
width: 100%;
height: 293px;
background: #E4E4E4;
position: relative;
}
.homePageCarousel .ls-nav {
width: 150px;
height: 100%;
float: left;
vertical-align: top;
margin-right: 10px;
}
.homePageCarousel .ls-nav:before {
content: ' ';
display: block;
width: 98px;
font-family: Arial;
font-size: 18px;
font-weight: bold;
padding: 30px 20px 19px;
margin: 0px;
border-right: solid 1px #CCCCCC;
background: #f3f3f3;
height: 20px;
}
.homePageCarousel__title {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 98px;
font-family: Arial;
font-size: 18px;
font-weight: bold;
padding: 30px 20px 19px;
margin: 0px;
}
#homePageCarouselSlider-nav-ul {
width: 100%;
}
#homePageCarouselSlider-nav-ul:before {
content: ' ';
display: block;
width: 138px;
height: 20px;
background-image: url(../images/homepagecoda/nav2.gif);
border-right: solid 1px #CCCCCC;
}
#homePageCarouselSlider-nav-ul:after {
content: ' ';
height: 35px;
background: url(../images/homepagecoda/nav4.gif);
width: 138px;
float: left;
border-right: solid 1px #CCCCCC;
}
#homePageCarouselSlider-nav-ul li {
display: block;
width: 138px;
height: 56px;
background: url(../images/homepagecoda/nav3.gif) no-repeat;
border-right: solid 1px #CCCCCC;
}
#homePageCarouselSlider-nav-ul li a {
width: 150px;
height: 56px;
display: table;
box-sizing: border-box;
padding: 10px 20px;
text-decoration: none;
color: #666666;
background: none;
font-family: Arial;
font-size: 14px;
font-weight: bold;
margin-top: -1px;
}
#homePageCarouselSlider-nav-ul li a span {
display: table-cell;
vertical-align: middle;
}
#homePageCarouselSlider-nav-ul li.current a {
background: url(../images/homepagecoda/redarrowbox.png) no-repeat;
color: #fff;
}
#homePageCarouselSlider-wrapper {
max-width: 100% !important;
width: 100%;
height: 100%;
float: right;
vertical-align: top;
overflow: hidden;
}
.homePageCarousel__slider {
width: 800px !important;
height: 100%;
float: left;
}
.homePageCarousel__slide .title {
display: none;
}
.homePageCarousel__rotator {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
}
.homePageCarousel__rotatorSlide {
width: 100% !important;
height: 100% !important;
overflow: hidden;
}
.homePageCarousel__rotator img {
width: 100%;
height: auto;
}
.homePageCarousel__text {
position: relative;
z-index: 2;
}
@media screen and (max-width: 991px) {
.homePageCarousel {
height: auto;
}
.homePageCarousel .ls-nav {
width: 100%;
height: auto;
}
.homePageCarousel .ls-nav:before {
width: 100%;
text-align: center;
padding: 15px 15px 10px;
}
.homePageCarousel__title {
width: 100%;
height: auto;
text-align: center;
box-sizing: border-box;
padding: 15px 15px 10px;
}
#homePageCarouselSlider-nav-ul {
height: 56px;
overflow: hidden;
}
#homePageCarouselSlider-nav-ul:before,
#homePageCarouselSlider-nav-ul:after {
display: none;
content: none;
}
#homePageCarouselSlider-nav-ul li {
width: 33.33%;
box-sizing: border-box;
float: left;
overflow: hidden;
}
#homePageCarouselSlider-nav-ul li a {
width: 100%;
box-sizing: border-box;
text-align: center;
padding: 10px 5px;
background: #ededed;
}
#homePageCarouselSlider-nav-ul li.current a {
background: #da2133 !important;
}
.homePageCarousel__slider {
width: 100% !important;
height: 320px;
float: left;
}
.homePageCarousel__slide {
height: 320px;
}
.homePageCarousel__slide .panel-wrapper {
height: 290px;
filter: alpha(opacity=100);
padding: 15px 0;
}
.homePageCarousel__rotator {
z-index: 1 !important;
}
.homePageCarousel__rotator:before {
content: ' ';
display: block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 10;
opacity: 0.7;
background: -moz-linear-gradient(top, rgba(234,235,237,1) 0%, rgba(234,235,237,1) 1%, rgba(234,235,237,1) 15%, rgba(234,235,237,0) 50%, rgba(234,235,237,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(234,235,237,1) 0%,rgba(234,235,237,1) 1%,rgba(234,235,237,1) 15%,rgba(234,235,237,0) 50%,rgba(234,235,237,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(234,235,237,1) 0%,rgba(234,235,237,1) 1%,rgba(234,235,237,1) 15%,rgba(234,235,237,0) 50%,rgba(234,235,237,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebed', endColorstr='#00eaebed',GradientType=0 ); /* IE6-9 */
}
.homePageCarousel__rotator img {
position: absolute;
top: 0px;
width: auto !important;
height: 100% !important;
left: auto !important;
right: 0px !important;
z-index: 1 !important;
}
}