/* global definitions & classes */
body{font-family:Arial,Helvetica,Sans-Serif;font-size:9pt;line-height:12pt;color:#222;margin:0;padding:0;background-color:#fff;}

input{font-family:Arial, Helvetica, sans-serif;font-size:9pt;color:#666;padding:2px;}
select{font-family:Arial, Helvetica, sans-serif;font-size:9pt;color:#666;padding:2px;border:1px #aaa solid;}

.clear{clear:both;margin:0;padding:0;}
.spacer{width:100%;clear:none;}
.smallTxt{font-size:8pt;}
.xSmallTxt{font-size:7pt;color:#666;}
.medTxt{font-size:9pt;}
.boldTxt{font-weight:bold;}
.errorText{font-weight:bold;color:#ff0000;font-size:9pt;margin:0px 0px 3px 0px;}
.errorTextSmall{font-weight:bold;color:#ff0000;font-size:8pt;margin:3px 0px 3px 0px;}
.successText{font-weight:bold;color:#66cc00;font-size:9pt;margin:0px 0px 3px 0px;}
.successTextSmall{font-weight:bold;color:#66cc00;font-size:8pt;margin:3px 0px 3px 0px;}
.priceTxt{font-weight:bold;	color:#669966;margin:0px 0px 3px 0px;font-size:8pt;}
.noBorder{border:none;padding:0;margin:0;}
.submit{background-color:#ddd;width:40px;}
.tm{color:#333;font-size:6pt;vertical-align:super;line-height:7pt;}
.note{color:#ff0000;font-size:8pt;}
.headingSmall{font-size:10pt;font-weight:bold;}
.infoNote{display:block;margin:10px 0px 10px 0px;background-color:#fbf5db;border:1px #ffcc66 solid;padding:5px;font-size:8pt;color:#444;clear:both;}
.sendEmail{width:185px;font-size:8pt;}

li#menuLogOut{display:none;}

#loadingScreen
{
	background-color:#fff;
	position:absolute;
	width:200px;
	margin:75px 0px 0px 224px;
	text-align:center;
	line-height:40px;
	color:#666;
	font-size:8pt;
	font-weight:bold;
}

/* Faded layer which appears in the background when the precart is launched */
#overlay{
	width:727px;float:none;display:none;position:absolute;z-index:5;
	background-color:#fff;background-image: url("/images/cms/pcwhbg.png");background-repeat:repeat;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}

/*tbd*/
.medCopy{font-size:9pt;color:#333;line-height:12pt;}

#storeShoppingCart{overflow-y:auto;overflow-x:hidden;}

/* Error Message container */
#errorMessage{margin:10px 0px 10px 0px;border:solid 1px #ff0000;background-color:#efefef;padding:6px;font-size:8pt;color:#ff0000;}
/* Error Message container text */
.errorMessageText{border:solid 1px #ff0000;background-color:#efefef;color:#ff0000;font-size:9pt;padding:4px;display:block;}

/* Container for AJAX popup windows */
#popUp{display:none;position:absolute;margin:60px 0 0 40px;border:solid 2px #666;}
#popUpContainer{border:none;}

/* Container for AJAX popup windows */
#quotePopUp{top:0;left:0;display:none;position:absolute;margin:16px 0 0 0;border:solid 2px #999;}
#quoteiFrame{margin:0;padding:0;width:724px;}

/* Pop up container information */

/* Pop up header (outside of the iframe, on container.asp) includes link to Close Window */
#popUpHeader{
	width:644px;
	height:20px;
	line-height:20px;
	font-size:8pt;
	font-weight:bold;	
	color:#fff;
	text-align:right;
	background-color:#666;
	background-image:url('/images/cms/bpbg.gif');
	background-repeat:repeat-x;
}


/* "Close Window" link in the pop up header */
#popUpHeader a{
	color:#fff;
	text-decoration:none;
}

#pop{
	width:100%;
	overflow-x: hidden;
	overflow-y: scroll; 
}

/* Entire wrapper of store */
#storeWrapper{
	width:981px;
	color:#222;
}

/* Area above the Miele red bar */
#topNav{
	font-size:8pt;
	height:15px;
	text-align:right;
}

#topNav a:link,#topNav a:visited{
	font-weight:bold;
	text-decoration:none;
}

/* Container for the left side of the layout. Contained div's are #storeLogo and #navMenu */
#storeLeftSide{
	width:207px;
	float:left;
}

/* Area for Miele logo */
#storeLogo{
	margin:15px 0px 67px 50px;
}

/* Store navigation menu */
#navMenu{
	font-size:8pt;
	margin:0px 0px 0px 27px;
}

#navMenu ul{
	margin:0;
	padding:0;
}

#navMenu ul li{
	list-style-type:none;
	list-style-position:outside;
}

#navMenu a:link,#navMenu a:visited,#navMenu a:hover{
	color:#111;
	text-decoration:none;
	font-weight:bold;
}

/* Container for the right side of the layout. Contained divs are #topRedBar, #pageBanner, #rightSubMenu, #storeContentOuterWrapper */
#storeRightSide{
	width:758px;
	float:right;	
}

/* Miele red bar */
#topRedBar{
	height:40px;
	width:100%;
	background-color:#ff0000;
}

/* Area for page-specific banner */
#pageBanner{
	width:758px;
	height:70px;
	overflow:hidden;
}

