/* CSS Document */

body
{
	margin: 0px;
	padding: 0px;
	text-align:center;
}
form
{
	padding: 0px;
	margin: 0px;
	border: 0px;
}
h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;
}
p
{
	margin: 0px;
	padding: 3px 0px;
}
ul
{
	margin: 4px 0px 5px 16px;
	padding: 0px;
}

#container
{
	width: 778px;
	margin: auto;
	text-align:left;
}

#masthead
{
}

#masthead h1
{
	float: left;
	padding: 16px 0px 10px 21px;
}
#masthead h1 b
{
	display: none;
}
#masthead h1 a
{
	display: block;
	width: 169px;
	height: 95px;
}
#masthead h1 span
{
	display: block;
	margin-top: 5px;
	font-size: 12px;
}
#masthead h1 em
{
	font-weight: bold;
	font-style: normal;
}
#masthead #auxnav
{
	margin: 5px 0px 3px 0px;
	float: right;
}
#masthead #auxnav .welcome
{
}

#masthead .miscinfo
{
	float: right;
	clear: both;
	width: 135px;
	margin: 0px 0px 5px 0px;
}
#masthead > .miscinfo .heading
{
	margin-top: 0px;
}
#masthead .miscinfo h3
{
	padding: 5px 5px 1px 8px;
	margin-right: 10px;
}
#masthead .miscinfo .mbody
{
	margin-right: 10px;
	padding: 2px 8px 8px 8px;
}
#masthead .miscinfo .mbody ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

#navigation
{
	clear: both;
	padding-left: 15px;
	margin-top: 3px;
}
#navigation #mnav
{
	float: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: -1px;
}
#navigation #mnav li
{
	float: left;
	margin: 0px 1px;
	padding-right: 3px;
}
#navigation #mnav li a
{
	display: block;
	padding: 8px 6px 7px 9px;
}
#navigation #mnav li.current
{
	position: relative;
}

#body_container
{
	clear: both;
	margin: 10px 0px 10px 13px;
}
#sidebar
{
	float: left;
	width: 188px;
	margin-left: -749px;
}
#search
{
	margin-right: 15px;
}
#search h2
{
	margin-bottom: 4px;
}
#search .searchform
{
	padding: 8px 10px 8px 10px;
}
#search .qfinder
{
	padding: 5px 10px 10px 10px;
}
#search .searchform input
{
	width: 110px;
}
#search *
{
	vertical-align: middle;
}
#search .qfindselect
{
	width: 150px;
	margin: 5px 0px 0px;
}

#logos .mcafee
{
	padding: 8px 10px 10px 10px;
}
#logos .ssl
{
	padding: 8px 10px 10px 10px;
}

#subnavigation
{
	margin: 0px 0px;
	width: 173px;
}
#subnavigation #snav
{
	margin: 0px;
	padding: 0px;
}
#subnavigation #snav li
{
	margin: 1px 0px;
}
#subnavigation #snav li a
{
	padding: 5px 11px;
	width: 151px;
	display: block;
}
#subnavigation #snav ul
{
	margin: -4px 0px 0px 8px;
	padding: 0px 0px 8px 0px;
}
#subnavigation #snav ul ul
{
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 3px 4px;
}
#subnavigation #snav ul li
{
	padding: 1px 0px 0px 12px;
}
#subnavigation #snav ul li li
{
	padding: 1px 0px 0px 8px;
}
#subnavigation #snav ul li a
{
	padding: 0px;
	width: auto;
	display: inline;
}


#sidebar .mspot
{
	margin: 10px 0px;
}
#sidebar .mspot .cont
{
	padding-top: 11px;
}
#sidebar .mspot .cont h3
{
	margin-left: 11px;
}
#sidebar .mspot .cont .accent
{
	float: right;
}
#sidebar .mspot .cont p
{
	padding: 2px 24px 2px 11px;
}
#sidebar .mspot .footer
{
	height: 7px;
	clear: both;
}
#sidebar .mspot label
{
	display: block;
	margin-top: 3px;
}
#sidebar .mspot textarea
{
	margin: 2px 0px;
	width: 150px;
}
#sidebar .mspot input[type="text"]
{
	margin: 2px 0px;
	width: 150px;
}
#sidebar .faq
{
	padding: 10px;
	width: 155px;
}
#sidebar .faq h3
{
	padding: 5px 0px 1px;
}

