html {
    font-size: 16px;
}

img {
    border: 0;
}

a:link, a:visited {
    color: #3095D6;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #0072BA;
}

body {
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: Verdana;
    background: #D5D5D5;
}

#site_container {
    text-align: left;
    width: 980px;
    margin: 0 auto;
    background: #D5D5D5 url('../images/f4n_body.jpg') -84px 0px no-repeat;
    padding: 0;
}

    #header {
        height: 106px;
    }

        #logo {
            background: url('../images/f4n_logo.png') no-repeat;
            width: 275px;
            height: 72px;
            display: block;
            float: left;
            margin: 10px 30px;
        }

        * html #logo {
            margin: 0 15px;
        }


        #userbox {
            background: url('../images/f4n_userbox.png') no-repeat;
            float: right;
            width: 351px;
            height: 32px;
            position: relative;
            top: -14px;
            right: 91px;
            text-align: center;
            font-size: 13px;
            color: #334403;
            text-shadow: #AFD73C 1px 1px;
            padding-top: 8px;
        }

            #userbox a, #userbox a:hover {
                color: #334403;
            }

        #hotline {
            position: relative;
            bottom: 92px;
            left: 385px;
            width: 400px;
            color: #484848;
            text-shadow: #FFF 0 1px;
            clear: both;
            text-align: left;
            font-size: 15px;
        }

            #hotline.logedout {
                bottom: 74px !important;
                width: 400px !important;
            }
			
		#fb_ilike {
            position: relative;
            bottom: 133px;
            left: 780px;
            width: 300px;
            float: left;

        }

            #fb_ilike.logedout {
                bottom: 124px !important;
            }
		
		#fb_ilike_LogIn {
            position: relative;
            bottom: 103px;
            left: 850px;
            width: 300px;
            float: left;

        }

        #navigation {
            display: block;
            margin: 0;
            padding: 0;
            float: right;
            width: 464px;
            height: 52px;
            background: url('../images/f4n_navigation.png') no-repeat;
            list-style-type: none;
            position: relative;
            top: 70px;
            right: 20px;
        }

        #navigation.logedout {
            background-image: url('../images/f4n_navigation_lgdot.png') !important;
            width: 575px !important;
        }

        * html #navigation {
            right: 45px;
        }

            #navigation li {
                float: left;
                margin: 10px 20px;
                display: block;
                padding: 0;
            }

            * html #navigation li {
                margin-left: 14px;
                margin-right: 27px;
            }

                #navigation li a {
                    font-size: 15px;
                    color: #2B2B2B;
                    text-shadow: #DCF889 0 1px;
                    text-decoration: none;
                }

                #navigation li a:hover {
                    color: #3D5300;
                    text-decoration: underline;
                }

    #subheader {
        background: url('../images/f4n_header.jpg') 1px 0 no-repeat;
        height: 217px;
        overflow: hidden;
        padding: 0;
    }

        #subheader .headerBox {
            background: url('../images/f4n_headerBox_center.png') repeat-x;
            height: 170px;
            margin: 26px 0 0 63px;
            float: left;
        }

        #subheader .twothirds {
            width: 550px;
        }

        #subheader .onethird {
            width: 240px;
        }

        #subheader .greenBox {
            background-image: url('../images/f4n_headerBoxGreen_center.png') !important;
        }

            #subheader .greenBox .headerBoxLeft {
                background-image: url('../images/f4n_headerBoxGreen_left.png') !important;
            }

            #subheader .greenBox .headerBoxRight {
                background-image: url('../images/f4n_headerBoxGreen_right.png') !important;
            }

        #subheader .smallBox {
            background-image: url('../images/f4n_headerBoxSmall_center.png') !important;
            margin-top: 50px;
        }

            #subheader .smallBox .headerBoxLeft {
                background-image: url('../images/f4n_headerBoxSmall_left.png') !important;
            }

            #subheader .smallBox .headerBoxRight {
                background-image: url('../images/f4n_headerBoxSmall_right.png') !important;
            }

            #subheader .smallBox .headerBoxNumber {
                top: -163px !important;
            }

            #subheader .headerBox .headerBoxNumber {
                background: url('../images/f4n_headerBox_one.png') no-repeat;
                height: 150px;
                width: 120px;
                position: relative;
                top: -132px;
                left: 173px;
            }

                #subheader .headerBox .headerBoxNumberTwo {
                    background-image: url('../images/f4n_headerBox_two.png');
                }

                #subheader .headerBox .headerBoxNumberThree {
                    background-image: url('../images/f4n_headerBox_three.png');
                }

            #subheader .headerBox .headerBoxLeft {
                background: url('../images/f4n_headerBox_left.png') no-repeat;
                position: relative;
                left: -14px;
            }

                #subheader .headerBox .headerBoxRight {
                    background: url('../images/f4n_headerBox_right.png') right 0 no-repeat;
                    position: relative;
                    left: 28px;
                    height: 170px;
                }

                    #subheader .headerBox .headerBoxRight div {
                        position: relative;
                        top: 20px;
                        left: -10px;
                    }

                        #subheader .headerBox .headerBoxRight span {
                            font-size: 12px;
                            color: #2A2A2A;
                            font-weight: bold;
                        }

                        #subheader .headerBox .headerBoxRight ol {
                            font-size: 11px;
                            color: #2A2A2A;
                            margin: 0;
                            padding: 20px;
                        }

                            #subheader .headerBox .headerBoxRight ol li {
                                margin-bottom: 8px;
                            }

    #greybox {
        background: url('../images/f4n_greybox.png') 1px 0 no-repeat;
        height: 236px;
        overflow: hidden;
        padding: 0 0 0 25px;
    }

        #greybox form {
            margin: 55px 0 0 0;
        }

            #greybox form input {
                margin-left: 120px;
                height: 30px;
                width: 530px;
                font-size: 25px;
                border: none;
                background: #FFF;
                color: #282828;
            }

            #greybox form a {
                text-decoration: none;
                font-size: 19px;
                color: #3D5300;
                text-shadow: #DCF889 0 1px;
                margin-right: 145px !important;
                position: relative;
                top: 3px;
                display: block;
                float: right;
            }

            * html #greybox form a {
                top: -31px;
                margin-right: 73px;
            }

            #greybox form a:hover {
                color: #2B2B2B;
            }

        #categories {
            margin: 50px;
            text-align: center;
            position: relative;
            top: -12px;
        }

            #categories span {
                color: #777777;
                text-shadow: #F1F1F1 0 1px;
                font-size: 16px;

                display: block;
                margin-bottom: 5px;
            }

            #categories a {
                margin: 0 10px;
            }

        #whitebox {
            background: url('../images/f4n_content.jpg') 1px 0 repeat-y;
            padding: 7px 18px 0 19px;
        }

            .boxPadding {
                padding: 20px 40px 0 40px;
                font-size: 14px;
                color: #1F1F1F;
            }

                .leftpanel {
                    float: left;
                    width: 260px;
                    margin: 0 35px 0 0;
                }

                .rightpanel {
                    float: right;
                    width: 555px;
                }

                .error {
                    color: #BD0000;
                    border-bottom: 1px dotted #BD0000;
                    background: #FBD4D4;
                    padding: 5px;
                }

                .small {
                    font-size: 12px;
                }

                .intro {
                    color: #1A1A1A;
                    font-size: 15px;
                    margin-bottom: 20px;
                }

                    .intro h2 {
                        font-size: 15px;
                        margin: 0 0 5px 0;
                        color: #414141;
                    }

                #whitebox form {
                    margin: 15px;
                }

                #whitebox form.fullPage {
                    margin: 0;
                }

                    #whitebox form div {
                        clear: left;
                        margin: 2px 0;
                    }

                    #whitebox form.fullPage div.formContent div {
                        clear: left !important;
                        margin: 2px 0 !important;
                    }

                    div.formContent {
                        padding: 15px !important;
                    }

                    #whitebox form.fullPage div {
                        clear: none;
                        margin: 0;
                    }

                    #whitebox label {
                        display: block;
                        float: left;
                        width: 130px;
                        height: 27px;
                        padding-top: 3px;
                        color: #1A1A1A;
                        font-size: 13px;
                    }

                    #whitebox input.text {
                        height: 22px;
                        width: 300px;
                        background: #E5F5FF;
                        border: 1px solid #B9B9B9;
                        font-size: 15px;
                    }

                    #whitebox input.smalltext {
                        width: 30px;
                    }

                    #whitebox form span,
                    #whitebox form.fullPage div.formContent span {
                        font-size: 12px;
                        display: block;
                        margin: 3px 0;
                    }

                    #whitebox form.fullPage span {
                        font-size: medium;
                        display: inline;
                        margin: 0;
                    }

            #shadow {
                background: url('../images/f4n_content_shadow.jpg') repeat-y;
                clear: left;
            }

            #tabsLine {
                background: url('../images/f4n_tabsLine.jpg') bottom left  repeat-x;
                height: 43px;
            }

            .tab {
                background: #FFF url('../images/f4n_tab_center.jpg') repeat-x;
                width: 311px;
                margin: 10px 5px 0 0;
                float: left;
            	cursor: pointer;
            }

            .active {
                margin-top: 0;
                background-image: url('../images/f4n_tabActive_center.jpg');
            }

            .rightTab {
                margin-right: 0;
            }

                .tab div {
                    background: url('../images/f4n_tab_left.png') no-repeat;
                }

                .active div {
                    background-image: url('../images/f4n_tabActive_left.png');
                }

                .leftTab div {
                    background-position: -3px 0;
                }

                    .tab div span {
                        display: block;
                        background: url('../images/f4n_tab_right.png') right 0 no-repeat;
                        padding: 8px 0 9px 13px;
                        font-size: 13px;
                        font-weight: bold;
                        color: #3D5300;
                    }

                    .tab div span:hover {
                        text-decoration: underline;
                    }

                    .active div span:hover {
                        text-decoration: none;
                    }

                    .active div span {
                        background: url('../images/f4n_tabActive_right.png') right 0 no-repeat;
                        color: #3D5300;
                        font-size: 13px;
                        padding-top: 11px;
                        padding-bottom: 14px;
                    }

                    .leftTab div span {
                        padding-left: 10px;
                    }

                    .rightTab div span {
                        background-position: 300px 0;
                    }

            #tabContent .containerBox {
                width: 314px;
                height: 180px;
                float: left;
                background: transparent url('../images/f4n_tabContentBox.jpg') right 0 repeat-y;
                margin: 12px 0 0 0;
            }

            #tabContent .containerBox div {
                padding: 0 0 0 14px;
            }

                #tabContent .containerBox span {
                    color: #333333;
                    font-size: 13px;
                    font-weight: bold;
                    margin: 0 0 10px 0;
                }

                /*#tabContent .containerBox a.socialLink {
                    margin: 8px 0px 0px 25px;
                    display: block;
                    float: left;
                }*/
				
				#tabContent .containerBox a.social_icons {
                    margin: 5px 0px 0px 14px;
                    display: block;
                    float: left;
                }
				
				#tabContent .containerBox .fb_fans {
                    padding: 5px 0px 0px 0px !important;
                    display: block;
                    float: left;
                }

                #tabContent .containerBox ul {
                    margin: 0;
                    padding: 0 0 0 14px;
                    list-style-image: url('../images/f4n_listBullet.png');
                    font-size: 11px;
                    color: #333;
                }

                     #tabContent .containerBox ul li {
                        margin: 10px 0 0 0;
                     }

                     #tabContent .containerBox ul li a {
                        color: #000 !important;
                     }

				#tabContent .containerBox .newsletter {
          		font-size: 11px !important;
				padding: 5px 0px 0px 0px;
				float: left;
				display: block;
         		}
				
				#tabContent .containerBox .newsletter form {
				margin: 0 !important;
				padding: 10px 0px 5px 0px;
				
				}
				
				#tabContent .containerBox .newsletter form input {
				margin-bottom: 5px
				}

