/*
* We must define some layout properties - to set header background and such
* Do not change these options unless you know EXACTLY what you are doing
*/
/*first we set the content centered in the browser window */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
/* in order to work with em-units we set what 1 em means - in this case 62.5% of the default (16 px) means 10 px - nice round number
* next we can specify all other font-sizes in ems - 12 px wil become 1.2em, 10px - 1 em, etc
*/
font-size:11px;
color:#000000;
width:1000px; /*set the site width - not below 750*/
text-align:center; /* For IE*/
margin:0 auto; /*For Mozilla & Opera*/
}
/* class for td/div where the shop logo is displayed
* sets color and size for the main logo text and the tagline
*/
.logo {
margin-top:.5em;
margin-left:1em;
font-weight:bold;
vertical-align:middle;
font-size:2em;
color:#FFFFFF;
}
.body_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.logo .tagline {
font-size:.6em;
font-weight:bold;
text-align:left;
color:#FFFFFF;
}
em {
color: #8FC855;
}
/* class for the div where the list of currencies is displayed
* sets position, padding and such
*/
.currency_selector {
padding-right:1.5em;
padding-top:.3em;
float:right;
}
/*the blue bar beneath the header where the search form is displayed */
.subTitleBar {
background-color:white;
}
#search_bar {
margin-top:2px;
background-image:url(img/search_bar_middle.gif);
background-color:#FFF;
height:26px;
text-align:center;
margin-bottom:10px;
}
#search_bar_left {
float:left;
text-align:left;
vertical-align:top;
background-image:url(img/search_bar_left.gif);
background-repeat:no-repeat;
width:25%;
height:26px;
}
#search_bar_right {
float:right;
text-align:right;
background-image:url(img/search_bar_right.gif);
background-position:right;
background-repeat:no-repeat;
width:25%;
overflow:hidden;
height:26px;
}
ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: normal;
color: #990000;
}
.tdbgcolor {
background-color: F8F8F8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.menus {
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #ffffff;
padding-right:5px;
padding-left:5px;
text-decoration: none;
}
.menus:hover {
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #990000;
text-decoration: underline;
}
.footermenus {
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #ffffff;
text-decoration: none;
}
.footermenus:hover {
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: underline;
}
.footer_right {
text-align:center;
background-color:#f7f7f7;
height:11px;
clear:both;
color:#333333;
font-size:10px;
letter-spacing:0.1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.footer_left_links {
display:block;
float:left;
padding-left:5px;
width:33%;
letter-spacing:.1em;
}
.footer_center_text {
display:block;
text-align:center;
float:center;
width:33%;
font-weight:bold;
}
hover:footer_center_text a:link, .footer_center_text a:visited {
color:#000000;
text-decoration:underline;
}
/*a:hover {
text-decoration:underline;
}*/
.footer_right_text {
float:right;
text-align:right;
padding-right:5px;
width:30%;
}
/*nugget style definitions:*/
/* The main nugget container is 157px fixed width*/
.nugget {
background-color:#FFF;
width:300px;
margin-bottom:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
/*containers for the sections of the nugget
* each nugget has three sections: top, content and bottom
* there are 2 types of nugget tops: one generic - if the nugget has no picture,
* and some for each type of nugget with an icon */
/*generic nugget properties for top, content (body), bottom - with a rounded gradient background image*/
.nugget_top {
display:block;
background-image: url(img/top_nugget_background.gif);
background-repeat:no-repeat;
color:#FFF;
height:20px;
font-family:Verdana;
font-size:11px;
text-align:left;
font-weight:bold;
padding-left:7px;
padding-top:1px;
}
.nugget_content{
border-style:solid;
border-color:#8D8D8D;
border-width:1px;
border-top-width:0px;
border-bottom-width:0px;
color: #000000;
width:auto;
font-size:0.7em;
overflow:hidden;
padding: 3px;
}
.nugget_bottom {
display:block;
background-image:url(img/bottom_nugget_background.gif);
background-repeat:no-repeat;
height:4px;
}
/*style for the tags inside a nugget */
.nugget_content p{
padding-left:.5em;
padding-right:.5em;
}
/*nugget specific classes - each nugget has an extra class - according to the nugget - and the top, content and bottom styles are overwritten */
/*the login nugget is defined as
* we use inheritance to create more specific classes.
* if you want to use the default styles, leave these classes empty
*/
.login .nugget_top{
display:block;
background-image: url(img/login_header.gif);
background-repeat:no-repeat;
color:#FFF;
height:20px;
font-weight:bold;
padding-left:7px;
padding-top:1px;
}
.login .nugget_content {
background-color:#858D98;
border-style:solid;
border-color:#8D8D8D;
border-width:1px;
border-bottom-width:0px;
overflow:hidden;
padding-left:5px;
color: #161A20;
width:147px;
}
.login .nugget_bottom {
background-image:url(img/bottom_login_nugget.gif);
background-repeat:no-repeat;
height:4px;
}
/*************************************************/
/* shopping cart nugget classes
*
*/
.shopping_cart .nugget_top {
display:block;
background-image: url(img/shopping_header.gif);
background-repeat:no-repeat;
color:#FFF;
height:20px;
font-weight:bold;
padding-left:7px;
padding-top:1px;
}
/****************************************/
/* special offers nugget */
.special_offers .nugget_top {
display:block;
background-image: url(img/specialoffer_header.gif);
background-repeat:no-repeat;
color:#FFF;
height:20px;
font-weight:bold;
padding-left:7px;
padding-top:1px;
}
/**************************/
/**********END LAYOUT SECTION *******************************************/
/* GENERAL STYLES SECTION*/
/* classes for the various containers used to arrange elements on page
* tds, divs, spans
*/
.productAddToCart {
margin-bottom:0px;
width:44%;
float:right;
display:block;
font-size:11px;
}
.productLeftLinks {
width:55%;
float:left;
margin-bottom:0px;
color:#990000;
}
/*divs that clear floated elements - with or without noticeable height */
.clearFixPlain, .clearfixplain {
clear:both;
height:0.1px;
font-size:0.1px;
border-style: none;
}
.spacerClearBoth {
clear:both;
height:14px;
}
/*block body container */
.basicDescriptionContent {
width:187px;
height:192px;
border-top:solid 2.5px #F5F5F5;
border-bottom:solid 3px #D0D0D0;
}
/*divs to display main page product details */
/*main container for the right block */
.basicDescriptionRight {
width:203px;
height:199px;
}
/*main container for the left block*/
.basicDescriptionLeft {
width:203px;
height:199px;
}
/*left and right gradient edges for the blocks */
.basicDescriptionLeftEdge {
width:8px;
height:199px;
background:url(img/edge_left.gif) no-repeat;
}
.basicDescriptionRightEdge {
width:8px;
height:199px;
background: url(img/edge_right.gif) no-repeat;
}
/*******************END CONTAINER SECTION ********************************/
/*styles for the buttons used throught the shop */
.orangeButton{
background-image:url(img/button_orange_medium.gif);
background-repeat:no-repeat;
background-color:transparent;
width:63px;
border-style:none;
font-size:11px;
color:#000000;
padding:1px;
cursor:pointer;
text-align:center;
}
.blueButton {
background-image:url(img/button_blue_medium.gif);
background-repeat:no-repeat;
background-color:transparent;
border-style:none;
width:62px;
font-size:11px;
color:#000000;
padding:1px;
cursor:pointer;
}
.blueButtonSmall {
background:url(img/button_blue_small_light.gif);
background-repeat:no-repeat;
background-color:transparent;
width:50px;
border-style:none;
font-size:11px;
color:#FFF;
padding:1px;
cursor:pointer;
}
.blueButtonBig {
background-image:url(img/button_blue_big.gif);
background-repeat:no-repeat;
background-color:transparent;
text-align:center;
text-decoration:none;
border-style:none;
width:78px;
font-size:11px;
color:#FFF;
padding:1px;
cursor:pointer;
}
/*buttons in the login nugget use a different style, as they no longer have the white background */
.login .nugget_content input.blueButtonBig {
background-image:url(img/button_blue_big.gif);
background-repeat:no-repeat;
background-color:transparent;
text-align:center;
text-decoration:none;
border-style:none;
width:78px;
font-size:11px;
color:#FFF;
padding:1px;
cursor:pointer;
}
.login .nugget_content .blueButton {
background-image:url(img/button_blue_medium_nowhite.gif);
background-repeat:no-repeat;
background-color:transparent;
text-align:center;
border-style:none;
width:65px;
font-size:11px;
color:#FFF;
padding:1px;
cursor:pointer;
}
/*****************************************/
/* H1-H4 redefinitions */
h1 {
font-size:2em;
color:#FFFFFF;
font-weight:300;
}
h2 {
font-size:1.8em;
font-weight:100;
}
h3 {
font-size:1.2em;
}
h4 {
font-size:1.1em;
font-weight:100;
}
/*H3 inside the login nugget must be white */
.login .nugget_content h3{
padding-top:3px;
padding-bottom:0px;
color:#FFFFFF;
}
/*Styles for the links */
/* how the links for the categories inside the nuggets look like */
.nugget a.menuLink:link, .nugget a.menuLink:visited{
padding-left:.5em;
padding-bottom:1px;
padding-top:1px;
display:block;
text-decoration:none;
height:1.5em;
}
.nugget a.menuLink:hover {
font-size:1em;
text-decoration:underline;
color:#990000;
}
/*how links look like in general */
/*a:link, a:visited{
text-decoration:none;
color:#ffffff;
font-size:12px;
} */
/*when the mouse hovers over a link, it will display an underline */
/*how the shop name link will look like */
.logo a:link, .logo a:visited, .logo a:hover {
color:#ffffff;
text-decoration:none;
font-size:18px;
}
/*all links inside the login nugget must be white */
.login .nugget_content a{
color:#990000;
}
/*all links in the footer and the currency selector are white */
.header a, .currency_selector a:link, .currency_selector a:visited, .currency_selector a:hover {
color:#FFF;
font-size:12px;
}
/*links with button styles on them */
a.orangeButton:link, a.orangeButton:visited{
display:block;
text-decoration:none;
}
a.blueButtonSmall:hover, a.blueButtonSmall:link, a.blueButtonSmall:visited, a.blueButtonBig:hover, a.blueButtonBig:link, a.blueButtonBig:visited, a.blueButton:hover, a.blueButton:link, a.blueButton:visited {
display:block;
text-decoration:none;
text-align:center;
}
/*container for the navigation bar */
.productNavigationBar {
margin-top:.5em;
text-align:right;
font-size:11px;
}
.productNavigationBar a:link, .productNavigationBar a:visited, .productNavigationBar a:hover {
font-size:11px;
font-weight:bold;
text-decoration:none;
}
/*how the various forms within the site should look and act like */
/*the main search form displayed on the page header blue bar */
/*style for the form container */
.search_form {
padding-top:4px;
padding-bottom:2px;
border-style:none;
border-width:0px;
margin:0px;
}
/*general definition of the input elements inside the search form */
.search_form input {
border-style:none; /*set the border style to none - this removes the raised effect*/
border-color:#333;
border-width:1px;
color:#000;
}
/* style for the textfield where keywords are entered*/
.search_form input.searchText {
width:103px;
}
/*style for the submit button - sets a background and foreground color */
.search_form input.startSearch {
background-image:url(img/button_orange_small.gif);
background-color:transparent;
width:48px;
height:16px;
color:#FFFFFF;
margin-right:4px;
padding-bottom:2px;
cursor:pointer;
}
/*Login form styles */
/*main form container */
.loginForm {
padding-top:10px;
padding-bottom:2px;
margin:0px 2px 0px 0px;
width:147px; /*the form width must be smaller than the nugget that contains it - */
}
form.loginForm td.alignedRight{
text-align:right;
}
/*all input elements inside the login form */
.loginForm input{
border-style:none; /*remove the border on elements */
margin-bottom:5px;
color:#000000; /*and the text color */
width:70px; /*each input can be 70px wide */
font-size:12px;
}
/* the remember me checkbox has some different properties - like the border and margin */
.loginForm input.rememberMe {
width:auto;
background-color:#858D98;
border:0px;
margin-left:1px;
margin-bottom:1px;
padding:0px;
}
/*the submit button */
.loginForm input.submitButton {
background:url(img/button_blue_small.gif);
background-repeat:no-repeat;
width:50px;
background-color:#858D98;
color:#FFFFFF;
margin-top:5px;
margin-left:5px; margin-right:0px;
cursor:pointer;
}
/*forms within the my account and checkout sections */
.myAccountForm table.noBorder td, .myAccountForm table.noBorder th{
border-style:none;
padding-left:5px;
padding-right:5px;
}
.myAccountForm {
border-style:solid;
border-width:1px;
border-color:#009900;
/*width:70%;*/
}
.myAccountForm .noBorder, .noBorder {
border-style:none;
}
.myAccountForm .myAccountTable input.bigTextField, .myAccountForm select {
width: 16em;
border-width:1px;
border-style:solid;
border-color:#009900;
height: 1.35em;
padding-left: 0.3em;
}
.myAccountForm .myAccountTable textarea.bigTextField {
width: 16.4em;
border-width:1px;
border-style:solid;
border-color:#009900;
padding-left: 0.3em;
overflow:auto;
}
* html .myAccountForm .myAccountTable textarea.bigTextField {
width:16em;
}
.myAccountForm input.orangeButton, .myAccountForm input.spaced {
margin:.7em;
}
.myAccountForm input.regular {
margin:0em;
vertical-align:middle;
}
.myAccountForm .noBorder input.orangeButton {
margin:0p;
padding:0;
}
body .myAccountForm select {
padding: 0;
width: 16.35em;
margin: 0;
}
.myAccountForm select option {
padding: 0;
margin: 0;
}
.myAccountForm .myAccountTable input.smallTextField, input.smallTextField, select.smallTextField {
border-width:1px;
border-style:solid;
border-color:#8D8D8D;
}
.myAccountForm input.singleRowButton {
margin:10px;
}
.myAccountForm input.selectRow{
width: auto;
}
.myAccountForm .withBorder .myAccountTable td, .myAccountForm .withBorder .myAccountTable th{
border-style:solid;
border-color:#009900;
border-width:1px 1px 1px 1px;
}
/*style to be applied when displaying an old price, which is no longer valid*/
.oldPrice {
color:#990000;
text-decoration:line-through;
font-family:Verdana;
}
/*styles for the tables within nuggets - used for the shopping cart, wish list, etc. */
.nugget_content table {
padding-top:3px;
padding-left:3px;
padding-right:3px;
}
.login .nugget_content table {
padding-left:0px;
}
/*styles for the tables in product details and my account sections */
.myAccountTable {
text-align:left;
font-size:11px;
border-collapse:collapse;
margin-bottom:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.myAccountTable .noBorder {
border-style:none;
}
.myAccountTable th, .myAccountForm .withBorder .myAccountTable th {
border-style:solid;
border-color:#009900;
border-width:1px 1px 1px 1px;
background-color:#474F44;
color:#FFFFFF;
text-align:center;
padding:5px;
vertical-align:top;
}
.myAccountTable td label {
background-color:#CCCCCC;
vertical-align:top;
display: block;
padding:.15em .5em;
font-size:11px;
color: #000000;
}
.myAccountTable td {
border-style:solid;
vertical-align:top;
border-color:#009900;
border-width:1px 1px 1px 1px;
padding:5px;
}
.myAccountTable tr.bottom {
background-color:#990000;
}
.noBorder .myAccountTable td label{
border:solid 1px #046E95;
height:1.1em;
padding:.1em .3em;
}
/* how a form inside the nugget body looks like */
.nugget_content form{
font-size:1em;
padding:0px;
margin:0px;
}
/***********************************************/
/*how an image inside the block is displayed */
.basicDescriptionContent .productImage {
text-align:center;
margin-left:auto;
margin-right:auto;
}
/*divs used to display the nuggets buttons - for one or two buttons
* after using the two buttons layout, you must add a br with the class = clearFixPlain
*/
.buttonLeft {
width:auto;
height:auto;
float:left;
padding-bottom:5px;
}
/*div for the right half */
.buttonRight {
width:auto;
float:right;
text-align:right;
padding-bottom:5px;
}
/*MX Kollection inherited styles */
div.KT_operations {
display:inline;
}
/*div where the tNG errors are displayed for each field */
.autoLeft {
width:75px;
float:left;
padding:0;
margin:0;
overflow:HIDDEN;
}
.autoRight {
width:15px;
text-align:right;
float:right;
padding:0;
margin:0;
overflow:hidden;
}
.form_validation_field_error_error_message{
overflow:hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}
.nugget_content table td img {
padding-right:5px;
}
tr.bottomBordered td{
border-bottom:solid 1px silver;
}
.binding {
padding:0px;
margin:0px;
}
.hint {
color:white;
text-align:right;
}
/*MX Kollection styles */
.KT_field_error {
color: #009900;
}
.KT_field_hint {
color:#8FC855;
font-size: 10px;
}
/* The server-side error displaying */
/* topmost error div */
#KT_tngerror {
padding: 5px 10px 5px 50px;
margin:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #990000;
font-size: 11px;
border:1px solid red;
background-color:#FFFFFF;
background-image:url(img/error.gif);
background-repeat:no-repeat;
background-position:left;
}
/* trace container ( iniitally collapsed), and "Submit this to InterAKT... " area */
#KT_tngdeverror, #KT_tngtrace {
padding: 5px 10px 5px 5px;
margin:5px;
border:1px solid black;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FAFAFA;
}
/* alignment and borders for the form submit buttons */
#KT_tngdeverror #KT_needhelp {
text-align: right;
}
#KT_tngdeverror label, #KT_tngtrace label {
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
#KT_tngtrace ul {
padding-left:10px;
margin-left:10px;
}
#KT_tngtrace_details {
display: none;
}
#KT_tngwarning {
padding: 10px 10px 10px 50px;
margin:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #009900;
font-size: 11px;
border:1px solid blue;
background-color:#E4FFFF;
background-image:url(img/warning.gif) ;
background-repeat:no-repeat;
background-position:left;
}
/* The client-side error displaying */
/* How the label should change on error */
.form_validation_field_error_label {
/* color:#cc0000; */
}
/* How the input's container (TD) should change on error */
.form_validation_field_error_container {
/* border: 2px solid black; */
}
/* How the input textfield should change on error */
.form_validation_field_error_text {
/* border:2px solid #cc0000; */
}
/* The actial error message style */
.form_validation_field_error_error_message {
color:#990000;
font-weight: bold;
clear:left;
}
form.form_validation_form_error table {
xborder: 2px solid red;
}
a:link img, a:visited img, a:hover img {
border-style:none;
}
.KT_required {
color:#990000;
}
/*overwriting the nextensio KT_Operations style */
div.KT_bottombuttons div.KT_operations {
text-align:right;
}
.subTitle {
font-size:1.2em;
}
.title {
font-size:1.4em;
}
* html .myAccountForm div {
margin-left:.7em;
}
.th {
font-weight:bold;
}
.nugget_content th, .nugget_content td {
font-size:0.7em;
text-align:left;
}
.nugget_content table tr {
border-bottom:solid 1px silver;
}
a.catlevel2 {
padding: 0px 0px 0px 20px;
}
a.catlevel2_sel{
padding: 0px 0px 0px 20px;
text-decoration:none;
}
.manufacturer .nugget_content .buttonRight {
margin-right:10px;
}
.productImage {
margin-top:0px;
width:105px;
float:left;
height:105px;
overflow:hidden;
}
.productLeftLinks a:link, .productLeftLinks a:visited, .productLeftLinks a:hover{
font-size:11px;
color:#009900;
}
.fixedTableCell {
width:147;
overflow:hidden;
}
.fixed {
width:82px;
overflow:hidden;
}
/*
* Overwrite for default MX Kollection styles
*/
.KT_tngtable th, .KT_tngtable td.KT_th {
border: 0 !important;
background-color: white !important;
font-weight: bold!important;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.KT_tngtable thead *>th {
border:0 !important;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
/* the plain cells */
.KT_tngtable td {
border: 0 !important;
vertical-align: top;
background-color: #FFFFFF !important;
}
.KT_buttons td {
border-top: 0 !important;
padding:0 !important;
background-color: #FFFFFF !important;
text-align: default !important;
}
.KT_tngtable input, .KT_tngtable select {
font-size: 11px!important;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.KT_tngtable textarea {
font-size: 11px!important;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.button_big,
.button_small,
.button_smallest,
.KT_tngtable tbody tr.KT_buttons input,
#KT_tngdeverror input,
#KT_tngtrace input,
.KT_tngtable th.KT_sorter input,
.KT_row_filter_submit_button,
.KT_tnglist .KT_tngtable tbody tr input,
.KT_tnglist .KT_tngtable #KT_selAll,
.KT_bottombuttons input,
.KT_topbuttons input {
border: 0 !important;
font-size: 11px !important;
font-weight: normal !important;
background-color: transparent !important;
margin-right: 0 !important;
padding:0 !important;
}
li {
padding: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
}
.orangeButtoncartnug {
background-image:url(img/button_orange_medium.gif);
background-repeat:no-repeat;
background-color:transparent;
width:63px;
border-style:none;
font-size:9px;
color:#000000;
cursor:pointer;
text-align:center;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.blueButtoncartnug {
background-image:url(img/button_blue_medium.gif);
background-repeat:no-repeat;
background-color:transparent;
border-style:none;
width:63px;
font-size:9px;
color:#000000;
cursor:pointer;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.nugget_cart {
border-top-width:0px;
border-bottom-width:0px;
color: #000000;
width:auto;
font-size:9px;
overflow:hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
border-right-width: 0px;
border-left-width: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.imageborder {
border: thin inset #000066;
}
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.orangeButtonLong {
background-image:url(img/button_orange_long.jpg);
background-repeat:no-repeat;
background-color:transparent;
width:120px;
border-style:none;
font-size:11px;
color:#000000;
padding:0px;
cursor:pointer;
text-align:center;
vertical-align: middle;
}
.hidden {
text-decoration: none;
display: none;
}
.greenbold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #8FC855;
}
.error {
font-weight: bold;
color: #990000;
}
th {
background-color: #CCCCCC;
}
strong {
font-weight: bold;
color: #8FC855;
}
h1 {
font-size: 26px;
color: #8FC855;
}