/* ********* Set Defaults to Zero ******* */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,select,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
/*ol,ul{list-style:none;}*/
caption,th{text-align:left;}
h1,h2,h3,h4{font-size:100%;}
/* !!!!!!!!!! YOU MUST RESTYE THE ABOVE AS NEEDED !!!!!!!!!!!!!  */


/* set global paragraph margin */
p { margin:10px 0 10px 0;}
/* Apply left margin only to the few elements that need it: */
dd, blockquote { margin-left: 1em; }
li { margin-left: 2.5em; }
hr { color:#F9D08A; height:1px; background-color:#F9D08A; border:none; margin-top:15px; margin-bottom:15px; }
/* This makes the text left justified in the CS debug area */
.cfdebug {text-align:left;}

.reg { font-size:small; vertical-align:top;}
.floatleft { float:left;}
.floatright { float:right;}
.clear { clear:both;}
.centered { text-align:center;}
.align-left { text-align:left;}
.align-right { text-align:right;}
.fineprint { font-size:80%; }

a:link {color: #42382B;	text-decoration: underline;}
a:visited {color: #42382B; text-decoration: underline;}
a:hover {color: #42382B; text-decoration: none;}
a:active, a:focus {color: #42382B; text-decoration: underline;}

body { font-size: 14px; /* this ses the font size for the all tags on the page.  Use ems to increase or decrease font size */
	font-family: Arial, Helvetica, sans-serif ;
	margin-top: 0;
	text-align:center; 
	color:#42382B;
	background: #F9D08A url(../graphics/bodyBkgd.gif) repeat-x;
}

input, select, textarea { font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
input { vertical-align:middle;}
select { vertical-align:middle;}

/*  NOTE - the percentages below will scale off of the font size set in the body selector style above */
/* Header tag styles */
h1 {  font-size:20px; color:#42382B; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
h2 { font-size:140%;color:#42382B; font-family:Georgia, "Times New Roman", Times, serif;}
h3 { font-size:130%;color:#42382B; font-family:Georgia, "Times New Roman", Times, serif;}


/* this contains everything in the site and controls centering and margins */	
#container{ width: 924px; text-align: left; margin:0 auto; }

.title-1 { font-size:20px; color:#42382B; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }
.subtitle-1 { font-size:12px; color:#42382B; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; }
.subtitle-2 { font-size:14px; color:#42382B; font-weight:bold; }
.subtitle-3 { font-size:12px; color:#5998BC; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.title-2 { font-size:12px; color:#42382B; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }

#search-form { width:175px; height:30px; margin-top:35px; margin-left:690px;}
.search-txtinput {border:1px solid #81B8D6; height:18px; margin-top:1px; font-size:12px; width:100px; padding-top:2px; }
.search-select {border:1px solid #81B8D6; height:22px; margin-top:1px; font-size:12px; }
.search-button { vertical-align:middle; }

#top1 { width: 924px; height:87px; background:url(../graphics/home_top1.gif) no-repeat; }
#top2 { width: 924px; height:77px; background:url(../graphics/home_top2.gif) no-repeat; }

/* Home page */
#home-banner-area { width: 924px; height:298px; background:url(../graphics/home_banner_bg.png) no-repeat; }
#home-content-area { width: 924px; height:320px; background:url(../graphics/home_bg2.png) no-repeat; }
#home-content-table{ width: 924px; }
#home-content-table td.left-cell{ width: 462px; xborder:1px solid black; vertical-align:top; }
.content-div { margin:0 10px 20px 60px; line-height:150%; }
#home-content-table td.right-cell{ width: 462px; vertical-align:top; }

#home-spotlight { width:360px; border:1px solid #78BAE0; margin:60px 0 0 40px; background-color:#FFFFFF;}
.spotlight-title { font-size:12px; color:#42382B; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:0 10px;  }
.spotlight-text { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin: 10px;}
.spotlight-img { float:left; margin:5px 10px 4px 10px;}
.reg-trademark { font-size:smaller; font-family: Arial, Helvetica, sans-serif;}
.home-banner-img { width:807px; height:253px; margin-left: 58px; }
.home-banner-img img{ margin-top: 10px; }
.home-tabs { text-align:right; margin-right:59px;}

/* Sub pages */
#sub-content { width: 924px; background:url(../graphics/sub_main_bg.png) ; }
#sub-banner img{ width:807px; height:172px; margin:10px 0 30px 58px;}
.sub-content-table { width: 807px; margin:0 0 10px 60px; xborder:1px solid black;}
.sub-content-table tbody td.left-cell{ width: 437px; vertical-align:top; }
.sub-content-table tbody td.right-cell{ width: 370px; vertical-align:top; }
.sub-left-div { width:380px; margin:10px 0 0 0; background-color:#FFFFFF;}
.sub-left-div-inside { padding:10px 20px 15px 20px; font-size:12px; line-height:20px; }
.sub-right-div { width:370px; margin:10px 0 0 0; background-color:#FFFFFF;}
.sub-right-div-inside { padding:10px 20px 15px 20px; font-size:12px; line-height:20px; }

.sub-content-table2 { width: 807px; margin:0 0 10px 60px; }
/*.sub-content-table2 p{ margin:10px 0 10px 0; }*/

/* Spotlight left column 000px, right column 000px */
.sub-content-table tbody td.left-cell-2{ width: 637px; vertical-align:top; }
.sub-content-table tbody td.right-cell-2{ width: 170px; vertical-align:top; }
.sub-left-div-2 { width:580px; margin:10px 0 0 0; background-color:#FFFFFF;}
.sub-left-div-inside-2 { padding:10px 20px 15px 20px; font-size:12px; line-height:20px; }
.sub-right-div-2 { width:180px; margin:10px 0 0 0; background-color:#FFFFFF;}
.sub-right-div-inside-2 { padding:10px 20px 15px 20px; font-size:12px; line-height:20px; }
.sub-right-div-inside-2 li { margin-left:1px; padding-left:14px; background:url(../graphics/bullet.gif) 0px 7px no-repeat; list-style:none; font-size:90%;}
.sub-right-div-inside-2 li.selected { margin-left:1px; padding-left:14px; background:url(../graphics/bullet2.gif) 0px 7px no-repeat; list-style:none; font-size:90%;}

.sub-div { width:807px; margin:25px 0 0 0; background-color:#FFFFFF;}
.sub-div-inside { padding:10px 20px 15px 20px; font-size:12px; line-height:20px; }
.sub-div-inside p{ margin:0 0 5px 0; }
.hr-orange { height:10px; border-bottom:1px solid #F9D08A; margin-bottom:10px;}

/* for form validation  */
.required { font-weight:bold;}
.alert { font-weight:bold; color:#CC0000;}
/* contact form -------------------------------------------------------------- */
#form-table { width:510px;}
#form-table thead td.cell-1 { width:200px;}
#form-table thead td.cell-2 { width:310px;}
#form-table tbody td { height:30px; padding:4px; font-size:12px;}
#form-table .textbox {border:1px solid #81B8D6; width:300px; height:18px; font-size:12px; }
#form-table .textbox-city {border:1px solid #81B8D6; width:148px; height:18px; font-size:12px; }
#form-table .textbox-zip {border:1px solid #81B8D6; width:60px; height:18px; font-size:12px; }
#form-table .textarea {border:1px solid #81B8D6; width:300px; height:100px; font-size:12px; }
#form-table .select {border:1px solid #81B8D6; height:20px; font-size:12px; }
#form-table .button { vertical-align:middle; margin:4px 0 0 4px; font-size:12px; }
/* join form -------------------------------------------------------------- */
#join-form-table { width:600px; margin-left:100px;}
#join-form-table thead td.cell-1 { width:100px;}
#join-form-table thead td.cell-2 { width:500px;}
#join-form-table tbody td { height:30px; padding:4px; font-size:12px;}
#join-form-table .textbox {border:1px solid #81B8D6; width:300px; height:18px; font-size:12px; }
#join-form-table .textbox-city {border:1px solid #81B8D6; width:148px; height:18px; font-size:12px; }
#join-form-table .textbox-zip {border:1px solid #81B8D6; width:60px; height:18px; font-size:12px; }
#join-form-table .textarea {border:1px solid #81B8D6; width:300px; height:100px; font-size:12px; }
#join-form-table .select {border:1px solid #81B8D6; height:20px; font-size:12px; }
#join-form-table .button { vertical-align:middle; margin:4px 0 0 4px; font-size:12px; }
/* Tell a friend form -------------------------------------------------------------- */
#taf-form-table { width:600px; margin-left:100px;}
#taf-form-table thead td.cell-1 { width:150px;}
#taf-form-table thead td.cell-2 { width:450px;}
#taf-form-table tbody td { height:30px; padding:4px; font-size:12px; vertical-align:top;}
#taf-form-table .textbox {border:1px solid #81B8D6; width:300px; height:18px; font-size:12px; }
#taf-form-table .textbox-city {border:1px solid #81B8D6; width:148px; height:18px; font-size:12px; }
#taf-form-table .textbox-zip {border:1px solid #81B8D6; width:60px; height:18px; font-size:12px; }
#taf-form-table .textarea {border:1px solid #81B8D6; width:300px; height:100px; font-size:12px; }
#taf-form-table .select {border:1px solid #81B8D6; height:20px; font-size:12px; }
#taf-form-table .button { vertical-align:middle; margin:4px 0 0 4px; font-size:12px; }
/* Ask Rose form -------------------------------------------------------------- */
#ask-rose-form { width:500px; margin:20px auto; background-color:#FFFFFF; border:1px solid black; text-align:left;}
#ask-rose-form td { height:30px; padding:4px; font-size:12px; vertical-align:top; padding-left:20px;}
#ask-rose-form .textbox {border:1px solid #81B8D6; width:300px; height:18px; font-size:12px; }
#ask-rose-form .textarea {border:1px solid #81B8D6; width:300px; height:100px; font-size:12px; }
#ask-rose-form .button { vertical-align:middle; margin:4px 0 0 4px; font-size:12px; }
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

#footer { width: 924px; height:60px; background:url(../graphics/home_footer.gif) no-repeat; padding-top:30px; padding-left:30px;}
#footer-sub { width: 924px; height:60px; background:url(../graphics/home_footer.gif) no-repeat; padding-top:20px; padding-left:30px;}
#footer a:link, #footer-sub a:link {color: #42382B;	text-decoration: none; font-size:11px;}
#footer a:visited, #footer-sub a:visited {color: #42382B; text-decoration: none; font-size:11px;}
#footer a:hover, #footer-sub a:hover {color: #42382B; text-decoration: none; font-size:11px;}
#footer a:active, #footer-sub a:active {color: #42382B; text-decoration: none; font-size:11px;}
/* ---------------------------------------------------------------------------------- */
/* page classes */
.fineprint { font-size:80%;}
.mediumprint { font-size:85%;}

/* ************** Pager Classes - used on utl_callPager.cfm ******************* */

.Pager {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

.onPage {
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#D40AE6;
}

a:link.LoopLink {font-weight:bold; color:#0AD4E6; font-size:90%; text-decoration:none;}
a:visited.LoopLink  {font-weight:bold; color:#0AD4E6; font-size:90%; text-decoration:none;}
a:hover.LoopLink  {text-decoration:none;}
a:active.LoopLink  {text-decoration:none;}


/* ************ USED FOR OUTLINE EFFECTS ON PRODUCTS PAGE ************* */

.outline1     {
	border-bottom: 1px solid #C2B6BE;
} 

.outline2     {
	border-bottom: 1px solid #C2B6BE;
}

.outline3     {
	border-top: 1px solid #C2B6BE;
}

/* Pop up window */
#cake-idea-window { width:700px; border:14px solid #79BAE0; padding:20px; background-color:#FFFFFF; text-align:left; margin:20px auto;}
.cake-idea-table-1 { width:100%; }
.cake-idea-table-1 td.cell-1 { width:55%; vertical-align:top; }
.cake-idea-table-1 td.cell-2 { width:45%; vertical-align:top; text-align:right; }
.cake-idea-table-1 td.cell-2 img{ border:1px solid #79BAE0; }
.tips-table { width:100%; margin-bottom:10px; }
.tips-table tbody td { width:33%; vertical-align:top; font-size:85%;}

.cake-idea-table-2 { width:100%; margin-top:10px; margin-bottom:10px; }
.cake-idea-table-2 tr td{ font-size:85%; padding:4px; }

.instructions {font-size:85%; line-height:150%;}

.newsletter-img { width:400px; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC;  border-right:2px solid #CCCCCC;  border-bottom:2px solid #CCCCCC;}

