/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column, #content-container-two-column-left {
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 968px;
    border: 1px solid #818181;
    background: url(../../images/wide/bg-two-column-main.png) repeat-y;
    position: relative;
}

#content-main-two-column, #content-main-two-column-left {
    width: 780px; /*540px;*/
}

#content-side-two-column, #content-side-two-column-left {
    width: 160px;
    font-size: .9em;
}

#content-container-two-column {
    background: url(../../images/bg-content-side.png) repeat-y right;
}

#content-main-two-column {
    float: left;
}

#content-side-two-column {
    float: right;
}

#content-container-two-column-left {
    /* background: url(../../images/wide/bg-content-side-left.png) repeat-y left; */
}

#content-main-two-column-left {
    float: right;
}

#content-side-two-column-left {
    float: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-three-column {
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 968px; /*728px;*/
    border: 1px solid #818181;
    background: url(../../images/wide/bg-three-column-main.png) repeat-y;
    position: relative;
}

#content-container-three-column2 {
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 968px; /*728px;*/
    border: 1px solid #818181;
    background: url(../../images/wide/bg-three-column-main2.png) repeat-y;
    position: relative;
}

#content-main-three-column {
    width: 595px; /*355px;*/
    float: left;
    margin-left: 25px;
}

#content-side2-three-column, #content-side1-three-column {
    width: 160px;
    font-size: .9em;
}

#content-side2-three-column {
    float: right;
}

#content-side1-three-column {
    float: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE - THREE COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#three-column-container {
    background: url(../../images/bg-three-column-home.png) repeat-y;
    padding: 0;
    margin: 20px 0 10px 0;
}

#three-column-side1 {
    float: left;
    width: 30%;
}

#three-column-side2 {
    float: right;
    width: 30%;
}

#three-column-middle {
    width: 30%;
    margin: 0px 32% 0px 35%;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	
	css-master

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
    margin: 0px;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    line-height: 1.4em;
    color: #666666;
    background-attachment: fixed;
    background-image: url("../../images/body.png");
    background-repeat: repeat-x;
}

p {
    margin: 10px 0;
}

    p.no-padding-no-margin {
        padding: 0;
        margin: 0;
    }

hr {
    color: #E5E5E5;
    background-color: #E5E5E5;
    height: 1px;
    border: 0;
    margin: 15px 0;
    _margin: 10px 0;
}

blockquote {
    padding: 0 0 0 12px;
    margin: 12px 0 0 0;
    background: url(../../images/bg-quote.png) no-repeat;
}

    blockquote p {
        margin: 2px 0;
    }

cite {
    font-size: .85em;
    margin: 0;
    padding: 0 0 0 6px;
}

fieldset {
    padding: 15px;
}

legend {
    color: #333333;
    padding: 5px 3px 10px 3px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


h1, h2, h3, h4, h5, h6 {
    font-size: 1.8em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    line-height: 1.1em;
    margin: 5px 0;
}

h1 {
    margin-bottom: 0;
}

h1, h2 {
    margin-top: 0px;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.1em;
}

    h3.small {
        font-size: 1.2em;
    }

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1em;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


a:link {
    color: #d61719;
    text-decoration: none;
}

a:visited {
    color: #980000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    color: #980000;
}

#content-side-two-column-left a:link, #content-side-two-column a:link, #content-side2-three-column a:link, #content-side1-three-column a:link, #content-side-two-column-left a:visited, #content-side-two-column a:visited, #content-side2-three-column a:visited, #content-side1-three-column a:visited {
    text-decoration: none;
}

#content-side-two-column-left a:hover, #content-side-two-column a:hover, #content-side2-three-column a:hover, #content-side1-three-column a:hover {
    text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.logo {
    max-width: 220px;
}

    .logo a {
        color: #4A6BB3;
        text-decoration: none;
    }

#heading {
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
}


#subheading {
    font-size: 1.1em;
    font-weight: bold;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-main {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    padding: 0px 0px 0px 20px;
    position: relative;
    font-weight: bold;
    font-variant: small-caps;
}

    #nav-main div.nav-main-left {
        /*width: 220px; /*25%;*/
        position: relative;
        float: left;
        padding: 3px 0px 2px 0px; /*.8em 0 1em 0; */
    }

    #nav-main div.nav-main-main {
        padding: 40px 0px 10px 20px; /* .8em 0 1em 20px; /* 20px; */
        float: left; /* width: 560px; /* 568 */
    }

    #nav-main div.nav-main-right {
        width: 160px;
        position: relative;
        float: right;
        padding: 40px 0px 15px 31px; /*.8em 0 1em 0; */
        border-left: 1px dashed #CACACA;
    }

        #nav-main div.nav-main-right a:link {
            color: green;
        }

