article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


body{ font: 10pt Arial, Helvetica, Helvetica Neue;  }

.wrapper{
    width:100%;
    margin:0;
}

::-moz-selection { background: #f16529; color: #fff; text-shadow: none; }
::selection      { background: #f16529; color: #fff; text-shadow: none; }


nav a{
    display:block;
    margin-bottom:10px;
    padding:10px 0;


    text-align:center;
    text-decoration:none;
    font-weight:bold;
}

nav a:hover, nav a:visited{
    color:white;
}

nav a:hover{
    text-decoration:underline;
}


#main{
    padding:30px 0;
}

#main article h1{
    font-size: 24px;
}

#main aside{
    color:white;

}

#footer-container footer{
    padding:20px 0;
}


.ie7 #title{ padding-top:20px; }



@media only screen and (min-width: 480px) {


    nav a{
        float:right;
        width:25%;
        margin:0;
        padding:9px 1%;
        margin-bottom:0;
    }

    nav li:first-child a{ margin-left:0;  }
    nav li:last-child  a{ margin-right:0; }


    nav ul li{
        display:inline;
    }	
    .oldie nav a{
        margin:0 0.7%;		
    }
}

@media only screen and (min-width: 768px) {



    #main aside{
        -webkit-box-shadow:0 5px 10px #aaa;
        -moz-box-shadow:0 5px 10px #aaa;
        box-shadow:0 5px 10px #aaa;
    }


    #title{
        float:left;
    }

    nav{
        float:right;
        width:38%;
    }


    #main article{


    }
    #main{
        padding: 0;
    }    

    #main aside{
        float:left;
        width:25%;
        color: darkgray;
    }
}

@media only screen and (min-width: 960px) {


    .wrapper{
        width:100%; /* 1140px - 10% for margins */
        margin:0;
    }

    #main article{


        margin-left: 2px;
        margin-right: 2px;
    }

    #main aside{
        float:left;
        width:15%;
        color: darkgray;
        margin-left: 10px;
    }    
}


.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}




html {
    height: 100%;
}
body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
#main-container {
    flex: 1;
}

aside{
    min-height: 50em;   
}

@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }


    * { margin: 0 !important; padding: 0 !important; }
    html, body {

 
        overflow: hidden;
        background: #FFF; 
        font-size: 11pt;
    }


    h1, h2, h3, h4, h5, h6{
        margin-top: 120pt;
    }


    aside {
        height: 1px;
        display:none;
    }

    p, br {
        margin:0;
        margin-top: 30pt;
        padding:0
    }

    @page { 
        size:210mm 297mm; 
        margin: 30px;
    }



    table, .table, #report{
        width: 100%;
    }


    nav, aside, #menu, #wnav, .loginContainer, .appdraw, #ctxbar, .simple-pagination, .noPrint{
        visibility : hidden;
    }

    .no-print, .no-print *
    {
        display: none !important;
    }

}
.flexbox-c, .infobox-c {
    display: -ms-flex;
    display: -webkit-flex;    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;    
}



.flexbox-h{
    display: -ms-flex;
    display: -webkit-flex;    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.flexbox > div{
    flex: 1;   
}


.flexbox-c > div {

}

.infobox-c > div{
    padding: 1%; /* on desktop it will be significant*/
    max-width: 350px;
}

.sparse, .sparse td, .sparse th{
    line-height: 2;
}



.vertibar {
    max-width: 80em;
}


.vertical-middle{
    display: inline-block;
    vertical-align: middle;        
}






html {
    box-sizing: border-box;
    font-size: 14px;
}
*, *:before, *:after {
    box-sizing: inherit;
}

td, th, body { 
    font-size:12px;
    font-family:  Arial, Helvetica, Helvetica Neue; 
    line-height: normal;
}


#header-container header {


}  

.branding {
    height: 48px;
    color: red;
}