#tab2_content .containerBox {
          font-size: 11px;
         }

          #tab2_content .containerBox li {
           margin: 0!important;
          }

         #tab3_content .containerBox {
          font-size: 12px;
         }

          #tab3_content .containerBox img {
           margin-right: 10px;
    }

          #tab3_content .containerBox ul {
           list-style-image: url('../images/tab3_tick.png')!important;
          }

          #tab3_content .containerBox li {
           margin: 0 0 7px 0!important;
          }

        #footer {
            background: url('../images/f4n_footer_blank.jpg') 1px 0 no-repeat;
            height: 30px;
            margin-bottom: 10px;
        }

            .footerShadow {
                background-image: url('../images/f4n_footer.jpg') !important;
            }

.dropdown {
    display: block;
    height: 40px;
    position: relative;
    top: -3px;
}
    .dropdown .dropdownTitle {
        background: url('../images/f4n_dropdown_center.jpg') repeat-x;
    }

        .dropdown .dropdownTitle div {
            background: url('../images/f4n_dropdown_left.jpg') no-repeat;
        }

            .dropdown .dropdownTitle div span {
                display: block;
                height: 40px;
                padding: 11px 15px;
                background: url('../images/f4n_dropdown_right.jpg') right 0 no-repeat;
                color: #35382F;
                text-shadow: #DCF889 0 1px;
                font-size: 15px;
            }

