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

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

/*
========================================================
BODY
========================================================
*/

body
{
	color:					#292929;
	background-color:		#ebebeb;
}

body.default
{
	background-image: 		url(/images/background/std-body.jpg);
	background-repeat: 		repeat-x;
	background-position: 	left top;
}


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

#teaser,
#teaser img
{
		position:		absolute;
		top:			0;
		left:			0;
		z-index:		1;
		width:			100%;
		min-width:		980px;
		height:			521px;
		overflow: 		hidden;
}

#teaser #bgblur
{
	display:	none;
	z-index:	2;
}

#teaser #bgfocus
{
	z-index:	1;
}

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

#image
{
		height:			350px !important;
}

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

#bodywrapper
{
	position:		absolute;
	width:			100%;
	height:			100%;
	z-index:		5;
}

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

.core
{
	margin:			0;
	padding: 		0;
	min-width:		980px;
	max-width:		1220px;
	overflow: 		visible !important;
}

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

#header
{
	position:		relative;
}

#header a.logo
{
	position:				absolute;
	display:				block;
	left:					0;
	top:					24px;
	height:					43px;
	width:					174px;
	background-image:		url(/images/logo-binder.png);
	background-repeat:		no-repeat;
	background-position:	left top;
	text-align:				left;
	text-indent:			-9999px;
}

#header a.logo.nextvwr
{
	left:					180px;
	background-image:		url(/images/logo-binder-white.png) !important;
}

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

#header a.gettoknow
{
	position:				absolute;
	display:				block;
	left:					0;
	top:					90px;
	height:					31px;
	width:					277px;
	background-image:		url(/images/buttons/get-to-know.png);
	background-repeat:		no-repeat;
	background-position:	left top;
	text-align:				left;
	text-indent:			-9999px;
}

#header ul#menu
{
	margin:			18px 0 0 0 !important;
	float:			right;
}

#header ul#menu,
#header ul#menu li,
#header ul#menu li a
{
	margin:			0;
	padding:		0;
	list-style:		none;
}

#header ul#menu
{
	margin:			5px 0 0 0;
}

#header ul#menu li,
#header ul#menu li a
{
	float:			left;
	color:			#FFF;
}

#header ul#menu li a
{
	padding:				0 8px 0 8px;
	font-size:				10px !important;
	text-transform:			uppercase;
	background-image:		url(/images/topmenu-seperator.gif);
	background-repeat:		no-repeat;
	background-position:	left 3px;
	text-decoration:		none;
	font-size:				12px !important;
}

#header ul#menu li a:hover
{
	color:					#F00;
}

#header ul#menu li.first a
{
	background-image:	none;
}

#header img.tollfree
{
	margin:				18px 3px 0 0;
	float:				right;
}

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

#breadcrumb
{
	padding-top:	35px;
	height:			30px;
}

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

ul#crumblist li,
ul#crumblist li a
{
	display:			inline;
	color:				#000;
	text-decoration: 	none;
}

ul#crumblist li
{
	padding:			0 5px 0 0;
	font-size:			14px;

}

ul#crumblist li a
{
	padding:			0 0 0 5px;
	font-size:			12px !important;
}

ul#crumblist li.first a
{
	padding:			0;
}

ul#crumblist li.last a
{
	color:				#d3001b;
}

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

