/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*

 * Page

 */

.ourpicks {

padding: 3px; 
padding-left: 0px; 
background: #f9f4f8; 
width: 400px; 
height: 75px; 
margin-bottom: 5px;

}

body {

	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	line-height: 150%;

	color: #464646;

}


body.yoopage {

	background: #ffffff; 

}



/* center page */

div.wrapper {

	margin: auto; 
	width: 970px;

}



/*

 * Layout

 */



div#absolute {

	position: absolute;

	z-index: 15;

	top: 0px;

	left: 0px;

	width: 100%;

}



div#page-header {

	background: #3C372D;

}



div#toolbar {

	position: relative;

	width: auto;  

	height: 30px;

	padding: 0px 145px 0px 15px;

	clear: both;  

	overflow: hidden;

	line-height: 250%;

}



div#topmenu {

	margin: 0px 10px 0px 0px;

	float: left;

	font-family: "Helvetica", Arial, sans-serif;

}



div#page-body {

	background: #ffffff url(bfl_top_whitegray.png) repeat-x scroll 0 0;

}



div.wrapper-bg {

	padding: 15px 0px 15px 0px;

	background: none;

}



div.wrapper-l {

	/* border-left: 1px solid #DCDCD7; */

}



div.wrapper-r {

	padding: 0px 14px 0px 14px;

	/* border-right: 1px solid #DCDCD7; */

}



div#header {

	width: auto;  

	height: 120px;

	padding: 0px 0px 0px 0px;

	position: relative;

	z-index: 10;

	clear: both;  

}



div#logobar {

	width: 970px;

	height: 71px;

	/* border-top: 1px solid #D7D7D2;

	border-bottom: 1px solid #D7D7D2; */

	clear: both;  

	overflow: hidden;

}



div#logo {

	height: 71px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 350%;

	line-height: 100%;

	text-transform: uppercase;

	text-align: left;

	vertical-align: middle;

}



div#date {

	height: 24px;

	border-top: 1px solid #D7D7D2;

	font-family: Georgia, "Times New Roman", Times, serif;

	line-height: 24px;

	text-align: center;

	color: #BE4238;

	font-weight: bold;

	font-style: italic;

}



body.green div#date { color: #7BA46C; }

body.pink div#date { color: #B165A3; }

body.orange div#date { color: #D68636; }

body.blue div#date { color: #5296B7; }

body.yellow div#date { color: #ADA83F; }

body.lilac div#date { color: #711471; }

body.turquoise div#date { color: #619A99; }

body.black div#date { color: #C83232; }



div#menubar {

	width: auto;  

	margin-top: 10px;

	padding: 1px 0px 1px 0px;

	/* border-top: 1px solid #D7D7C8;

	border-bottom: 1px solid #D7D7C8; */

	clear: both;  

}



div#menubar div.menubar-2 {

	width: auto; 

	margin: auto;

	height: 61px;
	
	background: url(top_hor_repeat.png) repeat-x;


	}



div#menu {

	margin: auto;

	position: absolute;

	top: 83px;

	left: 0px;

	z-index: 11;

	height: 13px;

	font-family:"Helvetica", Arial, sans-serif;

	/* background-image: url(top_hor_repeat.png); */

}



div#search {

	position: absolute;

	top: -39px;

	right: -15px;

	z-index: 12;

	width: 120px;  

}



div#banner {

	position: absolute;

	top: 0px;

	right: -30px;

	width: 0px;

	z-index: 3;

}



div#header-left {

	position: absolute;

	top: 10px;

	left: 0px;

	width: 200px;

}



div#header-right {

	position: absolute;

	top: 10px;

	right: 0px;

	width: 200px;

	text-align: right;

}



div#header-left ul,

div#header-right ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}



div#header-left li,

div#header-right li {

	display: block;

}



div#header-left li a,

div#header-right li a {

	display: inline-block;

	padding: 0px 5px 0px 5px;

	color: #323232;

	font-size: 11px;

	font-style: italic;

}



div#header-left li a:hover,

div#header-right li a:hover {

	color: #ffffff;

	background: #323232;

	text-decoration: none;

}



div#top {

	width: auto;  

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	clear: both;  

}



div#top .topbox {

	margin-top: 15px; 

}



div#middle {

	width: 1000px;  

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 10px 0px;

	clear: both;  

}



div#middle .background {

	min-height: 200px;
}



 