.titleboxContent p {
    margin: 20px;
}

#layerContent ul.titleboxContent {
    overflow-x: hidden;
    width: 861px !important;
}

#DomWindow {
    background: transparent !important;
}

.button {
    display: block;
    height: 40px;
    width: 193px;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    overflow: hidden;
}

form .button {
    height: 50px !important;
}

.lastButton {
    margin-right: 0;
}

    a.button:hover .buttonTitle div span {
        text-decoration: none;
        color: #767676;
    }

    a.blueButton:hover .buttonTitle div span {
        color: #36607C;
    }

    a.button:hover {
        text-decoration: none;
    }

    .button .buttonTitle {
        background: url('../images/f4n_greyButton_center.jpg') repeat-x;
    }

    .button .buttonTitle_small {
        background: url('../images/f4n_greyButton_center.jpg') repeat-x;
    }

        .button .buttonTitle div {
            background: url('../images/f4n_greyButton_left.jpg') no-repeat;
        }

        .button .buttonTitle_small div {
            background: url('../images/f4n_greyButton_left.jpg') no-repeat;
        }

            .button .buttonTitle div span {
                display: block !important;
                height: 40px;
                text-align: center !important;
                padding: 11px 0px !important;
                background: url('../images/f4n_greyButton_right.jpg') right 0 no-repeat !important;
                color: #393939 !important;
                text-shadow: #FFF 0 1px !important;
                font-size: 15px !important;
                margin: 0 !important;
            }

			.button .buttonTitle_small div span {
                display: block !important;
                height: 40px;
                text-align: center !important;
                padding: 11px 0px !important;
                background: url('../images/f4n_greyButton_right.jpg') right 0 no-repeat !important;
                color: #393939 !important;
                text-shadow: #FFF 0 1px !important;
                font-size: 11px !important;
                margin: 0 !important;
            }

    .blueButton .buttonTitle {
        background-image: url('../images/f4n_blueButton_center.jpg') !important;
    }

        .blueButton .buttonTitle div {
            background-image: url('../images/f4n_blueButton_left.jpg') !important;
        }

            .blueButton .buttonTitle div span {
                text-shadow: #8ECAE2 0 1px !important;
                background-image: url('../images/f4n_blueButton_right.jpg') !important;
            }

