@charset "UTF-8";


* {
margin:0;
padding:0;
outline:none;
}

html {
background-color:#794a2b;
background-image:url(/images/headerBG.jpg);
background-position:top center;
background-repeat:repeat-x;
background-attachment:scroll;
}

body {
font-family:Arial, Helvetica, sans-serif;
background-image:url(/images/headerBG.jpg);
background-position:top center;
background-repeat:repeat-x;
background-attachment:scroll;
}

p, li, td {
font-size:12px;
line-height:15px;
color:#333333;
margin-bottom:8px;
}

p a, li a, h1 a {
color:#333333;
}

a img {
border:none;
}

h2 {
color:#83593e;
font-size:24px;
margin-bottom:6px;
}

h3 {
color:#83593e;
font-size:16px;
margin-bottom:6px;
}

h4 {
color:#83593e;
font-size:14px;
margin-bottom:4px;
}

#stepContent p.red_note{
position:relative;
text-align:center;
width:100%;
height:31px;
background-image:url(/images/red_noteBG.png);
background-position:top center;
background-repeat:no-repeat;
padding:0;
margin:0 0 10px 0;
line-height:31px;
}

#stepContent p.red_noteShort{
position:relative;
text-align:center;
width:100%;
height:31px;
background-image:url(/images/red_noteShortBG.png);
background-position:top center;
background-repeat:no-repeat;
padding:0;
margin:0 0 10px 0;
line-height:31px;
}

#stepContent div.white_note, div.white_note {
padding:8px 8px 0 8px;
border:#c6a586 dotted 1px;
background-color:#FFF;
}

.subs {
font-size:10px;
line-height:11px;
}

.clear {
clear:both;
}

.ruled {
border-bottom:#c6a586 1px dotted;
margin-bottom:10px;
}

.center {
text-align:center;
}

.left {
float:left;
}

.right {
float:right;
}

.addBotMargin, #stepContent p.addBotMargin {
margin-bottom:12px;
}

.addTopMargin {
margin-top:15px;
}

img#loader {
	top:10px;
	left:10px;
}

#requestinfo {
position:absolute;
top:0px;
left:0px;
height:125px;
width:125px;
float:left;
z-index:400;
}

#main {
position:relative;
width:100%;
}

#wrapper { /*added to reset default text alignment to left due to above fix */
position:relative;
width:850px;
height:33px;
margin:0px auto;
padding:0;
z-index:2;/* Needed to fix z-index issue on h1#logo below */
}

#container {
position:relative;
width:870px;
height:auto;
margin:0px auto;
padding:0px;
overflow:visible;
}

#branding {
position:relative;
top:0;
width:850px;
height:28px;
margin: 0 auto;
}



h1#logo {
margin:0;
padding:0;
}

h1#logo a {
position:absolute;
top:0px;
left:6px;
margin:0;
padding:0;
width:167px;
height:125px;
text-decoration:none;
text-indent:-9999px;
overflow:hidden;
display:block;
z-index:1;/* Needed with z-index of 2 on parent element #wrapper to work properly in ie7 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/LOGO.png', sizingMethod='crop');/*Fixes problem with pngFix.js not displaying transparent png*/
}

html>body h1#logo a {
background:url(/images/LOGO.png) center no-repeat;
filter:none;
}

#login {
position:relative;
float:right;
top:3px;
right:10px;
height:21px;
width:auto;
list-style:none;
}

#login li, #nav li {
position:relative;
display:inline;
}

#login li {float:right;}

#login li.welcome {
height:21px;
line-height:21px;
padding:0x 5px 0px 5px;
margin:0 8px 0 0;
color:#f1eade;
}

#login li.loginbutton,  #login li#chat {
width:auto;
}

#login li.loginbutton a, #login li#chat a {
text-decoration:none;
height:21px;
line-height:21px;
padding:0px 0px 0px 8px;
background-image:url(/images/loginBGleft.gif);
background-position:top left;
background-repeat:no-repeat;
display:inline-block;
}

html>body #login li.loginbutton a, #login li#chat a {
background-image:url(/images/loginBGleft.png);
display:block;
}

#login li.loginbutton a span, #login li#chat a span {
height:21px;
width:auto;
line-height:21px;
background-image:url(/images/loginBG.gif);
background-position:top right;
background-repeat:no-repeat;
display:inline-block;
padding:0px 8px 0 0;
}

html>body #login li.loginbutton a span, #login li#chat a span {
background-image:url(/images/loginBG.png);
display:block;
}


#login li.loginbutton a:hover, #login li#chat a:hover {
background-position:bottom left;
}

#login li.loginbutton a:hover span, #login li#chat a:hover span {
background-position:bottom right;
cursor:pointer;
}

#login li.notregistered {
height:21px;
line-height:21px;
padding:0px 0px 0px 8px;
background-image:url(/images/notregisteredBG.gif);
background-position:top left;
background-repeat:no-repeat;
}


html>body #login li.notregistered {
background-image:url(/images/notregisteredBG.png);
margin:0 15px 0 0;
}

#login li.notregistered span {
height:21px;
width:auto;
display:inline-block;/* Needs to be inline-block for IE6 to render properly Same on all nested span treatments for tabs and buttons that follow*/
padding:0px 15px 0px 0px;
background-image:url(/images/notregisteredBG.gif);
background-position:top right;
background-repeat:no-repeat;
}

html>body #login li.notregistered span {
background-image:url(/images/notregisteredBG.png);
display:block;/*Sets to display span properly in Firefox 2 */
margin:0 -15px 0 0;
right:-15px;
}

#login li.launchTNS, p.launchTNS {
width:auto;
}

#login li.launchTNS a, p.launchTNS a{
text-decoration:none;
height:21px;
line-height:21px;
padding:0px 0px 0px 8px;
margin-right:5px;
background:url(/images/launchButtonleft.gif) top left no-repeat;
display:inline-block;
color:#FFFFFF;
}

html>body #login li.launchTNS a, html>body p.launchTNS a {
background-image:url(/images/launchButtonleft.png);
display:block;
}

#stepContent p.launchTNS a {
color:#FFFFFF;
float:left;
margin-bottom:10px;
margin-left:30px;
}

#login li.launchTNS a span, p.launchTNS a span {
height:21px;
width:auto;
line-height:21px;
background-image:url(/images/launchButton.gif);
background-position:top right;
background-repeat:no-repeat;
display:inline-block;
padding:0px 8px 0 0;
}

html>body #login li.launchTNS a span, html>body p.launchTNS a span {
background-image:url(/images/launchButton.png);
display:block;
}


#login li.launchTNS a:hover, p.launchTNS a:hover {
background-position:bottom left;
}

#login li.launchTNS a:hover span, p.launchTNS a:hover span {
background-position:bottom right;
cursor:pointer;
}


#login form#searchForm {
position:relative;
right:5px;
margin:0;
padding:0 5px 0 0;
height:21px;
width:170px;
display:block;
overflow:hidden; /*Needed to display correctly in IE6-7*/
border-right:#f1eade 1px dotted;
}


#login form#searchForm input {
position:absolute;
top:0px;
left:0;
border:none;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
height:17px;
width:138px;
padding:2px 2px 2px 4px;
background:url(/images/searchFormBG.gif) top left no-repeat;
}

html>body #login form#searchForm input {
background-image:url(/images/searchFormBG.png);
}

#login form#searchForm input:focus {
background-position:bottom left;
}



#login form#searchForm button {
width:auto;
position:absolute;
top:0;
right:5px;
height:21px;
width:26px;
background:none;
background:url(/images/searchFormBG.gif) top right no-repeat;
border:none;
border:0px;
border-left:#999 1px solid;
cursor:pointer;
font-size:12px;
}

html>body #login form#searchForm button {
background-image:url(/images/searchFormBG.png);
}

#login form#searchForm button:hover {
background-position:bottom right;
}

#login li#chat {
	padding-right:10px;
}

#login li#chat a {
	color: #FFFFFF;
	background-image:url(/images/chatBG.gif);
	padding-left:24px; 
}

html>body #login li#chat a {
background-image:url(/images/chatBG.png); 
}

#login li#chat a span {
background-image:url(/images/chatBG.gif);
margin-right:-5px;
}

html>body #login li#chat a span {
background-image:url(/images/chatBG.png);
}

#login li#chat a img {
	margin-top:3px;
	margin-bottom:-3px;
	background:none;
}


p.createAccount {
position:relative;
width:auto;
height:30px;
font-size:18px;
font-weight:bold;
top:5px;
}

