@import "toolTip.css";

* {
	margin:			0;
	padding:		0;
	outline:		none;
}

html, body {
	height:			100%;
}
body {
	text-align:		left;
	font-size:		12px;
	font-family:	Arial, Helvetica, sans-serif;
	line-height:	1.3em;
	color:			#fff;
	overflow:		-moz-scrollbars-vertical; /* Always show scroll in Firefox to prevent from jerking when changing to page without scroll */
	overflow-x:		auto;
}
#productSearch {
	background:		#999 url(../images/layout/bodyBkgFade.gif) repeat-x;
}

.l {
	background:		url(../images/layout/shadowL.png) 0 0 repeat-y;
	height:			100%;
	height: auto;
}
.r {
	background:		url(../images/layout/shadowR.png) 100% 0 repeat-y;
	height:			100%;
	height: auto;
}
.b {
	background:		url(../images/layout/shadowBLong.png) 0 100% no-repeat;
	padding-bottom:	11px;
}
.bl {
	background:		url(../images/layout/shadowBL.png) 0 100% no-repeat;
}
.br {
	background:		url(../images/layout/shadowBR.png) 100% 100% no-repeat;
}

#containerWrapper {
	position:		absolute;
	height:			100%;
/*	width:			942px;*/
	width:			991px;
	left:			50%;
/*	margin-left:	-471px;*/
	margin-left:	-490px;
}
#container {
	height:			100%;
	height: auto;
/*	width:			916px;*/
	width:			965px;
/*	width:auto;*/
	margin:			0 auto;
	background:		#fff;
/*	border:1px solid #0a0;*/
}
.inside {
	padding:		15px;
	padding-right:	23px;
}
img, .none {
	padding:		0;
	margin:			0;
	border:			0;
	text-decoration:none;
}
#header {
	padding:0;
	margin:0;
	position:		relative;
	width:			100%;
	height:			85px;
	background:		#000 url(../images/layout/headerBkg.jpg) no-repeat;
}
#header .logo {
	position:		absolute;
	top:			12px;
	left:			17px;
	width:			245px;
	height:			67px;
	background:		url(../images/layout/headerAlveniusLogo.gif) no-repeat;
}
#header .productSearch {
	position:		absolute;
	top:			18px;
	left:			292px;
	width:			227px;
	height:			45px;
	background:		url(../images/layout/headerProductSearch.gif) no-repeat;
}
#header .instructions {
	float:			right;
	margin-right:	18px;
	margin-top:		17px;
	font-size:		0.9em;
	line-height:	1.2em;
}
.instructions .h1 {
	font-weight:	bold;
	margin-bottom:	2px;
}
.instructions .p1 {
	float:			left;
	margin-right:	25px;
}
.instructions .p2 {
	float:			left;
}
#selection {
/*	border:1px solid #0a0;*/
	overflow:auto;
}
#steps {
	text-align:center;
	width:185px;
/*	border:1px solid #a00;*/
	float:left;
}
#steps select, select {
	margin-top:6px;
	width:170px;
/*	text-align:center;*/
	border:1px solid #aaa;
}
/*
#steps select .header {
	text-align:center;
}
*/
#steps div {
	height:32px;
}
#steps .selectStep1 {
	border-left:	1px solid #999;
}
#steps .selectStep2 {
	border-left:	1px solid #999;	
}
#steps .selectStep3 {
	border-left:	1px solid #999;	
	border-right:	1px solid #999;
}
#steps .selectStep4 {
color:#000;
	text-align:left;
	border-right:	1px solid #999;
	padding-left:7px;
	padding-top:6px;
	vertical-align:middle;
}

#footer {
	background:		#000;
	text-align:		center;
	font-size:		0.75em;
	width:			916px;
	margin:			0 auto;
	padding-bottom:	20px;
}
#footer a {
	text-decoration:none;
	color:			#666;
}

a:link,a:visited {
	text-decoration:underline;
	color:			#fff;
}
a:hover {
	text-decoration:none;
}

h1, .contentheading {
	font-size:		1.2em;
	font-weight:	bold;
}

h2.contentheading {
	font-size:		1em;
	font-weight:	bold;
}

#RFQ {
	margin-top:10px;
	color: #000;
	clear:both;
	width:100%;
/*	border:1px solid #a00;*/
	overflow:auto;
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom:2px solid #aaa;
}


#RFQ .RFQinputs {
	color: #000;
	text-align:right;
/*	border:1px solid #0a0;*/
	float:right;
/*	clear:both;*/
}
#RFQ .RFQinstructions {
/*	border:1px solid #00a;*/
	float:left;
}

#RFQ input, #RFQ textarea {
	text-align:		left;
	font-size:		12px;
	font-family:	Arial, Helvetica, sans-serif;
	line-height:	1.3em;
	color:			#000;

	width:150px;
	border:1px solid #000;
	font-size:1em;
	margin-bottom: 4px;
}
#RFQ textarea {
	vertical-align:top;
}
#btnRFQ {
	width:155px;
	height:32px;
}

.processSuccess {
	margin-top:8px;
	color:#0a0;
	font-weight:bold;
}
.processError {
	margin-top:8px;
	color:#a00;
	font-weight:bold;
}

#categoryContactWrapper {
	clear:both;
	overflow:auto;
	font:1em Tahoma,Arial,Helvetica,sans-serif;
	color:#000;
}

.productContainer {
/*	float:left;
	clear:both;*/
/*	width:900px;*/
	border:2px solid #aaa;
	padding:3px;
	margin-top:10px;
	overflow:auto;
	color:#000;
}

.productImage {
	width:50px;
	height:50px;
	border:1px solid #000;
	float:left;
	margin-right:2px;
}
.tableContainer {
/*	width:900px;*/
/*	width:auto;*/
/*	float:left;*/
	border:0px;
}

/* tables */
table.tablesorter {
	background-color: #CDCDCD;
	margin:0px;
/*	width:100%;*/
	text-align: left;
	border:0px;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	padding:0px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/layout/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	background-color: #FFF;
	vertical-align: top;
	white-space:nowrap;
}
table.tablesorter tbody td div {
	font-weight: normal;
/*	padding-left:5px;
	padding-right:5px;*/
}
table.tablesorter tbody tr.even td {
	background-color:#F0F0F6;
}
table.tablesorter tbody tr.over td {
/*table.tablesorter tbody tr.over td, table.tablesorter tbody tr:hover td {*/
	background-color:#FF9;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/layout/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/layout/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}
table.tablesorter thead tr th {
	padding-right:20px;
	padding-left:5px;
	white-space:nowrap;
}
table.tablesorter thead tr th.filler {
	padding:0px;
}
table.tablesorter th.NoOfItemsHeader {
	padding-right:5px;
}
table.tablesorter input.NoOfItems {
	border:1px solid #000;
	width:50px;
	height:14px;
	font-size:0.8em;
}
table.tablesorter th.empty {
	border:none;
	padding:0;
	margin:0;
	width:100%;
}

.login {
	position:fixed;
	bottom:0px;
	right:0px;
	margin:0px;
	padding:0px;
	text-decoration:none;
}