/* -------- buttons for new product selection (ya know the big ones :) --------- */
#newProductButtons .button,
#newProductButtons .button .buttonTitle div span {height: 70px !important;}
#newProductButtons .button .buttonTitle div span {padding: 10px 0 !important;}
#newProductButtons .button .buttonTitle div span img {
    position: relative;
    top: -5px;
    left: 25px;
}
#newProductButtons .buttonTitle {background-image: url('../images/big_f4n_greyButton_center.png') !important;}
#newProductButtons .buttonTitle div {background-image: url('../images/big_f4n_greyButton_left.png') !important;}
#newProductButtons .buttonTitle div span {background-image: url('../images/big_f4n_greyButton_right.png') !important;}
#newProductButtons .blueButton .buttonTitle {background-image: url('../images/big_f4n_blueButton_center.png') !important;}
#newProductButtons .blueButton .buttonTitle div {background-image: url('../images/big_f4n_blueButton_left.png') !important;}
#newProductButtons .blueButton .buttonTitle div span {background-image: url('../images/big_f4n_blueButton_right.png') !important;}
/* -------- end of those big bros ------ */

.titlebox {
    background: url('../images/f4n_titlebox_center.jpg') repeat-x;
    margin: 10px 0 0 0;
}

.first .titlebox {
    margin-top: 0px;
}

    .titlebox form {
        margin: 0;
        paddomg: 0;
        position: relative;
        top: -14px;
    }

    .titlebox .rightalign {
        background: none;
        float: right;
    }

    .titlebox div {
        background: url('../images/f4n_titlebox_left.jpg') no-repeat;
    }

        .titlebox div span {
            display: block;
            height: 40px;
            padding: 11px 15px;
            background: url('../images/f4n_titlebox_right.jpg') right 0 no-repeat;
            text-shadow: #DCF889 0 1px;
            font-size: 15px;
            color: #35382F;
        }

        #whitebox form.fullPage .titlebox div span {
            display: block !important;
            font-size: 15px !important;
        }