.menu-main {
    z-index: 1 !important;
    /* font-size: 15px; */
}

.menu-footer {
    float: none !important;
    width: 450px;
    margin: 0px auto 0px auto;
    /* font-size: 15px; */
}


#nav-main ul {
    margin: 0;
    padding: 0 20% 0 0;
}

#nav-main li {
    display: inline;
    list-style: none;
    padding: 0 1em 0 0;
    background: none;
}

#nav-main a:link, #nav-main a:visited {
    color: #0066CC;
    text-decoration: none;
}

#nav-main a:hover {
    color: #FF7100;
    text-decoration: underline;
}

#nav-main a:active {
    color: #FF7100;
}

#nav-main li.current a:link, #nav-main li.current a:visited {
    text-decoration: underline;
}

#nav-main li.current a:hover {
    color: #FF7100;
    text-decoration: underline;
}

#nav-main li.current a:active {
    color: #FF7100;
}

/* ACTIVE PAGES */
#nav-main a.StaticSelectedStyle:link, #nav-main a.StaticSelectedStyle:visited {
    color: #FF7100;
    text-decoration: underline;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	POSTER PHOTO

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#poster-photo-container {
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 1000px; /*760px; */
    background: #608fc8;
    position: relative;
}

.poster-photo-image {
    border-right: 3px solid #FFF;
    display: block;
}

#feature-area-home {
    position: absolute;
    top: 0;
    right: 0;
    width: 16%; /*21%; */
    text-align: center;
    padding: 2%;
    color: #FFFFFF;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 160%;
}

    #feature-area-home a:link, #feature-area-home a:visited {
        color: #dcf2f7;
        text-decoration: underline;
    }

    #feature-area-home a:hover {
        text-decoration: none;
    }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	pagetitle

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#pagetitle {
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    width: 975px; /*720px; */
    background: url(../../images/bg-nav-rounded-transp.png) no-repeat; /* #4b6cb5 */ /* url(../../images/bg-nav.png) no-repeat ;  */
    position: relative;
    color: #d5e8ff;
    font-size: large;
    padding: .5em 5px .7em 20px;
}

    #pagetitle a:link, #pagetitle a:visited {
        color: #FFFFFF;
        text-decoration: none;
    }

    #pagetitle a:hover {
        color: #D4E7F8;
        text-decoration: none;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TREE VIEW CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.TreeView {
    border-bottom: 1px dotted #B2B2B2 !important;
    font-size: small;
}

    .TreeView div {
        margin-left: 10px;
    }

    .TreeView table {
        border-top: 1px dotted #B2B2B2 !important;
    }

    .TreeView div table {
        border-bottom: none !important;
        border-top: none !important;
    }

    .TreeView table td {
        padding: 4px 0px;
    }

.LeafNodesStyle {
    width: 100%;
}


.RootNodeStyle {
    width: 100%;
    font-weight: bold;
}

/* ALL ELEMENTS */
.NodeStyle {
    width: 100%;
}

a.NodeStyle {
    color: #364B6A;
}

.ParentNodeStyle {
    width: 100%;
    font-weight: bold;
}

.SelectedNodeStyle {
    background-color: Transparent;
}

a.SelectedNodeStyle {
    width: 100%;
    font-weight: bold;
    color: #980000; /* background: #E5E5E5;     display: block;     padding: 2px 0 2px 3px;     outline-style: solid;     outline-color: #D61719;     outline-width: 1px;      */
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
    background: url(../../images/list-bullet-02.gif) no-repeat 0 .8em;
    padding: .2em 0 .2em 1em;
    margin-left: 0.4em;
}

ul.list-of-links {
    border-bottom: 1px dotted #B2B2B2;
}

#content-side1-three-column ul.list-of-links, #content-side2-three-column ul.list-of-links {
    margin: 0 0 30px 0px;
}

ul.list-of-links li {
    border-top: 1px dotted #B2B2B2;
    background-image: url(../../images/list-bullet-01-link.gif);
}

    ul.list-of-links li.current {
        background-color: #E5E5E5;
    }


