@charset "UTF-8";
/*
* * * * * concept and art direction by thomas von ah
* * * * * production and code by marc rinderknecht
* * * * * kobebeef.ch
* * * * * © 2006
*/
html, body {
	height: 100%;
	background: #FFF;
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #999;	
}
#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	height: 568px;
}
#topwrapper {
	width: 900px;
	height: 319px;
	padding: 0 0 0 0;
	margin-bottom: 6px;
}
a {
	color: #999;
	text-decoration: none;
}
a:hover, a.active {
	color: #000;
	text-decoration: none;
}

/* * * * * START: SPLASH-SCREEN SPECIALS * * * * */
#mainframe { /* only used on splash-page */
	width: 898px;
	height: 573px;
	border: 1px solid #CCC;	
}
#mainframe[id] { /* only used on splash-page */
	height: 566px;
}
td.splashpad {
	padding: 0 0 15px 0;
}
/* * * * * END: SPLASH-SCREEN SPECIALS * * * * */


/* * * * * START: COLLECTION START * * * * */
.startFrame {
	float: left;
	width: 221px;
	height: 311px;
	padding: 6px 6px 0 6px;
	border: 1px solid #CCC;
	text-align: center;
}
.startFrame img {
	margin: 0 0 2px 0;	
}
.startMR {
	margin-right: 7px;	
}


/* * * * * START: NAVIGATION * * * * */
#navigation {
	width: 173px;
	height: 317px;
	margin-right: 6px;
	border: 1px solid #CCC;
	float: left;
}
ul#mainnav {
	list-style-type: none;
	margin: 0;
	padding: 0 0 13px 0;
}
ul#mainnav li.bigger {
	font-size: 14px;
}
.navWrap {
	position: relative;	
}
.navWrap #btnFacebook {
	position: absolute;
	right: 6px;
	bottom: 12px;
}
/* * * * * END: NAVIGATION * * * * */


/* * * * * START: CONTENT * * * * */
#content {
	width: 393px;
	height: 317px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	float: left;
}
#widecontent p, #content p,  {
	margin-top: 0;
	line-height: 14px;
}
#widecontent {
	width: 705px;
	height: 298px;
	padding: 13px 6px 6px 6px;
	border: 1px solid #CCC;
	float: left;
}
#widecontentscroll {
	width: 665px;
	height: 298px;
	padding: 0 40px 0 0;
	overflow: auto;
}
#shopscroll {
	width: 419px;
	height: 208px;
	padding: 0 40px 0 0;
	overflow: auto;
}
#mediumcontent {
	width: 459px;
	height: 298px;
	padding: 13px 6px 6px 6px;
	border: 1px solid #CCC;
	float: left;
	margin: 0 6px 0 0;
}
#mediumcontentfix {
	width: 459px;
	height: 90px;
}
#mediumcontentscroll {
	width: 439px;
	height: 298px;
	padding: 0 20px 0 0;
	overflow: auto;
}
#narrowright {
	width: 226px;
	height: 298px;
	padding: 13px 6px 6px 6px;
	border: 1px solid #CCC;
	float: left;
}
#narrowrightscroll {
	width: 206px;
	height: 298px;
	padding: 0 20px 0 0;
	overflow: auto;
}
#narrowrightscrollShops {
width: 206px;
	height: 206px;
	padding: 0 20px 0 0;
	overflow: auto;
}
#narrowrightscrollnews {
	width: 206px;
	height: 252px;
	padding: 0 20px 0 0;
	overflow: auto;
}
#narrowrightscrollnews a.active {
	color: #000;
}
#widecontent p, #content p, #narrowright p  {
	margin-top: 0;
	line-height: 14px;
}
#stylephotos {
	width: 324px;
	height: 317px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	float: left;
}
#gallerycontent {
	width: 331px;
	height: 305px;
	padding: 6px 6px 6px 6px;
	border: 1px solid #CCC;
	float: left;
	margin: 0 6px 0 0;
}
#gallerythumbnails {
	width: 354px;
	height: 305px;
	padding: 6px 6px 6px 6px;
	border: 1px solid #CCC;
	float: left;
}
.gallerytn {
    width:54px;
    height:72px;
	padding:0px;
    border:0px;
    margin:0px 6px 6px 0px;
}
.gallerytnr {
    width:54px;
    height:72px;
	padding:0px;
    border:0px;
    margin:0px 0px 6px 0px;
}
.gallerytnb {
    width:54px;
    height:71px;
	padding:0px;
    border:0px;
    margin:0px 6px 0px 0px;
}
.gallerytnl {
    width:54px;
    height:71px;
	padding:0px;
    border:0px;
    margin:0px;
}
.gallerytninvisible {
    display:none;
}
.clipping {
	position: relative;
	z-index: 0;
}
a.zoomclipping {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
a.zoomclipping div.zoomclipping {
	position:absolute;
	bottom:0;
	right:0;
	width:16px;
	height:16px;
	background: #F00 url(http://is.blick.ch/bch/img/ico-zoom.gif);
	cursor:pointer;
}
tr.switcher td {
	font-size: 16px !important;
}
tr.switcher td a, tr.switcher td a img {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* * * * * END: CONTENT * * * * */


/* * * * * START: LINES NAVIGATION * * * * */
#linenav {
	width: 155px;
	height: 225px; /* should be in total 241px but Win IE strangely displays a white space because of whatever */
	padding: 13px 6px 6px 12px;
	margin-right: 6px;
	border: 1px solid #CCC;
	float: left;
}
#linenav[id] { /* [id] will be displayed by Firefox, Safari, etc */
	height: 222px;
}
#linenav p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	margin: 0 0 6px 0;
}
#linenav form.subnav {
	margin: 0;
	padding: 0;
}
#linenav form.subnav select {
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
	font-size: 10px;
	line-height: 12px;
	width: 151px;
	background: #FFF;
	border: 1px solid #CCC;
}
/* * * * * END: LINES NAVIGATION * * * * */