#content
{
	float: left;
	width: 560px;
	margin-left: 189px;
}
#content h2
{
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
.mainpromo
{
}
#content .mainpromo h2
{
	padding: 15px 10px 10px 20px;
	margin: 0px;
}
.mainpromo p
{
	padding: 0px 10px 10px 20px;
}
.mainpromo .accent
{
	float: right;
}

.headline
{
	clear: both;
	margin: 15px 0px 10px;
}
.headline h3
{
	padding: 7px 10px;
	float: left;
}
.headline .options
{
	padding: 7px 5px 0px;
	float: right;
}
.headline h3 .sale
{
	float: left;
	margin: -12px 6px -15px 0px;
	width: 69px;
	height: 42px;
}

.itemlisting
{
	clear: both;
	margin: 0px 0px;
}
.itemlisting .item
{
	float: left;
	width: 130px;
	margin: 5px 5px;
}
.itemlisting .itemlist
{
	float: left;
	width: 125px;
	margin: 10px 5px;
	padding: 5px 0px;
}
.itemlisting br
{
	clear: both;
}
.itemlisting .itemlist h3
{
	padding-left: 10px;
}
.itemlisting .itemlist ul
{
	margin: 7px 5px 1px 25px;
}
.itemlisting .itemlist ul li
{
	padding: 1px 0px;
}
.productdetailinfo .itemlisting .item
{
	margin: 5px 2px;
}
.itemlisting div br
{
	clear: none;
}

.itemlisting .itemalt
{
	clear: both;
	margin: 5px 0px;
}
.itemlisting .itemalt .image
{
	float: left;
	width: 140px;
}
.itemlisting .itemalt .info
{
	margin-left: 140px;
}

.moreinfo
{
	clear: both;
}

.attn
{
	margin-top: -9px;
}
.attn .optinfo
{
	float: left;
	width: 310px;
	padding: 6px 10px;
}
.attn .optinfo .attnicon
{
	float: left;
}
.attn .optinfo p
{
	margin: 20px 10px;
	float: right;
	width: 200px;
}
.attn .form
{
	padding: 15px 10px;
}
.attn .form input
{
	width: 200px;
}
.attn .note
{
	clear: both;
	padding: 6px 10px;
}
.attn .form .primaryaction
{
	float: right;
	padding-right: 15px;
}
.attn .form .primaryaction *
{
	vertical-align: middle;
}

.breadcrumb
{
	margin-bottom: 15px;
}


.productinfo
{
	float: right;
	width: 365px;
}
.productinfo .price
{
}
.productinfo .addtocartform
{
	margin: 5px 0px;
}
.productinfo .addtocartform input
{
	margin: 0px 5px;
	width: 50px;
}
.productinfo .addtocartform *
{
	vertical-align: middle;
}

.productimage
{
	float: left;
	width: 185px;
}

.productdetail
{
	clear: both;
	padding: 15px 0px;
}
.productdetail #detailquicklinks
{
	float: left;
	margin: 0px;
	padding: 0px;
	margin: 0px 0px -1px -1px;
}
.productdetail #detailquicklinks li
{
	float: left;
	margin: 0px 1px;
	padding-right: 5px;
}
.productdetail #detailquicklinks li a
{
	display: block;
	padding: 8px 4px 7px 9px;
}
.productdetail #detailquicklinks li.current
{
	position: relative;
}
.productdetail #detailquicklinks li.current a
{
	padding-bottom: 8px;
}
.productdetail .productdetailinfo
{
	clear: both;
	padding: 10px;
}




.productdetail1
{
	clear: both;
	padding: 15px 0px;
}
.productdetail1 #detailquicklinks1
{
	float: left;
	margin: 0px;
	padding: 0px;
	margin: 0px 0px -1px -1px;
}
.productdetail1 #detailquicklinks1 li
{
	float: left;
	margin: 0px 1px;
	padding-right: 5px;
}
.productdetail1 #detailquicklinks1 li a
{
	display: block;
	padding: 8px 4px 7px 9px;
}
.productdetail1 #detailquicklinks1 li.current
{
	position: relative;
}
.productdetail1 #detailquicklinks1 li.current a
{
	padding-bottom: 8px;
}
.productdetail1 .productdetailinfo1
{
	clear: both;
	padding: 10px;
}





.advbanner
{
	clear: both;
	margin: 10px 0px;
}

.listoptions
{
	margin: 10px 5px;
	clear: both;
}
.listoptions .options
{
	margin-right: 200px;
}
.listoptions .paging
{
	float: right;
	width: 80%;
}

.finderform
{
	margin: 10px 0px;
	clear: both;
}
.finderform .formelement
{
	margin: 5px;
	float: left;
	width: 170px;
}
.finderform label
{
	display: block;
	margin: 0px 0px 5px 0px;
}
.finderform select, .finderform input
{
	width: 120px;
}
.finderform .primaryaction
{
	display: inline;
	margin-left: 5px;
}
.finderform br
{
	clear: both;
}
.finderform *
{
	vertical-align: middle;
}

.brand .brandinfo
{
	float: right;
	width: 365px;
}
.brand .brandimage
{
	float: left;
	width: 185px;
	text-align: center;
}

.recipeinfo .recipelist
{
	width: 200px;
	float: left;
	margin-left: -330px;
}
.recipeinfo .recipelist select
{
	width: 190px;
}
.recipeadv1
{
	float: left;
	width: 207px;
	margin-left: -550px;
}
.recipeadv2
{
	float: left;
	width: 120px;
	margin-left: 429px;
	display: inline;
}
.genadv
{
	float: left;
	width: 425px;
	margin-left: -558px;
	margin-top: 220px;
}
.genadv .recipeadv3
{
	float: left;
	margin: 8px;
}

.recipeinfo
{
}

h3.subhead
{
	margin-top: 6px;
}
.checkout
{
	float: right;
}
.cart
{
	clear: both;
	margin: 5px 0px 5px;
}
.cart th
{
	padding: 4px 5px;
}
.cart td
{
	padding: 2px 5px;
}
.cart .quantity
{
	width: 25px;
}
.updatecart
{
	float: right;
}
.mycart_options *
{
	vertical-align: middle;
}
#sales_disc
{
	width: 270px;
	float: left;
	margin: 10px 0px;
}
#gift_box
{
	width: 270px;
	float: left;
	margin: 10px 0px;
}
#cart_summary
{
	width: 270px;
	float: right;
	margin: 10px 0px;
}
#billing_addr
{
	width: 230px;
	float: left;
	margin: 10px 0px;
}
#billing_addr1
{
	width: 270px;
	float: right;
	margin: 10px 0px;
}
#credit_disclaimer
{
	clear: right;
	width: 230px;
	float: left;
	margin: 10px 0px;
}
#purch_from
{
	width: 270px;
	float: left;
	margin: 10px 0px;
}
#billing_form
{
	width: 310px;
	float: right;
	margin: 10px 0px;
}
.infobox *
{
	vertical-align: middle;
}
.infobox label
{
	display: block;
}
.couponcode
{
	width: 170px;
	margin-right: 10px;
}
.infobox p
{
	padding: 5px 10px;
}
.infobox h4
{
	padding: 5px 10px;
}
.infobox h3
{
	padding: 5px 10px;
}


.quickform
{
	padding: 5px 10px;
}
.quickform label
{
	float: left;
	width: 105px;
	display: inline;
	margin: 3px 0px;
}
.quickform br
{
	clear: both;
}
.quickform input
{
	float: left;
	width: 125px;
	margin: 3px 0px;
}
.quickform select
{
	float: left;
	margin: 3px 0px;
}
.quickform .checknum
{
	width: 60px;
}
.quickform .bankname
{
	width: 160px;
}
.quickform .routingnum
{
	width: 100px;
}
.quickform .acctnum
{
	width: 140px;
}
.quickform .acctssn
{
	width: 100px;
}
.inst
{
	width: 200px;
	height: 50px;
}
.quickform label.option
{
	margin-left: 105px;
	width: 150px;
}
.quickform label.option input
{
	float: none;
	width: auto;
	margin: 3px 5px 0px 0px;
}
.quickform .primaryaction
{
	margin-left: 105px;
}

.nosignin
{
	margin-left: 105px;
}

#signin, #shipping
{
	width: 270px;
	float: left;
	margin: 10px 0px;
}
#register, #summary, #minicart
{
	width: 270px;
	float: right;
	margin: 10px 0px;
}
#infocart
{
	width: 560px;
	margin: 10px 0px;
}
.divide
{
	clear: both;
	margin: 0px;
}


#footer
{
	clear: both;
	margin: 10px 15px;
	padding: 3px 0px 20px 0px;
	height: 40px;
}
#footer .auxnav
{
	float: right;
}
#footer .siteby
{
	float: left;
}
/* IE6 hacks */
* html #masthead .miscinfo
{
	margin-top: 0px;
}
* html #content
{
	display: inline;
}
* html .itemlisting .item
{
	margin: 5px 4px;
}
* html .productdetail #detailquicklinks
{
	margin-left: -2px;
}


/* AUTO CLEARING : http://www.positioniseverything.net/easyclearing.html */

.clearfix:after, #masthead:after, #navigation:after, #body_container:after, .mspot:after, .mainpromo:after, .headline:after, .itemlisting:after, .finderform:after, .itemalt:after
{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.clearfix, #masthead, #navigation, #body_container, .mspot, .mainpromo, .headline, .itemlisting, .finderform, .itemalt
{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix, * html #masthead, * html #navigation, * html #body_container, * html .mspot, * html .mainpromo, * html .headline, * html .itemlisting, * html .finderform, * html .itemalt
{
	height: 1%;
}

.clearfix, #masthead, #navigation, #body_container, .mspot, .mainpromo, .headline, .itemlisting, .finderform, .itemalt
{
	display: block;
}
/* End hide from IE-mac */

/* AUTO CLEARING : END */

/* Contact Form Specific */

.clearboth
{
	clear: both;
}

.contactForm
{
	/* */
}

.contactFormLabel
{
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	width: 100px;
	vertical-align: middle;
}

.contactFormField
{
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	width: auto;
	vertical-align: middle;
}

.contactFormTextbox
{
	border: 1px solid #CCCCCC;
}

.contactFormTextboxError
{
	border: 1px solid #FF0000;
}

.contactFormButton
{
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}

.contactFormRequiredLabel
{
	color: #FF0000;
}

.contactFormSpan
{
	padding-top: 8px;
	text-align: center;
}

table.blist
{
	border: solid 1px #cccccc;
}

td.blist
{
	padding: 6px;
	text-align: center;
	border: solid 1px #cccccc;
	vertical-align: top;
}

/* Contact Form Specific */

.terms_heading
{
	font-size: 10pt;
	font-weight: bold;
}

#twitter-feed-left
{
	float: left;
	width: 305px;
	padding: 0 7px;
}
ul#twitter_update_list
{
	padding: 0;
	margin: 0;
	list-style: none;
}
ul#twitter_update_list li
{
	padding: 7px 0;
	margin: 0;
	font-size: 14px;
}
#twitter-feed-right
{
	float: left;
	width: 210px;
}


#social-networking
{
	float: left;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #d4ceda;
	width: 100%;
}

#social-networking a
{
	display: block;
	float: left;
	height: 33px;
	padding: 11px 0 0 40px;
}

#facebook
{
	background: transparent url(../images/facebook.gif) no-repeat center left;
	width: 160px;
}
#twitter
{
	background: transparent url(../images/twitter.gif) no-repeat center left;
	width: 120px;
	margin-left: 55px;
}
#twitter_update_list a
{
	color: #7264af;
}

/* added for cupcake crap */
#masthead-mid
{
	float: left;
	padding-left: 55px;
	width: 385px;
}

#masthead-search
{
	background-image: url(../images/search_bg.gif);
	width: 360px;
	margin-top: 0px;
	clear: both;
}

#masthead-search-left
{
	float: left;
	background-image: url(../images/search_left.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 28px;
}

#masthead-search .searchq
{
	float: left;
	width: 270px;
	margin: 4px 5px 3px 0;
	color: #7564aa;
}

#masthead-search .searchq-btn
{
	float: left;
	margin: 4px 0 3px 0;
	width: 65px;
	height: 21px;
	border: none;
}

#masthead-search-right
{
	float: right;
	background-image: url(../images/search_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 3px;
	height: 28px;
	display: inline;
}

#masthead-right
{
	float: left;
	width: 120px;
	padding-left: 20px;
	padding-top: 10px;
}
#mix-match-top
{
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	width: 559px;
	padding-right: 0px;
	background: url(/images/cupcake/mixmatch-top-bg2.jpg) #f4e6f7 no-repeat left top;
	float: left;
	padding-top: 14px;
}
#mix-match-top .mix-match-top-title-large
{
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 235px;
	padding-right: 0px;
	color: #3a2781;
	font-size: 25px;
	font-weight: bold;
	padding-top: 0px;
}
#mix-match-top .mix-match-top-title
{
	padding-bottom: 0px;
	margin-top: 75px;
	padding-left: 235px;
	padding-right: 0px;
	color: #3a2781;
	font-size: 18px;
	font-weight: normal;
	padding-top: 0px;
}
#mix-match-top .mix-match-top-price
{
	padding-bottom: 0px;
	margin: 18px 0px 0px;
	padding-left: 235px;
	padding-right: 0px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	padding-top: 0px;
}
#mix-match-top P
{
	padding-bottom: 0px;
	margin: 18px 0px 0px;
	padding-left: 235px;
	padding-right: 0px;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	padding-top: 0px;
}
#baked-for-you P
{
	padding-bottom: 0px;
	margin: 18px 0px 0px;
	padding-left: 235px;
	padding-right: 0px;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	padding-top: 0px;
}
#mix-match-top P.go-to-classic
{
	text-align: right;
	margin: 59px 0px;
	padding-right: 25px;
}
#mix-match-top P.go-to-classic A
{
	color: #2b35a8;
}
#mix-match-tabs
{
	position: relative;
	float: left;
}
#mixmatch-tabs-content-corner
{
	position: absolute;
	top: -1px;
	right: -1px;
}
#mix-match-body P
{
	padding-bottom: 0px;
	margin: 9px 0px;
	padding-left: 17px;
	padding-right: 0px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	padding-top: 0px;
}
#mix-match-tabs UL
{
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	padding-top: 0px;
}
#mix-match-tabs UL LI
{
	position: relative;
	text-align: center;
	border-left: #fac9f2 1px solid;
	padding-bottom: 10px;
	background-color: #fbeef8;
	list-style-type: none;
	margin: 0px 3px 0px 0px;
	padding-left: 10px;
	width: auto;
	padding-right: 10px;
	float: left;
	border-top: #fac9f2 1px solid;
	border-right: #fac9f2 1px solid;
	padding-top: 10px;
	height:17px;
}
#mix-match-tabs UL LI.active
{
	z-index: 3;
	background-color: #ffffff;
	margin-bottom: -1px;
	height: 18px;
	font-size: 11px;
}
#mix-match-tabs ul li a:link, #mix-match-tabs ul li a:visited 
{
    font-size:15px;
    font-weight:normal;
    color:#2b35a8;
    text-decoration:none;
  }
#mix-match-tabs ul li a:hover, #mix-match-tabs ul li a:active 
{
    text-decoration:underline;
  }
  
#mix-match-tabs #round-tab-corner-left
{
	position: absolute;
	top: -1px;
	left: -1px;
}
#mix-match-tabs #round-tab-corner-right
{
	position: absolute;
	top: -1px;
	right: -1px;
}
#mix-match-tabs-content
{
	border-bottom: #dcafea 1px solid;
	position: relative;
	border-left: #dcafea 1px solid;
	background-color: #ffffff;
	width: 556px;
	float: left;
	border-top: #dcafea 1px solid;
	border-right: #dcafea 1px solid;
}
#mix-match-tabs-content .mix-match-tab-item
{
	text-align: center;
	margin: 0px 0px 24px 4px;
	width: 171px;
	float: left;
	color: #04864c;
	font-size: 11px;
	font-weight: bold;
}
#mix-match-tabs-content .mix-match-tab-item2
{
	text-align: left;
	margin: 0px 0px 24px 4px;
	float: left;
	color: #04864c;
	font-size: 11px;
	font-weight: bold;
}
#mix-match-body .mix-match-tab-item IMG
{
	padding-bottom: 7px;
	padding-left: 2px;
	padding-right: 8px;
	display: block;
	background: url(/images/cupcake/mix-match-tab-item-img-bg.jpg) no-repeat left top;
	padding-top: 2px;
}
#mix-match-body .mix-match-tab-item INPUT
{
	text-align: center;
	width: 20px;
}
.TextQty
{
	width:15px;
	text-align:center;
}  

/* ===== Giftbox Option Slide Down ===== */
#modal-content { display:none; z-index:101; position:absolute; top:0px; background-color:#fff; border: solid 3px #7264af;border-top:none; left:50%; margin:0px 0px 0px -255px; width:500px; padding:5px 5px 5px 5px;}
/*#modal-content label { color:#fff; font-family:"Century Gothic", Arial, Helvetica, san-serif; text-transform:uppercase; display:inline;}
#modal-content a#plc_lt_zoneLogin_logonform_lnkPasswdRetrieval { font-family: "Trebuchet MS", arial, helvetica, sans-serif; margin-left:80px; color:#eee;}*/
#modal-content a#closex { float:right; font-size:20px;}
#modal-content h2 { font-size: 150%; font-weight: bold; color: #3c2b7b; }
#modover { background-color:#fff; display:none; height:100%; width:100%; position:absolute; z-index:100;}
#modal-content td { text-align:left;}

/* ==== Product Page Kit Version ==== */
.kitImage {text-align:center;}
