/***** Global *****/

body{
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:9pt;
	color:#222;
}

.line
{
    margin:10px 0 0 0;
    border-top:dotted 1px #ccc;
    color:#fff;
}

.clear{
	clear:both;
}

/* h1 tag should be hidden on both sign on pages [customer & dealer] */
#signOnPage h1,#signOnPageCustomer h1{display:none;}

/* Container for Miele logo within sign on container */
#socLogo{margin:0px 0px 5px 0px;}

/* Text container for customer sign on page */
#socCopy{font-size:9pt;line-height:12pt;color:#666;margin:0px 0px 20px 0px;}

/*header area for Sign on pages [customer & dealer] */
.socHeader{font-size:14pt;color:#999;line-height:22px;margin:0px 0px 10px 0px;}

/* Small text */
.smallText{font-size:8pt;}

/* Medium text */
.medText{font-size:9pt;}

.boldText{font-weight:bold;}

/* Submit -or- Reset button */
.SubmitAndReset{font-size:8pt;border:solid 1px #999;background-color:#ddd;margin:0px 0px 10px 0px;}

/* Sign in form area for customers */
#socInput{width:250px;}

/* Sign in form area for customers - unordered list */
#socInput ul{margin:0;padding:0;}

/* Sign in form area for customers - unordered list, list items */
#socInput ul li{margin:0px 0px 10px 0px;padding:0;}

/* Sign in form area for customers - input label (Username, Password) */
#socInput .input_label{color:#666;width:75px;float:left;}

/* Sign in form area for customers - Textboxes for customer entry */
#socInput .textbox{border:solid 1px #aaa;width:150px;}

/***************************************************/



#signOnPageCustomer li#menuHomeLink, #signOnPageCustomer li#menuCartLink, #signOnPageCustomer li#menuProductReg, #signOnPageCustomer li#menuEscLink,#signOnPage li#menuMyAccountLink{
display:none;
}

#signOnPage li#menuProductReg, #signOnPage li#menuEscLink, #signOnPage li#menuCartLink{display:none;}

#signOnPage #welcomeWrapper{height:22px;}

/* Hide Returns link on Customer Account & Dealer Dashboard pages */
#signOnPageCustomer li#returnsLink,#myAccountPage li#returnsLink,#myFavsPage li#returnsLink{
	display:none;
}

#signOnPage li#returnsLink,#dealerDashboard li#returnsLink{
	display:none;
}

body#signOnPageCustomer #menuHomeLink, body#signOnPageCustomer #menuCartLink{
	display:none;
}



/***************************************************/
#menuSignOutLink{}

#myFavsPage{margin:0;padding:0;}
#myFavsPage #menuHomeLink, #myFavsPage #menuCartLink{display:none;}
#myFavsPage #pageLeft{width:100%;}



/*** Create an Account ***/

#createAccountPage
{
	margin:0;
	padding:0;
}
	
#createAccountPage #pageLeft
{
	width:100%;
}

#createAccountPage li#returnsLink
{
	display:none;
}

#createAccountForm{margin:20px 0 20px 0;}
#createAccountForm ul{margin:0;padding:0;}
#createAccountForm ul li{border-bottom:dotted 1px #ccc;margin:0 0 5px 0;height:28px;}

.formLabel{width:120px;float:left;text-align:left;padding:0 3px 0 0;}
.formField{float:left;}

.formField input.name{width:165px;}
.formField input.address{width:210px;}
.formField input.city{width:175px;}
.formField input.zipcode{width:70px;}
.formField input.email{width:250px;}
.formField input.phone1{width:30px;}
.formField input.phone2{width:30px;}
.formField input.phone3{width:40px;}

.formField input:active{border:solid 1px red;}


/*** My Account - Sign on Page ***/
#myAccountPage{
	margin:0;
	padding:0;
}

/* Hidden Menu Links */
#myAccountPage li#menuSignOnLink, #myAccountPage li#menuCartLink, #myAccountPage #menuFreightEstimator,#myAccountPage #menuHomeLink{
	display:none;
}



/* Left side of content area - contains dashboard icons */
#myAccountPage #pageLeft{
	width:490px;
}


