html {
    min-height: 100%;
    width: 100%;
    margin-bottom:1px;
}

body {
    padding: 0;
    margin: 0;
    font-family:  Arial, Verdana,"Sans serif";
    font-size:12px;
}

div {
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;

}
a:hover, #footer a:hover{
    color: #ef6723;
}

a img{
    border:0;
}
#all {
    width:980px; margin: 0 auto;
}
#top {
    width:100%;
}
#top img{
    width:50%;
    float:left;
}

#TNG_navigation{
    width:980px;
    height:34px;
    background-image:url('/media/images/templates/k-ommerce/Top-Nav-off.jpg');
    overflow: hidden;
}
#TNG_navigation ul{
    margin:0;
    padding:0; 

}
#TNG_navigation li{
    list-style-type: none;

}
#TNG_navigation li.first a{
    display:block;
    background-image:url('/media/images/templates/k-ommerce/Top-Nav-off.jpg');
    font-size: 14px;
    height:14px;
    padding: 10px 20px;
    color: #ffffff;
    background-color:transparent;
    margin: 0;
}
#TNG_navigation li.on a, #TNG_navigation li.first:hover a{
    display:block;
    background-image:url('/media/images/templates/k-ommerce/Top-Nav-on.jpg');
}
#TNG_navigation a{
    display:block;
    text-decoration:none;
}
#TNG_navigation ul li.first{
    float:left;
    padding:0;
    text-align:center;
    list-style-type: none;

}

#TNG_navigation ul li ul.drop{
    display:none;
    position:absolute;
    z-index: 1000;

}
#TNG_navigation ul li.first:hover>ul.drop{
    display: block;
}
#TNG_navigation ul li.first ul.drop li a{
    background-color: #a34b1e;
    background-image:none;

}
#TNG_navigation ul li.first ul.drop li a{
    font-size:12px;
}
#TNG_navigation ul li.first ul.drop li ul li a{
    font-size:11px;
    padding:4px 5px 4px 15px;
}
#footer {

    border-top: 1px solid #969696;
    color: #969696;
    text-align: right;
}
#footer a {
    color: #969696;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

    #all {
	width:100%; margin: 0 auto;
    }
    #top {
	width:100%;
	overflow:hidden;
    }
    #top img{
	width:100%;
	float:left;
    }
}