div#middle .background {

	background: none;

}



 

.left div#middle .background {

	/* background: url(left_bg_l.png) 0 0 repeat-y; */

margin-left: 20px
}



 

.right div#middle .background {

	background: url(left_bg_r.png) 100% 0 repeat-y;

}



div#left { 

	width: 150px;   
margin-top: 18px;

}



.left div#middle div#left {

	float: left;


}



.right div#middle div#left {

	float: right;

}



div#main {

	width: auto;

	 

}



 

div#main {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



 

.left div#main {

	margin: 0px 0px 0px 50px;  

}



 

.right div#main {

	margin: 0px 200px 0px 0px;  

}



div#maintop {

	padding: 0px 0px 15px 0px;

}



div#mainmiddle {

	margin: 0px 0px 15px 0px;

	 

	 

}



.showright div#mainmiddle {  

	background: url(right_bg.png) 100% 0 repeat-y;

}



div#right {

	width: 180px;  

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	float: right;

}



div#content {

	 /* width: 860px; */

}



 

div#content {

	margin-left: 26px;

}



 

.showright div#content {

	margin: 0px 210px 0px 0px;  

}



div#contenttop {

	margin-left: -20px;
}



div#breadcrumbs {

	margin-bottom: 10px;

	font-size: 85%;

}



div#contentbottom {

	margin: 15px 0px 0px 0px;

}



div#mainbottom {

	padding: 0px 0px 0px 0px;

}



div#bottom {

	width: auto;  

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 15px 0px;

	clear: both;  

}



div#bottom .bottomblock {

	margin-top: 15px;

	margin-bottom: -15px;

}

#page-footer {

width: 100%;

background: #ffffff url(bottom_hor_repeat.png) repeat-x; 

min-height: 121px;

margin-top: -50px;

}

div#footer .purplink a:link{

color: #702772;

text-decoration: none;

}

div#footer .purplink a:hover{

color: #702772;

text-decoration: none;

}

div#footer {
	
	position: relative;

	width: auto;  

	margin: 0px 0px 0px 0px;

	padding-top: 50px;

	padding-left: 15px;

	clear: both;  

	text-align: left;

	color: #464646;

	line-height: 11px;

}



div#footer a:link, div#footer a:visited {

	color: #464646;

}



div#footer a:hover {

	color: #464646;

}



div#footer a.anchor {

	position: absolute;

	right: 5px;

	top: 55px;

	width: 30px;

	height: 5px;

	background: url(footer_anchor.png) 0 0 no-repeat;

	display: block;

	text-decoration: none;

}



/*

 * Clearing & Floating

 */



 

 

.clearfix:after {

	content: "."; 

	display: block; 

	height: 0;  

	clear: both; 

	visibility: hidden;

}

	

 

.clearfix { display: block; }



 

.floatbox { overflow:hidden; }



.float-left { float: left; overflow: hidden; }

.float-right { float: right; overflow: hidden; }



.width15 { width: 14.999%; }

.width18 { width: 18.333%; }

.width20 { width: 19.999%; }

.width23 { width: 22.999%; }

.width25 { width: 24.999%; }

.width33 { width: 33.333%; }

.width35 { width: 34.999%; }

.width40 { width: 39.999%; }

.width45 { width: 44.999%; }

.width50 { width: 49.999%; }

.width54 { width: 53.999%; }

.width65 { width: 64.999%; }

.width75 { width: 74.999%; }

.width100 { width: 100%; }

ock;

	text-decoration: none;

}



/*

 * Clearing & Floating

 */



 

 

.clearfix:after {

	content: "."; 

	display: block; 

	height: 0;  

	clear: both; 

	visibility: hidden;

}

	

 

.clearfix { display: block; }



 

.floatbox { overflow:hidden; }



.float-left { float: left; overflow: hidden; }

.float-right { float: right; overflow: hidden; }



.width15 { width: 14.999%; }

.width18 { width: 18.333%; }

.width20 { width: 19.999%; }

.width23 { width: 22.999%; }

.width25 { width: 520px; }

.width33 { width: 33.333%; }

.width35 { margin-left: -260px; width: 500px; margin-top: 6px;}

.width40 { width: 39.999%; }

.width45 { width: 44.999%; }

.width50 { width: 358px; }

.width54 { width: 53.999%; }

.width65 { width: 64.999%; }

.width75 { width: 74.999%; }

.width100 { width: 100%; }