﻿/*-----------------------------------------------------------*/
/* -----------------------  JQModal css     -----------------*/
/*-----------------------------------------------------------*/
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
	display: none;
	position: fixed;
	top: 17%;
	left: 50%;
	margin-left: -400px;
	width: 800px;/* original styling:
    margin-left: -300px;
    width: 600px;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
*/
}
#modalWindowSmall {
	display: none;
	position: fixed;
	top: 17px;
	left: 50%;
	margin-left: -215px;
	width: 430px;
}
#modalWindowLarge {
	display: none;
	position: fixed;
	top: 2px;
	left: 50%;
	margin-left: -289px;
	width: 578px;
}
#modalWindowWC {
	display: none;
	position: fixed;
	top: 17%;
	left: 50%;
	margin-left: -215px;
	width: 430px;
}
a.jqmClose {
	text-decoration: none;
}
a.jqmClose:hover {
	text-decoration: none;
}
.jqmImg {
	margin-right: 10px;
}
.jqmOverlay {
	background-color: #000;
}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
 width: expression(this.parentNode.offsetWidth+'px');
 height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
	position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
*html #modalWindow {
	position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(($(window).height() - document.getElementById('modalWindow').clientHeight) / 2) + 'px');
}
*html #modalWindowSmall {
	position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(($(window).height() - document.getElementById('modalWindowSmall').clientHeight) / 2) + 'px');
}
*html #modalWindowLarge {
	position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + 2 + 'px');
}
*html #modalWindowWC {
	position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(($(window).height() - document.getElementById('modalWindowWC').clientHeight) / 2) + 'px');
}
*html #modalFlash {
	position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(($(window).height() - document.getElementById('modalFlash').clientHeight) / 2) + 'px');
}
/*-----------------------------------------------------------*/
/*-------------------  Overlay (modal window)  --------------*/
/*-----------------------------------------------------------*/


.overlayDiv {
	border: solid 3px #e6e6e6;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #fff;
}

.overlayDiv .arrowList li {
	background: transparent url(/assets/images/interface/linkArrowGrey.gif) no-repeat scroll 0px 5px;
	display: block;
	margin: 0px;
	padding: 2px 0px 4px 15px;
	color: #232323;
	text-decoration: none;
}

.overlayDark {
	background-color: #181818;
}

.overlayDiv h1 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
}

.overlayDiv h1 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
}

.overlayDiv h2 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
}

.overlayDiv h3 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}

