/*
===================================
CSS Basic Styles

Description: 	Styles the Basic CSS Tags
Author: 		Felix Kreitner
Date:			28.11.2009
*/

/*
========================================================
BASE
========================================================
*/

body {
	background-color:		#a7aeb4;
	background-image: 		url(../images/background.png);
	background-repeat: 		repeat-y;
	background-position: 	center top;
}

#bodyborderlv1 {
	position:				relative;
	background-image:		url(../images/background-bodyborderlv1-standard.png);
	background-repeat:		repeat-x;
	background-position:	left top;
}

#bodyborderlv2 {
	position:				relative;
	background-image:		url(../images/background-bodyborderlv2-standard.jpg);
	background-repeat:		no-repeat;
	background-position:	center top;
}

#bodyborderlv3 {
	position:				relative;
	background-image:		url(../images/background-bodyborderlv3.png);
	background-repeat:		repeat-x;
	background-position:	left top;
}

#container,
.container {
	position:				relative;
	margin:					0 auto;
	width:					980px;
}

/*
========================================================
HEADER
========================================================
*/

#header {
	position:				relative;
	margin:					0 0 0 0;
	height:					73px;
	z-index:				10;
}

#header a.logo {
	display:				block;
	margin:					27px 0 0 9px;
	width:					181px;
	height:					46px;
	text-indent:			-5600px;
	background-image: 		url(../images/logo-binder.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#header a.logo.nextvwr {
	position:				absolute;
	top:					29px;
	left:					210px;
	margin:					0 !important;
	z-index:				10;
}

#header .gettoknow {
	position:				absolute;
	top:					90px;
	left:					0;
	z-index:				99;
}

#header a.logo.vwr {
	width:					157px !important;
	background-image: 		url(../images/vwr.png) !important;
}

.sectionrgt {
	padding:				35px 9px 0 0;
}

/*
========================================================
CONTENTSECTION
========================================================
*/
#contentsection {
	min-height:				400px;
	height:					auto !important;
	height:					400px;
	padding:				0 0 30px 0;
}

#content.round {
	background-image: 		url(../images/round.png);
	background-repeat: 		no-repeat;
	background-position: 	right top;	
}

.p50 {
	padding-top:			60px !important;
}

/*
========================================================
BREADCRUMB
========================================================
*/

#breadcrumb {
	padding:				8px 0 0 20px;
	height:					29px;
}

#contentsection ul#crumblist {
	float:					left;
}

#contentsection ul#crumblist,
#contentsection ul#crumblist li {
	margin: 				0;
	padding: 				0;
	list-style: 			none !important;
	border:					0;
}

#contentsection ul#crumblist li,
#contentsection ul#crumblist li a {
	float:					left;
	color:					#525252;
	text-decoration: 		none;
	font-size:				12px;
}

#contentsection ul#crumblist li {
	padding: 				0 10px 0 15px;
	background-image: 		url(../images/breadcrumb-icon.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#contentsection ul#crumblist li a {
	padding:				0 0 0 0;
	font-family:			HelveticaNeueLTStd65Medium, Arial, Helvetica, sans-serif;
}

#contentsection ul#crumblist li.first {
	padding-left:			20px;
	background-image: 		url(../images/breadcrumb-home.png);
	background-repeat: 		no-repeat;
	background-position: 	left 1px;
}

#contentsection ul#crumblist li.last {

}

#contentsection ul#crumblist li a:hover,
#contentsection ul#crumblist li.last,
#contentsection ul#crumblist li.last a {
	color:					#f50024;
}

#contentsection ul#crumblist li.first a {

}

/*
========================================================
TEASER
========================================================
*/

#teaser
{
	padding:				0 0 0 0;
}

/*
========================================================
CONTENTHEADER
========================================================
*/

#contentheader
{

}

/*
========================================================
INTRO
========================================================
*/

#intro
{
	float:					left;
	width:					435px;
	padding:				65px 0 0 0;
}

/*
========================================================
IMAGE
========================================================
*/

