body {
	
	margin:0px;
	padding:0px;
	
	background-color: #000000;
	
    font-family: Helvetica, Arial;
	font-size: 11px; 
	color: #efefef;
	
}





h1 {
	margin: 0px;
	padding:0px;
	font-weight: 500;
}

h2 {
	
	font-size: 14px;
	color: black;
	margin: 0px;
	padding:0px;
	padding-bottom: 5px;
}


a:link, a:visited, a:active {
	
	color:#bcbcbc;
	text-decoration: none;
	

}


a:hover {

	color: white;
	text-decoration: none; 


}


img {
	border:none;
}


.clear {
	clear: both;
	
}


#wrapper {
	
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	
}

#footer {

	width: 757px;
	margin-left: 146px;
	text-align: center;
	margin-bottom: 45px;

}

/* ////////////////////////////////////////////////
// TOP ////////////////////////////////////////////
/////////////////////////////////////////////////*/

#top {
	
	width: 915px ; /* 955px */
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: right;
	
}



.searchbox { 
	margin-top:10px;
	text-align: left;
	float:right;
	
}

.searchboxerror { 
	margin-top:10px;
	text-align: left;
	float:right;
	
	
}

.searchbox .textfield {
	width: 180px; 
	height: 20px; 
	margin: 0px;
	padding: 0px;
	float:left;
}

.searchbox .searchbutton {
	float:left;
}




/* ////////////////////////////////////////////////
// NAV ////////////////////////////////////////////
/////////////////////////////////////////////////*/


.nav {
	
	width: 146px;
	float:left;
	vertical-align: middle;

}



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

}

.nav ul li {
	
	height:20px;
	border: 1px solid #383838;
	border-top:none;
	padding-left:10px;
	padding-top:5px;
	font-size: 12px;

}

.nav .heading {
	
	height: 20px;
	border: none;
	background-image: url(../images/interface/bg-heading-black.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	text-align: center; 
	padding-left:0px;
	padding-top: 2px;

}

.nav .red {
	
	background-image: url(../images/interface/bg-heading-red.jpg);
	
}




.btn-all-products {	
	
	float:left; 
}

.btn-login{ 
	
	float:right;
	margin-top:13px;
	margin-right: 45px;
}


.welcome{ 
	
	text-transform: uppercase;

	float:right;
	margin-top:13px;
	margin-right: 45px;
	
	color:#bcbcbc;
}


.btn-logout{ 
	
	float:right;
	margin-top:13px;
	margin-right: 45px;
	
}



/* ////////////////////////////////////////////////
// CONTENT  ///////////////////////////////////////
/////////////////////////////////////////////////*/

#content {
	width:757px; 
	float:left;
	background-color: #000000;
	overflow:hidden;
	margin-left: 10px;
}
.propaganda {
	font-size: 20px;
	padding-top:45px;
}
.propaganda strong{ font-weight: bold; }
.propaganda span { color: red; }
.logo-mielebim {
	float:left;
	margin-right: 40px;
}



/*// column left  /////////////////////////////////*/
#column-left {
	
	float:left;
	width: 380px;
}


/* big title for category */
.cat-title {
	
	float:left;
	margin-bottom:40px;
	
	
}


/* big category image */
.cat-image {
	float:left;
}






/*// sub category  /////////////////////////////////*/
#subcat {
	
	float:left;
	width:750px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	
}


/* desc for subcategory */
.subcat-desc {
	
	float:left;
	margin-bottom: 40px;
	padding-bottom: 10px;
	padding-right: 10px;
	
	
}



/* title for subcategory */
.subcat-title {
	
	float:left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	
	
}



/* subcategory image */
.subcat-subimage {	
	float:left;
	
	
}



/*// sub category  /////////////////////////////////*/







/*// column right  ////////////////////////////////*/
#column-right {
	
	float:right;
	width:365px;
	padding-top: 82px;
	vertical-align: baseline;

}




.cat-thumbs {
	width: 390px;
	float:right;
	border: 1px solid blue;
}
.cat-thumb { 
	
	width: 102px;
	height: 69px; /* 46px */
	float:left;
	margin-top:7px;
	margin-bottom:20px;
	margin-left: 17px;
}

.cat-model-number{
	background-image: url(../images/interface/bg-model-number.jpg);
	width: 102px;
	height: 18px;
	margin-top: 5px;
	text-align: center;
	line-height: 18px;
}












/*// content bottom ////////////////////////////////*/
#content-bottom {

	background-image: url(../images/interface/bg-bottom.jpg);
	background-repeat: no-repeat;
	margin-top: 45px;
	margin-bottom: 45px;
	padding-top:45px;
	width:955px;
	/*min-height: 726px;*/
	border-top: 1px solid #383838;
	border-bottom: 1px solid #383838;
	
}




.model-number {
	
	margin-bottom: 30px;
	
}


.btn-download-all {
	
	float:left;
	width: 249px;
	margin-right: 145px;
	
}


.btn-download-pdf {
	
	float:left;
	width: 360px;
}

.btn-download-single { 
	
	float:left;
	width: 162px; 	
	margin-top: 9px;
	margin-right: 35px; 
}

.btn-download-single img {
	
	margin-bottom: 5px;
}


.btn-download-single ul {
	
	margin-left: 0px;
	padding-left: 14px;
}


.btn-download-all2 {
	
	float:left;
	width: 249px;
	margin-right: 145px;
	
}


.btn-download-pdf2 {
	padding-top: 20px;
	float:none;
	clear: both;
	width: 360px;
}


.container-all {
	width: 250px;
	float: left;
	margin-right: 100px;
}

.container-single {
	width: 400px;
	float: left;
	
}



/* listing the cats on the index page */

.cat-thumbs-index {
	width: 390px;
	float:right;
	border: 1px solid blue;
}

.cat-thumb-med { 
	
	width: 250px;
	height: 135px;
	float:left;
	margin-bottom:22px;
	margin-right: 22px;
	
}

.cat-thumb-med img {
	
	border: 1px solid gray;
	background-color: black;

}

.cat-name{
	background-image: url(../images/interface/bg-model-number.jpg);
	width: 102px;
	height: 18px;
	margin-top: 5px;
	text-align: center;
	
	line-height: 18px;
}





















