/* css for basic items ------------------------------------------------------------------------------------------ */
html,body	{
 	width:100%;
 	}
body {
    padding: 0;
    margin: 0;
 	min-width: 1006px;
	font-family: arial, helvetica, verdana;
    font-size: 12px;
    line-height: 16px;
	color: #4c4c4c;
	background: #808080 url(../images/backgroundPattern.gif);
 	}
img {
    margin-left: 0;
	margin: 0;
    padding: 0;
	}
a, 
a:visited,
a:active {
	color: #4c4c4c;
	text-decoration: underline;
	}
a:hover {
	color: #F18622;
	text-decoration: underline;
	}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul li {
    padding: 0;
    margin: 0;
    }
ul#bullet,
ul.bullet {
    padding: 0 0 0 15px;
    margin: 0;
    list-style: disc;
    }
ul#bullet li,
ul.bullet li {
	padding: 0 0 3px 0px;
    margin: 0;
    }
ul#bullet-dash {
    padding: 0 0 0 15px;
    margin: 0;
    list-style: url(../images/dash.gif);
    }
ul#bullet-dash li {
	padding: 0 0 3px 0px;
    margin: 0;
    }
p {
	padding: 8px 0 8px 0;
	margin: 0;
	}
p#clear {
	padding: 0 0 20px 0;
	clear: both;
	}
p#clearNoSpace {
	padding: 0 0 0 0;
	clear: both;
	}
hr {
	padding: 0;
	margin: 0 0 12px 0;
	border: 0px;
	clear: both;
	height: 1px;
	width: 100%;
	}
h1 {
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 44px;
	line-height: 44px;
	}
h2 {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;
	}


/* css for site structure --------------------------------------------------------------------------------------- */
#outer {
	width: 100%;
	display: table;
	vertical-align: middle;
 	}
#container {
	margin: 0 auto 20px auto;
	width: 1006px;
    }
#inner {
	position: relative;
	width: 1006px;
	background: #fff; 
	}    


/* css for top navigation items --------------------------------------------------------------------------------- */
#navTop {
	position: relative;
	padding: 0 0 0 51px;
	width: 912px;
	height: 58px;
    }
#navTop ul li {
	float: left;
	}


/* css for breadcrumbs ------------------------------------------------------------------------------------------ */
#breadcrumbs {
	position: absolute;
	top: 2px;
	left: 76px;
	font-size: 11px;
	color: #411F40;
	z-index: 40;
	}
#breadcrumbs ul li {
	float: left;
	}
#breadcrumbs a,
#breadcrumbs a:visited,
#breadcrumbs a:active {
	color: #411F40;
	text-decoration: none;
	}
#breadcrumbs a:hover {
	color: #F18622;
	text-decoration: none;
	}
.on
{
	color: #8EAF26;
	text-decoration: none;
	}
#breadcrumbs a#on:hover {
	color: #8EAF26;
	text-decoration: none;
	}


/* css for pop up features -------------------------------------------------------------------------------------- */
#pop-retail {
	position: absolute;
	bottom: 0px;
	right: 41px;
	width: 257px;
	display: block;
	z-index: 50;
	visibility: hidden;
	font-size: 11px;
	font-size: 0;
	line-height: 0;
	}	
#pop-form {
	font-size: 11px;
	line-height: 15px;
	padding: 10px;
	width: 237px;
	background: url(../images/bg-retail-popup.png);
	}
#pop-retail a.retail,
#pop-retail a.retail:visited,
#pop-retail a.retail:active {
	color: #411F40;
	text-decoration: underline;
	font-size: 11px; 
	}
#pop-retail a.retail:hover {
	color: #fff;
	text-decoration: underline;
	}
#pop-retail #search {
	padding: 0 0 5px 0;
	}
#pop-retail #textbox {
	padding: 0 0 8px 0;
	}
#pop-retail .submit {
	margin: 0 0 0 2px; 
	border: 1px solid #999; 
	font-size: 11px;
	background: #fff;
	}
#pop-retail #pop-3t {
	padding: 0 10px 10px 0; 
	float: left
	}
	#pop-retail #pop-form-left {
	padding: 0 10px 10px 0; 
	float: left
	}
#pop-retail #pop-form-right {
	padding: 0 0 10px 10px; 
	float: left; 
	border-left: 1px solid #fff;
	
	}
#pop-signature {
	position: absolute;
	bottom: 0px;
	right: 25px;
	width: 94px;
	display: block;
	z-index: 60;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	}	