.titlebox_footer {
    height: 10px;
    background: url('../images/f4n_titleboxContent_bottom.jpg') no-repeat;
    position: relative;
    top: -16px;
}

.titlebox_footerBig {
    background-image: url('../images/f4n_titleboxContentBig_bott.jpg');
}

.upwards {
    position: relative;
    top: -15px;
}

.upwardsSecond {
    position: relative;
    top: -30px;
}

.titleboxContent {
    margin: 0;
    padding: 1px;
    list-style-type: none;
    background: url('../images/f4n_titleboxContent_center.jpg') repeat-y;
    position: relative;
    top: -11px;
}

.titleBoxContentPadding {
    padding: 8px;
}

.wide .titleboxContent {
    background-image: url('../images/f4n_titleboxContentWid_cent.jpg') !important;
}

.wide .titlebox_footer {
    background-image: url('../images/f4n_titleboxContentWid_bott.jpg') !important;
}

.titleboxContentBig {
    background-image: url('../images/f4n_titleboxContentBig_cent.jpg');
}

    .titleboxContent span.text {
        color: #515151;
        font-size: 13px;
        display: block;
        padding: 0 10px 5px 10px;
    }

    ul.titleboxContent li {
        background: url('../images/f4n_titleboxContent_line.jpg') 0 bottom repeat-x;
        padding: 1px;
        cursor:pointer;
    }

        ul.titleboxContent li a {
            display: block;
            background: url('../images/f4n_titleboxContent_arrow.jpg') right -2px no-repeat;
            height: 35px;
            color: #515151;
            font-size: 13px;
        }

        ul.titleboxContent li a a {
            display: inline;
        }

        ul.titleboxContentBig li a {
            background: url('../images/f4n_titleboxContentBig_butt.jpg') right center no-repeat;
            height: 105px;
            color: #2B2B2B;
            font-size: 15px;
            font-weight: bold;
        }

        ul.titleboxContentBig2 li {
            height: 100px;
            color: #2B2B2B;
            font-size: 15px;
            font-weight: bold;
        	display: block;
        	cursor:default;
        }
        
        ul.titleboxContentBig li a img {
            margin: 0 5px 0 0;
        }

        ul.titleboxContent li a:hover {
            text-decoration: none;
            color: #909090;
        }

            ul.titleboxContent li a span {
                position: relative;
                top: 9px;
                left: 8px;
            }

#footerMenu {
    padding: 0 0 0 10px;
    color: #777777;
    font-size: 9px;
    text-align: center;
    margin-bottom: 20px;
}

    #footerMenu a {
        font-size: 12px;
        color: #4F4F4F;
        text-shadow: #F0F0F0 0 1px;
    }

.formleft label,
.formright label {
    width: 90px !important;
}