ul.no-lines, ul.no-lines li {
    border: none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE FEATURE AREA

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.feature-area {
    background-color: #6799D1;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
    border: none;
}

.photo-border {
    border: 1px solid #cecece;
    padding: 4px;
    background: #d9d9d9 url(../../images/bg-photo.png) top repeat-x;
    margin-bottom: 5px;
    display: block;
}

.photo-float-left {
    float: left;
    margin-right: 10px;
}

.photo-float-right {
    float: right;
    margin-left: 10px;
}

.image-border-none {
    border: none;
}

/*for preview with jquery */
/* */
#preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
}
/* */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
    background: #608fc8; /* url(../../images/bg-nav-rounded.png) bottom left no-repeat; /* */
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 980px; /*740px; */
    padding: 0px 0px 0px 20px; /* .8em 0 1em 20px; */
    position: relative;
    color: #a9c0db;
    font-size: .8em;
    height: 12px;
}

    #footer div {
        background: #4b6cb5 url(../../images/bg-nav-side.png) bottom right no-repeat;
        width: 19.1%; /* 25%; */
        _width: 19.1%; /* 25.5%; */
        position: absolute;
        top: 0;
        right: 0;
        padding: .8em 0 1em 0;
    }

    #footer a:link, #footer a:visited {
        color: #FFFFFF;
        text-decoration: none;
    }

    #footer a:hover {
        color: #D4E7F8;
        text-decoration: none;
    }

    #footer a:active {
        color: #FFFFFF;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER-SUB

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer-sub {
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    width: 980px; /* 740px; */
    text-align: center;
    padding: .1em 0 2em 0;
    position: relative;
    font-size: .8em;
    color: #999999;
}

    #footer-sub ul {
        margin: 0;
        padding: 0;
    }

    #footer-sub li {
        display: inline;
        list-style: none;
        padding: 0 1em 0 0;
        background: none;
    }

    #footer-sub a:link, #footer-sub a:visited {
        text-decoration: underline;
        color: #999999;
    }

    #footer-sub a:hover {
        color: #666666;
        text-decoration: none;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-date {
    font-size: 0.9em;
    font-style: italic;
    color: #A4A4A4;
}

.arrow {
    vertical-align: middle;
}

input.button-big {
    font-weight: bold;
    padding: .7em 1.5em;
    font-size: 1.1em;
    vertical-align: bottom;
}

input.button-small {
    font-weight: normal;
    padding: .4em 1em;
    font-size: .8em;
    vertical-align: bottom;
}

.clear {
    clear: both;
}

