* {
	margin: 0;
	padding: 0;
}

body {
	background: #e2d9f6;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

.clearing {
	clear: both;
}

strong {
	font-weight: bold;
}
a img {
	border-width: 0;
}

#wrapper {
	width: 990px;
	text-align: left;
	margin: 0 auto;
	background: #fff url(../images/sitelayout/bg-faux-left.png) repeat-y 0 0;
}

#to-mobile-site {
	background-color: white;
	text-align: center;
	padding: 10px;
	font-size: 400%;
	border-bottom: 2px solid black;
}
#to-mobile-site a {
	color: #990000;
	text-decoration: none;
}

#top {
	zoom: 1;
}

/* @group Left */

#sidebar-left {
	float: left;
	width: 183px;
	display: inline;
	position: relative;
}

#skip-to-content {
	position: absolute;
	top: 0;
	left: 0;
	color: #f3effb;
}

#logo h1 {
	width: 100%;
	height: 169px;
	position: relative;
}

#logo h1 a {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/sitelayout/sprite-main.png") repeat scroll 0 0 transparent;
	text-indent: -9999px;
}

#navigation ul {
	background: #ede8f8;
	border-top: 1px solid #ccc;
}

#navigation ul li {
	border-bottom: 1px solid #ccc;
	list-style: none;
}

#navigation li a {
	color: #5a4099;
	display: block;
	padding: 6px 0 6px 20px;
	text-decoration: none;
}

#navigation li a.active,
#navigation li a:hover,
#navigation li a:focus {
	background: #d8ccf0;
	font-weight: bold;
}

#navigation ul ul.expanded {
	background: #d8ccf0;
}

#navigation ul ul.expanded li {
	border-width: 0;
	background: #f8f5fd;
	list-style-position: inside;
	font-size: 93%;
}

#navigation ul ul.expanded li a {
	padding-left: 30px;
	font-weight: normal;
	background: url(../images/sitelayout/bullet-tiny.png) no-repeat 16px center;
}

#navigation ul ul.expanded li a.active,
#navigation ul ul.expanded li a:hover,
#navigation ul ul.expanded li a:focus {
	font-weight: bold;
}

#navigation h2 {
	font-weight: bold;
	font-size: 100%;
	padding: 40px 0 6px 20px;
	color: #5a4099;
}

/* @end */

/* @group Header */

#main {
	float: left;
	width: 807px;
	padding-bottom: 40px;
}

#main-head {
	width: 100%;
	background: url(../images/sitelayout/tile-header.png);
	zoom: 1;
	height: 70px;
	position: relative;
}

#main-head h1 {
	color: white !important;
	font-weight: normal;
	font-size: 24px;
	float: left;
	display: inline;
	padding: 20px 0 0px 48px;
}

#search-box {
	background: #9f8fc5;
	float: right;
	display: inline;
	width: 144px;
	height: 100%;
}

#search-box #form-search {
	margin: 24px 0 0 10px;
}

#form-search .text {
	padding: 2px;
	width: 100px;
}
#form-search .submit {
	border-width: 0;
	background: url("../images/sitelayout/sprite-main.png") repeat scroll 0 -197px transparent;
	text-indent: -9999px;
	height: 17px;
	width: 17px;
	text-transform: capitalize;
	cursor: pointer;
}

#main-utility {
	color: #999;
	padding: 20px 0;
	margin-left: 48px;
	background: url(../images/sitelayout/bg-rule-dots.png) repeat-x 48px bottom;
	width: 711px;
}

#main-utility p.welcome {
	margin-bottom: 8px;
}

#main #main-utility p.welcome a {
	color: #5a4099;
	text-decoration: none;
}

#main #main-utility p.welcome #signout {
	padding-left: 10px;
}

#main #main-utility p.welcome #signout.hidden {
	display: none;
}

#main #main-utility a {
	color: #6c6b6f;
	text-decoration: none;
	font-weight: bold;
}

#main #main-utility a:hover,
#main #main-utility a:focus {
	text-decoration: underline;
}

#main-utility .sep {
	color: #c19ff6;
	padding: 0 10px;
}

#main-utility .cart-status {
	padding-left: 0;
}

#main #newsletter {
	padding: 20px 0;
	margin-left: 48px;
	width: 711px;
	color: #6c6b6f;
}

#main #newsletter p {
	font-weight: bold;
	float: left;
	display: inline;
	margin: 3px 10px 0 0;
}

#main #newsletter .text {
	width: 340px;
	height: 12px;
	padding: 2px;
}

