﻿ /*userAgent: -*/ @import url(../css);/*RESET ----------------------------------------*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,nav,article,section,dialog,figure,aside,footer{ margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}table{ border-collapse:separate;border-spacing:0;}caption,th,td{font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{ content: "";}blockquote,q{ quotes: "" "";}a img{ border:none;}a:active{ outline:none}:focus{ outline:0;} /*ELEMENTS ----------------------------------------*/ html {margin: 0;padding: 0;font-size:100.01%;} body {margin: 0;padding: 0;color: #ffffff;font-size: 87.5%;font-family: Tahoma,Geneva,sans-serif;background-color: #3b3b3b;} /*LAYOUT ----------------------------------------*/ .threecol #leftcolumn,.threecolright #leftcolumn,.twocolleft #leftcolumn,.threecolleft #leftcolumn,.threecolleft #middlecolumn,.threecolright #middlecolumn,.threecol #rightcolumn,.threecolupleft #middlecolumn,.twocolright #rightcolumn,.threecolright #rightcolumn,.threecoldownleft #leftcolumn {width: 20.4%} .twocolleftxxl #leftcolumn {width: 39%} .twocolleftxxl #middlecolumn {width: 54%;} .threecolupleft #rightcolumn,.threecoldownleft #middlecolumn,.twocolright #middlecolumn {width: 69.2%;} .threecolupright #middlecolumn {width: 69.2%;} #leftcolumn img,#rightcolumn img,#middlecolumn img { max-width:100%;width: expression(this.width >100% ? 100%: true);} .onecol #rightcolumn,.onecol #leftcolumn,.twocoldouble #rightcolumn,.twocolleft #rightcolumn,.twocolright #leftcolumn,.twocollefts #rightcolumn,.twocolrights #leftcolumn,.twocolleftl #rightcolumn,.twocolrightl #leftcolumn,.twocolleftxl #rightcolumn,.twocolrightxl #leftcolumn,.twocolleftxxl #rightcolumn,.twocolrightxxl #leftcolumn{display:none;visibility:hidden} #top {display:inline-block;width: 100%;height: 200px;background-image: url('../templates/18/headerbackground.jpg');background-attachment: scroll;background-position: left top;background-repeat: no-repeat;background-color: #000000;} /*WRAPPER ----------------------------------------*/ .small #wrapper{width:800px}.standard #wrapper{width:960px}.large #wrapper{width:1200px}.fluidsmall #wrapper{width:80%}.fluidmedium #wrapper{width:90%}.fluidmax #wrapper{width:100%} #wrapper {margin-left: auto;margin-right: auto;margin-top: 2%;margin-bottom:2%;-webkit-box-shadow:0px 0px 6px #000000;-moz-box-shadow: 0px 0px 6px #000000;box-shadow: 0px 0px 6px #000000;behavior: url(../css_web/PIE.htc);} /*CONTAINER ----------------------------------------*/ #container {padding: 0%;margin: 0% 0% 0% 0%;background-image: url('../templates/18/conbackground.jpg');background-attachment: fixed;background-position: center top;background-repeat: no-repeat;background-color: transparent;} #container ul{margin: 0 0 0 1.6em;padding: 0;} #container ol{margin: 0 0 0 2em;padding: 0;} /*LEFTCOLUMN ----------------------------------------*/ #leftcolumn a {color: #ffffc7;text-decoration: none;} #leftcolumn a:focus,#leftcolumn a:hover {color: #FF6600;text-decoration: underline;} #leftcolumn {float: left;word-wrap: break-word;padding: 0%;background-color: #000000;margin: 1% 0% 1% 1%;-webkit-box-shadow: 0px 0px 1px #ffffff;-moz-box-shadow: 0px 0px 1px #ffffff;box-shadow: 0px 0px 1px #ffffff;} .onecol #middlecolumn {width: 98%} #leftcolumn nav ul,#rightcolumn nav ul {margin: 0;} /*MIDDLECOLUMN ----------------------------------------*/ #middlecolumn {float: left;word-wrap: break-word;padding: 2%;margin: 1% 0% 1% 1%;background-image: url('../templates/18/middlecolumbackground.png');background-attachment: scroll;background-position: left top;background-repeat: repeat;background-color: transparent;-webkit-box-shadow: 0px 0px 1px #ffffff;-moz-box-shadow: 0px 0px 1px #ffffff;box-shadow: 0px 0px 1px #ffffff;} /*FOOTER ----------------------------------------*/ #footer a {color: #ffffff;text-decoration: none;} #footer a:focus,#footer a:hover {color: #ffffff; text-decoration: underline;} #footer {clear: both;display:inline-block;height: auto;padding: 2%;width: 96.1%;margin-top: 0%;margin-bottom: 0%;background-image: url('../templates/18/footerbackground.jpg');background-attachment: scroll;background-position: left top;background-repeat: repeat;background-color: transparent;} /*LINKS ----------------------------------------*/ a {color: #ffffc7;text-decoration: none;} a:focus,a:hover {color: #FF6600;text-decoration: underline;} a img { opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;} a img:hover {filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;} /*TOP LOGO ----------------------------------------*/ #logo {  display: inline-block;position: relative;margin: 0% 0 0 0%;float:left;} #logo img:hover,article header img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.80;} /*TOP TAGLINE / ----------------------------------------*/ #payoff {display: none;visibility: hidden;} /*Headings ----------------------------------------*/ h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {margin: 0;} h1 span,h2 span,h3 span,h4 span {float: right;font-size: 0.85em;} h1,h2,h3,h4,h5,h6 {line-height:1.2;font-family: 'Open Sans',sans-serif;} h1 {font-size:1.8em;font-weight: bold;font-style: normal;text-align: left;margin-bottom: 0;padding: 0.5em 0;color: #ffffff;} h2 {font-size:1.3em;font-weight: bold;font-style: normal;text-align: left;margin-bottom: 0;padding: 0.25em 0;color: #ffffff;} h3 {font-size:1.3em;font-weight: bold;font-style: normal;letter-spacing: 0.1em;text-align: center;margin-bottom: 0.25em;padding: 0.75em 0;color: #cfcfcf;} h4 {font-size:0.85em;font-weight: lighter;font-style: normal;letter-spacing: 0.5em;text-align: left;margin-bottom: 1.5em;padding: 1.5em 0;color: #ffffff;} h5 {font-size:0.85em;font-weight: lighter;font-style: normal;letter-spacing: 0.5em;text-align: left;margin-bottom: 1.5em;padding: 1.5em 0;color: #ffffff;} h6 {font-size:0.85em;font-weight: lighter;font-style: normal;letter-spacing: 0.5em;text-align: left;margin-bottom: 1.5em;padding: 1.5em 0;color: #ffffff;} /*LINE ----------------------------------------*/ hr {border: 0;color: #ffffff;background-color: #ffffff;height: 1px;width: 100%;} /*Text elements ----------------------------*/ p { margin: 0 0 1em 0} .center{text-align: center} .right{text-align: right} .left{text-align: left} .full{text-align: justify} .inactive{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;-moz-opacity: 0.60;} .g-plusone {float:left} blockquote {font-style: italic;margin: 0.25em 0 0.25em 1em;padding: 0.25em 40px;line-height: 1.45;position: relative;color: #ffffff;} blockquote:before {display: block;content: "\201C";font-size: 8em;position: absolute;left: -20px;top: -30px;color: #ffffff;} blockquote cite {color: #ffffc7;font-size: 0.75em;display: block;margin-top: 5px;} blockquote cite:before {content: "\2014 \2009";} strong,dfn{ font-weight:bold;}em,dfn { font-style:italic;}sup,sub { line-height:0;}abbr,acronym { border-bottom:1px dotted #666;}address { margin:0 0 1.5em;font-style:italic;}del { color:#666;}pre { margin:1.5em 0;white-space:pre;}pre,code,tt{ font:1em 'andale mono','lucida console',monospace;line-height:1.5;}article header hr { margin:0 0 1em 0 }article header p { margin-bottom:0}article time { float:right;margin-left:0.5em }article header span { float:right }article { overflow:hidden } /*Readmore */ .readmore { float: right;} #rightcolumn ul,.readmore { margin: -5px 0 20px 0;list-style-position: outside;list-style: none;} /*Lists --------------------------------------------------------------*/ li ul,li ol { margin: 0;}ul,ol { margin: 0 1.5em 1.5em 1.5em;padding-left: 1.5em;}ul { list-style-type: disc;}ol { list-style-type: decimal;} #middlecolumn ul,#leftcolumn ul ,#rightcolumn ul { margin-bottom: 1.5em;list-style: none;} #middlecolumn li,#leftcolumn li,#rightcolumn li { margin-bottom: 0.50em;} #middlecolumn li li { margin-bottom: 0;} #middlecolumn ul li ul { margin-bottom: 0;} #leftcolumn ul,#rightcolumn ul { margin-left: 0;} #middlecolumn ul li:before {content: "• ";color: #ffffc7;} #rightcolumn ul li:before,#rightcolumn .list:before {content: "• ";color: ;} #leftcolumn ul li:before,#leftcolumn .list:before {content: "• ";color: #ffffc7;} #middlecolumn ul li li:before {content: "◦ ";color: #ffffc7;} #rightcolumn ul li li:before {content: "◦ ";color: ;} #rightcolumn ul li li {margin: 0.5em 0 0 1em} #leftcolumn ul li li:before {content: "◦ ";color: #ffffc7;} #middlecolumn ol,#rightcolumn ol,#leftcolumn ol { margin: 0 0 1.5em 3em;} dl { margin: 0 0 1.5em 0;} dl dt { font-weight: bold;} dd { margin-left: 1.5em;margin-bottom:1em} .datelist,.datelistup {font-size: 0.85em;line-height: 220%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;-moz-opacity: 0.60;} .datelist {float: right} .datelistup {clear:right;} .datels {font-size: 0.85em;line-height: 140%;float: right;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;-moz-opacity: 0.60;} .datehead {font-size: 0.85em;margin-top:0.8em;float: right;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;-moz-opacity: 0.60;} /*Tables --------------------------------------------------------------*/ table { margin-bottom: 1.4em;width:100%;}th { font-weight: bold;}th,td,caption { padding: 4px 10px 4px 5px;}tbody tr.even td { background: #e5ecf9;}tfoot { font-style: italic;}caption { background: #eee;} .tablebordered { border-right: solid #ffffff 1px;border-bottom: solid #ffffff 1px;}.tablebordered td,.tablebordered th { border-left: 1px solid #ffffff;border-top: 1px solid #ffffff;padding: 10px;} .tablezebra { border: 1px solid #000;}.tablezebra th { border: 1px solid #000;border-width: 0 1px 0 0;text-align: center;font-weight: bold;color: #fff;background-color: #6E6E6E;}.tablezebra th:last-child { border-width: 0;}.tablezebra tr:nth-child(odd){ background-color: #e5e5e5;}.tablezebra tr:nth-child(even){ background-color: #ffffff;}.tablezebra td { vertical-align: middle;border: 1px solid #000;border-width: 0px 1px 1px 0px;padding: 7px;font-size: 0.85em;font-weight: normal;}.tablezebra tr:last-child td { border-width: 0px 1px 0px 0px;}.tablezebra tr td:last-child { border-width: 0px 0px 1px 0px;}.tablezebra tr:last-child td:last-child { border-width: 0px 0px 0px 0px;}.tablezebra tr:first-child td { border: 0px solid #000;text-align: center;border-width: 0px 0px 1px 1px;font-weight: bold;color: #000;}.tablezebra tr:first-child td:first-child { border-width: 0px 0px 1px 0px;}.tablezebra tr:first-child td:last-child { border-width: 0px 0px 1px 1px;} .tablemin { border-collapse: collapse;text-align: left;}.tablemin th { font-weight: bold;padding: 10px 8px;border-bottom: 2px solid #ffffff;border-left:0;border-top:0}.tablemin td { padding: 9px 8px 0px 8px;border:none;font-size: 0.85em;}.tablemin tbody tr:hover td {filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;} /*FORMS --------------------------------------------------------------*/ label {float:left;display:block;clear:left;text-align:left;width:8em;margin:0.2em 1em 0 0;color:#000;} fieldset {width: 35em;padding:1em 1.4em 1.4em 1.4em;margin: 0 auto;border:1px solid #ccc;background-color: #ececec;position: relative;moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;behavior: url(../css_web/PIE.htc);} fieldset,#IE8#HACK { padding-top:1.4em;} legend,#IE8#HACK { margin-top:0;margin-bottom:0;} legend { padding: 0.2em 0.7em 0.2em 0.7em;font-size:1em;font-weight: bold;text-align:left;width: -moz-fit-content !important;text-shadow: 0 1px 0 #656565;color: #dcdcdc;background: #b1b1b1;background: -webkit-gradient(linear,0 0,0 80%,from(#b1b1b1),to(#919191));background: -moz-linear-gradient(#b1b1b1,#919191 80%);background: linear-gradient(#b1b1b1,#919191 80%);border: solid 1px #bfbfbf;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;behavior: url(../css_web/PIE.htc);margin:-18px 0 1em 0;} /*Form fields --------------------------------------------------------------*/ input[type=text],input[type=password],input[type=email],input[type=number], input.text,input.title, textarea { border: 1px solid #ccc;font-size: 1.2em;outline:none;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} input[type=text],input[type=password],input[type=email],input[type=number], input.text,input.title {width: 20em;margin-bottom: 0.25em;} textarea {width: 19.3em;height: 5em;padding:5px;margin-top: 0.25em;}.ccontrol {margin-left:85px;width:80px !important}.ccode {position:absolute} input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=email]:focus, input.text:focus,input.title:focus,input.title:focus, textarea:focus{ border: 1px solid #b1b1b1;background-color: #fffee8;box-shadow: 0 0 5px #185EA4;-webkit-box-shadow: 0 0 5px #185EA4;-moz-box-shadow: 0 0 5px #185EA4;} select { background-color:#fff;border-width:1px;border-style:solid;font-size:1em;} input.text,input.title { width: 300px;padding:5px;}input.title { font-size:1.5em;} form.inline { line-height:3;} form.inline p { margin-bottom:0;} input[type=submit], input[type=button] {cursor: pointer;text-decoration:none;border: 1px solid #999999;padding: 10px 10px 10px 10px;color:#585652;font-size:1.3em;text-shadow: 0 1px 0 #fff;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;box-shadow:0px 0 0 #000;-moz-box-shadow:0px 0 0 #000;-webkit-box-shadow:0px 0 0 #000;background-color: #fff;background-image:linear-gradient(-90deg,#eee,#ccc);background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(#eee),to(#ccc));background-image:-moz-linear-gradient(-90deg,#eee,#ccc);behavior: url(../css_web/PIE.htc);} input[type=submit]:hover, input[type=button]:hover {background-color: #fff;background-image:linear-gradient(-90deg,#ccc,#eee);background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(#ccc),to(#eee));background-image:-moz-linear-gradient(-90deg,#ccc,#eee);color:#000;} #regform { display:block;border: solid 1px #bfbfbf;background-color: #efefef;position: relative;moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding: 5px 10px 20px 10px;text-align: center;} #regform input[type="submit"] { width: 90%;padding: 6px 10px 6px;margin: 1em 0 0 0;font-size: 1.2em;color: #fff;text-align: center;text-shadow: 0 -1px 0 rgba(0,0,0,0.25);vertical-align: middle;cursor:pointer;cursor:hand;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;display: inline-block;line-height: 21px;border: 1px solid #cccccc;border-bottom-color: #b3b3b3;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);background-color: #85b8ff;background-image: -moz-linear-gradient(top,#85b8ff,#1f7dff);background-image: -ms-linear-gradient(top,#85b8ff,#1f7dff);background-image: -webkit-gradient(linear,0 0,0 100%,from(#85b8ff),to(#1f7dff));background-image: -webkit-linear-gradient(top,#85b8ff,#1f7dff);background-image: -o-linear-gradient(top,#85b8ff,#1f7dff);background-image: linear-gradient(top,#85b8ff,#1f7dff);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85b8ff',endColorstr='#1f7dff',GradientType=0);border-color: #1f7dff #1f7dff #387038;border-color: rgba(0,0,0,0.1)rgba(0,0,0,0.1)rgba(0,0,0,0.25);filter: progid:DXImageTransform.Microsoft.gradient(enabled =false);} #regform input[type=submit]:hover { text-decoration: none;background-color: #1f7dff;background-position: 0 -15px;-webkit-transition: background-position 0.1s linear;-moz-transition: background-position 0.1s linear;-ms-transition: background-position 0.1s linear;-o-transition: background-position 0.1s linear;transition: background-position 0.1s linear;color: #ffffff;text-shadow: 0 -1px 0 rgba(0,0,0,0.25);} #regform input[type=submit]:focus { outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;} #regform input[type="text"],#regform input[type="email"],#regform input[type="password"] { border: 1px solid #ccc;width: 90%;outline:none;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 auto 0.6em auto;height:20px;} #regform input[type="text"],#regform input[type="email"],#regform input[type="password"] { font-size: 1.0em;font-weight: bold;} #prodsearch input[type=submit] {font-size:0.85em;padding: 2px 4px;}#prodsearch{white-space: nowrap;margin: 0 0 3px 0;}#prodsearch input[type=search]{width: 13em;} /*NAVIGATION -------------------------------------------------------*/ #navigation {display:block} #menu-icon {display: none} nav {font-size: 118.8%;background-color: #000000;font-family: Tahoma,Geneva,sans-serif;margin: 0% 0% 0% 0%;padding: 0% 0% 0% 0%;border-top: 1px solid #6B6E70;border-bottom: 1px solid #6B6E70;border-right: 1px solid #6B6E70;} /*MENU ----------------------------------------*/ .menu,.menu *{margin: 0;padding: 0;list-style: none;} .menu ul {position: absolute;top: -999em;width: 10em;} .menu ul li {width: 100%;} .menu li li,.menu li li li {border: none;} .menu li:hover ul,.menu li.sfHover ul {left: 0;top: 2.5em;z-index:10001;} ul.menu li:hover li ul,ul.menu li.sfHover li ul {top: -999em;} ul.menu li li:hover ul,ul.menu li li.sfHover ul {left: 10em;top: 0;} ul.menu li li:hover li ul,ul.menu li li.sfHover li ul {top: -999em;} ul.menu li li li:hover ul,ul.menu li li li.sfHover ul {left: 10em;top: 0;} .menu li:hover ul,.menu li.sfHover ul {left: 0;top: 2.5em;z-index: 10001;} ul.menu li:hover li ul,ul.menu li.sfHover li ul {top: -999em;} ul.menu li li:hover ul,ul.menu li li.sfHover ul {left: 10em;top: 0;} ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {top: -999em;} ul.menu li li li:hover ul, ul.menu li li li.sfHover ul {left: 10em;top: 0;} a:focus >.sf-sub-indicator, a:hover >.sf-sub-indicator, a:active >.sf-sub-indicator, li:hover >a >.sf-sub-indicator, li.sfHover >a >.sf-sub-indicator {background-position: -10px -100px;} .menu ul .sf-sub-indicator { background-position: -10px 0;} .menu ul a >.sf-sub-indicator { background-position: 0 0;} .menu ul a:focus >.sf-sub-indicator, .menu ul a:hover >.sf-sub-indicator, .menu ul a:active >.sf-sub-indicator, .menu ul li:hover >a >.sf-sub-indicator, .menu ul li.sfHover >a >.sf-sub-indicator {background-position: -10px 0;} .sf-shadow ul {background:url(../css_images/menu/shadow.png)no-repeat bottom right;padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;} .sf-shadow ul.sf-shadow-off {background: transparent;} a >.sf-sub-indicator { /*give all except IE6 the correct values */ top: .8em;background-position: 0 -100px;/*use translucent arrow for modern browsers*/ } .menu {float: left;line-height:1.0;border-left-width: 1px;border-left-color: #646464;border-left-style: solid;} .menu a {display: block;position: relative;padding: .75em 1em;text-decoration: none} .menu a.sf-with-ul {padding-right: 2.25em;min-width: 1px} .menu a,.menu a:visited {color: #696768} .menu li {background: #000000;float: left;position: relative;text-align: left;/*DASH ----------------------------------------*/ border-right-width: 1px;border-right-color: #646464;border-right-style: solid;} .menu li li,.menu li li li {background: #445159;} .menu li li a,.menu li li li a,.menu li li a:visited,.menu li li li a:visited {color: #ffffff;} .menu li:hover,.menu li.sfHover, .menu a:focus,.menu a:hover,.menu a:active {background: #FF6600;outline: 0;color: #ffffff !important;} .menu li li:hover,.menu li li.sfHover,.menu li li a:focus,.menu li li a:hover,.menu li li a:active {background: #39454c;} .menu .selected,.menu .selected a {background-color: #676769 !important;color: #ffffff !important;text-decoration: none !important;} .sf-sub-indicator {background: url(../css_images/arrows/arrows-ffffff.png)no-repeat -10px -100px;position: absolute;display: block;right: .75em;top: 1.05em;width: 10px;height: 10px;text-indent: -999em;overflow: hidden;} /*GALLERY ----------------------------------------*/ .standard .twocolleftl #middlecolumn .gallery {width: 566px;} .standard .threecolupright #middlecolumn .gallery {width: 478px;margin: 0 0 0 8%} .threecolupright #leftcolumn .gallery {width: 100%;margin: 0 0 0 2.2%} .gallery {margin: 0 auto;padding: 0 0 6px 0;} .twocolleftxxl #middlecolumn .gallery {width: 488px;} .gallery img {margin:0 9px 9px 0;width:110px;height:110px;} .onecol #middlecolumn .gallery {width: 814px;} .onecol #middlecolumn .gallery img {margin: 0 2px 4px 0} .threecolupright #leftcolumn .gallery img {margin: 0 2% 2% 0} .gallery img:hover,.articleblock img:hover,.imageblock img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.80;} .gallery img:hover {cursor: url(../css_web/magnify.cur),-moz-zoom-in;} /*---Download docs---*/ .download span {font-weight: bold;} .download {margin: 1em 0 1em 0;clear: both;} .download img {vertical-align: middle;margin: 2px 4px 2px 0;} .download img:hover,.gallery img:hover {filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;} .downloadable i {vertical-align: middle;} /*PAGER*/ .pager {margin: 0 auto 5px auto;text-align: center;} .pager a:link, .pager a:visited, .pager a:active {font-weight: bold;font-size: 0.75em;text-shadow: 0 1px 0 #fff;width: 22px;height: 18px;display: inline-block;position: relative;text-decoration: none;background: #eee;box-shadow:0px 0 0 #000;-moz-box-shadow:0px 0 0 #000;-webkit-box-shadow:0px 0 0 #000;margin: 0 3px 3px 0;padding-top: 4px;text-align: center;color: #333;background-color: #fff;background-image:linear-gradient(-90deg,#eee,#ccc);background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(#eee),to(#ccc));background-image:-moz-linear-gradient(-90deg,#eee,#ccc);-pie-background: linear-gradient(#eee,#ccc 90%);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; border: 1px solid #999999;behavior: url(../css_web/PIE.htc);} .pager a:hover {text-decoration: none;background: #ccc;color: #fff;text-shadow: 0 1px 0 #656565;background-image:linear-gradient(-90deg,#ccc,#eee);background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(#ccc),to(#eee));background-image:-moz-linear-gradient(-90deg,#ccc,#eee);-pie-background: linear-gradient(#ccc,#eee 90%);behavior: url(../css_web/PIE.htc);} .pagerselect {font-weight: bold;font-size: 0.75em;width: 22px;height: 18px;display: inline-block;position: relative;color: #fff !important;text-shadow: 0 1px 0 #656565 !important;background: #656565 !important;background: -webkit-gradient(linear,0 0,0 80%,from(#eaeaea),to(#656565));background: -moz-linear-gradient(#eaeaea,#656565 80%);background: linear-gradient(#eaeaea,#656565 80%);-pie-background: linear-gradient(#eaeaea,#656565 80%);border: solid 1px #999999;margin: 0 3px 3px 0;padding-top: 4px;text-align: center;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;behavior: url(../css_web/PIE.htc);} /*Thumbnail ----------------------------------------*/ .thumbtransp img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;-moz-opacity: 0.60;float: left;margin:0;padding: 0;} .thumbtransp img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1.0;-moz-opacity: 1.0;} /*Slideshow ----------------------------------------*/ .slidershadow {-webkit-box-shadow:0px 0px 4px #d4c5ba;-moz-box-shadow: 0px 0px 4px #d4c5ba;box-shadow: 0px 0px 4px #d4c5ba;} /*fadelideshow responsive  ----------------------------------------*/ #fadeslidecontainer {width:100%;}#fadeslidecontainer ul li:before {content: ""}#fadeslidecontainer ul,#fadeslidecontainer li { list-style-type: none;}#fadeslidecontainer ul {text-align:center;margin: auto} .rslides { position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0 auto;}.rslides li { -webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}.rslides li:first-child { position: relative;display: block;float: left;}.rslides img { display: block;height: auto;float: left;width: 100%;border: 0;} /*SCROLLABLE SLIDER ----------------------------------------*/ #slidecontainer {width: 100%;margin: 0;position: relative;padding: 0;} .scrollable { position:relative;overflow:hidden;width: 100%;height: 200px;} .scrollable .items {width:20000em;position:absolute;clear:both;} .items div { float:left;width:648px;height: 250px;border: 1px solid #e6e6e7;} .navi { margin:10px auto 0 auto;width:100px;height:20px;} .navi a { width:8px;height:8px;float:left;margin:3px;background:url(../css_images/navigator.png)0 0 no-repeat;display:block;font-size:1px;cursor:pointer;cursor:hand;} .navi a:hover { background-position:0 -8px;} .navi a.active { background-position:0 -16px;} /*IMAGES PLACEMENT AND SHADOW ----------------------------------------*/ .imgRight,.imgright {float: right;margin: 0.25em 0 0.9em 0.9em;vertical-align: text-top;} .imgLeft,.imgleft {float: left;margin: 0.25em 0.9em 0.9em 0;vertical-align: text-top;} .leftfloating {float: left;margin: 0 0.9em 0.9em 0;vertical-align: text-top;} .imgCenter,.imgcenter {display: block;margin: 1em auto;text-align: center;} .imgshadowleft { -moz-box-shadow: -4px 4px 6px #c0c0c0;-webkit-box-shadow: -4px 4px 6px #c0c0c0;box-shadow: -4px 4px 6px #c0c0c0;behavior: url(../css_web/PIE.htc);} .imgblur,.imgshadowcenter { -moz-box-shadow: 0 0 10px #666;-webkit-box-shadow: 0 0 10px #666;box-shadow: 0 0 10px #666;behavior: url(../css_web/PIE.htc);} .imgshadowright { -moz-box-shadow: 4px 4px 6px #c0c0c0;-webkit-box-shadow: 4px 4px 6px #c0c0c0;box-shadow: 4px 4px 6px #c0c0c0;behavior: url(../css_web/PIE.htc);} /*COLORBOX ----------------------------------------*/ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;} #cboxOverlay{position:fixed;width:100%;height:100%;} #cboxMiddleLeft,#cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;} #cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;} .cboxIframe{width:100%;height:100%;display:block;border:0;} #colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;} #cboxOverlay{background:url(../css_images/colorbox/overlay.png)repeat 0 0;} #colorbox{outline:0;} #cboxTopLeft{width:21px;height:21px;background:url(../css_images/colorbox/controls.png)no-repeat -100px 0;} #cboxTopRight{width:21px;height:21px;background:url(../css_images/colorbox/controls.png)no-repeat -129px 0;} #cboxBottomLeft{width:21px;height:21px;background:url(../css_images/colorbox/controls.png)no-repeat -100px -29px;} #cboxBottomRight{width:21px;height:21px;background:url(../css_images/colorbox/controls.png)no-repeat -129px -29px;} #cboxMiddleLeft{width:21px;background:url(../css_images/colorbox/controls.png)left top repeat-y;} #cboxMiddleRight{width:21px;background:url(../css_images/colorbox/controls.png)right top repeat-y;} #cboxTopCenter{height:21px;background:url(../css_images/colorbox/border.png)0 0 repeat-x;} #cboxBottomCenter{height:21px;background:url(../css_images/colorbox/border.png)0 -29px repeat-x;} #cboxContent{background:#fff;overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px;border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#000;font-size: 14px;} #cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494;} #cboxLoadingOverlay{background:url(../css_images/colorbox/loading_background.png)no-repeat center center;} #cboxLoadingGraphic{background:url(../css_images/loading.gif)no-repeat center center;} /*these elements are buttons,and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose {border:0;padding:0;margin:0;overflow:visible;width:auto;background:none;} /*avoid outlines on :active (mouseclick),but preserve outlines on :focus (tabbed navigating)*/ #cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active {outline:0;} #cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef;} #cboxPrevious{position:absolute;bottom:0;left:0;background:url(../css_images/colorbox/controls.png)no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute;bottom:0;left:27px;background:url(../css_images/colorbox/controls.png)no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute;bottom:0;right:0;background:url(../css_images/colorbox/controls.png)no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);} /*GOOGLE CUSTOM SEARCH ----------------------------------------*/ .gsc-clear-button {display: none;} /*EDIT ----------------------------------------*/ /*Overlay */ .tipcontent {margin-right: 1em;} .editch {border: 4px dashed transparent;border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;opacity: 1;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .hover { opacity: 0.7;background-color: transparent;background-image: url(../css_images/bg_edit.png);background-position: left top;background-repeat: repeat;background-attachment:scroll;border-color: #b8b8b8;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .editbutton { margin-right:5px } .editcontent img:hover { opacity: 1;} .newcontent img:hover { opacity: 0.8;} #editvisibility {position:fixed;right:0;top:0;font-size:11px !important;padding:1px;background-color: transparent;z-index: 9999;} #editvisibility img {vertical-align:middle} #editvisibility label {float:right;margin:0;width:40px} #overlay {height:450px;} .simple_overlay { display:none;background:#474747;border:1px solid #666;padding: 10px 20px 0 20px;-webkit-box-shadow: #000 0px 0px 90px;-moz-box-shadow: #000 0 0 90px 5px;box-shadow: #000 0px 0px 90px;behavior: url(../css_web/PIE.htc);width:640px;height: 441px;} .editcontent,.newcontent {height:29px;float:left;} .editable { z-index: 20000;clear: both;height: 15px;color: #e5ece5;padding: 5px 5px 10px 5px;background-color: transparent;margin: 0 0.75em 0.75em 0;width: 80px;height: 29px;display:block;white-space: nowrap;} .editable a {text-decoration: none !important;cursor: pointer;} .tagedit {position:absolute;top:1em;} .languagebox { position: fixed;clear: both;display: block;color: #fff !important;padding: 5px 5px 10px 5px;font-size: 16px !important;font-style: normal !important;vertical-align: text-top;font-weight: bold;margin: 0;font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;border: 1px dashed #fff;background-color: transparent;background-image: url(../css_images/bg_languagebox.png);background-position: left top;background-repeat: repeat;background-attachment:scroll;} .languagebox a{clear: both;margin-top: 4px;} .languagebox img:hover {filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);opacity: 0.5;-moz-opacity: 0.50;} .editselect {background: rgb(0,0,0);background: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";} .modal {display: none;position: fixed;z-index: 20001;top: 0;left: 0;height: 100%;width: 100%;background: rgba( 255,255,255,.6 );} #floater {float:left;height:50%;margin-bottom:-120px;width: 15em;display:none;} .editdialog {z-index: 20002;position: absolute;top: 50%;left: 50%;height: 30%;width: 50%;margin: -20% 0 0 -25%;background-color: #fff;text-align: center;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow: #000 0 0 10px;-webkit-border-radius: 4px;-moz-border-radius : 4px;border-radius: 4px;padding: 1.5em;font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;color: #000;} .editdialog img{vertical-align: middle;}#editdialog input[type="button"] {padding-left:1em;padding-right:1em} .editdialog a {color:#006bff;text-decoration:underline} .editdialog a:hover{color: #a900ff} /*Success,info,notice and error/alert boxes --------------------------------------------------------------*/ .error, .alert, .notice, .success, .info { padding: 0.8em;margin-bottom: 1em;border: 2px solid #ddd;z-index: 999} .error,.alert {/*height:1.35em;*/font-size:0.75em;background: #fbe3e4;color: #8a1f11;border: 2px solid #fbc2c4;padding:1px 3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px;font-family:Arial,sans-serif} .error em {border:5px solid;border-color: transparent #fbc2c4 transparent transparent;bottom:3px;left: -16px;display:block;height:0;position:absolute;width:0;} .notice { background: #fff6bf;color: #514721;border-color: #ffd324;} .success { background: #e6efc2;color: #264409;border-color: #c6d880;} .info { background: #d5edf8;color: #205791;border-color: #92cae4;} .notice a { color: #514721;} .success a { color: #264409;} .info a { color: #205791;} /*Clearfix ----------------------------------------*/ .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix {display: block;} #rootor {font-size:10px !important; font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; text-align:right; display:block;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;-moz-opacity: 0.60;} #rootor a {text-decoration: none !important;color: #000 !important;white-space:nowrap;border-top: 1px solid #b5b5b5;border-left: 1px solid #a7a7a7;border-bottom: 1px solid #474747;border-right: 1px solid #474747;padding: 0 0 0 4px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: -webkit-gradient(linear,0 0,0 bottom,from(#828282),to(#9e9e9e));background: -webkit-linear-gradient(#828282,#9e9e9e);background: -moz-linear-gradient(#828282,#9e9e9e);background: -ms-linear-gradient(#828282,#9e9e9e);background: -o-linear-gradient(#828282,#9e9e9e);background: linear-gradient(#828282,#9e9e9e);-pie-background: linear-gradient(#828282,#9e9e9e);behavior: url(../css_web/PIE.htc);} #rootor span {color: #85b8ff;background-color: #6b6b6b !important;padding: 0 3px;font-weight:bold;} #rootor span:hover {color: #fff;} #rootor a:focus,#rootor a:hover {color: #fff !important;text-decoration: none !important;border: 1px solid #d8d8d8;} /*ARTICLE MANAGER START ----------------------------------------*/ @font-face {font-family: "FontAwesome";src: url('../webfonts/FontAwesome.eot');src: url('../webfonts/FontAwesome-1.eot')format('eot'), url('../webfonts/FontAwesome.woff')format('woff'), url('../webfonts/FontAwesome.ttf')format('truetype'), url('../webfonts/FontAwesome.svg')format('svg');font-weight: normal;font-style: normal;} [class^="icon-"]:before,[class*=" icon-"]:before {font-family: FontAwesome;font-weight: normal;font-style: normal;display: inline-block;/*text-decoration: inherit;*/ text-decoration: none !important;} a [class^="icon-"],a [class*=" icon-"] {display: inline-block;text-decoration: inherit;} .icon-facebook:before { content: "\f082";} .icon-twitter:before { content: "\f081";} .icon-caret-right:before {content: "\f0da";margin-right:3px;margin-left:0.45em} .icon-print:before { content: "\f02f";} .icon-pdf:before { content: "\f024";}.icon-doc:before { content: "\f025";}.icon-docx:before { content: "\f025";}.icon-xls:before { content: "\f026";}.icon-xlsx:before { content: "\f026";}.icon-ppt:before { content: "\f027";}.icon-pps:before { content: "\f027";}.icon-zip:before { content: "\f028";} .icon-facebook,.icon-twitter,.icon-print,.icon-pdf,.icon-doc,.icon-docx,.icon-xls,.icon-xlsx,.icon-ppt,.icon-pps,.icon-zip{ font-size:140%;} #commentform label,#registryform label { width:4em;} #commentform textarea { width:98%;} #commentform input[type="text"] { width:52%;} /*responsive video -----------------------------------------------*/ .video-wrap {background:#000;margin:0;} .videowrapper {margin: 0 auto;width: 480px;} /*MOBILE -----------------------------------------------*/ @media screen and (max-width:800px){body {border:none} #logo {padding:0;float:none;position:absolute;left:0.5em;top:28px;} #logo img {max-height:52px;} .gallery, .twocolleftxxl #middlecolumn .gallery, .standard .twocolleftl #middlecolumn .gallery, .threecolupright #middlecolumn .gallery {width:100%;margin: 0} .small #leftcolumn,.standard #leftcolumn,.large #leftcolumn,.fluidsmall #leftcolumn,.fluidmedium #leftcolumn,.fluidmax #leftcolumn, #fadeslideshow,#slidecontainer,.scrollable,#scroller {display:none;visibility:hidden} #payoff {display: none;visibility: hidden;} img,iframe {max-width: 100%;} .videowrapper {width:95%;} #wrapper {width:100% !important;float: inherit;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;border:none;margin: 0;padding:0;} #rightcolumn,#top {background-image:none;padding: 2%;width:96% !important;margin:0;float: none;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} #container {width:100% !important;background-image:none;background-color: transparent;padding: 0;margin:-26px 0 0 0;float: none;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} #middlecolumn {padding: 2% 2% 2% 2%;width:96% !important;margin:0;float: none;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} #footer {width:99%;padding: 1em 0.5% 0 0.5%;margin:0;float: none;-moz-box-shadow: 0 0 0 #fff;-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;height:auto;background-image: none;} #navigation {margin:-95px 0 58px 0;padding:0;} #top {height:57px;margin:30px 0 0 0;padding:0;background-color: #000000;} /*MOBIL MENU */ nav {background: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin: 0;padding: 0;border:none;} #nav-wrap {position: relative;} #menu-icon {/*color: #696768 !important;*/ width: 100%;background-color: #000000;padding: 2px 0 0 0;text-indent: 0.5em;cursor: pointer;display: block;margin:4px 0 0 0;} #menu-icon:hover {background-color: #FF6600;} #menu-icon img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.80;} #menu-icon.active {background-color: #FF6600;} .menu {clear: both;position: absolute;top: 29px;z-index: 10000;padding: 5px;display: none;background-color: #000000;border:none;font-size:1em;} .menu li { clear: both;float: none;border:none;margin: 5px 0 5px 0;padding:4px;} .menu a, .menu ul a { font: inherit;background: none;display: inline;border: none;padding:0;} /*dropdown */ .menu ul { width: auto;position: static;display: block;border: none;background: inherit;} .menu ul li { margin: 3px 0 3px 15px;} .menu li li a,.menu li li li a,.menu li li a:visited,.menu li li li a:visited {font-size: 100%;border:none;} .sf-sub-indicator {background: none} .menu li li,.menu li li li {background: none;} .menu li ul li:hover,.menu li ul li.sfHover {background: none;} } @media screen and (min-width:480px)and (max-width:799px){ /*Target landscape smartphones,portrait tablets,narrow desktops */ h1 { font-size: 1.6em;}h2 { font-size: 1.4em;}h3 { font-size: 1.2em;}h4,h5,h6 { font-size: 1.0em;} .gallery img{width:90px;height:90px;} } @media screen and (max-width:479px){ /*Target portrait smartphones */ h1 { font-size: 1.4em;}h2 { font-size: 1.2em;}h3 { font-size: 1.0em;}h4,h5,h6 { font-size: 0.85em;} .gallery img{width:60px;height:60px;} .imgleft,.imgright,.imgLeft,.imgRight {float: inherit;display: block;margin: 1em auto;text-align: center;vertical-align:inherit} } /*---------------------------------------- MOBILE END */ /*Custom code start */ .list {padding:10px;color:#ff6600;} #leftcolumn ul {margin-left:1em;} #leftcolumn li {color:#ff6600;} #leftcolumn p {margin-bottom:0;} /*MOBILE -----------------------------------------------*/ @media screen and (max-width:800px){#leftcolumn {display: block !important;visibility: visible !important;margin:0;border:none;width: 100% !important;} } #leftcolumn #fadeslideshow {display: block !important;visibility: visible !important;margin: 0 auto;text-align:center;width:374px} /*Custom code stop */ /*PRINT START ----------------------------------------*/ @page {size: A4;margin: 0;} @media print {*, *:before, *:after {color: #000 !important;text-shadow: none !important;background: transparent !important;-webkit-box-shadow: none !important;box-shadow: none !important;} h1{font-size: 140%} h2 {font-size: 130%} h3 {font-size: 120%} h4 {font-size: 110%} h5 {font-size: 110%} h6 {font-size: 110%} #top,#navigation,#leftcolumn,#rightcolumn,#footer,#commentform,#sharing,#rootor { visibility: hidden;display: none;} #middlecolumn {width: 18cm !important;margin: 0 auto;padding: 1.5cm !important;background: white;} } /*@media screen {.printable {display: none;visibility: hidden;} }*/ 