.formright {
    float: right;
    width: 420px;
}

span.inactive {
    color: #7F7F7F;
    font-size: 13px;
}

span.active {
    color: #4F4F4F;
    font-size: 15px;
    font-weight: bold;
}

form span {
    color: #7F7F7F;
    font-size: 13px;
}

.custtop {
    height: 120px;
    overflow: hidden;
}

    .custtopSmall {
        height: 60px !important;
    }

.page_contains_layer #site_container {
    height: 1800px;
}

.page_contains_layer #site_container *,
.page_contains_layer #site_container {

}

.layerContainer {
    position: relative;
    top: -1846px;
    text-align: center;
    height: 1200px;
}

.layerBackground {
    text-align: left;
    margin: 0 auto;
    position: relative;
    width: 864px;
}

.layerHomepage {
    width: 584px;
    background: url('../images/f4n_layerHomepage.png') repeat-y;
    top: 466px;
    right: 68px;
}

.layerHomepage .layerTop {
    height: 24px;
    background: url('../images/f4n_layerHomepageTop.png') no-repeat;
}

.layerHomepage .layerFooter {
    height: 14px;
    background: url('../images/f4n_layerHomepageFooter.png') no-repeat;
    position: relative;
    top: 14px;
}

.greyShineButton, .greenButton {
    height: 32px !important;
    margin: 0;
    width: 220px !important;
}
    .greyShineButton .buttonTitle {
        background-image: url('../images/f4n_silverButton_center.jpg') !important;
    }

        .greyShineButton .buttonTitle div {
            background-image: url('../images/f4n_silverButton_left.jpg') !important;
        }

            .greyShineButton .buttonTitle div span {
                background-image: url('../images/f4n_silverButton_right.jpg') !important;
            }

            .greyShineButton .buttonTitle div span,
            .greenButton .buttonTitle div span {
                height: 32px !important;
                padding: 6px !important;
            }

    .greenButton .buttonTitle {
        background-image: url('../images/f4n_greenButton_center.jpg') !important;
    }

        .greenButton .buttonTitle div {
            background-image: url('../images/f4n_greenButton_left.jpg') !important;
        }

            .greenButton .buttonTitle div span {
                background-image: url('../images/f4n_greenButton_right.jpg') !important;
            }

.layerItemList {
    width: 250px;
    margin-left: 18px;
}

.layerItemListRight {
    float: right;
    margin-left: 0;
    margin-right: 25px;
}

    .layerItemList span {
        color: #292929;
        font-weight: bold;
        font-size: 13px;
        float: left;
    }

    .layerItemList ul {
        margin: 0 0 0 90px;
        padding: 0 0 0 10px;
        border-left: 1px solid #DFDFDF;
        list-style-type: none;
    }

        .layerItemList ul li {
            background: url('../images/f4n_titleboxContent_line.jpg') left bottom repeat-x;
            padding: 0 0 7px;
            margin-bottom: 7px;
            color: #292929;
            font-size: 12px;
        }

            .layerItemList ul li.last {
                background: none;
                margin: 0;
            }

.layerShade {
    background: url('../images/f4n_layerShade.png');
}

.layerBackground .titlebox {
    margin: 0 10px;
    background-color: #FFF;
}

.layerBackground .titlebox div {
    background-image: url('../images/f4n_titlebox_left.png');
    position: relative;
    right: 10px;
}

.layerBackground .titlebox div span {
    background-image: url('../images/f4n_titlebox_right.png');
    position: relative;
    right: -19px;
}

.layerBackground .titleboxContent h2 {
    margin: 5px 0 0 20px;;
    font-weight: normal;
    font-size: 23px;
    color: #4C4C4C;
	width: 550px;
}

.layerBackground .titleboxContent h2 span {
    font-size: 15px;
}

.layerBackground .titleboxContent .product_image {
    margin: 10px 25px;
    margin-right: 5px;
}

.titleboxContent .left {
    margin-left: 20px;
}

.layerBackground .titleboxContent form {
    color: #4C4C4C;
    font-size: 13px;
    margin-top: 20px;
}