#main #newsletter .submit {
	text-transform: capitalize;
	background: url("../images/sitelayout/sprite-main.png") repeat scroll 0 -215px transparent;
	border-width: 0;
	text-indent: -9999px;
	width: 81px;
	height: 19px;
	cursor: pointer;
	margin-left: 6px;
}

#main #breadcrumb {
	padding: 20px 0;
	margin-left: 48px;
	width: 711px;
	color: #6c6b6f;
}

#main #breadcrumb a {
	color: #acacac;
}

#main #breadcrumb a:hover,
#main #breadcrumb a:focus {
	text-decoration: none;
}

/* @end */

/* @group Content */

#main #content {
	margin-left: 48px;
	width: 711px;
	line-height: 1.4;
}

#main h1, #main-left h1 {
	padding-bottom: 0.5em;
	color: #5A4099;
	font-size: 200%;
	font-weight: normal;	
}
#main h1 {
	padding-left: 48px;
}
#main-left h1 {
	padding-left: 24px;
}

#main a {
	color: #5a4099;
	text-decoration: underline;
}

#main a:hover,
#main a:focus {
	text-decoration: none;
}
#content h1 {
	padding-left: 0;
}

h2 {
	color: #5a4099;
	
}
#content h2 {
	font-weight: normal;
	margin-bottom: 0.5em;
	font-size: 170%;
	line-height: 1em;
}

#content h3 {
	color: #5a4099;
	font-size: 150%;
	line-height: 1em;
	margin: 15px 0 10px;
	font-weight: normal;
}

#content h4 {
	margin: 0.75em 0;
}
#content ul {
	margin-left: 16px;
	list-style: disc outside none;
}

#content ul li {
}

#content p {
	margin-bottom: 1em;
}

#content .rule {
	width: 100%;
	height: 6px;
	background: url(../images/sitelayout/bg-rule-dots.png);
	margin: 2em 0;
	clear: both;
}

#content .sep {
	color: #9f8fc5;
	padding: 0 6px;
}

#content .featured {
	border: 1px solid #ccc;
}

.featured ul li {
	width: 158px;
}

.with-sidebar .featured ul li {
	width: 135px;
}

#middle_features {
	float: left;
	margin-bottom: 20px;
}

.boxes {
	zoom: 1;
	width: 100%;
	margin-bottom: 10px;
}

.boxes .box {
	float: left;
	display: inline;
	width: 337px;
	height: 170px;
	border: 6px solid #d0c1f0;
	margin: 0 12px 10px 0;
	zoom: 1;
}

.boxes .box.list {
	width: 346px;
	padding-bottom: 1.8em;
}

.boxes .even {
	margin-right: 0;
}

.boxes .box.list {
	border: 1px solid #ccc;
}

.box .header {
	background: #d0c1f0;
	padding: 6px 8px 10px;
	color: #424143;
	font-size: 100%;
	font-weight: normal;
}

#content .box .header h3 {
	font-size: 150%;
	font-weight: normal;
	line-height: 1.35em;
	margin: 0;
}

#content .boxes .box h4 {
	color: white;
	text-transform: uppercase;
	font-size: 100%;
	margin: 0;
}

.box .content {
	padding: 7px;
	font-size: 11.5px;
	zoom: 1;
}

.box .content img {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.boxes .box.list .content img {
	border: 1px solid #ccc;
}

.boxes .box.list .content ul {
	float: left;
	margin-left: 14px;
}

.boxes .box.list .box-foot {
	clear: left;
}

/* @end */


/* @group Middle Features */

#middle_features #column1 {
	float: left;
	width: 348px;
}
#middle_features #column2 {
	margin-left: 360px;
}
#middle_features .box {
	width: 346px;
	border: 1px solid #ccc;
	margin: 0 0 10px;
	float: left;
}
#middle_features .box .header {
	padding: 6px 8px;
}
#middle_features .box .header h3 {
	font-size: 140%;
}
#middle_features .box .sidelong {
	width: 115px;
	height: 130px;
}
#middle_features .box .sidelong img {
	padding-top: 2px;
}
#middle_features .box p {
	margin: 0 0 4px 115px;
}
#middle_features .box ul {
	margin: 0 0 4px 115px;
}
#middle_features .box ul li {
	margin-left: 15px;
	padding-left: 0;
}

/* @end */

/* @group Content with Sidebar */

.with-sidebar #main-head h1 {
	padding-left: 24px;
}

#main-right a {
	color: #5a4099;
	text-decoration: underline;
}

#main-right a:hover,
#main-right a:focus {
	text-decoration: none;
}

