@import url(/resources/css/cssReset.css);


body
{
	font-family: Arial, sans-serif;
	font-size: 13px; 
	line-height: 18px;
	background-color: #fff;
	color: #3C4147;
}

a { display: inline-block; }
a:link, a:visited
{
	color: #5E6770;
	text-decoration: none;
}
a:hover, a:active
{
	color: #A7001F;
	text-decoration: none;/*underline;*/
	background-color: #F8F9FB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a img { vertical-align: bottom;  }


h1
{
	font-size: 16px;
	line-height: 100%;
	margin-bottom:6px;
	color: #A7001F;
	overflow:visible;
}

h2
{
	font-size: 14px;
	line-height: 100%;
	margin-bottom:3px;
	color: #A7001F;
	font-weight: 400;
}

h3
{
	font-size: 13px;
	line-height: 100%;
	margin-bottom:1px;
	color: #A7001F;
	font-weight: 400;
}

h4
{
	font-size: 12px;
	line-height: 100%;
	color: #4D545B;
}


/* ************************************
*	Global sections
*************************************** */
/*
	Page Header
*/	
#fixedWidthWrapper
{
	width: 960px;
	max-width: 960px;
	min-width: 960px;
	position: relative;
	margin: 0 auto;
}
#pageHeader 
{
	margin: 0 0 12px 0;
}
#topHeaderLine 
{
	height: 96px;
	min-height: 72px;
}
#primaryLogo
{
	position: absolute;
	top: 28px;
	left: 10px;
	width: 204px;
	height: 58px;
	background: transparent url(/resources/images/logo-Surgipath.png) no-repeat;
    }
    #primaryLogo a { border: none; display: block; width: 204px; height: 58px; background-color: Transparent; }
#secondaryLogo  
{
	position: absolute;
	top: 5px;
	right: 7px;
	width: 72px;
	height:43px;
	background: transparent url(/resources/images/logo-LeicaMicro.png) no-repeat; 
	}    
	#secondaryLogo a { border: none; display: block; width: 72px; height: 43px; background-color: Transparent; }
#searchBox
{
	position: absolute;
	top: 60px;
	right: 10px;
	width: 400px;
	text-align: right;
	vertical-align: middle;
	}
	#searchBox .searchTextBox
	{
		border:1px solid #D8D8D9;
		font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		font-size:12px;
		line-height: 12px;
		padding:3px; /* IE6 */
		margin: 0;
		width: 180px;
		vertical-align: middle;
	}
	#searchBox .searchButton 
	{
	    display: inline-block;
	    background-image:url(/resources/images/icon-SearchArrow.png);
	    background-repeat:no-repeat;
	    background-position: 4px center;
		background-color: #F8F9FB;
		border:1px solid #D8D8D9;
		font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		font-size:10px;
		line-height: 12px;
		text-transform:uppercase;
		text-decoration:none;
		color:#4D545B;
		cursor:pointer;
		width:auto;
		overflow:visible;
		padding:3px 3px 3px 16px; /* IE6 */
		margin: 0 0 0 4px;
		vertical-align:middle;
	}
	#searchBox .searchButton:hover {
		background-color: #D8D8D9;
		border:1px solid #A0A5AC;
		color: #3C4147;
	}
	

#mainNavigation 
{
	font-size: 14px;
	line-height: 100%;
	}
	#mainNavigation ul { display: block; }
#pageNavigation
{
	list-style: none;
	padding: 4px 0;
	margin: 0 0 0 10px;
	}
	#pageNavigation li { float: left; margin-right: 10px; }
	#pageNavigation a 
	{
		margin: 0 16px 0 0;
		padding: 4px 0;
		display: block;
		background-color: Transparent;
	}
	#pageNavigation .current { font-weight:bold; color: #A7001F;}