.topbar-app {
    height: 48px;
    width: 100%; 

    background-color: #53b0f1; 
    padding: 0px;
}
.topbar-app .r {
    padding: 0px;

}
.topbar-app .c1{
    width: 15%;
}
.topbar-app .c2{
    border-radius: 0px 0px 8px 8px;
    background-color: #53b0f1; 
    width: 85%;
    text-align: left;
}

.topbar-app-color2{
    color: #00FFFF;
}
.appdraw {
    padding: 2px;
    opacity: 1.0; 
  
}
.topbar-app  a, .topbar-app a:Visited{
    color: lightyellow;
}

aside {
    background: white;
}

br { 
    display:block; 
    margin-top:10px; 
    line-height:1.4; 
}

A {
    text-decoration: none;
    color: #00e;
    border: none;
}

A:Hover {
    color: #FFA500;
    text-decoration: underline;
    border: none;
}


A:Visited{
    color: #00e;
}

img {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 2px;
}

h2{
    color: #004F93;
    font-size: 13pt;
}

.popupDialog h1{
    font-size: 1em;
    font-weight: bold; 
}


h1, h4 {
    font-size: 18pt;
    font-weight: bold;
    padding-top:5px; 
    color: black;
    font-family : DINWeb-CondBold,Arial,sans-serif;   
    margin-top: 0px;
    margin-bottom: 8px;
}

hr {
    color: #52606B;
}

.homeIcon, .logoutIcon{
    color: Black;
    background-color: white;
    border: 1px solid #B3BEC7;
    font-weight: normal;
    display: block;
    width: 15px;
    height: 7px;
}

#banner {
    MARGIN-LEFT: 10px;
    COLOR: White;
    BORDER-BOTTOM: #333 1px solid;
    background-color : #1E90FF;
    HEIGHT: 75px;
    padding : 5px;
}

#leftcol {
    PADDING-RIGHT: 3px;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 3px;
    LEFT: 0px;
    PADDING-BOTTOM: 3px;
    MARGIN-LEFT: 10px;
    WIDTH: 150px;
    COLOR: #000;
    PADDING-TOP: 3px;
    POSITION: absolute;
    background-color : Menu;
    float: none;
}
#rightcol {
    PADDING-RIGHT: 3px; 
    PADDING-LEFT: 3px; 
    Z-INDEX: 3; 
    LEFT: 80%; 
    PADDING-BOTTOM: 3px; 
    WIDTH: 140px; 
    COLOR: #000; 
    PADDING-TOP: 3px; 
    POSITION: absolute; 
    TOP: 170px
}
#leftcol P {
    font-size: 8pt; 
}
#leftcol LI {
    font-size: 8pt; 
}
#rightcol P {
    font-size: 8pt; 
}
 

#content {
    text-align : left;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;      
    MARGIN: 0px 25% 0px 165px;
    COLOR: #000;
    PADDING-TOP: 3px;
    border : medium none Yellow; 
    height : 800px;
}

#content2 {
    text-align : center;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    COLOR: #000;
    padding-top: 3px;
    border : medium solid Yellow;
    width : 500px;
}

#footer {
    CLEAR: both;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #333 1px solid;
    PADDING-LEFT: 3px;
    font-size: 8pt; 
    PADDING-BOTTOM: 3px;
    MARGIN: 10px;
    WIDTH: 95%;
    COLOR: #000;
    PADDING-TOP: 3px;
    font-family: verdana, sans-serif;
    TEXT-ALIGN: center;
    position : static;
    float : none;
    bottom : 2px;
    top : 180%;
}
#footer .date {
    FLOAT: left; TEXT-ALIGN: left
}
#footer .contact {
    FLOAT: right; 
    TEXT-ALIGN: right
}


#leftMenu{
    text-decoration: none;
    text-align: center;
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 6px; 
    padding-bottom: 6px;
    background-color: Menu;
    margin: 0px;
    display: block;
}