#main.with-sidebar {
	background: url(../images/sitelayout/bg-faux-right.png) repeat-y right 0;
}

#main.with-sidebar #main-utility,
#main.with-sidebar #breadcrumb,
#main.with-sidebar #content {
	width: 615px;
	margin-left: 24px;
}

#main.with-sidebar #main-left {
	width: 640px;
	float: left;
	display: inline;
	position: relative;
}

#main.with-sidebar #main-right {
	float: right;
	width: 144px;
	padding-top: 150px;
}

#main.with-sidebar #main-right .box {
	text-align: center;
	background: url(../images/sitelayout/bg-rule-dots-dbl.png) repeat-x 0 0;
	padding-top: 10px;
	width: 130px;
	margin: 0 auto 2em;
}

.with-sidebar #main-right .box h2 {
	color: #957ac0;
	text-align: center;
	font-size: 113%;
	font-weight: bold;
	margin: 0.5em 0;
}

#main.with-sidebar #main-right .box ul {
	list-style: none;
}

#box-related ul li {
	border: 1px solid #999;
	background: white;
	margin-bottom: 1em;
	padding: 10px 4px;
}

#main-right #box-tags.box h2 {
	font-size: 200%;
	font-weight: normal;
}

#box-tags li a {
	color: #999;
	font-size: 113%;
}

.box-rule-dbl {
	background: url(../images/sitelayout/bg-rule-dots-dbl.png) repeat-x 0 0;
	width: 100%;
	height: 10px;
	margin-top: 10px;
}

/* @end */

/* @group Home */

#content_middle {
	margin: 20px 0;
	margin-top: 0;
	font-size: 106%;
}

/* @end */

/* @group Idea / Recipe Top Boxes */

.idea-con {
	zoom: 1;
	width: 100%;
}

.idea-con .box-pic {
	float: left;
	display: inline;
	width: 295px;
	height: 320px;
	border: 1px solid #ccc;
	margin-right: 6px;
	position: relative;
}

.idea-con .box-pic img.main {
	display: block;
	margin: 10px auto;
}

.idea-con .box-pic .view-larger-img {
	position: absolute;
	bottom: 0px;
	left: 6px;
}

a.view-larger {
	display: block;
	background: url(../images/sitelayout/sprite-main.png) no-repeat 0 -426px;
	width: 115px;
	height: 26px;
}

.idea-con .box-pic .view-larger a {
	padding: 1px 10px 1px 23px;
	border: 1px solid #807f7f;
	font-size: 11px;
	text-transform: uppercase;
}

#content .view-larger a {
	color: #777;
	text-decoration: none;
}

.idea-con .box-meta,
.idea-con .box-links {
	float: left;
	display: inline;
	border: 1px solid #ccc;
}

.idea-con .box-meta {
	padding: 15px 10px;
	width: 290px;
	height: 134px;
	font-size: 106%;
	margin-bottom: 6px;
}
.idea-con .box-meta .starbar {
	height: 45px;
}
.idea-con .box-meta .rating-summary {
	font-size: 106%;
	color: #000;
	position: absolute;
	top: 17px;
}

.box-meta .reviews-questions {
	margin-top: 16px;
}

#content .box-meta .reviews-questions a {
	color: #158f9a;
	text-decoration: none;
}

.idea-con .box-links {
	padding: 15px 10px;
	width: 290px;
	height: 118px;
	overflow: hidden;
}

.idea-con .box-links ul {
	height: 32px;
	margin-left: 0 !important;
	margin-bottom: 4px;
}

.idea-con .box-links ul.set-1 {
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
}

.idea-con .box-links ul li {
	list-style: none;
	display: inline;
	float: left;
	text-transform: uppercase;
	font-size: 93%;
}

#content .box-links a {
	color: #999;
}

.idea-con .box-links ul li a,
.idea-con .box-links ul li span {
	display: block;
	color: #999;
	padding: 4px 10px 4px 10px;
	border-right: 1px dotted #999;
}
.idea-con .box-links ul li.last a,
.idea-con .box-links ul li.last span {
	border-right: none;
}

.idea-con .box-links ul li.first a,
.idea-con .box-links ul li.first span {
	padding-left: 0;
}

.idea-con .box-links ul.set-2 a,
.idea-con .box-links ul.set-2 span {
	padding: 6px 10px 6px 10px;
}

.idea-con .box-links ul li.video a {
	border-right-width: 0;
	padding: 6px 35px 12px 10px;
	background: url(../images/sitelayout/sprite-main.png) no-repeat 110px -485px;
}