p.createAccount a{
text-decoration:none;
height:30px;
line-height:30px;
padding:0px 0px 0px 8px;
margin-right:5px;
background:url(/images/createAccountButtonleft.gif) top left no-repeat;
display:inline-block;
color:#FFFFFF;
}


#stepContent p.createAccount a {
color:#FFFFFF;
float:left;
margin-bottom:15px;
}



html>body p.createAccount a {
background-image:url(/images/createAccountButtonleft.png);
display:block;
}

p.createAccount a span {
height:30px;
width:auto;
line-height:30px;
background-image:url(/images/createAccountButton.gif);
background-position:top right;
background-repeat:no-repeat;
display:inline-block;
padding:0px 8px 0 0;
}

html>body p.createAccount a span {
background-image:url(/images/createAccountButton.png);
display:block;
}


p.createAccount a:hover {
background-position:bottom left;
}

p.createAccount a:hover span {
background-position:bottom right;
cursor:pointer;
}







#nav {
position:absolute;
bottom:0px;
right:10px;
height:28px;
width:auto;
list-style:none;
margin:0;
padding:0;
}

#nav li a {
position:relative;
color:#FFFFFF;
background:url(/images/menuTabs.gif) left -28px  no-repeat;
height:28px;
line-height:28px;
text-decoration:none;
border-style:none;
margin:0 0 0 2px;
padding:0 0 0 8px;
float:left;
}

html>body #nav li a {
background:url(/images/menuTabs.png) left -28px  no-repeat;
}

#nav li a span {
background:url(/images/menuTabs.gif) right -28px  no-repeat;
line-height:28px;
width:auto;
right:-2px;
padding:0 8px 0 0;
display:inline-block;
}

html>body #nav li a span {
background:url(/images/menuTabs.png) right -28px  no-repeat;
display:block;
}

#nav li a:hover {
background:url(/images/menuTabs.gif) left -0px  no-repeat;
}

html>body #nav li a:hover {
background:url(/images/menuTabs.png) left -0px  no-repeat;
}

#nav li a:hover span {
background:url(/images/menuTabs.gif) right -0px  no-repeat;
cursor:pointer;
}

html>body #nav li a:hover span {
background:url(/images/menuTabs.png) right -0px  no-repeat;
cursor:pointer;
}

#nav li a.current, #nav li a.current:hover {
background:url(/images/menuTabs.gif) left -56px  no-repeat;
border:none;
cursor:pointer;
}

html>body #nav li a.current, #nav li a.current:hover {
background:url(/images/menuTabs.png) left -56px  no-repeat;
}

#nav li a.current span, #nav li a.current:hover span {
background:url(/images/menuTabs.gif) right -56px  no-repeat;
cursor:pointer;
}

html>body #nav li a.current span, #nav li a.current:hover span {
background:url(/images/menuTabs.png) right -56px  no-repeat;
}

#content {
position:relative;
width:100%;
margin:27px 0 0 0;
padding:11px 0 0 0;
background:transparent url(/images/contentBG.png) center top repeat-y;
overflow:visible;
}

.ie6 #content {
background:url(/images/contentBG.png) center bottom no-repeat;
}

#subnav {
position:absolute;
top:-27px;
right:10px;
height:27px;
width:666px;
padding-left:184px;
text-align:center;
background:url(/images/subNavBG.gif) center no-repeat;
}

html>body #subnav {
background:url(/images/subNavBG.png) center no-repeat;
}

#subnav p {
color:#FFFFFF;
font-size:12px;
margin:0;
padding:0;
line-height:27px;
border:none;
}

#subnav p a {
color:#FFFFFF;
}

#subnav ul {
position:relative;
list-style:none;
margin:0;
padding:0;
}

#subnav li {
position:relative;
color:#FFFFFF;
margin:0;
padding:0;
display:inline;
height:27px;
white-space:nowrap;/*Fixes IE 7 issue with li text flowing to 2nd line in menu*/
}

#subnav li a {
color:#FFFFFF;
height:27px;
width:auto;
text-decoration:none;
margin:0 2px 0 0;
line-height:27px;
padding:0px 0px 0px 8px;
border:none;
/*display:-moz-inline-box;
*/display:inline-block;
}


#subnav li a span {
height:27px;
width:auto;
display:inline-block;
padding:0px 8px 0px 0px;
right:-2px;
}


#subnav li a:hover, #subnav li a.current {
color:#333333;
background:url(/images/SubNavButton.png) top left no-repeat;
}

#subnav li a:hover span, #subnav li a.current span {
background:url(/images/SubNavButton.png) top right no-repeat;
cursor:pointer;
}

div.kicker {
float:none;
position:relative;
width:748px;
height:112px;
margin:0px auto;
padding:0;
top:4px;
background-color:#fff;
}


.kickerHTML {
visibility:hidden;
overflow:hidden;

}

.kicker h2 {
position:relative;
text-indent:-9999px;
overflow:hidden;
float:left;
background-position:center;
background-repeat:no-repeat;
margin:0px;
padding:0px;
width:267px;
height:92px;
top:0px; 
left:40px; /* Added to fix positioning relative to kicker h2 in IE 6 & 7 rather than margin */
}

.kicker h2.stepone {
background-image:url(/images/step1header.png);
}

.kicker h2.steptwo {
background-image:url(/images/step2header.png);
}

.kicker h2.stepthree {
height:98px;
background-image:url(/images/step3header.png);
}

.kicker h2.stepfour {
height:98px;
background-image:url(/images/step4header.png);
}

.kicker h2.stepfive {
background-image:url(/images/step5header.png);
}

.kicker p.intro {
position:relative;
left:32px;/*Added to fix positioning relative to kicker h2 in IE 6 & 7*/
font-size:16px;
line-height:22px;
width:390px;
padding:3px 0px 3px 32px;
margin:0 0 0 12px;
background-image:url(/images/blueBrace.png);
background-position:left center;
background-repeat:no-repeat;
float:left;
}

.singleColumn {
position:relative;
width:828px;
height:auto;
margin:11px auto 0 auto;
padding-bottom:11px;
}

.homeTop {
position:relative;
width:828px;
height:112px;
margin:11px auto 21px auto;
/*margin:0 auto 11px auto;
*/}

.home {
position:relative;
width:828px;
height:auto;
margin:0 auto 11px auto;
padding:0;
}

.home .VTabbedPanels {
width:828px;
height:291px;
margin:0;
padding:0;
border:none;
background:url(/images/EasyAsBG.png) top right no-repeat;
}

.home .VTabbedPanels .TabbedPanelsTabGroup{
position:relative;
height:219px;
width:278px;
background-color:none;
border:none;
background:url(/images/EasyAsTitle.gif) 0 0 no-repeat;
margin:0;
padding:59px 0 0 0;
float: left;
}

.home .VTabbedPanels .TabbedPanelsTabGroup .TabbedPanelsTab {
position:relative;
top:0;
padding:0;
margin:0;
width:278px;
display:block;
border:none;
background:none;
text-indent:-9999px;
overflow:hidden;
float: none;
cursor: pointer;
list-style: none outside none;
-moz-user-select: none;
}

.home .TabbedPanelsTab #EasyTab1 {
background:url(/images/EasyAsSteps.gif) 0 0 no-repeat;
display:block;
height:46px;
width:278px;
}

.home .TabbedPanelsTabHover #EasyTab1 {
background:url(/images/EasyAsSteps.gif) -278px 0px no-repeat;
}

.home .TabbedPanelsTabSelected #EasyTab1 {
background:url(/images/EasyAsSteps.gif) -556px 0px no-repeat;
}

.home .TabbedPanelsTab #EasyTab2 {
background:url(/images/EasyAsSteps.gif) 0 -46px no-repeat;
display:block;
height:46px;
width:278px;
}

.home .TabbedPanelsTabHover #EasyTab2 {
background:url(/images/EasyAsSteps.gif) -278px -46px no-repeat;
}

.home .TabbedPanelsTabSelected #EasyTab2 {
background:url(/images/EasyAsSteps.gif) -556px -46px no-repeat;
}

.home .TabbedPanelsTab #EasyTab3 {
background:url(/images/EasyAsSteps.gif) 0 -92px no-repeat;
display:block;
height:46px;
width:278px;
}

.home .TabbedPanelsTabHover #EasyTab3 {
background:url(/images/EasyAsSteps.gif) -278px -92px no-repeat;
}

.home .TabbedPanelsTabSelected #EasyTab3 {
background:url(/images/EasyAsSteps.gif) -556px -92px no-repeat;
}