.overlayDiv h4 {
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

.overlayDark h1 {
	color: #fff;
}

.overlayInner {
	border: solid 1px #888;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.overlayHeader {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 9px;
	text-transform: uppercase;
	
	line-height: 25px;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	height: 25px;
	padding-left: 16px;
	padding-right: 8px;
	
	background: #181818;
	color: #6d6d6d;
}

.overlayHeader div,
.overlayHeader a {
	font-size: 10px;
}

.overlayDark .overlayHeader {
	background: #fefefe;
	color: #6d6d6d;
	border-bottom: solid 1px #888;
}

.overlayDark .overlayHeader div,
.overlayDark .overlayHeader a {
	color: #6d6d6d;
}

.overlayHeader a.jqmClose {
	display: block;
	float: left;
	background: transparent url(/assets/images/profile/remove_x.gif);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 18px;
	color: #6c6c6c;
}

.overlayHeader a.jqmClose:hover {
	color: #aaa
}

.overlayDark .overlayHeader a.jqmClose {
	display: block;
	float: left;
	background: transparent url(/assets/images/interface/remove_x_white_bg.gif);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 18px;
}

.overlayDark .overlayHeader a.jqmClose:hover {
	color: #000
}

.overlayContentQuicklook,
.overlayDiv .pad16 {
	padding: 16px;
}

.overlayDiv .inputWrap {
	background: transparent url(/assets/images/interface/input_white_293_bg.gif) top left no-repeat;
	width: 293px;
	height: 24px;
	margin-top: 4px;
}

.overlayDiv .inputWrap input,
.overlayDiv .inputWrap select {
	font-size: 9px;
	color: #232323;
	background-color: transparent;
	border: none;
	margin: 5px 0px 0px 5px;
	padding-right: 3px;
	width: 285px;
}

.overlayDiv .inputWrap select {
	background-color: #fff;
}

.overlayDiv .inputWrapStandard {
	background: transparent url(/assets/images/interface/input_white_193_bg.gif) top left no-repeat;
	width: 193px;
}

.overlayDiv .inputWrapStandard input,
.overlayDiv .inputWrapStandard select {
	width: 185px;
}

.overlayDiv .validator {
	color: #c31f1f;
	font-weight: bold;
	font-size: 10px;
	margin-top: 4px;
}

.overlayDiv a.smallLink {
	color: #666;
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
}

.overlayDiv a.smallLink:hover {
	color: #aaa;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
}

.overlayDiv .quicklookPrice {
	font-family: Times New Roman, Times, Garamond, Serif;
	font-size: 10px;
	color: #d8d5d5;
	padding-top: 8px;
}

.overlayDiv .quicklookHeader {
	padding-bottom: 16px;
	border-bottom: solid 1px #292929;
	position: relative;
}

.overlayDiv .productThListBtn {
	margin-left: 8px;
	float: right;
}

.overlayDiv .productThListMenu {
	background: #161616 url(/assets/images/products/product_listing_menu_bg.gif) top left no-repeat;
	
	width: 145px;
	/* height: 126px; */
	height: 118px;
	padding-top: 8px;
	
	position: absolute;
	top: 0px;
	right: 0px; /* right: 22px; */
	display: none; /* display: block; */
	
	border: solid 3px #e6e6e6;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.overlayDiv .productThListMenu a {
	background: #fff url(/assets/images/products/product_listing_menu_btn.gif) top left no-repeat;
	display: block;
	width: 130px;
	height: 35px;
	line-height: 35px;
	margin: 0px auto 3px auto;
	color: #515151;
	text-align: center;
	font-size: 10px;
}

.overlayDiv .productThListMenu a:hover {
	background: #f9f6e4 url(/assets/images/products/product_listing_menu_btn_over.gif) top left no-repeat;
	color: #7b7b77;
}

.quicklookBottom .prodDownloads {
	padding-bottom: 16px;
	border-bottom: solid 1px #292929;
}

.quicklookBottom h3 {
	padding-top: 16px;
	padding-bottom: 3px;
	color: #fff;
	font-weight: bold;
}

.quicklookImgPreviews {
	background: #f0f0f0;
	margin: 8px 8px 8px 0px;
	padding: 0px;
	width: 359px;
	
	border: solid 3px #f0f0f0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.quicklookImgPreviews img {
	border: solid 1px #ddd;
}


.quicklookImgPreviews .quicklookImgDiv {
	float:left;
}

.quicklookImgPreviews .quicklookColors {
	margin-left: 3px;
	width: 22px;
	float: left;
}

.quicklookImgPreviews .quicklookColors img {
	margin-bottom: 1px;
}

.overlayDark p {
	color: #fff;
}

#compareWrap
{
	/* height:365px; */
}

#compareWrap #compareGrid
{
	width:576px;
	/* height:355px; */
	margin:10px;
	padding:0 0 0 0;
	float:left;
	overflow:auto;
	border:solid 1px #dbdbdb;
}

#compareWrap #compareGrid ul.productGrid
{
	margin:0 0 0 0px;
	padding:0 0 0 0;	
}

#compareWrap #compareGrid ul.productGrid li
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*height:183px;*/
	height: 194px;
	width:143px;
	float:left;
	border-bottom:solid 1px #dbdbdb;
	border-right:solid 1px #dbdbdb;
	display:block;
	background: #fff;
}

