/* Mekarban CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	/*background: url("images/bkg2.jpg") top repeat-x;*/
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 115%;
	color: #FFFFFF;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*----CONTAINER-----*/
#container {
	width: 972px;
	padding: 0px 15px 0 15px;
	margin:0px auto;
}
#header {
	background: url(images/logo2.png) top left no-repeat;
	height: 85px;
	font-size: 10px;
}
#content {
	margin: 0;
	padding: 0;
	margin-top: 0px;
}
#footer {
	margin: 0px auto;
	font-size: 10px;
	color: #666666;
	text-align: left;
	width: 965px;
	padding: 15px 0 50px 0;
}
.top {
	background-image: url(images/container-top.png);
	height: 10px;
}
.databox {
	background-color: #171717;
	color: #FFFFFF;
	padding: 0px;
	font-size: 12px;
}
.databox ul {
	margin: 0;
	margin-left: 15px;
	padding:0;
}
.databox li {
	display: inline;
	/*background:url(icons/bulletstar.png) left no-repeat;*/
	margin: 0;
	padding: 2px;
	border: 1px solid #333;
	background-color: #333333;
}
.databox li:hover {
	display: inline;
	/*background:url(icons/bulletstar.png) left no-repeat;*/
	background-color: #333333;
	margin: 0;
	padding: 2px;
	border: 1px solid #999;
	border-bottom: 2px solid #333;
}
.databox a:link {
	color: #FFFFFF;
	margin-left: 14px;
	margin-right: 10px;
	text-decoration: none;
}
.databox a:hover {
	color: #FFFFFF;
	margin-left: 14px;
	margin-right: 10px;
	text-decoration: none;
}
.databox a:visited {
	color: #FFFFFF;
	margin-left: 14px;
	margin-right: 10px;
	text-decoration: none;
}

.bottom {
	background-image: url(images/container-bottom.png);
	height: 10px;
}
a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
.notes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF3300;
	padding: 2px;
}
#wrapper {
	padding:0px;
	margin:0px;
	width:100%;
	min-height: 300px;
}
#left {
	width:50%;
	float:left;
	padding:0px;
}
#right {
	width:50%;
	float:right;
	padding:0px;
}
table, tr, td {
	color: #FFFFFF;
}
/*----TOPNAV---*/
#topnav {
	top: 80px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	font-weight: bold;
}
#topnav ul {
	margin: 0;
	padding:0;
}
#topnav li {
	display: inline;
	/*background:url(icons/bulletstar.png) left no-repeat;*/
	margin: 0;
	padding: 2px;
	border: 1px solid #333;
	background-color: #333333;
}
#topnav li:hover {
	display: inline;
	/*background:url(icons/bulletstar.png) left no-repeat;*/
	background-color: #333333;
	margin: 0;
	padding: 2px;
	border: 1px solid #999;
	border-bottom: 2px solid #333;
}
#topnav a:link {
	color: #FFFFFF;
	margin-left: 14px;
	margin-right: 10px;
	text-decoration: none;
}
#topnav a:hover {
	color: #FFFFFF;
	margin-left: 14px;
	margin-right: 10px;
	text-decoration: none;
}
#topnav a:visited {
	color: #FFFFFF;
	margin-left: 14px;
	margin-right: 10px;
	text-decoration: none;
}
.paging {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/*----BLOCKSBOTTOM---*/
#blockbottom {
	margin:10px 0 0 0;
	padding:0;
	font-size: 10px;
	position: relative;
}
#block1 {
	width: 300px;
	float:left;
	height: 108px;
	background: url(images/block1.png) center no-repeat;
}
#block2 {
	height: 108px;
	margin-left: 290px;
	background: url(images/block2.png) left no-repeat;
}
#block3 {
	width: 318px;
	float:right;
	height: 108px;
	background: url(images/block3.png) center no-repeat;
}
#block4 {
	position: relative;
	left: 350px;
	background: url(images/velgbanbekasbox-bg.png) center no-repeat;
	width: 298px;
	height: 76px;
	padding-left: 25px;
	max-height: 76px;
	font-size: 10px;
}

#searchbox {text-align:right; float:right; margin: 0px auto; padding:0px; background:url(images/srchbox-bg.png) top no-repeat; width: 298px; height: 76px; position: relative;}