#pop-flag {
	position: absolute;
	bottom: 23px;
	right: 0px;
	width: 417px;
	display: block;
	z-index: 50;
	visibility: hidden;
	font-size: 11px;
	line-height: 15px;
	background: #8dae26;
	color: #fff;
	}	
#pop-title {
	margin-top: -5px;
	}
#pop-flag-top {
	width: 387px;
	padding: 10px 15px 10px 15px;
	background: #7f9d22;
	}
#pop-flag-left {
	width: 109px;
	padding: 10px 15px 10px 15px;
	background: #8dae26;
	float: left;
	}
#pop-flag-center {
	width: 109px;
	padding: 10px 15px 10px 15px;
	background: #8dae26;
	float: left;
	}
#pop-flag-right {
	width: 109px;
	padding: 10px 15px 10px 15px;
	background: #8dae26;
	float: left;
	}
#pop-flag a,
#pop-flag a:visited,
#pop-flag a:active {
	color: #411F40;
	text-decoration: underline;
	}
#pop-flag a:hover {
	color: #fff;
	text-decoration: underline;
	}
#pop-click a {
	position: absolute;
	bottom: -23px;
	right: 0px;
	width: 32px;
	height: 23px;
	display: block;
	z-index: 50;
	}	


/* css for footer items ----------------------------------------------------------------------------------------- */
#footer {
	position: relative;
	width: 1006px;
	height: 23px;
	background: #411F40;
	color: #674C66;
    }
#footer ul li#copyright {
	padding: 6px 0 0 76px;
	height: 17px;
	float: left;
	font-size: 10px;
	line-height: 10px;
	}
#footer ul li#links 
{
	height: 23px;
	float: right;
	font-size: 0px;
	line-height: 0px;
	width:402px;
	}
#footer ul li ul li {
	height: 23px;
	float: left;
	border-left: 1px solid #5D415C;
	font-size: 0px;
	line-height: 0px;
	}



/* css for main content layout ---------------------------------------------------------------------------------- */
#content {
	position: relative;
	/* width: 1006px; */
	
    }
   
#title {
	position: absolute;
	top: 40px;
	left: 76px;
	z-index: 50;
	}
#title a,
#title a:visited,
#title a:active {
	font-size: 12px;
	line-height: 20px;
	color: #F18622;
	}
#title a:hover {
	color: #411F40;
	}
#flash {
	position: absolute;
	top: 25px;
	left: 476px;
	
	}
#main {
	position: relative;
	padding: 40px 0 0 76px;
	width: 400px;
    }
#wide {
	position: relative;
	padding: 40px 0 0 435px;
	width: 515px;
    }

#wide a {
	color: #411F40;
    }
        
#results {
	position: relative;
	margin: 0 0 46px 428px;
	top: 46px;
	padding: 12px 10px 0 10px;
	width: 525px; 
	font-size: 11px;
	line-height: 14px;
	background: #fff;
    }

#results a.grind,
#results a.grind:visited,
#results a.grind:active,
#results a.grind:hover  
{
	color: #411F40;
}

#text {
	padding: 0 50px 0 0;
    }
#home-boxes {
	position: relative;
	padding: 210px 0 0 73px;
	width: 400px;
	height: 323px;
    }
#home-flash {
	position: absolute;
	top: 7px;
	left: 520px;
	}


/* css for about content items ---------------------------------------------------------------------------------- */
#about-left {
	padding: 0 15px 0 0;
	width: 297px; 
	float: left; 
	}
#about-right {
	width: 203px;
	float: left; 
	}
#slideShow {
	padding: 0 0 0 10px;
	font-size: 11px;
	}


/* css for trade content items ---------------------------------------------------------------------------------- */
#textfield {
	width: 165px;
	height: 15px;
	border: 1px solid #808080;
	}
.form-left {
	width: 75px;
	padding: 6px 0 6px 0; 
	float: left;
	font-size: 11px;
	color: #fff;
	}
.form-right {
	width: 385px;
	padding: 6px 0 6px 0; 
	float: left;
	}
#trade-left {
	padding: 0 0 10px 0;
	width: 360px; 
	float: left; 
	}
#trade-right {
	padding: 10px 0 10px 0;
	width: 155px;
	float: right; 
	}


/* css for buzz content items ----------------------------------------------------------------------------------- */
#buzz-left {
	padding: 0 30px 0 0;
	width: 282px; 
	float: left; 
	font-size: 11px;
	line-height: 14px;
	}
#buzz-right {
	width: 203px;
	float: left; 
	font-size: 11px;
	line-height: 14px;
	}

