/*******************************************************************************/
/* FLASH REPLACEMENTS */
.sIFR-flash   { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced  { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced > div { display: none !important; }
.sIFR-active #pageRight h1, .sIFR-active #pageRight h2 { visibility: hidden; font-family: Arial; line-height: 1em; }
/*
FIXTURES BLUE IS: 003678
*/
/******************************************************************************/
/* HTML ELEMENTS */
*,body  { margin: 0; padding: 0; }
html { overflow-x:hidden; }
body    { font: normal 62.5% Arial, Helvetica, sans-serif; background: #fff url('/_images/bg-top.jpg') no-repeat center top; }
a       { text-decoration:none; outline:none; }
img     { border: none; }
form    { padding: 0px; margin: 0px; }
td      { vertical-align: top; }
ul      { list-style: none;  }

p       { margin-bottom: 10px; }
object  { outline: none; }

/******************************************************************************/
/* CONTENT ELEMENTS */
#page        { background: url("/_images/content-bg.png") repeat-y center top;  } 
#content     { background: url("/_images/body-bottom-bg.gif") repeat-x center bottom; width: 975px; margin: auto; position: relative;  }
#content.home {  padding-top: 521px;  }
#content.inside {  padding-top: 100px;   }
#nav         { width: 975px; height: 100px; position: absolute; top: 0px; left: 0px; z-index: 10; }

#homePromo   { width: 975px; height: 521px; position: absolute; top: 0px; left: 0px; z-index: 3; }
#insidePromo { height: 113px; }

#leftTreat   { background: url("/_images/temp-side.png") no-repeat; position: absolute; top: -25px; left: -190px; width: 218px; height: 271px; z-index: 12; }
#rightTreat  { background: url("/_images/temp-side.png") no-repeat; position: absolute; top: -175px; right: -170px; width: 218px; height: 271px; z-index: 13; }
#rightTreat2 { background: url("/_images/mint.png") no-repeat; position: absolute; top: -1px; right: -224px; width: 264px; height: 153px; z-index: 13; }
#pageContent { width: 975px; }
/*
#leftImage1   { background: url("/_images/sides/cup.png") no-repeat; position: absolute; top: -25px; left: -190px; width: 221px; height: 221px; z-index: 12; }
#; }
#leftImage3   { background: url("/_images/sides/grater.png") no-repeat; position: absolute; top: 0px; left: -260px; width: 317px; height: 297px; z-index: 12; }
#leftImage4   { background: url("/_images/sides/morter.png") no-repeat; position: absolute; top: 0px; left: -260px; width: 280px; height: 354px; z-index: 12; }
#leftImage5   { background: url("/_images/sides/pot.png") no-repeat; position: absolute; top: 0px; left: -250px; width: 286px; height: 354px; z-index: 12; }
#leftImage6   { background: url("/_images/sides/utensils.png") no-repeat; position: absolute; top: 0px; left: -250px; width: 276px; height: 272px; z-index: 12; }
*/
#rightImage1  { background: url("/_images/sides/morter.png") no-repeat; position: absolute; top: -50px; right: -260px; width: 280px; height: 354px; z-index: 13; }
#rightImage2  { background: url("/_images/sides/knob.png") no-repeat; position: absolute; top: -30px; right: -230px; width: 255px; height: 152px; z-index: 13; }
#rightImage3  { background: url("/_images/sides/meat.png") no-repeat; position: absolute; top: -20px; right: -270px; width: 284px; height: 182px; z-index: 13; }
#rightImage4  { background: url("/_images/sides/salt.png") no-repeat; position: absolute; top: 0px; right: -250px; width: 259px; height: 176px; z-index: 13; }
#rightImage5  { background: url("/_images/sides/timer.png") no-repeat; position: absolute; top: 0px; right: -230px; width: 257px; height: 178px; z-index: 13; }
#rightImage6  { background: url("/_images/sides/mint.png") no-repeat; position: absolute; top: 0px; right: -195px; width: 264px; height: 271px; z-index: 13; }
#rightImage7   { background: url("/_images/sides/forks.png") no-repeat; position: absolute; top: 0px; right: -290px; width: 322px; height: 251px; z-index: 12 }


/******************************************************************************/
/* PAGE LEFT ELEMENTS */
#pageLeft    { width: 238px;  background: #0d0d0d url("/_images/inside-bg.gif") no-repeat; }
#pageLeft h1 { padding: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.5em; letter-spacing: .2em; color: #fff; font-weight: normal; text-transform:uppercase; }
#pageLeft ul { border-left: 1px solid #9c9c9c; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; letter-spacing: .1em; width: 200px; margin-left: 20px; margin-bottom: 15px; }
#pageLeft ul li a { display: block; background: url("/_images/side-nav-arrows.gif") no-repeat left -14px ; height: 15px; padding: 7px 0 7px 15px; text-transform:uppercase; color: #b7b7b7; font-weight: bold; }
#pageLeft ul li a:hover, #pageLeft ul li a.on { color: #fff; background-position: left 10px; }

#pageLeft ul li ul { border: none; margin: 0; }
#pageLeft ul li ul li a { display: block; background: url("/_images/side-nav-arrows.gif") no-repeat left -33px ; height: 15px; padding: 7px 0 7px 25px; text-transform:uppercase; color: #fffbe2; font-weight: bold; }
#pageLeft ul li ul li a:hover { color: #fff; background-position: left 10px; }
#calendar2   { width: 238px; height: 300px; margin-bottom: 15px;  }

/******************************************************************************/
/* PAGE RIGHT ELEMENTS */
#pageRight    { width: 737px;  }
#pageRight h1 { font-size: 3.5em; color: #003678; padding: 15px 20px 5px; }
#pageRight h2 { font-size: 2.5em; color: #003678; padding: 0px 20px 5px; clear: both; font-weight: normal; }
#pageRight .subTitle { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.8em; color: #666666; font-weight: normal; padding: 0px 20px 5px;  }
#pageRight p  { font-size: 1.3em; color: #3e3e3e; line-height: 1.6em; padding: 0px 20px 6px; }
#pageRight p a { color: #0866af; }
.borderTop { border-top: 1px solid #cccccc; }

.lbImage { float: left; width: 336px; margin-left: 20px; }
.rbImage { float: right; width: 336px; margin-right: 20px; }
#pageRight .rbImage h2, #pageRight .lbImage h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.7em; color: #003678; font-weight: normal; padding: 0; }
#pageRight .rbImage h3, #pageRight .lbImage h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.4em; color: #666666; font-weight: normal; padding: 0; }
.rbImage img, .lbImage img { border: 1px solid #003678; padding: 2px; background: #fff; width: 330px; }
.rbImage img:hover, .lbImage img:hover { background: #000; }
.browseRow { clear: both; margin-bottom: 20px; overflow:auto; }

/******************************************************************************/
/* COLUMNS ELEMENTS */
#col1 { width: 365px; float: left;  }

#col2 { width: 310px; float: right; margin-right: 20px; }

#col1 address     { display: block; font-size: 1.3em; color: #3e3e3e; line-height: 1.6em; padding: 0px 20px 6px; font-style: normal; }
#col2 input,
#col2 textarea    { width: 250px; padding: 2px; border: 1px solid #999; margin-bottom: 9px; }
#col2 label       { display: block; font-size: 1.3em; font-weight: bold; clear: both; color: #3e3e3e; }
#col2 fieldset    { border: none; }
#col2 h2, #col2 p { padding-left: 0;  }

#form4 { width: 300px; margin-left: 20px; }
#form4 address     { display: block; font-size: 1.3em; color: #3e3e3e; line-height: 1.6em; padding: 0px 20px 6px; font-style: normal; }
#form4 input,
#form4 textarea    { width: 250px; padding: 2px; border: 1px solid #999; margin-bottom: 9px; }
#form4 label       { display: block; font-size: 1.3em; font-weight: bold; clear: both; color: #3e3e3e; }
#form4 fieldset    { border: none; }
#form4 h2, #col2 p { padding-left: 0;  }

/******************************************************************************/
/* CRUMB ELEMENTS */
#cookieCrumb { padding: 8px; font-size: 1.1em; font-weight: bold; text-align: right; position: absolute; top: 70px; right: 0; width: 650px; z-index: 15; color: #7a7a7a; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform: uppercase }
#cookieCrumb a { color: #7a7a7a; }
#cookieCrumb a:hover, #cookieCrumb a.on { color: #003678; }
/******************************************************************************/
/* FOOTER ELEMENTS */
#footer { width: 950px; margin: auto; padding-top: 10px; position:relative; }
#manufacturers { width: 950px; height: 55px; clear: both;  }
#footer address { font-size: 1.1em; color: #4e4e4e; font-style:normal; width: 400px; }
#footer address .logo { width: 161px; height: 50px; float: left; margin-bottom: 25px; }
#footer ul { margin: 8px 0 15px; width: 650px; }
#footer li { display: inline; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: .1em;  }
#footer li a { color: #686868; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
#footer li a:hover { color: #2c8bd5; }
#footer form { width: 235px; float: right; margin-bottom: 10px; padding-top: 6px; }
#footer fieldset { border: none; }
#footer form legend { text-transform: uppercase; font-size: 1.7em; font-weight: bold; color: #6b6b6b; letter-spacing: -.05em; padding-left: 0px; margin-left: 0px; }
#footer form label { font-size: 1.2em; color: #595959; display: block;  }
#footer form input { font-size: 11px; color: #777777; margin-top: 5px;  }
#footer form .newsSubmit { color: #fff; background: #777; padding: 3px; border: 1px solid #333; }

/******************************************************************************/
/* MIDBAR ELEMENTS */
#midBar     { width: 931px; height: 297px; margin: auto; background: url("/_images/mid-bar.jpg") no-repeat center bottom; position: relative; }
#calendar   { position: absolute; width: 183px; height: 289px; top: 6px; left: 7px; }
.midItem    { width: 200px; padding: 13px; position: absolute; }
.midItem p  { font-size: 1.2em; color: #000000; padding: 6px 4px; line-height: 1.6em;  }
.midItem a  { color: #000000; }
.midItem a:hover { color: #2c8bd5; }
.midItem h1 strong { display: none; }
.midItem h1 { margin-bottom: 5px; height: 37px; }
#kitchen    { left: 194px; background: url("/_images/home-mid-seperator.gif") no-repeat right top; }
#bath       { left: 427px; background: url("/_images/home-mid-seperator.gif") no-repeat right top;  }
#outdoor    { left: 661px; }
#kitchen h1 { background: url("/_images/home-mid-kitchen-title.gif") no-repeat; }
#bath h1    { background: url("/_images/home-mid-bath-title.gif") no-repeat; }
#outdoor h1 { background: url("/_images/home-mid-outdoor-title.gif") no-repeat; }

/******************************************************************************/
/* MISC ELEMENTS */
.floatLeft { float: left; width: 48%; }
.floatRight { float: right; width: 48%; }
#topBar  { position: absolute; top: 0; width: 100%; background: url("/_images/top-color.jpg") repeat-x; height: 5px; }
#sexyBG  { display: none; position: absolute; background: #000; opacity: 0.4; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter: alpha(opacity=60); top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
#sexyBOX { display: none; position: absolute; text-align: center; top: 40px; z-index: 100; padding: 10px; background: #fff; font-size: 1.2em; font-weight: bold; color: #333333; width: 502px;  }
.sexyX   { font-size: 12px; color: #ddd; padding: 4px 0; border-top: 1px solid #666; background: #284da3; margin-top: 10px;      }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.productMediumImage     { position: relative; width: 300px; height: 300px; overflow: hidden;padding: 5px; margin: 5px 2px; background: #e1e1e1; border: 1px solid #cececd;}
.productMediumImage img { position: absolute; clip: rect(0px,300px,300px,0px); padding: 0; margin: 0; }

.productSmallImage      { display: block; position: relative; width: 60px; height: 60px; overflow: hidden;  padding: 5px; margin: 2px; background: #e1e1e1; border: 1px solid #cececd; float: left; }
.productSmallImage:hover { background: #000; }
.productSmallImage img  { position: absolute; clip: rect(0px,60px,60px,0px); padding: 0; margin: 0; }

.clearImage { clear: both; border-bottom: 1px solid #ccc; display: block; padding: 5px 0; }

p.eventTitle { padding-left: 20px; font-size: 20px; color: #666; }

.rImage { float: right; }
.lImage { float: left; }
.blogImage { margin-left: 20px; float: left; margin-right: 6px; padding: 2px; background: #fff; border: 1px solid #666; }


#chefs           { width: 700px; margin: auto; }
#chefs img       { border: 1px solid #003678; padding: 2px; background: #fff; margin-right: 8px; }
#chefs img:hover { background: #000; }
#chefs .leftcol  { width: 48%; float: left; }
#chefs .rightcol { width: 48%; float: right; }
#chefs .clearRow { clear: both; margin-bottom: 10px; }
#chefs .leftcol h2, #chefs .rightcol h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.7em; color: #003678; font-weight: normal; padding: 0; }
#chefs .leftcol h3, #chefs .rightcol h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.4em; color: #666666; font-weight: normal; padding: 0; }