/*-------HOMEPAGE----*/
#home {
	/*background: url(images/g-home.jpg) no-repeat;*/
	height: 387px;
	background-color:#171717;
}
#introbox {
	float: right;
	width: 275px;
	margin-right: 15px;
	margin-top: 15px;
	font-size: 11px;
	text-align: justify;
}
/*-------FORMS--------*/
#login {
	margin-right: 10px;
	padding-top: 50px;
}
.form {
	color:#ccc;
	padding: 2px;
	background-color: #666;
	border: 1px solid #333;
	font-size: 10px;
}
.button {
	border:1px solid #ccc;
	background-color: #FFFFFF;
	color: #000;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
}
.button:link {
	border:1px solid #ccc;
	background-color: #FFFFFF;
	color: #000;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration:none;
}
.button:hover {
	border:1px solid #ccc;
	background-color: #ccc;
	color: #000;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}
.button:visited {
	border:1px solid #ccc;
	background-color: #ccc;
	color: #000;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
/*----CATALOG---*/

#catalog-dashboard {
	background-color: #000;
	border:1px solid #999999;
	padding:0;
	margin:0px;
}
#catalog, .box {
	padding: 10px 15px 0 15px;
	margin: 0;
}
#box {
	padding: 0px 15px 0 15px;
	margin: 0;
}
.box2 {
	padding: 0 15px 0 15px;
	margin: 0;
	float:left;
}
.thumbnails-gallery {
	padding: 15px;
	margin: 0;
}
.thumbnails-box {
	border: 1px solid #DDD;
	padding: 5px;
	width: 250px;
	background-color:#666;
}
.thumbnails-box:hover {
	border: 1px solid #DDD;
	padding: 5px;
	width: 250px;
	background-color: #666;
}
.catname, .title {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 0 0 2px 0;
}
.catname a:, a:hover, a:visited {
 margin: 0;
 padding:0;
}
.breadcumbs, .prod-code, .news-date {
	font-size: 10px;
	color: #999999;
}
.breadcumbs a:link {
	font-size: 10px;
	color: #999966;
}
.breadcumbs a:hover {
	font-size: 10px;
	color: #999966;
}
.breadcumbs a:visited {
	font-size: 10px;
	color: #DDD;
}
#blockdetails {
	width: 100%;
	min-height: 250px;
}
#blockdetails-left {
	float: left;
	width: 25%;
	margin:0px;
	padding:0px;
}
#blockdetails-mid {
	float: right;
	width: 75%;
	margin:0px;
	padding:0px;
}
#blockdetails-right {
	float: right;
	width: 25%;
	margin:0px;
	padding:0px;
	background-color: #666666;
}
.prodname {
	font-weight: bold;
}
.prodname a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.prodname a:hover {
	color: #FF9966;
	text-decoration: underline;
}
.prodname-detil {
	color: #FF7000;
	font-weight: bold;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.prodspek {
	font-size: 10px;
}
.prodprice {
	color: #FFFFFF;
}
.prodinfo {
	color: #FFFFFF;
	font-size: 11px;
}
/*-------CART--------*/
.mycartbox {
	font-size: 11px;
	color: #CCCCCC;
	border-bottom: 1px solid #666666;
	margin-bottom: 0px;
}
.mycartbox-title {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFF00;
	border-bottom: 0px solid #666666;
	/*	background: url(icons/cart.png) left no-repeat;*/
	padding-left: 20px;
}
.mycartbox-purchase {
	background: url(icons/book_next.png) left no-repeat;
	padding-left: 20px;
	color: #FF6600;
}
.mycartbox-purchase:link {
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
}
.mycartbox ul {
}
.mycartbox li {
	list-style:circle;
}
.order-item {
	color: #FFFF99;
}
.order-item:link, .order-item:visited {
	color: #FFFF99;
}
/*NEWS*/
.news-title {
	font:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #009966;
}
.news-title a:link {
	font:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
.news-title a:hover {
	font:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}
.news-text {
	font-size: 11px;
}
/*----ADMIN SECTION----*/
#admin-box, #user-box {
	margin-bottom: 15px;
	margin-top: 25px;
	background-color:#666666;
	border:1px solid #000;
	padding: 5px;
	color: #FFFFFF;
	text-decoration: none;
}
#admin-box ul, #user-box ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#admin-box li, #user-box li {
	display: inline;
	border: 1px solid #ccc;
	background-color:#000;
	padding: 2px;
	margin: 0px;
	font-size: 10px;
	text-decoration: none;
}
#admin-box li:link, #user-box li:link {
	display: inline;
	border: 1px solid #ccc;
	background-color: #333;
	color:#fff;
	padding: 2px;
	margin: 0px;
	font-size: 10px;
	text-decoration: none;
}
#admin-box li:hover, #user-box li:hover {
	display: inline;
	border: 1px solid #ccc;
	background-color: #333333;
	color:#333333;
	padding: 2px;
	margin: 0px;
	font-size: 10px;
	text-decoration: none;
}
.admin-menu {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
}
.admin-menu:link {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.admin-menu:visited {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.admin-menured:link {
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.admin-text, .notes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
.admin-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#widget {
	width: 135px !important;
	}
	
.clear {clear: both; font-size: 1px;}