#leftMenu a{
    text-decoration: none;
    width: 90%;
    padding-left:3px;
    padding-right: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #eee;
    border: thin solid;
    margin: 2px;
    border-color: Gray;
    display:block;
}
#leftMenu a:Hover{
    color: yellow;
    text-decoration: none;
    width: 90%;
    padding-left:3px;
    padding-right: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #555555;
    border: thin solid;
    margin: 2px;
    border-color: Black;
    display:block;
}


.centered {
    position:absolute;
    left:50%;
    width:400px;
    margin-top:350px;
    margin-left:-200px; /* half of width*/
    padding:15px;
    border:1px dashed #333;
    background-color:#eee;
}

.pageCentered {
    position: absolute;
    left: 50%;
    width: 400px;
    height: 200px;

    padding: 4;
    border:1px dashed #333;
    background-color:#eee;
    margin-left : -200px;
    top : 35%;

}

.pageCenteredSmall {
    position: absolute;
    left: 50%;
    width: 250px;
    height: 100px;

    padding: 4;
    border:1px dashed #333;
    background-color:#eee;
    margin-left : -125px;
    top : 40%;

}

#dynamicHeader {
    MARGIN-LEFT: 0px;
    COLOR: #1855C3;
    font-size: 8pt;
    vertical-align: middle;
    width:100%;

}	

.leftEnd, rightEnd {
    display: block;
    float: left;

}
.leftEnd {
    text-align: left;
    padding-top: 5px;
    padding-left: 10px;
    width: 80%;
}

.rightEnd {
    text-align: right;
    padding-top: 5px;
    padding-right: 20px;
    float: right;
    width: 20%;
}

#dynamicHeader a {
    color: white;
    text-decoration: none;

}
#dynamicHeader a:Hover {
    color: #F0FFF0;
    text-decoration: none;
}
#dynamicHeader a:Visited {
    color: white;
    text-decoration: none;
}


#mainNavigationMenu {
    position:absolute;
    top:45px;
    left: 5px;
    MARGIN-LEFT: 0px;
    COLOR: ButtonFace;
    background-color: transparent;
    HEIGHT: 35px;
}	

#footer a {
    color:black;
    text-decoration: none;
}
#footer a:Hover {
    color:red;
    text-decoration:underline;
}


#websiteHomeLink{
    text-align: right;
    padding-right: 10px;
}

#webstore-main{
    width: 83%;
    float: right;
    height: auto;
    font-size: 1.1em; 
    line-height: 1.6;
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

#webstore-main .left{
    width: 210px;
    padding: 0px;
    float: left;
    height: 200px;
    margin: 5px 0px 5px 5px;
    padding: 5px 0px 5px 5px;
    border: 1px solid #F0FFF0;
}

#webstore-main .middle{
    width: 210px;
    padding: 0px;
    float: left;
    height: 200px;
    margin: 5px 0px 5px 18px;
    padding: 5px 0px 5px 5px;
    border: 1px solid #F0FFF0;
}

#webstore-main .right{
    width: 210px;
    padding: 0px;
    font-size: 12pt;
    float: right;
    height: 200px;
    margin: 5px 0px 5px 5px;
    padding: 5px 0px 5px 5px;
    border: 1px solid #F0FFF0;

}




#webstore-main h3{
    color: #24cbff;
    font-size: 14pt;
    padding: 5px 2px 0px 0px;
}
#webstore-main .setfeature{

    width: 90%;
    padding: 0px;
    float: left;
    margin: 0px 0px 0px 0px;
    border-top: 5px solid #CCCCCC;

}



.blog {
    font-size: 11pt;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

.blog h1{
    color: #4C5E2A;
    padding-bottom: 5px;
}


#main article.blog-txt {
    float: left;
    width: 680px; 
}

.blog-txt p, .blog-txt .txt{
    clear: both;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: small;
    line-height: 1.6em;
    margin-bottom: 20px; 
    text-align: justify;

}

.blog .left{
    width: 650px;
    border: 0px solid #CCCCCC;
    margin: 5px 5px 0px 0px;
    padding: 0px;
    float: left;
    height: auto;
}

