/*********RESET********/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0;
}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;}
ol, ul {list-style: none;}
:focus {outline: 0;}

/*********GENERAL********/
body {font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #5f5f5f; background: #c5e5f5 url(../images/devitaminewinkel/bg_body.jpg) top left repeat-x;}
a {color: #514134; text-decoration: underline;}
a:hover {color: #65b3d9; text-decoration: none;}
p {font-size: 12px; line-height: 18px;padding: 0 10px;}
h1, .h1 {padding-left:10px; font-size: 15px; color: #65b3d9; margin-bottom: 10px; }
h2, .h2 {padding: 0 10px;font-size: 16px; line-height:19px; font-weight: normal;}
h3, .h3 {padding: 0 10px;margin-bottom: 20px;font-family: Verdana, Arial; font-size: 11px; color: #000; font-weight: normal;}
h4, .h4 {font-size: 16px; line-height:22px; padding-left: 10px; padding-top: 0px; padding-bottom: 10px; font-weight: bold; color: #65b3d9;}
h5, .h5 {padding: 0 10px;color: #65b3d9; font-weight: bold;}

#mainNav {width: 931px; height: 42px; margin: 0px auto;}
#mainNav a {height: 42px; font-size: 13px; font-weight: bold; color: #586265; text-decoration: none; padding: 0px 22px; line-height: 42px; float: left;}
#mainNav a:hover, #mainNav a.on, #mainNav li:hover a.mn {text-decoration: none; color: #fff;}
#mainNav img {vertical-align: middle;}
#mainNav .nav {height: 42px; padding-left: 90px; position: relative; z-index: 100;}
#mainNav .nav li {height: 42px; position: relative; float: left;}
#mainNav .nav li img {display: block; float: left;}
#mainNav .nav ul {white-space: nowrap; padding: 0px; background: #c5e5f5 url(../images/bg_body.jpg) top left repeat-x; position: absolute; left: 0px; top: 42px; z-index: 100;}
#mainNav .nav ul li {height: auto; padding: 2px 11px; float: none;}
#mainNav .nav ul a {height: auto; padding: 0px 0px; line-height: normal; font-size: 12px; float: none;}
#mainNav .nav li ul {display: none;}
#mainNav .nav li:hover ul {display: block;}


#wrappOn {width: 931px; height: 8px; margin: 0px auto; background: url(../images/devitaminewinkel/bg_wrapper_on.png) top center no-repeat;}
#wrappOff {width: 931px; height: 8px; margin: 0px auto; background: url(../images/devitaminewinkel/bg_wrapper_off.png) top center no-repeat;}
#wrapper {width: 915px; margin: 0px auto; padding: 0px 8px 0px 8px; background: url(../images/devitaminewinkel/bg_wrapper.png) top center repeat-y; position: relative;}


#header {width: 915px; height: 160px; margin: 0px auto; padding-bottom: 15px; position: relative;}
#topBanner {display: block; width: 720px; height: 160px; position: absolute; top: 0px; left: 0px;}
#sellingpoint1 {display: inline; position: absolute; top: 20px; left: 410px;font-size: 15px; color: #65b3d9; font-weight:bold;}
#sellingpoint2 {display: inline; position: absolute; top: 60px; left: 430px;font-size: 15px; color: #65b3d9; font-weight:bold;}
#headerBox {width: 170px; height: 160px; padding-left: 25px; background: url(../images/devitaminewinkel/bg_headerbox.gif) top right no-repeat #FFF; float: right;}
#headerCart {padding: 30px 0px 18px 0px;}
#headerCart p {margin-bottom: 17px; position: relative;}
#headerCart p img {position: absolute; top: 0px; left: -35px;}
#headerCart strong {font-size: 15px; color: #65b3d9;}
#quickSearch {padding-top: 17px;}
#quickSearch input {font: 11px "Trebuchet MS", Arial, sans-serif; color: #717171; border: 1px solid #809db9; width: 120px; height: 18px; padding: 0px 3px; margin-right: 7px;}
#quickSearch input.send {border: 0px; width: 17px; height: 20px; background: url(../images/devitaminewinkel/icon_search.gif) center no-repeat; cursor: pointer;}

#sidebar1 {width: 145px; padding: 0px 0px 50px 25px; float: left; background: #FFF;}
#sidebar2 {width: 170px; padding: 0px 0px 50px 25px; float: left; background: #FFF;}
#content {width: 525px; margin-left: 25px; padding: 16px 0px 50px 0px; background: url(../images/devitaminewinkel/bg_content.gif) top left repeat-x #FFF; float: left;}

#sideNav li {padding-left: 12px; background: url(../images/devitaminewinkel/bg_sidenav_item.gif) 0px center no-repeat;}
#sideNav a {text-decoration: none; font-weight: normal;}
#sideNav a:hover, #sideNav a.on {color: #65b3d9;text-decoration: none; font-weight: bold;}


.pageControl {width: 525px; height: 38px; position: relative;}
.pageControl h1 {margin-top:10px;}
.breadCrumbs {font-size: 16px; padding-left: 10px; padding-top: 0px; font-weight: bold; color: #65b3d9; float: left;}
.breadCrumbs a {color: #65b3d9; text-decoration: none;}
.breadCrumbs a.on {font-weight: bold;}
.breadCrumbs a:hover {color: #65b3d9; text-decoration: underline;}

.pagination {padding-right: 10px; padding-top: 0px; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px;}
.pagination a {color: #4d4848; text-decoration: none;}
.pagination .direction {font-size: 10px; font-weight: bold; letter-spacing: normal;}
.pagination a:hover {color: #65b3d9; text-decoration: underline;}
.pagination a.on {color: #65b3d9; text-decoration: none; font-weight: bold;}

/*item box*/
.line {border-bottom: 1px solid #b2b2b2;}
.item {width: 525px; height: 116px; margin: 1px 0px; position: relative; background: #fff; cursor: hand;}
.item:hover, div.item.on {background: #e5f6f8;}
.item .thumb {display: block; width: 116px; height: 116px; text-align: center; overflow: hidden; float: left;}
.item .thumb img {padding-top: 17px; margin: 0px auto;}
.itemName {width: 402px; font-size: 14px; color: #65b3d9; padding-top: 17px; margin-bottom: 10px; padding-left: 5px; float: left;}
.itemData {width: 402px; padding-left: 5px; float: left; height: 40px;}


.item .price {margin-left: 120px;}
.item .actions {position: absolute; bottom: 0px; right: 0px;}
.info {padding: 1px 10px; text-decoration: none; float: left;}
.bestel {padding: 1px 10px 1px 29px; text-decoration: none; color: #fff; background: #65b3d9 url(../images/devitaminewinkel/icon_bestelen.gif) 10px center no-repeat; float: left;}
.bestel:hover {color: #fff; text-decoration: underline;}

#solgar {display: block; position: relative; left: 15px; top: 25px;}

#footer {width: 931px; margin: 0px auto; padding: 15px 0px; text-align: center; color: #7d7d7d; font: 10px Arial, Helvetica, sans-serif;}
#footer a {color: #7d7d7d; text-decoration: none;}
#footer a:hover {text-decoration: underline;}


/*********CLEANER | STUFF********/
.cleaner {clear: both; height: 1px; margin-top: -1px; line-height: 0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

	.button 											{cursor:pointer; border:solid 1px #ccc; color:white; font-size:11px; font-weight:normal; padding: 2px 2px; background: #65b3d9;}
	.idealbetaalbutton 						{cursor:pointer; border:solid 1px #ccc; color:white; font-weight:bold; width:500px; padding: 4px 4px; background:#65b3d9;}
	.textfield 										{border: 1px #999999 solid;}
	.textfieldnieuwsbrief 				{border: 1px #999999 solid; color: grey; font-size: 10px; width: 80px;}
	.checkbox 										{border: 0px #999999 solid;}
	.inactive											{color:#888;font-weight:bold;}
	.txt_contact 									{border: solid #4898b2 1px; color: #707072;margin-left:10px;padding:2px;}
	.mandjespacer									{width:50px;}
	
	.artikeloverzichtvanprijs 		{color:#004aa5;font-weight:bold;text-decoration:line-through}
	.artikeloverzichtprijs 				{color:#76006a;font-weight:bold;font-size:13px;}
	.artikeloverzichtdetails 			{color:#65b3d9;letter-spacing:0.1em;}
	.artikeloverzichttotaal 			{color:#65b3d9;font-weight:bold;font-size:15px;}
	.artikeloverzichtsubtotaal 		{color:#65b3d9;font-weight:bold;font-size:14px;}
	.artikeloverzichtwidth				{width:525px;}
	.artikeloverzichtheader 			{background-image: url(../images/headbac.gif);background-repeat: no-repeat; height:42px;}
	.artikeloverzichtblokje 			{background-repeat: no-repeat;background-position: left bottom;cursor:pointer;background-color:white; border: solid #55397b 2px;}
	.artikeloverzichtplaatjerow 	{width:170px; height:130px; text-align:center; vertical-align:bottom;}
	.artikeloverzichtplaatje 			{border:solid #65b3d9 0px;}
	.artikeloverzichtblokje 			{background-repeat: no-repeat;background-position: left bottom;cursor:pointer;background-color:white;}
	.artikeloverzichtmaintable		{margin-top: 5px; margin-bottom: 5px; text-align:left;}
	
	.artikeldetailtable						{width: 525px;}
	.artikelfotoblokje 						{cursor:pointer;background-color:white;border:solid #55397b 1px;width:150px;margin-bottom:5px;}
	.artikeldetailheader 					{height:56px; padding-left:10px; padding-bottom:10px;}
	.artikeldetailomschrijving 		{width: 525px; font-size: 11px; line-height: 18px;padding-bottom:10px;font-weight:normal;text-align: justify;}
	.artikeldetailomschrijving h4 {padding-left:0px;padding-bottom:0px;}
	.artikeldetailitemname 				{padding-top: 5px;width:50px;font-size:12px;color:#00a7bb;font-weight:normal;}
	.artikeldetailitem 						{font-size:12px;color:#333;font-weight:normal;}
	.artikelpopupheader 					{background-color:#55397b;}
	
	.afrekenblokje								{width: 400px; padding: 0px 0px; background: #fff;}
	.afrekenblokjeitemname				{width:120px; height:20px; color: #333;}
 	.betaalmethodeitem						{width:300px; color: #333;}
 	.printfactuurheader 					{height: 100px;}
	
	.pagecounter a 								{display: block; border: 1px solid #55397b; padding: 3px; margin: 4px; text-align: center; color: #555; width: 15px; float: left; text-decoration: none;}
	.current 											{color: #000; font-weight: bold;}
	.pagecounter a:hover,
	.pagecounter a.current:hover 	{color: #000; border-color: #000;}
	.pagecounter a.vorige, 
	.pagecounter a.volgende 			{border-width: 0; width: auto;}
	
	.imageeditdiv 								{position:absolute;display: none;left:100px;}
	.imageeditpopup 							{background-color: #DEDEDE;border: solid #55397b 1px;	padding-left:40px;width: 375px; height: 205px;}

	.imagedetail									{padding: 20px;}
	.imageoverview								{cursor:pointer; padding: 20px;}
	.RRT													{height: 10px; width: 7px; background-image: url(../images/RRT.png);background-repeat: no-repeat;}
	.RR														{width: 7px; background-image: url(../images/RR.png);background-repeat: repeat-y;}
	.BBL													{height: 7px; width: 9px; background-image: url(../images/BBL.png);background-repeat: no-repeat;}
	.BB														{height: 7px; background-image: url(../images/BB.png);background-repeat: repeat-x;}
	.BBR													{height: 7px; width: 9px; background-image: url(../images/BBR.png);background-repeat: no-repeat;}