.idea-con .box-links ul li .addthis_toolbox {
	margin-top: 4px;
}
.idea-con .box-links ul li a.addthis_button_facebook_like {
	padding-top: 2px;
}
.idea-con .box-links ul li a.addthis_button_facebook_like .fb_iframe_widget span {
	padding: 0;
}
.idea-con .box-links ul li .addthis_toolbox a,
.idea-con .box-links ul li .addthis_toolbox span {
	display: block;
	color: #999;
	padding: 0 1px;
	border: none;
}
.idea-con .box-links ul li .addthis_toolbox span.addthis_separator {
	padding: 0;
	margin-left: 0;
}
/* @end */

/* @group Recipe Content */

#idea-intro {
	color: #5a4099;
	font-size: 113%;
	margin: 1.4em 0;
}

#idea-meta {
	zoom: 1;
	margin-bottom: 1em;
}

#idea-meta .col {
	float: left;
	width: 48%;
	padding-right: 2%;
}

#idea-meta .col ul {
	margin-left: 1.5em;
	margin-bottom: 1em;
}

#idea-meta .col p {
	margin-bottom: 1em;
}

#idea-meta .col ul li {
	list-style-image: url(../images/sitelayout/bullet-purple.png);
	margin-bottom: 0.4em;
}

#idea-meta ul.tools-ingredients li {
	margin-right: 20px;
}

#idea-meta .col ul.tools-ingredients li div {
	display: inline-block;
	width: 200px;
	vertical-align: top;
}

#content #idea-meta h3 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 0.5em;
	color: #000;
}

#steps {
	margin-bottom: 2em;
	clear: both;
}

#steps h2 {
	margin-bottom: 20px;
}

#steps ol {
	list-style: none;
}

#steps ol li {
	list-style: none;
	clear: left;
	height: 120px;
}

#steps .sidelong {
	width: 120px;
	margin-right: 10px;
}

#steps div.step {
	width: 100%;
	clear: left;
	float: left;
	margin-bottom: 10px;
}
#steps .step h3 {
	margin-left: 130px;
	margin-top: 0px;
	text-transform: lowercase;
}

#steps .step p {
	margin-left: 130px;
	margin-bottom: 0;
}
#steps .step img {
	float: left;
	width: 110px;
}

#steps .step.numbered h3 {
    margin-left: 0;
}
#steps .step.numbered p {
    margin-left: 0;
	margin-bottom: 10px;
}

img.enlarge {
	cursor: pointer;
}

#idea-links {
	margin-top: 2em;
	padding: 6px;
	overflow: hidden;
	border: 1px solid #ccc;
}
#idea-links ul {
	margin-left: 0 !important;
}
#idea-links ul li {
	list-style: none;
	display: inline;
	float: left;
	text-transform: uppercase;
	font-size: 93%;
}

#idea-links ul li a {
	color: #999;
}

#idea-links ul li a,
#idea-links ul li span,
#idea-links ul li .addthis_toolbox {
	display: inline-block;
	color: #999;
	padding: 6px 6px 6px 6px;
	border-right: 1px dotted #999;
}

#idea-links ul li.first a {
	padding-left: 0;
}

#idea-links ul li.last a {
	border-right: none;
}

#idea-links ul li a.addthis_button_facebook_like {
	padding-top: 4px;
	padding-bottom: 0;
	height: 25px;
}
#idea-links ul li .fb_iframe_widget span {
	border-right: none;
	padding: 0;
}

#idea-links ul li .addthis_toolbox {
	margin: 0;
	height: auto;
	width: auto;
}
#idea-links ul li .addthis_toolbox span,
#idea-links ul li .addthis_toolbox a {
	border-right: none;
	padding: 0 1px;
}
#idea-links ul li .addthis_toolbox span.addthis_separator {
	padding: 0;
	margin-left: 0;
}
#idea-links ul li .addthis_toolbox .at300bs {
	margin-right: 0;
}

#idea-links ul li.video a {
	border-right-width: 0;
	padding-right: 30px;
	background: url("../images/sitelayout/sprite-main.png") no-repeat scroll 105px -485px transparent
}

.addthis_separator.share {
	margin-left: 0;
	margin-right: 2px;
}

.recipe .tabs {
	margin: 2em 0;
}

/* @end */

/* @group Footers */

#footer {
	background: url(../images/sitelayout/tile-header.png) 0 0;
	zoom: 1;
	overflow: hidden;
	color: white;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover,
#footer a:focus {
	text-decoration: underline;
}