.home .TabbedPanelsTab #EasyTab4 {
background:url(/images/EasyAsSteps.gif) 0 -138px no-repeat;
display:block;
height:46px;
width:278px;
}

.home .TabbedPanelsTabHover #EasyTab4 {
background:url(/images/EasyAsSteps.gif) -278px -138px no-repeat;
}

.home .TabbedPanelsTabSelected #EasyTab4 {
background:url(/images/EasyAsSteps.gif) -556px -138px no-repeat;
}

.home .TabbedPanelsTab #EasyTab5 {
background:url(/images/EasyAsSteps.gif) 0 -184px no-repeat;
display:block;
height:48px;
width:278px;
}

.home .TabbedPanelsTabHover #EasyTab5 {
background:url(/images/EasyAsSteps.gif) -278px -184px no-repeat;
}

.home .TabbedPanelsTabSelected #EasyTab5 {
background:url(/images/EasyAsSteps.gif) -556px -184px no-repeat;
}

.home .TabbedPanelsContentGroup {
position:relative;
width:548px;
height:291px;
background:none;
border:none;
margin:0;
padding:0;
clear: none;
float: right;
}

.ie8 .TabbedPanelsContentGroup div {
opacity:inherit;
filter:inherit;
}

.home .TabbedPanelsContent {
position:relative;
width:528px;
height:271px;
top:10px;
left:10px;
margin:0;
padding:0;
text-align:center;
}

.home .EasyCover {
/*background:url(/images/EasyOr.png) 318px 0px no-repeat;*/
}

.home .TabbedPanelsContent .EasyStockCover {
position:relative;
float:left;
width:528px;
height:271px;
text-align:center;
}

.home .TabbedPanelsContent .EasyStockCover p {
position:absolute;
bottom:0px;
left:0px;
margin:0;
padding:0;
width:528px;
}


.home .EasyDivider {
/*background:url(/images/EasyOr.png) 318px 0px no-repeat;
*/}

.home .TabbedPanelsContent .EasyStockDivider {
position:relative;
float:left;
width:528px;
height:271px;
text-align:center;
}

.home .TabbedPanelsContent .EasyStockDivider p {
position:absolute;
bottom:0px;
left:0px;
margin:0;
padding:0;
width:528px;
}

.home .TabbedPanelsContent .EasyCustomDivider {
position:relative;
float:right;
right:5px;
width:165px;
height:271px;
}

.home .TabbedPanelsContent .EasyCustomDivider p {
position:absolute;
bottom:0px;
left:0px;
margin:0;
padding:0;
width:165px;
}

.home .TabbedPanelsContent .EasyRecipe {
position:relative;
left:0;
width:528px;
height:271px;
margin:0;
padding:0;
}

.home .TabbedPanelsContent .EasyRecipe p {
position:absolute;
bottom:0px;
left:0px;
margin:0;
padding:0;
width:528px;
}

.home .TabbedPanelsContent .EasyExtras {
position:relative;
left:0;
width:528px;
height:271px;
margin:0;
padding:0;
}

.home .TabbedPanelsContent .EasyExtras p {
position:absolute;
bottom:0px;
left:0px;
margin:0;
padding:0;
width:528px;
}


.learn {
position:absolute;
height:40px;
width:150px;
top:116px;
right:189px;
background:url(/images/LearnMore.gif) center no-repeat;
}

html>body #learn {
background:url(/images/LearnMore.png) center no-repeat;
}

.learn p {
text-indent:-9999px;
overflow:hidden;
}

.learn p a {
top:0;
left:0;
height:40px;
width:150px;
display:block;
}




.homeBottom {
position:relative;
width:812px;
height:98px;
margin:0 auto;
padding-bottom:11px;
background:url(/images/homeBottomBG.png) center 10px no-repeat;
}

.homeBottom div.off {
visibility:hidden;
}

.homeBottom div.on {
visibility:visible;
}

.homeBottom div#aboutText {
position:absolute;
bottom:11px;
left:0;
width:515px;
height:373px;
padding:10px;
background:url(/images/aboutTextBG.png) 0 0 no-repeat;
}

.homeBottom div#aboutText p a.close {
position:absolute;
bottom:10px;
right:10px;
line-height:20px;
background:url(/images/closeBtn.png) right top no-repeat;
color:#83593e;
font-weight:bold;
padding-right:25px;
text-decoration:none;
}

.homeBottom div#aboutText p a.close:hover {
background:url(/images/closeBtn.png) right bottom no-repeat;
}

.homeBottom h3 {
margin:0;
padding:0;
}

.homeBottom h3 a {
float:left;
text-indent:-9999px;
overflow:hidden;
}

.homeBottom h3 a#aboutUs {
height:98px;
width:259px;
display:block;
background:url(/images/aboutUsBtn.png) 0 0 no-repeat;
}

.homeBottom a#aboutUs:hover {
background-position:0 -98px;
}

.homeBottom h3 a#extras {
height:98px;
width:258px;
margin-left:18px;
display:block;
background:url(/images/extrasBtn.png) 0 0 no-repeat;
}

.homeBottom h3 a#extras:hover {
background-position:0 -98px;
}

.homeBottom h3 a#profits {
height:98px;
width:258px;
margin-left:18px;
display:block;
background:url(/images/hugeProfitsBtn.png) 0 0 no-repeat;
}

.homeBottom h3 a#profits:hover {
background-position:0 -98px;
}

.homeBottom h3 a#getStarted {
height:98px;
width:258px;
margin-left:18px;
display:block;
background:url(/images/getStartedBtn.png) 0 0 no-repeat;
}

.homeBottom h3 a#getStarted:hover {
background-position:0 -98px;
}

.homeBottom h3 a#basePrices {
height:98px;
width:259px;
margin-left:18px;
display:block;
background:url(/images/basePricesBtn.png) 0 0 no-repeat;
}

.homeBottom h3 a#basePrices:hover {
background:url(/images/basePricesBtn.png) 0 -98px no-repeat;
}

.homeBottom h3 a#pricesOptions {
height:98px;
width:259px;
margin-left:18px;
display:block;
background:url(/images/pricesOptionsBtn.png) 0 0 no-repeat;
}

.homeBottom h3 a:hover#pricesOptions {
background:url(/images/pricesOptionsBtn.png) 0 -98px no-repeat;
}

.prevLeft a, .nextRight a {
position:absolute;
top:50px;
text-indent:-9999px;
overflow:hidden;
display:block;
height:25px;
width:19px;
background-image:url(/images/PrevNextHorizontal.png);
background-repeat:no-repeat;
}

.prevLeft a {
left:0px;
background-position:left top;
}

.prevLeft a:hover {
left:0px;
background-position:left bottom;
}

.nextRight a {
right:0px;
background-position:top right;
}

.nextRight a:hover {
right:0px;
background-position:bottom right;
}

.nextPrev {
position:absolute;
right:32px;
}

.nextPrev a.prevDivOff, .nextPrev a.nextDivOff, .altNextPrev a.prevDivOff, .altNextPrev a.nextDivOff {
color:#999;
}

.altNextPrev {
position:absolute;
top:3px;
right:180px;
}

#fillerHead {
position:relative;
border-top:#663300 1px dotted;
padding-top:8px;
}

#fillerHead p.altNextPrev {
width:100%;
text-align:center;
right:0px;
top:11px;
}


.clickOn {
position:absolute;
top:3px;
right:150px;
}


#step {
float:none;
position:relative;
margin:0 auto;
padding:0;
width:828px;
}

#step>iframe {
position:relative;
width:828px;
}

#stepContent {
position:relative;
padding:0;
margin:0;
overflow:visible;
width:100%;
background-image:url(/images/stepBG.png);
background-position:right top;
background-repeat:no-repeat;
}

#stepContent div#badge {
position:absolute;
top:-10px;
left:478px;
height:96px;
width:96px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/3freeBadge.png', sizingMethod='crop');/*Fixes problem with pngFix.js not displaying transparent png*/
}

#stepContent p {
line-height:16px;
margin:0 0 6px 0;
}

.stepLeft {
position:relative;
float:left;
width:578px;
margin:16px 0 0 0;
padding:0;
min-height:400px;
}

#stepContent .stepLeft p.subs {
line-height:11px;
padding:8px;
margin-bottom:11px;
background-color:#f1eade;
}

#stepContent .stepLeft p.pinksubs {
margin-top:4px;
font-size:10px;
background-color:#FCC;
line-height:11px;
padding:8px;
margin-bottom:11px;
text-align:left;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
}