#compareWrap #compareGrid ul.productGrid li div.unselected
{
	border:solid 5px #ffffff;
	/*height:173px;*/
	height: 184px;
	display:block;
	cursor:pointer;
}

#compareWrap #compareGrid ul.productGrid li div.selected
{
	border:solid 5px #7ac142;
	/*height:173px;*/
	height: 184px;
	display:block;
	cursor:pointer;
}

#compareWrap #compareGrid ul.productGrid li p
{
	margin:25px 5px 0 5px;
	padding:0 0 0 0;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:9px;
	font-weight:bold;
	color:#181818;	
}

#compareWrap #compareGrid ul.productGrid li img
{
	margin:0 0 0 10px;
}

#compareWrap #compareInfo
{
	width:180px;
	float:left;
}

#compareWrap #compareInfo #compareInstructions
{
	margin:15px 0 0 0;
	padding:0 0 0 0;
	/*
	background:url(../assets/images/bottomLeftCorner.gif) no-repeat bottom left;
	height:250px;
	*/
}

#compareWrap #compareInfo #compareInstructions p
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:11px;
	/*
	margin:0 15px 20px 15px;	
	*/	
}

#compareWrap #compareInfo #compareAction
{
	margin:25px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	/*background: transparent url(/assets/images/compareSelectedBtn_over.gif) top left no-repeat; */
	width: 108px;
	height: 43px;
	color: #181818;
}

#compareWrap #compareInfo #compareAction a
{
	color: #181818;
}

/* ****** FROM AMSTD


.overlayTop {
	background: url("../assets/images/overlay/overlayT.gif") top repeat-x;
}
.overlayHeader {
	background: #1f1f1f;
	font-size: 8pt;
	color: #fff;
	line-height: 25px;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	height: 25px;
	padding-left: 9px;
	padding-right: 14px;
}
.overlayMiddle {
	background: url("../assets/images/overlay/overlayM.gif") top repeat-x;
}
.overlayContentLeft {
	background: url("../assets/images/overlay/overlayCL.gif") top repeat-y;
}
.overlayContent {
	background: #fff;
}
.overlayContentLogin {
	padding-top: 27px;
	padding-bottom: 31px;
	padding-left: 33px;
}
.overlayContentRegister {
	padding-top: 27px;
	padding-bottom: 31px;
}
.overlayContentBenefits {
	padding-top: 37px;
	padding-right: 33px;
	padding-bottom: 31px;
	font-size: 10px;
	color: #5d5d5d;
}
.overlayContentRetrieve {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 33px;
}
.overlayContentBenefits p {
	padding-top: 8px;
}
.overlayContent h1 {
	font-weight: 800;
	font-size: 2.4em;
	line-height: 1.2em;
	color: #000;
	letter-spacing: -1px;
	text-decoration: none;
	word-spacing: normal;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
.overlayContent h2 {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #000;
	letter-spacing: 0px;
	text-decoration: none;
	word-spacing: normal;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
.overlayContentRight {
	background: url("../assets/images/overlay/overlayCR.gif") top repeat-y;
}
.overlayBottom {
	background: url("../assets/images/overlay/overlayB.gif") top repeat-x;
}


/* quicklook specific */