/* Right side of content area - contains default image */
#myAccountPage #pageRight{
	float:right;
	width:225px;
	font-size:8pt;
}

/* Welcome message for customer on the My Account page (above the dashboard) */
#myAccountPageTopCopy{
	margin:0 0 20px 0;
}



/***************************************************/


/*** Sign on page for dealers ***/
#signOnPage{
	margin:0;
	padding:0;
}

/* Hidden Menu Links */
#signOnPage #menuHomeLink{
	display:none;
}

/* Sign on container for dealer sign in [miele coat of arms] */
#signOnContainer{
	background-image:url('/images/sign_in/sign_in_bg.jpg');
	background-repeat:none;
	width:726px;
	height:300px;	
}

/* Sign on container for customer sign in [laundry] */
#signOnContainerCustomer{
	background-image:url('/images/sign_in/laundry.jpg');
	background-repeat:none;
	width:726px;
	height:300px;	
}

/* Left side inside sign on container for dealers */
#signOnContainer #socLeft{
	padding:10px;
	width:300px;
	float:left;
}

/* Left side inside sign on container for customers */
#signOnContainerCustomer #socLeft{
	border-right:solid 5px #fff;
	background-color:#e6e6e6;
	width:300px;
	height:300px;
	float:left;
}

/* Inner left side container for customer sign on */
#signOnContainerCustomer #socLeft #inner{
	margin:12px;
}


/***************************************************/


/*** Popup area on My Account page ***/

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

h1
{
	font-size:12pt;
	color:#666;
	line-height:16pt;
}

/***************************************************/


/*** Change password pop up ***/

/* Change password table */
.cpTable{
	margin:10px 0 0 0;
	font-size:9pt;
}

/* Adding top and bottom padding to rows in change password table */
table.cpTable tr td{
	padding:3px 0 3px 0;
}

/* Width for label (text to the left of input box */
table.cpTable tr td.input_label{
	width:150px;
}

/* Width for label (text to the left of input box */
table.cpTable tr td .input_text{
	width:175px;	
	border:solid 1px #999;
}


/***************************************************/


/*** My Account Information pop up ***/

/* Margin for pop up pages */
#piPage,#ohPage,#cpPage{
	margin:10px;
}

/* Margin for print terms pop up */
#storePrintTerms
{
	margin:10px;
}

/* Account information table */
#piPage table.accountInfo{
	font-size:8pt;
	margin:0px 0px 10px 0px;
}

/* Input and Select definitions for Account information table */
#piPage table.accountInfo input,#piPage table.accountInfo select{
	border:solid 1px #ccc;
	font-size:8pt;
}

/* Padding for rows in Account information table */
#piPage table.accountInfo tbody td{
	padding:4px 0px 4px 0px;
}

/* Row background color for Account information table */
#piPage table.accountInfo tbody tr.personalInfoRow1{
	background-color:#ffffcc;
}

/* Alternating row background color for Account information table */
#piPage table.accountInfo tbody tr.personalInfoRow2{
	background-color:#fff;
}



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





/* Iframe ID for Forgot Password pop up */
#popUpContainer_ForgotPassword{
	text-align:left;
	background-color:#fff;
	background-repeat:repeat;	
	width:640px;
	height:220px;
	padding:0;
	overflow:auto;
	border:solid 2px #999;
	z-index:5000;
}


/* Iframe ID for Change Password pop up */
#popUpContainer_ChangePassword{
	text-align:left;
	background-color:#fff;
	background-repeat:repeat;	
	width:640px;
	height:250px;
	padding:0;
	overflow:auto;
	border:solid 2px #999;
	z-index:5000;
}

/* Iframe ID for Order History pop up */
#popUpContainer_OrderHistory{
	text-align:left;
	background-color:#fff;
	background-repeat:repeat;	
	width:640px;
	height:350px;
	padding:0;
	overflow:auto;
	border:solid 2px #999;
	z-index:5000;
}

/* Iframe ID for Personal Info pop up */
#popUpContainer_PersonalInfo{
	text-align:left;
	background-color:#fff;
	background-repeat:repeat;	
	width:640px;
	/*height:400px;*/
	padding:0;
	overflow:auto;
	border:solid 2px #999;
	z-index:5000;
}