#main aside.blog-meta{ 
    padding-top: 50px;
    padding-left: 8px;
    padding-right: 8px;
    float: right; 
    height: 600px;
    font-size: small;
    line-height: 1.6em;
    margin-bottom: 20px;      
    margin: 0px 2px 0px 0px;
    background-color: white;
    color: #003E01;
}


.blog .author{
    font-size: 11pt;
    font-weight: bolder;
    line-height: 29px;
    color: #555555;
}


.blog ul {
    margin-left: 0;
    padding-left: 1em;
}










input[type=text],
input[type=password] {
    box-sizing : border-box;
}



.errMsg, .err{
    color: red;
    font-weight: bold;
}



.c, .errBoxTitle {
    font-weight: 800;
    display: block;
    width: 100%;
}



.r {
    clear: both;
    padding-top: 5px;
    display: block;
    width: 100%;
}

.c1 {
    float: left;
    width: 40%;
    text-align: left;
}
.c2 {
    float: right;
    width: 55%;
    text-align: right;
}



.diaBox	.leftCol {
    font-size: 1em;
    float: left;
    width: 40%;
    text-align: left;
    padding-left: 5px;
    display: block;
}
.diaBox .rightCol{
    float: left;
    width: 40%;
    display: block;
    text-align: left;
    clear: right;
    padding-left: 20px; /* the gutter */
}

.diaBox .rightCol .r, 
.diaBox .leftCol .r {
    clear: both;
    padding-top: 5px;
    width: 80%;
}

.diaBox .rightCol .c1,
.diaBox .leftCol .c1 {
    float: left;
    width: 80%;
    text-align: left;
}
.diaBox .rightCol .c2,
.diaBox .leftCol .c2 {
    float: right;
    width: 100%;
    text-align: left
}

div.diaBox-REM-REM {

    color: Black;
    text-align: left;
    margin: 0px;

    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 5px;
    padding-top: 0px;

    background-color: #FFFAFA;
    width: 92%;
    -webkit-box-shadow:0 3px 6px #278db8;
    -moz-box-shadow:0 3px 6px #278db8;  
    box-shadow:0 3px 6px #278db8;    

}

div.diaBox{
   
    color: Black;
    text-align: left;
    margin: 0px;
}

div.diaBox-chrome {

    color: Black;
    text-align: left;
    margin: 0px;

    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 5px;
    padding-top: 0px;

    -webkit-box-shadow:0 3px 6px #278db8;
    -moz-box-shadow:0 3px 6px #278db8;  
    box-shadow:0 3px 6px #278db8;    

}


div.diaBox-nochrome {  




}


div.diaBox .title{
    color: white;
    font-weight: bold;
    margin: 0px;
    background-color: #53b0f1;
    text-align: left;
    padding: 5px;
}

div.diaBox label{
    padding-right: 5px;
    font-weight: normal;
}

div.diaBox fieldset{
    padding: 8px;
    clear: both;

    margin-bottom: 5px;
    border: 1px solid #cccccc;
}

div.diaBox legend {
    color: #343D43;
}

div.diaBox br {
    clear:left;
}

.diaBox input, 
.diaBox select, 
.diaBox textarea{
    max-width: 100%;/*prevents from extending beyond container*/
    box-sizing : border-box;/*rational model*/

    color: #3A454D;
    font-size: 12px;
    font-weight:500;
    padding: 5px;
    border: 1px solid #aaa;
    border-radius: 3px 3px 3px 3px;
}


 








.diaBox .r {
    clear: both;
    padding-top: 5px;
    display: block;
    width: 100%;
}

.diaBox .c1 {
    float: left;
    width: 40%;
    text-align: right;
}
.diaBox .c2 {
    float: right;
    width: 55%;
    text-align: left;
}