#stepContent .stepLeft p.pinksubs strong {
font-weight:bold;
}

.prepare ul {
list-style-position: inside;
}



.stepLeft .coverLeft, step {
float:left;
width:395px;
}

.stepLeft .coverRight {
float:right;
width:175px;
padding:0 0px;
text-align:justify;
margin-bottom:6px;
}

.stepLeft .coverRight ul.coverProps {
padding:0 0 0 60px;
margin-top:16px;
background:url(/images/curlyBrace.png) center left no-repeat;
}

.stepLeft .coverRight ul.coverProps li {
text-transform:uppercase;
color:#008fcc;
padding:0;
margin-bottom:6px;
}

.stepLeft .plasticCoils {
float:left;
width:395px;
}

.stepLeft ul.coilLeft {
list-style:none;
float:left;
margin:0 0 0 11px;
}

.stepLeft ul.coilRight {
list-style:none;
float:right;
margin:0 11px 0 0;
}

.stepLeft ul.coilLeft li, .stepLeft ul.coilRight li {
height:39px;
width:50px;
line-height:39px;
padding:0 0 0 125px;
background-position:center left;
background-repeat:no-repeat;
}

.stepLeft ul.coilLeft li.white {
background-image:url(/images/covers/Coil_white.jpg);
}

.stepLeft ul.coilLeft li.red {
background-image:url(/images/covers/Coil_red.jpg);
color:#333333;
}

.stepLeft ul.coilLeft li.navy {
background-image:url(/images/covers/Coil_navy.jpg);
}

.stepLeft ul.coilLeft li.green {
background-image:url(/images/covers/Coil_green.jpg);
}

.stepLeft ul.coilRight li.maroon {
background-image:url(/images/covers/Coil_maroon.jpg);
}

.stepLeft ul.coilRight li.blue {
background-image:url(/images/covers/Coil_blue.jpg);
}

.stepLeft ul.coilRight li.brown {
background-image:url(/images/covers/Coil_brown.jpg);
}

.stepLeft ul.coilRight li.black {
background-image:url(/images/covers/Coil_black.jpg);
}


.SlidingPanels {
float: left;
overflow:hidden;
position:relative;
margin: 0px;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}

.SlidingPanelsContentGroup {
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: medium none;
}


.SlidingPanelsContent {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
		float: left;	
}

#topslide.SlidingPanels {
width:748px;
height:100px;
}

/*.carousel .SlidingPanels, .carousel .SlidingPanelsContent {
width:365px;
height:100px;
}*/

#topslide .SlidingPanelsContentGroup {
float: left;
width: 4490px;
height:100px;
}

/*.carousel .SlidingPanelsContentGroup {
float:left;
width:1460px;
height:100px;
}*/

#topslide .SlidingPanelsContent {
width:748px;
height:100px;
}


div#cPanel, div#fPanel, div#hPanel {
height:190px;
width:533px;
float:left;
margin:0 2px 0px 2px;
}

div#fPanel {
height:355px;
margin:0 2px 11px 2px;
}

#covers {
height:190px;
overflow:visible;
}

#fillers {
height:355px;
overflow:visible;
}

#hints {
height:190px;
overflow:visible;
}

#covers .SlidingPanelsContent, #fillers .SlidingPanelsContent, #hints .SlidingPanelsContent {
position:relative;
height:190px;
width:544px;
overflow:hidden;
margin:0;
padding:0;
}

#fillers .SlidingPanelsContent {
height:355px;
}


#covers .SlidingPanelsContent div, #fillers .SlidingPanelsContent div, #hints .SlidingPanelsContent div  {
position:relative;
float:left;
width:125px;
height:190px;
margin:0 11px 0 0;
padding:0;
overflow:hidden;
}

#fillers .SlidingPanelsContent div {
width:533px;
height:355px;
}

#covers .SlidingPanelsContent div h4, #fillers .SlidingPanelsContent div h4, #hints .SlidingPanelsContent div h4 {
margin:0 0 0px 8px;
}

#covers .SlidingPanelsContent div a.viewLarger, #hints .SlidingPanelsContent div a.viewLarger {
position:absolute;
width:125px;
height:175px;
float:none;
display:inline-block;
top:15px;
left:0px;
text-decoration:none;
text-indent:-9999px;
overflow:hidden;
background:url(/images/ViewLarger.gif) -9999px 0px no-repeat;
}


#covers .SlidingPanelsContent div a.viewLarger:hover, #hints .SlidingPanelsContent div a.viewLarger:hover {
background:url(/images/ViewLarger.gif) center no-repeat;
}

html>body #covers .SlidingPanelsContent div a.viewLarger:hover, html>body #hints .SlidingPanelsContent div a.viewLarger:hover {
background:url(/images/ViewLarger.png) center no-repeat;
}


#coverLeft p.prevnext, #fillerLeft p.prevnext, #extrasLeft p.prevnext {
text-indent:-9999px;
overflow:hidden;
height:175px;
width:20px;
float:left;
margin-top:11px;
}

#stepContent p#coverNav {
margin-left:30px;
}


#fillerLeft p.prevnext {
height:355px;
}

#coverLeft p.prevnext a, #fillerLeft p.prevnext a, #extrasLeft p.prevnext a {
position:relative;
text-decoration:none;
top:75px;
height:25px;
width:20px;
display:block;
}

#fillerLeft p.prevnext a{
top:150px;
}

#coverLeft p.prevnext a.prevDiv, #fillerLeft p.prevnext a.prevDiv, #extrasLeft p.prevnext a.prevDiv {
background:url(/images/PrevNextHorizontal.png) left top no-repeat;
}

#coverLeft p.prevnext a.prevDiv:hover, #fillerLeft p.prevnext a.prevDiv:hover, #extrasLeft p.prevnext a.prevDiv:hover {
background:url(/images/PrevNextHorizontal.png) left bottom no-repeat;
}

#coverLeft p.prevnext a.nextDiv, #fillerLeft p.prevnext a.nextDiv, #extrasLeft p.prevnext a.nextDiv {
background:url(/images/PrevNextHorizontal.png) right top no-repeat;
}

#coverLeft p.prevnext a.nextDiv:hover, #fillerLeft p.prevnext a.nextDiv:hover, #extrasLeft p.prevnext a.nextDiv:hover {
background:url(/images/PrevNextHorizontal.png) right bottom no-repeat;
}

div.stepLeft div.coverFree {
position:relative;
float:left;
width:175px;
padding:0;
margin:0px 0px 6px -5px;
border-right:#663300 1px dotted;
background:url(/images/freeImprintBG.png) 11px 0px no-repeat;
}

div.stepLeft div.coverFree h4 {
position:relative;
width:150px;
height:51px;
line-height:61px;
color:#FFF;
margin:0 auto 6px auto;
text-align:center;
font-size:20px;
}

div.stepLeft div.coverFree p {
position:relative;
padding:0 15px;
}

div.stepLeft div.coverFree p.arrowText {
left:40px;
color:#fff;
text-align:center;
font-weight:bold;
width:66px;
height:66px;
margin-bottom:40px;
}

div#dPanel {
position:relative;
height:360px;
width:578px;
margin-bottom:12px;
}

#dividers {
height:360px;
width:2312px;
}

#dividers .SlidingPanelsContent {
position:relative;
height:360px;
width:578px;
}

p.divIntro {
position:relative;
left:70px;
width:500px;
}

div#dPanel .SlidingPanelsContent ul {
position:relative;
top:0;
left:0;
list-style:none;
margin:0;
padding:0;
height:300px;
}

#dividers .SlidingPanelsContent ul li {
position:absolute;
top:0;
left:0;
margin:0;
paddding:0;
overflow:hidden;
text-indent:-9999px;
}

#dividers .SlidingPanelsContent ul li.appBevs{
left:9px;
top:11px;
width:102px;
height:157px;
}

#dividers .SlidingPanelsContent ul li.soupsSalads{
left:140px;
top:11px;
width:102px;
height:128px;
}

#dividers .SlidingPanelsContent ul li.vegSides{
left:271px;
top:11px;
width:102px;
height:128px;
}

#dividers .SlidingPanelsContent ul li.mainDishes{
left:402px;
top:11px;
width:102px;
height:128px;
}

#dividers .SlidingPanelsContent ul li.breadsRolls{
left:73px;
top:140px;
width:102px;
height:157px;
}