#conciergeNavigation 
{
	list-style: none;
	float: right;
	padding: 4px 0;
	margin: 0 10px 0 0;
	}
	#conciergeNavigation li { float: left; display: block; }
	#conciergeNavigation a
	{
		margin: 0 0 0 16px;
		padding: 4px 0;
		display: block;
		background-color: Transparent;
	}
	.myItemList { background: transparent url(/resources/images/icon-ItemList.png) no-repeat left center; padding-left: 18px !important; }
	.myItemList span { font-style: italic; }
	.regionalSelector {
		position: relative;
		z-index: 900;
		margin: 0 0 0 32px; 
		display: block; 
		background-color: Transparent; 
		}
		.regionalSelector .trigger 
		{ 
			color: #A7001F; 
			background: transparent url(/resources/images/icon-GlobalMap.png) no-repeat left center; 
			padding-left: 42px !important; 
			display: block;
			padding: 4px 0; 
			cursor: pointer;
		}
		.regionalSelector .regionalLanguage { display:inline; color: #5E6770; }

	.regionalSelectorPopup {
		position: absolute;
		z-index: 999;
		display: none; /* keeps the popup hidden if no JS available */
		padding: 12px;
		background: #fff url(/resources/images/regionSelectorMap.png) no-repeat 10px 10px;
		border: solid 10px #D8D8D9;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		width: 553px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		line-height: 140%;
	}	
	#regionalPopupSelectorText
	{
		width: 240px;
		margin-left: 310px;
		}
		#regionalPopupSelectorText ul { margin-top: 16px; }
		#regionalPopupSelectorText li
		{
    		line-height:100%;
    		display: block;
    		float: none;
		}
		#regionalPopupSelectorText li a
		{
			margin: auto -4px;
			padding: 4px;
		}
		#regionalPopupSelectorText li a:link, #regionalPopupSelectorText li a:visited
		{
			color: #A7001F;
			text-decoration: none;
		}
		#regionalPopupSelectorText li a:hover, #regionalPopupSelectorText li a:active
		{
			color: #A7001F;
			text-decoration: none;/*underline;*/
			background-color: #F8F9FB;
		}    
		#regionalPopupSelectorText li a span
		{
			color: #A0A5AC;
			font-style: italic;
		}
		#regionalPopupSelectorMap
		{
			position: absolute;
			top: 10px;
			left: 10px;
		}
	
	.pageHeadingPhoto { margin: 0 0 16px 0; }

.masterAdminToolbar { background-color: #A7001F; padding: 2px 6px 2px 6px; border-bottom: solid 1px #333; }
.adminLoggedInNotice { color: #fff; font-size: 12px; float: left; }
.adminMasterToolbarButtons { float: right; }
	
	
/*
	Page Footer
*/		
#pageFooter 
{
	clear:both;
	margin: 36px 0 0 0;
	font-size: 10px;
	line-height: 110%;
	padding: 0 10px 0 10px;
	}
	#pageFooter .solid1pxLine 
	{
		margin: 0 -10px 12px -10px;
	}
#footerLinks 
{
	list-style: none;
	float: left;
	color: #D8D8D9;
	padding: 4px 0;
	}
	#footerLinks li { float: left; vertical-align: middle; }
	#footerLinks a
	{
		margin: -4px;
		padding: 4px;
		display: block;
	}
	#footerLinks span
	{
		margin: 0 8px;
		padding: 3px 0;
	}
	
	

/*
	Breadcrumbs
*/		
#breadcrumbs
{
    color: #A7001F;
    font-size: 10px;
	line-height: 150%;
    margin-left: 10px;
    vertical-align: middle;
    }
    #breadcrumbs a { vertical-align: middle; display: inline-block; margin: -4px; padding: 4px;}
    #breadcrumbs a:link, #breadcrumbs a:visited { color: #A7001F; }
    #breadcrumbs a:hover, #breadcrumbs a:active { color: #A7001F; }
    #breadcrumbs span { vertical-align: middle; display: inline-block;margin: -4px; padding: 4px;}
    #breadcrumbs .youAreHere { color: #3C4147; }



/*
	1-column layout wrapper
*/
#oneColWrapper
{
	padding: 0 10px;
	margin: 10px 0;
}



/*
	2-column layout wrapper
*/		
#twoColWrapper
{
    margin-top: 10px;
}

/*
	2-column Layout #1  -- sidebar on the left, main column on the right --
*/		
#sidebarLayout1
{
    width: 170px;
    float: left;
    color: #4D545B;
    font-size: 12px;
    line-height: 130%;
    }
    #sidebarLayout1 ul { margin-bottom: 20px; }
    #sidebarLayout1 li { vertical-align: middle; display: block; }
    #sidebarLayout1 a { padding: 3px 10px; display: block; }
    #sidebarLayout1 a:link, #sidebarLayout1 a:visited { color: #4D545B; }
    #sidebarLayout1 a:hover, #sidebarLayout1 a:active { color: #A7001F; }
	#sidebarLayout1 .current { font-weight:bold; color: #A7001F;}

#mainColumnLayout1
{
    width: 760px;
    margin-left: 180px;
    padding:0 10px;
    }	
	

/*
	2-column Layout #2  -- sidebar on the right, main column on the left --
*/		
#sidebarLayout2
{
    width: 180px;
    float: right;
    color: #4D545B;
    font-size: 12px;
    line-height: 130%;
    }
    #sidebarLayout2 ul { margin-bottom: 20px; }
    #sidebarLayout2 li { vertical-align: middle; display: block; }
    #sidebarLayout2 a { padding: 3px 10px; display: block; }
    #sidebarLayout2 li a { display:block; }
    #sidebarLayout2 a:link, #sidebarLayout2 a:visited { color: #4D545B; }
    #sidebarLayout2 a:hover, #sidebarLayout2 a:active { color: #A7001F; }

#mainColumnLayout2
{
    width: 760px;
    padding:0 10px;
    }	
	

/*
	2-column Layout #3  -- sidebar on the right (wider than normal), main column on the left --
*/		
#sidebarLayout3
{
    width: 340px;
    float: right;
    color: #4D545B;
    font-size: 12px;
    line-height: 130%;
    }
    #sidebarLayout3 ul { margin-bottom: 20px; display: block; }
    #sidebarLayout3 li { vertical-align: middle; padding: 3px 0;}
    #sidebarLayout3 a { margin: -4px; padding: 4px; }
    #sidebarLayout3 li a { display:block; }
    #sidebarLayout3 a:link, #sidebarLayout3 a:visited { color: #4D545B; }
    #sidebarLayout3 a:hover, #sidebarLayout3 a:active { color: #A7001F; }
	#sidebarLayout3 p a { font-size: 12px; line-height:150%; margin:0; padding:0;  }
    #sidebarLayout3 h3 { margin-bottom: 6px; }
	#sidebarLayout3 .fullWidthLinks a { background-image: url(/resources/images/icon-ReadMoreArrow.png); background-position: 4px center; background-repeat: no-repeat; padding-left: 16px; }

#mainColumnLayout3
{
    width: 580px;
    padding:0 10px;
    }	
	
	
	
	
/* ************************************
*	Pages
*************************************** */
/*
	Home Page
*/	
#introSlideShow 
{
	margin: 24px 0;
}
  
#homepageInfoBuckets 
{
    position: relative;
    margin-bottom: 60px;
    font-size: 12px;
    line-height: 140%;
}

#newsAndEvents
{
    position: absolute;
    top:0;
    right:0;
    width: 350px;
    padding: 0 10px 0 0;
    }
    #newsAndEvents .readMore { margin: 0 0 12px 0; }

#newsBlock, #eventsBlock { height: 6em; min-height: 6em; margin-bottom: 12px; }


#homepageRegionSelector
{
    position: relative;
    width:553px;
    border-right: solid 1px #D8D8D9;
    padding: 0 0 0 10px;
    }
    #homepageRegionSelector ul 
    { margin-top: 16px; }

#regionSelectorText
{
    width: 230px;
    }
    #regionSelectorText li
    {
    	line-height:100%;
    	float: none;
    }
    #regionSelectorText li a
    {
        margin: auto -4px;
        padding: 4px;
    }
    #regionSelectorText li a:link, #regionSelectorText li a:visited
    {
	    color: #A7001F;
	    text-decoration: none;
    }
    #regionSelectorText li a:hover, #regionSelectorText li a:active
    {
	    color: #A7001F;
	    text-decoration: none;/*underline;*/
    }    
    #regionSelectorText li a span
    {
        color: #A0A5AC;
        font-style: italic;
    }
	

#regionSelectorMap
{
    position: absolute;
    top: 0;
    left: 250px;
}
	

/*
	About Us Page
*/
#aboutUsContent .section { display: block; margin-bottom: 1.5em; }

/*
	About Us > News Page
*/
#newsArticleList 
{
	margin-top: 16px;
	}
	#newsArticleList li
	{
		border-bottom: solid 1px #D8D8D9;
	}
	#newsArticleList li a { padding: 10px 6px; }
	#newsArticleList .newsDate { font-size: 12px; font-style:italic; font-weight: 200; padding-right: 8px;}

#newsArticleList h2
{
	font-size:15px;
	font-weight: 200;
	line-height:120%;
	padding: 3px 0 1px 0;
}


/*
	About Us > News > News Story Page
*/
#newsArticle
{
	margin-top: 16px;
	}
	#newsArticle h2
	{
		font-size:17px;
		font-weight: 200;
		line-height:120%;
		margin-bottom: .8em;
		border-bottom: solid 1px #D8D8D9;
		padding-bottom: 3px;
	}
	#newsArticle .newsDate { float: right; text-align:right; font-size: 12px; font-style:italic; font-weight: 200; margin:0; padding:0; }

#newsPhotoGallery 
{
	float: right;
	padding: 12px;
	background-color: #fff;
	max-width: 280px;
	}
	#newsPhotoGallery div.newsGallery
	{
		background-color: #F8F9FB;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 12px;
	}
	#newsPhotoList { font-size: 0;}
	#newsPhotoList li { display: inline; margin:0; padding:0; }
	#newsPhotoList li img { margin:0; padding:0; display: inline-block; border: solid 1px transparent; }
	#newsPhotoList li a { padding: 0; margin: 0; display: inline; }



/*
	About Us > Events Page
*/
#eventsList 
{
	margin-top: 16px;
	}
	#eventsList li
	{
		border-bottom: solid 1px #D8D8D9;
	}
	#eventsList li { padding: 10px 6px; }
	#eventsList .newsDate { font-size: 12px; font-style:italic; font-weight: 200; padding-right: 8px;}

#eventsList h2
{
	font-size:15px;
	font-weight: 200;
	line-height:120%;
	padding: 3px 0 1px 0;
}



/*
	About Us > Careers Page
*/
#careersList 
{
	margin-top: 16px;
	}
	#careersList li  
	{
		border-bottom: solid 1px #D8D8D9; 
		font-size:14px;
		font-weight: 200;
		line-height:120%;
		padding: 0;
	}
	#careersList li a { padding: 10px 6px; }
	#careersList .postingDate { font-style:italic; font-weight: 200; }


/*
	About Us > Careers > Career Detail Page
*/
#careerDetail
{
	margin-top: 16px;
	}
	#careerDetail h2
	{
		font-size:17px;
		font-weight: 200;
		line-height:120%;
		margin-bottom: .8em;
		border-bottom: solid 1px #D8D8D9;
		padding-bottom: 3px;
	}
	#careerDetail .postingDate { float: right; text-align:right; font-size: 12px; font-style:italic; font-weight: 200; margin:0; padding:0; }
	#careerDetail a.jobApp
	{
		background-image: url(/resources/images/icon-PDF.png);
		background-repeat: no-repeat;
		background-position: 4px center;
		padding: 2px 10px 2px 26px;
	}







	
/*
	Products Page
*/
#productCategoryHeaderBlock
{
	border: solid 1px #D8D8D9;
	position: relative;
	background-color: #F8F9FB;
	margin:0;
	padding:0;
	}
	#productCategoryHeaderBlock table { width: 100%;  }
	#productCategoryHeaderBlock .categoryPhoto
	{
		min-width: 280px;
		min-height: 160px;
		vertical-align:top;
	}
	#productCategoryHeaderBlock .offsetRoundedCorner
	{
		position: absolute;
		top: -1px;
		left: -1px;
		background-color: Transparent;
	}
	#productCategoryHeaderBlock .categoryDescription
	{
		width: 100%;
		vertical-align: middle;
		padding: 0 40px;
		font-size: 13px;
		line-height: 150%;
		color: #5E6770;
	}
#productCategoryDescription h1 { margin-top: 28px; }
#productPageCategoryList, #productPageSubCategoryList, #productPageProductsList
	{ 
		color: #5E6770;
		font-size: 11px;
		line-height: 120%;
	}
	#productPageCategoryList { width: 530px; }
	#productPageCategoryList li { margin-bottom: 6px; }
	
	.categoryLink
	{
		display: block;
		padding: 10px 4px;
		margin: -4px;
		}
		.categoryLink h2 { font-size: 15px; line-height: 120%; font-weight: 200; }
		.categoryLink p { line-height: 130%; }
	
	.subCategoryLink
	{
		display: block;
		padding: 4px 4px 4px 16px;
		margin: -4px;
		font-size: 13px; line-height: 135%;
		background-image: url(/resources/images/icon-ReadMoreArrow.png); 
		background-position: 4px center; 
		background-repeat: no-repeat; 
	}
	
	#productPageProductsList { border-top: solid 1px #D8D8D9; margin-top: 16px; }
	#productPageProductsList li { border-bottom: solid 1px #D8D8D9; }

#linedTextBlock 
{
	border-top: solid 1px #e9e9e9;
	margin-bottom: 12px;
	}
    #linedTextBlock, #linedTextSample
    {
        font-size:14px;
        line-height: 190%;
        vertical-align: middle;
        color: #5E6770;
    }
    #linedTextBlock p { padding-bottom: 3px; }
    
.readMoreAboutProduct 
{
    vertical-align: middle;
    font-size: 9px;
	line-height: 100%;
	margin-left: 6px;
    padding: 4px;
    color: #A7001F;
    background: transparent url(/resources/images/icon-ReadMoreArrow.png) no-repeat left  center;  padding-left: 12px !important;
}    	





/*
	Product Detail Page
*/
.productDetailPageOutline
{
	/*border: solid 1px #A0A5AC;
	width: 758px !important;*/
}

.productName
{
	 /*border-bottom: solid 1px #D8D8D9; */
	 font-size: 22px; font-weight:400; line-height: 100%;
	 margin-bottom: 8px;
	 padding: 5px 0; 
}

#productDetailBlock 
{
	width: 270px;
	padding:0 10px 0 0;
	margin:0;
	float: left;
	}
#productInfoWrapper { margin-top: 10px;}
#productInfoWrapper p { margin-bottom: 10px; }
#productFeatureList
{
	background-color: #fffff6; 
	border: solid 3px #ffffe6;
	margin: 0 0 6px 0;
}
#productDescription 
{
}

#productItemsBlock
{
	background-color:#F8F9FB;
	margin: 0 0 0 280px;
	padding: 4px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.docList
{
	margin: 0 0 10px 0;
	padding: 0;
	}
	.docList a
	{
		display: block;
		background-image: url(/resources/images/icon-PDF.png) !important;
		background-repeat: no-repeat !important;
		background-position: 4px 2px !important;
		padding: 2px 10px 2px 26px !important;
		margin: 0 0 3px 0 !important;
	}



#itemPhotosAndDescription
{
	width: 260px;
	padding:0;
	margin:0;
	float:left;
}

#itemDetails
{
	margin: 0 0 0 270px;
	padding:0;
}

#productItemsBlock div label { display: block; }
#productItemsBlock div select { width: 100%; margin-bottom: 24px; }	
#productItemsBlock h2 { margin: 0 0 12px 0; font-size: 16px; font-weight: 400; }
#productItemsBlock .itemNumber { margin-bottom: 16px; }
#productItemsBlock .itemPrice { margin-bottom: 16px; font-size: 16px; line-height: 100%; font-weight:600; }
#productItemsBlock .addToListButton { margin-bottom:24px; }
#productItemsBlock #itemPhotoList { margin-top: 8px; margin-bottom: 16px; font-size: 0; }
#productItemsBlock #itemPhotoList li { display: inline; margin:0; padding:0; }
#productItemsBlock #itemPhotoList li img { margin:0; padding:0; display: inline-block; border: solid 1px transparent; }
#productItemsBlock #itemPhotoList li a { padding: 0; margin: 0; display: inline; }

#productItemsBlock #productItemDescription { text-align: left; }




/*
	Product Search
*/
.matchingProducts, .matchingCategories
{ 
	color: #5E6770;
	font-size: 11px;
	line-height: 120%;
	display: block;
	}
	.matchingCategories li a
	{
		display: block;
		padding: 4px 4px 4px 16px;
		margin: -4px;
		font-size: 13px; line-height: 135%;
		background-image: url(/resources/images/icon-ReadMoreArrow.png); 
		background-position: 4px center; 
		background-repeat: no-repeat; 
	}
	.matchingProducts { border-top: solid 1px #D8D8D9; margin-top: 16px; }
	.matchingProducts li { border-bottom: solid 1px #D8D8D9; }
	.matchingProducts li > span { margin-left: 96px; }






/*
	My Item List
*/
#myItemList { width: 540px; }
#myItemList table { margin-top: 12px; }
#myItemList table thead { text-align: left; border-bottom: solid 1px #A0A5AC; }
#myItemList table thead td { padding:0; font-size: 14px; font-weight: bolder; color: #A0A5AC; }
#myItemList table tfoot td { border: none; }
#myItemList table td { padding: 12px 5px; border-bottom: solid 1px #D8D8D9; vertical-align: top; }
#myItemList a { padding: 2px; margin: 0 -2px;}
#myItemList input { width: 25px; }	
#myItemList .productName { display: block; font-size: 13px; font-weight: normal; line-height: 110%; color: #4D545B; margin:0; padding:0; }
#myItemList .itemName { display: block; font-size: 14px; font-weight: 200; line-height: 120%; color: #3C4147; margin:0; padding:0; }
#myItemList .itemNumber { display: block; font-size: 13px; line-height: 110%; color: #4D545B; margin:0; padding:0; }
#myItemList table { width: 100%; }
#myItemList .colQty { width: 25px; }
#myItemList .colProductPhoto { width: 110px; }
#myItemList .colItemInfo { width: 100%; }
#myItemList .colPriceEa { width: auto; padding-right: 20px;}
#myItemList .colExtPrice { width: auto; }
#itemListCommands { width: 190px; float: right; }
#itemListCommands .submittalCommandCol { display: block; padding: 10px; background-color: #F8F9FB; margin-bottom: 24px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#itemListCommands .submittalCommandCol .submitTypeBlock { display: block; margin: 0 -2px 16px -2px; padding: 10px; background-color: #fff; border: solid 1px #D8D8D9; }
#itemListCommands .submittalCommandCol .submitTypeBlock input { width: 100%; display: block; margin-bottom: 6px;}
#itemListCommands .submittalCommandCol .submitTypeBlock p { margin-bottom: 10px;}
#quickItemEntry a { background-image: url(/resources/images/icon-ReadMoreArrow.png); background-position: 4px center; background-repeat: no-repeat; padding: 4px 0 4px 16px; }




/*
	RFQ/Order Form  & Cust. Srvc. Form
*/
.formSection { display: block; width: 100%; max-width: 960px; margin: 0; padding: 0; background-color: #F8F9FB; border: solid 1px #D8D8D9; border-top: solid 2px #D8D8D9; position: relative; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.formSection p.legend { position: absolute; display:block; top: 10px; left: 10px; font-size: 18px; font-weight: 200; padding: 0; margin: 0;}
.formSection .formFieldWrapper { margin: 16px 0 0 0; }
.formSection .formShipToSameAsBillToCheckbox { position: absolute; top: 10px; right: 10px; padding: 0; margin: 0; width: 300px; text-align: right; }
.formSection .formShipToSameAsBillToCheckbox input { width: auto; display: inline; padding: 0; margin: 0 6px 0 0; vertical-align: middle; }
.formSection .formShipToSameAsBillToCheckbox label { width: auto; display: inline; padding: 0; margin: 0; vertical-align: middle; }
.formSection label { margin-top: 6px; font-size: 12px; display: block; }
.formSection input, .formSection textarea { width: auto; margin:0; width: 430px; max-width: 430px; }
.formSection .formSectionBlock { width: 100%; border-collapse:collapse; }
.formSection .formColLeft { margin: 0; padding: 12px; width: 50%; max-width: 50%; }
.formSection .formColRight { margin: 0; padding: 12px; width: 50%; max-width: 50%; }
.formSection .fullWidthInput { display: block; margin: 0; padding:0; }
.formSection .inlineBlock input { width: auto; display: inline; }
.formSection .inlineBlock label { display: inline; margin-left: 6px;}
.formSection .inlineBlock { display: inline; }
.verticalSpacer { display: block; height: 16px; min-height: 16px; }
.shipToLocationSelector { display: block; padding: 16px 12px; }
.shipToLocationSelector input { width: auto; }
.shipToLocationSelector select { width: 250px; }
.formBillToColumn { width: 454px; max-width: 454px; }
.formShipToColumn { width: 454px; max-width: 454px; position: absolute; top: 0; right: 0; }
.formSection #creditCardInfo { border: solid 1px #D8D8D9; margin: 16px 0 0 0; padding: 34px 12px 12px 12px; width: 410px; max-width: 410px; position: relative; }
.formSection #creditCardInfo p.legend { font-size: 16px; }
.formSection #creditCardInfo input.creditcardNumber { width: 400px; }


.horizontalSpacer { width: 10px; min-width: 10px; }
#verifyAndSubmit {
	margin: 0; 
	padding: 12px; 
	vertical-align: middle;
	background-color: #D8D8D9;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	}
	#verifyAndSubmit input { float: right;}
#orderformBillToShipTo { position: relative; }


/*
	Order Form
*/
#orderFormContainer {width: 100%; }
#orderFormContainer .orderFormColumn {margin: 0; padding: 0; width: 720px; max-width: 720px; vertical-align: top; }
#orderFormContainer .orderProgressColumn {margin: 0; padding: 0 0 0 18px; vertical-align: top; }
#orderFormContainer .orderProgressColumn table {width: 100%; }
#orderFormContainer .orderProgressColumn p.ofProgHeader { font-size: 16px; font-weight: 200; padding: 0; margin: 0 0 10px -6px; }
#orderFormContainer .orderProgressColumn h2 { display: inline; margin: 0 10px 0 0; font-size: 14px; }
#orderFormContainer .orderProgressColumn .progStep { margin: 0 0 10px 0;}
#orderFormContainer .formGroup { display: block; margin: 0; padding: 10px; background-color: #F8F9FB; border: solid 1px #D8D8D9; border-top: solid 2px #D8D8D9; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
#orderFormContainer .formGroup span.legend { font-size: 18px; line-height: 100%; font-weight: 200; padding: 0; margin: 0 0 12px 0;}
#orderFormContainer .formGroup label { margin-top: 6px; font-size: 12px; display: block; }
#orderFormContainer .formGroup input, #orderFormContainer .formGroup textarea { margin:0; width: 690px;  max-width: 690px; }
#orderFormContainer .formGroup .checkbox input { display: inline; width: auto; margin: 6px 0; }
#orderFormContainer .formGroup .checkbox label { display: inline; margin: 0 0 0 6px; width: auto; }
#orderFormContainer .formGroup .optionbutton input { display: inline; width: auto; margin: 6px 0; }
#orderFormContainer .formGroup .optionbutton label { display: inline; margin: 0 0 0 6px; width: auto; }
#orderFormContainer .formGroup .optionListHeader { font-size: 16px; }
#orderFormContainer .formGroup input.button { display: inline; width: auto; padding: 2px 6px; }
#orderFormContainer .formGroup .continueButtonContainer { text-align: right; }
#orderFormContainer .formGroup .subGroup {margin: 0; padding: 12px; vertical-align: middle; background-color: #E8E9EB; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#orderFormContainer .formGroup .subGroup textarea {width: 670px; max-width: 670px; }
#orderFormContainer .formGroup .continueButtonContainer {margin: 12px 0 0 0;}
#orderFormContainer .formGroup .inlineSubGroup {margin: 0; padding: 6px 12px; vertical-align: middle; background-color: #D8D8D9; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline; width: auto; }
#orderFormContainer .formGroup span.temporaryCreditCardPaymentNote { display: block; font-style: italic; width: 350px; margin: 2px 1px 10px 24px; padding: 0; color: #4D545B; line-height: 16px; font-size: 13px; }
#orderFormContainer .formGroup span.paymentTerms { display: block; font-style: italic; width: 350px; margin: 2px 1px 10px 24px; padding: 0; color: #4D545B; line-height: 16px; font-size: 13px; }
#orderFormContainer .formGroup img.glyph { vertical-align: top; padding: 2px 0 0 0; }
#orderFormContainer .formGroup #myItemList {width: auto;}
#orderFormContainer .formGroup .myItemListContainer input.colQty { width: 25px; max-width: 25px; }
#orderFormContainer .orderProgressColumn .progCurrentStep h2 { color: #A7001F; font-weight: bold; }
#orderFormContainer .formGroup .myItemListContainer {margin: 0; padding:0;}
#orderFormContainer .orderProgressColumn .progNotCurrentStep h2 { color: #A0A5AC; font-weight: normal; }
#orderFormContainer .orderProgressColumn .ofProgDetails { background: transparent url(/resources/images/ofDownArrow.gif) no-repeat top left; min-height: 30px; padding: 0 0 0 24px; font-size: 11px; line-height: 105%; }
#orderFormContainer .orderProgressColumn img.glyph { vertical-align: text-top; }




/*
	Support
*/
#msdsInfo, #customerSupportDocList { background-color: #F8F9FB; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }	
#msdsInfo select { width: 100%; }
	

/*
	Support > FAQ
*/
#faqList {}
#faqList li { border-left: solid 5px #F8F9FB; border-top: solid 1px #F8F9FB; border-right: solid 1px #F8F9FB; border-bottom: solid 1px #F8F9FB; margin-bottom: 8px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; /*background-color: #F8F9FB;*/ }
#faqList .faqQuestion { display: block; padding: 4px; font-style: italic; cursor: pointer; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
#faqList .faqAnswer { display:block; margin: 8px 0 16px 24px; padding: 6px; border-left: solid 6px #D8D8D9; }
	





	

	

/*
	Contact Us
*/
#repFinder { background-color: #F8F9FB; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }	
#repFinder select { width: 100%; }
#listingOfReps {margin-top: 16px; font-size: 13px; line-height: 130%; }
	
	
/*
	Site Map Page
*/		
#siteMap li
{
    display: block;
    line-height: 110%;
    padding: 4px 0;
    }
    #siteMap li li 
    {
        margin-left: 16px;
    }
    #siteMap li li 
    {
        margin-left: 32px;
    }
    #siteMap a { display:block; margin: -4px; padding: 4px;}
	
	
	
/* ************************************
*	Classes
*************************************** */
.solid1pxLine
{
	height:1px;
	max-height:1px;
	line-height:1px;
	background-color: #D8D8D9;
}
	
	
.clearFloats
{
	clear: both;
}

.readMore 
{
    vertical-align: middle;
    font-size: 9px;
	line-height: 100%;
	margin-top: 3px;
}
.readMore a
{
    padding: 4px;
    color: #A7001F;
    background: transparent url(/resources/images/icon-ReadMoreArrow.png) no-repeat left  center;  padding-left: 12px !important;
    vertical-align: middle;
}
.readMore a:hover, .readMore a:active { background-color: #F8F9FB; }


.blockHeader  /* Used as a caption to a block of content, i.e. "News" for the news block */
{
    color: #A7001F;
    font-size: 16px;
    font-weight:normal;
	line-height: 100%;
	margin-bottom: 4px;
    }
    .blockHeader a { margin: -4px; padding: 4px; }
    .blockHeader a:link, .blockHeader a:visited
    {
	    color: #A7001F;
	    text-decoration: none;
    }
    .blockHeader a:hover, .blockHeader a:active
    {
	    color: #A7001F;
	    text-decoration: none;/*underline;*/
    }

.fullWidthLinks a { display: block; }
.fullWidthLinks a:link, .fullWidthLinks a:visited  { background-color: white; }
.fullWidthLinks a:hover, .fullWidthLinks a:active { background-color: #F8F9FB; }



.modalBackground 
{
	background-color: #222;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.modalPopup {
	background-color:#FFFFDD;
	border:3px solid Gray;
	padding:3px;
	width:85%;
	}
	
	
	
.productLink
{
	display: block;
	min-height: 80px;
	padding: 10px 4px;
	}
	.productLink img 
	{
		display: inline-block;
		float: left;
	}
	.productLink > span
	{
		margin-left: 120px;
		display: block;
	}
	.productLink h2 { font-size: 15px; line-height: 120%; font-weight: 200; display: inline-block; }
	.productLink p { line-height: 130%; display: inline-block; }
.mainProductCategoryListing li { margin-bottom: 6px; }	
.currentCategory
{
	font-weight: bold;
	color: #A7001F !important; 
}
.subCategoryList
{
	padding-left: 10px;
	font-weight:normal;
	margin:0 !important;
	line-height: 110%;
	}
	.subCategoryList li { margin: 0; line-height:110%}
.currentSubCategory
{
	padding-left: 10px;
	font-weight:bold;
	line-height: 110%;
	padding-bottom: 6px;
}
	
	
.CMSwrapper {	}	
.CMSwrapper p { margin-bottom: .8em; }
.CMSwrapper ul { line-height: 125%; margin: 0; padding: 6px; list-style: none; }
.CMSwrapper li 
{
	margin: 0;
	padding: 0 0 6px 12px;
	background: transparent url(/resources/images/icon-Arrow_right-lt.gif) no-repeat left .4em;
}
	
.validationError { padding-left: 6px; color: #A7001F; font-size: 11px; font-weight: bold; display: inline; }
.requiredFieldsNote { display: block; color: #A7001F; text-align: right; font-weight:bold; margin-bottom: 6px; }
.requiredField { color: #A7001F; vertical-align: top; }




.pageBlockEdit, .pagePhotoEdit, .productComponentEdit { background-color: #D8D8D9; padding: 2px; border: solid 1px #A0A5AC; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.pageBlockEdit input, .pagePhotoEdit input, .productComponentEdit input { font-size: 10px; }
.pageBlockEdit>div, .pagePhotoEdit>div, .productComponentEdit>div { background-color: #F8F9FB; padding: 4px; }
.productComponentEdit {margin-bottom: 16px;}
.pageNameEdit { background-color: #F8F9FB; padding: 2px; border: solid 1px #A0A5AC; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.pageNameEdit input { font-size: 10px; }
.pageNameEdit td { padding: 0 4px; }







.modalBackground 
{
	background-color: #222 !important;
	filter: alpha(opacity=80);
	opacity: 0.8;
	}
.modalPopup {
	background-color:#FFFFDD !important;
	border:3px solid Gray;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:3px;
	width:85%;
	}
.modalCommandLine
{ 
    margin-top: 10px;
    padding: 6px;
    background-color: #C3D9FF;
}
.modalPopup h1
{ 
    background-color: #CCC;
    display: block;
    margin-bottom:10px;
    padding: 6px;
    font-size: 14px;
}	

.errorLink 
{
    vertical-align: middle;
    font-size: 12px;
	line-height: 100%;
	margin-top: 6px;
}
.errorLink a
{
    padding: 4px;
    color: #A7001F;
    background: transparent url(/resources/images/icon-ReadMoreArrow.png) no-repeat left  center;  padding-left: 12px !important;
    vertical-align: middle;
}
.errorLink a:hover, .errorLink a:active { background-color: #F8F9FB; }