/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------- NATURE FIRST --------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles -----------------------------------------------------------*/
	
	
		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, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		input, textarea, button {font-family:inherit; font-size:1em;}
		

/*- End Reset Styles -------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- General styles ---------------------------------------------------------*/

		
		body {font:76% Tahoma, Arial, Helvetica, sans-serif; background:#D3DDDE url(../images/body.png) repeat-x 0 0;}
		
			/*- Resolution container -*/
			.wrap {width:900px; padding:0 30px; margin:0 auto;}		
			#mainWrap {background:url(../images/wrap.png) repeat-y 0 0;}
			


			
			/*- Float clears -*/
			#header,
			#search,
			#mainWrap,
			#mainMenu-Search,
			#mainMenu ul,
			#featured,
			#newProducts li,
			#newProducts .productImage,
			#newProducts h5 {overflow:hidden;}
			
			/*- Hidden text -*/
			#header h1 a,
			#header h2,
			.btn {display:block; font-size:0; text-indent:-9999em;}
			
			/*- Buttons -*/
			.btn {height:26px;}
			
			/*- Links -*/
			a {text-decoration:none;}
			a:hover {text-decoration:none}
			
			/*- Accesible labels -*/
			.accesible {position:absolute; top:0; left:-9999px; z-index:1; height:1px; width:1px; overflow:hidden;}
			
			/*- Columns -*/
			#menuSidebar,
			#content,
			#infoSidebar {float:left;}
					
			/*- Important titles -*/
			.important {font-size:1.0em; text-align:center; color:#1D4C46; line-height:120%; padding:0px 0; padding-bottom:25px;;}
				.important strong {color:#4F9553;}
			.maintitle {font-size:1.4em; text-align:center; color:#1D4C46; line-height:120%; padding:15px 0;}
			
			/*- Section titles -*/
			.title {text-transform:uppercase; color:#EB1A06; font-size:0.9em; padding:5px 10px 5px 5px; background:url(../images/content/title.png) repeat-y 0 0; border-bottom:2px solid #FFF;}
			

/*- End General styles -----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Header -----------------------------------------------------------------*/

		
		#header {height:145px; background:url(../images/header/header.jpg) no-repeat 0 0; border-bottom:1px solid #FFF;}		
			/*- Logo -*/
			#header h1 {float:left; padding:20px 0 0 30px;}
				#header h1 a {width:137px; height:102px; background:url(../images/header/logo_apotheke.png) no-repeat 0 0;}		
			/*- Tagline -*/
			#header h2 {float:left; width:117px; height:16px; margin:60px 0px 0 340px; background:url(../images/header/tagline.gif) no-repeat 0 0;}
			#header #profil {float:right;font-size:0.85em; margin:10px 0 0;height:15px; text-align:right;}
			#header #logout {float:right;font-size:0.85em; margin:10px 0 0; border-left:1px solid #C7E6C5; height:12px; text-align:right;}
			#header #user {text-transform:none; font-size:0.85em; text-align:right; clear:right;}
			#header #user p{font-size:0.9em; color:#1D4C46; text-align:right; padding:0px 10px 0 0;}
			#header #profil a{text-transform:none; font-weight:bold; font-size:0.95em; color:#4F9553; text-align:right; padding:0 10px;}
			#header #profil a:hover {color:#1D4C46;}
			#header #logout a{text-transform:none; font-weight:bold; font-size:0.95em; color:#4F9553; text-align:right; padding:0 10px;}
			#header #logout a:hover {color:#1D4C46;}
			
			#free_shipping_anchor {position: relative;}
/*			#free_shipping {position: absolute; left: 220px; top: 5px; border: 2px solid white; background-color: white; text-align: left; font-style: oblique; font-weight: bold; color:#77C271; padding: 10px 10px 10px 10px; max-width:200px; }*/
			#free_shipping {position: absolute; left: 240px; top: 12px; }
			
			

/*- End Header -------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Main Menu + Search -----------------------------------------------------*/
		
		
		#mainMenu-Search {padding:6px 10px; background:#77C271; border-bottom:1px solid #FFF;}
			
			/*- Search -*/
			#search {float:left; width:280px;}
				#search * {float:left;}
				#search form,
				#search p {width:100%;}
				#search input {color:#5D7E6B; padding:2px 6px; width:173px; margin-right:10px;}
				#search button {width:26px; background:url(../images/buttons/search.png) no-repeat 0 0; cursor:pointer;}
			
			/*- Main menu -*/
			#mainMenu {float:right;}
				#mainMenu li {float:left; text-transform:uppercase; font-weight:bold; font-size:0.85em; margin:5px 0; border-right:1px solid #C7E6C5;}
				#mainMenu a {display:block; color:#FFF; padding:3px 12px; border-right:1px solid #62A36D;}
				#mainMenu a:hover {color:#1D4C46;}
				#mainMenu #cartItem {margin:0 8px 0 12px; border:0;}
				#mainMenu #cartItem a {width:26px; padding:0; background:url(../images/buttons/cart.png) no-repeat 0 0; border:0;}
				#mainMenu #profil a {text-transform:none; font-weight:bold; font-size:1em; color:#1D4C46;}
				#mainMenu #profil a:hover {color:#FFF;}
		

/*- End Main Menu + Search -------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Menu Sidebar -----------------------------------------------------------*/
		
		
		#menuSidebar {width:188px; min-height:600px; padding-left:12px;}
			#menuSidebar li a {display:block; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:0.8em; padding:3px 10px 3px 3px;}
			#menuSidebar li a:hover,
			#menuSidebar li a.currentMenu {color:#FFF; background-color:#77C271;}

			#wrapcolumns2 { float:left;width:100%; background:url(../images/menu-sidebar/menuSidebar.jpg) left bottom no-repeat; }
			#wrapcolumns1 { float:left;width:100%; background:url(../images/menu-sidebar/back1stcolumn.gif) repeat-y; }
			#lfacebook{ width:32px; height:32px; background:url(../images/menu-sidebar/facebook.png) 0 0 no-repeat; display:block; margin-left:0; float:left;clear:none; }
			#ltwitter{ width:32px; height:32px; background:url(../images/menu-sidebar/twitter.png) 0 0 no-repeat; display:block; margin-left:5px; float:left;clear:none; }
			#lfacebook:hover{ background-position:0 -32px; }
			#ltwitter:hover{ background-position:0 -32px; }
			
			
			/*- Page list -*/
			#pageList {padding-bottom:5px; margin:15px 10px 15px 0; border-bottom:1px solid #D9E8E9;}
				#pageList a {color:#4F9553;}
		
			/*- Product list -*/
			#productList {}
				#productList li {position:relative;}
				#productList a {color:#1D4C46;}			
				
				/*- Submenus -*/
				#productList li ul {width:180px; padding:5px 0; background:#6FAA79 url(../images/menu-sidebar/subMenu.png) repeat-y 0 0; border:1px solid #FFF; position:absolute; top:-5px; left:188px; z-index:1;}
					#productList li ul li {position:static;} 
					#productList li ul li a {color:#FFF; text-transform:none; padding:3px 10px 3px 20px; background:url(../images/menu-sidebar/subMenu-bullet.gif) no-repeat 12px 6px;}
					#productList li ul li a:hover {color:#1D4C46;}
				
			/*- Therapy button -*/
			#therapy {margin:10px 0 400px;}
				#therapy .btn {width:175px; height:32px; background:url(../images/buttons/therapy.png) no-repeat 0 0;}


/*- End Menu Sidebar -------------------------------------------------------*/	
/*-----------------------------------------------------------------------------------------------*/

/*- Section content --------------------------------------------------------*/

		#content {width:480px; padding:0 20px;}
		#contentflash {width:900px; padding:30px 0px; text-align:center; background-image:url(../images/content/back_contentflash.gif);}
		#contentflash #explication {color:#1D4C46; font-size:1em; padding:10px 0;text-align:center; font-weight:bold;}
			/*- Featured -*/
			#featured {width:480px; height:290px; margin-top:20px;}
				#featured img {display:block;}
		
			/*- New Products -*/
			#newProducts {background:#EAEFEF; margin-bottom:20px;}
				#newProducts ul {padding:0 10px;}
					#newProducts li {color:#1D4C46; font-size:0.9em; padding:15px 0; border-bottom:1px solid #CCD7D8;}
					#newProducts li.last {border:0;}			
						#newProducts .productImage {float:left; width:85px; margin-right:10px;}
						#newProducts img {max-width: 85px; max-height:135px;}
						#newProducts .productInfo {float:right; width:365px;}
							#newProducts h5 {padding:7px 0 7px;}
							#newProducts h5 strong {float:left; font-size:1em;}
							#newProducts h5 strong a {color:#1D4C46;}
							#newProducts h5 strong a:hover {color:#4F9553;}
							#newProducts h5 em {float:right; font-style:normal; color:#4F9553;}
							#newProducts p.tinymce {line-height:100%;}
							#newProducts p {clear:both; line-height:120%;}
							#newProducts .addToCart {width:101px; margin-top:5px; background:url(../images/buttons/addToCart.png) no-repeat 0 0;}
							
							
							

/*- End Section content ----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Information sidebar ----------------------------------------------------*/
		
		
		#infoSidebar {width:160px; padding:0 20px 0 0;}
			.sidebarBox {padding:20px 0 0;}
			
			/*- News -*/
			#newsBox {}
				#newsBox li {font-size:0.9em; color:#1D4C46; padding-bottom:15px;}
				#newsBox img {margin-bottom:10px;}
				#newsBox h6 {font-size:1.1em; padding:5px 0;}
				#newsBox span {color:#83B4B6;}
				#newsBox p {line-height:120%;}
				#newsBox a {display:block; font-weight:bold; text-decoration:underline; color:#4F9553;}
				#newsBox a:hover {color:#1D4C46;}
				
			/*- Video -*/
			#videoBox {}
			
			/*- Files -*/
			#fileBox {text-align:center; padding-top:15px;}
				#fileBox strong {display:block; text-transform:uppercase; color:#EB1A06; padding:5px 0 2px;}
				#fileBox a {font-size:0.9em;color:#4F9553; font-weight:bold; text-decoration:underline;}
				#fileBox a:hover {color:#1D4C46;}
				
		
/*- End Information sidebar ------------------------------------------------*/		
/*-----------------------------------------------------------------------------------------------*/
	
/*- Footer -----------------------------------------------------------------*/	
		
		
		#footer {clear:both; padding:0 30px 15px; margin-bottom:30px; background:url(../images/footer.png) no-repeat 0 100%;}
			#footer p {text-align:center; font-size:0.85em; background:#DEE9EC;}
			
			/*- Information -*/
			#footerInfo {padding:12px 0 3px; color:#15767A; font-weight:bold;}
				#footerInfo a {color:#15767A;}
				#footerInfo a:hover {color:#1D4C46;}
			
			/*- Copyright -*/
			#footerCopy {padding-bottom:12px; color:#5C6667;}
				#footerCopy a {color:#5C6667;}
				#footerCopy a:hover {color:#1D4C46;}


/*- End Footer ------------------------------------------------------------*/

/*- IFRAME -----------------------------------------------------------------*/	

a.c2 {
	color:#C9CBBA;
}
div.c5 {
	border:0;
	width:100%;
}
div.c4 {
	text-align: left;
}
span.c3 {
	position:absolute;
	left:84%;
	top:-20px;
}		
			
#frame_window {
	display: block;
	z-index:98;
	position: absolute;
	left:6%;
	right:6%;
	top:11px;
	height:566px;
	border:3px solid #436C3D;
}

#frame_window_title{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.8em;
	background:#878964;
	height:16px;
	left:0px;
	top:0px;
	/*border-bottom:3px solid #436C3D;*/
background:#7DA05F;
	width:100%;
	color:white;
}

#frame_content{
width:100%;
height:550px;
background:white;
}

/*- End Iframe ------------------------------------------------------------*/
	
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*---------------------------------- END NATURE FIRST -------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/