/* CSS Document for MagicChef.com
Author: T. Seger
Created: 5/11/2005
*/

/*********************************************************
* Master layout elements
*********************************************************/
body {
	margin: 0px;
	background-color: #C8CDD1;
	text-align: center;
}

td, div {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
}
div#masterlayout {
	width: 778px !important;
	text-align: left;
}
table#ml {
	width: 778px !important;
}
div#errormsg {
	margin: 5px 0px 10px 10px;
	color: #EF3E42;
}
div.float {
    float: left;
}
/*********************************************************
* Top Nav layout elements
*********************************************************/
div#topnav {
	height: 23px;
	font-family: frutiger, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}
a.topnav:link {
	color: #FFFFFF;
	text-decoration: none;
}

a.topnav:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.topnav:hover {
	color: #000000;
	text-decoration: none;
}
div#hat {
    float: left;
    height: 23px;
    width: 44px;
}
div#topnavmenu {
	float: right;
	padding: 0px 10px 0px 0px;
	margin-top: 5px;
}
/*********************************************************
* Intro layout elements
*********************************************************/
td#bgleft {
	height: 239px;
	width: 442px;
	vertical-align: top;
	font-family: mrseavesbold, verdana, arial, helvetica, sans-serif;
	text-align: left;
}
td#bgright {
    height: 239px;
	width: 336px;
	text-align: left;
}
div#logo {
	height: 85px;
	width: 196px;
}
div#redtype {
	color: #CC0000;
	font-size: 18px;
	margin: 30px 0px 0px 50px;
}
div#blacktype {
	font-size: 22px;
	margin-left: 75px;
}
div.taglines {
	margin: 2px 0px 0px 50px;
	text-align: left;
}
div#whitetype {
	font-family: frutiger, verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	margin: 77px 0px 0px 10px;
}
/*********************************************************
* Main Menu layout elements
*********************************************************/
td#mainmenu {
	height: 148px;
	background-repeat: repeat-y;
	vertical-align: top;
	font-family: frutiger, verdana, arial, helvetica, sans-serif;
	padding-left: 5px;
}
td#mainmenu a {
	color: #373632;
	text-decoration: none;
}
td#mainmenu a:hover {
	color: #6A0400;
}
div#cookdrop a {
	color: #373632;
	text-decoration: none;
}
div#cookdrop a:hover {
	color: #6A0400;
}
td.cookdroplink {
	height: 20px;
	width: 105px;
	background-color: #E0E3E8;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
}
div.thumbnail {
    float: left;
	height: 148px;
	width: 111px;
	background-repeat: repeat-x;
	vertical-align: top;
}
img.arrow {
	margin: 5px 0px 0px 5px;
}
div.prodlink {
	float: left;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 0px 0px 3px;
}
/*********************************************************
* Callout layout elements
*********************************************************/
td#bgcall {
	background-repeat: repeat-y;
	vertical-align: top;
	padding: 0px 0px 30px 5px;
}
td#bgcall a {
	color: #CC0000;
	text-decoration: none;
}
td#bgcall a:hover {
	color: #000000;
}
div.headline {
	font-family: mrseavesroman, arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	color: #CC0000;
	margin: 30px 0px 0px 25px;
	text-align: left;
}
div.hzbar {
    background-repeat: repeat-x;
	margin: 2px 0px 0px 25px;
}
div#lefttag {
	width: 390px;
    margin-left: 25px;
    text-align: left;
}
div#righttag {
	width: 300px;
    margin-left: 25px;
    text-align: left;
}
/*********************************************************
* Bottom Nav layout elements
*********************************************************/
td#botnav {
	height: 26px;
	background-repeat: repeat-y;
}
td#botnav a {
	color: #6A0400;
	text-decoration: none;
}
td#botnav a:hover {
	color: #666666;
}
div#copy {
	float: left;
	padding: 5px 0px 0px 10px;
	font-family: mrseavesroman, arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #494D40;
}
div#botnavmenu {
	float: right;
	font-size: 10px;
	padding: 6px 10px 0px 0px;
}
/*********************************************************
* Cooking Menu layout elements
*********************************************************/
td#cookingmenu {
	height: 575px;
	vertical-align: top;
	font-family: frutiger, verdana, arial, helvetica, sans-serif;
}
td#cookingmenu a {
	color: #000000;
	text-decoration: none;
}
td#cookingmenu a:hover {
	color: #666666;
}
div#cookingheader {
	height: 145px;
	width: 778px;
	background-repeat: no-repeat;
	margin-top: 33px;
}
div#headertitle {
	font-family: mrseavesroman, arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-left: 227px;
	padding-top: 7px;
}
div#redtype2 {
	color: #CC0000;
	font-family: mrseavesbold, verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	margin: 25px 0px 0px 375px;
}
div#blacktype2 {
	font-family: mrseavesbold, verdana, arial, helvetica, sans-serif;
	font-size: 22px;
	margin-left: 400px;
}
img.thumbnail {
	margin-bottom: 10px;
}
div.caption {
	float: left;
	font-size: 12px;
	text-align: center;
}
div#grayline {
	padding-bottom: 10px;
	margin: 150px 45px 10px 225px;
	border-bottom: 1pt solid #C6CABC;
}
div#cooktag {
	margin: 0px 45px 0px 225px;
	font-family: verdana, arial, helvetica, sans-serif;
}
/*********************************************************
* Main Menu2 layout elements
*********************************************************/
td#mainmenu2 {
	height: 71px;
	width: 778px;
	vertical-align: top;
}
div#logo2 {
	float: left;
	height: 71px;
	width: 195px;
}
td#prodline {
	font-family: frutiger, arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	padding: 8px 10px 0px 33px;
	vertical-align: top;
}
div.prodlink2 {
	float: left;
	font-family: frutiger, arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	padding: 8px 30px 0px 3px;
}
div.prodlink2 a {
	color: #373632;
	text-decoration: none;
}
div.prodlink2 a:hover {
	color: #6A0400;
}
div#shading {
	float: left;
	height: 34px;
	background-repeat: repeat-x;
	margin: 1px 1px 0px 1px;
}
div.prodlink3 {
	float: left;
	font-family: frutiger, arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 7px 0px 0px 4px;
}
div.prodlink3 a {
	color: #FFFFFF;
	text-decoration: none;
}
div.prodlink3 a:hover {
	color: #6A0400;
}
div.tick {
	float: left;
	margin-top: 1px;
}
img.arrow2 {
	margin: 8px 0px 0px 7px;
}
img.arrow3 {
	margin: 9px 0px 0px 5px;
}
/*********************************************************
* Mainsection layout elements
*********************************************************/
td#bgmain {
	background-repeat: repeat-y;
	vertical-align: top;
	font-family: arial, verdana, helvetica, sans-serif;
	padding-bottom: 15px;
}
td#bgmain a {
	color: #6A0400;
}
td#bgmain a:hover {
	color: #666666;
}
td.history {
	padding-left: 100px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	vertical-align: top;
}
div#title {
	font-family: mrseavesroman, arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	color: #CC0000;
	margin: 25px 0px 0px 0px;
}
div#hzbar2 {
    width: 585px;
	background-repeat: repeat-x;
	margin: 3px 0px 0px 100px;
}
div.script {
	width: 585px;
	margin: 10px 0px 0px 100px;
	font-size: 12px;
	color: #000000;
}
div.script2 {
	width: 585px;
	margin: 20px 0px 0px 100px;
	font-size: 14px;
	color: #000000;
}
div.script3 {
	width: 585px;
	margin: 3px 0px 0px 100px;
	color: #666666;
	font-style: italic;
}
/*********************************************************
* Product Results layout elements
*********************************************************/
td#bgprodresult {
	height: 575px;
	vertical-align: top;
	padding-bottom: 20px;
}
div#blacksplash {
	font-size: 12px;
	margin: 50px 0px 0px 22px;
}
div#redsplash {
	color: #CC0000;
	font-size: 16px;
	margin-left: 33px;
}
div#splashdesc {
	margin: 10px 15px 0px 22px;
	font-size: 12px;
}
div#prodheader {
	font-family: mrseavesroman, arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 25px 0px 0px 0px;
}
div#hzbar3 {
    width: 530px;
	background-repeat: repeat-x;
	margin: 2px 0px 0px 0px;
}
div.modshell {
	height: 30px;
	width: 530px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1pt solid #E6E8E2;
}
/*********************************************************
* Product Detail layout elements
*********************************************************/
div#attributelabel {
	font-family: mrseavesroman, arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 50px 0px 0px 0px;
}
div#hzbar4 {
    width: 500px;
	background-repeat: repeat-x;
	margin: 2px 0px 0px 0px;
}
div#modellabel {
	float: left;
	padding: 10px 0px 0px 20px;
	color: #999999;
}
div#moddesc {
	font-weight: bold;
	margin-bottom: 3px;
}
div#colorsection {
	float: left;
	font-weight: bold;
	padding-top: 4px;
}
div.colorname {
	float: left;
	margin-left: 5px;
	padding-top: 4px;
}
div#thumbholder {
	float: left;
	width: 218px;
	margin-top: 30px;
}
div#hasimage {
	float: left;
	margin: 8px 2px 0px 36px;
}
div#enlarge {
	float: left;
	margin-top: 8px;
}
div#enlarge a {
	color: #6A0400;
}
div#enlarge a:hover {
	color: #666666;
}
div#reldocs {
	font-family: mrseavesroman, arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 50px 0px 0px 20px;
}
div#hzbar5 {
    width: 180px;
	background-repeat: repeat-x;
	margin: 2px 0px 0px 20px;
}
div.listitem {
    margin: 10px 0px 0px 20px;
}
div.listitem a {
	color: #6A0400;
}
div.listitem a:hover {
	color: #666666;
}
div#estar {
	float: right;
	padding: 20px 20px 0px 0px;
}
/*********************************************************
* Product Zoom layout elements
*********************************************************/
td#bgprodzoom {
	height: 675px;
	vertical-align: top;
}
div#hzbar6 {
    width: 648px;
	background-repeat: repeat-x;
	margin: 2px 0px 0px 0px;
}
/*********************************************************
* Button layout elements
*********************************************************/
img.back {
	margin: 40px 0px 0px 20px;
}
/* ******* Fry added styles  ******* */
h2 {color: #000000; font-size: 11px; font-weight: bold; padding:0; margin:0;}

a:link      {color: #6b0804; text-decoration:none;}
a:visited   {color: #6b0804; text-decoration:none;}
a:hover     {color: #6b0804; text-decoration:underline;}

.additional  {font-size:11px; font-weight:bold; color:#696969; text-decoration: underline;}

#popupBody { margin:0; padding: 0; background-color: #ffffff; background-image : none; font:normal 11px arial,sans-serif;
}

.search {color: #353535; font:normal 10px verdana, sans-serif; }
.searchField {color: #353535; font:normal 10px verdana, sans-serif; width:180px;}
.logo {margin:0px; padding:0px; width:192px;}
.navBG {padding-right:10px; text-align: right; height: 25px;}
.BGImg {background-image : url(/assets/magicchef/images/global/navBG.gif); background-repeat:  no-repeat;}
.rightBG  {background-image: url(/assets/magicchef/images/global/rightBG.gif); width:5px; height:23px;}
.categoryName { font-family: verdana, sans-serif; color: #cc0000; font-size: 16px; letter-spacing: 2px; font-weight:bold; }
a.header:link {font-family: verdana; font-size:13px; color: #373632; text-decoration: none; text-transform: uppercase; font-weight:bold;}
a.header:visited {font-family: verdana; font-size:13px; color: #373632; text-decoration: none; text-transform: uppercase; font-weight:bold;}
a.header:hover {font-family: verdana; font-size:13px; color: #6a0400; text-decoration: none; text-transform: uppercase; font-weight:bold;}

#searcharea {height:32px; text-align:right; padding-right:25px;}
#content {background-color: #ffffff; padding: 20px 15px;}
#contentInternal {padding: 10px 14px 20px 14px;}
#contentInternalCS {padding: 10px 14px 20px 96px;}
#contentInternalPD {padding: 10px 27px 20px 27px;}
#bodyBG {background-image: url(/assets/magicchef/images/home/body_bg.jpg)}

#contentProdDetail {background-color: #ffffff; padding: 10px 20px 18px 0;}
#breadcrumb {text-align: left; padding-bottom:15px;}
.fl { float: left; }

.pdTH {padding: 5px;}
.line {border-bottom: 1px solid #cdd2d5;}

.row1borderTop	 	   {border-top: 1px solid #696969;}
.row1borderLeft	 	{border-left: 1px solid #ffffff;}
.row1BG 			      {background-color: #ffffff;}
.row1BGBlank		   {background-color: #ffffff;}
.row1BGCheckbox		{background-color: #f0f0f0;}
.row1Border	    	   {border: 1px solid #ffffff;}

.row2borderTop	 	   {border-top: 1px solid #696969;}
.row2borderLeft	 	{border-left: 1px solid #ffffff;}
.row2BG 			      {background-color: #ffffff;}
.row2BGBlank		   {background-color: #ffffff;}
.row2BGCheckbox		{background-color: #f0f0f0;}
.row2Border	    	   {border: 1px solid #ffffff;}

.catBorderBottom     {border-bottom: 1px solid #cdd2d5;}
.models              {width:87px; background-color:#ffffff; padding:2px;}

.prodBrowse 		   {font-size:11px; font-weight:bold; color:#696969; text-align:left;}
a.prodBrowse:link 	{font-size:11px; font-weight:bold; color:#696969; text-decoration:none; text-align:left; }
a.prodBrowse:visited {font-size:11px; font-weight:bold; color:#696969; text-decoration:none; text-align:left;}
a.prodBrowse:hover	{font-size:11px; font-weight:bold; color:#696969; text-decoration:underline; text-align:left;}

.cellPadding         {padding:10px;}
.paddingLeft         {padding-left: 10px;}
.shoppingUtils       {height:24px;}

th,td,p,li,input,select,textarea { font:normal 11px verdana,sans-serif; }

.color_000000 { color: #000000; }
.txt-red { color: #cc0000; }
.small { font-size: 9px; }

#leftNav {}
.mainWidth {width:778px;
margin-left: auto;
margin-right: auto;
text-align: left;}

h3 {font: normal 14px verdana; color: #696969; padding:0; margin:0;}
.dividerLine {width: 100%; margin:30px 0;}
.smallHighlight {font-size: 9px; color: #6b0804;}
a.smallHighlight:link {font-size: 9px; color: #6b0804;}
a.smallHighlight:visited {font-size: 9px; color: #6b0804;}

a.dark:link      {color: #565656; text-decoration: underline;}
a.dark:visited   {color: #565656; text-decoration: underline;}

.prodTitle {font-family: Arial, Verdana, sans-serif; color: #cc0000; font-size: 16px; font-weight: bold;}
.emailPageProdTitle {padding: 15px; width:226px;font-family: "Arial", Verdana, sans-serif; color: #7c7c7c; font-size: 12px; font-weight:bold;}
.ico {padding-top:10px; padding-right:5px;}
.hrStyle {color: #f0f0f0;}
.prodSpecCell {padding: 5px 10px;}

.specsRow1borderTop	 	   {border-top: 1px solid #f0f0f0;}
.specsRow1BG 			      {background-color: #ffffff;}

.specsRow2borderTop	 	   {border-top: 1px solid #f0f0f0;}
.specsRow2BG 			      {background-color: #ffffff;}
.pd5 {padding:5px;}

.compBotBorder {border-bottom: 1px solid #cdd2d5;}
.compRow1BorderTop   {border-top: 1px solid #cdd2d5;}
.subTitle {padding-left:0px;}
.compWidth {width:725px;}

h1 {color: #cc0000; font-size: 16px; font-weight: bold; padding:0; margin:0;}

.contentTitle {color: #cc0000; font-size: 16px; font-weight: bold; width: 585px; margin: 20px 0px 0px 100px;}

 .csButton { color:#000000;
   text-transform: uppercase;
   background-color:#e6e6e6;
   border:1px solid;
   border-top-color:#b9b9b9;
   border-left-color:#9a9a9a;
   border-right-color:#606060;
   border-bottom-color:#494949;
   cursor: pointer;
   cursor:hand;
   padding: 1px; }

/* Tab styles */

a.tabSelected {background-color: #cc0000;
					border-style: solid solid none none;
               border-color: white;
               border-width: 1px 1px 0px 0px;
               padding: 15px 5px 20px 5px;
               font-family: arial;
               font-weight: bold;
               text-decoration: none;
               font-size:11px;
               color:#ffffff;
               text-transform: uppercase;
  }

 a.tabSelected:hover {	background-color: #cc0000;
					border-style: solid solid none none;
               border-color: white;
               border-width: 1px 1px 0px 0px;
               padding: 15px 5px 20px 5px;
               font-family: arial;
               font-weight: bold;
               text-decoration: none;
               font-size:11px;
               color:#ffffff;
               text-transform: uppercase;
  }

a.tab {
        border-style: solid solid none none;
        border-color: white;
        border-width: 1px 1px 0px 0px;
        background-color: #f0f0f0;
        padding: 7px 5px 20px 5px;
        font-family: arial;
        font-weight: bold;
        text-decoration: none;
        font-size:11px;
        text-transform: uppercase;
      }

      a.tab:hover {
        border-color: white;
        background-color: #cc0000;
        color: #ffffff;
        text-decoration:none;
      }
      .panel { border: solid 1px #f0f0f0; background-color: white; padding:24px 10px; overflow: auto; margin-top:21px;}

/* TOP Navigation STYLES */
.topNavMouseOver {color: #6a0400;}
.topNavMouseOut {color: #373632;}

/* Free Floating Menu [ Begin ] */

#ffm {position: relative; padding-left:110px;}

.ffm_drop_wrapper {float:left; padding:0; margin:0;}

ul.ffm_drop { float:left; margin: 0; padding: 0; list-style-type: none; }
ul.ffm_drop li.ffm_drop_con {
	position: absolute; display: block; margin: 0; padding: 0; visibility: hidden; background: #f5f5f5; z-index: 5000;
}
ul.ffm_drop li ul {
	position: relative; width: 120px; margin: 0; padding: 0; list-style-type: none; z-index: 5000;
}
ul.ffm_drop li ul li {
	position: relative; float: left; margin: 0; padding: 0; width: 120px; z-index: 5000;
}

/* Link Styles */

ul.ffm_drop a {
	display: inline-block; padding: 3px; text-decoration: none; color: #373632; font-size:11px;
}

ul.ffm_drop a {
	display: block; background: #e0e3e8; font-size:11px;
}

ul.ffm_drop a:visited {
	display: inline-block; padding: 3px; text-decoration: none; color: #373632; font-size:11px;
}

ul.ffm_drop a:visited {
	display: block; background: #e0e3e8; font-size:11px;
}

ul.ffm_drop a:hover {
	 word-space: nowrap; color: #6a0400; font-size:11px;
}

/* Drop Shadows */

.drop_shadow_over {
	position: absolute; background: #000; opacity: .10; filter: alpha(opacity=10); -moz-opacity: .10; z-index: 4999;
}
.drop_shadow_under {
	position: absolute; background: #000; opacity: .20; filter: alpha(opacity=20); -moz-opacity: .20; z-index: 4998;
}

/* ---------START CONTACT US----------- */
#contentInternalCS {padding: 18px 20px 0px 30px; width:522px;}
#contentCS {padding: 18px 30px 77px 30px; width:422px;float: left;}
#rightPanelCS {padding: 18px 30px 20px 30px; width:100px;float: right;}
#orange_arrow {
  margin: 3px 5px 0px 0px;
  }

.pageHeaderContactUs {font-family: "Trebuchet MS";color: #666666;font-size: 20px;}
.headerContactUs {font-family: "Trebuchet MS"; font-weight: bold;color: #333333;font-size: 13px;}
.bodyText {font-family: "Trebuchet MS"; color: #666666;font-size: 11px;line-height: 1.3}
.bodyText1 {font-family: "Trebuchet MS"; color: #666666;font-size: 11px;line-height: 1.2}
.bodyText2 {font-family: "Trebuchet MS"; color: #666666;font-size: 11px;line-height: 1.2}
.bodyText3 {font-family: "Trebuchet MS"; color: #666666;font-size: 11px;line-height: 1.2;}
.headerLineContactUs {width: 526px; height:1px; border-bottom: 1px solid #b7b7b7; margin:3px 0 20px 0; }
.headerdotLine {background: url(/assets/amana/images/custserv/line_fade.gif) no-repeat left;width: 384px; height:1px; margin:5px 0px 5px 0px;border: 0px solid #ff3366;}
.headerdotLine2 {width: 384px; height:1px; background: url(/assets/amana/images/custserv/line_fade.gif) no-repeat left; margin:7px 0px 0px 0px;border: 0px solid #ff3366;}
.headerdotLineRight {width: 130px; height:1px; background: url(/assets/amana/images/custserv/sh_underline.gif) no-repeat right top; margin:4px 0px 17px 0px; border: 0px solid #ff3366;}
.headerdotLineRight1 {width: 130px; height:1px; background: url(/assets/amana/images/custserv/sh_underline.gif) no-repeat right top;margin:4px 0px 13px 0px;border: 0px solid #ff3366;}
#contentBodyCS {width:530px; border: 0px solid #000}
#leftCS {width:383px; border: 0px solid #000;float:left;}
#rightCS {width:132px; border: 0px solid #000;float:right;}
#requiredField {font-family: "Trebuchet MS"; color: #666666;font-size: 11px;float:right; padding-right:23px}
.padding1 {padding: 0 0 9px 0;}
.padding2 {padding: 0 0 13px 0;}
.padding3 {padding: 0 0 20px 0;}
.padding4 {padding: 0 0 28px 0;}
.padding5 {padding: 0 0 23px 0;}
.padding6 {padding:4px 0px 0px 12px; float:left;}
.padding7 {padding:5px 0px 15px 0px;}
.padding8 {padding: 0px 0px 10px 0px;}
.padding9 {padding: 0px 0px 0px 0px;}
.buttonImage {float:left;}
.text_align {font-family: "Trebuchet MS"; color: #666666;font-size: 11px;padding: 0 0 1px 0;}
.brCU {color: #fe4a4a;}
.comboxbox_width {width:200px;}
.field_width {width:196px;}
.area_width {width:305px;height:70px;}
.lnVspaceContactUs {padding-bottom: 30px;}
.lnVspaceContactUs1 {height:20px;}
.lnHspaceContactUs {padding-left:12px;}
.smallText {font-family: "Trebuchet MS" ;color: #333333;font-size: 9px;}
.smallHeader {font-family: "Trebuchet MS"; font-weight: bold ;color: #333333;font-size: 12px;padding-bottom:2px;}
.smallHeader1 {font-family: "Trebuchet MS"; font-weight: bold ;color: #333333;font-size: 12px;padding:37px 0px 3px 0px}
#breadcrumbContactUs {text-align: left; padding-bottom:16px; color: #999999; font-size: 10px;}

.bottom {
	height:74px;
	}
.bottom span {
	}
.requiredNote {
	padding-right:3px;
}

a.cs:link     {font-family: "Verdana"; color: #777777;font-size: 9px; text-decoration:none;}
a.cs:visited  {font-family: "Verdana"; color: #777777;font-size: 9px; text-decoration:none;}
a.cs:hover    {font-family: "Verdana"; color: #777777;font-size: 9px; text-decoration:none;}
/* ---------END CONTACT US----------- */