#footer-left {
	float: left;
	display: inline;
	width: 586px;
	zoom: 1;
}

#footer-left .inner {
	padding: 20px 0 0 100px;
}

#footer-left ul {
	float: left;
	display: inline;
	list-style: none;
	font-size: 93%;
	margin-right: 40px;
	white-space: nowrap;
}

#footer-left ul.last {
	margin-right: 0;
}

#footer-left ul li {
	line-height: 1.3;
	list-style: none;
}

#footer-left ul li.header {
	font-weight: bold;
	font-size: 113%;
}

#footer-right {
	float: right;
	display: inline;
	width: 402px;
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF)"; /* IE8 */
    *filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF);   /* IE6 & 7 */
    *zoom: 1;
	background: rgba(255, 255, 255, 0.1);
}

#footer-right #footer-form {
	padding: 20px;
	width: 200px;
	font-size: 93%;
}

#footer-right #footer-form p {
	font-weight: bold;
	margin-bottom: 3px;
}

#footer-right #footer-form .text {
	width: 100%;
	margin-bottom: 4px;
	padding: 2px;
}

#footer-right #footer-form .submit {
	text-transform: capitalize;
	background: url("../images/sitelayout/sprite-main.png") repeat scroll 0 -234px transparent;
	border-width: 0;
	text-indent: -9999px;
	width: 81px;
	height: 19px;
	cursor: pointer;
}

#footer-right #footer-social {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF);   /* IE6 & 7 */
    zoom: 1;
	background: rgba(255, 255, 255, 0.2);
	height: 60px;
}

#footer-social p {
	float: left;
	display: inline;
	margin: 20px 0 0 20px;
	font-weight: bold;
	text-transform: uppercase;
}

#footer-social ul {
	list-style: none;
	padding: 16px 0 0 20px;
}

#footer-social ul li {
	float: left;
	display: inline;
	margin-left: 10px;
	width: 22px;
	height: 23px;
	white-space: nowrap;
}

#footer-social ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url("../images/sitelayout/sprite-main.png") repeat scroll 0 -253px transparent;
}

#footer-social ul li#link-tw {
	width: 24px;
}

#footer-social ul li#link-tw a {
	background-position: -22px -253px;
}

#footer-social ul li#link-yt {
	width: 25px;
	height: 25px;
}

#footer-social ul li#link-yt a {
	background-position: -46px -253px;
}


#footer-social ul li#link-gp {
	width: 23px;
}

#footer-social ul li#link-gp a {
	background: url("../images/sitelayout/google-plus-logo.png") repeat scroll 0 0 transparent;
}
#footer-social ul li#link-pi {
	width: 23px;
}

#footer-social ul li#link-pi a {
	background: url("../images/sitelayout/pinterest-logo.png") repeat scroll 0 0 transparent;
}






#footer-sub {
	zoom: 1;
	background: white;
}

#footer-sub-left {
	float: left;
	display: inline;
	font-size: 93%;
	padding: 20px 0 10px 100px;
	width: 460px;
	color: #666;
}

#footer-sub-right {
	float: right;
	display: inline;
	padding: 10px;
	width: 370px;
}

#card-types {
	background: url("../images/sitelayout/sprite-main.png") repeat scroll 0 -169px transparent;
	width: 247px;
	height: 28px;
	text-indent: -9999px;
}
/* @end */

/*clears*/
.box .content:after,
.box .content:after,
#slides-meta:after,
.carousel:after,
.boxes:after,
#main-head:after,
#top:after,
#footer-left:after,
#footer:after,
#footer-sub:after,
.idea-con:after,
#idea-meta:after {
	content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* @group Dialogs */

.dialog {
	position: absolute;
	top: 5px;
	right: 0px;
	width: 222px;
	text-align: center;
	font-size: 11px;
	background: white;
	border: 1px solid #ddd;
	z-index: 60;
	line-height: 1.4;
	font-family: arial,helvetica,sans-serif;
}

.dialog .inner {
	padding: 10px;
}

.dialog .closeX {
	text-align: right;
	padding-right: 1px;
	padding-bottom: 10px;
	float: right;
}

.dialog table {
	text-align: left;
	width: 197px;
	margin: 0 auto;
}

.dialog th {
	padding-bottom: 4px;
}

.dialog table.cart_summary {
	border-top: 1px solid #ddd;
	margin: 20px auto;
	padding-top: 4px;
}

.dialog table .col_numeric {
	text-align: right;
}

.dialog .actions {
	margin: 10px 0 4px 0;
	text-align: center;
}