/* * * * * START: COLLECTION * * * * */
#collection {
	width: 717px;
	height: 241px; /* should be 241px but Win IE strangely displays a white space because of the imagemaps */
	border: 1px solid #CCC;
	float: left;
	color: #999;
}
#collection[id] {
	height: 241px; /* for the good browsers like Firefox and Safari */
}
#collection img {
	color: #999;	
}
/* * * * * END: COLLECTION * * * * */


/* * * * * START: SPECIAL STUFF * * * * */
form {
	margin: 0;
	padding: 0;
}
form#store_search table td {
	padding: 3px 3px 3px 0;
}
form#store_search input {
	width: 50px;
}
#recommend_form input, #recommend_form textarea {
	width: 134px;
}
.attn {
	color: #FF0066;
}
input.attn, textarea.attn {
	color: #FFF;
	background: #FF0066;
}
td.topinfo {
	vertical-align: top;
	padding: 11px 0 0 0;
	line-height: 12px;
}
td.bottominfo {
	vertical-align: bottom;
	padding: 0 0 11px 0;
	line-height: 12px;
}
input, textarea {
	margin-bottom: 6px;
	border: 1px solid #CCC;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #999;		
}
div.biggertype p, .biggertype {
	font-size: 14px;
	line-height: 18px !important;
}
#mySlideShow {
	width: 324px !important;
	height: 317px !important;
}
#contact_form input, #contact_form textarea {
	width: 147px;
}
.vitaminpills td {
	vertical-align: top; 
}
table.vitaminpills {
	margin: 6px 0 6px 0;
}
td.pressspectd {
	width: 221px;
}	
.pressNewsScroll {
	overflow: auto;
	height: 278px;
	width: 201px;
	padding-right: 20px;

}

	

a.activepress {
	color: #000;
}
table#news p.date {
	margin: 0 0 0 0;
}
table#news p {
	margin: 0 0 10px 0;
}
table#news h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
/* * * * * END: SPECIAL STUFF * * * * */