/* General
----------------------------------*/
* { padding: 0; margin: 0; }
html, body { height: 100%; }
body { line-height: 14px; background: #e85317 url(../images/bg-main.png) no-repeat 0 152px; }
body, input, textarea { font-family: Arial; font-size: 12px; color: #696969; line-height:18px; }
a { color: #696969; text-decoration: none; }
a * { cursor: pointer; }
img { border: none; }



/* Containers
----------------------------------*/
#cntr1 { width: 100%; min-height: 100%; height: auto !important; height: 100%; background: url(../images/bg-cntr1.png) repeat-y center; margin-bottom: -61px; }
#cntr1 .push { clear: both; height: 61px; }



/* Header
----------------------------------*/
#header { position: relative; z-index: 400; width: 100%; height: 152px; background: url(../images/header-bg.png) repeat-x; }
#header .bg-right { position: absolute; right: 0; bottom: 0; width: 50%; height: 41px; background: url(../images/header-nav.png) repeat-x; }
#header .cntr { position: absolute; top: 0; left: 50%; width: 966px; height: 152px; margin-left: -483px; }

/* Logo */
.logo { float: left; width: 180px; padding: 0 47px 0 40px; margin-top: 35px; }
.logo a, .logo img { display: block; float: left; width: 200px; }

/* Subline */
.subline { float: left; width: 526px; }
.subline img { display: block; float: left; }

/* Search */
.search { float: right; width: 190px; height: 34px; padding: 67px 0 10px; }
.search input { display: block; float: left; border: none; }
.search .text { float: left; background: url(../images/header-search.png) repeat-x; padding: 5px 0 5px 5px; }
.search .text input { width: 138px; height: 14px; color: #696969; background: #fff; padding: 5px 8px; }
.search .butn { float: left; }
.search .butn input { width: 31px; height: 34px; background: url(../images/header-search-butn.png) no-repeat; cursor: pointer; }

/* Navigation */
.nav { float: right; height: 41px; background: url(../images/header-nav.png) repeat-x; }
.nav li { float: left; position: relative; line-height: 41px; font-size: 16px; list-style: none; padding: 0 0 0 7px; }
.nav a { display: block; float: left; height: 41px; font-weight: bold; color: #fff; padding: 0 17px; }
.nav a:hover, .nav li:hover a, .nav .active a { background: #3f3f3f; }

.nav ul { display: none; position: absolute; z-index: 500; left: 7px; top: 41px; width: 206px; background: url(../images/header-nav-sub-btm.png) no-repeat left bottom; padding: 0 0 8px; }
.nav li:hover ul { display: block; }
.nav ul li { width: 199px; background: url(../images/header-nav-sub.png) repeat-y; padding: 0 7px 0 0; }
.nav ul li:hover { background-image: url(../images/header-nav-sub-hover.png); }
.nav ul a { float: none; height: auto; line-height: 20px; font-size: 11px; font-weight: normal; padding: 7px 15px 7px 34px; }
.nav ul a, .nav li:hover ul a { background: url(../images/header-nav-sub-dot.png) no-repeat 19px 14px; }



/* Top content
----------------------------------*/
#top { width: 966px; height: 332px; margin: 0 auto; }

/* Left menu */
.list { float: left; width: 251px; height: 332px; background: url(../images/top-list.png) no-repeat; }
.list h3 { line-height: 34px; font-size: 16px; font-weight: bold; color: #e85317; padding: 20px 22px 10px; }
.list ul { list-style: none; padding: 0 0 24px; }
.list li a { display: block; line-height: 20px; color: #fff; background: url(../images/top-menu-dot.png) no-repeat 23px 13px; padding: 7px 15px 7px 38px; }
.list li:hover { background: url(../images/top-menu-hover.png) repeat; }

/* Slider */
.slider { float: right; position: relative; width: 704px; height: 332px; border-left: 11px solid #bbb; overflow: hidden; }
.slider .items { list-style: none; }
.slider .items li { position: relative; float: left; width: 704px; height: 332px; }
.slider .items img, .slider .items a { display: block; }
.slider .items span { display: block; position: absolute; z-index: 49; left: 0; bottom: 0; width: 660px; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; color: #fff; text-transform: uppercase; background: url(../images/top-slider-overlay.png); padding: 0 22px; }
.slider .bullets { position: absolute; z-index: 50; right: 20px; bottom: 19px; }
.slider .bullets li { float: left; list-style: none; padding: 0 0 0 6px; }
.slider .bullets a { display: block; float: left; width: 12px; height: 8px; font-size: 50px; color: #fff; text-align: center; outline: 0; }
.slider .bullets .active a { color: #e85317; }



/* Content
----------------------------------*/
#content { width: 966px; overflow: hidden; padding: 0 0 20px; margin: 0 auto; }

/* Text */
#content h2 { line-height: 60px; font-size: 25px; font-weight: bold; padding: 0 20px; }
#content h3 { line-height: 30px; font-size: 13px; font-weight: bold; padding: 20px 20px 0; }
#content p { text-align: left; padding: 0 20px 14px; }
#content p a { color: #e65218; }
#content p a:hover { text-decoration: underline; }

/* Right column */
.right { float: right; padding: 32px 32px 0 100px; }

.right .image img { display: block; border: 1px solid #6d6d6d; }

.right address { line-height: 30px; font-style: normal; text-align: center; }
.right address span { padding: 0 5px; }

.right .link { padding: 0 0 12px; }
.right .link a, .right .link img { display: block; }

.right .photos { position: relative; width: 293px; height: 212px; overflow: hidden; padding: 0 0 12px; }
.right .photos li { float: left; list-style: none; }
.right .photos img { display: block; }
.right .photos a { display: block; position: absolute; z-index: 60; top: 90px; width: 45px; height: 45px; outline: 0; }
.right .photos .prev { left: 6px; background: url(../images/content-photos-prev.png) no-repeat; }
.right .photos .next { right: 0; background: url(../images/content-photos-next.png) no-repeat; }

/* News */
.news { list-style: none; }
.news li { position: relative; color: #fff; height:150px; padding: 5px 20px 5px 15px; }
.news li.odd { background: #292929; }
.news li.even { background: #5a5a5a; }
.news .image { float: left; padding: 0 20px 20px 20px; }
.news .image img { display: block; float: left; border: 3px solid #ffffff; }
.news h4 { line-height: 30px; font-size: 18px; font-weight: bold; color:#e85317; }
.news .more { position: absolute; right: 35px; bottom: 5px; line-height: 22px; font-style: italic; }
.news .more a { display: block; color: #ffffff; background: url(../images/content-news-more.png) no-repeat 0 2px; padding: 0 5px 0 22px; }

/* Paging */
.paging { position: relative; height: 18px; padding: 7px 18px; }
.paging ul { position: relative; float: right; list-style: none; }
.paging li { position: relative; float: left; line-height: 18px; padding: 0 2px; }
.paging.centered { width: 715px; padding-top: 0; }
.paging.centered ul { right: 50%; }
.paging.centered li { left: 50%; }
.paging a { display: block; float: left; width: 16px; height: 16px; line-height: 16px; text-align: center; border: 1px solid #e85317; }
.paging a:hover, .paging li.active a { background: #dbdbdb; }

/* References */
.refs { list-style: none; padding: 0 3px; }
.refs li { float: left; width: 142px; height: 132px; padding: 9px; }
.refs a { display: block; width: 130px; height: 120px; border: 5px solid #e5e5e5; padding: 5px 5px 2px; }
.refs a:hover { border-color: #e85317; }
.refs img { display: block; }
.refs span { display: block; line-height: 34px; font-size: 13px; font-weight: bold; padding: 0 5px; }

/* Left column */
.left { float: left; width: 498px; padding: 18px 30px 18px 18px; }
.left .image { width: 496px; height: 331px; border: 1px solid #6d6d6d; overflow: hidden; }
.left .image li { float: left; width: 496px; height: 331px; list-style: none; }

.left .image img { display: block; }
.left .paging { padding-right: 2px; }

/* Form */
.form { padding: 0 0 0 20px; }
.form label { display: block; line-height: 26px; overflow: hidden; }
.form label span { display: block; float: left; font-weight: bold; width: 135px; }
.form label input { display: block; float: left; position: relative; top: 5px; width: 126px; height: 13px; border: 1px solid #426283; padding: 1px 2px; }
.form label em { display: block; float: left; line-height: 20px; font-size: 15px; padding: 6px 0 0 3px; }
.form p.red { color: #e85317; padding: 20px 0 !important; }
.form .submit input { display: block; width: 100px; height: 30px; font-size: 14px; color: #fff; background: url(../images/content-form-submit.png) no-repeat; border: none; cursor: pointer; }

/* Shopping cart */
.cart { position: relative; float: right; width: 218px; min-height: 415px; background: #000 url(../images/content-cart-bg.png) no-repeat left bottom; padding: 0 0 50px; }
.cart p { line-height: 55px; color: #fff; padding-bottom: 0 !important; }
.cart ul { list-style: none; }
.cart li a { display: block; color: #fff; overflow: hidden; padding: 2px 9px; }
.cart li .image { display: block; float: left; padding: 7px 9px 7px 5px; }
.cart li .image img { display: block; float: left; border: 1px solid #e85317; }
.cart li .text { line-height: 22px; }
.cart li.even a { background: url(../images/top-menu-hover.png) repeat; }
.cart .butn { position: absolute; left: 16px; bottom: 13px; width: 186px; line-height: 23px; font-size: 14px; text-align: center; }
.cart .butn a { display: block; height: 25px; color: #fff; background: url(../images/content-cart-butn.png) no-repeat; }

/* Product list */
.prods { list-style: none; overflow: hidden; padding: 20px 10px; }
.prods li { float: left; padding: 5px; }
.prods a { display: block; float: left; border: 1px solid #d4d3d3; width: 110px; padding: 6px 6px 7px; }
.prods img { display: block;  }
.prods a:hover {border: 1px solid #e85317;}
.prods span { display: block; padding: 5px 6px; }

/* Product detail */
.prod { overflow: hidden; padding: 20px; }
.prod .images { float: left; height: 269px; border: 2px solid #e85317; margin: 0 20px 0 0; }
.prod .images img, .prod .images a { display: block; }
.prod .image { float: left; width: 220px; height: 269px; }
.prod .small { float: left; width: 85px; height: 269px; border-left: 1px solid #e85317; overflow-y: scroll; overflow-x: hidden; }
.prod .small img { width: 75px; }
.prod p { height: 170px; }
.prod .opts { overflow: hidden; }
.prod .opts label { display: block; float: left; width: 170px; }
.prod .opts span { padding: 0 5px 0 0; }
.prod .opts input { width: 60px; }
.prod .btns { float: right; list-style: none; padding: 140px 0 0; }
.prod .btns li { float: left; padding: 0 7px 0 0; }
.prod .btns a, .prod .btns input { display: block; float: left; width: 127px; height: 33px; font-size: 12px; font-weight: bold; color: #fff; }
.prod .btns a { line-height: 33px; text-align: center; background: url(../images/content-prod-btn.png) no-repeat; }
.prod .btns input { background: url(../images/content-prod-btn-add.png) no-repeat; border: none; cursor: pointer; padding: 0 0 0 28px; }



/* Footer
----------------------------------*/
#footer { width: 100%; height: 60px; background: url(../images/footer-bg.png) repeat-x; padding: 1px 0 0; }
#footer address { line-height: 29px; color: #fff; font-style: normal; text-align: center; }
#footer p { line-height: 29px; text-align: center; padding: 2px 0 0; }
#footer span { padding: 0 15px; }
#footer address a { color: #fff; }
#footer a:hover { text-decoration: underline; }

/* Images */
.images { list-style: none; overflow: hidden; padding: 10px; }
.images li { float: left; padding: 5px; }
.images a { display: block; border: 0px solid #aaa; }
.images a:hover { border-color: #eaac07; }
.images img { display: block; }

/* Images */
.images_product { list-style: none; overflow: hidden; padding: 10px; }
.images_product li { float: left; padding: 5px; }
.images_product a { display: block; border: 10px solid #aaa; }
.images_product a:hover { border-color: #e85317; }
.images_product img { display: block; }

.error {
	border: 1px solid #FF0000;
}

input,select {
  color: #696969;
  background: white;
  font: 11px/16px arial;
  border: 1px solid #696969;
  text-align: left;
line-height: 15px;
margin-bottom: 11px;
height:20px;

}

textarea {
  color: #696969;
  background: white;
  font: 11px/16px arial;
  border: 1px solid #696969;
  text-align: left;
line-height: 15px;
margin-bottom: 11px;
height:100px;

}

td {vertical-align: top;}

			/* menu */
			#menu {float: left; width: 650px; height: 40px;}
				#menu .ddsmoothmenu ul {list-style: none; width: 650px; list-style: none; float: left; z-index: 100;}				
					#menu .ddsmoothmenu ul li {position: relative; display: block; float: left;}
					#menu .ddsmoothmenu ul li:hover, #menu .ddsmoothmenu ul li a.selected {background-color: #fff; color: #e85317;}
						
						#menu .ddsmoothmenu ul li a {display: block; float: left; height: 29px; font: 12px arial; color: #fff; padding: 15px 10px 0 10px; text-decoration: none; background: url('http://afri.bekijkjesite.nl/images/menu_bg.png') center right no-repeat;}			
						#menu .ddsmoothmenu ul li a.last {background: none;}
						#menu .ddsmoothmenu ul li a:hover {color: #e85317;}
						
							#menu .ddsmoothmenu ul li ul {position: absolute; width: 200px; display: none; visibility: hidden; height: auto; background: none; background-color: #fcf5f0; margin-top: 0px; padding: 0; z-index: 100;}
							#menu .ddsmoothmenu ul li ul li ul  {margin-top: 5px;}
								#menu .ddsmoothmenu ul li ul li {display: block; float: none; width: 200px; background: none; border: 0; height: 25px; margin-bottom: 1px;}
								#menu .ddsmoothmenu ul li ul li:hover {background: none; background-color: #e85317; cursor: pointer;}
									#menu .ddsmoothmenu ul li ul li a{display: block; background: none; font: normal 12px arial; color: #e85317; width: 190px; height: 25px; text-indent: 10px; line-height: 25px; padding:0; text-transform: none;}
									#menu .ddsmoothmenu ul li ul li:hover a {color: #fff;}
										#menu .ddsmoothmenu ul li ul li:hover ul li a {color: #e85317;}
											#menu .ddsmoothmenu ul li ul li:hover ul li:hover a {color: #fff;}
										#menu .ddsmoothmenu ul li ul li ul{left: 200px;}
										
										#menu .ddsmoothmenu ul li ul li a.selected, #menu .ddsmoothmenu ul li ul li a:hover {background: none;}
										#menu .ddsmoothmenu ul li ul li a.hasSub:hover {background: url('http://afri.bekijkjesite.nl/images/orange_arrow.png') center right no-repeat;}
									
						* html .ddsmoothmenu{height: 1%;}