body{
	margin:0;
	color:#0f004e;
	font:14px Arial, Helvetica, sans-serif;
}
#page{
	width:998px;
	margin:0 auto;
	background:url(../images/bg-page.png) no-repeat;
	position:relative;
	padding:99px 0 0;
	overflow:hidden;
}
/*header start*/
#header{
	width:998px;
	height:99px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.logo{
	/* width:278px; */
	/* height:48px; */
	width: 213px;
	height: 50px;
	position:absolute;
	/* top:47px; */
	top: 44px;
	left:75px;
	display:block;
}
.logo a{
	/* height:48px; */
	height: 50px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.png);
}
#header .welcome{
	float:left;
	display:inline;
	color:#fff;
	font:bold 20px Arial, Helvetica, sans-serif;
	margin:8px 0 0 28px;
	width:418px;
}

.subnav {
background-color: #E0E0E0;
margin-bottom: 10px;
}

#header .un{
	float:left;
	display:inline;
	font:bold 23px Arial, Helvetica, sans-serif;
	margin:8px 0 0 0px;
	color:#fff;
	width:482px;
	width:500px;
	text-align:center;
}
/*content start*/
#content{
	width:821px;
	float:left;
	display:inline;
	margin:0 0 0 29px;
	background:url(../images/bg-content.png) no-repeat 0 100%;
	padding:0 0 3px;
}
/*menu start*/
.menu{
	width:100%;
	overflow:hidden;
	height:24px;
	background:url(../images/bg-menu.png);
}
.menu ul{
	margin:0 0 0 7px;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	font:12px Arial, Helvetica, sans-serif;
}
.menu ul li{
	padding:4px 11px 0 7px;
	float:left;
	height:18px;
	background:url(../images/menu-split.png) no-repeat 0 100%;
	margin:0 1px 0 -1px;
}
.menu ul a{
	text-decoration:none;
	color:#0f004e;
}
.menu ul a:hover,
.menu ul a.active{
	color:#fff;
}
/*visual start*/
.visual{
	width:100%;
	overflow:hidden;
	height:154px;
	background:url(../images/bg-visual.jpg);
}
.tv{
	width:139px;
	height:129px;
	float:right;
	display:inline;
	margin:10px 32px 0 0;
	overflow:hidden;
	/* background:url(../images/tv.png); */
	width: 156px;
	height: 116px;
}
.image-holder{
	width:106px;
	height:80px;
	overflow:hidden;
	margin:12px 0 0 15px;
}
.bestel{
	float:left;
	width:176px;
	height:139px;
	overflow:hidden;
	text-indent:-9999px;
	margin:4px 0 0 108px;
}
.direct{
	float:right;
	display:block;
	/* background:url(../images/bg-link.png) no-repeat 0 70%; */
	/* padding:0 0 0 58px; */
	font:italic bold 23px Arial, Helvetica, sans-serif;
	color:#0f004e;
	/* width:122px; */
	/* margin:14px 0 0 63px; */
	margin: 10px 10px 0 63px;
	text-decoration:none;
}
.online{
	float:left;
	display:inline;
	margin:10px 0 0 69px;
	font:italic bold 25px/27px "trebuchet MS", sans-serif;
	color:#b1c800;
	letter-spacing:-1px;
	width:290px;
}
.container{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-container.png) repeat-y;
}
.sub-container{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-sub-container.png) no-repeat;
	min-height:1210px;
}
* html .sub-container{ height:1210px; overflow:visible; }
/*column1 start*/
.column1{
	width:149px;
	float:left;
	overflow:hidden;
	display:inline;
	text-align:right;
}
.column1 h2{
	margin:5px 0 4px 0;
	color:#f78f1e;
	font:18px Arial, Helvetica, sans-serif;
}
#nav{
	margin:0 0 0 13px;
	padding:0;
	list-style:none;
	width:136px;
	overflow:hidden;
	font:bold 14px Arial, Helvetica, sans-serif;
}
#nav li{
	padding:0;
	width:136px;
	background:#e0e0e0 url(../images/bg-nav-li.gif) no-repeat 0 100%;
	margin:0 0 12px;
}

#nav li.nav_oranje {
	padding:0;
	width:136px;
	background:#f78f1e url(../images/bg-nav-li.gif) no-repeat 0 100%;
	margin:0 0 12px;
}