#image
{
	float:					right;
	width:					512px;
}


/*
========================================================
CONTENT
========================================================
*/

#content .subline {
	font-size:				15px;
	line-height:			19px;
}

.overview {
	position:				relative;
	width:					326px;
	height:					270px;
}

.overview .btnseries {
	width:					94px;
	height:					21px;
	padding:				3px 0 0 0;
	background-image: 		url(../images/series/btn-series.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
	text-align:				center;
	font-family:			HelveticaNeueLTStd65Medium, Arial, Helvetica, sans-serif;
}

#content .overview .series {
	position:				absolute;
	bottom:					25px;
}

#content .overview .series ul,
#content .overview .series ul li {
	margin:					0 0 3px 0;
	padding:				0;
}

#content .overview .series ul {
	margin-bottom:			20px;
}

#content .overview .series ul li {
	display:				block;
	height:					28px;
	list-style:				none;
 	background-image: 		url(../images/series/background-size.png) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#content .overview .series ul li:hover {
	background-position: 	left bottom;
}

#content .overview .series ul li a {
	display:				block;
	padding:				3px 0 0 32px;
	width:					62px;
	height:					25px;
	font-size:				10px;
	text-decoration:		none;
	color:					#000;
	background-image: 		url(../images/series/sizes.gif) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top;
	line-height:			10px;
}

#content .overview .series ul li.s23 a {
	background-position: 	4px 0px;
}

#content .overview .series ul li.s23 a:hover {
	background-position: 	4px -168px;
}

#content .overview .series ul li.s53 a {
	background-position: 	4px -28px;
}

#content .overview .series ul li.s53 a:hover {
	background-position: 	4px -196px;
}

#content .overview .series ul li.s115 a {
	background-position: 	4px -56px;
}

#content .overview .series ul li.s115 a:hover {
	background-position: 	4px -224px;
}

#content .overview .series ul li.s240 a {
	background-position: 	4px -84px;
}

#content .overview .series ul li.s240 a:hover {
	background-position: 	4px -252px;
}

#content .overview .series ul li.s400 a {
	background-position: 	4px -112px;
}

#content .overview .series ul li.s400 a:hover {
	background-position: 	4px -280px;
}

#content .overview .series ul li.s720 a {
	background-position: 	4px -140px;
}

#content .overview .series ul li.s720 a:hover {
	background-position: 	4px -308px;
}

#content .overview .series ul li a span {
	display:				block;
	font-family:			HelveticaNeueLTStd65Medium, Arial, Helvetica, sans-serif;
}

.overview h3 {
	margin:					-10px 0 0 0;
	width:					210px;
	padding-left:			22px;
}

#contentsection .features {
	padding-left:			180px;
	height:					135px;
	background-image: 		url(../images/sign.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;	
}

#contentsection .features ul {
	margin:					0;
	padding:				0;
	list-style:				none;
}

#contentsection .features ul li {
	margin:					0;
	padding:				0;
	list-style:				none;
	background-image:		none !important;
}

#contentsection .features ul li.mid {
	padding-left:				20px;
}

#contentsection .features ul li a {
	display:				block;
	float:					left;
	height:					30px;
	padding:				12px 18px 0 0;
	color:					#383b3f;
	text-decoration:		none;
	font-family:			HelveticaNeueLTStd65Medium, Arial, Helvetica, sans-serif;
	font-size:				16px;
	background-image: 		url(../images/icons/pointer-red.gif);
	background-repeat: 		no-repeat;
	background-position: 	right 17px;
}

#contentsection .features ul li a:hover {
	color:					#f50024;
}










#aacontentsection ul.features {
	margin:					0;
	width:					340px;
	height:					140px;
	padding:				0 0 0 140px;
	list-style:				none;
	background-image: 		url(../images/sign.png) !important;
	background-repeat: 		no-repeat !important;
	background-position: 	left top !important;
}

#aacontentsection ul.features li {
	margin:					0 0 4px 0;
	padding:				0;
	list-style:				none;
	background-image:		none !important;
}