/* Area for submenu, beneath the banner */
#rightSubMenu{
	height:1px;
	width:100%;
	/*border-top:#b9b9b9 1px solid;*/
	background-color:#9b9b9b;
	margin:0px 0px 0px 0px;
	font-size:8pt;
	color:#fff;
	font-weight:bold;
}

.rightSubMenuText{
	padding-left:14px;
}

#rightSubMenu a:link, #rightSubMenu a:visited, .rightSubMenuText a:link, .rightSubMenuText a:visited{
	color:#fff;
	text-decoration:none;
}

#rightSubMenu a:hover, .rightSubMenuText a:hover{
	color:#444;
	background-color:#fff;
}

/* Outer wrapper for store content - creates the gray border effect */
#storeContentOuterWrapper{
	background-color:#9b9b9b;
	margin:0;
	padding:0;
	float:none;
}

/* Inner wrapper for store content */
#storeContentInnerWrapper{
	position:relative;
	background-color:#fff;
	width:756px;
	margin:0;
	left:1px;
	top:0px;
	float:none;
}

/* Original store container.  Contained within #storeContentInnerWrapper */
#storeContainer{
	position:relative;
	z-index: 0;
	padding:0;
	width:725px;
	margin:0px 14px 0px 14px;
	clear:both;
	background-color:#fff;
	float:none;
}

/* Welcome Wrapper */

#welcomeWrapper{
	width:100%;
	height:34px; 
	padding:21px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:1px #ccc solid;
	font-size:8pt;
	/* background-color:cyan; */
}

#welcomeWrapper img{
	vertical-align:middle;
}

#welcomeWrapper a:link,#welcomeWrapper a:visited{
	text-decoration:underline;
	color:#666;
}

#welcomeWrapper a:hover{
	text-decoration:underline;
	color:#333;
}

#welcomeWrapper h1{
	margin:20px 0px 10px 0px;
	padding:0;
	font-weight:bold;
	font-size:16pt;
	color:#666666;
	padding-left:0px;
	float:left;
}




