﻿body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: #b0b0b0;
    background-image: url(images/body_background.jpg);
    background-repeat: repeat-x;
}

/* -- GROUND STRUCTURE -- */
#container {
    width: 953px; /*THIS IS THE TOTAL WIDTH OF THE WHOLE PAGE*/
    margin: auto;
    text-align: left; /*Standarlizing how normal text will be shown*/
    font-family: Verdana, Tahoma, Arial, Sans-Serif; /*This might be changed*/
    font-size: 12px;
}

#top {
    /*width: 945px;*/
    height: 190px;
    border: 4px solid #FFFFFF;
    border-top: none;
    border-bottom: none;
    
}

    #topUpperMenu {
        height: 25px;
        clear: both;
        background-color: #FFFFFF;
    }
    
    #topUpperMenu img {
        display: block;
        float: left;
        margin: 0px 3px 0px 0px;
        padding: 0px 0px 0px 0px;
        border: none;
    }
    
    
    /*~~~~~~~~~~> MENU!!*/
    #topLowerMenu {
        width: 811px; /*651px;*/
        height: 165px;
        float: left;
        background-image: url(images/top_background.jpg);
        background-repeat: repeat-x;
    }
    
    /*#topLowerMenuAF {
        width:651px;
        height: 161px;
        float: left;
        border-bottom: 4px solid #FFFFFF;
        background-image: url(images/top_background_af.jpg);
        background-repeat: repeat-x;
    }*/
    
        #topLowerMenu #topLowerMenuFiller {
            height: 102px;
            /*text-align: right;*/
        }
			#topLowerMenu #topLowerMenuFiller .left,
			#topLowerMenu #topLowerMenuFiller .right {
				float: left;
			}
			#topLowerMenu #topLowerMenuFiller .left {
				width: 406px;
			}
			#topLowerMenu #topLowerMenuFiller .right {
				width: 405px;
				text-align: right;
			}
        
        #topLowerMenu #topLowerMenuHolder {
            height: 63px;
        }
        
            #topLowerMenu #topLowerMenuHolder ul {
                list-style-type: none;
                margin: 0px;
                padding: 0px;
            }
            
            #topLowerMenu #topLowerMenuHolder ul li {
                margin: 0px;
                padding: 0px;
                float: left;
            }
            
            #topLowerMenu #topLowerMenuHolder ul li img {
                display: block;
                width: 2px;
                height: 63px;
            }
            
            #topLowerMenu #topLowerMenuHolder ul li a {
                display: block;
                height: 27px;
                width: 110px;
                padding: 36px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                font-family: Verdana, Tahoma, Sans-Serif;
                font-size: 10px;
                font-weight: bold;
                text-align: center;
                text-transform: uppercase;
                text-decoration: none;
                color: #3da22d;
            }
            
            /*#topLowerMenu #topLowerMenuHolder ul li a.alt1 {
                width: 110px;
            }*/
            
            #topLowerMenu #topLowerMenuHolder ul li a:hover {
                background-image: url(images/lowermenu_hover.jpg);
                background-repeat: repeat-x;
                color: #FFFFFF;
            }
    
    #topLogo {
        width: 134px; /*294px;*/
        height: 161px;
        float: left;
        border-bottom: 4px solid #FFFFFF;
    }
        #topLogo img {
            border: none;
        }
    
    
    
    /*~~~~~~~~~~~> MENU AF!!*/
    #topLowerMenuAF {
        width: 811px;
        height: 165px;
        float: left;
        background-image: url(images/top_background_af_new.jpg);
        background-repeat: repeat-x;
    }
    
    /*#topLowerMenuAF {
        width:651px;
        height: 161px;
        float: left;
        border-bottom: 4px solid #FFFFFF;
        background-image: url(images/top_background_af.jpg);
        background-repeat: repeat-x;
    }*/
    
        #topLowerMenuAF #topLowerMenuFiller {
            height: 102px;
            text-align: right;
        }
        
        #topLowerMenuAF #topLowerMenuHolder {
            height: 63px;
        }
        
            #topLowerMenuAF #topLowerMenuHolder ul {
                list-style-type: none;
                margin: 0px;
                padding: 0px;
            }
            
            #topLowerMenuAF #topLowerMenuHolder ul li {
                margin: 0px;
                padding: 0px;
                float: left;
            }
            
            #topLowerMenuAF #topLowerMenuHolder ul li img {
                display: block;
                width: 2px;
                height: 63px;
            }
            
            #topLowerMenuAF #topLowerMenuHolder ul li a {
                display: block;
                height: 27px;
                width: 110px;
                padding: 36px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
                font-family: Verdana, Tahoma, Sans-Serif;
                font-size: 10px;
                font-weight: bold;
                text-align: center;
                text-transform: uppercase;
                text-decoration: none;
                color: #656565;
            }
            
            /*#topLowerMenuAF #topLowerMenuHolder ul li a.alt1 {
                width: 110px;
            }*/
            
            #topLowerMenuAF #topLowerMenuHolder ul li a:hover {
                background-image: url(images/lowermenu_hover_af.jpg);
                background-repeat: repeat-x;
                color: #FFFFFF;
            }