.dialog .actions img {
	padding-bottom: 0px;	
}

#shareDialog h3 {
	text-align: left;
	margin-top: 0;
	font-family:"Times New Roman", georgia, serif;
}

#shareDialog-sent {
	border: 1px solid red;
	padding: 8px;
	display: none;
}

#shareDialog-sent p {
	font-size: 12px;
}

#shareDialog p,
#shareDialog form {
	text-align: left;
}

#shareDialog .preview {
	width: 200px;
}

#shareDialog .preview img {
	width: 95px;
	height: 95px;
}

#shareDialog form .input {
	margin-bottom: 0.5em;
	line-height: 1.5;
}

#shareDialog form input.text,
#shareDialog form textarea {
	width: 190px;
	border: 1px solid #630;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
}

/* @end dialogs */

/* flash slideshow styles */

.slideshow {
	margin-bottom: 20px;
}

/* slideshow styles */

.slideshow-html {
	background-color: #eee;
	color: white;
	width: 712px;
	height: 290px;
	position: relative;
	margin-bottom: 15px;
}

.slideshow-html.tall {
	height: 367px;
}

.slideshow-html .slide img {
	display: block;
	width: 712px;
}

.slideshow-html .controls {
	position: absolute;
	bottom: 0px;
	left: 8px;
	padding: 4px 6px;
	background-color: #FFF;
	-moz-border-radius: 4px 4px 0 0;
}

.slideshow-html .controls a {
	display: block;
	float: left;
	height: 14px;
	text-indent: -9999px;
	background-image: url(../images/sitelayout/sprite-main.png);
}

.slideshow-html .controls a:focus {
	outline: none;
}
.slideshow-html .controls a.slidepick {
	background-position: -15px -278px;
	width: 9px;
	padding-right: 4px;
}

.slideshow-html .controls a.slidepick:hover,
.slideshow-html .controls a.slidepick:focus,
.slideshow-html .controls a.slidepick.active {
	background-position: -2px -278px;
}

.slideshow-html .controls a.play-pause {
	background-position: -28px -278px;
	width: 6px;
	margin-left: 4px;
}
.slideshow-html .controls a.play-pause.paused {
	background-position: -37px -278px;
}

.slideshow-html .ux-carousel-container {
    overflow: hidden;
    position: relative;
}

.slideshow-html .ux-carousel-slides-wrap {
    position: absolute;
    top: 0;
    left: 0;
}

.slideshow-html .ux-carousel-slide {
    float: left;
    overflow: hidden;
    text-align: center;
}

/* end slideshow styles */

/* carousel styles */

.carousel {
	zoom: 1;
	border: 6px solid #d0c1f0;
	margin-bottom: 2em;
	overflow: hidden;
}
.carousel .header {
	background: #d0c1f0;
	padding: 10px;
	color: #424143;
	font-size: 100%;
	font-weight: normal;
}
.carousel.featured .header {
	background: #957ac0;
	text-align: center;
	color: white;
	padding: 5px;
}
#content .carousel .header p {
	font-size: 113%;
	margin-bottom: 0;
}

#content .carousel .header p a {
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#content .carousel .header p a:hover,
#content .carousel .header p a:focus {
	text-decoration: underline;
}

#content .carousel .header h3 {
	font-size: 150%;
	font-weight: normal;
	line-height: 1.35em;
	margin: 0;
}
#content .carousel.featured .header h3 {
	color: white;
}
.carousel .content {
	position: relative;
}

.carousel .carousel-view { 
    background: white; 
	text-align: center;
	height:100%;
	position:relative; 
	width: 637px; /* ncells*cellwidth + ncells + 1 */
	margin: 10px auto;
	overflow:hidden;
}

.carousel.narrowcells .carousel-view { 
	width: 553px; /* ncells*cellwidth + ncells + 1 */
} 

.carousel .carousel-canvas {
	width:8000px; 
	position:relative; 
	left: 0px;
}

.carousel .carousel-canvas .cell { 
    float: left; 
	width: 158px;
	border-left: 1px solid #ccc;
}

.carousel.narrowcells .carousel-canvas .cell { 
	width: 137px;
} 

.carousel .carousel-canvas .cell.last { 
	border-right: 1px solid #ccc;
} 

.carousel .carousel-canvas .thumb { 
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	width: 158px;
}
.carousel.narrowcells .carousel-canvas .thumb { 
	width: 137px;
} 
.carousel .carousel-canvas .thumb * { 
    vertical-align: middle;
}
.carousel .carousel-canvas .cell img { 
    width: 100px;
	height: 100px;
	border: none;
} 