/* Iframe ID for Print Terms pop up */
#popUpContainer_PrintTerms{
	text-align:left;
	background-color:#fff;
	background-repeat:repeat;	
	width:640px;
	/*height:400px;*/
	padding:0;
	overflow:auto;
	border:solid 2px #999;
	z-index:5000;
}


/* Iframe ID for Create XML pop up */
#popUpContainer_CreateXML{
	text-align:left;
	background-color:#fff;
	background-repeat:repeat;	
	width:640px;
	height:220px;
	padding:0;
	overflow:auto;
	border:solid 2px #999;
	z-index:5000;
}



#ohCustomerLeft{
	float:left;
	width:295px;
	font-size:8pt;
	margin:0px 10px 0px 0px;
}
	
#ohCustomerRight {
	float:right;
	width:200px;
}
	

.ohCustomerDetails
{
	color:#333;
	margin:0px 0px 10px 0px;
	font-size:9pt;
	background-color:#fff;
}

.ohCustomerDetails .label
{
	color:#444;
	width:150px;
	font-weight:bold;
}

.ohCustomerDetails tr td
{
	padding:2px 0px 2px 0px;
}

/*** Order History pop up ***/

/* Order number box above order details table */
.ohOrderNumber
{
	color:#333;
	padding:5px;
	margin:0px 0px 10px 0px;
	font-size:8pt;
	background-color:#f0f0f0;
	border:solid 1px #ccc;
}

.ohOrderNumber tr td
{
	padding:2px 0px 2px 0px;
}

/* Table for Order History details */
.ohDetailsTable{
	background-color:#fff;
}

/* Rows within order history details table */
.ohDetailsTable tr td{
	border-bottom:solid 1px #ccc;
	font-size:8pt;
	padding:3px 0px 3px 0px;
}

/* Header on Order History details table */
.ohDetailsHeader{
	background-color:#666;
	height:18px;
	color:#fff;
	font-size:9pt;
	font-weight:bold;
}

/* Text on Order History details table */
.ohDetailsText{
	font-size:9pt;
	height:18px;
}

/* Order History Details table - Header column definition for item number */
.ohDetailsItemNumberHeader{
	background-color:#666;
	color:#fff;
	font-weight:bold;
	padding-left:2px;
	width:150px;
}

/* Order History Details table - Item column definition for item number */
.ohDetailsItemNumber{
	padding-left:2px;
	width:170px;
}

/* Order History Details table - Header column definition for item description */
.ohDetailsItemDescHeader{
	background-color:#666;
	color:#fff;
	font-weight:bold;
}

/* Order History Details table - Item column definition for item description */
.ohDetailsItemDesc{
}

/* Order History Details table - Header column definition for quantity */
.ohDetailsQtyHeader{
	width:50px;
	background-color:#666;
	color:#fff;
	font-weight:bold;
}

/* Order History Details table - Item column definition for quantity */
.ohDetailsQty{
	width:45px;
	text-align:center;
}

/* Order History Details table - Header column definitions for price & total */
.ohDetailsPriceHeader,.ohDetailsTotalHeader{
	width:70px;
	background-color:#666;
	color:#fff;
	font-weight:bold;
	padding-right:2px;
}

/* Order History Details table - Item column definitions for price & total */
.ohDetailsPrice,.ohDetailsTotal{
	text-align:right;
	padding-right:2px;
}

/* Table for Order History price totals (below Order History details table) */
.ohTotalTable{
	margin:10px 0 0 0;	
}

/* Row definition for Order History price totals table */
.ohTotalTable tr td{
	text-align:right;
	font-size:8pt;
	height:18px;
}

/* Final order value text definition within the Order History price totals table */
.ohTotalTable tr td.orderValue{
	font-weight:bold;
}

/* width for all price columns in Order History price totals table */
.ohTotalTable tr td.price{
	width:100px;
}

/* Order value column */
.orderValueCol{
	width:80px;
	text-align:right;
	padding-right:15px;
}

/* Order date column */
.orderDateCol{
	width:75px;
}

/* Order number column */
.orderNumberCol{
	width:90px;
}

/* Reference number column */
.referenceNumberCol{
	padding-left:2px;
	width:70px;
}