.welcomeTxt{font-size:8pt;font-weight:normal;color:#666666;padding-left:1px;width:450px;line-height:16px;float:left;}
.welcomeLinks{font-size:8pt;color:#666;padding:0px 0px 0px 5px;text-align:right;line-height:16px;float:right;vertical-align:bottom;}
#welcomeWrapper .welcomeLinks a:link,#welcomeWrapper .welcomeLinks a:visited{font-weight:bold;text-decoration:none;}
#welcomeWrapper .welcomeLinks a:hover{color:#444;text-decoration:underline;}

/* Change Your Zip - top right corner */
.zipWidget{color:#999;font-size:7pt;line-height:11pt;}
.zipWidget a{color:#fff;}
.zipWidget a:hover{color:#fff;}
#welcomeWrapper .welcomeLinks .zipWidget a:link{
	background-image:url('/images/cms/stores/miele/zipWidgetBg_off.gif');
	background-repeat:repeat-x;background-color:#888;color:#fff;
	padding:1px 3px 1px 4px;text-decoration:none;font-weight:normal;}
#welcomeWrapper .welcomeLinks .zipWidget a:visited{
	background-image:url('/images/cms/stores/miele/zipWidgetBg_off.gif');
	background-repeat:repeat-x;background-color:#888;color:#fff;
	padding:1px 3px 1px 4px;text-decoration:none;font-weight:normal;}
#welcomeWrapper .welcomeLinks .zipWidget a:hover{
	background-image:url('/images/cms/stores/miele/zipWidgetBg_on.gif');
	background-repeat:repeat-x;background-color:#666;text-decoration:none;
	font-weight:normal;color:#fff;}



#cartContainer #cartFooter a:link, #cartContainer #cartFooter a:visited
{
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

#cartContainer #cartFooter a:hover
{
	color:#444;
	text-decoration:underline;
}

.statusProceedContainer
{
	border:none;
}

/* Area for store footer */
#storeFooter
{
	background-color:#fff;
	border-top:1px #9b9b9b solid;
	font-size:8pt;
	padding:7px 0px 0px 0px;
	text-align:center;
	margin:0px 0px 7px 0px;
}

#storeFooter ul
{
	width:100%;
	margin:0;
	padding:0;
}

#storeFooter ul li
{
	display:inline;
	margin:0px 10px 0px 0px;
}

#storeFooter a:link,#storeFooter a:visited,#storeFooter a:hover{
	color:#111;
	text-decoration:underline;
}


li#menuSignOnLink
{
	display:none;
}


/* Left side of the store content (Entrance Page and Item List) */
#pageLeft{display:block;position:relative;float:left;width:500px;margin:0;padding:0;}
#pageLeft ul{margin:0;padding:0;}
#pageLeft ul li{list-style-type:none;list-style-position:outside;}
#pageLeft a:link,#pageLeft a:visited{color:#000;text-decoration:underline;}
#pageLeft a:hover{color:#0000ff;text-decoration:underline;}



#storeConstruction #pageLeft,#storeLandingPage #pageLeft{width:100%;}


/* Left side of the store content (Item Details only) */
#pageLeftDetails
{
	width:350px;
	margin-right:25px;
	float:left;
}

.forMoreInfo
{
	color:#666;
	font-size:8pt;
	margin:0px 0px 10px 0px;
}

/* Right side of the store content (Entrance Page & Item List) */
#pageRight{
	float:left;
	width:225px;
}

#pageRightDetails #details_dealer_locator{
	width:350px;
}

#pageRight a:link,#pageRight a:visited{
	color:#000;
	text-decoration:underline;
}

#pageRight a:hover{
	color:Blue;
	text-decoration:underline;
}



/* Zip Code Change Ajax Pop up */
#zipChange
{
	font-size:8pt;
	line-height:15px;
	color:#444;
	
	position:absolute;

	display:none;
	top:115px;
	left:168px;
	width:350px;

	background-color:#f6f6f6;
	border:solid 6px #ccc;
	padding:16px;
	z-index:1000;
}





#zipChange a:link,#zipChange a:visited
{
	color:blue;
	text-decoration:underline;
}

#zipChange ul
{
	margin:0;
	padding:0;
}

#zipChange ul li
{
	display:inline;
	float:left;
	width:144px;
	height:32px;
	background-color:#e6e6e6;
	border:solid 1px #bbb;
	margin:0px 10px 0px 0px;
	padding:3px;
	text-align:center;
}

#zipChange ul li a:link,#zipChange ul li a:visited
{
	color:#222;
	text-decoration:underline;
}

#zipChange ul li a:hover
{
	text-decoration:underline;
}

#zipChange ul li:hover
{
	background-color:#ddd;
}

.warningText
{
	color:#ff0000;
}





/* Declined Installation Area on Order Complete Page */
#ocDeclinedInstallAgreement{
width:708px;
padding:8px;
font-size:8pt;
font-family:Arial,Helvetica,Sans-Serif;
line-height:12pt;
border:dotted 1px #ccc;
background-color:#f0f0f0;
}

#ocDeclinedInstallAgreement img{
vertical-align:middle;
float:left;
margin:0px 5px 0px 0px;
}

#ocDeclinedInstallAgreement #header{
border-bottom:solid 1px #aaa;
margin:0px 0px 5px 0px;
font-size:11pt;
line-height:16pt;
color:#666;
}

#ocDeclinedInstallAgreement #copy{
line-height:11pt;
margin:0px 0px 10px 0px;
}

#ocDeclinedInstallAgreement #left{
float:left;
width:354px;
}

#ocDeclinedInstallAgreement #left a{
font-weight:bold;
color:#333;
}

#ocDeclinedInstallAgreement #left a:hover{
color:blue;
}


#ocDeclinedInstallAgreement #right{
float:left;
width:354px;
}

#ocDeclinedInstallAgreement #right table tr td{
vertical-align:top;
}

#ocDeclinedInstallAgreement #right table tr td input{
margin:2px 0px 2px 0px;
}

/* Cart Link, Home Link, Sign On Link, and Freight Estimator Link should be hidden on Warranty Registration page */
#warrantyPage #menuCartLink,#warrantyPage #menuHomeLink, #warrantyPage #menuSignOnLink, #warrantyPage #menuFreightEstimator
{
	display:none;
}