#content .carousel .carousel-canvas .cell p { 
    overflow: hidden; 
    text-align: center; 
	margin-top: 10px;
	margin-bottom: 0;
	text-decoration: underline;
}

.carousel .nav {
	display: block;
	position: absolute;
	top: 0;
	width: 24px;
	height: 120px;
	background: url(../images/sitelayout/sprite-main.png) no-repeat 0 -292px;
	text-indent: -9999px;
	outline: 0;
}

.carousel .nav.prev {
	left: 2px;
}
.carousel .nav.next {
	background-position: -81px -292px;
	right: 4px;
}
.carousel .nav.prev:hover,
.carousel .nav.prev:focus {
	background-position: -27px -292px;
}

.carousel .nav.next:hover,
.carousel .nav.next:focus {
	background-position: -54px -292px;
}

/* end carousel styles */

/*********************************************************************************************
 * Styles carried over from previous design
 */

#inner_sidebar {
	display: none;
}

div.image-right {
    float: right;
    margin-left: 20px;
}

.sidelong {
	float: left;
	width: 25%;
}

/* paging styles */

.pager {
	float: right;
	text-align: right;
	height: 16px;
}

#main .pager a {
	padding: 0 4px;
}

#main .pager a.current {
	color: black;
	text-decoration: none;
}

.rule.paging {
	margin: 0.5em 0 !important;
}

/* @group Search and browse styles */

body.search #main #main-utility,
body.search #main #breadcrumb,
body.search #main #content {
	margin-left: 24px;
}
body.search #main h1 {
	padding-left: 24px;
}
body.search #main #content {
	width: 760px;
}

#search_header {
	width: 748px;
}

#search_shop h2 {
	font-size: 32px;
	color: white;
	line-height: 1.1;
	margin: 0;
	margin-bottom: 9px;
}

#search_num_results {
	padding: 6px 0;
}

#search_filter {
	height:42px;
}

#search_filter #search_sort {
	float: left;
	width: 60%;
}

#search_results {
	position: relative;
	margin-left: 0;
	overflow: visible;
}

#search_results .rule {
	margin: 0.4em 0;
}

#search_right {
	width:580px;
	float:right;
	position: relative;
}
#search_right .sortby {
	font-size: 15px;
	text-align: right;
	margin-right: 30px;
}
#search_right .sortby a {
}
#search_right .sortby a.active {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}
#search_right .starbar {
	margin-left: 110px;
}
#search_right .product p.difficulty {
	margin-top: 4px;
}
#search_results #search_products {
	padding-top: 16px;
}

#search_results .product {
	float: left;
	width: 274px;
	font-size: 11px;
	margin-right: 16px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	position: relative;
}

#search_results .product h4 {
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 4px;
	margin-top: 0px;
	margin-left: 110px;
	line-height: 1.1em;
}

#search_results .product img {
	float: left;
	margin-right: 10px;	
	padding-bottom: 25px;
	width: 100px;
}

#search_results .product p {
	margin-left: 110px;
	margin-bottom: 0px;
}

#search_refine {
	float: left;
	width: 160px;
	margin-top: 0;
}

#search_refine h3 {
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 0.5em;
}

#search_refine h4 {
	margin-bottom: 0.5em;
	font-size: 1em;
}

#search_refine p {
	margin-bottom: 0.5em;
}

#search_refine ul {
	list-style: none;
	margin: 0;
}

#search_refine .search_selections {
	margin-left: 0;
}

#search_refine .search_selections li {
	clear: left;
}

#search_refine .search_selections li.level2 {
	background: white url(../images/content/search/bend.png) no-repeat 0 3px;
	padding-left: 5px;
	margin-left: 5px;
}

#search_refine .search_selections a {
	font-size: 0.85em;
}
#search_refine .search_selections a.clear {
    	display: block;
	font-size: .98em;
	text-decoration: none;
	float: none;
}
#search_refine .search_selections a img {
    vertical-align: text-bottom;
}
#search_refine .search_refinements {
	margin-left: 0;
}

#search_refine .search_refinements li {
	font-size: 1em;
	font-style: oblique;
	margin-left: 0;
	padding-left: 10px;
	background: white url(../images/content/search/bend.png) no-repeat 0 2px;
}

#search_refine .search_refinements li.level2 {
	font-size: 1em;
	font-style: oblique;
	margin-left: 10px;
	padding-left: 10px;
	background: white url(../images/content/search/bend.png) no-repeat 0 2px;
}