#dividers .SlidingPanelsContent ul li.dessertsSweets{
left:205px;
top:140px;
width:102px;
height:157px;
}

#dividers .SlidingPanelsContent ul li.cookiesCandy{
left:337px;
top:140px;
width:102px;
height:157px;
}

#dividers .SlidingPanelsContent ul li.thisThat{
left:468px;
top:140px;
width:102px;
height:157px;
}

#dividers .SlidingPanelsContent ul li a {
position:relative;
display:block;
height:100%;
width:100%;
}

#dividers .SlidingPanelsContent ul li a:hover {
background:url(/images/ViewLarger.png) center 40px no-repeat;
}

#dividerLeft p.prevnext {
text-align:center;
color:#008fcc;
font-size:16px;
font-weight:bold;
padding:36px 0;
height:20px;
width:auto;
}

#dividers p.prev {
height:25px;
width:20px;
position:absolute;
top:240px;
left:30px;
text-indent:-9999px;
overflow:hidden;
}

#dividers p.prev a.prevDiv {
background:url(/images/PrevNextHorizontal.png) top left no-repeat;
position:relative;
text-decoration:none;
height:25px;
width:20px;
display:block;
}

#dividers p.prev a.prevDiv:hover {
background-position:bottom left;
}

#dividers p.next {
height:25px;
width:20px;
position:absolute;
top:100px;
right:30px;
text-indent:-9999px;
overflow:hidden;
}

#dividers p.next a.nextDiv {
background:url(/images/PrevNextHorizontal.png) top right no-repeat;
position:relative;
text-decoration:none;
height:25px;
width:20px;
display:block;
}

#dividers p.next a.nextDiv:hover {
background-position:bottom right;
}

#dividerLeft p.prevnext a{
color:#008fcc;
text-decoration:none;
margin:0 6px;
height:20px;
line-height:20px;
}

#dividerLeft p.prevnext a.prevDiv {
padding-left:30px;
background:url(/images/PrevNextVertical.png) left -40px no-repeat;
}

#dividerLeft p.prevnext a.prevDiv:hover {
background-position: left -20px;
color:#cad556;
}

#dividerLeft p.prevnext a.prevDivOff {
padding-left:30px;
background:url(/images/PrevNextVertical.png) left 0px no-repeat;
color:#7fc7e5;
}

#dividerLeft p.prevnext a.nextDiv {
padding-right:30px;
background:url(/images/PrevNextVertical.png) right -61px no-repeat;
}

#dividerLeft p.prevnext a.nextDiv:hover {
background-position: right -81px;
color:#cad556;
}

#dividerLeft p.prevnext a.nextDivOff {
padding-right:30px;
background:url(/images/PrevNextVertical.png) right -101px no-repeat;
color:#7fc7e5;
}


div.stepRight {
position:relative;
float:right;
width:216px;
padding:16px 12px 12px 0px;
height:auto;
}

div.stepRight p, div.stepRight p a, .white_note p, .white_note p a {
color:#83593e;
}

div.stepRight ul {
list-style:inside;
}

div.stepRight ul li {
margin:0px 0px 6px 0px;
padding:0;
}

div.stepRight img {
position:relative;
margin:0 0 8px 0;
}

#step div.stepRight p img{
margin:0;
padding:0;
position:relative;
overflow:visible;
width:155px;
height:30px;
}

#step div.stepRight hr {
color:#83593e;
margin-top:10px;
padding:0;
}

#step div.stepRight div.or {
position:relative;
background:url(/images/OrDividerH.gif) center center no-repeat;
height:14px;
width:100%;
noshade:noshade;
margin:12px 0;
padding:0;
}

#step .TabbedPanelsTabGroup {
visibility:hidden;
}

#step .TabbedPanelsContentGroup {
border-left:none;
border-bottom:none;
border-top:none;
border-right:none;
background-color:#FFFFFF;
} 

#step .TabbedPanelsContent {
padding: 0px;
}

.stepLeft .recipeLeft {
position:relative;
float:left;
width:190px;
margin:0 2px 10px 0;
}

.stepLeft .recipeLeft h4 {
margin:0 0 0 6px;
}

.stepLeft .recipeLeft a {
position:absolute;
top:15px;
left:0px;
width:190px;
height:288px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(/images/ViewLarger.gif) -9999px 0px no-repeat;
}

.stepLeft .recipeLeft a:hover {
background:url(/images/ViewLarger.gif) center no-repeat;
}

html>body .stepLeft .recipeLeft a:hover {
background:url(/images/ViewLarger.png) center no-repeat;
}


.stepLeft .proof {
float:left;
width:186px;
padding:0 10px 0 0;
margin:0px 0px 12px 0px;
border-right:#663300 1px dotted;
}

.stepLeft .prepare {
float:right;
width:371px;
}

.stepLeft .prepare ul {
margin-left:1em;
}

.stepLeft .prepare ul li{
list-style-position:outside;
}

.custOptions p.tipKey {
position:relative;
padding:0 0 0 18px;
margin:0;
background:url(/images/ToolTip.png) 0 0 no-repeat;
line-height:15px;
height:15px;
width:150px;
left:40px;
color:#333333;
}

#recipeFeatures {
position:relative;
width:216px;
height:327px;
background:url(/images/RecipeOptions.png) 0 0 no-repeat;
margin-bottom:8px;
}

#recipeFeatures ul {
list-style:none;
}

#recipeFeatures ul li {
position:absolute;
cursor:pointer;
text-indent:-9999px;
width:15px;
height:15px;
background:url(/images/ToolTipTrigger.png) 0px 0px no-repeat;
border:none;
margin:0;
padding:0;
}

#recipeFeatures ul li:hover {
background-position:0px -15px;
}

#recipeFeatures ul li.active {
background-position:0px -15px;
}

.toolTipTarget {
position:absolute;
z-index:999;
background-color:#008fcc;
width:206px;
padding:10px;
display:none;
}

.toolTipTarget div {
background-color:#FFFFFF;
padding:4px 10px 4px 10px;
border:#333 2px solid; 
}

.stepRight .toolTipTarget h3 {
margin:0 0 4px 0;
padding:0;
}

.stepRight .toolTipTarget p {
color:#333333;
}

#subCat {
top:30px;
left:60px;
}

#subCatTip {
left:-162px;
top:60px;
}

#recNote {
top:227px;
left:10px;
}

#recNoteTip {
top:40px;
left:-215px;
}

#filler {
top:261px;
left:146px;
}

#fillerTip {
top:105px;
left:-75px;
}

#consid {
top:147px;
left:192px;
}

#considTip {
top:100px;
left:-35px;
}

#nonCont {
top:297px;
left:191px;
}

#nonContTip {
top:200px;
left:-30px;
}

.photoCovers {
position:relative;
float:left;
width:176px;
margin-bottom:4px;
}

.persPages {
position:relative;
width:144px;
margin-bottom:4px;
float:none;
overflow:hidden;
}

.dividerBack, .coverBack {
position:relative;
float:left;
width:216px;
margin-bottom:4px;
}

.persPages a, .photoCovers a, .dividerBack a, .coverBack a {
position:absolute;
top:0px;
left:0px;
width:144px;
height:216px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(/images/ViewLarger.gif) -9999px 0px no-repeat;
}

.photoCovers a {
width:176px;
}

.dividerBack a, .coverBack a {
width:216px;
height:175px;
}

.persPages a:hover, .photoCovers a:hover, .dividerBack a:hover, .coverBack a:hover {
background:url(/images/ViewLarger.gif) center no-repeat;
}

html>body .persPages a:hover, html>body .photoCovers a:hover, html>body .dividerBack a:hover, html>body .coverBack a:hover {
background:url(/images/ViewLarger.png) center no-repeat;
}

#pPanel, #ePanel, #cpPanel {
width:216px;
height:auto;
margin-bottom:20px;
margin-top: 10px;
}

#cpPanel .SlidingPanelsContentGroup {
width:864px;
height:auto;

}

#pPanel .SlidingPanelsContentGroup {
width:864px;
height:auto;

}

#ePanel .SlidingPanelsContentGroup {
width:1296px;
height:auto;
}

#pPanel .SlidingPanelsContent, #ePanel .SlidingPanelsContent,  #cpPanel .SlidingPanelsContent{
position:relative;
float:left;
width:216px;
height:auto;
}

#pPanel p.prevnext, #ePanel p.prevnext, #cpPanel p.prevnext {
text-indent:-9999px;
overflow:hidden;
height:175px;
width:20px;
float:left;
margin-top:11px;
margin-bottom:0;
}