#aacontentsection ul.features li a {
	display:				block;
	height:					42px;
	width:					259px;
	background-image: 		url(../images/3-features.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#aacontentsection ul.features li a.f2 {
	background-position: 	left -42px;
}

#aacontentsection ul.features li a.f3 {
	background-position: 	left -84px;
}

/* 
========================================================
LEFTCOL
========================================================
*/

#leftcol
{
	float:					left;
	width:					669px;
	padding:				0;
}

.row50 {
	width:					490px;
	padding:				0;
}

.s50 {
	width:					324px;
	padding:				0 0 0 0;
}

.p30 {
	padding-top:			30px !important;
}





#content ul.model,
#content ul.model li {
	margin:					0 0 3px 0;
	padding:				0;
}

#content ul.model li {
	display:				block;
	float:					left;
	margin-right:			5px;
	height:					28px;
	list-style:				none;
 	background-image: 		url(../images/series/background-size.png) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#content ul.model li:hover,
#content ul.model li.selected {
	background-position: 	left bottom;
}

#content ul.model li a {
	display:				block;
	float:					left;
	padding:				3px 0 0 32px;
	width:					62px;
	height:					25px;
	font-size:				10px;
	text-decoration:		none;
	color:					#000;
	background-image: 		url(../images/series/sizes.gif) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top;
	line-height:			10px;
}

#content ul.model li.s23 a {
	background-position: 	4px 0px;
}

#content ul.model li.s23 a:hover, 
#content ul.model li.selected.s23 a {
	background-position: 	4px -168px;
}

#content ul.model li.s53 a {
	background-position: 	4px -28px;
}

#content ul.model li.s53 a:hover, 
#content ul.model li.selected.s53 a {
	background-position: 	4px -196px;
}

#content ul.model li.s115 a {
	background-position: 	4px -56px;
}

#content ul.model li.s115 a:hover, 
#content ul.model li.selected.s115 a {
	background-position: 	4px -224px;
}

#content ul.model li.s240 a {
	background-position: 	4px -84px;
}

#content ul.model li.s240 a:hover, 
#content ul.model li.selected.s240 a {
	background-position: 	4px -252px;
}

#content ul.model li.s400 a {
	background-position: 	4px -112px;
}

#content ul.model li.s400 a:hover, 
#content ul.model li.selected.s400 a {
	background-position: 	4px -280px;
}

#content ul.model li.s720 a {
	background-position: 	4px -140px;
}

#content ul.model li.s720 a:hover, 
#content ul.model li.selected.s720 a {
	background-position: 	4px -308px;
}

#content ul.model li a span {
	display:				block;
	font-family:			HelveticaNeueLTStd65Medium, Arial, Helvetica, sans-serif;
}

/*
========================================================
RIGHTCOL
========================================================
*/

#rightcol
{
	float:					right;
	width:					261px;
	padding-top:			0;
}

.btn,
a.btn,
a.btnlink {
	margin-top:				20px;
	width:					261px;
	cursor:					pointer;
}