#search_refine .search_refinements li ul {
	margin-left: 0;
	margin-top: 2px;
	margin-bottom: 10px;
}

#search_refine .search_refinements li ul li {
	font-style: normal;
	font-size: 11px;
	line-height: 1.3;
	background-image: none;
}
#search_refine .search_refinements li ul li.bend {
	background: white url(../images/content/search/bend.png) no-repeat 0 2px;
}
#search_refine .search_refinements li ul li ul {
	margin-left: 0;
	margin-top: 2px;
	margin-bottom: 2px;
}

#search_refine a.showall {
	font-weight: bold;
}

/* these styles are used by omniture for active browsing */

.moreless {
	color: #004488;
	text-decoration: underline;
	font-weight: bold;
	padding-bottom: 10px;
}
.moreless:hover {
	cursor:pointer;
}
.hidemore {
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
}
/* @group pan search and pan detail styles */

#pansfilter {
	border: 1px solid #999999;
	background-color: #D4E7F1;
	padding: 8px;
}
#pansfilter td span.orspan {
	font-weight: bold;
	display: block;
	margin-top: 18px;
}

#search_results.pan-search {
	margin-left: 0;
}

#search_results.pan-search .product {
	width: 330px;
}

#search_results.publications {
	margin-left: 0;
}

#search_results.publications .product {
	width: 330px;
}

/* baking charts */

table.chart {
	border-collapse: collapse;
	width: 100%;
}
table.chart th, table.chart td {
	border: 1px solid #cccccc;
	text-align: center;
	padding: 4px;
}
table.chart td {
	vertical-align: top;
}

table.chart2 {
	border-collapse: collapse;
	width: 100%;
	margin-bottom:  4px;
}
table.chart2 th {
	background-color: #eee;
	text-align: left;
	padding: 4px;
}
table.chart2 td {
	text-align: left;
	vertical-align: top;
	padding: 3px 4px;
	border-bottom: 1px solid #eee;
}

/* pattern search styles */

#pattern_results .pattern h3 {
	font-size: 130%;
	margin-bottom: 0.2em;	
}

/* @ icons */

p.orderlink {
	background-image: url(../images/header_sprites.gif);
	background-repeat: no-repeat;
	background-position: -97px -5px;
	padding-left: 30px !important; 
	height: 30px;
}

a.orderlink {
	background-image: url(../images/header_sprites.gif);
	background-repeat: no-repeat;
	background-position: -97px -7px;
	padding-left: 30px; 
	height: 30px;
}

/* idea finder on ideas landing page */

#idea-finder h3 {
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 4px;
}
#idea-finder td {
	padding: 4px;
}

/* store locator styles */

#locatorfilter td {
	vertical-align: bottom;
}
.locatorform label {
	display: block;
}
div.warning-box {
	border: 2px solid #cc0000;
	color: #cc0000;
	padding: 8px;
	margin: 10px 0;
}
#content #locator-disclaimer {
	margin: 15px 0;
	font-weight: bold;
}
#locations-list {
	height: 530px;
	overflow: auto;
	padding: 0 10px;
}
#locations-list h3 {
	font-size: 14px;
	margin-bottom: 5px;
}
#locations-list p {
	line-height: 1.2em;
	margin-bottom: 0.5em;
}
#locations-list p.distance {
	font-size: 11px;
	color: #555;
}
#locator-listingscol {
	float:left;
	width:310px;
	border: 1px solid #aaa;
	margin-bottom: 20px;
	display: none;
}
#locator-mapcol {
	float:left;
	margin-left: 20px;
	width:350px;
}
#locator-map {
	width:100%;
	height:530px;
	border: 1px solid #aaa;
	display: none;
}
#locator-map p {
	margin-bottom: 8px;
}

/* file uploader styles */

.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

/* video player styles */

#videospot {
	clear: both;
}
#videocontainer {
	margin-bottom: 15px;
}
#videocontainer .close {
	padding: 4px 8px;
	display: block;
}
.videoplayer {
	width:463px; 
	height:375px;
}

/* @ popup window styles */

body.popup {
    background: #fff;
}

body.popup .close {
	background-color: #969086;
	text-align: right;
	color: #fff;
	padding: 6px;
}
body.popup .close a {
	color: #fff;
}

body.popup .content {
	margin: 15px;
}

body.popup .content h1 {
	font-size: 30px;
	margin-left: 0;
	margin-top: 0px;
	line-height: 32px;
}

body.popup .content p {
	margin: 8px 0px;;
}