/* ********* Set Defaults to Zero ******* */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,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%;}
/* turn off the link outline in Firefox */
a {outline: none;}
/* !!!!!!!!!! YOU MUST RESTYE THE ABOVE AS NEEDED !!!!!!!!!!!!!  */

/* set global paragraph margin */
p { margin:0 0 15px 0;}
/* Apply left margin only to the few elements that need it: */
dd, blockquote { margin-left: 1em; }
li { margin-left: 2.5em; }

/* remember to define focus styles! */
:focus {outline:0px;}

/* This makes the text left justified & keeps font large in the CS debug area */
.cfdebug {text-align:left; font-size:12px;}
.cfdebug code{ font-size:12px;}
.cfdebug pre{ font-size:12px;}

.floatleft { float:left;}
.floatright { float:right;}
.clear { clear:both;}

a:link {color: #0033CC;	text-decoration: underline;}
a:visited {color: #0033CC; text-decoration: underline;}
a:hover {color: #F67003; text-decoration: underline;}
a:active, a:focus {color: #0033CC; text-decoration: underline;}

body { font-size: .75em; font-family:Arial, Helvetica, sans-serif ; color:#333366; text-align: center; background:#2B3954 url(../graphics/main_bg.jpg) repeat-x;}

input, select, textarea { font-size: 11px; 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:160%;color:#F67003;}
h2 { font-size:140%;color:#F67003;}
h3 { font-size:120%;color:#F67003;}

.centered { text-align:center;}
.align-right { text-align:right;}
.align-left { text-align:left;}

/* this contains everything in the site and controls centering and margins */	
#container{ width: 1020px; margin: 0 auto; background:url(../graphics/container_bg.png); text-align: left; }
#content { width:981px; background:#FFFFFF; margin-left:20px;}

#home-container { background:url(../graphics/home_bg.gif) bottom no-repeat; xheight:440px; }
.home-content { font-size:16px; color:#333366; margin:10px 20px 0 40px;}
#home-table { width:980px; }
#home-table .cell-1{ width:390px; vertical-align:middle; text-align:right; }
#home-table .cell-2{ width:590px; vertical-align:top; }

#prd-landing-table { width:880px; font-size:16px; color:#333366; margin-left:45px; margin-bottom:20px; margin-top:10px;}
#prd-landing-table .cell-1{ width:460px; vertical-align:top; padding-right:45px; }
#prd-landing-table .cell-2{ width:420px; vertical-align:top; }

.search-table { width:80%; margin-top:20px; border:1px solid #A6B8DC; margin-left:80px; background:#E6EAF5;}
.search-table .cell-1{ width:50%; height:50px; text-align:center;}
.search-table .cell-2{ width:50%; height:50px; text-align:center;}
.search-info { width:400px; margin:0 auto; margin-top:20px; text-align:center; }

.prd-item-list { width:760px; margin-top:20px; margin-left:80px;}
.prd-item-list .cell-1{ width:220px; height:50px; text-align:left; vertical-align:top;}
.prd-item-list .cell-2{ width:540px; height:50px; text-align:left; vertical-align:top;}
.prd-cat { font-size:18px; font-weight:bold;}

.prd-item-info { width:80%; margin-left:80px; font-size:11px; color:#333366;}
.prd-item-info .cell-1{ width:75%; height:50px; text-align:left;}
.prd-item-info .cell-2{ width:25%; height:50px; text-align:center;}
.prd-title { font-size:18px; font-weight:bold;}
.prd-subtitle { font-size:12px; font-weight:bold; font-style:italic;}
.prd-teaser {  font-size:16px; color:#333366; }
.prd-copy p{  font-size:16px; color:#333366; line-height:150%; }

.shop-item-list { width:760px; margin-top:20px; margin-left:80px;}
.shop-item-list .cell-1{ width:220px; height:50px; text-align:left;}
.shop-item-list .cell-2{ width:540px; height:50px; text-align:left;}
.divider { height:20px; border-bottom:dashed 1px #707690; margin-bottom:20px; }

#recipe-list { width:760px; margin-top:20px; margin-left:80px; font-size:16px; color:#333366;}
#recipe-list .cell-1{ width:620px; height:50px; text-align:left;}
#recipe-list .cell-2{ width:140px; height:50px; text-align:right;}
.rec-title { font-weight:bold; font-size:16px;}

/*.abt-content { font-size:11px; color:#333366; margin:0 20px 0 0;}*/
#about-content { width:981px; background:url(../graphics/about_bg.jpg) no-repeat #5C617E;}
#about-copy {font-size:16px; color:#333366; margin-left:396px; margin-right:40px; padding:20px; text-align:left; background:#fff;}
#about-tag {margin-top:35px; margin-left:396px;}
.blue-div { height:60px; background:#707690; color:#A6B8DC; padding:10px;}

.huffy-intro { margin:20px 0 30px 50px; }
.hoffy-form { margin:5px 0 0 50px;}
.hoffy-form td{ padding:4px; }
.hoffy-form .button { border:1px solid #707690; margin:6px 0 0 0; background-color:#A6B8DC; color:#FFFFFF; font-weight:bold; font-size:14px; padding:5px; }
.hoffy-form .textbox1 {border:1px solid #A6B8DC; width:167px; height:16px; padding-top:2px; }
.hoffy-form .textarea-comments {border:1px solid #A6B8DC; width:350px; height:152px; }
/* for form validation  */
.required { font-weight:bold;}
.alert { font-weight:bold; color:#CC0000;}

/* contact form */
#contact-top { width:760px; margin:10px 0 0 50px; font-size:16px; }
#contact-top .cell-1 { width:380px; vertical-align:top; padding-top:40px; }
#contact-top .cell-2 { width:380px; vertical-align:top; }

#form-table { width:820px; margin-left:50px; margin-top:20px; margin-bottom:20px; font-size:11px; color:#333366;}
#form-table td { vertical-align:top; }
#form-table .cell-1 { width:180px;}
#form-table .cell-2 { width:230px;}
#form-table .cell-3 { width:410px;}
#form-table .textbox1 {border:1px solid #A6B8DC; width:170px; height:16px; padding-top:2px; }
#form-table .textbox2 {border:1px solid #A6B8DC; width:350px; height:16px; padding-top:2px; }
#form-table .textarea-comments {border:1px solid #A6B8DC; width:350px; height:152px; }
#form-table .button { border:1px solid #707690; margin:6px 0 0 0; background-color:#A6B8DC; color:#FFFFFF; font-weight:bold; font-size:14px; padding:5px; }

/* Client Info */
.client-info-name { font-size:120%; font-weight:bold; margin:5px 0;}
.client-info-address1 { margin:5px 0;}
.client-info-address2 { margin:5px 0;}
.client-info-citystatezip { margin:5px 0;}
.client-info-phone { margin:5px 0;}
.client-info-phone span{ font-weight:bold; text-transform:lowercase; 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;}

/* Broker Locator styles ---------------------------------------------------- */
#locator-landing-message { width:400px; margin:10px auto;}
#locator-landing-form { width:300px; border: 3px double #E5DACB; background-color: #FDFEE8; text-align:center;}
#frmZipCode {margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;}
#frmZipCode-textfield {}
#frmZipCode-button {}

.foot-left { width:300px; float:left; text-align:left; xborder:1px solid #000000; margin-left:20px; }
.foot-right { height:25px; background:#FFFFFF; font-size:9px; color:#87878E; text-align:right; margin-right:20px; margin-top:10px; font-weight:bold;}
.foot-right a:link {color: #87878E;	text-decoration: none;}
.foot-right a:visited {color: #87878E; text-decoration: none;}
.foot-right a:hover {color: #87878E; text-decoration: underline;}
.foot-right a:active, a:focus {color: #87878E; text-decoration: none;}