a.btnlink.datasheet  {
	display:				block;
	padding:				7px 0 0 35px;
	height:					28px;
	background-image: 		url(../images/buttons/datasheet.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
	text-decoration:		none;
	color:					#383b3f;
	text-decoration:		none;
	font-size:				15px !important;
	font-family:			HelveticaNeueLTStd65Medium, Arial, Helvetica, sans-serif;
}

a.btnlink.datasheet:hover  {
	color:					#f50024;
}

.btn a {
	display:				inline;
	padding:				0 15px 0 0;
	color:					#383b3f;
	text-decoration:		none;
	font-size:				15px !important;
	font-family:			HelveticaLTStdBold, Arial, Helvetica, sans-serif;
	background-image: 		url(../images/jumper-icon.gif);
	background-repeat: 		no-repeat;
	background-position: 	right 5px;
}

.btn p {
	margin:					0;
}

.btn .img {
	display:				block;
	margin-bottom:			12px;
	height:					117px;
	background-image: 		url(../images/home-jumpers.png);
	background-repeat: 		no-repeat;
}

.btn.coupon .img {
	background-position: 	-261px top;
}

.btn.coupon:hover .img {
	background-position: 	-261px bottom;
}

.btn.finder .img {
	background-position: 	left -20px;
	height:					97px;
}

.btn.finder:hover .img {
	background-position: 	left bottom;
}

.btn.lottery .img {
	background-position: 	-522px top;
}

.btn.lottery:hover .img {
	background-position: 	-522px bottom;
}

.btn.story .img {
	height:					99px;
	background-image: 		url(../images/buttons/incubator-story.png);
}

.btn.story:hover .img {
	background-position: 	left bottom;
}





.address .content
{
	padding:				20px 20px 10px 20px;
}

.address .footer
{
	display:				block;
	height:					10px;
	background-image:		url(/images/sidebar/contact-footer.png);
	background-repeat:		no-repeat;
	background-position:	left bottom;
}

.address .footer
{
	display:				block;
	height:					10px;
	background-image:		url(/images/sidebar/contact-footer.png);
	background-repeat:		no-repeat;
	background-position:	left bottom;
}

#content dl.twoColumn
{
	margin: 			12px 0 12px 0;
	text-align: 		left;
}

#content dl.twoColumn dt
{
	float: 				left;
	clear: 				left;
	width: 				55px;
	font-weight:		normal;
}

#content dl.twoColumn dd
{
	clear: 				right;
	margin: 			0 0 0 10px;
	padding: 			0;
}

#secondary dl.twoColumn
{
	margin: 			12px 0 0 0;
}

#secondary dl.twoColumn dt
{
	width: 				55px;
}






/*
========================================================
FOOTER
========================================================
*/

#footer {
	position:				relative;
	height:					90px;
	padding:				30px 5px 0 15px;
	background-image: 		url(../images/background-footer.png);
	background-repeat: 		no-repeat;
	background-position: 	center 30px;
}

#footer,
#footer a {
	font-size:				12px;
	color:					#646464;
	text-decoration:		none;
}

#footer a:hover {
	color:					#000;
}

#footer a.logo {
	display:				block;
	margin:					9px 10px 0 0;
	width:					91px;
	height:					13px;
	text-indent:			-5600px;
	background-image: 		url(../images/logo-footer-binder.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#footer a.logo.vwr {
	width:					44px !important;
	background-image: 		url(../images/logo-footer-vwr.png) !important;
}

#footer ul#footernav {
	padding-top:			7px;
}

#footer ul#footernav li,
#footer ul#footernav li a,
#footer ul#pageoptions li,
#footer ul#pageoptions li a {
	float:					left;
}

#footer ul#footernav li {
	margin:					0;
	padding:				0 5px 0 5px;
	border-right:			1px solid #646464;
}

#footer ul#pageoptions {
	background-image: 		url(../images/background-footer-extended.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#footer ul#pageoptions.vwr {
	position:				absolute !important;
	top:					34px !important;
	right:					0 !important;
	z-index:				99 !important;
}

#footer ul#pageoptions li {
	margin:					0;
	padding:				6px 3px 6px 3px;	
}

#footer ul#pageoptions li.first {
	padding-left:			10px;
}

#footer ul#pageoptions li.seperator {
	padding-right:			15px;
	background-image: 		url(../images/footer-seperator.png);
	background-repeat: 		no-repeat;
	background-position: 	right top;
}

#footer ul#pageoptions li a.printpage {
	padding-left:			30px;
	background-image: url(../images/icons/icon_print.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
}

#footer ul#pageoptions li.last {
	padding-right:			10px;
	background-image: 		url(../images/background-footer-extended-rgt.png);
	background-repeat: 		no-repeat;
	background-position: 	right top;
}

#footer .faddress {
	clear:					both;
	display:				block;
	padding:				20px 0 0 0;
}