/*

.overlayContentQuicklook {
	padding: 15px;
}
.overlayContent h1.quicklookH1 {
	margin: 0px 0px 13px 0px;
	font-size: 19px;
	line-height: 22px;
}
.overlayContent h2.quicklookH2 {
	margin: 0px;
}
.quicklookHeader {
	background: url("../assets/images/overlay/quicklookHeaderBack.jpg") no-repeat bottom right;
	min-height: 80px;
	padding-bottom: 5px;
}
.quicklookMiddle {
	padding-left: 3px;
}
.quicklookMbuttons {
	background: url("/assets/images/overlay/quicklookMidSpacer.jpg") no-repeat center right;
	padding-top: 20px;
	width: 250px;
	height: 65px;
	float: left;
}
.quicklookMviewButton {
	float: right;
	padding-top: 14px;
}
.quicklookBottom {
	background: url("../assets/images/overlay/quicklookBottomBack.jpg") no-repeat top right;
	min-height: 80px;
	padding-top: 18px;
}
.quicklookImage {
	border: solid 1px #cacaca;
}
.quicklookBottom h3 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight:800;
	font-size:10px;
	color:#9e9e9e;
}
.quicklookBottom ul.prodDownloads {
	margin: 0px;
	padding:10px 0 0 20px;
}
.quicklookBottom ul.prodDownloads li {
	border-bottom:none;
	padding:0px 0px 0px 3px;
}


/* technical search window specific */


/*

.overlayContentTechSearch {
	padding: 24px 25px 20px 25px;
}
.overlayContentTechSearch h1 {
	font-size: 11pt;
	font-weight: bold;
	letter-spacing: normal;
	color: #1f1f1f;
	margin: 0px;
	padding: 0px 0px 12px 0px;
}
.overlayContentTechSearch p {
	font-size: 9pt;
	font-weight: normal;
	color: #6d6d6d;
	margin: 0px;
	padding: 0px;
}
.techDocSearchBox {
	background: url("../assets/images/overlay/techDocSearchBoxBack.gif") repeat-y;
	padding: 16px 8px 15px 9px;
}
.techDocSearchBox h2 {
	font-size: 10px;
	font-weight: bold;
	letter-spacing: normal;
	color: #353535;
	padding: 0px 0px 6px 0px;
	margin: 0px;
}
.techDocSearchBox input.txtInput {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: normal;
	color: #777;
	border: solid 1px #d7d7d7;
	margin: 0px;
	padding: 2px;
	width: 240px;
}
.techDocSearchBox #techDocSearchValidationMsg {
	display: none;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: normal;
	color: #f00;
	padding-top: 6px;
}


/* cross ref specific */


/*
.techDocSearchBox #crossRefValidationMsgW {
	display: none;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: normal;
	color: #f00;
	padding-top: 6px;
}
#ddlManufacturerW {
	width: auto;
	height: auto;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: normal;
	color: #777;
	border: solid 1px #d7d7d7;
	margin: 0px 0px 11px 0px;
	padding: 1px;
}

/*
.quicklookBottom li.dwgIcon
{
	list-style-image:url(../assets/images/dwgIcon.gif);
}

.quicklookBottom li.pdfIcon
{
	list-style-image:url(../assets/images/pdfIcon.gif);
}
*/


/*


.quicklookBottom ul.prodDownloads li a {
	text-decoration:none;
}
.jqmWindow h1 {
	display: block;
	visibility: visible !important;
	font-size: 16px !important;
	font-weight: lighter;
	color: #FFF;
	letter-spacing: normal;
}
.jqmWindow h2 {
	display: block !important;
	visibility: visible !important;
	font-size: 14px !important;
	font-weight: lighter !important;
	color: #F5B21D !important;
	letter-spacing: normal !important;
	padding: 0px !important;
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 5px !important;
	margin-left: 0px !important;
}
.jqmWindow h3 {
	display: block;
	visibility: visible !important;
}
.jqmWindow h4 {
	display: block;
	visibility: visible !important;
}
.jqmWindow h5 {
	display: block;
	visibility: visible !important;
}
.jqmWindow .divider  {
	background-image: url(../assets/images/interface/divider.png);
	height: 2px;
	background-repeat: repeat-x;
	margin-right: 3px;
}
.jqmWindow .content_start {
	background-image: url(../assets/images/interface/left_content_container_start.gif);
	background-repeat: repeat-x;
	margin-right: 3px;
	margin-left:1px;
	background-position: top;
	padding: 20px;
}
.jqmWindow li{
	margin-bottom: 5px;
}
*/