/* View details column */
.viewDetailsCol{
	text-align:center;
	width:55px;
}

/* Header on Order History complete list table */
.ohHeaderText{
	background-color:#ffffcc;
	font-size:8pt;
	font-weight:bold;
}

/* Text for Order History complete list table */
.ohTableText{
	font-size:8pt;
	padding:3px 0 3px 0;
}






/* My Favorites table */
.myFavsTable{
	font-size:8pt;
}

/* My Favorites table row height */
.myFavsTable tr{
	height:22px;
}

.myFavsTable tr:hover
{
	background-color:#eee;
}

.myFavsTable tr td
{
	border-bottom:solid 1px #aaa;
}

/* My Favorites table - Header column definition for item number */
.myFavsItemNumberHeader{background-color:#666;color:#fff;font-weight:bold;padding-left:2px;width:150px;}

/* My Favorites table - Item column definition for item number */
.myFavsItemNumber{padding-left:2px;width:170px;}

/* My Favorites table - Header column definition for item description */
.myFavsItemDescHeader{background-color:#666;color:#fff;font-weight:bold;}

/* My Favorites table - item column definition for item description */
.myFavsItemDesc{}

/* My Favorites table - Header column definition for quantity */
.myFavsQtyHeader{width:50px;background-color:#666;color:#fff;font-weight:bold;display:none;}

/* My Favorites table - Item column definition for quantity */
.myFavsQty{width:150px;text-align:center;display:none;}

/* My Favorites table - Header column definitions for price & total */
.myFavsPriceHeader{width:70px;background-color:#666;color:#fff;font-weight:bold;padding-right:10px;}

/* My Favorites table - Item column definitions for price & total */
.myFavsPrice{padding-right:10px;text-align:right;}

/* My Favorites table = Header column definition for Buy Now */
.myFavsBuyNowHeader{width:70px;background-color:#666;color:#fff;font-weight:bold;padding-right:3px;text-align:center;}

/* My Favorites table - Item column definition for Buy Now */
.myFavsBuyNow{text-align:center;}

.fpTable{margin:10px 0px 10px 0px;font-size:9pt;}
.fpTable tr td{padding:0px 0px 6px 0px;}
.fpTable tr td.label{width:70px;}
.fpTable tr td input.username{width:155px;border:solid 1px #ccc;}
.fpTable tr td input.submitAndReset{font-size:9pt;}

#fpPage{margin:10px;}

#dealerDashboard{}

#dealerDashboard li#menuHomeLink,#dealerDashboard li#menuProductReg, 
#dealerDashboard li#menuEscLink,#dealerDashboard li#menuCartLink
{display:none;}

#dealerDashboard li#menuFreightEstimator{display:block;}

/* Welcome message for customer on the My Account page (above the dashboard) */
#dealerDashboardTopCopy{margin:0 0 20px 0;}

#ddMenu{margin:0px 0px 20px 0px;}

/* Unorderded list for dashboard icons */
#ddMenu ul{margin:0;padding:0;}

/* Unordered list items for dashboard icons */
#ddMenu ul li{margin:0px 10px 10px 0px;float:left;width:235px;height:100px;}
#ddMenu ul li table tr td{vertical-align:top;}
#ddMenu ul li img{margin:0px 5px 5px 0px;}
#ddMenu ul li .linkDesc{font-size:8pt;line-height:11pt;}
#ddMenu ul li a:link,#ddMenu ul li a:visited{font-size:9pt;line-height:12pt;color:#555;font-weight:bold;}
#ddMenu ul li a:hover{color:#222;}

#dealerDashboard #dealerDashboardContainer .ddMenuAcctOptionsHeader{font-size:8pt;line-height:12pt;color:#666;border-bottom:dotted 1px #ccc;margin:0px 0px 10px 0px;}

/* Unorderded list for dashboard icons */
#dealerDashboard #dealerDashboardContainer ul#ddMenuAcctOptions{margin:0;padding:0;}
#ddMenuAcctOptions ul li table tr td{vertical-align:top;}

/* Unordered list items for dashboard icons */
#ddMenuAcctOptions ul li{width:100%;display:block;float:left;clear:both;margin:0px 0px 10px 0px;}
#ddMenuAcctOptions ul li img{float:left;margin:0px 10px 10px 0px;}
#ddMenuAcctOptions ul li a{font-size:8pt;line-height:12pt;color:#666;font-weight:bold;}
#ddMenuAcctOptions ul li .linkDesc{font-size:8pt;line-height:11pt;}

#errorMsgArea{margin:5px 0px 0px 0px;}

#dealerDashboard #pageLeft{width:490px;}
#dealerDashboard #pageRight{width:225px;float:right;}
#dealerDashboard #pageRight .titleText{font-size:8pt;color:#888;border-bottom:dotted 1px #ccc;margin:0px 0px 5px 0px;}
#dealerDashboard #pageRight ul{margin:0;padding:0;}
#dealerDashboard #pageRight ul li{margin:0 0 6px 0;padding:0;list-style-type:none;line-height:10pt;font-size:8pt;}
#dealerDashboard #pageRight .pageRightWidget{padding:8px;background-color:#f6f6f6;border:solid 1px #ddd;font-size:8pt;margin:0px 0px 10px 0px;}

#zipCodeArea{display:none;position:absolute;background-color:#fff;border:solid 2px #aaa;width:300px;height:80px;margin:300px 0px 0px 254px;}

#estimatorPop{border:none;width:640px;height:350px;}
#estimatorPopHeader{background-color:#666;text-align:right;font-size:8pt;line-height:18px;}
#estimatorPopHeader a{text-decoration:none;color:#fff;font-weight:bold;}
#estimatorPopPage #popUpHeader{width:620px;}
#popUpContainer{border:solid 1px #ccc;width:600px;}
#pop{width:100%;}
#popUpHeader{width:100%;}

#containerFile #popUpHeader, #signOnPage #popUpHeader, #signOnPageCustomer #popUpHeader, #dealerDashboard #popUpHeader{width:644px;}

#warningPopUpArea{position:absolute;width:350px;height:155px;display:none;margin:75px 0px 0px 177px;border:solid 2px #ccc;background-color:#f6f6f6;font-size:9pt;}
#warningPop{width:330px;height:135px;padding:10px;}
#warningPage table tr td{font-size:9pt;line-height:12pt;}
#warningPage .title{color:#ff0000;font-size:11pt;font-weight:bold;line-height:14pt;margin:0 0 5px 0;}
#warningPage .popText{margin:0 0 20px 0;}
#warningPage #yesOrNo {margin:0;padding:0;width:100%;}
#warningPage #yesOrNo ul{margin:0;padding:0;}
#warningPage #yesOrNo ul li{margin:0 10px 0 0;padding:0;list-style-type:none;float:left;}
#warningPage #yesOrNo input{cursor:pointer;font-family:Arial,Helvetica,Sans-Serif;font-size:9pt;margin:0;padding:0;height:26px;background-image:url(/images/cms/yesOrNo_bg.gif);background-repeat:repeat-x;border:solid 1px #ccc;width:40px;}
#warningPage #yesOrNo input:hover{border:solid 1px #999;}



#maMenu{margin:0px 0px 20px 0px;}

/* Unorderded list for dashboard icons */
#maMenu ul{margin:0;padding:0;}

/* Unordered list items for dashboard icons */
#maMenu ul li{margin:0 10px 10px 0;float:left;width:235px;height:100px;}
#maMenu ul li table tr td{vertical-align:top;}
#maMenu ul li img{margin:0px 5px 5px 0px;}
#maMenu ul li .linkDesc{font-size:8pt;line-height:11pt;}
#maMenu ul li a:link,#maMenu ul li a:visited{font-size:9pt;line-height:12pt;color:#555;font-weight:bold;}
#maMenu ul li a:hover{color:#222;}






#maMenu .ss,#maMenu .pr,#maMenu .mf,#maMenu .voh,#maMenu .cp
{
	display:block;
	width:80px;
	height:60px;
	background-image:url('/images/cms/my_account_icons.png');
	background-repeat:none;
}

#maMenu .ss{background-position:0 0;}
#maMenu .pr{background-position:-80px 0;}
#maMenu .mf{background-position:-160px 0;}
#maMenu .voh{background-position:0 -60px;}
#maMenu .cp{background-position:-80px -60px;}