/* CONTENT ORIGINAL */
#content {
    border: 4px solid #FFFFFF;
    border-top: none;
    background-color: #5cda1a;
    background-image: url(images/content_background.jpg);
    background-repeat: repeat-x;
}

    #content #left {
        float: left;
        width: 320px;
    }
    #content #right {
        float: left;
        width: 625px;
    }
    
    /*SMALL SUBMENU*/
    #content #left_ssm {
        float: left;
        width: 200px; /*width: 320px;*/
    }
    #content #right_ssm {
        float: left;
        width: 745px;
    }
    
    /*  PS-NFO;
        .box corner image matte: #59d718 */
    #content .box,
    #content .box tr,
    #content .box td {
        margin: 0px;
        padding: 0px;
        border: none;
        border-collapse: collapse;
    }
    
    #content .box {
        /*width: 500px;*/ /*CONTROLLED BY CONTENT SPACE OR INLINE STYLE*/
        /*margin: 15px; --------^ */
    }
    
    #content .box .UB,
    #content .box .RB,
    #content .box .BB,
    #content .box .LB {
        background-color: #FFFFFF;
        font-size: 0.1px;
    }
        
        #content .box .UB {
            background-image: url(images/box/UB.jpg);
            background-position: top;
            background-repeat: repeat-x;
        }
        #content .box .RB {
            background-image: url(images/box/RB.jpg);
            background-position: right;
            background-repeat: repeat-y;
        }
        #content .box .BB {
            background-image: url(images/box/BB.jpg);
            background-position: bottom;
            background-repeat: repeat-x;
        }
        #content .box .LB {
            background-image: url(images/box/LB.jpg);
            background-position: left;
            background-repeat: repeat-y;
        }
        
    #content .box .text {
        font-family: Verdana, Tahoma, Arial, Sans-Serif;
        font-size: 12px;
        color: #000000;
        background-color: #FFFFFF;
        margin: 0px;
        padding: 0px 5px 0px 5px;
        vertical-align: top;
    }
    
    #content .box .text .padding_adjust {
        padding: 0px 75px 0px 20px;
    }







/* CONTENT AF */
#content_af {
    border: 4px solid #FFFFFF;
    border-top: none;
    background-color: #7a7a7a;
}

    #content_af #left_af {
        float: left;
        width: 430px;
    }
    #content_af #right_af { /* IMAGE HOLDER */
        float: left;
        width: 403px;
        text-align: right;
        padding: 0px 50px 0px 0px;
    }
    
    #content_af #left {
        float: left;
        width: 320px;
    }
    #content_af #right {
        float: left;
        width: 625px;
    }
    /*  PS-NFO;
        .box corner image matte: #59d718 */
    #content_af .box,
    #content_af .box tr,
    #content_af .box td {
        margin: 0px;
        padding: 0px;
        border: none;
        border-collapse: collapse;
    }
    
    #content_af .box {
        /*width: 500px;*/ /*CONTROLLED BY CONTENT SPACE OR INLINE STYLE*/
        /*margin: 15px; --------^ */
    }
    
    #content_af .box .UB,
    #content_af .box .RB,
    #content_af .box .BB,
    #content_af .box .LB {
        background-color: #FFFFFF;
        font-size: 0.1px;
    }
        
        #content_af .box .UB {
            background-image: url(images/box/UB.jpg);
            background-position: top;
            background-repeat: repeat-x;
        }
        #content_af .box .RB {
            background-image: url(images/box/RB.jpg);
            background-position: right;
            background-repeat: repeat-y;
        }
        #content_af .box .BB {
            background-image: url(images/box/BB.jpg);
            background-position: bottom;
            background-repeat: repeat-x;
        }
        #content_af .box .LB {
            background-image: url(images/box/LB.jpg);
            background-position: left;
            background-repeat: repeat-y;
        }
        
    #content_af .box .text {
        font-family: Verdana, Tahoma, Arial, Sans-Serif;
        font-size: 11px;
        color: #000000;
        background-color: #FFFFFF;
        margin: 0px;
        padding: 0px 5px 0px 5px;
        vertical-align: top;
    }