#pPanel p.prevnext a, #ePanel p.prevnext a, #cpPanel p.prevnext a{
position:relative;
text-decoration:none;
top:75px;
height:25px;
width:20px;
display:block;
}


#pPanel p.prevnext a.prevDiv, #ePanel p.prevnext a.prevDiv, #ePanel p.prevnext a.prevDivB, #cpPanel p.prevnext a.prevDiv, #cpPanel p.prevnext a.prevDivB {
background:url(/images/PrevNextHorizontalBrown.png) left top no-repeat;
}

#pPanel p.prevnext a.prevDiv:hover, #ePanel p.prevnext a.prevDiv:hover, #ePanel p.prevnext a.prevDivB:hover, #cpPanel p.prevnext a.prevDiv:hover, #cpPanel p.prevnext a.prevDivB:hover {
background:url(/images/PrevNextHorizontalBrown.png) left bottom no-repeat;
}

#pPanel p.prevnext a.nextDiv, #ePanel p.prevnext a.nextDiv, #ePanel p.prevnext a.nextDivB, #cpPanel p.prevnext a.nextDiv, #cpPanel p.prevnext a.nextDivB {
background:url(/images/PrevNextHorizontalBrown.png) right top no-repeat;
}

#pPanel p.prevnext a.nextDiv:hover, #ePanel p.prevnext a.nextDiv:hover, #ePanel p.prevnext a.nextDivB:hover, #cpPanel p.prevnext a.nextDiv:hover, #cpPanel p.prevnext a.nextDivB:hover {
background:url(/images/PrevNextHorizontalBrown.png) right bottom no-repeat;
}

#pPanel div.persPages {
float:left;
margin:0px 15px 0px 16px;
padding:0;
}

#pAccordion, #eAccordion{
border:none;
border-bottom:#c6a586 1px dotted;
margin-bottom:8px;
overflow:hidden;
}

.AccordionPanelContent {
	position:relative;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.AccordionPanelTab {
	cursor: pointer;
}

#pAccordion .AccordionPanelTab, #eAccordion .AccordionPanelTab {
border:none;
background:none;
color:#83593e;
font-size:12px;
font-weight:bold;
border-top:#c6a586 1px dotted;
height:25px;
line-height:25px;
padding:0;
margin:0;
text-indent:5px;
overflow:hidden;

}

#eAccordion .AccordionPanelTab p, #eAccordion .AccordionPanelTab p a {
color:#83593e;
line-height:25px;
}

#pAccordion .AccordionPanelTabHover, #eAccordion .AccordionPanelTabHover, #eAccordion .AccordionPanelTabHover p, #eAccordion .AccordionPanelTabHover p a {
background-color:#83593e;
color:#FFFFFF;
}

#pAccordion .AccordionPanelOpen .AccordionPanelTabHover, #eAccordion .AccordionPanelOpen .AccordionPanelTabHover {
background:none;
color:#83593e;
}

#pAccordion div.persPages {
position:relative;
margin:0px auto;
width:144px;
padding:0;
}

#pAccordion div.persPages img {
margin:0px;
padding:0;
}

#faq #eAccordion div.AccordionPanelContent {
	padding-right:5px;
	padding-left:5px;
	height:auto;
}

#eAccordion div.AccordionPanelContent img {
position:relative;
margin:0 auto 0 20px;
}

#eAccordion div.AccordionPanelContent .page-options img {
  margin:0;
  }

#cpPanel div.photoCovers {
float:left;
margin:0px 0px 0px 0px;
width:176px;
padding:0;
}

#ePanel img, #cpPanel img {
float:left;
margin:0 0 6px 0;
padding:0;
/*width:176px;*/
height:auto;
}

.extras {
float:left;
width:216px;
margin-bottom:4px;
}

#stepContent p.download, #stepContent p.downloadZIP {
position:relative;
margin:20px 0px 20px 20px;
height:35px;
width:auto;
white-space:nowrap;
}

#stepContent p.download2 {
position:relative;
margin:20px 0px 20px 20px;
height:35px;
width:auto;
white-space:nowrap;
}

#stepContent p.download a, #stepContent p.download2 a, #stepContent p.downloadZIP a, .priceTable p.download a {
position:relative;
height:35px;
width:135px;
display:block;
line-height:35px;
padding-left:40px;
margin-right:10px;
background:url(/images/downLoadPDF.png) top left no-repeat;
text-decoration:none;
color:#83593e;
float:left;
}

#stepContent p.downloadZIP a {
background:url(/images/downLoadZIP.png) top left no-repeat;
}

#stepContent p.download2 a {
height:31px;
padding-top:4px;
position:relative;
top:0px;
line-height:14px;
}

#stepContent .stepLeft p.download {
margin:0 0 6px 0;
}

#stepContent p.download a:hover, #stepContent p.download2 a:hover, #stepContent p.downloadZIP a:hover {
background-position: bottom left;
}

#stepContent div#shortList {
margin-bottom:12px;
}

#stepContent div#shortList p {
margin-bottom:2px;
}

#stepContent div#shortList p.download, #stepContent div#shortList p.download2 {
margin:0px 0px 8px 20px;
}

.pricingTop {
position:relative;
padding-left:270px;
padding-bottom:10px;
width:558px;
margin:10px auto 0 auto;
background:url(/images/pizza-girl.jpg) 10px bottom  no-repeat;
}

.pricingTop h2 {
position:relative;
height:50px;
width:550px;
background: url(/images/basePriceHead.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
}

.pricingBottom {
clear:both;
position:relative;
width:828px;
height:auto;
margin:0 auto;
padding:0 0 11px 0;
background-image:url(/images/stepBG.png);
background-position:right top;
background-repeat:no-repeat;
}

.pricingFeatures {
margin-left:70px;
position:relative;
width:488px;
}

ul.leftList, ul.rightList {
position:relative;
list-style:inside;
margin:0;
float:left;
}

ul.leftList li, ul.rightList li {
margin:0px 0px 10px 0px;
padding:0;
width:185px;
}


ul.rightList {
left:65px;
}

div.priceTable {
float:left;
border:#cad556 2px solid;
background-color:#FFFFFF;
padding:2px;
width:570px;
}

div.priceTable h3 {
float:left;
text-align:left;
line-height:25px;
/*margin:4px 0 4px 38px;*/
margin:4px 0 4px 8px;
text-transform:uppercase;
color:#b21f24;
word-spacing:.2em;
font-size:20px;
}

div.priceTable h4 {
float:left;
/*margin:4px 0 4px 38px;*/
margin:-4px 0 4px 8px;
color:#b21f24;
word-spacing:.2em;
font-size:16px;
}

div.priceTable p {
font-size:12px;
line-height:13px;
margin:4px 8px 8px 8px;
}

div.priceTable p.note {
	float:right;
}

div.asLowAs {
position:absolute;
top:170px;
left:240px;
width:95px;
}

div.custOptions {
	position:relative;
float:right;
width:216px;
padding:4px 12px 4px 12px;
margin-top:12px;
}

div.custOptions h3 {
margin-top:0px;
}

div.custOptions ul {
margin:0;
padding:0;
list-style:none;
}

div.custOptions li {
position:relative;
font-size:11px;
width:100%;
margin:0;
padding:0;
border-top:#c6a586 1px dotted;
}

#shipping_calculator  {
	border:#c6a586 1px dotted;
	padding:4px 8px;
	overflow:hidden;
	width:200px;
	
}



#shipping_calculator p input {
margin-bottom:0px;	
}

.stepRight p.result {
	
	margin:0;
	border-top:#c6a586 1px dotted;
	font-size:11px;
	color:#333333;
	clear:both;
}

.stepRight p.result strong {
	float:left;
	padding:4px 0px 4px 3px;
}

.stepRight p.result span {
	float:right;
	padding:4px 3px 4px 0px;
}

div.custOptions li span {
font-weight:bold;
color:#b21f24;
position:absolute;
right:0;
top:4px;
padding:0 4px 0 0;
margin:0;
}

div.custOptions li a {
display:block;
padding:4px;
text-decoration:none;
}

div.custOptions li a:hover, div.custOptions li a:hover span {
background-color:#83593e;
color:#ffffff;
}

.stepLeft .hintsLeft {
float:left;
width:230px;
margin:22px 0px 6px 0px;
}

.stepLeft .hintsRight {
float:right;
width:285px;
padding:3px 0px 0px 55px;
background:url(/images/largeParenthesis.png) left center no-repeat;
margin-bottom:10px;
}