#storePrintTerms{
	margin:0;
	padding:0;
}

#storePrintTerms h1{
	font-size:12pt;
	color:#222;
}

#storePrintTerms #container{
	width:610px;
}

#decline_installation
{
	width:726px;
	height:165px;
	border:none;
}




/* precart.asp is loaded into the following div ID via ajax */
#cartPage{
	float:none;
	width:644px;
	display:none;
	margin:40px 0px 0px 42px;
	padding:0;
	position:absolute;
	z-index:9;
	background-color:#fff;
}

#returnsPopUp
{
	display:none;
	border:solid 10px yellow;
	}
	
	



.toeKick{}
.toeKick a,.toeKick a:visited,.toeKick a:hover{color:#555;text-decoration:underline;}
.toeKick a span,.toeKick a:visited span,.toeKick a:hover span{color:#333;text-decoration:none;}
.toeKick a span.def{display:none;text-decoration:none;color:#000;}
.toeKick a:hover span.def{font-size:8pt;line-height:11pt;display:block;text-decoration:none;position:absolute;color:#333;background-color:#eee;width:85px;margin:20px 0 0 0;border:solid 1px #ddd;padding:5px;}






#doorPanelArea{width:606px;margin:10px;}	
#doorPanelArea ul{margin:0;padding:0;}
#doorPanelArea ul li{width:181px;height:110px;background-color:#fff;border:none;margin:0px 31px 5px 0px;padding:0;list-style-type:none;display:inline;float:left;}
#doorPanelArea ul li#item_3,#doorPanelArea ul li#item_6,#doorPanelArea ul li#item_9{margin:0px 0px 0px 0px;}
#doorPanelArea ul li img{margin:0px 0px 5px 0px;}
#doorPanelArea ul li#provideMyOwn{color:#666;}
#doorPanelArea ul li#provideMyOwn img{float:left;margin:0 10px 0 0;}
#doorPanelArea ul li #doorPanelFade{display:none;position:absolute;background-color:#fff;width:181px;height:90px;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}

#doorPanelArea ul li #detailsPop span{display:none;}

.doorPanelDetails{display:none;background-color:#fff;background-image:url('/images/cms/doorpaneldetails_bg.gif'); background-repeat:repeat-y;border:solid 1px #aaa;width:512px;padding:10px;}
#doorPanelHeader{margin:0px 0px 10px 3px;padding:0px 0px 3px 0px;border-bottom:dotted 1px #ccc;}
#doorPanelTitle{font-size:9pt;color:#555;font-weight:bold;float:left;}
#doorPanelMoreInfo{color:#999;font-size:8pt; font-style:italic;float:right;}
#doorPanelFullSize{float:right;margin:0px 0px 0px 10px;}
#doorPanelQuantity{float:left;margin:5px 5px 0px 0px;}
#doorPanelStockStatus{float:left;margin:8px 5px 0 0;}

.doorPanelThumbImage{float:left;margin:0px 10px 25px 0px;}
.doorPanelColor{font-size:8pt;font-weight:bold;color:#666;margin:0px 0px 0px 0px;line-height:10pt;}
.doorPanelHandle{color:#666;line-height:10pt;margin:2px 0 2px 0;}
.doorPanelDetailsText{color:#666;font-size:8pt;}
.doorPanelDetailsTextBold{font-weight:bold;color:#444;font-size:8pt;}
.doorPanelItemNumber{color:#999;font-size:7pt;}
.doorPanelStockStatusText{color:#666;}
.doorPanelStockStatusText .inStock{color:Green;font-weight:bold;line-height:9pt;}
.doorPanelCloseDetails{margin:10px 0px 0px 0px;}
.doorPanelCloseDetails a:link,.doorPanelCloseDetails a:visited{color:#333;}
.doorPanelCloseDetails a:hover{color:#000;}


#doorPanelDetails_item_1,#doorPanelDetails_item_2,#doorPanelDetails_item_3,#doorPanelDetails_item_4,#doorPanelDetails_item_5,#doorPanelDetails_item_6,#doorPanelDetails_item_7,#doorPanelDetails_item_8,#doorPanelDetails_item_9,#doorPanelDetails_item_10,#doorPanelDetails_item_11,#doorPanelDetails_item_12{
	display:none;z-index:5000;position:absolute;
	top:175px;left:19px;
	background-color:#fff;width:580px;
	padding:10px;
	border:solid 4px #aaa;
	background-image:url('/images/cms/doorpaneldetails_bg.gif'); background-repeat:repeat-y;
	}