.layerBackground .titleboxContent form .right {
    float: right;
    background: url('../images/f4n_titleboxContent_line.jpg') left top repeat-y;
    width: 350px;
    padding-left: 25px;
}

.layerBackground .titlebox_footer {
    background-image: url(../images/f4n_titleboxContentWid_bott.png) !important;
}

table.mediaTable {
    margin: 10px 10px 0 10px;
    border: 1px solid #E1E1E1;
    width: 840px;
}

    table.mediaTable td {
        padding: 5px;
        color: #414141;
    }

    table.mediaTable thead td {
        font-weight: bold;
        font-size: 15px;
        color: #1C1C1C;
        background: #D5D5D5 url('../images/mediatable_thead.png') repeat-x;
        border-bottom: 1px solid #C2C2C2;
        border-top: none;
        text-shadow: #F1F1F1 0 1px;
    }

    table.mediaTable td.sum {
        background: #CADE93;
        color: #394027;
        text-shadow: #E9F1D4 0 1px;
        border-top: #A6C550 1px solid;
    }

    table.mediaTable td span {
        color: #999999;
        font-size: 12px;
    }

    table.mediaTable td {
        border-top: 1px solid #DFDFDF;
    }

.twoSideForm {
    width: 420px;
    margin-top: 10px;
}

    .twoSideForm h3 {
        color: #484848;
        font-size: 14px;
        margin: 0 0 10px 10px;
        font-weight: bold;
    }

    .labelLessForm h3 {
        margin-left: 0;
    }

    .twoSideForm input.text {
        width: 160px !important;
    }

    .labelLessForm input.text {
        width: 220px !important;
    }

    .twoSideForm label {
        width: 165px !important;
    }

    .twoSideForm .twoSideImg {
        margin-right: 15px;
    }

    .labelLessForm {
        padding-left: 10px;
    }

     .labelLessFormRight {
        padding-left: 20px !important;
     }

    .twoSideForm .sideDesc {
        font-size: 14px;
        color: #535353;
        margin: 0 0 15px 0 !important;
        width: 180px;
        display: block;
    }

.twoSideFormRight {
    float: right;
    background: url('../images/f4n_titleboxContent_line.jpg') left top repeat-y;
    padding-left: 15px;
    margin-right: 10px;
    height: 340px;
}

.twoSideFormLeft {
    width: 405px !important;
}

span.product_price {
    color: #7D7D7D;
    font-weight: normal;
    top: -32px !important;
    left: 84px !important;
}

span.smalltext {
    color: #ABABAB;
    font-size: 12px;
    clear: both;
    margin: 5px 10px 20px 10px;
    display: block;
}

.dottedDevider {
    padding-bottom: 20px;
    background: url('../images/f4n_titleboxContent_line.jpg') left bottom repeat-x;
}

table.mediaTableSide {
    width: 390px !important;
    margin-top: 0 !important;
}

.sideError {
    display: block;
    margin: 10px;
    border-top: 1px dotted #BD0000;
    border-bottom: none;
}

.verkaufspreis {
    color: #777777;
}

    .inzahlungspreis {
        position: relative;
        top: -19px !important;
        left: 65px !important;
        display: block;
        color: #5BA314;
        text-decoration:none !important;
    }

.bigOne {
    width: 266px !important;
}

.tableRow span {
    float:right;
    display: block;
    text-align: right;
}

.tableRow {
    clear: right !important;
    height: 27px;
    margin: 8px 20px 0 20px !important;
    background: url('../images/f4n_titleboxContent_line.jpg') left bottom repeat-x;
}

.yousave {
    font-size: 16px !important;
    color: #475719;
    margin: 30px 0 !important;
    padding-top: 20px;
    font-weight: bold;
    background: url('../images/f4n_titleboxContent_line.jpg') left top repeat-x;
}

.searchResult {
    z-index: 500;
}

.qtsacc {
    z-index: 5000;
}

.ajaxcontent {
    display: none;
}

.headerArrow {

    height: 170px;
}

.oldprod {
    width: 130px;
    height: 90px;
    text-align: center;
    float: left;
    font-size: 13px;
    margin-left: 5px;
    clear: all;
    top: 5px !important;
}

