﻿body { background-color: #e5e5e5; }



table.tblGrid {} 
table.tblGrid th {text-align:left;padding:5px;border-bottom:solid #666 1px;} 
table.tblGrid td {padding:5px 15px 5px 5px;}  
table.tblGrid tr.alt td {background:#f5f5f5;border:solid 1px #ccc;border-width:1px 0} 


table.tblForm td {padding:5px;} 
table.tblForm td.label {font-weight:bold;text-align:right;vertical-align:top;} 
table.tblForm tr.actions td {padding-top:50px;} 


input.submit {display: inline-block; width: auto; font-family: Arial, Helvetica, Sans-Serif; font-size: 100%; color: White; text-transform: uppercase; background-color: #00549a; border: solid 1px Black; margin-left: 2px; cursor: pointer; vertical-align: top; }

fieldset .Item {margin-bottom:4px;}




/**************************************** Header Frame */

#headerFrame { width: 994px; background: url(Frame/HeaderFrameBg.png) no-repeat left top; padding-top: 26px; }

/**************************************** Header Inner */

#headerInner { width: 946px; position: relative; overflow: hidden; padding: 0 24px 29px 24px; background: url(Frame/HeaderInnerBg.png) no-repeat left bottom; }

/**************************************** Header Tools */

#headerTools { text-align: right; float: right; padding-top: 24px; width: 600px; }

#headerTools p a { display: inline-block; height: 0; padding: 20px 0 0 0; margin: 0 12px 0 0; overflow: hidden; }

#headerTools input { padding-top: 2px; margin: 0 10px 0 0; }

#homeLink { width: 53px; background: url(Frame/HomeLinkBg.png) no-repeat left top; }
#contactLink { width: 86px; background: url(Frame/ContactLinkBg.png) no-repeat left top; }

#headerTools input
{
	color: #484848;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:100%;
}

#headerTools button
{
	width:20px;
	height:20px;
	border:none;
	padding:0;
	margin:0;
	vertical-align:top;
	background:url(Frame/HeaderSearchButton.png) no-repeat left top;
}

/**************************************** Main Nav Outer */

#mainNavOuter { background: url(Navigation/MainNavOuterBg.png) no-repeat left top; }

/**************************************** Main Nav Frame */

#mainNavFrame { background: url(Navigation/MainNavFrameBg.png) no-repeat left top; }

/**************************************** Main Nav Inner */

#mainNavInner { background: url(Navigation/MainNavInnerBg.png) no-repeat left bottom; }

/**************************************** General Aux Outer */

#generalAuxOuter { background: url(Layouts/GeneralAuxOuterBg.png) repeat-y left top; }

/**************************************** General Aux Frame */

#generalAuxFrame { background: url(Layouts/GeneralAuxFrameBg.png) no-repeat left top; }

/**************************************** General Aux Inner */

#generalAuxInner { background: url(Layouts/GeneralAuxInnerBg.jpg) no-repeat left bottom; }

/**************************************** General Outer */

#generalOuter { background: url(Layouts/GeneralOuterBg.png) repeat-y left top; }
/**************************************** General Frame */

#generalFrame { background: url(Layouts/GeneralFrameBg.png) no-repeat left top; }

/**************************************** General Inner */

#generalInner { background: url(Layouts/GeneralInnerBg.png) no-repeat left bottom; }

/**************************************** Wide Outer */

#wideOuter { background: url(Layouts/WideOuterBg.png) repeat-y left top; }

/**************************************** Wide Frame */

#wideFrame { background: url(Layouts/WideFrameBg.png) no-repeat left top; }

/**************************************** Wide Inner */

#wideInner { background: url(Layouts/WideInnerBg.png) no-repeat left bottom; }

/**************************************** Wide Aux Outer*/

#wideAuxOuter { background: url(Layouts/WideAuxOuterBg.png) repeat-y left top; }

/**************************************** Wide Aux Frame */

#wideAuxFrame { background: url(Layouts/WideAuxFrameBg.png) no-repeat left top; }

/**************************************** Wide Aux Inner */

#wideAuxInner { background: url(Layouts/WideAuxInnerBg.jpg) no-repeat left bottom; }

/**************************************** Login Panel Frame */

#auxLoginPanel { width: 146px; padding: 5px 0 0 0; margin: 0 0 0 -2px; }

#auxLoginPanel p { margin-bottom: 1em; }

#auxLoginPanel .LoginLinks { font-size: 110%; font-weight: bold; background: url(/B2C/Skin/Home/LoginLinksBg.gif) no-repeat left 0.3em; padding-left: 13px; margin: 0 10px 0 0; }

/**************************************** Aux Divider */

#auxDivider { width: 202px; margin: 0 -28px 10px -28px; height: 23px; background: url(Layouts/AuxDividerBg.png) no-repeat left top; position: relative; }

/**************************************** Footer Frame */

#footerFrame { color: #627c9b; }

#footerFrame h2 { color: #627c9b; }

#footerFrame hr { color: #d8e1ed; }

#footerFrame a { color: #7b92af; }
#footerFrame a:hover { color: #4a617f; }

/*------------------------------- Form Specific Layouts -------------------------------*/

/**************************************** Login Panel */

#loginPanel .Field { width: 184px; }

#loginPanel label { width: 88px; padding-right: 4px; color: White; text-align: right; font-weight: bold; }

#loginPanel .TextBox { width: 180px; }

#loginPanel .AlignRight { text-align: right; }

#loginPanel .LoginButton { float: right; width: 80px; height: 20px; padding-top: 20px; margin: 4px 0 0 0; overflow: hidden; background: url(Layouts/LoginButtonBg.png) no-repeat left top; border: none; cursor: pointer; }

/**************************************** Registration Form */



/*------------------------------- Page Specific Layouts -------------------------------*/

/**************************************** User Options Outer */

#userOptionsOuter { width: 918px; background: url(Layouts/UserOptionsOuterBg.png) repeat-y left top; margin-bottom: 8px; }

/**************************************** User Options Frame */

#userOptionsFrame { width: 918px; background: url(Layouts/UserOptionsFrameBg.png) no-repeat left top; }

/**************************************** User Options Inner */

#userOptionsInner { width: 918px; color: White; padding-bottom: 0.6em; background: url(Layouts/UserOptionsInnerBg.png) no-repeat left bottom; position: relative; overflow: hidden; }

#userOptionsInner h2 { color: White; }

/**************************************** Login Panel */

#loginPanel { float: left; width: 278px; padding: 0 24px 0 18px; }

#loginPanel h2 { width: 130px; padding: 8px 0 18px 0; }

#loginPanel .TextBox { width: 180px; }
#loginPanel .forgotPassword a { display: block; color: #fff; padding: 4px 0 10px; text-align: right; }
#loginPanel .forgotPassword a:hover { text-decoration: underline; }
/**************************************** Register Panel */

#registerPanel { float: left; width: 262px; margin: 0 31px 0 30px; padding: 1px 18px 0 18px; }

#registerPanel h2 { width: 126px; padding: 8px 0 14px 0; }

#registerPanel .RegisterLink { display: inline-block; width: 98px; height: 0; padding-top: 20px; overflow: hidden; background: url(Layouts/RegisterLinkBg.png) no-repeat left top; border: none; cursor: pointer; }

/**************************************** Consumer Panel */

#consumerPanel { float: left; width: 214px; padding: 1px 6px 0 18px; }

#consumerPanel h2 { width: 148px; padding: 8px 0 4px 0; }

#consumerPanel p { margin-bottom: 0.8em; }

#consumerPanel .ConsumerLink { display: inline-block; width: 84px; height: 0; padding-top: 20px; overflow: hidden; background: url(Layouts/ConsumerLinkBg.png) no-repeat left top; border: none; cursor: pointer; }

/**************************************** Product Search Frame */


#productSearchFrame { width: 557px; position: relative; overflow: hidden; }
#productSearchFrame .criteria {overflow:hidden;margin-bottom:10px;} 
 
#productSearchFrame .criteriaItem {float:left;padding-right:7px;}
#productSearchFrame .criteriaItem select { width: 154px;} 
#productSearchFrame .criteriaItem label {display:block;color:#000;font-weight:bold;padding-bottom:4px;} 
#productSearchFrame .criteriaItem.outputRange select {width:auto;} 
#productSearchFrame .criteriaItem.airflowRange select {width:auto;} 
#productSearchFrame .ProductSearchButton {float:right; display: inline-block;margin-top:17px; width: 66px; text-indent:-9999px;height: 20px;border: none; overflow: hidden; cursor: pointer; background: url(Layouts/ProductSearchButton.png) no-repeat left top; vertical-align: bottom; }

#productSearchFrame .Pager { border: dotted 1px #c8c2c3; border-width:1px 0;padding:6px 0;overflow:hidden;} 
#productSearchFrame .Pager a {padding:3px;}  
#productSearchFrame .Pager a.inactive {cursor:default;color:#231F20;}  
#productSearchFrame .Pager .PagerNav { float:right;}   
#productSearchFrame .Pager .PagerInfo  {float:left;}   
#productSearchFrame .Pager .PagerInfo span{color:#eb3b21;font-weight:bold;}  

#productSearchFrame #topPager {margin-bottom:10px;} 
#productSearchFrame #bottomPager {clear:both;padding:20px 0 10px;}  
#productSearchFrame #bottomPager .PagerInfoXXX {display:none;}  

/**************************************** Product Search Options */

#productSearchOptions
{
	width:151px;
	padding:15px 10px 0 10px;
}

#productSearchOptions .criteriaItem
{
	width:151px;
	padding-bottom:10px;
	position:relative;
	overflow:hidden;
}

#productSearchOptions label
{
	font-weight:bold;
	color:Black;
}

#productSearchOptions .SelectList,
#productSearchOptions .TextBox
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:100%;
	color:Black;
	width:99%;
}

#productSearchOptions .TextBox { width:95%; }

#productSearchOptions .HalfSize { width:44%; }

#productSearchOptions .ProductSearchButton
{
	float:left;
	display:inline-block;
	width:86px;
	padding-top:20px;
	height:20px;
	border:none;
	overflow:hidden;
	cursor:pointer;
	background:url(Layouts/SearchButton.png) no-repeat left top;
}

#productSearchOptions .ProductResetButton
{
	float:left;
	margin:3px 0 0 20px;
	font-size:90%;
	margin-right:2px;
	cursor:pointer;
	text-decoration:underline;
	color:#005499;
}

/**************************************** Product Tools */

#productTools { float: right; width: 140px; padding: 6px; background-color: #efeeee; border: solid 1px #d8d8d8; }

#productTools p { margin-bottom: 0; }

#productTools a { display: inline-block; font-weight: bold; padding: 2px 0 2px 22px; margin-bottom: 0.6em; }

#productTools a.GeneralInfo { background: url(Layouts/GeneralInfoLinkBg.jpg) no-repeat 0.1em 0.1em; }

#productTools a.Accessories { background: url(Layouts/AccessoriesLinkBg.jpg) no-repeat 0.1em 0.1em; }

#productTools a.SpareParts { background: url(Layouts/SparePartsLinkBg.jpg) no-repeat left 0.1em; }

#productTools a.TechSupport { background: url(Layouts/TechSupportLinkBg.jpg) no-repeat left 0.2em; }

#productTools a.Print { background: url(Layouts/PrintLinkBg.jpg) no-repeat left 0.24em; }

/**************************************** Search Results Frame */

#searchResultsFrame {}
#searchResultsFrame
#searchResultsFrame b { color: #231f20; }
#searchResultsFrame .SearchItem { margin-bottom: 50px;overflow:hidden; } 
#searchResultsFrame .SearchItem .image { float: left;width:165px;min-height:30px;overflow:hidden;}
#searchResultsFrame .SearchItem img {  border: none; padding: 3px 0 0 0; max-width:160px;}
#searchResultsFrame .SearchItem .details {float:left; line-height:18px;margin-left:20px;width:190px; } 
#searchResultsFrame .SearchItem .d2 {width:160px; } 
#searchResultsFrame .SearchItem span.label {font-weight:bold;padding-right:4px;} 
#searchResultsFrame .SearchItem a { display: inline-block;padding-right:8px; background: url(/B2C/Skin/Frame/LinkOrangeArrowBg.gif) no-repeat right 7px ; }
#searchResultsFrame .EmptyItem {padding:10px 0;}



#B2BManageDistributors .actions {padding:20px;}

#B2BRegistration {margin-bottom:40px;}
#B2BRegistration .confirm a{padding:2px 10px; display: inline-block; width: auto; font-family: Arial, Helvetica, Sans-Serif; font-size: 100%; color: White; text-transform: uppercase; background-color: #00549a; border: solid 1px Black; margin-left: 2px; cursor: pointer; vertical-align: top; }


#B2BPasswordRecovery fieldset {padding:20px 0 40px 0 }
#B2BPasswordRecovery fieldset .Item label {width:auto} 
#B2BPasswordRecovery .FormButtons {padding-left:32px;} 

#B2BChangePassword  #Outcome {display:block; padding:10px 0 0 160px} 
#B2BChangePassword  #Outcome .Validation {color:Red} 



#SupportPage {} 
#SupportPage .item {border-bottom:dotted 1px #ccc;padding:15px 0} 
#SupportPage .item img {float:left;border:solid 1px #333;margin-right:10px;} 
#SupportPage .item span.label {font-weight:bold;color:#000;} 
#SupportPage .item span.title {display:inline-block;margin-bottom:5px; } 
#SupportPage .item a {background:url("/b2c/Skin/Frame/LinkOrangeArrowBg.gif") no-repeat scroll right 4px  transparent;padding-right:7px;} 
#SupportPage .item p {margin:0 0 5px 0;}
#SupportPage .item .detail span{padding-left:15px;}  