#nav a {
	color:#0f004e;
	text-decoration:none;
	letter-spacing:-1px;
	display:block;
	width:130px;
	padding:6px 6px 5px 0;
}
#nav .open ul{ display:block;}
#nav ul{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:7px 0;
	list-style:none;
	font:11px/16px Arial, Helvetica, sans-serif;
}
#nav ul li{
	width:100%;
	padding:0;
	background:none;
	margin:0;
}
#nav ul a{
	color:#666;
	letter-spacing:normal;
	padding:0;
}
#nav ul a:hover{
	color:#fff;
}
#nav li h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/*main start*/
.main{
	float:right;
	display:inline;
	width:630px;
	margin:0 22px 0 0;
	overflow:hidden;
}
.holder{
	width:100%;
	overflow:hidden;
}
h1{
	margin:23px 0 5px;
	font:23px Arial, Helvetica, sans-serif;
	color:#0f004e;
}
.col1{
	float:left;
	display:inline;
	width:210px;
}
h4{
	font:14px Arial, Helvetica, sans-serif;
	color:#0f004e;
	margin:22px 0 0;
}
h4 span.in_stock{
	color:#00a33d;
}
h4 span.out_of_stock{
	color:#f00;
}
.photo-holder{
	/* width:100%; */
	width: 200px;
	/* padding:53px 0 35px; */
	padding: 20px 0;
	overflow:hidden;
	/* text-align:center; */
	text-align: left;
}
a.pop-up{
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#9c9c9c;
	text-decoration:none;
	margin:0 0 0 24px;
}
a.btn{
	float:left;
	height:21px;
	padding:5px 8px 0;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#6a6764;
	text-decoration:none;
	background:url(../images/bg-btn.png) repeat-x;
	margin:10px 0 0;
}
.col2{
	float:right;
	display:inline;
	width:354px;
	margin:0 43px 0 0;
}
.col2 p{
	margin:0;
}
h3{
	margin:9px 0;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#0f004e;
}

.PListCell h3{
	padding: 0 3px;
}

p.cool{
	width:82px;
	overflow:hidden;
	height:89px;
	text-indent:-9999px;
	background:url(../images/bg-cool.png) no-repeat;
	margin:10px 0 0 9px;
}
table{
	/*width:286px;*/
	border-collapse:collapse;
}
table td{
	/*padding:1px 0 0 16px;*/
	vertical-align:top;
}
table td td{
	padding: 0;
}

table td.title{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#0f004e;
	padding:0 8px 0 0;
	border-right:1px solid #4b407a;
}
p.price{
	font:bold 26px Arial, Helvetica, sans-serif;
	/* margin:36px 0 4px; */
	margin: 0; padding: 0;
}
p.om{
	margin:17px 0 0;
	color:#666;
	font:italic 14px Arial, Helvetica, sans-serif;
}
p.om a {
	color:#b1c800;
	text-decoration: none;
}
p.om a:hover {
	text-decoration: underline;
}

/*side-bar start*/
.side-bar{
	width:128px;
	float:right;
	margin:0 6px 0 0;
	display:inline;
	overflow:hidden;
}
h5{
	width:128px;
	height:21px;
	margin:0;
	overflow:hidden;
	background:url(../images/bg-h5.png);
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding:4px 0 0;
}
h5.wide{
	width:250px;
	height:21px;
	margin:0;
	overflow:hidden;
	background:url(../images/bg-h5.png);
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	padding:4px 0 0;
}
h5.white{
	color:#fff;
}
.box{
	width:112px;
	background:url(../images/bg-box.png) repeat-y;
	padding:0 8px 16px;
	overflow:hidden;
	min-height:75px;
}
* html .box{ height:75px; }
.box p{
	font:9px Arial, Helvetica, sans-serif;
	color:#8c8c8c;
	margin:8px 0 0;
	text-align:center;
}
.inlog{
	background:url(../images/inlog.png);
	width:114px;
	height:21px;
	padding:3px 0 0;
	overflow:hidden;
	display:block;
	margin:-18px auto 0;
	position:relative;
	text-decoration:none;
	font:bold 16px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
}
.afrek{
	background:url(../images/direct.png);
	width:114px;
	height:21px;
	padding:3px 0 0;
	overflow:hidden;
	display:block;
	margin:-18px auto 0;
	position:relative;
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
}
div.long{ min-height:106px; }