.stepLeft .hintsRight ul {
float:left;
width:125px;
}

.stepLeft .hintsRight ul.left {
width:160px;

}

.stepLeft .hintsRight ul li{
list-style:none;
margin:0 0 4px 0;
white-space:nowrap;
}

.priceChart {
margin:0;
padding:0;
width:100%;
border-collapse:collapse;
}

.priceChart thead th {
background-color:#c6a586;
line-height:15px;
color:#FFFFFF;
font-size:11px;
line-height:12px;
text-align:center;
border-bottom:#fff 1px solid;
border-right:#fff 1px solid;
padding:4px;
white-space:nowrap;
}

.priceChart td {
padding:4px 4px 4px 13px;
border:none;
text-align:left;
white-space:nowrap;
font-size:11px;
line-height:12px;
}

.priceChart tfoot td {
white-space:normal;
}

.priceChart tr.tan td {
background-color:#f1eade;
border-bottom:#FFFFFF 1px solid;
border-top:#FFFFFF 1px solid;
border-right:#FFFFFF 1px solid;
}

.priceChart th.recipes, .priceChart td.recipes, .priceChart td.per, .priceChart td.profit, .priceChart tr.tan th.recipes, .priceChart tr.tan td.recipes, .priceChart tr.tan td.per, .priceChart tr.tan td.profit {
background-color:#ebf0b9;
color:#333333;
border-right:#FFFFFF 1px solid;
border-bottom:#FFFFFF 1px solid;
}


.priceChart thead th.suggestSell {
background-color:#FFFFFF;
color:#b21f24;
border-bottom:#c6a586 1px solid;
text-transform:uppercase;
font-weight:normal;
}

.priceChart thead th.per {
background-color:#FFFFFF;
color:#333333;
border-right:none;
}

.priceChart td.per, .priceChart tr.tan td.per {
background-color:#f4f7dc;
border-left:#FFFFFF 1px solid;
font-weight:bold;
}

.priceChart td.profit, .priceChart tr.tan td.profit {
background-color:#ebf0b9;
border-right:none;
font-weight:bold;
}

table.priceChart tr.last td {
border-bottom:#c6a586 1px solid;
}

table.priceChart tr.last td.recipes {
border-bottom:#FFFFFF 1px solid;
}

.orderDetails {
background: url(/images/CookingGuy1.jpg) -60px 170px  no-repeat;
}

.OrderLeft {
position:relative;
float:left;
width:185px;
margin:0px 11px 11px 0px;
}

/* ---------- Begin Resources Styling -------------- */

#pdfCreator h2 {
position:relative;
height:38px;
width:252px;
background:url(/images/pdfCreatorHead.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:0 0 10px 8px;
}


/* ---------- Begin Request Info Styling -------------- */

input[type=text], input[type=password], textarea, select {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #ACE;
font-size:13px;
margin-bottom:5px;
padding:5px;
}


select {
display:compact; /* Fixes SPRY hint not displaying in Safari 4 */
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
border:1px solid #333;
}

input[type=text]:disabled {
/*background-color:#CCC;*/
}

input[type=radio], input[type=check] {
/*border:1px solid #ACE;*/
}

input#submit {
	padding-left:4px;
	padding-right:4px;
	overflow:visible; /*Fixes IE6 input padding bug*/
}


div.requestinfo {
/*width:578px;*/
width:360px;
text-align:left;
position:relative;
left:110px;
}

div.requestinfo fieldset {
/*padding:0 40px;*/
text-align:left;
margin-bottom:12px;
border:none;
border-bottom:#333333 1px solid;
}


div.requestinfo input.long, select.long {
width:250px;
}


div.requestinfo input.short, div.requestinfo select.short {
width:175px;
margin-right:100px;
}

.shorter {
width:50px;
margin-right:225px;
}

div.requestinfo .estimate, input.captcha {
width:75px;
margin-right:50px;
}

input.captcha {
margin:0 auto;
}

div.requestinfo .source {
width:175px;
margin-right:50px;
}


div.requestinfo p, p.stateselect {
position:relative;
}

div.requestinfo .country, p.stateselect .country {
position:absolute;
right:0px;
top:16px;
text-align:center;
padding:7px 16px;
background-color:#f1eade;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

p.stateselect .country {
	top:0px;
	right:auto;
	left:250px;
	margin-left:7px;
}

div.requestinfo .outside {
text-align:center;
background-color:#f1eade;
color:#83593e;
padding:7px 16px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

div.requestinfo .captcha_alert, div.contactus .captcha_alert, #step .captcha_alert, div.singleColumn .captcha_alert, #shipping_calculator p.captcha_alert {
background-color:#FFFF99;
border:#b21f24 1px solid;
-moz-border-radius:4px;
-webkit-border-radius:4px;
color:#b21f24;
font-weight:bold;
font-size:14px;
padding:8px;
text-align:center;
}

div.requestinfo textarea#comments {
width:350px;
}


/* ---------- End Request Info Styling -------------- */
/* ---------- Begin Sitemap Styling ------------------ */
.sitemap {
background:url(/images/siteMap.jpg) 75% 100% no-repeat;
}

.sitemap ul {
list-style:none;
margin-left:10px;
}

/* ---------- End Sitemap Styling -------------- */
/* ---------- Begin Terms & Conditions Styling ------------------ */

div.styles ul li {
margin:0px 0px 6px 16px; /* Keeps bullets on the outside of the paragraph */
list-style-position:outside; /* Keeps bullets inside the paragraph */
line-height:1.33;
}

/* ---------- End Terms & Conditions Styling -------------- */
/* ---------- Begin Widget Styling ------------------ */

.widgetLeft {
position:relative;
float:left;
width:266px;
}

.widgetLeft textarea{
width:256px;
height:110px;
}

.widgetLeft fieldset{
width:256px;
padding:5px;
margin:0 0 8px 0;
border:#333 1px solid;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.widgetLeft legend {
color:#333333;
font-size:12px;
font-weight:bold;
margin-bottom:4px;
background-color:#FFF;
padding:0 2px;
}

.widgetRight {
position:relative;
float:right;
width:302px;
margin-bottom:0px;
margin-top:23px;
text-align:center;
}

.widgetRight iframe{
border:#CCCCCC 1px dashed;
padding:1px 0 0 1px;
}

html>body .widgetRight iframe{
padding:1px 0 0 0;
}

.widgetRight .subs {
text-align:left;
}

.bookImage {
position:relative;
float:left;
padding:0; 
margin:0 10px 12px 0; 
border:none;
}

.recipeCount {
position:relative;
padding:0; 
margin:0 auto;
text-align:center;
color:#666;
}

.bookInfo {
position:relative;
float:left;
top:0px;
margin:4px 0 0 0;
padding:0px;
width:440px;
}

/* ---------- End Widget Styling ------------------ */
/* ---------- Begin Resources Accordion Styling ------------------ */

#social {
border:none;
overflow: hidden;
margin-bottom:8px;
}

#social .AccordionPanelTab {
background-color:#FFF;
border:none;
margin:0px 0px 5px 0px;
padding: 0px;
height:40px;
text-indent:-9999px;
overflow:hidden;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
}

#social .AccordionPanelContent {
overflow: auto;
margin:0px;
padding: 0px;
height: 230px;
}

#social #facebook .AccordionPanelTab {
background-image:url(/images/resources/SocialMediaFacebookHeader.png);
}

#social #myspace .AccordionPanelTab {
background-image:url(/images/resources/SocialMediaMyspaceHeader.png);
}

#social #youtube .AccordionPanelTab {
background-image:url(/images/resources/SocialMediaYouTubeHeader.png);
}	

#social #twitter .AccordionPanelTab {
background-image:url(/images/resources/SocialMediaTwitterHeader.png);
}

#social .AccordionPanel .AccordionPanelTab {
background-position:0px -80px;
background-repeat:no-repeat;
}

#social .AccordionPanelOpen .AccordionPanelTab {
background-position: 0px 0px;
}

#social .AccordionPanel .AccordionPanelTabHover {
background-position: 0px -40px;
}

#social .AccordionPanelOpen .AccordionPanelTabHover {
background-position: 0px 0px;
}

/* ---------- End Resources Accordion Styling -------------- */
/* ---------- Begin Contact Styling ------------------ */

div.contactus hr, div.recipe hr, hr {
margin-bottom:8px;
}

div.contactLeft {
position:relative;
width:150px;
float:left;
}

div.contactRight {
width:350px;
float:right;
padding-right:40px;
}