.next-button, .diaBox input[name=_frm_submit_btn], .diaBox button[name=_frm_submit_btn]  {
    -moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
    -webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
    box-shadow:inset 0px 1px 0px 0px #c1ed9c;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
    background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
    background-color:#9dce2c;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #83c41a;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px; 
    font-weight:bold; 
    padding:6px 24px; 
    text-decoration:none;
    text-shadow:1px 1px 0px #689324;
}.next-button:hover, .diaBox input[name=_frm_submit_btn]:hover, .diaBox button[name=_frm_submit_btn]:hover  {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
    background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
    background-color:#8cb82b;
    color:#ffffff;
}.next-button:active,.diaBox input[name=_frm_submit_btn]:active, .diaBox button[name=_frm_submit_btn]:active  {
    position:relative;
    top:1px;
    color:#ffffff;
}

.frm-cancel-button, .diaBox input[name=_frm_cancel_btn], .diaBox button[name=_frm_cancel_btn]  {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    font-style:normal;

    padding:6px 6px; 
    width:88px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
}
.frm-cancel-button:hover, .diaBox input[name=_frm_cancel_btn]:hover, .diaBox button[name=_frm_cancel_btn]:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}.frm-cancel-button:active, .diaBox input[name=_frm_cancel_btn]:active, .diaBox button[name=_frm_cancel_btn]:active  {
    position:relative;
    top:1px;
}

.button{
    -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    box-shadow:inset 0px 1px 0px 0px #97c4fe;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
    background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
    background-color:#3d94f6;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #337fed;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:1px 1px 0px #1570cd;
}.button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
    background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
    background-color:#1e62d0;
}.button:active {
    position:relative;
    top:1px;
}







input.chkBox {
    border: none;

    background-color:#eee;
    border:thin;
    border-color:red;
    color: yellow;
}
.diaBox a{
    text-decoration: none;
    color : Blue;
}
.diaBox a:Hover{
    text-decoration: underline;
    color : Yellow;
}

.diaBox div.errMsg{
    background : #fbecec;
    border : thin solid #ffd9d9;
    padding : 2px;	
    color: red;
    font-weight: bolder;
}

.diaBox div.msg{
    color: Green;
    font-weight: bolder;
    background : #CCFFCC;
    border : thin dashed #004F01;
    padding : 2px;
}


.diaBox .errMsg ul{
    color: red;
    font-weight: bolder;
    margin: 3px;
}

.warn {
    color:red;
    font-weight: bold;
}


table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;    
}

.table {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
    margin-bottom: 8px;
}
 
.table tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    

.table td, .table th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 7px;
    text-align: left;    
}

.table th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    font-weight: bold;
    color: black; /*was not defined originally*/
}

.table td:first-child, .table th:first-child {
    border-left: none;
}

.table th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.table th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.table th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.table tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.table tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.table ul, .table ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }



.info{
    background-color: #FAFAD2;
    vertical-align: middle;
    width: 100%;
    height: 40px;
    border-bottom-style: solid;
    border-top-style: solid;
    padding: 4px;
    border: 1px;	
    z-index: 100;
}

.finePrint{
    font-size: 7pt;
}









.coolBar{
    font-size: 8pt;
    vertical-align: middle;
    border: thin ridge #B9FF53;
    padding: 5px;
}

.coolBar a {
    vertical-align: middle;
}
.coolBar a:Hover {
    vertical-align: middle;
}
.coolBar img {
    vertical-align: middle;
}
.coolBar input{
    font-size: 8pt;
    background-color: #F0F7FF; /*	background-color: #E1FFB5;*/
    border: thin #E6E6FA;
}

.treeNode{
    font-size: 8pt;
    background-color: #ECEEF6; /*
    background-color: #ABCDAD;
    opacity: .90;
    filter: alpha(opacity=90);
    */
}

.treeNode a, .treeNode a:Hover, .treeNode a:Visited{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    text-transform: capitalize;
}

.treeNode DIV{

    border: thin solid #003100;
    padding: 3px;
    width: 65px;
    height: 45px;
    color: #E5FFBF; /*opacity: .99;
    filter: inherit;*/
}