.newstuff {
    width: 100px;
    height: 100px;
    float: right;
    text-align: center;
    background: url('../images/headerbox_box.jpg') no-repeat;
    left: 3px !important;
    top: 17px !important;
    padding-right: 1px;
    font-size: 13px;
}

    .newstuff img {
        display: block;
        margin-left: 12px;
    }

    .oldprod img {
        display: block;
        margin-left: 24px;
    }

.proddetails ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .proddetails ul li {
        background: none;
        margin-bottom: 3px;
        font-size: 11px;
    }

.prod_price_desc {
    float: right;
    text-align: left;
    width: 440px;
    height: 80px;
    vertical-align: middle;

    padding-top: 5px;
}

.prodimg {
    position: relative;
    top: -2px;
	left: 10px;
}

.rightpanel .ajaxcontent .searchResult {
    width: 525px !important;
}

.rightpanel .ajaxcontent .searchResult .searchResultLeftTwo{
    width: 200px !important;
}

.rightpanel .ajaxcontent .searchResult .searchResultProds {
    width: 250px !important;
}

.rightpanel .ajaxcontent .searchResult .searchResultLeft {
    width: 90px !important;
    overflow: hidden;
}

.rightpanel .ajaxcontent .searchResult .searchResultRight {
    width: 130px !important;
    overflow: hidden;
    float: static !important;
}

.rightpanel .ajaxcontent .searchResult .searchResultCats {
    width: 230px !important;
    overflow: hidden;
}

.rightpanel .ajaxcontent .searchResult .searchResultBrands {
    width: 230px !important;
    overflow: hidden;
}

img.prdImg {
    margin-right: 8px;
}

.headerBox a.button {
    width: 69px !important;
    display: static !important;
    position: relative;
    top: 5px;
    left: -2px;
}

.stepheader span {
    display: block;
    float: left;
    margin-right: 23px;
}

.stepheader span span {
    display: block;
    width: 20px !important;
    height: 20px !important;
    background: url('../images/stepcircle_gr.jpg') no-repeat;
    color: #2C2C2C;
    padding-top: 2px;
    padding-right: 1px;
    text-align: center;
    float: left;
    margin-right: 2px;
    font-size: 13px !important;
    text-shadow: #FFF -1px -1px;
}

.stepheader span.active span {
    background-image: url('../images/stepcircle_green.jpg');
    font-weight: normal;
}

.stepheader span.active {
    background: none;
}

.emptySearch {
    font-size: 12px;
    color: grey;
}

#categories a, #categories a img {
	z-index:5;
}

#helpDIV {
	font-size: 12px !important;
}

.noticeContainer {
	padding: 13px;
	background: #EBEBEB;
	border: 1px solid #CCCCCC;
	margin-bottom: 25px;
	font-size: 14px;
}

#newProductButtons .buttonTitle span em {
	background: url('') no-repeat;
	display: block;
	width: 150px;
	padding: 20px 0 20px 50px;
	margin-left: 30px;
	float: left;
	font-style: normal;
}

#newProductButtons .newButton {
  float:left;
  height: 70px;
  width: 266px;
  background-repeat: no-repeat;
  margin: 0px 30px 20px 0px;
}
 
#newProductButtons .newButton a {
  text-shadow: 0 1px #FFFFFF;
  display: block;
  cursor: pointer;
  height: 40px;
  width: 156px;
  color: #393939;
  font-size: 15px;
  padding-left: 110px;
  padding-top:30px;
  text-decoration: none;
  line-height: 15px;
}
 
#newProductButtons .newButton a:hover {
  color: #9FCE1C;
  text-decoration: none;
}

.share_icons {
	width: 390px;
	height: 40px;
	float: right;	
}

.layerBackground .share_icons_prod {
	width: 100px;
	float: right;
	margin-top: -28px;
}

.layerBackground .share_fb_prod {
	width: 125px;
	float: right;
	margin-top: -28px;
}

#austriabank {
	position: relative;
    color: #FF0000;
    font-size: 9px;
    text-align: left;
	float: right;
	clear: both;
}