#content
{
	padding:				23px 0 0 0;
	background-image: 		url(/images/content-background.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left 40px;
}

#content table
{
	background-image: 		url(/images/tablebg.jpg);
	background-repeat: 		repeat-y;
	background-position: 	left top;
}

/*
========================================================
PRIMARY
========================================================
*/

.primary
{
	padding:		0 0 0 0;
	width:			665px;
	min-height:		300px;
	height:			auto !important;
	height:			300px;
}

/*
========================================================
SECONDARY
========================================================
*/

.secondary
{
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	width:				282px;
	min-height:			300px;
	height:				auto !important;
	height:				300px;
	background-image: 	url(/images/content-background-right.jpg);
	background-repeat: 	no-repeat;
	background-position: left 17px;
}

.secondary .box
{
	display:		block;
	margin:			0 0 20px 0;
}

.secondary .btn
{
	display:	block;
	width:		282px;
	height:		129px;
	background-repeat: no-repeat;
	background-position: left top;
}

.secondary .box:hover
{
	background-position: left bottom;
}

.secondary .box.small
{
	height:		81px;
}

.secondary .box.medium
{
	height:		163px;
}

.secondary .box.large
{
	height:		230px;
}

.secondary .box.addthis_button
{
	display:			block;
	margin:				10px 0 25px 0 !important;
}

.secondary .btn.coupon
{
	background-image: url(/images/buttons/keep-it-hot.png);
}

.secondary .btn.survey
{
	background-image: url(/images/buttons/binder-survey.png);
}

.secondary .btn.binderproducts
{
	height:		149px !important;
	background-image: url(/images/buttons/binder-products.png);
}

.secondary .btn.contact
{
	background-image: url(/images/buttons/contact-binder.png);
}


.secondary .btn.visit
{
	background-image: url(/images/buttons/binder-world.png);
}

.secondary .btn.request
{
	background-image: url(/images/buttons/request-a-quote.png);
}

.secondary .address
{
	background-image:		url(/images/sidebar/contact-background.png);
	background-repeat:		no-repeat;
	background-position:	left top;
}

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

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

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

/*
========================================================
FORM
========================================================
*/

form label.error { display:none; color:#F00; }
form input.error { border: 1px solid #F00; }
form li input.error { border: 0; }

form .choice .highlight
{
	margin:			12px 0 12px 0;
	padding:		4px 5px;
	font-size:		14px;
	background-color:	#aebbc3;
	width:			260px;
}

form .formbox .large
{
	width:	300px;
}

.formbox
{
	margin:					25px 0 25px 0;
	background-image:		url(/images/formbox-bg.jpg);
	background-repeat:		no-repeat;
	background-position:	left top;
}

.formbox .content
{
	padding:				15px 20px;
}

.formbox ul,
.formbox ul li
{
	margin:					10px 0 0 0;
	padding:				0;
	list-style:				none !important;
}

.formbox ul li
{
	float:					left;
	margin:					0 15px 0 0 !important;
	padding:				1px 5px !important;
	background:				none !important;
	background-image:		none !important;
	background-repeat: 		no-repeat !important;
	background-position: 	-100px top !important;
}

.formbox ul li.highlight
{
	background-color:		#aebbc3 !important;
}

.formbox hr
{
	margin:			15px 0 15px 0;
	background:		#8296a1;
	color:			#8296a1;
}

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

.formrow
{
	display:				block;
	margin:					0 0 10px 0;
}

.formrow span
{
	display:				block;
	float:					left;
	padding:				0 20px 0 0;
}

.formrow input,
.formrow select,
.formrow textarea
{
	display:				block;
}

.formrow input.small,
.formrow select.small
{
	width:					286px;
}

.formrow input.large,
.formrow textarea.large
{
	width:					600px;
}

.formrow select.large
{
	width:					607px;
}

.formrow.last
{
	padding:				10px 30px 0 0;
}

.formrow .sendcontact
{
	display:				block;
	width:					95px;
	height:					30px;
	float:					right;
	text-indent:			-9999px;
	border:					0;
	background-image:		url(/images/buttons/send-contact.jpg);
	background-repeat:		no-repeat;
	background-position:	left top;
}

.formrow .sendcontact:hover
{
	background-position:	left bottom;
}

.formrow .send
{
	display:				block;
	width:					138px;
	height:					30px;
	float:					right;
	text-indent:			-9999px;
	border:					0;
	background-image:		url(/images/buttons/send-action.jpg);
	background-repeat:		no-repeat;
	background-position:	left top;
}

.formrow .send:hover
{
	background-position:	left bottom;
}


.formrow .survey
{
	display:				block;
	width:					138px;
	height:					30px;
	float:					right;
	text-indent:			-9999px;
	border:					0;
	background-image:		url(/images/buttons/send-survey.jpg);
	background-repeat:		no-repeat;
	background-position:	left top;
}

.formrow .survey:hover
{
	background-position:	left bottom;
}

/* 	TABLE-LIST,
	Table look Definition List */
dl.table-display {
	width: 					640px;
	margin: 				4px 0;
	padding: 				0;
}

.table-display dt {
	width: 					200px;
	float: 					left;
	margin: 				0 0 0 0;
	padding: 				5px;
	background-image: 		url(../images/elements/table-display-line.png);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;
}

/* commented backslash hack for mac-ie5 \*/
.table-display dt { clear: both; }
/* end hack */

.table-display dd {
	float: 					left;
	width: 					420px;
	margin: 				0 0 0 0;
	padding: 				5px;
	background-image: 		url(../images/elements/table-display-line.png);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;
}


.table-display.coupons dt {
	width: 					240px;
	cursor:					pointer;
}

.table-display.coupons dd {
	width: 					380px;
}

.table-display.coupons dt,
.table-display.coupons dd {
	height:					80px;
}

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

#footer
{
	position:					relative;
	height:						100px;
	text-align:					center;
	-webkit-text-size-adjust:	none;
}

#footer
{
	margin:					25px 30px 0 30px;
	background-image: 		url(/images/footer-background.jpg);
	background-repeat: 		repeat-x;
	background-position: 	left top;
}

#footer .left,
#footer .right
{
	display:				block;
	height:					97px;
	width:					470px;
}

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

#footer .right
{
	background-image: 		url(/images/footer-background-right.jpg);
	background-repeat: 		no-repeat;
	background-position: 	right top;
}

#footer .footerwrapper
{
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	z-index:				5;
}

#footer ul
{
	margin:					14px 0 12px 0;
	padding:				0;
	text-align:				center;
	list-style:				none;
}

#footer ul li
{
	display:				inline
}

#footer ul li,#footer ul li a
{
	margin:					0;
	padding:				0;
	list-style:				none;
}

#footer ul li,#footer ul li a
{
	color:			#292929;
}

#footer ul li a
{
	padding:				0 8px 0 13px;
	font-size:				10px !important;
	text-transform:			uppercase;
	background-image:		url(/images/footer-seperator.gif);
	background-repeat:		no-repeat;
	background-position:	left 3px;
	text-decoration:		none;
	font-size:				12px !important;
}

#footer ul li a:hover
{
	color:					#F00;
}

#footer ul li.first a
{
	background-image:	none;
}

#footer a.logo
{
	position:				absolute;
	display:				block;
	top:					40px;
	left:					0;
	height:					31px;
	width:					123px;
	background-image:		url(/images/logo-binder-small.png);
	background-repeat:		no-repeat;
	background-position:	left top;
	text-indent:			-9999px;
	z-index:				10;
}

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