.treeNodeInfo td{
    font-size: 10pt; 
    border : thin;
    background-color : #F1F1FC;
}


div.homeQuickLinks{
    padding: 10px;
}



.dashboard .header{
    background-color : Highlight;
    padding : 5px;
    color:white;
    font-size : 12pt;
    margin-bottom : 10px;
}


div.homeQuickLinks div.qlHeader{
    text-decoration: none;
    width: 90%;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #16422A;
    border: thin solid #E6E6FA;
    margin: 2px;
    border-color: #3176F2;
    display: block;
    font-size: x-small;
    font-weight: bold;
    margin-bottom: 20px;
    color: #2D3339;
}

.homeQuickLinks22 a{
    color:Blue;
    text-decoration: none;
    width: 90%;
    padding-left: 10px;
    padding-right: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #FAFAD2;
    border: thin solid;
    margin: 2px;
    border-color: Highlight;
    display: block;
    font-size: 12pt;
    text-align : left;
}
.homeQuickLinks22 a:Hover{
    color: White;
    text-decoration: none;
    width: 90%;
    padding-left: 10px;
    padding-right: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color: #3176F2;
    border: thin solid;
    margin: 2px;
    border-color: Black;
    display: block;
    font-size: 12pt;
}


.foo a{
    border : 1px Navy;
}




#catfish{
    background-color: #E0FFFF;
    vertical-align: middle;
    width: 100%;


    border-top-style: solid;
    padding: 4px;
    border: 1px #6495ED;
    z-index: 100;
}

#slidecontainer{
    width: 19%;
    position: absolute;
    right: 115px;        
    top: 0px;		
}


#slidepanel {
    background: lightyellow;
    height: 200px;
    padding: 10px;
    display: none;
    border: 1px solid gray;
}

#slidepanel a {
    width: 100%;
    padding:2px;
    border-bottom : thin dotted #A4C0F2;
    display : block;
}

#slidepanel a:Hover{
    color:red;
    background-color : #FFEAC3;
}

.slide {
    margin: 0;
    padding: 0;
    border-top: 4px solid #9BC9EC;
    background: url(../../../../ui/themes/default_web1/icons/core/btn-slide.gif) no-repeat center top;
    text-align: center;
}  
.btn-slide {
    background: url(../../../../ui/themes/default_web1/icons/core/white-arrow.gif) no-repeat right -50px;
    text-align: center;
    width: 144px;
    height: 31px;
    padding: 10px 10px 0 0;
    margin: 0 auto;
    display: block;
    font: bold 120%/100% Arial, Helvetica, sans-serif;
    color: #232e62;
    text-decoration: none;
}

.btn-slide:Hover {
    color: #ffffff;
}
.active {
    background-position: right 12px;
}  



.red {
    color: red;
}
.green {
    color: green;
}


.infoBox1{
    border: 2px solid lightyellow;
    background-color: #ff9;
    padding: 10px;

}

.infoBox2{
    width: 90%;
    border:1px solid silver;
    background-color:#eeeeee;
    padding: 10px;
}         



#loginContainer {
    position:relative;
    float:right;
    font-size:12px;
}

#loginBox {
    position:absolute;
    top:340px;
    right:0;
    display:none;
    z-index:29;
}

#loginForm {
    width:348px; 
    border:1px solid #899caa;
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    margin-top:-1px;
    background: #899caa;
    padding:6px;
}

#loginForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#lbody {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#loginForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

#lbody label {
    color:#3a454d;
    margin:9px 0 0 0;
    display:block;
    float:left;
}

#loginForm #lbody fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

#loginForm input {
    width:92%;
    border:1px solid white;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}


input:focus {
    outline:none;
}   