* html div.long{ height:106px; }
.banner{
	display:block;
	margin:40px 0 0;
}
.banner img{
	display:block;
	border:none;
}
form{
	margin:0;
	padding:0;
	border:0;
}
.form{
	width:119px;
	margin:20px auto 32px;
	overflow:hidden;
}
.form label{
	display:block;
	margin:0 0 0 5px;
	padding:0 0 0 20px;
	background:url(../images/arrow.png) no-repeat left;
	height:17px;
	font:italic bold 12px Arial, Helvetica, sans-serif;
	color:#0f004e;
}
.form input{
	margin:3px 0 0;
	padding:0 4px;
	border:1px solid #f9ab56;
	width:109px;
	height:16px;
}
h6{
	color:#f78f1e;
	font:10px Arial, Helvetica, sans-serif;
	margin:18px 0 0;
	text-align:center;
	padding:0 0 5px;
	background:url(../images/bg-h6.png) no-repeat bottom;
}
p.ve{
	font:9px Arial, Helvetica, sans-serif;
	background:url(../images/bg-vel.png) no-repeat 0 0;
	padding:0 0 1px 17px;
	margin:9px 0 0;
}
.ban{
	margin:4px 0 0;
	padding:0 0 0 5px;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.ban li{
	padding:0;
	float:left;
	height:14px;
	margin:0 5px 0 0;
}
.ban a{
	float:left;
	height:14px;
	overflow:hidden;
}
.ban a img{
	display:block;
	border:none;
}


/* custom osw */

a img#product_thumbnail {
	border: none;
}
a img {
	border: none;
}

td.product_fields_middle {
	border-right: 1px solid #666;
}
td.product_fields_descr {
	font-weight: bold;
	/* width: 150px; */
}
td.product_fields_value {
	/* width: 150px; */
}

div#infomenu {
	padding-right: 5px;
}
	
div#infomenu a {
	color:#0f004e;
	text-decoration:none;
	font-size: 12px;
	line-height: 16px;
}
div#infomenu a:hover,
div#infomenu a.active{
	color:#0f004e;
	text-decoration: underline;
}

/* product page navigation */
div.page_navigation {
	position: relative;
	clear: both;
	height: 17px;
	line-height: 17px;
	color: #f78f1e;
	font-weight: bold;
	margin: 5px auto;
}
div.page_navigation a {
	text-decoration: none;
	color: #f78f1e;
	font-weight: normal;
}
span.nav_seperate {
	font-weight: normal;
	padding: 0 3px;
}

div.page_navigation_left {
	float: left;
	/* width: 130px; */
}
div.page_navigation_middle, div.page_navigation_middle_big {
	float: left;
	/* text-align: center; */
	/* width: 316px; */
	padding: 0 20px;
}
div.page_navigation_right {
	float: left;
	/* width: 200px; */
	/* text-align: right; */
}


.tbl_prod_details td {
	font-size: 11px;
	white-space: nowrap;
}

.wholesale_details td {
	font-size: 11px;
	padding: 3px;
	border-right: 1px solid #fff;
	margin: 0;
}
.wholesale_details tr {
	border-bottom: 2px solid #fff;
}


.productdetail-prod-descr-toggle {
	line-height: 17px;
}
.productdetail-prod-descr-toggle-active {
	line-height: 17px;
}
a.descr-toggle-link {
	padding-left: 20px;
	color: #0f004e;
	text-decoration: none;
}
.toggle-show {
	background: url(../images/arrow.png) no-repeat;
}
.toggle-hide {
	background: url(../images/darrow.png) no-repeat;
}

.productdetail-prod-descr-spacer-below {
	height: 20px;
}

.blink{
	/*background: url(../images/blink.gif) !important;*/
	background:#e68429 !important;
}

#slideshow2 {
    height: 110px;
    position: relative;
    width: 458px;
}
#slideshow2 A {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    height: 110px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 458px;
    z-index: 8;
}
#slideshow2 A.active {
    opacity: 1;
    z-index: 10;
}
#slideshow2 A.last-active {
    z-index: 9;
}