/*ÅTERFÖRSÄLJARE LOGIN*/
.login_af_holder {
    margin: 15px 0px 0px 0px;
}
    
    .login_af_holder .login_af_title {
        margin: 12px 0px 5px 0px;
        font-weight: bold;
    }
    .login_af_holder .login_af_textbox {
        border: 1px solid #000000;
        padding: 1px;
        font-family: Verdana, Tahoma, Arial, Sans-Serif;
        font-size: 20px;
        font-weight: normal;
        width: 200px;
        margin: 0px 0px 0px 0px;
    }
    .login_af_holder .login_af_button {
        /*background-color: Transparent;*/
        /*border: none;*/
        font-family: Verdana, Tahoma, Arial, Sans-Serif;
        font-size: 14px;
        font-weight: normal;
        /*text-align: left;*/
        margin: 0px 0px 3px 0px;
        padding: 0px 0px 0px 0px;
        cursor: pointer;
    }
    
    
    
    
/*ÅTERFÖRSÄLJARE PRODUKTER*/
h2.product_mod {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#product_list {
    width: 100%;
    margin: 0px 0px 35px 0px;
    padding: 0px 0px 0px 0px;
}
    #product_list .product_tr td {
        vertical-align: top;
        padding: 0px 0px 3px 0px;
    }
    
    #product_list .product_head th {
        vertical-align: bottom;
        padding: 0px 0px 5px 0px;
    }
    
    #product_list .product_tr .products_textbox_disabled {
        /*background-color: #b1b1b1;*/
        border: 1px solid #c7c7c7;
    }
    
    #product_list .product_tr .products_textbox_invisible 
    {
		border: 0px solid #000000;
		color: #000000;
    }
    
    #product_list .product_tr_invisible
    {
		display:none;
    }
    
    #product_list .product_tr .products_textbox_noneditable 
    {
		border: 0px solid #000000;
    }
    
    #product_list .product_tr input {
        border: 1px solid #000000;
        background-color: #FFFFFF;
        font-family: Verdana, Tahoma, Arial, Sans-Serif;
        font-size: 10px;
    }
    
    #product_list .amount_input input {
        width: 25px;
    }
    
    #product_list .amount_input {
        width: 40px;
    }
    
    #product_list .colorcode_input input {
        width: 55px;
    }
    
    #product_list .colorcode_input{
        width: 57px;
    }
    
    #product_list .price1, #product_list .price2 {
        text-align: right;
        width: 55px;
    }
    
.product_button_holder {
    text-align: right;
}
    .product_button_holder .product_button {
        width: 173px;
        height: 44px;
        border: none;
        background-color: Transparent;
        background-image: url(images/buy_button.jpg);
        background-repeat: no-repeat;
        font-family: Verdana, Tahoma, Arial, Sans-Serif;
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        color: #FFFFFF;
        cursor: pointer;
    }
    
    .product_button_holder .product_button:hover {
        background-image: url(images/buy_button_hover.jpg);
    }





#bottom {
    border: 4px solid #FFFFFF;
    border-top: none;
    height: 20px;
    padding: 6px 0px 0px 10px;
    background-color: #b0ed8e;
    font-family: Arial, Verdana, Tahoma, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #379f28;
}

    #bottom a {
        color: #379f28;
        text-decoration: none;
        font-family: Arial, Verdana, Tahoma, Sans-Serif;
        font-weight: bold;
    }
    
    #bottom a:hover {
        color: #000000;
    }

#bottomFiller { height: 20px; }

/* FLASH */
#flash {
    clear: both;
    width: 915px;
    margin: 15px 0px 15px 15px;
}

/* PUSHER */
#push {
    clear: both;
    margin: 0px 0px 0px 15px;
}

#push div {
    width: 300px; /*295px*/
    margin: 0px 7px 15px 0px; /*0px 15px 15px 0px;*/
    padding: 0px;
    float: left;
}

#push div div {
    margin: 0px;
    padding: 0px;
}




/*EXTRA*/
#right .remove_loader_space div, #right .remove_loader_space div div {
	font-size: 0.1px;
}