.button-small,
.button-small:visited {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 1px 5px;
    border: 0px solid #2a8f25;
    border-radius: 8px;
    background: #3cb2e8;
    background: -webkit-gradient(linear, left top, left bottom, from(#3cb2e8), to(#258f8f));
    background: -moz-linear-gradient(top, #3cb2e8, #258f8f);
    background: linear-gradient(to bottom, #3cb2e8, #258f8f);
    text-shadow: #17505a 1px 1px 1px;
    font: normal normal normal 9px impact;
    color: #ffffff;
    text-decoration: none;
}
.button-small:hover,
.button-small:focus {
    border: 0px solid #37ba30;
    background: #48d6ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#48d6ff), to(#2cacac));
    background: -moz-linear-gradient(top, #48d6ff, #2cacac);
    background: linear-gradient(to bottom, #48d6ff, #2cacac);
    color: #ffffff;
    text-decoration: none;
}
.button-small:active {
    background: #246b8b;
    background: -webkit-gradient(linear, left top, left bottom, from(#246b8b), to(#258f8f));
    background: -moz-linear-gradient(top, #246b8b, #258f8f);
    background: linear-gradient(to bottom, #246b8b, #258f8f);
}


.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

#navcontainer{
}
#navcontainer ul{
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navcontainer a{
    display: block; 
    color: black;
    background-color: #E1F2F9;

    width: 100%;
    padding: 2px 1px 0px 4px;
    text-decoration: none;

    font-weight: bold;
    font-size: 14px;
    line-height: 1.9em;
}


#navcontainer a:hover{
    color: #FF8C00;
}

#navcontainer li li a{
    display: block;
    color: #20385f;
    background-color: white;
    width: 100%;
    padding: 0px 1px 0px 12px;
    text-decoration: none;
    border-bottom: 1px solid #EFF8FF;
    font-weight: normal;
}           
#navcontainer li li a:after { content: "" }

#navcontainer li li li a{
    padding: 0px 1px 0px 24px;
}           
#navcontainer .current{
    font-weight: bold;
    border-left: 3px solid #FF8C00;
}

.styled-required{
    border: 1px solid #FF8C00 !important;
}
.styled-required:after{
    content: " required"  !important;
}            


.strip{
    color: #081C44;

    padding:2px;
    width:99%;

    top: 10px;
    text-align:right;
}
.strip a, .strip a:Visited {
    font-weight:bold;
    color:#081C44;
}
.strip a:Hover {
    font-weight:bold;
    color:#081C44;
}













.strip{
    color: #081C44;

    padding:2px;
    width:99%;

    top: 10px;
    text-align:right;
}
.strip a, .strip a:Visited {
    font-weight:bold;
    color:#081C44;
}
.strip a:Hover {
    font-weight:bold;
    color:#081C44; 
}

.widest {
    width: 99%;   
}


.itm-thumb-box{
    background-color: #ebf3fc;
    margin: 20px;
    padding: 10px;
    border: 1px solid lightskyblue;
    min-width: 300px;
}

.itm-thumb-box big{
    font-weight: bold;
    font-size: 1.2em;
    color: #3A454D;
}

.store-content{
    padding-left: 4%;
}

.store-content .setfeature{

    width: 99%;
    padding: 0px;
    float: left;
    margin: 0px 0px 0px 0px;
    border-top: 0px solid #CCCCCC;
}


.store-content .setfeature .sfleft{
    padding: 0px;
    float: left;
    text-align: left;
    padding: 5px 0px 7px 0px;
}
.store-content .setfeature .sfmiddle{
    width: 270px;
    padding: 0px;
    float: left;
    text-align: justify;
    padding: 10px 0px 7px 0px;

}
.store-content .setfeature .sfright{
    width: 256px;
    padding: 10px 10px 0px 0px;
    float: right;
    text-align: left;
    padding-left: 4%;

}
.store-content .pname {
    color:#008ebb;
    font-size:10pt;
}
.store-content .price {
    color:#008ebb;
    font-size:10pt;

}
.store-content .mrsp {
    color:darkgray;
    font-size:9px;
    text-decoration: line-through;

}
.store-content .instock {
    color:#CCCCCC; 
    font-size:8pt;
}

.store-content .only {
    font-size:9px;
}


.webstore-navbarsep{
    font-family: sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: white;
    width: 100%;
    background-color: #7aa6da;
    text-align : center;

    text-shadow:1px 1px 0px gray;
    padding-top: 5px;
    padding-bottom: 5px;
}



#cat div {
    
}



#cat ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#cat li {
    margin-right: 6px;   
    border-bottom: 1px solid #ccc;
}

#cat li:last-child {
    border: none;
}

#cat li a {
    font-size: 80%;
    text-decoration: none;
    color: #000;
    display: block;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
    -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
    -o-transition: font-size 0.3s ease, background-color 0.3s ease;
    -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
    transition: font-size 0.3s ease, background-color 0.3s ease;
}

#cat li a:hover {
    color: green;
}


