﻿.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
} 

/**
.modalBackground
{
	Z-INDEX: 10000; 
	LEFT: 0px; 
	WIDTH: 1259px; 
	POSITION: fixed; 
	TOP: 0px; 
	HEIGHT: 1252px; 
}

.modalBackground{ background-image: url(../images/overlay.png); }

* html .modalBackground{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid XImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}

**/

.controlContainer
{
	text-align: right;
	padding: 0 17px 0 0;
	margin: 10px 0;
}

.gridContainer
{
	padding: 0 17px 0 20px;
}

.gridContainer table
{
	border-collapse: collapse;
	border-width: 1px;
	margin: 0 0 10px 0;
}
	.gridContainer table td, .gridContainer table th
	{
		padding: 2px 5px;
	}
	
.modalContainer
{
	background: #fff;
	border: 2px solid #153E74;
	padding: 10px;
}
	.modalContainer .buttonContainer
	{
		margin: 5px -10px -10px -10px;
		background: #A1C0DA;
		padding: 5px;
		display: block;
		position: relative;
		text-align: right;
	}
	
	.modalContainer td
	{
		padding: 2px 5px;
	}
	
	.modalContainer td.heading
	{
		background: #A1C0DA;
		color: #fff;
		font: normal bold 12px/1.2em Arial, sans-serif;
	}
	
	
.shipContainer
{
	float: left;
	margin: 0 15px 20px 0;
	width: 240px;
}
	.shipContainer div
	{
		padding: 15px 0 0 0;
		background: #A1C0DA;
		border: 1px solid #153E74;
		height: 170px;
	}
.summaryContainer
{
	float: left;
	width: 300px;
	margin: 0 0 20px;
}
	.summaryContainer div
	{
		padding: 15px 15px 0px 15px;
		background: #A1C0DA;
		border: 1px solid #153E74;
		height: 170px;	
	}
	.summaryContainer table
	{
		width: 100%;
	}
		.summaryContainer table th
		{
			padding: 2px 5px;
			font-weight: bold;
			text-align: left;
		}
		.summaryContainer table td
		{
			padding: 2px 5px;
			text-align: right;
		}
			.summaryContainer table tr.total th, .summaryContainer table tr.total td
			{
				font: normal bold 13px/1.2em arial, helvetica, sans-serif;
				border-top: 1px solid #153E74;
				padding-top: 10px;
			}
			.summaryContainer table tr.balance th, .summaryContainer table tr.balance td
			{
				padding-top: 20px;
			}
			.summaryContainer table tr.shipping th, .summaryContainer table tr.shipping td
			{
				padding-bottom: 20px;
			}

.conflict{
	margin: 5px;
	padding: 10px 10px 10px 35px;
	background: #ffffcc url(../images/notification/icon_conflict.gif) 10px 8px no-repeat;
	border: 2px solid #FF6936;
}
	.conflict p{
		margin: 0px;
		padding: 0px;
	}
	.conflict h4{
		color: #AC4623;
	}
	
#dashboardcontainer a{
	text-decoration:none;
	outline:none;
}
#dashboardcontainer{
	height:220px;
	margin-bottom:20px;
	width:600px;
}
.dashboarditem{
	background:url(../images/dashboard_title_bg.gif) top left no-repeat;
	width:225px;
	height:78px;
	float:left;
	margin:0 20px 0 10px;
}	
.dashboarditem p{
	padding-left:5px;
	width:180px;

}
.dashboarditem a{
	color:#000;
	font-weight:normal;
}
.dashboarditem h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin:0;
	height:30px;
}
.dashboarditem h3 a{
	padding:5px 10px 0px 42px;
	color:#fff;
	display:block;
	position:relative;
	top:3px;
	font-weight:bold;
}

.dashboarditem h3.import_po{
	background:url(../images/importpo.gif) top left no-repeat;	
}

.dashboarditem h3.favorites{
	background:url(../images/favorites.gif) top left no-repeat;	
}
.dashboarditem h3.specials{
	background:url(../images/specials4.gif) top left no-repeat;
}
.dashboarditem h3.express_add{
	background:url(../images/express_add.gif) top left no-repeat;
}
.dashboarditem h3.browse{
	background:url(../images/browse.gif) top left no-repeat;
}
.dashboarditem h3.reload{
	background:url(../images/reload.gif) top left no-repeat;
}	

#headerSearchContainer{
float:left;
height:78px;
margin:0 20px 0 10px;
width:220px;
}

#headerSearchContainer p
{
	margin:0px;
}

#dashboardcontainer div.headerSearch {
float:left;
height:36px;
margin-right:45px;
margin-left:40px;
position:relative;
}

#dashboardcontainer div.searchMain {
		float: left;
		width:540px;
		height: 110px;
		}
		
#dashboardcontainer .searchInputMain {
			width: 180px;
			margin: 5px 5px 0 0;
			height: 14px;
			float: left;
			padding: 2px;
			border:1px solid #ccc;
			background: transparent url(../images/vpl/input_back.gif) top left;
			}

#dashboardcontainer a.searchBtn{
	background:transparent url(../images/vpl/blackButtonA.gif) no-repeat scroll right top;
	display:block;
	float:left;
	line-height:16px;
	margin-top: 5px;
	padding: 0 10px 2px 0;

}

#dashboardcontainer a.searchBtn span {
background:transparent url(../images/vpl/blackButtonSpan.gif) no-repeat scroll 0 0;
display:block;
float: left;
height:20px;
padding-left: 10px;
line-height:16px;
color: #fff;
}