/* htdocs/dpsweb/plumbing.com/pro_popup.css
   $Id: pro_popup.css,v 1.4 2009/07/14 14:58:32 dferruggia Exp $ */

/* Normal popup CSS */
#overlay { /*opacity filter for IE is located as a conditional statement in stdBody.tpl.html*/
    position:absolute;
    z-index:200;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:#000;
    -moz-opacity:0.6;
    opacity:0.6;
}
#box {
	color:#FFF;
	width:560px;
	height:345px;
	background:#4a6b8d;
	border:5px solid #dbedfe;
}
#box p {
	font-size:11px;
}
.box_button {
	margin-top:7px;
}
a.box_link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#dbedfe;
	text-decoration:underline;
}
a.box_link:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#dbedfe;
	text-decoration:underline;
}
a.box_link:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#dbedfe;
	text-decoration:underline;
}
a.box_link:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#dbedfe;
	text-decoration:underline;
}
a.box_link:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#dbedfe;
	text-decoration:underline;
}
#boxcontent {
	width:530px;
	height:320px;
	margin:auto;
	text-align:center;
	padding-top:8px;
}
.boxwarning {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	background:#000;
	padding:2px 4px;
}
#boxoptions {
	width:450px;
	margin:15px auto 10px auto;
	text-align:left;
}
#boxleft {
	width:195px;
	padding-right:20px;
	background:url(/build.com/images/boxseperator-vert.gif) repeat-y right;
	float:left;	
}
#boxright {
	width:215px;
	float:right;
}
.boxheading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
.box_login_email {
	padding:1px;
	width:118px;
	height:13px;
	margin:0;
	margin-bottom:5px;
	font-size:11px!important;
	font-weight:normal;
	color:#666;
}
#box_login_password {
	padding:1px;
	width:118px;
	height:13px;
	margin:0;
	margin-bottom:5px;
	font-size:11px!important;
	font-weight:normal;
	color:#666;
}
.box_login_submit {
	padding:0 3px;
	margin:0;
	margin-bottom:5px;
	font-size:11px!important;
	font-weight:bold;
	text-align:center;
	height:20px;
}
#close {
	position:absolute;
	top:2px;
	right:2px;
	cursor:pointer;
	z-index:15;
}

/* Product Detail Popup CSS */
#boxproduct {
	color:#FFF;
	width:560px;
	height:215px;
	background:#4a6c8d;
	border:5px solid #d1e4f6;
}
#boxproduct p {
	font-size:11px;
}

/* Image Enlarge CSS */
#boxenlarge {
	color:#FFF;
	width:530px;
	height:530px;
	background:#BBB;
	z-index: 1000;
	position: absolute;
}
.boxenlargeshadow {
	background:#BBB;
	z-index:9;
	position:absolute;
	top:-1px;
	left:-1px;
	opacity:0.3;
	filter:alpha(opacity=30);
}
#boxenlargecontent {
	width:500px;
	height:500px;
	margin:auto;
	position:absolute;
	text-align:center;
}
#boxenlargecontent table {
	background:#575757;
	position:absolute;
	bottom:5px;
	right:5px;
	z-index:14;
}
#boxenlargecontent table span {
	vertical-align:middle;
}
#boxenlargecontent td {
	padding:5px 4px 5px 4px;
}
#boxenlargecontent a, #boxenlargecontent a:link, #boxenlargecontent a:visited, #boxenlargecontent a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#c5c5c4;
	text-decoration:none;
}
#boxenlargecontent a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#c5c5c4;
	text-decoration:underline;
}
#boxenlargecontent #boxenlargeimgA,
#boxenlargecontent #boxenlargeimgB
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:11;
	background-repeat:no-repeat;
	background-position:center center;
}
#boxenlarge a#prevImg, #boxenlarge a#prevImg:link, #boxenlarge a#prevImg:hover, #boxenlarge a#prevImg:active, #boxenlarge a#prevImg:visited, #boxenlarge a#prevImg:focus, 
#boxenlarge a#nextImg, #boxenlarge a#nextImg:link, #boxenlarge a#nextImg:hover, #boxenlarge a#nextImg:active, #boxenlarge a#nextImg:visited, #boxenlarge a#nextImg:focus {
	border:0;
	text-decoration:none;
	outline:none;
	position:absolute;
	top:0px;
	display:block;
	opacity:0.1;
	filter:alpha(opacity=10);
	z-index:13;
	size:1px;
	font-weight:normal;
	padding:0;
	margin:0;
	color:#BBB;
}
#boxenlarge a#prevImg {
	left:0px;
}
#boxenlarge a#nextImg {
	right:0px;
}
.boxenlargebutton {
	margin-left:10px;
	vertical-align:middle;
}
#boxenlargecontent span {
	color:#fff;
}