.header-cart-icon-REM-REM{
    font-size: 10px;
    text-align: center;
    display: block;
    color:#090;
}

.incart-text {
    font-size: 10pt;
    margin-top: -.1em;
}

table.shopping-cart-table {

}
.shopping-cart-table td{
    border-left: none;
    border-right: none;               
    line-height: 1.6;   
    font-family: arial,sans-serif;
    padding: 10px;
}
.shopping-cart-table .big{
    font-size: 12pt;
    font-weight: bold;
}

.webstore-brands a{
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:2px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:6px 49px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
    text-align: center;
    margin-bottom: 10px;
}
.webstore-brands a:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}
.webstore-brands a:active {
    position:relative;
    top:1px;
}


.domain-search-btn {
    background:#0099ff;
    color:white;
    font: 'trebuchet ms', trebuchet, sans-serif;
    padding:10px 20px;
    border-radius:0 10px 10px 0;
    -moz-border-radius:0 10px 10px 0;
    -webkit-border-radius:0 10px 10px 0;
    -o-border-radius:0 10px 10px 0;
    border:0 none;
    font-weight:bold;
    font-size: 14pt;
}

.domain-search-box {
    background: #eee;
    padding:10px;
    border-radius:10px 0 0 10px;
    -moz-border-radius:10px 0 0 10px;
    -webkit-border-radius:10px 0 0 10px;
    -o-border-radius:10px 0 0 10px;
    border:0 none;
    width:80%;
    font-size: 14pt;
    margin-bottom: 5px;
    box-shadow: 0 1px 3px #BBBBBB inset;
}            

.store-button, .store-button:visited {
    -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    box-shadow:inset 0px 1px 0px 0px #fce2c1;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
    background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
    background-color:#ffc477;
    -webkit-border-top-left-radius:20px;
    -moz-border-radius-topleft:20px;
    border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -moz-border-radius-topright:20px;
    border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-bottomright:20px;
    border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-left-radius:20px;
    text-indent:0;
    border:1px solid #eeb44f;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    height:35px;
    line-height:35px;
    width:163px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #cc9f52;
}
.store-button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
    background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
    background-color:#fb9e25;
}.store-button:active {
    position:relative;
    top:1px;
}






.button-test {
    -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    box-shadow:inset 0px 1px 0px 0px #fce2c1;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
    background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
    background-color:#ffc477;
    -webkit-border-top-left-radius:20px;
    -moz-border-radius-topleft:20px;
    border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -moz-border-radius-topright:20px;
    border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-bottomright:20px;
    border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-left-radius:20px;
    text-indent:0;
    border:1px solid #eeb44f;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    height:35px;
    line-height:35px;
    width:163px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #cc9f52;
}
.button-test:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
    background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
    background-color:#fb9e25;
}.button-test:active {
    position:relative;
    top:1px;
}

@media only screen and (max-width : 640px) {

    .store-content .setfeature .sfright {
        width: 80%;
        float: none;
        text-align: center;
        clear: both;
    }  

}


.red {
    color:red;
}