#buzz-left a 
{
	color:#411F40;
}
	
#buzz-right a 
{
	color:#411F40;
}
	
#buzz-contact {
	font-size: 11px;
	line-height: 14px;
	}
#buzz-contact a,
#buzz-contact a:visited,
#buzz-contact a:active {
	font-size: 11px;
	line-height: 14px;
	color: #411F40;
	}
#buzz-contact a:hover {
	color: #F18622;
	}
.as-seen-left {
	padding: 0 0 10px 0;
	width: 100px; 
	float: left; 
	}
.as-seen-right {
	padding: 0 0 10px 0;
	width: 167px;
	float: left; 
	font-size: 11px;
	line-height: 14px;
	}
.as-seen-wide {
	width: 375px;
	float: left; 
	font-size: 11px;
	line-height: 14px;
	}
#pr-left {
	padding: 0 30px 0 0;
	width: 332px; 
	float: left; 
	font-size: 11px;
	line-height: 14px;
	}
#pr-right {
	width: 153px;
	float: left; 
	font-size: 11px;
	line-height: 14px;
	}
.awards-left {
	padding: 0 0 10px 0;
	width: 160px; 
	float: left; 
	}
.awards-right {
	padding: 0 0 10px 0;
	width: 355px;
	float: right; 
	font-size: 11px;
	line-height: 14px;
	}
.awards-right a:visited
{
	color:#411F40;
}
p#date {
	font-size: 14px;
	font-weight: bold;
	clear: both;
	}



/* css for product content items -------------------------------------------------------------------------------- */
ul#swatches  {
	padding: 5px 0 0 0;
	height: 50px;
	}
ul#swatches li {
	padding: 0 5px 0 0;
	float: left;
	}
#availableColors {
	font-size: 11px;
	}
#otherProducts {
	font-size: 11px;
	color: #808080;
	}
#otherProducts a,
#otherProducts a:visited,
#otherProducts a:active {
	font-size: 11px;
	text-decoration: none;
	color: #808080;
	}
#otherProducts a:hover {
	color: #F18622;
	}
#productLandingIcons {
	position: relative;
	padding: 337px 0 193px 60px;
	}
#productLandingIcons ul li {
	padding: 0 8px 0 0;
	float: left;
	}
#categoryIcons {
	position: relative;
	padding: 20px 0 0 480px;
	}
#categoryIcons img {
	padding: 0 0 7px 0;
	
	}
#categoryIcons ul  {
	clear: both;
	}
#categoryIcons ul li {
	float: left;
	
	
	}
.categoryIconsLI {
	list-style-type:none;
	}
#categoryIcons a,
#categoryIcons a:visited,
#categoryIcons a:active,
#categoryIcons a:hover  {
	margin: 0 7px 7px 0;
	padding: 10px 0 0 0;
	top: 360px;
	left: 140px;
	width: 148px;
	height: 100px;
	display: block;
	text-align: center;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	background: url(../images/bg-category-grilln.png) no-repeat;
	}
#categoryIcons a.grind,
#categoryIcons a.grind:visited,
#categoryIcons a.grind:active,
#categoryIcons a.grind:hover  {
	background: url(../images/bg-catagory-grind.png) no-repeat;
	}
#categoryIcons a.grindNew,
#categoryIcons a.grindNew:visited,
#categoryIcons a.grindNew:active,
#categoryIcons a.grindNew:hover  {
	background: url(../images/bg-catagoryNew-grind.png) no-repeat;
	}	
#categoryIcons a.gadgets,
#categoryIcons a.gadgets:visited,
#categoryIcons a.gadgets:active,
#categoryIcons a.gadgets:hover  {
	background: url(../images/bg-catagory-gadgets.png) no-repeat;
	}
#categoryIcons a.gadgetsNew,
#categoryIcons a.gadgetsNew:visited,
#categoryIcons a.gadgetsNew:active,
#categoryIcons a.gadgetsNew:hover  {
	background: url(../images/bg-catagoryNew-gadgets.png) no-repeat;
	}
#categoryIcons a.salad,
#categoryIcons a.salad:visited,
#categoryIcons a.salad:active,
#categoryIcons a.salad:hover  {
	background: url(../images/bg-catagory-salad.png) no-repeat;
	}
#categoryIcons a.saladNew,
#categoryIcons a.saladNew:visited,
#categoryIcons a.saladNew:active,
#categoryIcons a.saladNew:hover  {
	background: url(../images/bg-catagoryNew-salad.png) no-repeat;
	}	