.none {
    display: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SHOPPING CART MAKE ORDER CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.makeOrderButton:link {
    margin: 0px 0px 0px 0px;
    background: url(../../images/sales/accept32x32.png) right top no-repeat;
    padding: 0.8em 3.1em 1em 1em;
    font: 9pt "Verdana";
    font-weight: bold; /*color: #336699; */
    text-decoration: none;
    font-weight: bold;
    font-variant: small-caps; /* letter-spacing: 1px; */
}

a.makeOrderButton:hover {
    text-decoration: underline;
}

a.removeItemsButton:link {
    margin: 0px 0px 0px 0px;
    background: url(../../images/sales/remove24x24.png) right top no-repeat;
    padding: 0.6em 2.3em 1em 1em;
    font: 9pt "Verdana";
    font-weight: bold; /*color: #336699; */
    text-decoration: none;
    font-weight: bold;
    font-variant: small-caps; /* letter-spacing: 1px; */
}

a.removeItemsButton:hover {
    text-decoration: underline;
}

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

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

.container {
    padding-top: 25px;
}

.div-left {
    float: left;
    /*padding-left: 10px;*/
}

.div-right {
    float: right;
    /*padding-right: 10px;*/
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ORDERS CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.changeDeliveryButton:link {
    margin: 0px 0px 0px 0px;
    padding: 0em 2em 0em 0.2em;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font: 8pt "Arial"; /* font-weight: bold; /*color: #336699; */
    text-decoration: none; /* font-variant:small-caps;      letter-spacing: 1px; */
}

a.changeDeliveryButton:hover {
    text-decoration: underline;
}

a.confirmOrderButton:link {
    margin: 0px 0px 0px 0px;
    background: url(../../images/status/1.png) right top no-repeat;
    padding: 0em 2em 0em 0.2em;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font: 8pt "Arial"; /* font-weight: bold; /*color: #336699; */
    text-decoration: none; /* font-variant:small-caps;      letter-spacing: 1px; */
}

a.confirmOrderButton:hover {
    text-decoration: underline;
}

a.declineOrderButton:link {
    margin: 0px 0px 0px 0px;
    background: url(../../images/status/2.png) right top no-repeat;
    padding: 0em 2em 0em 0.2em;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font: 8pt "Arial"; /* font-weight: bold; /*color: #336699; */
    text-decoration: none; /* font-variant:small-caps;      letter-spacing: 1px; */
}

a.declineOrderButton:hover {
    text-decoration: underline;
}

a.finishOrdersButton:link {
    margin: 0px 0px 0px 0px;
    background: url(../../images/sales/accept32x32.png) right top no-repeat;
    padding: 0.5em 2.5em 0.1em 0.1em;
    font: 12pt "Verdana";
    font-weight: bold; /*color: #336699; */
    text-decoration: none;
    font-weight: bold;
    font-variant: small-caps; /* letter-spacing: 1px; */
}

a.finishOrdersButton:hover {
    text-decoration: underline;
}

.orange {
    color: Orange;
    font-weight: bold;
    white-space: pre;
}

.green {
    color: Green;
    font-weight: bold;
    white-space: pre;
}

.red {
    color: Red;
    font-weight: bold;
    white-space: pre;
}

/*.font90 {
    font-size: 90% !important;
}*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	
	WARNING LEVELS

    /*http://www.colorzilla.com/gradient-editor/
    http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html
    https://developer.mozilla.org/en-US/docs/CSS/linear-gradient*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.warning-level-10 {
    /*color: #cd0a0a;*/
    color: red;
    /*background: #ffc7b2;*/
}

    .warning-level-10 td {
        font-weight: bold !important;
    }

.warning-level-20 {
    background: #ffa197;
}

.warning-level-30 {
    background: #ff7e7e; /*url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x !important;*/
    border: #cd0a0a;
}

.cellDiv 
{
    left: 0px; top:5px; height:22px;
    position:relative;padding:0;margin-right:-4px;border:0;
}
.cellTextRight
{
    position:relative;
    /*margin-right:4px;*/
    text-align:center;
    float:none;
}
.warningGradient{
    position: absolute; left: -2px; top:-5px; right: 2px; height:22px; float:left;
    background-color: #F07575; /* fallback color if gradients are not supported */
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ED0000', EndColorStr='white', GradientType=1);  /* MSIE http://msdn.microsoft.com/en-us/library/ms532997(VS.85).aspx */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ED0000', EndColorStr='white', GradientType=1)"; /*ie8*/
    background-image:       -ms-linear-gradient(left, #ED0000 0%, #FFFFFF 100%); /* IE10 Consumer Preview */ 
    background-image:      -moz-linear-gradient(left, #ED0000 0%, #FFFFFF 100%); /* Mozilla Firefox */ 
    background-image:        -o-linear-gradient(left, #ED0000 0%, #FFFFFF 100%); /* Opera */ 
    background-image:          -webkit-gradient(linear, left top, right top, color-stop(0, #ED0000), color-stop(1, #FFFFFF)); /* Webkit (Safari/Chrome 10) */ 
    background-image:   -webkit-linear-gradient(left, #ED0000 0%, #FFFFFF 100%); /* Webkit (Chrome 11+) */ 
    background-image:           linear-gradient(to right, #ED0000 0%, #FFFFFF 100%); /* W3C Markup, IE10 Release Preview, Standard syntax; must be last */ 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS CATALOG CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.searchButton:link {
    margin: 0px 0px 0px 0px;
    background: url(../../images/search/search16x16.png) left top no-repeat;
    padding: 0px 15px 0px 0px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font: 9pt "Arial"; /* font-weight: bold; /*color: #336699; */
    text-decoration: none; /* font-variant:small-caps;      letter-spacing: 1px; */
}

a.searchButton:hover {
    text-decoration: underline;
}

input.searchBox {
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #1C5180; /* #36539D; /* #000000; /* #7F9DB9; */
    border-width: 1px;
    background-color: #D9F0FF;
    cursor: text;
    width: 158px;
    height: 16px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font: 8pt "Arial";
}

.SearchResultLB {
    color: Red;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font: 8pt "Arial";
}

.prodCode {
    max-width: 80px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTIMAGES CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img.small, .smallWithBorder {
    max-height: 50px;
    max-width: 50px;
}

.smallWithBorder {
    border: 1px solid #cecece;
    padding: 4px;
    background: #d9d9d9 url(../../images/bg-photo.png) top repeat-x;
    margin-bottom: 5px;
    display: block;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ADVERTISEMENTS CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.advert {
    display: inline;
    float: left;
    margin: 7px 5px 8px 5px;
}

/* PVM varnele */
.vat {
    font-size: 10px;
    margin: 0px 0px 3px -3px;
    font-weight: normal;
}