div.contactRight label, div.requestinfo label {
float:left;
font-weight:bold;
}

div.contactLeft label {
font-weight:bold;

}

.contactLeft p, .contactRight p {
margin-bottom:4px;
}

div.contactRight .wide, .wide {
width:350px;
}

div.contactRight textarea.wide{
height:100px;
}

#stepContent .stepLeft .contactLeft p.subs {
background:none;
line-height:11px;
padding:0;
}

/* ---------- End Contact Styling ------------------ */

.create {
width:475px;
margin:0 auto;
}

.noRightMargin {
margin-right:0;
}

.OrderLeft ul {
list-style:inside;
margin:0px 0px 6px 0px;
}

.OrderLeft ul li {
margin:0px 0px 6px 0px;
padding:0;
}

#footer {
position:relative;
width:870px;
height:35px;
margin:0 auto;
padding:0;
text-align:center;
background:url(/images/footerBG.gif) center top no-repeat;
}

html>body #footer {
background:url(/images/footerBG.png) center bottom no-repeat;
}

#footer p {
font-size:12px;
line-height:25px;
color:#83593e;
}

#footer p a {
color:#83593e;
}

.off {
visibility:hidden;
}

.on {
visibility:visible;
}

#plantClosed {
width:100%;
margin:5px 0px;
}

#plantClosed p {
font-weight:bold;
padding:10px;
background-color:#FFCCCC;
border:#b21f24 1px solid;
color:#b21f24;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#plantClosing {
width:100%;
margin:5px 0px;
}

#plantClosing p {
color:#333333;
font-weight:bold;
padding:10px;
background-color:#FFCC33;
border:#333333 1px solid;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#siteWideMessage { 
width:100%; 
height:auto; 
color:#333333; 
background-color:#FC0;
padding:10px 0px; 
margin:0; 
text-align:center; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px; 
font-weight:bold; } 

.highlight {
text-transform:uppercase;
color:#008fcc;
}

.black_bold {
font-weight:bold;
color:#000;
}

.blue_bold {
font-weight:bold;
color:#008fcc;
}

.red_bold, #step .red_bold {
font-weight:bold;
color:#b21f24;
}

.red_bold a, #step .red_bold a, .red, .live_chat a {
color:#b21f24;
}

.note, .note a {
color:#83593e;
}

.live_chat {
	font-size:12px;
	margin-bottom:8px;
}

.live_chat a {
	font-weight:bold;
}

div#favorites {
position:absolute;
right:-150px;
top:0px;
margin:0 auto;
width:auto;
font-size:10px;
padding:10px 10px 0px 10px;
background-color:#FFFFFF;
height:auto;
border:#666666 1px solid;
border-top-color:#CCCCCC;
border-right-color:#999999;
border-bottom-color:#333333;
}

div#favorites h2 {
height:22px;
font-size:16px;
line-height:22px;
background-color:#FFCCCC;
color:#333333;
margin:-10px -10px 5px -10px;
padding:4px 8px;
border:#FFFFFF 1px solid;
}

div#favorites p {
font-size:12px;
line-height:18px;
margin-bottom:4px;
color:#333333;
}

div#favorites p a {
color:#333333;
}

#fav {
padding:4px;
height:auto;
width:120px;
background-color:#FFFFFF;
}

#fav div {
position:relative;
background-color:#FFFFFF;
width:120px;
padding:0px;
margin:0px 0px 8px 0px;
}


#fav div h3 {
padding:0;
margin:0;
font-size:14px;
}

#fav a.removeIt {
position:absolute;
top:0px;
right:0px;
width:16px;
height:16px;
text-indent:-9999px;
overflow:hidden;
text-decoration:none;
background:#FFF url(/images/removeBtn.gif) top left no-repeat;
}

#fav a.removeIt:hover {
background-position:bottom left;
}

a.makeFav {
position:absolute;
top:0px;
right:10px;
width:16px;
height:16px;
text-indent:-9999px;
overflow:hidden;
text-decoration:none;
background:#FFF url(/images/favBtn.gif) top left no-repeat;
}

a.makeFav:hover {
background-position:bottom left;
}

span.favIcon {
position:relative;
display:inline-block;
width:16px;
height:16px;
text-indent:-9999px;
overflow:hidden;
text-decoration:none;
background:#FFF url(/images/favBtn.gif) top left no-repeat;
margin:0px 0px -4px 0px;
}

.attention {
    background: url("/images/attention.png") no-repeat scroll 3px center transparent;
    /*border: 1px solid #4589C2;*/
    padding: 5px 5px 5px 33px;
}

#puffin {
visibility:hidden;
display:none;
padding:10px;
}

.fig_left, .img_left {
position:relative;
float:left; 
margin:0px 10px 10px 0px;
padding-right:10px;
}

.fig_right, .img_right {
position:relative;
float:right;
margin:0px 0px 10px 10px;
}

/* Spry form validation styling */

/* These selectors change the way messages look when the widget is in one of the error states.
* These classes set a default red border and color for the error text.
* The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
* and this way only the specific error message can be shown by setting the display property to "inline".
*/
.textfieldRequiredState .textfieldRequiredMsg,
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
display:inline;
width:auto;
color: #CC3333;
border:none;
float:right;
}

.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
display: block;
color: #CC3333;
border:#CC3333 1px solid;
background-color: #FF9F9F;
padding:4px;
margin-bottom:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
display: inline;
color: #CC3333;
border: none;
float:right;
}

.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
display: inline;
color: #CC3333;
border: none;
float:right;
}

#shipping_calculator .textfieldRequiredState .textfieldRequiredMsg,
#shipping_calculator .textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
#shipping_calculator .textfieldMinValueState .textfieldMinValueMsg,
#shipping_calculator .textfieldMaxValueState .textfieldMaxValueMsg,
#shipping_calculator .textfieldMinCharsState .textfieldMinCharsMsg,
#shipping_calculator .textfieldMaxCharsState .textfieldMaxCharsMsg
{
float:none;
display:inline-block;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
display:compact; /* Fixes SPRY hint not displaying in Safari 4 */
color:#666 !important;
}

/*-----------------------------------------------------------------------------------------------
Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
color: #333333;
font-size:12px;
line-height:16px;
}

#lightwindow #lw_content {
padding:12px;
font-size:12px;
line-height:16px;
}

#lightwindow #lw_content ul {
list-style:inside;
}

#lightwindow .lw_note {
padding:8px;
background-color:#e9eeae;
}



.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



.notice {
  background-color:#F1EADE;
  padding:10px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  margin:5px 5px 10px 5px;
  }
  
  div.priceTable .notice p {
   margin:0px;
   line-height:1.4em;
   }

#notifier {
//height:0;
display:none;
background-color:#dcc79b;
overflow:hidden;
position:relative;
padding:5px 0px 10px 0px;
z-index:5000;
border-bottom:#fff 3px solid;
}

#notifier .bottom {
border-bottom:#FFFFFF 4px solid;
}

#notifier .container {
background:transparent url(/images/notifierBG.jpg) bottom right no-repeat;
height:auto;
position:relative;
width:800px;
margin:0px auto 0 auto;
padding:0;
}

#notifier .container div {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}


#notifier .container .image {
width: 200px;
margin-left:100px
}

#notifier .container .text {
width: 370px;
margin-right:100px;
}


#notifier h2 {
  color:#fff;
  font-size:26px;
  margin-top:10px;
}

#notifier h3 {
  color:#6e3695;
  color:#222;
font-size:16px;
}

#notifier h4 {
margin-top:40px;
margin-left:26px;
}

#notifier h4 a.button {
background-color:#fff;
height:36px;
line-height:36px;
width:auto;
display:block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-decoration:none;
margin-top:20px;
border-bottom:#60341c 2px solid;
border-right:#60341c 2px solid;
color:#60341c;
text-align:center;
font-size:16px;
cursor:pointer;
}

#notifier h4 a:hover {
background-color:#85c441;
}

#notifier p {
  margin-top: 25px;
  font-size: 14px;
  line-height: 1.6em;
  font-family: Arial,Helvetica,sans-serif;
}

#notifier img {
}

#controls {
position:absolute;
top:5px;
right:0px;
font-size:10px;
}

#controls a {
  color:#333;
}

#controls .close {
text-decoration:none;
background-color:#fff;
color:#60341c;
padding:3px 6px;
margin-left:5px;
border-bottom:#60341c 1px solid;
border-right:#60341c 1px solid;
font-weight:bold;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
}