#categoryIcons a.tools,
#categoryIcons a.tools:visited,
#categoryIcons a.tools:active,
#categoryIcons a.tools:hover  {
	background: url(../images/bg-catagory-tools.png) no-repeat;
	}
#categoryIcons a.toolsNew,
#categoryIcons a.toolsNew:visited,
#categoryIcons a.toolsNew:active,
#categoryIcons a.toolsNew:hover  {
	background: url(../images/bg-catagoryNew-tools.png) no-repeat;
	}	
#categoryIcons a.clean,
#categoryIcons a.clean:visited,
#categoryIcons a.clean:active,
#categoryIcons a.clean:hover  {
	background: url(../images/bg-catagory-clean.png) no-repeat;
	}
#categoryIcons a.cleanNew,
#categoryIcons a.cleanNew:visited,
#categoryIcons a.cleanNew:active,
#categoryIcons a.cleanNew:hover  {
	background: url(../images/bg-categoryNew-clean.png) no-repeat;
	}

#categoryIcons a.grilln,
#categoryIcons a.grilln:visited,
#categoryIcons a.grilln:active,
#categoryIcons a.grilln:hover  {
	background: url(../images/bg-category-grilln.png) no-repeat;
	}
#categoryIcons a.grillnNew,
#categoryIcons a.grillnNew:visited,
#categoryIcons a.grillnNew:active,
#categoryIcons a.grillnNew:hover  {
	background: url(../images/bg-categoryNew-grilln.png) no-repeat;
	}


/* css for text and links --------------------------------------------------------------------------------------- */
#introHead
{
	width:369px;
}

#intro {
	width: 370px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	}
.grind {
	color: #411F40;
	}
.gadgets {
	color: #f18622;
	}
.salad {
	color: #578932;
	}
.grilln {
	color: #C20B36;
	}
.tools {
	color: #dc4524;
	}
.clean {
	color: #0193d1;
	}
.orange {
	color: #F18622;
	}
#top-of-page {
	font-size: 10px;
	line-height: 15px;
	}
#description {
	font-size: 13px;
	}
	
	
/* css for inset content items ---------------------------------------------------------------------------------- */
#search-left
{
	
}

#search-left a, a:visited
{
	color: #411F40;
}

#search-right
{
	float:right;
	
}

#inset-top-search
{
	width: 203px; 
	height: 11px; 
	background: transparent url(../images/inset-top.png) no-repeat;
}
#inset-top {
	margin: 8px 0 0 0;
	width: 203px; 
	height: 11px; 
	font-size: 0; 
	line-height: 0;
	}
	
#inset-top-purple {
	width: 203px; 
	height: 11px; 
	background: transparent url(../images/inset-top-purple.png) no-repeat;
}

#inset-text {
	padding: 0 10px 0 10px; 
	margin:0;
	width: 183px; 
	background: #E6E6E6; 
	font-size: 11px;
	}
#inset-text-purple {
	padding: 0 10px 0 10px; 
	margin:0;
	width: 183px; 
	background-color: #411F40; 
	font-size: 11px;
	}
#inset-bottom {
	margin: 0 0 12px 0;
	width: 203px; 
	height: 11px; 
	font-size: 0; 
	line-height: 0
	}
	
#inset-bottom-purple
{
	width: 203px; 
	height: 11px; 
	background: transparent url(../images/inset-bottom-purple.png) no-repeat;
}

#inset-text-purple a, a:visited
{
	color:White;
}
#inset-text-purple a:hover
{
	color: #F18622;
	text-decoration: underline;
}

#inset-text a {
	color: #411F40;
}

/* other items */
.alt-locator
{
	margin-bottom: 25px;
}

.brand-partner .grind { font-size: 14px; }

.alt-locator a img { border: 0; }

.alt-locator span { display: block; }

.alt-locator a
{
	color:#666666;
}

.LocatorCity
{
	font-size:10px;
	font-family: Verdana;
	width:123px;
}
.LocatorZip
{
	font-size:10px;
	font-family: Verdana;
	width:66px;
}

.LocatorState
{
	font-size:10px;
	font-family: Verdana;
	width:128px;
	margin: 2px 0 2px 1px;
}


.top-50 { overflow: auto; height: 450px; border: 1px solid #ddd; padding: 0 15px;  }
.top-50 h3 { font-size: 16px; line-height: 20px; }
.top-50 ul { padding-bottom: 20px; }
.top-50 li { margin-bottom: 10px; }